@ukic/canary-web-components 2.0.0-canary.26 → 2.0.0-canary.28

package/dist/core/p-8f0660ec.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,H as e,g as h}from"./p-8455d1bb.js";import{a,s as n,w as r,q as o,u as l,o as c,C as d,A as u,v as f,I as p,f as b,h as m}from"./p-7435de65.js";import{b as v,i as w,j as g,s as y,h as k,k as x}from"./p-33dd24eb.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 Y='/*! 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}input{border:0;height:100%;padding:0;outline:none;background:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}ic-input-component-container{cursor:text}ic-input-component-container,ic-input-component-container:hover{color:var(--ic-color-tertiary-text)}ic-input-component-container .focus-indicator{padding:var(--ic-space-xxxs) var(--ic-space-xs);align-items:center}.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-focus-blue) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow) !important;border-radius:0.25rem}.clear-button:focus,.calendar-button:focus,.clear-button:active *,.calendar-button:active *{fill:var(--ic-architectural-white)}.divider{margin:0 var(--ic-space-xxs);width:var(--ic-space-1px);background-color:var(--ic-architectural-400);border-radius:var(--ic-space-1px)}.divider.small{height:var(--ic-space-md)}.divider.default{height:calc(var(--ic-space-sm) + var(--ic-space-xs))}.divider.large{height:var(--ic-space-lg)}';let M=0;const z=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.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.previousEmittedDate=undefined;this.previousSelectedDate=null;this.selectedDate=null;this.setInputPasteValue=(t,i)=>{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;default:s=false;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(!a(this.day)){this.isValidDay=+this.day>this.MAX_DAY?false:true}else{this.isValidDay=true}if(!a(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)=>{const s=t.target;const e=t.key.toLowerCase();const h=/-?\d*\.?\d+(e[-+]?\d+)?|[/-]|arrowup|arrowdown|arrowleft|arrowright|shift|tab|backspace|delete/;if(!h.test(e)&&!((t.ctrlKey||t.metaKey)&&(e==="v"||e==="c"))){t.preventDefault()}switch(e){case"/":case"-":case".":t.preventDefault();this.setPasteInvalidText();this.moveToNextInput(s);break;case"arrowright":case"arrowleft":t.preventDefault();this.handleLeftRightArrowKeyPress(s,e);break;case"arrowup":case"arrowdown":this.preventAutoFormatting=true;this.handleUpDownArrowKeyPress(s,t);break}this.preventInput(t,i);this.isDateSetFromKeyboardEvent=true};this.handleFocus=t=>{const i=t.target;i.select()};this.handleBlur=t=>{const i=t.target;this.setPasteInvalidText();this.autocompleteInput(i)};this.handleLeftRightArrowKeyPress=(t,i)=>{if(i==="arrowright"){this.moveToNextInput(t)}else{this.moveToPreviousInput(t)}this.setPasteInvalidText()};this.notifyScreenReaderSelectedDate=()=>{const t=n(b);const i=n(m);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;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();if(t===this.yearInputEl){t.value=(new Date).getFullYear().toString()}else{t.value=e.toString()}this.notifyScreenReader(t,i)}else if(i.key==="ArrowUp"){i.preventDefault();if(t===this.yearInputEl){t.value=(new Date).getFullYear().toString()}else{t.value=`0${s}`}this.notifyScreenReader(t,i)}}this.setInputValue(t);this.setFitToValueStyling(t)};this.handleDateChange=t=>{if(t||!v(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.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=>{t.preventDefault();const i=t.clipboardData.getData("Text");const s=this.isPastedStringDateValid(i);this.setPastedValueAndValidation(s,i,t)};this.setDate=t=>{if(t===null||t===""||t===undefined){this.day=null;this.month=null;this.year=null;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=g(i.getDate());this.month=g(i.getMonth()+1);this.year=i.getFullYear().toString()}else if(typeof t==="string"){const i=y(t,this.dateFormat);this.year=i[0];this.month=i[1];this.day=i[2]}}this.setValidationMessage()};this.formatMinMax=t=>{let i;const s=g(t.getDate());const e=g(t.getMonth()+1);const h=t.getFullYear();switch(this.dateFormat){case"DD/MM/YYYY":i=`${s}/${e}/${h}`;break;case"MM/DD/YYYY":i=`${e}/${s}/${h}`;break;case"YYYY/MM/DD":i=`${h}/${e}/${s}`;break}return i};this.updateInputValues=(t,i,s)=>{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(!a(this.day)&&!a(this.month)&&!a(this.year)){this.selectedDate=this.convertToDate(this.year,this.month,this.day);this.isValidDate=+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=()=>{const t=this.el.shadowRoot.querySelectorAll("input");t.forEach((t=>this.inputsInOrder.push(t)))};this.setAriaLabelledBy=()=>{var t,i;if(this.disabled&&!a((t=this.inputCompContainerEl)===null||t===void 0?void 0:t.getAttribute(this.ARIA_LABELLED_BY))){this.removeAriaLabelledBy();return}if(this.disabled){return}const s=this.el.shadowRoot.querySelector("label");const e=`${this.inputId}-label`;if(s!==null&&s!==undefined){s.id=e}const h=!a(this.validationStatus)&&!a(this.validationText)||!a(this.invalidDateText);const n=`${(i=s===null||s===void 0?void 0:s.id)!==null&&i!==void 0?i:""} ${this.screenReaderInfoId} ${r(this.inputId,this.helperText!==""&&this.helperText!==this.defaultHelperText,h)} ${this.selectedDate?this.selectedDateInfoId:""} ${this.assistiveHintId}`;this.inputCompContainerEl.setAttribute(this.ARIA_LABELLED_BY,n)};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 h=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 a;switch(t){case"D":a=i;break;case"M":a=e;break;case"Y":a=h}return a};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"DD/MM/YYYY":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===u.Error){i+=" invalid data"}return i===""?"":i+", "};this.preventInput=(t,i)=>{const s=t.key;const e=t.target;let h;if(e){h=e.value.substring(e.selectionStart,e.selectionEnd)}if(s==="e"||s==="."||s==="-"||t.key>="0"&&t.key<="9"&&i&&!h){t.preventDefault()}};this.isSelectedDateDisabled=()=>{const t=new Date;this.isAfterMax=false;this.isBeforeMin=false;let i=false;const s=this.selectedDate.toDateString()!==t.toDateString();if(this.minDate&&this.selectedDate<this.minDate&&s){this.isBeforeMin=true;i=true}if(this.maxDate&&this.selectedDate>this.maxDate&&s){this.isAfterMax=true;i=true}if(this.disableDays.includes(this.selectedDate.getDay())){i=true}if((this.disablePast&&this.selectedDate<t||this.disableFuture&&this.selectedDate>t)&&s){i=true}return i};this.moveToNextInput=t=>{const i=this.inputsInOrder.findIndex((i=>i===t));const s=this.inputsInOrder[i+1];this.preventAutoFormatting=false;if(s){s.focus()}};this.moveToPreviousInput=t=>{const i=this.inputsInOrder.findIndex((i=>i===t));this.preventAutoFormatting=false;if(this.inputsInOrder[i-1]){this.inputsInOrder[i-1].focus()}};this.autocompleteInput=t=>{if(t===this.yearInputEl){this.autocompleteYear()}else{const i=t.value;if(i.length===1){if(+i===0){t.value="01"}else{t.value=`0${i}`}}}if(t.value){this.setInputValue(t)}};this.autocompleteYear=()=>{const t=this.yearInputEl.value;const i=["2","0","0"];let s="";if(t){i.forEach(((i,e)=>{if(t.length+e<=3){s+=i}}));this.yearInputEl.value=`${s}${t}`}};this.convertToDate=(t,i,s)=>{if(!a(t)&&!a(i)&&!a(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;if((t=this.el.shadowRoot.activeElement)===null||t===void 0?void 0:t.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=>{const i=this.el.shadowRoot.querySelector("#live-region");let s="";const e=this.getAriaLabel(t);if(i&&t.value){if(t===this.monthInputEl&&!!m[+t.value-1]){s=`${t.value} - ${m[+t.value-1]}, ${e}`}if(t===this.dayInputEl||t===this.yearInputEl){s=`${t.value}, ${e}`}i.textContent=s}};this.notifyScreenReaderInput=(t,i)=>{let s="";const e=this.getAriaLabel(t);if(t===this.dayInputEl||t===this.monthInputEl){if(t.value.length===2){if(t===this.monthInputEl&&!!m[+t.value-1]&&this.isValidMonth){s=`${t.value} - ${m[+t.value-1]}, ${e}`}if(t===this.dayInputEl&&this.isValidDay){s=`${t.value}, ${e}`}}else{s=""}}else{if(t.value.length===4){s=`${t.value}, ${e}`}else{s=""}}i.textContent=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)=>{if(this.inputsInOrder.length){this.inputsInOrder.forEach((t=>{t.removeAttribute(this.ARIA_INVALID)}));if(!t){this.dayInputEl.setAttribute(this.ARIA_INVALID,"true")}if(!i){this.monthInputEl.setAttribute(this.ARIA_INVALID,"true")}if(!s||e){this.inputsInOrder.forEach((t=>{t.setAttribute(this.ARIA_INVALID,"true")}))}}};this.handleClear=()=>{this.inputsInOrder.forEach((t=>{t.classList.remove(this.FIT_TO_VALUE);this.setInputValue(t,true);this.setPreventInput(t,false)}));this.isDateSetFromKeyboardEvent=false;this.setValidationMessage();this.handleDateChange(true);this.inputsInOrder[0].focus()};this.handleCalendarOpen=t=>{var i,s;t.stopImmediatePropagation();(i=this.calendarButtonEl)===null||i===void 0?void 0:i.shadowRoot.querySelector("ic-tooltip").displayTooltip(false);this.calendarButtonClicked.emit({value:this.selectedDate});(s=this.calendarButtonEl)===null||s===void 0?void 0:s.shadowRoot.querySelector("ic-tooltip").displayTooltip(false);this.isDateSetFromKeyboardEvent=false};this.setValueAndEmitChange=t=>{if(!v(new Date(this.value),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=>{if(!(t===null&&this.previousEmittedDate===null)&&!v(t,this.previousEmittedDate)){this.previousEmittedDate=t;this.icChange.emit({value:t})}};this.day="";this.invalidDateText=undefined;this.maxDate=undefined;this.minDate=undefined;this.month="";this.year="";this.calendarFocused=false;this.clearButtonFocused=false;this.removeLabelledBy=false;this.dateFormat="DD/MM/YYYY";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.helperText=undefined;this.hideHelperText=false;this.hideLabel=false;this.inputId=`ic-date-input-${M++}`;this.invalidDateMessage="Please enter a valid date.";this.label=undefined;this.max="";this.min="";this.name=this.inputId;this.required=false;this.showCalendarButton=false;this.showClearButton=true;this.size="default";this.value="";this.validationStatus="";this.validationText=""}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(){const t=this.el.shadowRoot.querySelector("label");if(this.required){const i=document.createElement("span");i.setAttribute("id","asterisk-span");i.setAttribute("aria-hidden","true");i.textContent=" *";t===null||t===void 0?void 0:t.appendChild(i)}else{const t=this.el.shadowRoot.querySelector("#asterisk-span");if(t){t.remove()}}}disconnectedCallback(){o(this.el,this.handleFormReset)}componentWillLoad(){this.defaultHelperText=`Use format ${this.dateFormat}`;if(a(this.helperText))this.helperText=this.defaultHelperText;this.watchMinHandler();this.watchMaxHandler();if(this.value){this.setDate(this.value);this.previousEmittedDate=this.selectedDate}else{this.previousEmittedDate=null}this.screenReaderInfoId=`${this.inputId}-screen-reader-info`;this.assistiveHintId=`${this.inputId}-assistive-hint`;this.selectedDateInfoId=`${this.inputId}-selected-date-info`;l(this.el,this.handleFormReset)}componentDidLoad(){this.setInputsInOrder();c([{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(a(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.emitIcChange(t)}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)&&d(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&&d(i):if(s.target!==this.yearInputEl){this.displayPastedValidation(s)}else{this.setInputPasteValue(s.target,i);this.setInputValue(s.target)}break;case i.length>=5&&d(i):this.displayPastedValidation(s)}}pasteZuluDateTime(t,i){if(i===0){const s=this.slicePastedDate(4,t[i]);this.yearInputEl.value=s;this.setInputValue(this.yearInputEl)}else if(i===1){const s=this.slicePastedDate(2,t[i]);this.monthInputEl.value=s;this.setInputValue(this.monthInputEl)}else{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=u.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){const s=this.el.shadowRoot.querySelector("#live-region");if(s){if(this.isKeyboardOrEvent(i)){this.notifyScreenReaderArrowKeys(t)}else if(Object.prototype.toString.call(i)===this.INPUT_EVENT_OBJECT_STRING){this.notifyScreenReaderInput(t,s)}}}render(){const{inputId:t,label:i,disabled:h,helperText:n,hideHelperText:r,hideLabel:o,showClearButton:l,showCalendarButton:c,size:d}=this;const b=!a(this.validationStatus)&&!a(this.validationText);const m=b?this.validationStatus:!a(this.invalidDateText)?u.Error:"";const v=`Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;f(true,this.el,this.name,this.convertToDate(this.year,this.month,this.day),this.disabled);return s(e,{onBlur:this.handleHostBlur,onFocus:this.handleHostFocus},s("ic-input-container",{disabled:h},!(o&&r)&&s("ic-input-label",{for:t,label:i,hideLabel:o,helperText:!r?n:null,disabled:h}),s("span",{id:this.screenReaderInfoId,class:"sr-only","aria-hidden":"true"},this.getScreenReaderInfo(m),o&&`${i}\n`,r&&`${n}\n`,`${this.defaultHelperText}.`),s("span",{id:this.assistiveHintId,class:"sr-only","aria-hidden":"true"},v),s("span",{id:"live-region","aria-live":"assertive",class:"sr-only"}),s("ic-input-component-container",{id:t,ref:t=>this.inputCompContainerEl=t,disabled:h,validationStatus:m,size:d,role:"group"},s("div",{class:"input-container"},s("div",{class:"date-inputs"},this.getInputsInOrder()[0],"/",this.getInputsInOrder()[1],"/",this.getInputsInOrder()[2]),s("div",{class:"action-buttons"},l&&s("ic-button",{id:"clear-button","aria-label":"Clear input",class:{["clear-button"]:true,["hidden"]:a(this.day)&&a(this.month)&&a(this.year)},disabled:this.disabled,innerHTML:$,onClick:this.handleClear,onFocus:this.handleClearFocus,onBlur:this.handleClearBlur,variant:"icon",appearance:this.clearButtonFocused?p.Light:p.Dark,size:d}),c&&s("div",{class:"show-calendar-button-wrapper"},s("div",{class:{divider:true,[d]:true}}),s("ic-button",{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",size:d,onFocus:this.handleCalendarFocus,onBlur:this.handleCalendarBlur,appearance:this.calendarFocused?p.Light:p.Default}))))),s("span",{id:this.selectedDateInfoId,class:"sr-only","aria-live":"polite"},s("span",{ref:t=>this.selectedDateInfoEl=t,role:"status"})),(b||!a(this.invalidDateText))&&s("ic-input-validation",{status:m,message:b?this.validationText:this.invalidDateText,for:t})))}static get delegatesFocus(){return true}get el(){return h(this)}static get watchers(){return{disableFuture:["watchDisableFutureHandler"],disablePast:["watchDisablePastHandler"],max:["watchMaxHandler"],min:["watchMinHandler"],required:["watchRequiredHandler"]}}};z.style=Y;export{z as ic_date_input};
+//# sourceMappingURL=p-8f0660ec.entry.js.map

package/dist/core/p-8f0660ec.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icDateInputCss","inputIds","DateInput","this","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","previousEmittedDate","undefined","previousSelectedDate","selectedDate","setInputPasteValue","input","pastedValue","inputEl","classList","add","checkSingleCopiedValueIsValid","isValid","Number","dayInputEl","monthInputEl","yearInputEl","isKeyboardOrEvent","event","Object","prototype","toString","call","setDateValidity","isEmptyString","day","month","handleInput","inputEvent","target","inputType","preventAutoFormatting","length","setInputValue","notifyScreenReader","moveToNextInput","setPreventInput","setFitToValueStyling","setValidationMessage","handleKeyDown","isInputPrevented","eventKey","key","toLowerCase","regex","test","ctrlKey","metaKey","preventDefault","setPasteInvalidText","handleLeftRightArrowKeyPress","handleUpDownArrowKeyPress","preventInput","handleFocus","select","handleBlur","autocompleteInput","moveToPreviousInput","notifyScreenReaderSelectedDate","dayNames","stringEnumToArray","IcDayNames","months","IcDateInputMonths","selectedDateInfoEl","textContent","getDay","getDate","getMonth","getFullYear","minValue","maxValue","Date","handleDateChange","force","dateMatches","forEach","year","invalidDateText","setValueAndEmitChange","updateInputValues","slicePastedDate","valueLength","datePart","slice","isPastedStringDateValid","handlePaste","clipboardData","getData","setPastedValueAndValidation","setDate","date","remove","isDateOrEpoch","newDate","convertToDoubleDigits","defaultDateArray","splitStringDate","dateFormat","formatMinMax","formattedDate","clear","newValue","convertToDate","isSelectedDateDisabled","setAttribute","removeAttribute","invalidDateMessage","disablePast","disablePastMessage","minDate","disableFuture","disableFutureMessage","maxDate","disableDays","disableDaysMessage","setInputsInOrder","inputs","el","shadowRoot","querySelectorAll","push","setAriaLabelledBy","disabled","_a","inputCompContainerEl","getAttribute","removeAriaLabelledBy","labelEl","querySelector","labelId","inputId","id","hasValidation","validationStatus","validationText","labelledBy","_b","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","required","IcInformationStatus","Error","selectedString","selectionStart","selectionEnd","currentDate","isNotToday","toDateString","includes","currentInput","currentInputPos","findIndex","nextInput","focus","autocompleteYear","inputValue","yearNumbers","autocompletedInput","number","index","handleHostBlur","removeLabelledBy","icBlur","emit","handleHostFocus","activeElement","match","icFocus","handleFormReset","getAriaLabel","notifyScreenReaderArrowKeys","liveRegion","announcement","ariaLabel","notifyScreenReaderInput","setAriaInvalid","validDay","validMonth","validDate","disabledDate","handleClear","handleCalendarOpen","ev","stopImmediatePropagation","calendarButtonEl","displayTooltip","calendarButtonClicked","emitIcChange","handleCalendarFocus","calendarFocused","handleCalendarBlur","handleClearFocus","clearButtonFocused","handleClearBlur","relatedTarget","d","icChange","watchDisableFutureHandler","watchMaxHandler","watchDisablePastHandler","watchMinHandler","createDate","max","min","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","hideHelperText","hideLabel","showClearButton","showCalendarButton","size","hasCustomValidation","assistiveHint","renderHiddenInput","name","Host","onBlur","onFocus","for","role","innerHTML","Clear","onClick","variant","appearance","IcThemeForegroundEnum","Light","Dark","divider","Calendar","Default","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 \"../../../dist/core/normalize.css\";\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}\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n\nic-input-component-container {\n  cursor: text;\n}\n\nic-input-component-container,\nic-input-component-container:hover {\n  color: var(--ic-color-tertiary-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.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-focus-blue) !important;\n  box-shadow: inset 0 0 0 0.125rem var(--ic-focus-glow) !important;\n  border-radius: 0.25rem;\n}\n\n.clear-button:focus,\n.calendar-button:focus,\n.clear-button:active *,\n.calendar-button:active * {\n  fill: var(--ic-architectural-white);\n}\n\n.divider {\n  margin: 0 var(--ic-space-xxs);\n  width: var(--ic-space-1px);\n  background-color: var(--ic-architectural-400);\n  border-radius: var(--ic-space-1px);\n}\n\n.divider.small {\n  height: var(--ic-space-md);\n}\n\n.divider.default {\n  height: calc(var(--ic-space-sm) + var(--ic-space-xs));\n}\n\n.divider.large {\n  height: var(--ic-space-lg);\n}\n","import {\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  IcThemeForegroundEnum,\n  IcDateFormat,\n  IcDateInputMonths,\n  IcDayNames,\n  IcWeekDays,\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  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 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 previousEmittedDate: Date = undefined;\n  private previousSelectedDate: Date = null;\n\n  private selectedDate: Date = null;\n  private selectedDateInfoEl: HTMLSpanElement;\n  private screenReaderInfoId: string;\n  private selectedDateInfoId: string;\n\n  private yearInputEl: HTMLInputElement;\n\n  @Element() el: HTMLIcDateInputElement;\n\n  @State() day: string = \"\";\n  @State() invalidDateText: string;\n  @State() maxDate: Date;\n  @State() minDate: Date;\n  @State() month: string = \"\";\n  @State() year: string = \"\";\n  @State() calendarFocused: boolean = false;\n  @State() clearButtonFocused: boolean = false;\n  @State() removeLabelledBy: boolean = false;\n\n  /**\n   * The format in which the date will be displayed.\n   */\n  // eslint-disable-next-line sonarjs/no-duplicate-string\n  @Prop() dateFormat?: IcDateFormat = \"DD/MM/YYYY\";\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\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;\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 = \"default\";\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 }>;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() icBlur: EventEmitter<{ value: Date }>;\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icChange: EventEmitter<{ value: Date }>;\n\n  /**\n   * Emitted when the input gains focus.\n   */\n  @Event() icFocus: EventEmitter<{ value: Date }>;\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.setDate(this.value);\n      this.previousEmittedDate = this.selectedDate;\n    } else {\n      this.previousEmittedDate = null;\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  }\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> {\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): Promise<void> {\n    this.emitIcChange(d);\n  }\n\n  private setInputPasteValue = (input: EventTarget, pastedValue: string) => {\n    const inputEl = input as HTMLInputElement;\n\n    inputEl.value = pastedValue;\n    inputEl.classList.add(this.FIT_TO_VALUE);\n  };\n\n  private checkSingleCopiedValueIsValid = (\n    input: EventTarget,\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      default:\n        isValid = false;\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      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 as HTMLInputElement;\n\n    this.setPasteInvalidText();\n    this.autocompleteInput(input);\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    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  private handleUpDownArrowKeyPress = (\n    input: HTMLInputElement,\n    event: KeyboardEvent\n  ) => {\n    const minValue = input === this.yearInputEl ? 0 : 1;\n\n    let maxValue;\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        if (input === this.yearInputEl) {\n          input.value = new Date().getFullYear().toString();\n        } else {\n          input.value = maxValue.toString();\n        }\n        this.notifyScreenReader(input, event);\n      } else if (event.key === \"ArrowUp\") {\n        event.preventDefault();\n        if (input === this.yearInputEl) {\n          input.value = new Date().getFullYear().toString();\n        } else {\n          input.value = `0${minValue}`;\n        }\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      ) {\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) => {\n    if (date === null || date === \"\" || date === undefined) {\n      this.day = null;\n      this.month = null;\n      this.year = null;\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.year = defaultDateArray[0];\n        this.month = defaultDateArray[1];\n        this.day = defaultDateArray[2];\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 \"DD/MM/YYYY\":\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    this.dayInputEl.value = day;\n    this.monthInputEl.value = month;\n    this.yearInputEl.value = year;\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 !== 0 && 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    const inputs = this.el.shadowRoot.querySelectorAll(\"input\");\n    inputs.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.validationText)) ||\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 \"DD/MM/YYYY\":\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,\n        input.selectionEnd\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  // Get whether date has been disabled using disableFuture or disablePast prop, but always allow current day\n  // Consider using dateClamp and inDateRange\n  private isSelectedDateDisabled = () => {\n    const currentDate = new Date();\n    this.isAfterMax = false;\n    this.isBeforeMin = false;\n\n    let disabled = false;\n    const isNotToday =\n      this.selectedDate.toDateString() !== currentDate.toDateString();\n\n    if (this.minDate && this.selectedDate < this.minDate && isNotToday) {\n      this.isBeforeMin = true;\n      disabled = true;\n    }\n\n    if (this.maxDate && this.selectedDate > this.maxDate && isNotToday) {\n      this.isAfterMax = true;\n      disabled = true;\n    }\n\n    if (this.disableDays.includes(this.selectedDate.getDay())) {\n      disabled = true;\n    }\n\n    if (\n      ((this.disablePast && this.selectedDate < currentDate) ||\n        (this.disableFuture && this.selectedDate > currentDate)) &&\n      isNotToday\n    ) {\n      disabled = true;\n    }\n\n    return disabled;\n  };\n\n  private moveToNextInput = (currentInput: HTMLInputElement) => {\n    const currentInputPos = this.inputsInOrder.findIndex(\n      (input) => input === currentInput\n    );\n    const nextInput = this.inputsInOrder[currentInputPos + 1];\n\n    this.preventAutoFormatting = false;\n\n    if (nextInput) {\n      nextInput.focus();\n    }\n  };\n\n  private moveToPreviousInput = (currentInput: HTMLInputElement) => {\n    const currentInputPos = this.inputsInOrder.findIndex(\n      (input) => input === currentInput\n    );\n\n    this.preventAutoFormatting = false;\n\n    if (this.inputsInOrder[currentInputPos - 1]) {\n      this.inputsInOrder[currentInputPos - 1].focus();\n    }\n  };\n\n  private autocompleteInput = (input: HTMLInputElement) => {\n    if (input === this.yearInputEl) {\n      this.autocompleteYear();\n    } else {\n      const inputValue = input.value;\n\n      // Autocomplete input as 2 characters (leading zero) when only 1 character entered (for day and month)\n      if (inputValue.length === 1) {\n        if (+inputValue === 0) {\n          input.value = \"01\";\n        } else {\n          input.value = `0${inputValue}`;\n        }\n      }\n    }\n\n    if (input.value) {\n      this.setInputValue(input);\n    }\n  };\n\n  // Autocomplete year as current millennium when fewer than 4 characters entered\n  private autocompleteYear = () => {\n    const inputValue = this.yearInputEl.value;\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  };\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 (this.el.shadowRoot.activeElement?.id.match(/(day|month|year)-input$/)) {\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): string => {\n    return input.getAttribute(this.ARIA_LABEL);\n  };\n\n  private notifyScreenReaderArrowKeys = (input: HTMLInputElement) => {\n    const liveRegion = this.el.shadowRoot.querySelector(\"#live-region\");\n    let announcement = \"\";\n    const ariaLabel = this.getAriaLabel(input);\n\n    if (liveRegion && input.value) {\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) {\n      const dateValue = this.slicePastedDate(4, dateParts[index]);\n      this.yearInputEl.value = dateValue;\n      this.setInputValue(this.yearInputEl);\n    } else if (index === 1) {\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 {\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    let announcement = \"\";\n    const ariaLabel = this.getAriaLabel(input);\n\n    if (input === this.dayInputEl || input === this.monthInputEl) {\n      if (input.value.length === 2) {\n        if (\n          input === this.monthInputEl &&\n          !!IcDateInputMonths[+input.value - 1] &&\n          this.isValidMonth\n        ) {\n          announcement = `${input.value} - ${\n            IcDateInputMonths[+input.value - 1]\n          }, ${ariaLabel}`;\n        }\n\n        if (input === this.dayInputEl && this.isValidDay) {\n          announcement = `${input.value}, ${ariaLabel}`;\n        }\n      } else {\n        announcement = \"\";\n      }\n    } else {\n      if (input.value.length === 4) {\n        announcement = `${input.value}, ${ariaLabel}`;\n      } else {\n        announcement = \"\";\n      }\n    }\n    liveRegion.textContent = announcement;\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.inputsInOrder.forEach((input) => {\n      input.classList.remove(this.FIT_TO_VALUE);\n      this.setInputValue(input, true);\n      this.setPreventInput(input, false);\n    });\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) => {\n    if (!dateMatches(new Date(this.value), 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) => {\n    if (\n      !(d === null && this.previousEmittedDate === null) &&\n      !dateMatches(d, this.previousEmittedDate)\n    ) {\n      this.previousEmittedDate = d;\n      this.icChange.emit({ value: d });\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    } = this;\n\n    const hasCustomValidation =\n      !isEmptyString(this.validationStatus) &&\n      !isEmptyString(this.validationText);\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 onBlur={this.handleHostBlur} onFocus={this.handleHostFocus}>\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 : null}\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          >\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\"\n                    appearance={\n                      this.clearButtonFocused\n                        ? IcThemeForegroundEnum.Light\n                        : IcThemeForegroundEnum.Dark\n                    }\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\"\n                      size={size}\n                      onFocus={this.handleCalendarFocus}\n                      onBlur={this.handleCalendarBlur}\n                      appearance={\n                        this.calendarFocused\n                          ? IcThemeForegroundEnum.Light\n                          : IcThemeForegroundEnum.Default\n                      }\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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"}

package/dist/core/p-924548ec.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,g as a}from"./p-8455d1bb.js";import{i as s,e as n,D as o,f as r}from"./p-8128572e.js";import"./p-fd186591.js";const l='/*! 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{display:block;z-index:var(--ic-z-index-page-header)}:host(.sticky){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}header{background-color:var(--ic-architectural-40)}header.border-bottom{border-bottom:var(--ic-border-default)}header.tabs{padding-top:var(--ic-space-md)}.breadcrumb-area{margin-bottom:var(--ic-space-md)}.main-content{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"title-area action-area"\n    "input-area action-area";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}.title-area{display:flex;flex-direction:column;flex:1;min-width:19rem;grid-area:title-area}.header-content{display:flex;align-items:center;width:100%;flex-wrap:wrap;-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}.heading{display:inline-block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.subheading-content{margin-top:var(--ic-space-xs)}.subheading-content.small{margin-top:var(--ic-space-md)}.action-area{display:flex;gap:var(--ic-space-md);flex-flow:row wrap;justify-self:end;justify-content:flex-end;height:-moz-fit-content;height:fit-content;grid-area:action-area}.input-area,.navigation-area{margin-top:var(--ic-space-md);width:100%}.tabs-slot{display:flex;overflow-x:auto;padding:0.5rem;margin:-0.5rem}.tabs-slot::-webkit-scrollbar{display:none}.input-area{grid-area:input-area}@media screen and (max-width: 576px){::slotted(ic-text-field){--input-width:100%;max-width:20rem}.main-content{grid-template-areas:"title-area"\n      "action-area"\n      "input-area";justify-content:flex-start}.title-area{min-width:0}.action-area{min-width:100%;margin-top:var(--ic-space-md);justify-content:start}}@media screen and (min-width: 992px){:host(.sticky-desktop){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}}';const d=class{constructor(e){t(this,e);this.resizeObserver=null;this.resizeObserverCallback=()=>{if(this.reverseOrder&&s(this.el,"actions")){this.applyReverseOrder()}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)};this.applyReverseOrder=()=>{const t=n();if(t!==this.deviceSize){this.deviceSize=t}const e=this.el.shadowRoot.querySelector("div.action-area");const i=[];for(let t=0;t<this.actionContent.length;t++){const e=this.actionContent[t];let a=e.offsetHeight;if(a===undefined){a=0}i.push(a)}const a=Math.max(...i);let s=e.offsetHeight;if(s===undefined){s=0}const r=()=>{this.actionContent=this.actionContent.reverse();this.actionContent.forEach((t=>{this.el.append(t)}));this.areButtonsReversed=!this.areButtonsReversed};if(this.deviceSize>o.S&&s<=a&&!this.areButtonsReversed||(this.deviceSize>o.S&&s>a||this.deviceSize<=o.S)&&this.areButtonsReversed){r()}};this.actionContent=undefined;this.areButtonsReversed=false;this.deviceSize=o.XL;this.aligned="left";this.border=true;this.heading=undefined;this.reverseOrder=false;this.size="default";this.small=false;this.sticky=false;this.stickyDesktopOnly=false;this.subheading=undefined}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.actionContent=Array.from(this.el.querySelectorAll(`[slot="actions"]`))}componentDidLoad(){r(this.runResizeObserver)}render(){const{small:t,size:a,border:n,heading:o,subheading:r,aligned:l,sticky:d,stickyDesktopOnly:c}=this;const p=o?`${o} page sections`:"navigation-landmark-page-header";return e(i,{class:{["sticky"]:d,["sticky-desktop"]:!d&&c},"aria-label":this.el.ariaLabel||"page header"},e("header",{class:{["border-bottom"]:n,["tabs"]:s(this.el,"tabs")},role:"presentation"},e("ic-section-container",{aligned:l,fullHeight:s(this.el,"tabs")},s(this.el,"breadcrumbs")&&e("div",{class:"breadcrumb-area"},e("slot",{name:"breadcrumbs"})),e("div",{class:"main-content"},e("div",{class:"title-area"},e("div",{class:"header-content"},e("slot",{name:"heading"},e("ic-typography",{variant:t||a==="small"?"h4":"h2",class:"heading"},e("h2",null,o))),e("slot",{name:"heading-adornment"})),e("div",{class:{["subheading-content"]:!!r||s(this.el,"subheading"),["small"]:t||a==="small"}},e("slot",{name:"subheading"},e("ic-typography",{variant:"body"},r)))),s(this.el,"actions")&&e("div",{class:"action-area"},e("slot",{name:"actions"})),s(this.el,"input")&&e("div",{class:"input-area"},e("slot",{name:"input"}))),(s(this.el,"stepper")||s(this.el,"tabs"))&&e("div",{class:"navigation-area"},s(this.el,"stepper")&&!s(this.el,"tabs")&&e("slot",{name:"stepper"}),s(this.el,"tabs")&&e("nav",{"aria-label":p},e("ic-horizontal-scroll",null,e("ul",{class:"tabs-slot"},e("slot",{name:"tabs"}))))))))}get el(){return a(this)}};d.style=l;export{d as ic_page_header};
+//# sourceMappingURL=p-924548ec.entry.js.map

package/dist/core/p-924548ec.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icPageHeaderCss","PageHeader","constructor","hostRef","this","resizeObserver","resizeObserverCallback","reverseOrder","isSlotUsed","el","applyReverseOrder","runResizeObserver","ResizeObserver","observe","currSize","getCurrentDeviceSize","deviceSize","actionArea","shadowRoot","querySelector","actionHeights","i","actionContent","length","action","actionHeight","offsetHeight","undefined","push","max","Math","actionAreaHeight","appendActionContent","reverse","forEach","btn","append","areButtonsReversed","DEVICE_SIZES","S","XL","aligned","border","heading","size","small","sticky","stickyDesktopOnly","subheading","disconnectedCallback","disconnect","componentWillLoad","Array","from","querySelectorAll","componentDidLoad","checkResizeObserver","render","navAriaLabel","h","Host","class","ariaLabel","role","fullHeight","name","variant"],"sources":["../web-components/dist/collection/components/ic-page-header/ic-page-header.css?tag=ic-page-header&encapsulation=shadow","../web-components/dist/collection/components/ic-page-header/ic-page-header.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-page-header: z-index of page-header\n */\n\n:host {\n  display: block;\n  z-index: var(--ic-z-index-page-header);\n}\n\n:host(.sticky) {\n  position: sticky;\n  top: 0;\n  box-shadow: var(--ic-elevation-overlay);\n  z-index: var(--ic-z-index-sticky-page-header);\n}\n\nheader {\n  background-color: var(--ic-architectural-40);\n}\n\nheader.border-bottom {\n  border-bottom: var(--ic-border-default);\n}\n\nheader.tabs {\n  padding-top: var(--ic-space-md);\n}\n\n.breadcrumb-area {\n  margin-bottom: var(--ic-space-md);\n}\n\n.main-content {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-template-areas:\n    \"title-area action-area\"\n    \"input-area action-area\";\n  -moz-column-gap: var(--ic-space-md);\n       column-gap: var(--ic-space-md);\n  justify-content: space-between;\n  width: 100%;\n}\n\n.title-area {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 19rem;\n  grid-area: title-area;\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  flex-wrap: wrap;\n  -moz-column-gap: var(--ic-space-md);\n       column-gap: var(--ic-space-md);\n}\n\n.heading {\n  display: inline-block;\n  overflow-wrap: break-word;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.subheading-content {\n  margin-top: var(--ic-space-xs);\n}\n\n.subheading-content.small {\n  margin-top: var(--ic-space-md);\n}\n\n.action-area {\n  display: flex;\n  gap: var(--ic-space-md);\n  flex-flow: row wrap;\n  justify-self: end;\n  justify-content: flex-end;\n  height: -moz-fit-content;\n  height: fit-content;\n  grid-area: action-area;\n}\n\n.input-area,\n.navigation-area {\n  margin-top: var(--ic-space-md);\n  width: 100%;\n}\n\n.tabs-slot {\n  display: flex;\n  overflow-x: auto;\n  padding: 0.5rem;\n  margin: -0.5rem;\n}\n\n.tabs-slot::-webkit-scrollbar {\n  display: none;\n}\n\n.input-area {\n  grid-area: input-area;\n}\n\n@media screen and (max-width: 576px) {\n  ::slotted(ic-text-field) {\n    --input-width: 100%;\n\n    max-width: 20rem;\n  }\n\n  .main-content {\n    grid-template-areas:\n      \"title-area\"\n      \"action-area\"\n      \"input-area\";\n    justify-content: flex-start;\n  }\n\n  .title-area {\n    min-width: 0;\n  }\n\n  .action-area {\n    min-width: 100%;\n    margin-top: var(--ic-space-md);\n    justify-content: start;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  :host(.sticky-desktop) {\n    position: sticky;\n    top: 0;\n    box-shadow: var(--ic-elevation-overlay);\n    z-index: var(--ic-z-index-sticky-page-header);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { isSlotUsed, DEVICE_SIZES, getCurrentDeviceSize, checkResizeObserver, } from \"../../utils/helpers\";\n/**\n * @slot breadcrumbs - Content will be rendered in the breadcrumb area, above the title and action areas.\n * @slot heading - Content will be rendered in the title area, in place of the heading.\n * @slot subheading - Content will be rendered in the title area, in place of the subheading.\n * @slot heading-adornment - Content will be rendered in the title area, adjacent to the heading.\n * @slot actions - Content will be rendered in the action area, adjacent to the title area.\n * @slot input - Content will be rendered in the input area, below the title area and adjacent to the action area.\n * @slot stepper - Content will be rendered in the navigation area, below the title and action areas. Note: stepper slot cannot be used when the tabs slot is being used.\n * @slot tabs - Content will be rendered in the navigation area, below the title and action areas. Note: the stepper slot cannot be used when the tabs slot is being used.\n */\nexport class PageHeader {\n    constructor() {\n        this.resizeObserver = null;\n        this.resizeObserverCallback = () => {\n            if (this.reverseOrder && isSlotUsed(this.el, \"actions\")) {\n                this.applyReverseOrder();\n            }\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeObserverCallback();\n            });\n            this.resizeObserver.observe(this.el);\n        };\n        this.applyReverseOrder = () => {\n            const currSize = getCurrentDeviceSize();\n            if (currSize !== this.deviceSize) {\n                this.deviceSize = currSize;\n            }\n            const actionArea = this.el.shadowRoot.querySelector(\"div.action-area\");\n            const actionHeights = [];\n            /* For each button in the actions slot, check the height of the button and push this number into the actionHeights array and then find the greatest number in this array (i.e. find the height of the tallest button) */\n            for (let i = 0; i < this.actionContent.length; i++) {\n                const action = this.actionContent[i];\n                let actionHeight = action.offsetHeight;\n                if (actionHeight === undefined) {\n                    actionHeight = 0;\n                }\n                actionHeights.push(actionHeight);\n            }\n            const max = Math.max(...actionHeights);\n            /* The smallest breakpoint displays buttons in the same order the user has slotted them in. When the device size is larger than the small breakpoint then the order of the button reverses due to best practice for reading patterns. If the device size is larger than the small breakpoint and the buttons have started to wrap then they follow the order the user has slotted them in. This logic is programmed based on the height of the action-area div that wraps the actions slot. If the height of the action-area div is taller than the height of the tallest button, then it is assumed that the taller height is caused by the buttons wrapping */\n            let actionAreaHeight = actionArea.offsetHeight;\n            if (actionAreaHeight === undefined) {\n                actionAreaHeight = 0;\n            }\n            const appendActionContent = () => {\n                this.actionContent = this.actionContent.reverse();\n                this.actionContent.forEach((btn) => {\n                    this.el.append(btn);\n                });\n                this.areButtonsReversed = !this.areButtonsReversed;\n            };\n            if ((this.deviceSize > DEVICE_SIZES.S &&\n                actionAreaHeight <= max &&\n                !this.areButtonsReversed) ||\n                (((this.deviceSize > DEVICE_SIZES.S && actionAreaHeight > max) ||\n                    this.deviceSize <= DEVICE_SIZES.S) &&\n                    this.areButtonsReversed)) {\n                appendActionContent();\n            }\n        };\n        this.actionContent = undefined;\n        this.areButtonsReversed = false;\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.aligned = \"left\";\n        this.border = true;\n        this.heading = undefined;\n        this.reverseOrder = false;\n        this.size = \"default\";\n        this.small = false;\n        this.sticky = false;\n        this.stickyDesktopOnly = false;\n        this.subheading = undefined;\n    }\n    disconnectedCallback() {\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n    }\n    componentWillLoad() {\n        this.actionContent = Array.from(this.el.querySelectorAll(`[slot=\"actions\"]`));\n    }\n    componentDidLoad() {\n        checkResizeObserver(this.runResizeObserver);\n    }\n    render() {\n        const { small, size, border, heading, subheading, aligned, sticky, stickyDesktopOnly, } = this;\n        const navAriaLabel = heading\n            ? `${heading} page sections`\n            : \"navigation-landmark-page-header\";\n        return (h(Host, { class: {\n                [\"sticky\"]: sticky,\n                [\"sticky-desktop\"]: !sticky && stickyDesktopOnly,\n            }, \"aria-label\": this.el.ariaLabel || \"page header\" }, h(\"header\", { class: {\n                [\"border-bottom\"]: border,\n                [\"tabs\"]: isSlotUsed(this.el, \"tabs\"),\n            }, role: \"presentation\" }, h(\"ic-section-container\", { aligned: aligned, fullHeight: isSlotUsed(this.el, \"tabs\") }, isSlotUsed(this.el, \"breadcrumbs\") && (h(\"div\", { class: \"breadcrumb-area\" }, h(\"slot\", { name: \"breadcrumbs\" }))), h(\"div\", { class: \"main-content\" }, h(\"div\", { class: \"title-area\" }, h(\"div\", { class: \"header-content\" }, h(\"slot\", { name: \"heading\" }, h(\"ic-typography\", { variant: small || size === \"small\" ? \"h4\" : \"h2\", class: \"heading\" }, h(\"h2\", null, heading))), h(\"slot\", { name: \"heading-adornment\" })), h(\"div\", { class: {\n                [\"subheading-content\"]: !!subheading || isSlotUsed(this.el, \"subheading\"),\n                [\"small\"]: small || size === \"small\",\n            } }, h(\"slot\", { name: \"subheading\" }, h(\"ic-typography\", { variant: \"body\" }, subheading)))), isSlotUsed(this.el, \"actions\") && (h(\"div\", { class: \"action-area\" }, h(\"slot\", { name: \"actions\" }))), isSlotUsed(this.el, \"input\") && (h(\"div\", { class: \"input-area\" }, h(\"slot\", { name: \"input\" })))), (isSlotUsed(this.el, \"stepper\") ||\n            isSlotUsed(this.el, \"tabs\")) && (h(\"div\", { class: \"navigation-area\" }, isSlotUsed(this.el, \"stepper\") &&\n            !isSlotUsed(this.el, \"tabs\") && h(\"slot\", { name: \"stepper\" }), isSlotUsed(this.el, \"tabs\") && (h(\"nav\", { \"aria-label\": navAriaLabel }, h(\"ic-horizontal-scroll\", null, h(\"ul\", { class: \"tabs-slot\" }, h(\"slot\", { name: \"tabs\" })))))))))));\n    }\n    static get is() { return \"ic-page-header\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-page-header.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-page-header.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\"\",\n                    \"references\": {\n                        \"IcAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the page header.\"\n                },\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"border\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, a border will be displayed along the bottom of the page header.\"\n                },\n                \"attribute\": \"border\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title to render on the page header.\"\n                },\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"reverseOrder\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the reading pattern and tab order will change in the action area for viewport widths of above 576px and when actions have not wrapped.\"\n                },\n                \"attribute\": \"reverse-order\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizesNoLarge\",\n                    \"resolved\": \"\\\"default\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizesNoLarge\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the page header component.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"small\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"deprecated\",\n                            \"text\": \"This prop should not be used anymore. Set prop `size` to \\\"small\\\" instead.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"small\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"sticky\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the page header will be sticky at all breakpoints.\"\n                },\n                \"attribute\": \"sticky\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"stickyDesktopOnly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the page header will only be sticky for viewport widths of 992px and above.\"\n                },\n                \"attribute\": \"sticky-desktop-only\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"subheading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The subtitle to render on the page header.\"\n                },\n                \"attribute\": \"subheading\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"actionContent\": {},\n            \"areButtonsReversed\": {},\n            \"deviceSize\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-page-header.js.map\n"],"mappings":"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"}

package/dist/core/{p-bfc5f3f4.entry.js → p-9e5c8813.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as e,h as t,H as c,g as s}from"./p-8455d1bb.js";import{n as a,m as o,k as r,a as n,p as l,s as h}from"./p-8128572e.js";import"./p-fd186591.js";const d='/*! 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{display:inline-block}input{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ic-switch-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ic-space-xxs);cursor:pointer}.ic-switch-label{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-sm)}.ic-switch-label-small{margin-bottom:0.625rem}.ic-switch-toggle{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-architectural-200);border:var(--ic-border-width) solid var(--ic-architectural-700);box-sizing:border-box;transition:var(--ic-transition-duration-fast)}.ic-switch-line-break{flex:1 0 100%}.ic-switch-checked-status{padding-left:var(--ic-space-xxs);width:var(--ic-space-lg)}.ic-switch-toggle::before{content:"";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-architectural-700);transition:var(--ic-transition-duration-slow)}.ic-switch-icon{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}.ic-switch-icon-circle,.ic-switch-icon-line{stroke-width:1}.ic-switch-icon-circle{stroke:var(--ic-architectural-700)}.ic-switch-icon-line{stroke:var(--ic-architectural-white)}@media (prefers-reduced-motion: reduce){.ic-switch-toggle::before{transition-duration:0ms}}.ic-switch-input:checked+.ic-switch-toggle{background-color:var(--ic-action-default);border:none}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-architectural-white)}.ic-switch-input:not([disabled])+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-hover)}.ic-switch-input:not([disabled])+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-active)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-hover)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-active)}.ic-switch-input:focus:not([disabled])+.ic-switch-toggle,.ic-switch-input:focus-visible:not([disabled])+.ic-switch-toggle{box-shadow:var(--ic-border-focus)}.ic-switch-disabled{cursor:default}.ic-switch-disabled .ic-switch-icon-circle{stroke:var(--ic-architectural-300)}.ic-switch-disabled .ic-switch-icon-line{stroke:var(--ic-action-default-bg-active)}.ic-switch-input:disabled+.ic-switch-toggle{background-color:var(--ic-architectural-80);border:var(--ic-border-disabled)}.ic-switch-input:disabled~.ic-switch-checked-status{color:var(--ic-architectural-300)}.ic-switch-input:disabled+.ic-switch-toggle::before{background-color:var(--ic-architectural-300)}.ic-switch-input:disabled:checked+.ic-switch-toggle{background-color:var(--ic-status-info-light);border:var(--ic-border-width) dashed #98c9f5}.ic-switch-input:disabled:checked+.ic-switch-toggle::before{background-color:var(--ic-architectural-white)}.ic-switch-small{gap:var(--ic-space-xxxs)}.ic-switch-small .ic-switch-checked-status{padding-left:0.375rem}.ic-switch-small .ic-switch-toggle{width:var(--ic-space-xxl);height:var(--ic-space-lg)}.ic-switch-small .ic-switch-toggle::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}.ic-switch-small .ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-lg), -50%)}::slotted(*){margin-left:var(--ic-space-sm)}::slotted(svg){fill:currentcolor}@media (forced-colors: active){.ic-switch-toggle::before,.ic-switch-input:checked+.ic-switch-toggle{border:var(--ic-hc-border)}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}.ic-switch-input:disabled+.ic-switch-toggle,.ic-switch-input:disabled:checked+.ic-switch-toggle,.ic-switch-input:disabled+.ic-switch-toggle::before{border-color:GrayText}.ic-switch-input:disabled~.ic-switch-checked-status{color:GrayText}.ic-switch-disabled .ic-switch-icon-circle,.ic-switch-disabled .ic-switch-icon-line{stroke:GrayText}}';let b=0;const u=class{constructor(t){i(this,t);this.icBlur=e(this,"icBlur",7);this.icChange=e(this,"icChange",7);this.icFocus=e(this,"icFocus",7);this.inputId=`ic-switch-input-${b++}`;this.handleChange=()=>{this.checkedState=!this.checkedState;this.icChange.emit({checked:this.checkedState,value:this.value})};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.handleFormReset=()=>{this.checkedState=this.initiallyChecked};this.checkedState=false;this.initiallyChecked=this.checked;this.checked=false;this.disabled=false;this.helperText="";this.hideLabel=false;this.label=undefined;this.name=this.inputId;this.showState=false;this.size="default";this.small=false;this.value="on"}checkedChangeHandler(){this.checkedState=this.checked}disconnectedCallback(){a(this.el,this.handleFormReset)}componentWillLoad(){this.checkedState=this.checked;o(this.el,this.handleFormReset);r(this.disabled,this.el)}componentDidLoad(){n([{prop:this.label,propName:"label"}],"Switch")}async setFocus(){if(this.el.shadowRoot.querySelector("input")){this.el.shadowRoot.querySelector("input").focus()}}render(){const{label:i,checkedState:e,small:s,size:a,disabled:o,name:r,showState:n,value:d,hideLabel:b,helperText:u,inputId:p}=this;l(true,this.el,r,e?d:"",o);const g=h(p,u!=="",false);return t(c,null,t("label",{class:{["ic-switch-container"]:true,["ic-switch-disabled"]:o,["ic-switch-small"]:s||a==="small"},htmlFor:p},!b&&t("ic-input-label",{for:p,label:i,helperText:u,readonly:true,disabled:o,class:{["ic-switch-label"]:true,["ic-switch-label-small"]:s||a==="small"}}),!b&&t("span",{class:"ic-switch-line-break"}),t("input",{checked:e,disabled:o,"aria-label":i,"aria-checked":e?"true":"false","aria-describedby":g,role:"switch",class:"ic-switch-input",type:"checkbox",name:"toggle",id:p,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.handleChange}),t("span",{class:"ic-switch-toggle"},t("svg",{class:"ic-switch-icon","aria-hidden":"true",focusable:"false",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg"},t("line",{class:"ic-switch-icon-line",x1:"9",y1:s||a==="small"?"2":"1",x2:"9",y2:s||a==="small"?"8":"9"})),t("svg",{class:"ic-switch-icon","aria-hidden":"true",focusable:"false",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg"},t("circle",{class:"ic-switch-icon-circle",fill:"none",cx:"5",cy:"5",r:s||a==="small"?"3.335":"4.445"}))),t("slot",{name:"right-adornment"}),n&&t("ic-typography",{"aria-hidden":"true",variant:"label",class:"ic-switch-checked-status"},e?"On":"Off")))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{checked:["checkedChangeHandler"]}}};u.style=d;export{u as ic_switch};
-//# sourceMappingURL=p-bfc5f3f4.entry.js.map
+import{r as i,c as e,h as t,H as c,g as s}from"./p-8455d1bb.js";import{n as a,m as o,k as r,a as l,p as n,s as h}from"./p-8128572e.js";import"./p-fd186591.js";const d='/*! 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{display:inline-block}input{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ic-switch-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ic-space-xxs);cursor:pointer}.ic-switch-label{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-sm)}.ic-switch-label-small{margin-bottom:0.625rem}.ic-switch-toggle{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-architectural-200);border:var(--ic-border-width) solid var(--ic-architectural-700);box-sizing:border-box;transition:var(--ic-transition-duration-fast)}.ic-switch-line-break{flex:1 0 100%}.ic-switch-checked-status{padding-left:var(--ic-space-xxs);width:var(--ic-space-lg)}.ic-switch-toggle::before{content:"";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-architectural-700);transition:var(--ic-transition-duration-slow)}.ic-switch-icon{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}.ic-switch-icon-circle,.ic-switch-icon-line{stroke-width:1}.ic-switch-icon-circle{stroke:var(--ic-architectural-700)}.ic-switch-icon-line{stroke:var(--ic-architectural-white)}@media (prefers-reduced-motion: reduce){.ic-switch-toggle::before{transition-duration:0ms}}.ic-switch-input:checked+.ic-switch-toggle{background-color:var(--ic-action-default);border:none}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-architectural-white)}.ic-switch-input:not([disabled])+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-hover)}.ic-switch-input:not([disabled])+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-active)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-hover)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-active)}.ic-switch-input:focus:not([disabled])+.ic-switch-toggle,.ic-switch-input:focus-visible:not([disabled])+.ic-switch-toggle{box-shadow:var(--ic-border-focus)}.ic-switch-disabled{cursor:default}.ic-switch-disabled .ic-switch-icon-circle{stroke:var(--ic-architectural-300)}.ic-switch-disabled .ic-switch-icon-line{stroke:var(--ic-action-default-bg-active)}.ic-switch-input:disabled+.ic-switch-toggle{background-color:var(--ic-architectural-80);border:var(--ic-border-disabled)}.ic-switch-input:disabled~.ic-switch-checked-status{color:var(--ic-architectural-300)}.ic-switch-input:disabled+.ic-switch-toggle::before{background-color:var(--ic-architectural-300)}.ic-switch-input:disabled:checked+.ic-switch-toggle{background-color:var(--ic-status-info-light);border:var(--ic-border-width) dashed #98c9f5}.ic-switch-input:disabled:checked+.ic-switch-toggle::before{background-color:var(--ic-architectural-white)}.ic-switch-small{gap:var(--ic-space-xxxs)}.ic-switch-small .ic-switch-checked-status{padding-left:0.375rem}.ic-switch-small .ic-switch-toggle{width:var(--ic-space-xxl);height:var(--ic-space-lg)}.ic-switch-small .ic-switch-toggle::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}.ic-switch-small .ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-lg), -50%)}::slotted(*){margin-left:var(--ic-space-sm)}::slotted(svg){fill:currentcolor}@media (forced-colors: active){.ic-switch-toggle::before,.ic-switch-input:checked+.ic-switch-toggle{border:var(--ic-hc-border)}.ic-switch-input:focus+.ic-switch-toggle{border-color:highlight;outline:0.125rem solid highlight}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}.ic-switch-input:disabled+.ic-switch-toggle,.ic-switch-input:disabled:checked+.ic-switch-toggle,.ic-switch-input:disabled+.ic-switch-toggle::before{border-color:GrayText}.ic-switch-input:disabled~.ic-switch-checked-status{color:GrayText}.ic-switch-disabled .ic-switch-icon-circle,.ic-switch-disabled .ic-switch-icon-line{stroke:GrayText}}';let b=0;const u=class{constructor(t){i(this,t);this.icBlur=e(this,"icBlur",7);this.icChange=e(this,"icChange",7);this.icFocus=e(this,"icFocus",7);this.inputId=`ic-switch-input-${b++}`;this.handleChange=()=>{this.checkedState=!this.checkedState;this.icChange.emit({checked:this.checkedState,value:this.value})};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.handleFormReset=()=>{this.checkedState=this.initiallyChecked};this.checkedState=false;this.initiallyChecked=this.checked;this.checked=false;this.disabled=false;this.helperText="";this.hideLabel=false;this.label=undefined;this.name=this.inputId;this.showState=false;this.size="default";this.small=false;this.value="on"}checkedChangeHandler(){this.checkedState=this.checked}disconnectedCallback(){a(this.el,this.handleFormReset)}componentWillLoad(){this.checkedState=this.checked;o(this.el,this.handleFormReset);r(this.disabled,this.el)}componentDidLoad(){l([{prop:this.label,propName:"label"}],"Switch")}async setFocus(){if(this.el.shadowRoot.querySelector("input")){this.el.shadowRoot.querySelector("input").focus()}}render(){const{label:i,checkedState:e,small:s,size:a,disabled:o,name:r,showState:l,value:d,hideLabel:b,helperText:u,inputId:p}=this;n(true,this.el,r,e?d:"",o);const g=h(p,u!=="",false);return t(c,null,t("label",{class:{["ic-switch-container"]:true,["ic-switch-disabled"]:o,["ic-switch-small"]:s||a==="small"},htmlFor:p},!b&&t("ic-input-label",{for:p,label:i,helperText:u,readonly:true,disabled:o,class:{["ic-switch-label"]:true,["ic-switch-label-small"]:s||a==="small"}}),!b&&t("span",{class:"ic-switch-line-break"}),t("input",{checked:e,disabled:o,"aria-label":i,"aria-checked":e?"true":"false","aria-describedby":g,role:"switch",class:"ic-switch-input",type:"checkbox",name:"toggle",id:p,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.handleChange}),t("span",{class:"ic-switch-toggle"},t("svg",{class:"ic-switch-icon","aria-hidden":"true",focusable:"false",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg"},t("line",{class:"ic-switch-icon-line",x1:"9",y1:s||a==="small"?"2":"1",x2:"9",y2:s||a==="small"?"8":"9"})),t("svg",{class:"ic-switch-icon","aria-hidden":"true",focusable:"false",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg"},t("circle",{class:"ic-switch-icon-circle",fill:"none",cx:"5",cy:"5",r:s||a==="small"?"3.335":"4.445"}))),t("slot",{name:"right-adornment"}),l&&t("ic-typography",{"aria-hidden":"true",variant:"label",class:"ic-switch-checked-status"},e?"On":"Off")))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{checked:["checkedChangeHandler"]}}};u.style=d;export{u as ic_switch};
+//# sourceMappingURL=p-9e5c8813.entry.js.map

package/dist/core/p-9e5c8813.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icSwitchCss","inputIds","Switch","constructor","hostRef","this","inputId","handleChange","checkedState","icChange","emit","checked","value","onFocus","icFocus","onBlur","icBlur","handleFormReset","initiallyChecked","disabled","helperText","hideLabel","label","undefined","name","showState","size","small","checkedChangeHandler","disconnectedCallback","removeFormResetListener","el","componentWillLoad","addFormResetListener","removeDisabledFalse","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","setFocus","shadowRoot","querySelector","focus","render","renderHiddenInput","describedBy","getInputDescribedByText","h","Host","class","htmlFor","for","readonly","role","type","id","onChange","focusable","viewBox","xmlns","x1","y1","x2","y2","fill","cx","cy","r","variant","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-switch/ic-switch.css?tag=ic-switch&encapsulation=shadow","../web-components/dist/collection/components/ic-switch/ic-switch.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: inline-block;\n}\n\ninput {\n  overflow: hidden;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n\n.ic-switch-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--ic-space-xxs);\n  cursor: pointer;\n}\n\n.ic-switch-label {\n  margin-left: var(--ic-space-xxs);\n  margin-bottom: var(--ic-space-sm);\n}\n\n.ic-switch-label-small {\n  margin-bottom: 0.625rem;\n}\n\n.ic-switch-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  width: 4rem;\n  height: var(--ic-space-xl);\n  position: relative;\n  border-radius: 100vw;\n  background-color: var(--ic-architectural-200);\n  border: var(--ic-border-width) solid var(--ic-architectural-700);\n  box-sizing: border-box;\n  transition: var(--ic-transition-duration-fast);\n}\n\n.ic-switch-line-break {\n  flex: 1 0 100%;\n}\n\n.ic-switch-checked-status {\n  padding-left: var(--ic-space-xxs);\n  width: var(--ic-space-lg);\n}\n\n.ic-switch-toggle::before {\n  content: \"\";\n  width: 1.333rem;\n  height: 1.333rem;\n  border-radius: 50%;\n  position: absolute;\n  z-index: 2;\n  top: 50%;\n  left: 0.333rem;\n  transform: translate(0, -50%);\n  background-color: var(--ic-architectural-700);\n  transition: var(--ic-transition-duration-slow);\n}\n\n.ic-switch-icon {\n  display: inline-block;\n  vertical-align: middle;\n  width: 0.625rem;\n  height: 0.625rem;\n}\n\n.ic-switch-icon-circle,\n.ic-switch-icon-line {\n  stroke-width: 1;\n}\n\n.ic-switch-icon-circle {\n  stroke: var(--ic-architectural-700);\n}\n\n.ic-switch-icon-line {\n  stroke: var(--ic-architectural-white);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ic-switch-toggle::before {\n    transition-duration: 0ms;\n  }\n}\n\n.ic-switch-input:checked + .ic-switch-toggle {\n  background-color: var(--ic-action-default);\n  border: none;\n}\n\n.ic-switch-input:checked + .ic-switch-toggle::before {\n  transform: translate(var(--ic-space-xl), -50%);\n  background-color: var(--ic-architectural-white);\n}\n\n.ic-switch-input:not([disabled]) + .ic-switch-toggle:hover::before {\n  box-shadow: 0 0 0 0.75rem var(--ic-action-dark-bg-hover);\n}\n\n.ic-switch-input:not([disabled]) + .ic-switch-toggle:active::before {\n  box-shadow: 0 0 0 0.75rem var(--ic-action-dark-bg-active);\n}\n\n.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:hover::before {\n  box-shadow: 0 0 0 0.75rem var(--ic-action-default-bg-hover);\n}\n\n.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:active::before {\n  box-shadow: 0 0 0 0.75rem var(--ic-action-default-bg-active);\n}\n\n.ic-switch-input:focus:not([disabled]) + .ic-switch-toggle,\n.ic-switch-input:focus-visible:not([disabled]) + .ic-switch-toggle {\n  box-shadow: var(--ic-border-focus);\n}\n\n.ic-switch-disabled {\n  cursor: default;\n}\n\n.ic-switch-disabled .ic-switch-icon-circle {\n  stroke: var(--ic-architectural-300);\n}\n\n.ic-switch-disabled .ic-switch-icon-line {\n  stroke: var(--ic-action-default-bg-active);\n}\n\n.ic-switch-input:disabled + .ic-switch-toggle {\n  background-color: var(--ic-architectural-80);\n  border: var(--ic-border-disabled);\n}\n\n.ic-switch-input:disabled ~ .ic-switch-checked-status {\n  color: var(--ic-architectural-300);\n}\n\n.ic-switch-input:disabled + .ic-switch-toggle::before {\n  background-color: var(--ic-architectural-300);\n}\n\n.ic-switch-input:disabled:checked + .ic-switch-toggle {\n  background-color: var(--ic-status-info-light);\n  border: var(--ic-border-width) dashed #98c9f5;\n}\n\n.ic-switch-input:disabled:checked + .ic-switch-toggle::before {\n  background-color: var(--ic-architectural-white);\n}\n\n.ic-switch-small {\n  gap: var(--ic-space-xxxs);\n}\n\n.ic-switch-small .ic-switch-checked-status {\n  padding-left: 0.375rem;\n}\n\n.ic-switch-small .ic-switch-toggle {\n  width: var(--ic-space-xxl);\n  height: var(--ic-space-lg);\n}\n\n.ic-switch-small .ic-switch-toggle::before {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n  left: var(--ic-space-xxs);\n}\n\n.ic-switch-small .ic-switch-input:checked + .ic-switch-toggle::before {\n  transform: translate(var(--ic-space-lg), -50%);\n}\n\n::slotted(*) {\n  margin-left: var(--ic-space-sm);\n}\n\n::slotted(svg) {\n  fill: currentcolor;\n}\n\n@media (forced-colors: active) {\n  .ic-switch-toggle::before,\n  .ic-switch-input:checked + .ic-switch-toggle {\n    border: var(--ic-hc-border);\n  }\n\n  .ic-switch-input:focus + .ic-switch-toggle {\n    border-color: highlight;\n    outline: 0.125rem solid highlight;\n  }\n\n  .ic-switch-input:checked + .ic-switch-toggle::before {\n    transform: translate(calc(var(--ic-space-xl) - 0.125rem), -50%);\n  }\n\n  .ic-switch-input:disabled + .ic-switch-toggle,\n  .ic-switch-input:disabled:checked + .ic-switch-toggle,\n  .ic-switch-input:disabled + .ic-switch-toggle::before {\n    border-color: GrayText;\n  }\n\n  .ic-switch-input:disabled ~ .ic-switch-checked-status {\n    color: GrayText;\n  }\n\n  .ic-switch-disabled .ic-switch-icon-circle,\n  .ic-switch-disabled .ic-switch-icon-line {\n    stroke: GrayText;\n  }\n}\n\n/* Add back in after storybook has the `color-scheme: light dark` code */\n\n/* @media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n  .ic-switch-label .ic-typography-label,\n  ic-input-label .helpertext,\n  .ic-switch-checked-status {\n    color: var(--ic-architectural-white);\n  }\n} */\n","import { Host, h, } from \"@stencil/core\";\nimport { getInputDescribedByText, onComponentRequiredPropUndefined, renderHiddenInput, addFormResetListener, removeFormResetListener, removeDisabledFalse, } from \"../../utils/helpers\";\nlet inputIds = 0;\n/**\n * @slot right-adornment - Content is placed to the right of switch before state label.\n */\nexport class Switch {\n    constructor() {\n        this.inputId = `ic-switch-input-${inputIds++}`;\n        this.handleChange = () => {\n            this.checkedState = !this.checkedState;\n            this.icChange.emit({\n                checked: this.checkedState,\n                value: this.value,\n            });\n        };\n        this.onFocus = () => {\n            this.icFocus.emit();\n        };\n        this.onBlur = () => {\n            this.icBlur.emit();\n        };\n        this.handleFormReset = () => {\n            this.checkedState = this.initiallyChecked;\n        };\n        this.checkedState = false;\n        this.initiallyChecked = this.checked;\n        this.checked = false;\n        this.disabled = false;\n        this.helperText = \"\";\n        this.hideLabel = false;\n        this.label = undefined;\n        this.name = this.inputId;\n        this.showState = false;\n        this.size = \"default\";\n        this.small = false;\n        this.value = \"on\";\n    }\n    checkedChangeHandler() {\n        this.checkedState = this.checked;\n    }\n    disconnectedCallback() {\n        removeFormResetListener(this.el, this.handleFormReset);\n    }\n    componentWillLoad() {\n        this.checkedState = this.checked;\n        addFormResetListener(this.el, this.handleFormReset);\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Switch\");\n    }\n    /**\n     * Sets focus on the switch.\n     */\n    async setFocus() {\n        if (this.el.shadowRoot.querySelector(\"input\")) {\n            this.el.shadowRoot.querySelector(\"input\").focus();\n        }\n    }\n    render() {\n        const { label, checkedState, small, size, disabled, name, showState, value, hideLabel, helperText, inputId, } = this;\n        renderHiddenInput(true, this.el, name, checkedState ? value : \"\", disabled);\n        const describedBy = getInputDescribedByText(inputId, helperText !== \"\", false);\n        return (h(Host, null, h(\"label\", { class: {\n                [\"ic-switch-container\"]: true,\n                [\"ic-switch-disabled\"]: disabled,\n                [\"ic-switch-small\"]: small || size === \"small\",\n            }, htmlFor: inputId }, !hideLabel && (h(\"ic-input-label\", { for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {\n                [\"ic-switch-label\"]: true,\n                [\"ic-switch-label-small\"]: small || size === \"small\",\n            } })), !hideLabel && h(\"span\", { class: \"ic-switch-line-break\" }), h(\"input\", { checked: checkedState, disabled: disabled, \"aria-label\": label, \"aria-checked\": checkedState ? \"true\" : \"false\", \"aria-describedby\": describedBy, role: \"switch\", class: \"ic-switch-input\", type: \"checkbox\", name: \"toggle\", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), h(\"span\", { class: \"ic-switch-toggle\" }, h(\"svg\", { class: \"ic-switch-icon\", \"aria-hidden\": \"true\", focusable: \"false\", viewBox: \"0 0 10 10\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"line\", { class: \"ic-switch-icon-line\", x1: \"9\", y1: small || size === \"small\" ? \"2\" : \"1\", x2: \"9\", y2: small || size === \"small\" ? \"8\" : \"9\" })), h(\"svg\", { class: \"ic-switch-icon\", \"aria-hidden\": \"true\", focusable: \"false\", viewBox: \"0 0 10 10\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"circle\", { class: \"ic-switch-icon-circle\", fill: \"none\", cx: \"5\", cy: \"5\", r: small || size === \"small\" ? \"3.335\" : \"4.445\" }))), h(\"slot\", { name: \"right-adornment\" }), showState && (h(\"ic-typography\", { \"aria-hidden\": \"true\", variant: \"label\", class: \"ic-switch-checked-status\" }, checkedState ? \"On\" : \"Off\")))));\n    }\n    static get is() { return \"ic-switch\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-switch.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-switch.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"checked\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the switch will display as checked.\"\n                },\n                \"attribute\": \"checked\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"helperText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The helper text that will be displayed for additional field guidance.\"\n                },\n                \"attribute\": \"helper-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"hideLabel\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the label will be hidden and the required label value will be applied as an aria-label.\"\n                },\n                \"attribute\": \"hide-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The aria-label applied to the switch when no visual 'name' is provided.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the control, which is submitted with the form data.\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": false,\n                \"defaultValue\": \"this.inputId\"\n            },\n            \"showState\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the switch will render the On/Off state text.\"\n                },\n                \"attribute\": \"show-state\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizesNoLarge\",\n                    \"resolved\": \"\\\"default\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizesNoLarge\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the switch component.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"small\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"deprecated\",\n                            \"text\": \"This prop should not be used anymore. Set prop `size` to \\\"small\\\" instead.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"small\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | null\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value of the toggle does not mean if it's checked or not, use the `checked`\\nproperty for that.\\n\\nThe value of a toggle is analogous to the value of a `<input type=\\\"checkbox\\\">`,\\nit's only used when the toggle participates in a native `<form>`.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"on\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"checkedState\": {},\n            \"initiallyChecked\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icBlur\",\n                \"name\": \"icBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the toggle loses focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icChange\",\n                \"name\": \"icChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the value property has changed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcSwitchChangeEventDetail\",\n                    \"resolved\": \"IcSwitchChangeEventDetail\",\n                    \"references\": {\n                        \"IcSwitchChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-switch.types\",\n                            \"id\": \"src/components/ic-switch/ic-switch.types.ts::IcSwitchChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icFocus\",\n                \"name\": \"icFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the toggle has focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the switch.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"checked\",\n                \"methodName\": \"checkedChangeHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-switch.js.map\n"],"mappings":"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"}

package/dist/core/{p-0ec04c16.entry.js → p-a7331e7c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,H as o,g as s}from"./p-8455d1bb.js";import{f as a,u as n}from"./p-8128572e.js";import"./p-fd186591.js";const r='/*! 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{display:block;position:relative}:host(.ic-typography-vertical-margins-h1){margin:0 0 var(--ic-space-xl)}:host(.ic-typography-vertical-margins-h2){margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}:host(.ic-typography-vertical-margins-h3){margin:var(--ic-space-xl) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-h4){margin:var(--ic-space-lg) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-subtitle-large),:host(.ic-typography-vertical-margins-subtitle-small),:host(.ic-typography-vertical-margins-body),:host(.ic-typography-vertical-margins-code-large),:host(.ic-typography-vertical-margins-code-small),:host(.ic-typography-vertical-margins-code-extra-small){margin:0 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-caption),:host(.ic-typography-vertical-margins-caption-uppercase){margin:0 0 var(--ic-space-xs)}:host(.ic-typography-vertical-margins-h2:first-child),:host(.ic-typography-vertical-margins-h3:first-child),:host(.ic-typography-vertical-margins-h4:first-child){margin-top:0}:host(.ic-typography-h1){font:var(--ic-font-h1) !important}:host(.ic-typography-h2){font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-h3){font:var(--ic-font-h3)}:host(.ic-typography-h4){font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-large){font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-small){font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-body){font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-caption){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-caption-uppercase){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}:host(.ic-typography-label){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-label-uppercase){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}:host(.ic-typography-code-large){font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-code-small){font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-code-extra-small){font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-badge){font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-badge-small){font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-no-wrap){white-space:nowrap}:host ::slotted(h1),:host ::slotted(h2),:host ::slotted(h3),:host ::slotted(h4),:host ::slotted(h5),:host ::slotted(h6),:host ::slotted(p),:host ::slotted(label){font:inherit;letter-spacing:inherit}.trunc-wrapper{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden;padding-right:var(--ellipsis-padding-right, 0)}.trunc-btn{border:none;background:none;padding:0;color:var(--ic-color-primary-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}.trunc-btn:hover,.trunc-btn.focus{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none;cursor:pointer}:host(.strikethrough){text-decoration:line-through}:host(.underline){text-decoration:underline}:host(.underline.strikethrough){text-decoration:line-through underline}:host(.italic){font-style:italic !important}:host(.bold){font-weight:var(--ic-font-weight-bold)}:host(.in-ag-grid),:host(.in-ag-grid) ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (text-underline-offset: 25%){.trunc-btn:hover,.trunc-btn.focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}';const l=class{constructor(e){t(this,e);this.typographyTruncationExpandToggle=i(this,"typographyTruncationExpandToggle",7);this.focusBtnFromKeyboard=true;this.inAGGrid=false;this.lastMarkerTop=0;this.lastWidth=0;this.resizeObserver=null;this.truncatedHeight=0;this.toggleExpanded=t=>{t.stopPropagation();this.expanded=!this.expanded;this.typographyTruncationExpandToggle.emit({expanded:this.expanded,typographyEl:this.el})};this.checkMarkerPosition=(t,i)=>{if(i-t<this.truncatedHeight){this.truncated=false;this.expanded=false}else{this.truncated=true}};this.getElementTop=t=>t.getClientRects?t.getClientRects()[0].top:0;this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeInterval);this.resizeInterval=window.setTimeout(this.resizeObserverCallback,50)}));this.resizeObserver.observe(this.truncWrapperEl)};this.resizeObserverCallback=()=>{if(this.lastWidth===this.el.clientWidth){return}if(this.truncatedHeight===0){this.checkMaxLines(this.el.clientHeight);return}const t=this.getElementTop(this.marker);if(t===this.lastMarkerTop){return}this.checkMarkerPosition(this.getElementTop(this.el),t);this.lastMarkerTop=t;this.lastWidth=this.el.clientWidth};this.truncButtonFocus=()=>{if(this.focusBtnFromKeyboard){this.truncButtonFocussed=true}};this.truncButtonBlur=()=>{this.focusBtnFromKeyboard=true;this.truncButtonFocussed=false};this.truncButtonFocusFromMouse=()=>{this.focusBtnFromKeyboard=false};this.truncated=false;this.truncButtonFocussed=false;this.applyVerticalMargins=false;this.bold=false;this.italic=false;this.maxLines=undefined;this.strikethrough=false;this.underline=false;this.variant="body";this.expanded=false}watchExpandedHandler(){this.el.setAttribute("style",`--truncation-max-lines: ${this.expanded?"initial":this.maxLines}`)}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}async resetTruncation(){if(this.truncated){this.truncated=false;this.maxLines=0;this.el.removeAttribute("max-lines");this.expanded=false;this.el.removeAttribute("style")}}componentDidLoad(){var t,i;if((this.variant==="body"||((i=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||i===void 0?void 0:i.tagName)==="IC-TOOLTIP")&&this.maxLines>0){const t=document.createElement("span");t.style.visibility="hidden";this.el.appendChild(t);this.marker=t;this.lastWidth=this.el.clientWidth;this.checkMaxLines(this.el.clientHeight);a(this.runResizeObserver)}}componentWillRender(){if(n(this.el)){this.inAGGrid=true}}async checkMaxLines(t){const i=Math.floor(t/24);if(i>this.maxLines){this.el.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`);this.truncatedHeight=this.el.clientHeight;this.truncated=true}}async setShowHideExpanded(t){this.expanded=t}render(){var t,i;const{variant:s,applyVerticalMargins:a,maxLines:n,truncated:r,expanded:l,strikethrough:c,underline:h,italic:p,bold:d}=this;return e(o,{class:{[`ic-typography-${s}`]:true,[`ic-typography-vertical-margins-${s}`]:a,["bold"]:d,["italic"]:p,["strikethrough"]:c,["underline"]:h,["in-ag-grid"]:this.inAGGrid}},(s==="body"||((i=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||i===void 0?void 0:i.tagName)==="IC-TOOLTIP")&&n>0?e("div",{class:"trunc-wrapper",ref:t=>this.truncWrapperEl=t},e("slot",null)):e("slot",null),s==="body"&&n>0&&r&&e("button",{class:{"trunc-btn":true,focus:this.truncButtonFocussed},onFocus:this.truncButtonFocus,onBlur:this.truncButtonBlur,onMouseDown:this.truncButtonFocusFromMouse,onClick:this.toggleExpanded},l?"See less":"See more"))}get el(){return s(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};l.style=r;export{l as ic_typography};
-//# sourceMappingURL=p-0ec04c16.entry.js.map
+import{r as t,c as i,h as e,H as o,g as s}from"./p-8455d1bb.js";import{f as a,u as n}from"./p-8128572e.js";import"./p-fd186591.js";const r='/*! 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{display:block;position:relative}:host(.ic-typography-vertical-margins-h1){margin:0 0 var(--ic-space-xl)}:host(.ic-typography-vertical-margins-h2){margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}:host(.ic-typography-vertical-margins-h3){margin:var(--ic-space-xl) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-h4){margin:var(--ic-space-lg) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-subtitle-large),:host(.ic-typography-vertical-margins-subtitle-small),:host(.ic-typography-vertical-margins-body),:host(.ic-typography-vertical-margins-code-large),:host(.ic-typography-vertical-margins-code-small),:host(.ic-typography-vertical-margins-code-extra-small){margin:0 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-caption),:host(.ic-typography-vertical-margins-caption-uppercase){margin:0 0 var(--ic-space-xs)}:host(.ic-typography-vertical-margins-h2:first-child),:host(.ic-typography-vertical-margins-h3:first-child),:host(.ic-typography-vertical-margins-h4:first-child){margin-top:0}:host(.ic-typography-h1){font:var(--ic-font-h1) !important}:host(.ic-typography-h2){font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-h3){font:var(--ic-font-h3)}:host(.ic-typography-h4){font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-large){font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-small){font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-body){font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-caption){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-caption-uppercase){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}:host(.ic-typography-label){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-label-uppercase){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}:host(.ic-typography-code-large){font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-code-small){font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-code-extra-small){font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-badge){font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-badge-small){font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-no-wrap){white-space:nowrap}:host ::slotted(h1),:host ::slotted(h2),:host ::slotted(h3),:host ::slotted(h4),:host ::slotted(h5),:host ::slotted(h6),:host ::slotted(p),:host ::slotted(label){font:inherit;letter-spacing:inherit}.trunc-wrapper{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden;padding-right:var(--ellipsis-padding-right, 0)}.trunc-btn{border:none;background:none;padding:0;color:var(--ic-color-primary-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}.trunc-btn:hover,.trunc-btn.focus{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none;cursor:pointer}:host(.strikethrough){text-decoration:line-through}:host(.underline){text-decoration:underline}:host(.underline.strikethrough){text-decoration:line-through underline}:host(.italic){font-style:italic !important}:host(.bold){font-weight:var(--ic-font-weight-bold)}:host(.in-ag-grid),:host(.in-ag-grid) ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (text-underline-offset: 25%){.trunc-btn:hover,.trunc-btn.focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}';const l=class{constructor(e){t(this,e);this.typographyTruncationExpandToggle=i(this,"typographyTruncationExpandToggle",7);this.focusBtnFromKeyboard=true;this.inAGGrid=false;this.lastMarkerTop=0;this.lastWidth=0;this.resizeObserver=null;this.truncatedHeight=0;this.toggleExpanded=t=>{t.stopPropagation();this.expanded=!this.expanded;this.typographyTruncationExpandToggle.emit({expanded:this.expanded,typographyEl:this.el})};this.checkMarkerPosition=(t,i)=>{if(i-t<this.truncatedHeight){this.truncated=false;this.expanded=false}else{this.truncated=true}};this.getElementTop=t=>t.getClientRects&&t.getClientRects()[0]?t.getClientRects()[0].top:0;this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeInterval);this.resizeInterval=window.setTimeout(this.resizeObserverCallback,50)}));this.resizeObserver.observe(this.truncWrapperEl)};this.resizeObserverCallback=()=>{if(this.lastWidth===this.el.clientWidth){return}if(this.truncatedHeight===0){this.checkMaxLines(this.el.clientHeight);return}const t=this.getElementTop(this.marker);if(t===this.lastMarkerTop){return}this.checkMarkerPosition(this.getElementTop(this.el),t);this.lastMarkerTop=t;this.lastWidth=this.el.clientWidth};this.truncButtonFocus=()=>{if(this.focusBtnFromKeyboard){this.truncButtonFocussed=true}};this.truncButtonBlur=()=>{this.focusBtnFromKeyboard=true;this.truncButtonFocussed=false};this.truncButtonFocusFromMouse=()=>{this.focusBtnFromKeyboard=false};this.truncated=false;this.truncButtonFocussed=false;this.applyVerticalMargins=false;this.bold=false;this.italic=false;this.maxLines=undefined;this.strikethrough=false;this.underline=false;this.variant="body";this.expanded=false}watchExpandedHandler(){this.el.setAttribute("style",`--truncation-max-lines: ${this.expanded?"initial":this.maxLines}`)}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}async resetTruncation(){if(this.truncated){this.truncated=false;this.maxLines=0;this.el.removeAttribute("max-lines");this.expanded=false;this.el.removeAttribute("style")}}componentDidLoad(){var t,i;if((this.variant==="body"||((i=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||i===void 0?void 0:i.tagName)==="IC-TOOLTIP")&&this.maxLines>0){const t=document.createElement("span");t.style.visibility="hidden";this.el.appendChild(t);this.marker=t;this.lastWidth=this.el.clientWidth;this.checkMaxLines(this.el.clientHeight);a(this.runResizeObserver)}}componentWillRender(){if(n(this.el)){this.inAGGrid=true}}async checkMaxLines(t){const i=Math.floor(t/24);if(i>this.maxLines){this.el.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`);this.truncatedHeight=this.el.clientHeight;this.truncated=true}}async setShowHideExpanded(t){this.expanded=t}render(){var t,i;const{variant:s,applyVerticalMargins:a,maxLines:n,truncated:r,expanded:l,strikethrough:c,underline:h,italic:p,bold:d}=this;return e(o,{class:{[`ic-typography-${s}`]:true,[`ic-typography-vertical-margins-${s}`]:a,["bold"]:d,["italic"]:p,["strikethrough"]:c,["underline"]:h,["in-ag-grid"]:this.inAGGrid}},(s==="body"||((i=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||i===void 0?void 0:i.tagName)==="IC-TOOLTIP")&&n>0?e("div",{class:"trunc-wrapper",ref:t=>this.truncWrapperEl=t},e("slot",null)):e("slot",null),s==="body"&&n>0&&r&&e("button",{class:{"trunc-btn":true,focus:this.truncButtonFocussed},onFocus:this.truncButtonFocus,onBlur:this.truncButtonBlur,onMouseDown:this.truncButtonFocusFromMouse,onClick:this.toggleExpanded},l?"See less":"See more"))}get el(){return s(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};l.style=r;export{l as ic_typography};
+//# sourceMappingURL=p-a7331e7c.entry.js.map