@ukic/canary-web-components 3.0.0-canary.33 → 3.0.0-canary.35

package/dist/core/p-ad551a0c.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s,H as e,g as h}from"./p-8e4e97b4.js";import{b as r,l as a,m as n,n as o,q as l,r as c,s as d,t as u,o as f,u as p}from"./p-829b34f9.js";import{C as b}from"./p-dd7450fb.js";const m=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>clock-outline</title><path d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" /></svg>`;const v='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{--ic-input-label-helpertext-padding:var(--ic-space-xs);--input-bg-color:var(--ic-time-picker-field-background);--ic-input-label-text-color:var(--ic-time-picker-label);--ic-input-label-helper-text-color:var(--ic-time-picker-subtitle);--border-color:var(--ic-time-picker-time-field-border-default);--border-color-disabled:var(--ic-time-picker-border-disabled);--border-color-hover:var(--ic-time-picker-time-field-border-hover);--border-color-pressed:var(--ic-time-picker-time-field-border-pressed);--border-error-color:var(--ic-time-picker-border-error);--border-error-color-hover:var(--ic-time-picker-border-error-hover);--border-error-color-pressed:var(--ic-time-picker-border-error-pressed);--border-success-color:var(--ic-time-picker-border-success);--border-success-color-hover:var(--ic-time-picker-border-success-hover);--border-success-color-pressed:var(--ic-time-picker-border-success-pressed);--border-warning-color:var(--ic-time-picker-border-warning);--border-warning-color-hover:var(--ic-time-picker-border-warning-hover);--border-warning-color-pressed:var(--ic-time-picker-border-warning-pressed);--input-width:calc((4 * var(--ic-space-xxl)) + var(--ic-space-xxs))}:host(.ic-time-input-disabled){--ic-input-label-text-color:var(--ic-time-picker-label-disabled);--ic-input-label-helper-text-color:var(--ic-time-picker-subtitle-disabled)}:host(.ic-time-input-disabled) input{color:var(--ic-time-picker-time-text-disabled)}:host(.ic-time-input-large){--input-width:calc(\n    (4 * var(--ic-space-xxl)) + var(--ic-space-xxs) + var(--ic-space-lg)\n  )}:host(.ic-time-input-small){--input-width:calc(\n    (3 * var(--ic-space-xxl)) + var(--ic-space-xxs) + var(--ic-space-xl)\n  )}.with-am-pm-toggle{display:flex;flex-direction:row}.am-pm-toggle ::part(button){min-width:-moz-fit-content;min-width:fit-content}.am-pm-toggle{margin-left:var(--ic-space-xs)}input{border:0;height:100%;padding:0;outline:none;background:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;color:var(--ic-time-picker-time-text-default);caret-color:var(--ic-time-picker-typing-cursor)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input:-webkit-autofill{box-shadow:0 0 0 var(--ic-space-sm) var(--ic-color-background-primary) inset;-webkit-text-fill-color:var(--ic-time-picker-time-text-default) !important}input::-moz-placeholder{color:var(--ic-time-picker-field-placeholder-text)}input::placeholder{color:var(--ic-time-picker-field-placeholder-text)}ic-input-component-container{cursor:text}ic-input-component-container .focus-indicator{padding:var(--ic-space-xxxs) var(--ic-space-xs);align-items:center}.time-inputs{color:var(--ic-time-picker-field-placeholder-text)}.hour-input{width:1.438rem}.minute-input{width:1.813rem}.second-input{width:1.18rem}.millisecond-input,.millisecond-input.fit-to-value{width:1.75rem}.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-clock-button-wrapper{display:flex;justify-content:center;align-items:center}.clear-button,.clock-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,.clock-button:focus,.clear-button:active,.clock-button:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:0.25rem}.clock-button:focus,.clock-button:active{--ic-button-tertiary-text-active:var(--ic-atoms-input-clear-button-focus);--ic-button-tertiary-text-hover-active:var(\n    --ic-atoms-input-clear-button-focus\n  );--ic-button-tertiary-text-pressed-active:var(\n    --ic-atoms-input-clear-button-focus\n  )}.clear-button:focus,.clock-button:focus,.clear-button:active *,.clock-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button svg{color:var(--ic-time-picker-clear-icon)}.clear-button:focus svg{color:var(--ic-atoms-input-clear-button-focus)}.divider{margin:0 var(--ic-space-xxs);width:var(--ic-space-1px);background-color:var(--ic-atoms-input-divider);border-radius:var(--ic-space-1px)}.divider.small{height:var(--ic-space-md)}.divider.medium{height:calc(var(--ic-space-sm) + var(--ic-space-xs))}.divider.large{height:var(--ic-space-lg)}ic-input-validation{--ic-input-validation-status-text-color:var(--ic-time-picker-status-text);--ic-input-validation-error:var(--ic-time-picker-icon-error);--ic-input-validation-warning-icon-color:var(--ic-time-picker-icon-warning);--ic-input-validation-success-icon-color:var(--ic-time-picker-icon-success)}@media (forced-colors: active){.clear-button svg{color:currentcolor}}';const g=v;let k=0;const w=class{constructor(e){i(this,e);this.clockButtonClicked=t(this,"clockButtonClicked",7);this.icBlur=t(this,"icBlur",7);this.icTimeChange=t(this,"icTimeChange",7);this.icFocus=t(this,"icFocus",7);this.DEFAULT_TIME_FORMAT="HH:MM:SS";this.TOGGLE_BUTTON_SELECTOR="ic-toggle-button";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.inputsInOrder=[];this.isValidHour=true;this.isValidMinute=true;this.isValidSecond=true;this.isValidMillisecond=true;this.isValidTime=true;this.isTimeSetFromKeyboardEvent=false;this.previousSelectedTime=null;this.selectedTime=null;this.externalSetTime=false;this.clearInput=false;this.maxTime=null;this.minTime=null;this.previousHour="";this.previousMinute="";this.previousSecond="";this.previousMillisecond="";this.previousPeriod="AM";this.clockFocused=false;this.clearButtonFocused=false;this.removeLabelledBy=false;this.hour="";this.minute="";this.second="";this.millisecond="";this.period="AM";this.isSSSFormat=()=>this.timeFormat==="HH:MM:SS.SSS";this.disabled=false;this.disableTimes=[];this.emitTimePartChange=false;this.hideHelperText=false;this.hideLabel=false;this.inputId=`ic-time-input-${k++}`;this.invalidTimeMessage="Please enter a valid time.";this.max="";this.min="";this.name=this.inputId;this.required=false;this.showAmPmToggle=false;this.showClearButton=true;this.showClockButton=false;this.size="medium";this.theme="inherit";this.timeFormat=this.DEFAULT_TIME_FORMAT;this.timePeriod="24";this.value="";this.validationAriaLive="polite";this.validationStatus="";this.validationText="";this.setInputPasteValue=(i,t)=>{if(i){const s=i;s.value=t;s.classList.add(this.FIT_TO_VALUE)}};this.isHHMMFormat=()=>this.timeFormat==="HH:MM";this.isKeyboardOrEvent=i=>Object.prototype.toString.call(i)===this.EVENT_OBJECT_STRING||Object.prototype.toString.call(i)==="[object KeyboardEvent]";this.setTimeValidity=()=>{const i=0;const t=this.timePeriod==="12"?12:23;if(!r(this.hour)){this.isValidHour=+this.hour>=i&&+this.hour<=t}else{this.isValidHour=true}if(!r(this.minute)){this.isValidMinute=+this.minute>=0&&+this.minute<=59}else{this.isValidMinute=true}if(!this.isHHMMFormat()){if(!r(this.second)){this.isValidSecond=+this.second>=0&&+this.second<=59}else{this.isValidSecond=true}if(this.isSSSFormat()){if(!r(this.millisecond)){this.isValidMillisecond=+this.millisecond>=0&&+this.millisecond<=999}else{this.isValidMillisecond=true}}else{this.isValidMillisecond=true}}else{this.isValidSecond=true;this.isValidMillisecond=true}};this.setInputValue=(i,t=false)=>{const s=t?"":i.value;if(i===this.hourInputEl){this.hour=s}else if(i===this.minuteInputEl){this.minute=s}else if(i===this.secondInputEl&&!this.isHHMMFormat()){this.second=s}else if(this.isSSSFormat()&&i===this.millisecondInputEl){this.millisecond=s}this.setValidationMessage()};this.setPreventInput=(i,t)=>{if(i===this.hourInputEl){this.preventHourInput=t}else if(i===this.minuteInputEl){this.preventMinuteInput=t}else if(i===this.secondInputEl){this.preventSecondInput=t}else if(this.isSSSFormat()&&i===this.millisecondInputEl){this.preventMillisecondInput=t}};this.setValidationMessage=()=>{this.maxTime=a(this.max).date;this.minTime=a(this.min).date;this.setTimeValidity();let i="";let t=false;if(!r(this.hour)&&!r(this.minute)&&(this.isHHMMFormat()||!r(this.second))&&(!this.isSSSFormat()||!r(this.millisecond))){this.selectedTime=this.convertToTime(this.hour,this.minute,this.isHHMMFormat()?"00":this.second,this.isSSSFormat()?this.millisecond:"000");const s=+this.hour;const e=this.selectedTime?this.selectedTime.getHours():null;if(this.timePeriod==="12"&&this.showAmPmToggle&&e!==null){let i=e%12;if(i===0)i=12;this.isValidTime=!!this.selectedTime&&i==s&&this.selectedTime.getMinutes()==+this.minute&&(this.isHHMMFormat()||this.selectedTime.getSeconds()==+this.second)&&(!this.isSSSFormat()||this.selectedTime.getMilliseconds()==+this.millisecond)}else{this.isValidTime=!!this.selectedTime&&this.selectedTime.getHours()==s&&this.selectedTime.getMinutes()==+this.minute&&(this.isHHMMFormat()||this.selectedTime.getSeconds()==+this.second)&&(!this.isSSSFormat()||this.selectedTime.getMilliseconds()==+this.millisecond)}if(this.selectedTime&&Array.isArray(this.disableTimes)&&this.disableTimes.length>0){t=this.disableTimes.some((i=>{if(typeof i==="object"&&i!==null&&"start"in i&&"end"in i){const t=a(i.start).date;const s=a(i.end).date;if(t&&s){return this.selectedTime>=t&&this.selectedTime<=s}return false}const t=a(i).parts;if(!t)return false;let s=this.selectedTime.getHours();let e=t.hour;if(this.timePeriod==="12"&&this.showAmPmToggle){s=this.convertTo24Hour(s);e=this.convertTo24Hour(e)}return e===s&&t.minute===this.selectedTime.getMinutes()&&t.second===this.selectedTime.getSeconds()}));if(t){this.isValidTime=false;i=this.invalidTimeMessage}}if(this.selectedTime&&!t){if(this.minTime&&this.selectedTime<this.minTime){this.isValidTime=false;i=`Please enter a time after ${this.formatTime(this.minTime)}.`}else if(this.maxTime&&this.selectedTime>this.maxTime){this.isValidTime=false;i=`Please enter a time before ${this.formatTime(this.maxTime)}.`}}if(!this.isValidTime){this.inputsInOrder.forEach((i=>i.setAttribute(this.ARIA_INVALID,"true")))}else{this.inputsInOrder.forEach((i=>i.removeAttribute(this.ARIA_INVALID)))}}else{this.selectedTime=null}if(!(this.isValidHour&&this.isValidMinute&&this.isValidSecond&&this.isValidMillisecond&&this.isValidTime)){this.invalidTimeText=i||this.invalidTimeMessage}else{this.invalidTimeText=""}};this.formatTime=i=>{const t=i.getHours().toString().padStart(2,"0");const s=i.getMinutes().toString().padStart(2,"0");const e=i.getSeconds().toString().padStart(2,"0");const h=i.getMilliseconds().toString().padStart(3,"0");if(this.isSSSFormat()){return`${t}:${s}:${e}.${h}`}return this.isHHMMFormat()?`${t}:${s}`:`${t}:${s}:${e}`};this.handleInput=i=>{const t=i;const s=i.target;if(s===this.millisecondInputEl&&this.isSSSFormat()){this.setInputValue(s);this.setPreventInput(s,false);this.setFitToValueStyling(s);if(s.value.length===3){this.moveToNextInput(s);this.setPreventInput(s,true)}else{this.setPreventInput(s,false)}if(s.value.length===0){this.setInputValue(s,true);this.setValidationMessage()}this.notifyScreenReader(s)}else if(s!==this.hourInputEl){if(t.inputType!=="deleteContentBackward"&&!this.preventAutoFormatting){if(s.value.length===1&&+s.value>=6&&+s.value<=9){this.setInputValue(s);this.notifyScreenReader(s);this.moveToNextInput(s)}if(s.value.length===2){this.setInputValue(s);this.setPreventInput(s,true);this.notifyScreenReader(s);this.moveToNextInput(s)}else{this.setPreventInput(s,false)}}else if(this.preventAutoFormatting){if(s.value.length===2&&!this.isKeyboardOrEvent(i)){this.setInputValue(s);this.setPreventInput(s,true);this.moveToNextInput(s)}else{this.setInputValue(s)}}if(s.value.length!==2){this.setPreventInput(s,false)}this.setFitToValueStyling(s);if(s.value.length===0){this.setInputValue(s,true);this.setValidationMessage()}this.notifyScreenReader(s)}else{if(s.value.length===2){this.setInputValue(s);if(Object.prototype.toString.call(i)!==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)}};this.handleKeyDown=(i,t)=>{var s;const e=/arrowup|arrowdown|arrowleft|arrowright|shift|tab|backspace|delete/i;const h=i.target;const r=(s=i.key)===null||s===void 0?void 0:s.toLowerCase();if(!/-?\d*\.?\d+(e[-+]?\d+)?|[:]|[.]/i.test(r)&&!e.test(r)&&!((i.ctrlKey||i.metaKey)&&(r==="v"||r==="c"))){i.preventDefault()}const a=/-?\d*\.?\d+(e[-+]?\d+)?|[:]|arrowup|arrowdown|arrowleft|arrowright|shift|tab|backspace|delete/;if(!a.test(r)&&!((i.ctrlKey||i.metaKey)&&(r==="v"||r==="c"))){i.preventDefault()}switch(r){case":":case"arrowright":i.preventDefault();this.moveToNextInput(h);break;case"arrowleft":i.preventDefault();this.moveToPreviousInput(h);break;case"arrowup":case"arrowdown":this.preventAutoFormatting=true;this.handleUpDownArrowKeyPress(h,i);break;case"backspace":if(h.value.length===0){i.preventDefault();this.moveToPreviousInput(h)}break}this.preventInput(i,t);this.isTimeSetFromKeyboardEvent=true};this.handleFocus=i=>{const t=i.target;t.select()};this.handleBlur=i=>{const t=i.target;if(t===this.millisecondInputEl&&this.isSSSFormat()){if(t.value.length===1){t.value=`00${t.value}`;this.setInputValue(t)}else if(t.value.length===2){t.value=`0${t.value}`;this.setInputValue(t)}this.setFitToValueStyling(t)}else if(t){this.autocompleteInput(t)}};this.handleUpDownArrowKeyPress=(i,t)=>{let s=0;let e=59;if(i===this.hourInputEl){s=this.timePeriod==="12"?1:0;e=this.timePeriod==="12"?12:23}let h=+i.value;if(t.key==="ArrowUp"){h=h+1;if(h>e)h=s;i.value=h.toString().padStart(2,"0");this.notifyScreenReader(i)}if(t.key==="ArrowDown"){h=h-1;if(h<s)h=e;i.value=h.toString().padStart(2,"0");this.notifyScreenReader(i)}this.setInputValue(i);this.setFitToValueStyling(i)};this.handleTimeChange=i=>{if(i||this.selectedTime!==this.previousSelectedTime){if(this.value){this.inputsInOrder.forEach((i=>{i.classList.add(this.FIT_TO_VALUE)}))}if(this.hour&&this.minute&&(this.isHHMMFormat()||this.second)&&this.invalidTimeText===""){this.setValueAndEmitChange(this.selectedTime);this.notifyScreenReaderSelectedTime()}else if(!(this.selectedTime===null&&this.previousSelectedTime===null)&&this.selectedTimeInfoEl){this.setValueAndEmitChange(null,true);this.selectedTimeInfoEl.textContent=""}this.previousSelectedTime=this.selectedTime;if(!this.isTimeSetFromKeyboardEvent){this.updateInputValues(this.hour,this.minute,this.second)}}};this.setValueAndEmitChange=(i,t=false)=>{if(this.value!==i||t){this.emitIcTimeChange(i);this.value=i}};this.convertTo24Hour=i=>{let t=i;if(this.period==="PM"&&i<12)t=i+12;if(this.period==="AM"&&i===12)t=0;return t};this.emitIcTimeChange=i=>{const t=parseInt(this.hour);const s=parseInt(this.minute);const e=parseInt(this.second);const h=parseInt(this.millisecond);const r=this.period;let a=false;if(this.isSSSFormat()){a=this.hour!==""&&this.minute!==""&&this.second!==""&&this.millisecond!==""}else if(this.timeFormat===this.DEFAULT_TIME_FORMAT){a=this.hour!==""&&this.minute!==""&&this.second!==""}else if(this.timeFormat==="HH:MM"){a=this.hour!==""&&this.minute!==""}let n=i;let o=t;if(t!=null&&r&&this.timePeriod==="12"&&this.showAmPmToggle){o=this.convertTo24Hour(t);n=new Date;n.setHours(o!==null&&o!==void 0?o:0);n.setMinutes(s!==null&&s!==void 0?s:0);n.setSeconds(e!==null&&e!==void 0?e:0);this.isSSSFormat()&&n.setMilliseconds(h!==null&&h!==void 0?h:0)}this.selectedTime=n;const l=this.hour===""&&this.minute===""&&this.second===""&&this.millisecond==="";const c=l&&this.period!==this.previousPeriod&&this.previousHour===""&&this.previousMinute===""&&this.previousSecond===""&&this.previousMillisecond==="";if(!c){this.icTimeChange.emit({value:a?n:null,timeObject:{hour:this.hour===""?null:this.hour,minute:this.minute===""?null:this.minute,second:this.second===""?null:this.second,millisecond:this.millisecond===""?null:this.millisecond,period:this.period===""?null:this.period}})}this.previousHour=this.hour;this.previousMinute=this.minute;this.previousSecond=this.second;this.previousMillisecond=this.millisecond;this.previousPeriod=this.period};this.setTime=i=>{if(i===null||i===""||i===undefined){if(this.hour)this.hour="";if(this.minute)this.minute="";if(this.second)this.second="";if(this.millisecond)this.millisecond="";this.inputsInOrder.forEach((i=>{i.classList.remove(this.FIT_TO_VALUE);this.setPreventInput(i,false)}));this.handleTimeChange(true)}else{if(typeof i==="string"){const t=i.match(/^(\d{2}):(\d{2}):(\d{2})(?:\.(\d{1,3}))?Z?$/);if(t){this.hour=t[1];this.minute=t[2];this.second=t[3]}else{const t=i.split(/[:.]/);this.hour=t[0]||"";this.minute=t[1]||"";this.second=t[2]||"";this.millisecond=t[3]||""}}else if(i instanceof Date){this.hour=i.getHours().toString().padStart(2,"0");this.minute=i.getMinutes().toString().padStart(2,"0");this.second=i.getSeconds().toString().padStart(2,"0");if(this.isSSSFormat()){this.millisecond=i.getMilliseconds().toString().padStart(3,"0")}}}this.setValidationMessage()};this.setAriaInvalid=(i,t,s,e)=>{var h,r,a,n;if(this.inputsInOrder.length){this.inputsInOrder.forEach((i=>{i.removeAttribute(this.ARIA_INVALID)}));if(!i){(h=this.hourInputEl)===null||h===void 0?void 0:h.setAttribute(this.ARIA_INVALID,"true")}if(!t){(r=this.minuteInputEl)===null||r===void 0?void 0:r.setAttribute(this.ARIA_INVALID,"true")}if(!s){(a=this.secondInputEl)===null||a===void 0?void 0:a.setAttribute(this.ARIA_INVALID,"true")}if(!e){(n=this.millisecondInputEl)===null||n===void 0?void 0:n.setAttribute(this.ARIA_INVALID,"true")}if(!(i&&t&&s&&e)){this.inputsInOrder.forEach((i=>{i.setAttribute(this.ARIA_INVALID,"true")}))}}};this.handleClear=()=>{var i;this.clearInput=true;if(this.hourInputEl){this.hourInputEl.value=""}if(this.minuteInputEl){this.minuteInputEl.value=""}if(!this.isHHMMFormat()&&this.secondInputEl){this.secondInputEl.value=""}if(this.isSSSFormat()&&this.millisecondInputEl){this.millisecondInputEl.value=""}this.hour="";this.minute="";this.second="";this.millisecond="";this.period="AM";if(this.showAmPmToggle){(i=this.periodToggleEl)===null||i===void 0?void 0:i.querySelectorAll(this.TOGGLE_BUTTON_SELECTOR).forEach((i=>{const t=i;if(t.label==="AM"){t.checked=true}else{t.checked=false}}))}this.handleTimeChange(true);this.inputsInOrder.forEach((i=>{i.classList.remove(this.FIT_TO_VALUE);this.setPreventInput(i,false)}));this.clearInput=false;this.isTimeSetFromKeyboardEvent=false;this.setValidationMessage();this.invalidTimeText="";if(this.hourInputEl){this.hourInputEl.focus()}};this.notifyScreenReaderSelectedTime=()=>{if(this.selectedTime&&this.selectedTimeInfoEl){let i=this.selectedTime.getHours();if(this.timePeriod==="12"&&this.showAmPmToggle){i=this.convertTo24Hour(i)}const t=i.toString().padStart(2,"0");const s=this.selectedTime.getMinutes().toString().padStart(2,"0");const e=this.selectedTime.getSeconds().toString().padStart(2,"0");const h=this.selectedTime.getMilliseconds().toString().padStart(3,"0");if(this.isHHMMFormat()){this.selectedTimeInfoEl.textContent=`Selected time: ${t}:${s}`}else if(!this.isSSSFormat()){this.selectedTimeInfoEl.textContent=`Selected time: ${t}:${s}:${e}`}else{this.selectedTimeInfoEl.textContent=`Selected time: ${t}:${s}:${e}.${h}`}}};this.setFitToValueStyling=i=>{if(i.value){i.classList.add(this.FIT_TO_VALUE)}else{i.classList.remove(this.FIT_TO_VALUE)}};this.handleHostBlur=()=>{this.removeLabelledBy=false;this.icBlur.emit({value:this.selectedTime})};this.handleHostFocus=()=>{var i,t;if((t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.activeElement)===null||t===void 0?void 0:t.id.match(/(hour|minute|second|millisecond)-input$/)){this.removeLabelledBy=false}else{this.removeLabelledBy=true}this.icFocus.emit({value:this.selectedTime})};this.handleFormReset=()=>{this.setTime(this.initialValue);this.setValidationMessage();this.handleTimeChange(false)};this.preventInput=(i,t)=>{const s=i.key;const e=i.target;let h;if(e){h=e.value.substring(e.selectionStart||0,e.selectionEnd||undefined)}if(s==="e"||s==="."||s==="-"||i.key>="0"&&i.key<="9"&&t&&!h){i.preventDefault()}};this.moveToNextInput=i=>{var t;this.preventAutoFormatting=false;(t=this.inputsInOrder[this.inputsInOrder.findIndex((t=>t===i))+1])===null||t===void 0?void 0:t.focus()};this.moveToPreviousInput=i=>{var t;this.preventAutoFormatting=false;(t=this.inputsInOrder[this.inputsInOrder.findIndex((t=>t===i))-1])===null||t===void 0?void 0:t.focus()};this.autocompleteInput=i=>{const t=i.value;if(t.length===1){i.value=`0${t}`}if(i.value){this.setInputValue(i)}};this.convertToTime=(i,t,s,e=null)=>{if(!r(i)&&!r(t)&&(this.isHHMMFormat()||!r(s))&&(!this.isSSSFormat()||e!==null&&!r(e))){const h=new Date;h.setHours(+i,+t,this.isHHMMFormat()?0:+s,0);if(this.isSSSFormat()&&e!==null){h.setMilliseconds(+e)}return h}else{return null}};this.setInputsInOrder=()=>{var i;this.inputsInOrder=[];const t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll("input");if(t){t.forEach((i=>this.inputsInOrder.push(i)))}};this.updateInputValues=(i,t,s)=>{this.hourInputEl&&(this.hourInputEl.value=i);this.minuteInputEl&&(this.minuteInputEl.value=t);this.secondInputEl&&(this.secondInputEl.value=s)};this.removeAriaLabelledBy=()=>{var i;(i=this.inputCompContainerEl)===null||i===void 0?void 0:i.removeAttribute(this.ARIA_LABELLED_BY)};this.setAriaLabelledBy=()=>{var i,t,s,e;if(this.disabled&&((i=this.inputCompContainerEl)===null||i===void 0?void 0:i.getAttribute(this.ARIA_LABELLED_BY))){this.removeAriaLabelledBy();return}if(this.disabled){return}const h=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("label");const a=`${this.inputId}-label`;if(h!==null&&h!==undefined){h.id=a}const o=!r(this.validationStatus)||!r(this.invalidTimeText);const l=`${(s=h===null||h===void 0?void 0:h.id)!==null&&s!==void 0?s:""} ${this.screenReaderInfoId} ${n(this.el,this.inputId,this.helperText!==""&&this.helperText!==this.defaultHelperText,o)} ${this.selectedTime?this.selectedTimeInfoId:""} ${this.assistiveHintId}`;(e=this.inputCompContainerEl)===null||e===void 0?void 0:e.setAttribute(this.ARIA_LABELLED_BY,l)};this.getInputsInOrder=()=>{const i=this.timeFormat.split(/[:.]/);return i.map((i=>{switch(i){case"HH":return s("input",{class:"hour-input",id:"hour-input",ref:i=>this.hourInputEl=i,"aria-label":"hour",placeholder:"HH",disabled:this.disabled,"aria-required":`${this.required}`,inputmode:"number",pattern:"[0-9]*",onPaste:this.handlePaste,onKeyDown:i=>this.handleKeyDown(i,this.preventHourInput)});case"MM":return s("input",{id:"minute-input",class:"minute-input",ref:i=>this.minuteInputEl=i,"aria-label":"minute",placeholder:"MM",disabled:this.disabled,"aria-required":`${this.required}`,inputmode:"number",pattern:"[0-9]*",onPaste:this.handlePaste,onKeyDown:i=>this.handleKeyDown(i,this.preventMinuteInput)});case"SS":if(!this.isHHMMFormat()){return s("input",{id:"second-input",class:"second-input",ref:i=>this.secondInputEl=i,"aria-label":"second",placeholder:"SS",disabled:this.disabled,"aria-required":`${this.required}`,inputmode:"number",pattern:"[0-9]*",onPaste:this.handlePaste,onKeyDown:i=>this.handleKeyDown(i,this.preventSecondInput)})}break;case"SSS":if(this.isSSSFormat()){return s("input",{id:"millisecond-input",class:"millisecond-input",ref:i=>this.millisecondInputEl=i,"aria-label":"millisecond",placeholder:"SSS",disabled:this.disabled,"aria-required":`${this.required}`,inputmode:"number",pattern:"[0-9]*",onPaste:this.handlePaste,onKeyDown:i=>this.handleKeyDown(i,this.preventMillisecondInput)})}return null;default:return null}}))};this.getDescOfInputsOrder=()=>{if(this.isSSSFormat()){return"hour, minute, second, and millisecond"}return"hour, minute, and second"};this.getScreenReaderInfo=i=>{let t="";if(this.required){t+="required"}if(i===l.Error){t+=" invalid data"}return t===""?"":t+", "};this.notifyScreenReader=i=>{var t;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#live-region");if(s){s.textContent=`${i.value}, ${i.getAttribute(this.ARIA_LABEL)}`}};this.handlePaste=i=>{var t;i.preventDefault();const s=((t=i.clipboardData)===null||t===void 0?void 0:t.getData("Text"))||"";const e=this.isPastedStringTimeValid(s);this.setPastedValueAndValidation(e,s,i)};this.handleClearFocus=()=>{this.removeLabelledBy=true;this.clearButtonFocused=true;this.isTimeSetFromKeyboardEvent=true};this.handleClearBlur=i=>{this.clearButtonFocused=false;this.isTimeSetFromKeyboardEvent=true;const t=i.relatedTarget;if((t===null||t===void 0?void 0:t.id)==="clock-button"){this.removeLabelledBy=false;return}if(t===null||t===void 0?void 0:t.id.match(/(minute|second|millisecond)-input$/)){this.removeLabelledBy=false;return}this.removeLabelledBy=true};this.handleClockFocus=()=>{this.clockFocused=true};this.handleClockBlur=()=>{this.clockFocused=false};this.isPastedStringTimeValid=i=>{if(this.isHHMMFormat()){if(/^\d{2}:\d{2}$/.test(i)){return i}}else if(this.isSSSFormat()){if(/^\d{2}:\d{2}:\d{2}\.\d{1,3}$/.test(i)){return i}if(/^\d{2}:\d{2}:\d{2}\.\d{1,3}Z$/.test(i)){return i.replace("Z","")}const t=i.match(/T(\d{2}:\d{2}:\d{2}\.\d{1,3})/);if(t){return t[1]}}else{if(/^\d{2}:\d{2}:\d{2}$/.test(i)){return i}if(/^\d{2}:\d{2}:\d{2}Z$/.test(i)){return i.replace("Z","")}const t=i.match(/T(\d{2}:\d{2}:\d{2})/);if(t){return t[1]}}return false};this.setPastedValueAndValidation=(i,t,s)=>{if(i){const t=i.split(/[:.]/);this.inputsInOrder.forEach(((i,s)=>{var e,h,r,a;i.classList.add(this.FIT_TO_VALUE);let n=t[s]||"";if(i===this.millisecondInputEl&&this.isSSSFormat()){n=n.slice(0,3)}else{n=n.slice(0,2)}if(i===this.hourInputEl){let i;if(this.timePeriod==="12"&&this.showAmPmToggle){if(parseInt(n)>12){n=(parseInt(n)-12).toString().padStart(2,"0");if(parseInt(n)>12){return}else{this.period="PM";(e=this.periodToggleEl)===null||e===void 0?void 0:e.querySelectorAll(this.TOGGLE_BUTTON_SELECTOR).forEach((t=>{const s=t;if(s.label==="PM"){i=s}else{s.checked=false}}));if(i){(h=this.periodToggleEl)===null||h===void 0?void 0:h.setActiveToggle(i);i.checked=true}this.invalidTimeText="";this.validationStatus=""}}else{if(parseInt(n)===0){n="12"}this.period="AM";(r=this.periodToggleEl)===null||r===void 0?void 0:r.querySelectorAll(this.TOGGLE_BUTTON_SELECTOR).forEach((t=>{const s=t;if(s.label==="AM"){i=s}else{s.checked=false}}));if(i){(a=this.periodToggleEl)===null||a===void 0?void 0:a.setActiveToggle(i);i.checked=true}this.invalidTimeText="";this.validationStatus=""}}}i.value=n;this.setInputValue(i);this.autocompleteInput(i)}));if(this.isHHMMFormat()&&this.second!==""&&this.millisecond!==""){this.second="";this.millisecond=""}}else{const i=t.trim();if((i.length===1||i.length===2)&&o(i)){this.setInputPasteValue(s.target,i);this.setInputValue(s.target)}else{this.invalidTimeText=`Please paste a valid ${s.target.getAttribute(this.ARIA_LABEL)}`;this.validationStatus=l.Error}}};this.handleAMPM=i=>{var t;this.period=i.label;(t=this.periodToggleEl)===null||t===void 0?void 0:t.setActiveToggle(i)}}watchInputHandler(){if(this.emitTimePartChange&&!this.externalSetTime&&!this.clearInput&&!(this.hour&&this.minute&&this.second&&(this.isSSSFormat()?this.millisecond:true))&&this.selectedTime===null){this.emitIcTimeChange(this.selectedTime)}}watchDisabledHandler(){c(this.disabled,this.el)}watchHelperTextHandler(i=false){if(r(this.helperText)||i===true)this.helperText=this.defaultHelperText}watchMaxHandler(){this.maxTime=a(this.max).date}watchMinHandler(){this.minTime=a(this.min).date}watchRequiredHandler(){var i,t;const s=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("label");if(this.required){const i=document.createElement("span");i.setAttribute("id","asterisk-span");i.setAttribute("aria-hidden","true");i.textContent=" *";s===null||s===void 0?void 0:s.appendChild(i)}else{const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#asterisk-span");if(i){i.remove()}}}watchTimeFormatHandler(){const i=this.defaultHelperText;this.defaultHelperText=`Use format ${this.timeFormat}`;this.watchHelperTextHandler(this.helperText===i)}disconnectedCallback(){d(this.el,this.handleFormReset)}componentWillLoad(){this.watchTimeFormatHandler();this.watchHelperTextHandler();if(this.value){this.externalSetTime=true;this.setTime(this.value)}this.screenReaderInfoId=`${this.inputId}-screen-reader-info`;this.assistiveHintId=`${this.inputId}-assistive-hint`;this.selectedTimeInfoId=`${this.inputId}-selected-time-info`;u(this.el,this.handleFormReset);c(this.disabled,this.el)}componentDidLoad(){this.setInputsInOrder();f([{prop:this.label,propName:"label"}],"Time Input");if(this.value){this.updateInputValues(this.hour,this.minute,this.second);this.inputsInOrder.forEach((i=>{i.classList.add(this.FIT_TO_VALUE)}))}this.setAriaInvalid(this.isValidHour,this.isValidMinute,this.isValidSecond,this.isValidMillisecond);if(this.value){this.notifyScreenReaderSelectedTime()}this.inputsInOrder.forEach((i=>{i.addEventListener("input",this.handleInput);i.addEventListener("focus",this.handleFocus);i.addEventListener("blur",this.handleBlur)}));this.watchRequiredHandler()}componentWillUpdate(){if(!this.isTimeSetFromKeyboardEvent)this.setTime(this.value);this.setAriaInvalid(this.isValidHour,this.isValidMinute,this.isValidSecond,this.isValidMillisecond);this.handleTimeChange(false);this.isTimeSetFromKeyboardEvent=false}componentDidRender(){if(this.removeLabelledBy){this.removeAriaLabelledBy();return}this.setAriaLabelledBy()}async getTime(){return this.selectedTime}async triggerIcTimeChange(i){this.externalSetTime=true;this.setTime(i);this.emitIcTimeChange(i);this.externalSetTime=false}render(){const{inputId:i,label:t,disabled:h,helperText:a,hideHelperText:n,hideLabel:o,showClearButton:c,showClockButton:d,size:u,theme:f,validationAriaLive:v}=this;const g=!r(this.validationStatus);const k=g?this.validationStatus:!r(this.invalidTimeText)?l.Error:"";const w=`Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;p(true,this.el,this.name,this.convertToTime(this.hour,this.minute,this.second),this.disabled);const y=!!(c&&!(r(this.hour)&&r(this.minute)&&r(this.second)));if(this.showAmPmToggle&&this.timePeriod!=="12"){this.showAmPmToggle=false}return s(e,{key:"d005982324084fad9fdfe6392cf879e15709d2ef",class:{[`ic-theme-${f}`]:f!=="inherit",[`ic-time-input-disabled`]:h,[`ic-time-input-${u}`]:true},onBlur:this.handleHostBlur,onFocus:this.handleHostFocus},s("ic-input-container",{key:"6fcc48d72a92ef2a0acf3f6b109e29b24c6608db",disabled:h},!(o&&n)&&s("ic-input-label",{key:"84364f527bbfeffed22d95df1ce879bb9cb55fde",for:i,label:t,hideLabel:o,helperText:!n?a:"",disabled:h},s("slot",{key:"4a993ddc9a3923e4fbe58f4abfd1d6f51ef63494",name:"helper-text",slot:"helper-text"})),s("span",{key:"de2889971bef74376661a3fb0963c9bc88673e12",id:this.screenReaderInfoId,class:"sr-only","aria-hidden":"true"},this.getScreenReaderInfo(k),o&&`${t}\n`,n&&`${a}\n`,`${this.defaultHelperText}.`),s("span",{key:"b68b686d6794d6ad1247f18c867b1652066b48da",id:this.assistiveHintId,class:"sr-only","aria-hidden":"true"},w),s("span",{key:"56557e76da321f937be614926cd3f41b4c9a09a8",id:"live-region","aria-live":"assertive",class:"sr-only"}),s("div",{key:"89cbb13ffe21d66fd82a28ad6b5b295cf68c5787",class:{"with-am-pm-toggle":this.showAmPmToggle===true}},s("ic-input-component-container",{key:"03a61c8d72f43d68f81069327aa31b632bfee74d",id:i,ref:i=>this.inputCompContainerEl=i,disabled:h,validationStatus:k,size:u,role:"group",class:{[`ic-theme-${f}`]:f!=="inherit"}},s("div",{key:"0fdf9d4191272a8b53e73d6230e10750032d5279",class:"input-container"},s("div",{key:"c7b13f330ec67b48e817f4b87fff96ad6ad6102e",class:"time-inputs"},[this.getInputsInOrder()[0],":",this.getInputsInOrder()[1],!this.isHHMMFormat()?[":",this.getInputsInOrder()[2]]:null,this.isSSSFormat()?[".",this.getInputsInOrder()[3]]:null]),s("div",{key:"caf4926b8008875a111f6bb3aa0815cfb2e10768",class:"action-buttons"},c&&s("ic-button",{key:"9883c16dc3d60c6ea4d9d3cc3e4a770479339879",id:"clear-button","aria-label":"Clear input",class:{["clear-button"]:true,["hidden"]:r(this.hour)&&r(this.minute)&&r(this.second)},disabled:this.disabled,innerHTML:b,onClick:this.handleClear,onFocus:this.handleClearFocus,onBlur:this.handleClearBlur,variant:"icon-tertiary",theme:this.clearButtonFocused?"light":"dark",size:u}),d&&s("div",{key:"9ace5895419381c300bbdc5c8ef2eeacad05b63b",class:"show-clock-button-wrapper"},s("div",{key:"dfa2a5bbf9e7bd74353d7caf3514861d545d6026",class:{divider:y,[u]:true}}),s("ic-button",{key:"1c36dcf4f02a323aafeb265126e2d1334df077b2",id:"clock-button","aria-label":"Display clock","aria-haspopup":"dialog",class:"clock-button",disabled:this.disabled,innerHTML:m,variant:"icon-tertiary",size:u,onFocus:this.handleClockFocus,onBlur:this.handleClockBlur,theme:this.clockFocused?"light":"dark"}))))),this.showAmPmToggle&&s("ic-toggle-button-group",{key:"c63749fddcc1b7ed3c394a17a5d1a65aa322f024","select-type":"single","accessible-label":"AM PM Toggle",ref:i=>this.periodToggleEl=i,disabled:h,class:"am-pm-toggle","select-method":"auto",onIcChange:i=>this.handleAMPM(i.detail.selectedOption),onKeyDown:i=>{if(i.key==="Tab"&&i.shiftKey){i.preventDefault();if(this.inputsInOrder&&this.inputsInOrder.length>0){const i=this.inputsInOrder[this.inputsInOrder.length-1];i===null||i===void 0?void 0:i.focus()}}}},s("ic-toggle-button",{key:"fc731674e7c26846a969768ddc77b94b14c6cca6",label:"AM",disabled:h,checked:true}),s("ic-toggle-button",{key:"89e0bd48a39a8e786fcac5e034358edd560f4136",label:"PM",disabled:h}))),s("span",{key:"52854ea1dc4a1c4e7783914ff90bf204848a2e6e",id:this.selectedTimeInfoId,class:"sr-only","aria-live":"polite"},s("span",{key:"065c89020778df53ae78d037ef62feb189b7fdba",ref:i=>this.selectedTimeInfoEl=i,role:"status"})),s("ic-input-validation",{key:"fc2500bef0e8e077272424a46663a85509a160c3",status:k,message:g?this.validationText:this.invalidTimeText,for:i,ariaLiveMode:v})))}static get delegatesFocus(){return true}get el(){return h(this)}static get watchers(){return{hour:["watchInputHandler"],minute:["watchInputHandler"],second:["watchInputHandler"],millisecond:["watchInputHandler"],period:["watchInputHandler"],disabled:["watchDisabledHandler"],helperText:["watchHelperTextHandler"],max:["watchMaxHandler"],min:["watchMinHandler"],required:["watchRequiredHandler"],timeFormat:["watchTimeFormatHandler"]}}};w.style=g;export{w as ic_time_input};
-//# sourceMappingURL=p-ad551a0c.entry.js.map

package/dist/core/p-ad551a0c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icTimeInputCss","IcTimeInputStyle0","inputIds","TimeInput","constructor","hostRef","this","DEFAULT_TIME_FORMAT","TOGGLE_BUTTON_SELECTOR","ARIA_INVALID","ARIA_LABEL","ARIA_LABELLED_BY","EVENT_OBJECT_STRING","FIT_TO_VALUE","initialValue","value","inputsInOrder","isValidHour","isValidMinute","isValidSecond","isValidMillisecond","isValidTime","isTimeSetFromKeyboardEvent","previousSelectedTime","selectedTime","externalSetTime","clearInput","maxTime","minTime","previousHour","previousMinute","previousSecond","previousMillisecond","previousPeriod","clockFocused","clearButtonFocused","removeLabelledBy","hour","minute","second","millisecond","period","isSSSFormat","timeFormat","disabled","disableTimes","emitTimePartChange","hideHelperText","hideLabel","inputId","invalidTimeMessage","max","min","name","required","showAmPmToggle","showClearButton","showClockButton","size","theme","timePeriod","validationAriaLive","validationStatus","validationText","setInputPasteValue","input","pastedValue","inputEl","classList","add","isHHMMFormat","isKeyboardOrEvent","event","Object","prototype","toString","call","setTimeValidity","minHour","maxHour","isEmptyString","setInputValue","clear","newValue","hourInputEl","minuteInputEl","secondInputEl","millisecondInputEl","setValidationMessage","setPreventInput","isPrevented","preventHourInput","preventMinuteInput","preventSecondInput","preventMillisecondInput","parseTimeHelper","date","outOfBoundsMsg","isDisabledTime","convertToTime","inputHour","selectedHour","getHours","selectedHour12","getMinutes","getSeconds","getMilliseconds","Array","isArray","length","some","t","start","end","parsed","parts","parsedHour","convertTo24Hour","formatTime","forEach","setAttribute","removeAttribute","invalidTimeText","time","hh","padStart","mm","ss","sss","handleInput","inputEvent","target","setFitToValueStyling","moveToNextInput","notifyScreenReader","inputType","preventAutoFormatting","handleKeyDown","isInputPrevented","navKeys","eventKey","_a","key","toLowerCase","test","ctrlKey","metaKey","preventDefault","regex","moveToPreviousInput","handleUpDownArrowKeyPress","preventInput","handleFocus","select","handleBlur","autocompleteInput","minValue","maxValue","val","handleTimeChange","force","setValueAndEmitChange","notifyScreenReaderSelectedTime","selectedTimeInfoEl","textContent","updateInputValues","emitIcTimeChange","date24hours","parseInt","allSelected","Date","setHours","setMinutes","setSeconds","setMilliseconds","allTimePartsEmpty","onlyPeriodChanged","icTimeChange","emit","timeObject","setTime","undefined","remove","zuluMatch","match","split","setAriaInvalid","validHour","validMinute","validSecond","validMillisecond","_b","_c","_d","handleClear","periodToggleEl","querySelectorAll","btn","toggleBtn","label","checked","focus","hours","hoursStr","minutesStr","secondsStr","msStr","handleHostBlur","icBlur","handleHostFocus","el","shadowRoot","activeElement","id","icFocus","handleFormReset","selectedString","substring","selectionStart","selectionEnd","currentInput","findIndex","inputValue","d","setInputsInOrder","shadowInputs","push","removeAriaLabelledBy","inputCompContainerEl","setAriaLabelledBy","getAttribute","labelEl","querySelector","labelId","hasValidation","labelledBy","screenReaderInfoId","getInputDescribedByText","helperText","defaultHelperText","selectedTimeInfoId","assistiveHintId","getInputsInOrder","timeParts","map","part","h","class","ref","placeholder","inputmode","pattern","onPaste","handlePaste","onKeyDown","getDescOfInputsOrder","getScreenReaderInfo","inputDescriptors","IcInformationStatus","Error","liveRegion","clipboardData","getData","isPastedStringTimeValid","setPastedValueAndValidation","handleClearFocus","handleClearBlur","ev","relatedTarget","handleClockFocus","handleClockBlur","replace","isoMatch","index","timeValue","slice","activeToggle","setActiveToggle","pasted","trim","isNumeric","handleAMPM","selectedOption","watchInputHandler","watchDisabledHandler","removeDisabledFalse","watchHelperTextHandler","useDefault","watchMaxHandler","watchMinHandler","watchRequiredHandler","asteriskSpan","document","createElement","appendChild","watchTimeFormatHandler","oldDefaultHelperText","disconnectedCallback","removeFormResetListener","componentWillLoad","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","addEventListener","componentWillUpdate","componentDidRender","getTime","triggerIcTimeChange","render","hasCustomValidation","assistiveHint","renderHiddenInput","showDivider","Host","onBlur","onFocus","for","slot","role","innerHTML","Clear","onClick","variant","divider","Clock","onIcChange","e","detail","shiftKey","lastInput","status","message","ariaLiveMode"],"sources":["src/components/ic-time-input/ic-time-input.css?tag=ic-time-input&encapsulation=shadow","src/components/ic-time-input/ic-time-input.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  --ic-input-label-helpertext-padding: var(--ic-space-xs);\n  --input-bg-color: var(--ic-time-picker-field-background);\n  --ic-input-label-text-color: var(--ic-time-picker-label);\n  --ic-input-label-helper-text-color: var(--ic-time-picker-subtitle);\n  --border-color: var(--ic-time-picker-time-field-border-default);\n  --border-color-disabled: var(--ic-time-picker-border-disabled);\n  --border-color-hover: var(--ic-time-picker-time-field-border-hover);\n  --border-color-pressed: var(--ic-time-picker-time-field-border-pressed);\n  --border-error-color: var(--ic-time-picker-border-error);\n  --border-error-color-hover: var(--ic-time-picker-border-error-hover);\n  --border-error-color-pressed: var(--ic-time-picker-border-error-pressed);\n  --border-success-color: var(--ic-time-picker-border-success);\n  --border-success-color-hover: var(--ic-time-picker-border-success-hover);\n  --border-success-color-pressed: var(--ic-time-picker-border-success-pressed);\n  --border-warning-color: var(--ic-time-picker-border-warning);\n  --border-warning-color-hover: var(--ic-time-picker-border-warning-hover);\n  --border-warning-color-pressed: var(--ic-time-picker-border-warning-pressed);\n  --input-width: calc((4 * var(--ic-space-xxl)) + var(--ic-space-xxs));\n}\n\n:host(.ic-time-input-disabled) {\n  --ic-input-label-text-color: var(--ic-time-picker-label-disabled);\n  --ic-input-label-helper-text-color: var(--ic-time-picker-subtitle-disabled);\n}\n\n:host(.ic-time-input-disabled) input {\n  color: var(--ic-time-picker-time-text-disabled);\n}\n\n:host(.ic-time-input-large) {\n  --input-width: calc(\n    (4 * var(--ic-space-xxl)) + var(--ic-space-xxs) + var(--ic-space-lg)\n  );\n}\n\n:host(.ic-time-input-small) {\n  --input-width: calc(\n    (3 * var(--ic-space-xxl)) + var(--ic-space-xxs) + var(--ic-space-xl)\n  );\n}\n\n.with-am-pm-toggle {\n  display: flex;\n  flex-direction: row;\n}\n\n.am-pm-toggle ::part(button) {\n  min-width: fit-content;\n}\n\n.am-pm-toggle {\n  margin-left: var(--ic-space-xs);\n}\n\ninput {\n  border: 0;\n  height: 100%;\n  padding: 0;\n  outline: none;\n  background: none;\n  -moz-appearance: textfield;\n  appearance: textfield;\n  color: var(--ic-time-picker-time-text-default);\n  caret-color: var(--ic-time-picker-typing-cursor);\n}\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n\ninput:-webkit-autofill {\n  box-shadow: 0 0 0 var(--ic-space-sm) var(--ic-color-background-primary) inset;\n  -webkit-text-fill-color: var(--ic-time-picker-time-text-default) !important;\n}\n\ninput::placeholder {\n  color: var(--ic-time-picker-field-placeholder-text);\n}\n\nic-input-component-container {\n  cursor: text;\n}\n\nic-input-component-container .focus-indicator {\n  padding: var(--ic-space-xxxs) var(--ic-space-xs);\n  align-items: center;\n}\n\n.time-inputs {\n  color: var(--ic-time-picker-field-placeholder-text);\n}\n\n.hour-input {\n  width: 1.438rem;\n}\n\n.minute-input {\n  width: 1.813rem;\n}\n\n.second-input {\n  width: 1.18rem;\n}\n\n.millisecond-input,\n.millisecond-input.fit-to-value {\n  width: 1.75rem;\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-clock-button-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.clear-button,\n.clock-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.clock-button:focus,\n.clear-button:active,\n.clock-button:active {\n  background-color: var(--ic-color-focus-inner) !important;\n  box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;\n  border-radius: 0.25rem;\n}\n\n.clock-button:focus,\n.clock-button:active {\n  --ic-button-tertiary-text-active: var(--ic-atoms-input-clear-button-focus);\n  --ic-button-tertiary-text-hover-active: var(\n    --ic-atoms-input-clear-button-focus\n  );\n  --ic-button-tertiary-text-pressed-active: var(\n    --ic-atoms-input-clear-button-focus\n  );\n}\n\n.clear-button:focus,\n.clock-button:focus,\n.clear-button:active *,\n.clock-button:active * {\n  fill: var(--ic-atoms-input-clear-button-focus);\n}\n\n.clear-button svg {\n  color: var(--ic-time-picker-clear-icon);\n}\n\n.clear-button:focus svg {\n  color: var(--ic-atoms-input-clear-button-focus);\n}\n\n.divider {\n  margin: 0 var(--ic-space-xxs);\n  width: var(--ic-space-1px);\n  background-color: var(--ic-atoms-input-divider);\n  border-radius: var(--ic-space-1px);\n}\n\n.divider.small {\n  height: var(--ic-space-md);\n}\n\n.divider.medium {\n  height: calc(var(--ic-space-sm) + var(--ic-space-xs));\n}\n\n.divider.large {\n  height: var(--ic-space-lg);\n}\n\nic-input-validation {\n  --ic-input-validation-status-text-color: var(--ic-time-picker-status-text);\n  --ic-input-validation-error: var(--ic-time-picker-icon-error);\n  --ic-input-validation-warning-icon-color: var(--ic-time-picker-icon-warning);\n  --ic-input-validation-success-icon-color: var(--ic-time-picker-icon-success);\n}\n\n@media (forced-colors: active) {\n  .clear-button svg {\n    color: currentcolor;\n  }\n}\n","/* eslint-disable react/jsx-no-bind */\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Prop,\n  State,\n  Host,\n  Method,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  IcAriaLive,\n  IcDateValueFormat,\n  IcDisableTimeSelection,\n  IcInformationStatus,\n  IcInformationStatusOrEmpty,\n  IcSizes,\n  IcThemeMode,\n  IcTimeFormat,\n} from \"../../utils/types\";\nimport {\n  isEmptyString,\n  isNumeric,\n  addFormResetListener,\n  getInputDescribedByText,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n  removeFormResetListener,\n  renderHiddenInput,\n  parseTimeHelper,\n} from \"../../utils/helpers\";\nimport Clear from \"../../assets/clear-icon.svg\";\nimport Clock from \"../../assets/clock.svg\";\n\nlet inputIds = 0;\n\n/**\n * @slot helper-text - Content is set as the helper text for the time input.\n */\n@Component({\n  tag: \"ic-time-input\",\n  styleUrl: \"ic-time-input.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class TimeInput {\n  private DEFAULT_TIME_FORMAT: IcTimeFormat = \"HH:MM:SS\";\n  private TOGGLE_BUTTON_SELECTOR = \"ic-toggle-button\";\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 hourInputEl?: HTMLInputElement;\n  private minuteInputEl?: HTMLInputElement;\n  private secondInputEl?: HTMLInputElement;\n  private millisecondInputEl?: HTMLInputElement;\n  private periodToggleEl?: HTMLIcToggleButtonGroupElement;\n  private defaultHelperText: string;\n  private EVENT_OBJECT_STRING = \"[object Event]\";\n  private FIT_TO_VALUE = \"fit-to-value\";\n  private initialValue = this.value;\n  private inputCompContainerEl: HTMLIcInputComponentContainerElement;\n  private inputsInOrder: HTMLInputElement[] = [];\n  private isValidHour: boolean = true;\n  private isValidMinute: boolean = true;\n  private isValidSecond: boolean = true;\n  private isValidMillisecond: boolean = true;\n  private isValidTime: boolean = true;\n  private isTimeSetFromKeyboardEvent: boolean = false;\n  private preventAutoFormatting: boolean;\n  private preventHourInput: boolean;\n  private preventMinuteInput: boolean;\n  private preventSecondInput: boolean;\n  private preventMillisecondInput: boolean;\n  private previousSelectedTime: Date | null = null;\n  private selectedTime: Date | null = null;\n  private selectedTimeInfoEl?: HTMLSpanElement;\n  private screenReaderInfoId: string;\n  private selectedTimeInfoId: string;\n  private externalSetTime: boolean = false;\n  private clearInput: boolean = false;\n  private maxTime: Date | null = null;\n  private minTime: Date | null = null;\n  private previousHour: string = \"\";\n  private previousMinute: string = \"\";\n  private previousSecond: string = \"\";\n  private previousMillisecond: string = \"\";\n  private previousPeriod: string = \"AM\";\n\n  @Element() el: HTMLIcTimeInputElement;\n\n  @State() invalidTimeText: string;\n  @State() clockFocused: boolean = false;\n  @State() clearButtonFocused: boolean = false;\n  @State() removeLabelledBy: boolean = false;\n  @State() hour: string = \"\";\n  @State() minute: string = \"\";\n  @State() second: string = \"\";\n  @State() millisecond: string = \"\";\n  @State() period: string = \"AM\";\n\n  @Watch(\"hour\")\n  @Watch(\"minute\")\n  @Watch(\"second\")\n  @Watch(\"millisecond\")\n  @Watch(\"period\")\n  watchInputHandler(): void {\n    if (\n      this.emitTimePartChange &&\n      !this.externalSetTime &&\n      !this.clearInput &&\n      !(\n        this.hour &&\n        this.minute &&\n        this.second &&\n        (this.isSSSFormat() ? this.millisecond : true)\n      ) &&\n      this.selectedTime === null\n    ) {\n      this.emitIcTimeChange(this.selectedTime);\n    }\n  }\n  private isSSSFormat = () => this.timeFormat === \"HH:MM:SS.SSS\";\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * An array of times that will be disabled in the time input. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n   */\n  @Prop() disableTimes: IcDisableTimeSelection[] = [];\n\n  /**\n   * If `true`, every individual input field completed will emit an icTimeChange event.\n   */\n  @Prop() emitTimePartChange?: boolean = false;\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 `timeFormat` value.\n   */\n  @Prop({ mutable: true }) helperText: string | null;\n  @Watch(\"helperText\")\n  watchHelperTextHandler(useDefault = false): void {\n    if (isEmptyString(this.helperText) || useDefault === true)\n      this.helperText = this.defaultHelperText;\n  }\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-time-input-${inputIds++}`;\n\n  /**\n   * The text to display as the validation message when an invalid time is entered.\n   */\n  @Prop() invalidTimeMessage: string = \"Please enter a valid time.\";\n\n  /**\n   * The label for the time input.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The latest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n   */\n  @Prop() max: string | Date = \"\";\n  @Watch(\"max\")\n  watchMaxHandler(): void {\n    this.maxTime = parseTimeHelper(this.max).date;\n  }\n\n  /**\n   * The earliest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n   */\n  @Prop() min: string | Date = \"\";\n  @Watch(\"min\")\n  watchMinHandler(): void {\n    this.minTime = parseTimeHelper(this.min).date;\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  @Watch(\"required\")\n  watchRequiredHandler(): void {\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   * If `true`, the time input will show an AM/PM toggle when in 12-hour time period.\n   */\n  @Prop({ mutable: true }) showAmPmToggle?: boolean = false;\n\n  /**\n   * If `true`, a button which clears the time input when clicked will be displayed.\n   */\n  @Prop() showClearButton?: boolean = true;\n\n  /**\n   * @internal If `true`, a button which displays the clock view when clicked will be displayed.\n   */\n  @Prop() showClockButton?: boolean = false;\n\n  /**\n   * The size of the time input to be displayed.\n   */\n  @Prop() size: IcSizes = \"medium\";\n\n  /**\n   * Sets the time picker to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * The format in which the time will be displayed.\n   */\n  @Prop() timeFormat: IcTimeFormat = this.DEFAULT_TIME_FORMAT;\n  @Watch(\"timeFormat\")\n  watchTimeFormatHandler(): void {\n    const oldDefaultHelperText = this.defaultHelperText;\n    this.defaultHelperText = `Use format ${this.timeFormat}`;\n    this.watchHelperTextHandler(this.helperText === oldDefaultHelperText);\n  }\n\n  /**\n   * The time period format: \"12\" for 12-hour, \"24\" for 24-hour. Defaults to \"24\".\n   */\n  @Prop() timePeriod: \"12\" | \"24\" = \"24\";\n\n  /**\n   * The value of the time input. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n   */\n  @Prop({ mutable: true }) value?: IcDateValueFormat = \"\";\n\n  /**\n   * The value of the `aria-live` attribute on the validation message.\n   */\n  @Prop() validationAriaLive: IcAriaLive = \"polite\";\n\n  /**\n   * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in time 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 time validation.\n   */\n  @Prop() validationText?: string = \"\";\n\n  /**\n   * @internal Emitted when the clock is opened.\n   */\n  @Event() clockButtonClicked: EventEmitter<{ value: Date | null }>;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() icBlur: EventEmitter<{ value: Date | null }>;\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icTimeChange: EventEmitter<{\n    value: Date | null;\n    timeObject: {\n      hour: string | null;\n      minute: string | null;\n      second: string | null;\n      millisecond: string | null;\n      period: string | null;\n    };\n  }>;\n\n  /**\n   * Emitted when the input gains focus.\n   */\n  @Event() icFocus: EventEmitter<{ value: Date | null }>;\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.el, this.handleFormReset);\n  }\n\n  componentWillLoad(): void {\n    this.watchTimeFormatHandler();\n    this.watchHelperTextHandler();\n    if (this.value) {\n      this.externalSetTime = true;\n      this.setTime(this.value);\n    }\n    this.screenReaderInfoId = `${this.inputId}-screen-reader-info`;\n    this.assistiveHintId = `${this.inputId}-assistive-hint`;\n    this.selectedTimeInfoId = `${this.inputId}-selected-time-info`;\n    addFormResetListener(this.el, this.handleFormReset);\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    this.setInputsInOrder();\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Time Input\"\n    );\n    if (this.value) {\n      this.updateInputValues(this.hour, this.minute, this.second);\n      this.inputsInOrder.forEach((input) => {\n        input.classList.add(this.FIT_TO_VALUE);\n      });\n    }\n    this.setAriaInvalid(\n      this.isValidHour,\n      this.isValidMinute,\n      this.isValidSecond,\n      this.isValidMillisecond\n    );\n    if (this.value) {\n      this.notifyScreenReaderSelectedTime();\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    this.watchRequiredHandler();\n  }\n\n  componentWillUpdate(): void {\n    if (!this.isTimeSetFromKeyboardEvent) this.setTime(this.value);\n    this.setAriaInvalid(\n      this.isValidHour,\n      this.isValidMinute,\n      this.isValidSecond,\n      this.isValidMillisecond\n    );\n    this.handleTimeChange(false);\n    this.isTimeSetFromKeyboardEvent = false;\n  }\n\n  componentDidRender(): void {\n    if (this.removeLabelledBy) {\n      this.removeAriaLabelledBy();\n      return;\n    }\n    this.setAriaLabelledBy();\n  }\n\n  /**\n   * Returns the value as a Date object\n   * @returns Date\n   */\n  @Method()\n  async getTime(): Promise<Date | null> {\n    return this.selectedTime;\n  }\n\n  /**\n   * @internal Used to enable other components to invoke an icTimeChange event from the input.\n   */\n  @Method()\n  async triggerIcTimeChange(t: Date | null): Promise<void> {\n    this.externalSetTime = true;\n    this.setTime(t);\n    this.emitIcTimeChange(t);\n    this.externalSetTime = false;\n  }\n\n  private setInputPasteValue = (\n    input: EventTarget | null,\n    pastedValue: string\n  ) => {\n    if (input) {\n      const inputEl = input as HTMLInputElement;\n      inputEl.value = pastedValue;\n      inputEl.classList.add(this.FIT_TO_VALUE);\n    }\n  };\n\n  private isHHMMFormat = () => this.timeFormat === \"HH:MM\";\n\n  private isKeyboardOrEvent = (event: Event) => {\n    return (\n      Object.prototype.toString.call(event) === this.EVENT_OBJECT_STRING ||\n      Object.prototype.toString.call(event) === \"[object KeyboardEvent]\"\n    );\n  };\n\n  private setTimeValidity = () => {\n    const minHour = 0;\n    const maxHour = this.timePeriod === \"12\" ? 12 : 23;\n    if (!isEmptyString(this.hour)) {\n      this.isValidHour = +this.hour >= minHour && +this.hour <= maxHour;\n    } else {\n      this.isValidHour = true;\n    }\n    if (!isEmptyString(this.minute)) {\n      this.isValidMinute = +this.minute >= 0 && +this.minute <= 59;\n    } else {\n      this.isValidMinute = true;\n    }\n    if (!this.isHHMMFormat()) {\n      if (!isEmptyString(this.second)) {\n        this.isValidSecond = +this.second >= 0 && +this.second <= 59;\n      } else {\n        this.isValidSecond = true;\n      }\n      if (this.isSSSFormat()) {\n        if (!isEmptyString(this.millisecond)) {\n          this.isValidMillisecond =\n            +this.millisecond >= 0 && +this.millisecond <= 999;\n        } else {\n          this.isValidMillisecond = true;\n        }\n      } else {\n        this.isValidMillisecond = true;\n      }\n    } else {\n      this.isValidSecond = true;\n      this.isValidMillisecond = true;\n    }\n  };\n\n  private setInputValue = (input: HTMLInputElement, clear = false) => {\n    const newValue = clear ? \"\" : input.value;\n    if (input === this.hourInputEl) {\n      this.hour = newValue;\n    } else if (input === this.minuteInputEl) {\n      this.minute = newValue;\n    } else if (input === this.secondInputEl && !this.isHHMMFormat()) {\n      this.second = newValue;\n    } else if (this.isSSSFormat() && input === this.millisecondInputEl) {\n      this.millisecond = newValue;\n    }\n    this.setValidationMessage();\n  };\n\n  private setPreventInput = (input: HTMLInputElement, isPrevented: boolean) => {\n    if (input === this.hourInputEl) {\n      this.preventHourInput = isPrevented;\n    } else if (input === this.minuteInputEl) {\n      this.preventMinuteInput = isPrevented;\n    } else if (input === this.secondInputEl) {\n      this.preventSecondInput = isPrevented;\n    } else if (this.isSSSFormat() && input === this.millisecondInputEl) {\n      this.preventMillisecondInput = isPrevented;\n    }\n  };\n\n  private setValidationMessage = () => {\n    this.maxTime = parseTimeHelper(this.max).date;\n    this.minTime = parseTimeHelper(this.min).date;\n    this.setTimeValidity();\n    let outOfBoundsMsg = \"\";\n    let isDisabledTime = false;\n    if (\n      !isEmptyString(this.hour) &&\n      !isEmptyString(this.minute) &&\n      (this.isHHMMFormat() || !isEmptyString(this.second)) &&\n      (!this.isSSSFormat() || !isEmptyString(this.millisecond))\n    ) {\n      this.selectedTime = this.convertToTime(\n        this.hour,\n        this.minute,\n        this.isHHMMFormat() ? \"00\" : this.second,\n        this.isSSSFormat() ? this.millisecond : \"000\"\n      );\n      const inputHour = +this.hour;\n      const selectedHour = this.selectedTime\n        ? this.selectedTime.getHours()\n        : null;\n      if (\n        this.timePeriod === \"12\" &&\n        this.showAmPmToggle &&\n        selectedHour !== null\n      ) {\n        let selectedHour12 = selectedHour % 12;\n        if (selectedHour12 === 0) selectedHour12 = 12;\n        this.isValidTime =\n          !!this.selectedTime &&\n          selectedHour12 == inputHour &&\n          this.selectedTime.getMinutes() == +this.minute &&\n          (this.isHHMMFormat() ||\n            this.selectedTime.getSeconds() == +this.second) &&\n          (!this.isSSSFormat() ||\n            this.selectedTime.getMilliseconds() == +this.millisecond);\n      } else {\n        this.isValidTime =\n          !!this.selectedTime &&\n          this.selectedTime.getHours() == inputHour &&\n          this.selectedTime.getMinutes() == +this.minute &&\n          (this.isHHMMFormat() ||\n            this.selectedTime.getSeconds() == +this.second) &&\n          (!this.isSSSFormat() ||\n            this.selectedTime.getMilliseconds() == +this.millisecond);\n      }\n\n      if (\n        this.selectedTime &&\n        Array.isArray(this.disableTimes) &&\n        this.disableTimes.length > 0\n      ) {\n        isDisabledTime = this.disableTimes.some((t) => {\n          if (\n            typeof t === \"object\" &&\n            t !== null &&\n            \"start\" in t &&\n            \"end\" in t\n          ) {\n            const start = parseTimeHelper(t.start).date;\n            const end = parseTimeHelper(t.end).date;\n            if (start && end) {\n              return this.selectedTime! >= start && this.selectedTime! <= end;\n            }\n            return false;\n          }\n          const parsed = parseTimeHelper(t as string | Date).parts;\n          if (!parsed) return false;\n          let selectedHour = this.selectedTime!.getHours();\n          let parsedHour = parsed.hour;\n          if (this.timePeriod === \"12\" && this.showAmPmToggle) {\n            selectedHour = this.convertTo24Hour(selectedHour);\n            parsedHour = this.convertTo24Hour(parsedHour);\n          }\n          return (\n            parsedHour === selectedHour &&\n            parsed.minute === this.selectedTime!.getMinutes() &&\n            parsed.second === this.selectedTime!.getSeconds()\n          );\n        });\n        if (isDisabledTime) {\n          this.isValidTime = false;\n          outOfBoundsMsg = this.invalidTimeMessage;\n        }\n      }\n\n      if (this.selectedTime && !isDisabledTime) {\n        if (this.minTime && this.selectedTime < this.minTime) {\n          this.isValidTime = false;\n          outOfBoundsMsg = `Please enter a time after ${this.formatTime(\n            this.minTime\n          )}.`;\n        } else if (this.maxTime && this.selectedTime > this.maxTime) {\n          this.isValidTime = false;\n          outOfBoundsMsg = `Please enter a time before ${this.formatTime(\n            this.maxTime\n          )}.`;\n        }\n      }\n      if (!this.isValidTime) {\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.selectedTime = null;\n    }\n    if (\n      !(\n        this.isValidHour &&\n        this.isValidMinute &&\n        this.isValidSecond &&\n        this.isValidMillisecond &&\n        this.isValidTime\n      )\n    ) {\n      this.invalidTimeText = outOfBoundsMsg || this.invalidTimeMessage;\n    } else {\n      this.invalidTimeText = \"\";\n    }\n  };\n\n  private formatTime = (time: Date): string => {\n    const hh = time.getHours().toString().padStart(2, \"0\");\n    const mm = time.getMinutes().toString().padStart(2, \"0\");\n    const ss = time.getSeconds().toString().padStart(2, \"0\");\n    const sss = time.getMilliseconds().toString().padStart(3, \"0\");\n    if (this.isSSSFormat()) {\n      return `${hh}:${mm}:${ss}.${sss}`;\n    }\n    return this.isHHMMFormat() ? `${hh}:${mm}` : `${hh}:${mm}:${ss}`;\n  };\n\n  private handleInput = (event: Event) => {\n    const inputEvent = event as InputEvent;\n    const input = event.target as HTMLInputElement;\n    if (input === this.millisecondInputEl && this.isSSSFormat()) {\n      this.setInputValue(input);\n      this.setPreventInput(input, false);\n      this.setFitToValueStyling(input);\n      if (input.value.length === 3) {\n        this.moveToNextInput(input);\n        this.setPreventInput(input, true);\n      } else {\n        this.setPreventInput(input, false);\n      }\n      if (input.value.length === 0) {\n        this.setInputValue(input, true);\n        this.setValidationMessage();\n      }\n      this.notifyScreenReader(input);\n    } else if (input !== this.hourInputEl) {\n      if (\n        inputEvent.inputType !== \"deleteContentBackward\" &&\n        !this.preventAutoFormatting\n      ) {\n        if (\n          input.value.length === 1 &&\n          +input.value >= 6 &&\n          +input.value <= 9\n        ) {\n          this.setInputValue(input);\n          this.notifyScreenReader(input);\n          this.moveToNextInput(input);\n        }\n        if (input.value.length === 2) {\n          this.setInputValue(input);\n          this.setPreventInput(input, true);\n          this.notifyScreenReader(input);\n          this.moveToNextInput(input);\n        } else {\n          this.setPreventInput(input, false);\n        }\n      } else if (this.preventAutoFormatting) {\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      if (input.value.length !== 2) {\n        this.setPreventInput(input, false);\n      }\n      this.setFitToValueStyling(input);\n      if (input.value.length === 0) {\n        this.setInputValue(input, true);\n        this.setValidationMessage();\n      }\n      this.notifyScreenReader(input);\n    } else {\n      if (input.value.length === 2) {\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      this.setFitToValueStyling(input);\n      if (input.value.length === 0) {\n        this.setInputValue(input, true);\n        this.setValidationMessage();\n      }\n      this.notifyScreenReader(input);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent, isInputPrevented: boolean) => {\n    const navKeys =\n      /arrowup|arrowdown|arrowleft|arrowright|shift|tab|backspace|delete/i;\n    const input = event.target as HTMLInputElement;\n    const eventKey = event.key?.toLowerCase();\n    if (\n      !/-?\\d*\\.?\\d+(e[-+]?\\d+)?|[:]|[.]/i.test(eventKey) &&\n      !navKeys.test(eventKey) &&\n      !(\n        (event.ctrlKey || event.metaKey) &&\n        (eventKey === \"v\" || eventKey === \"c\")\n      )\n    ) {\n      event.preventDefault();\n    }\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    switch (eventKey) {\n      case \":\":\n      case \"arrowright\":\n        event.preventDefault();\n        this.moveToNextInput(input);\n        break;\n      case \"arrowleft\":\n        event.preventDefault();\n        this.moveToPreviousInput(input);\n        break;\n      case \"arrowup\":\n      case \"arrowdown\":\n        this.preventAutoFormatting = true;\n        this.handleUpDownArrowKeyPress(input, event);\n        break;\n      case \"backspace\":\n        if (input.value.length === 0) {\n          event.preventDefault();\n          this.moveToPreviousInput(input);\n        }\n        break;\n      default:\n        break;\n    }\n    this.preventInput(event, isInputPrevented);\n    this.isTimeSetFromKeyboardEvent = true;\n  };\n\n  private handleFocus = (event: FocusEvent) => {\n    const input = event.target as HTMLInputElement;\n    input.select();\n  };\n\n  private handleBlur = (event: FocusEvent) => {\n    const input = event.target as HTMLInputElement;\n    if (input === this.millisecondInputEl && this.isSSSFormat()) {\n      if (input.value.length === 1) {\n        input.value = `00${input.value}`;\n        this.setInputValue(input);\n      } else if (input.value.length === 2) {\n        input.value = `0${input.value}`;\n        this.setInputValue(input);\n      }\n      this.setFitToValueStyling(input);\n    } else if (input) {\n      this.autocompleteInput(input);\n    }\n  };\n\n  private handleUpDownArrowKeyPress = (\n    input: HTMLInputElement,\n    event: KeyboardEvent\n  ) => {\n    let minValue = 0;\n    let maxValue = 59;\n    if (input === this.hourInputEl) {\n      minValue = this.timePeriod === \"12\" ? 1 : 0;\n      maxValue = this.timePeriod === \"12\" ? 12 : 23;\n    }\n    let val = +input.value;\n    if (event.key === \"ArrowUp\") {\n      val = val + 1;\n      if (val > maxValue) val = minValue;\n      input.value = val.toString().padStart(2, \"0\");\n      this.notifyScreenReader(input);\n    }\n    if (event.key === \"ArrowDown\") {\n      val = val - 1;\n      if (val < minValue) val = maxValue;\n      input.value = val.toString().padStart(2, \"0\");\n      this.notifyScreenReader(input);\n    }\n    this.setInputValue(input);\n    this.setFitToValueStyling(input);\n  };\n\n  private handleTimeChange = (force: boolean) => {\n    if (force || this.selectedTime !== this.previousSelectedTime) {\n      if (this.value) {\n        this.inputsInOrder.forEach((input) => {\n          input.classList.add(this.FIT_TO_VALUE);\n        });\n      }\n      if (\n        this.hour &&\n        this.minute &&\n        (this.isHHMMFormat() || this.second) &&\n        this.invalidTimeText === \"\"\n      ) {\n        this.setValueAndEmitChange(this.selectedTime);\n        this.notifyScreenReaderSelectedTime();\n      } else if (\n        !(this.selectedTime === null && this.previousSelectedTime === null) &&\n        this.selectedTimeInfoEl\n      ) {\n        this.setValueAndEmitChange(null, true);\n        this.selectedTimeInfoEl.textContent = \"\";\n      }\n      this.previousSelectedTime = this.selectedTime;\n      if (!this.isTimeSetFromKeyboardEvent) {\n        this.updateInputValues(this.hour, this.minute, this.second);\n      }\n    }\n  };\n\n  private setValueAndEmitChange = (value: Date | null, force = false) => {\n    if (this.value !== value || force) {\n      this.emitIcTimeChange(value);\n      this.value = value;\n    }\n  };\n\n  private convertTo24Hour = (hour: number) => {\n    let date24hours = hour;\n    if (this.period === \"PM\" && hour < 12) date24hours = hour + 12;\n    if (this.period === \"AM\" && hour === 12) date24hours = 0;\n\n    return date24hours;\n  };\n\n  private emitIcTimeChange = (t: Date | null) => {\n    const hour = parseInt(this.hour);\n    const minute = parseInt(this.minute);\n    const second = parseInt(this.second);\n    const millisecond = parseInt(this.millisecond);\n    const period = this.period;\n\n    let allSelected = false;\n    if (this.isSSSFormat()) {\n      allSelected =\n        this.hour !== \"\" &&\n        this.minute !== \"\" &&\n        this.second !== \"\" &&\n        this.millisecond !== \"\";\n    } else if (this.timeFormat === this.DEFAULT_TIME_FORMAT) {\n      allSelected =\n        this.hour !== \"\" && this.minute !== \"\" && this.second !== \"\";\n    } else if (this.timeFormat === \"HH:MM\") {\n      allSelected = this.hour !== \"\" && this.minute !== \"\";\n    }\n\n    let time = t;\n    let date24hours = hour;\n    if (\n      hour != null &&\n      period &&\n      this.timePeriod === \"12\" &&\n      this.showAmPmToggle\n    ) {\n      date24hours = this.convertTo24Hour(hour);\n      time = new Date();\n      time.setHours(date24hours ?? 0);\n      time.setMinutes(minute ?? 0);\n      time.setSeconds(second ?? 0);\n      this.isSSSFormat() && time.setMilliseconds(millisecond ?? 0);\n    }\n\n    this.selectedTime = time;\n\n    const allTimePartsEmpty =\n      this.hour === \"\" &&\n      this.minute === \"\" &&\n      this.second === \"\" &&\n      this.millisecond === \"\";\n\n    const onlyPeriodChanged =\n      allTimePartsEmpty &&\n      this.period !== this.previousPeriod &&\n      this.previousHour === \"\" &&\n      this.previousMinute === \"\" &&\n      this.previousSecond === \"\" &&\n      this.previousMillisecond === \"\";\n\n    if (!onlyPeriodChanged) {\n      this.icTimeChange.emit({\n        value: allSelected ? time : null,\n        timeObject: {\n          hour: this.hour === \"\" ? null : this.hour,\n          minute: this.minute === \"\" ? null : this.minute,\n          second: this.second === \"\" ? null : this.second,\n          millisecond: this.millisecond === \"\" ? null : this.millisecond,\n          period: this.period === \"\" ? null : this.period,\n        },\n      });\n    }\n\n    this.previousHour = this.hour;\n    this.previousMinute = this.minute;\n    this.previousSecond = this.second;\n    this.previousMillisecond = this.millisecond;\n    this.previousPeriod = this.period;\n  };\n\n  private setTime = (time?: string | Date | null) => {\n    if (time === null || time === \"\" || time === undefined) {\n      if (this.hour) this.hour = \"\";\n      if (this.minute) this.minute = \"\";\n      if (this.second) this.second = \"\";\n      if (this.millisecond) this.millisecond = \"\";\n      this.inputsInOrder.forEach((input) => {\n        input.classList.remove(this.FIT_TO_VALUE);\n        this.setPreventInput(input, false);\n      });\n      this.handleTimeChange(true);\n    } else {\n      if (typeof time === \"string\") {\n        const zuluMatch = time.match(\n          /^(\\d{2}):(\\d{2}):(\\d{2})(?:\\.(\\d{1,3}))?Z?$/\n        );\n        if (zuluMatch) {\n          this.hour = zuluMatch[1];\n          this.minute = zuluMatch[2];\n          this.second = zuluMatch[3];\n        } else {\n          const parts = time.split(/[:.]/);\n          this.hour = parts[0] || \"\";\n          this.minute = parts[1] || \"\";\n          this.second = parts[2] || \"\";\n          this.millisecond = parts[3] || \"\";\n        }\n      } else if (time instanceof Date) {\n        this.hour = time.getHours().toString().padStart(2, \"0\");\n        this.minute = time.getMinutes().toString().padStart(2, \"0\");\n        this.second = time.getSeconds().toString().padStart(2, \"0\");\n        if (this.isSSSFormat()) {\n          this.millisecond = time.getMilliseconds().toString().padStart(3, \"0\");\n        }\n      }\n    }\n    this.setValidationMessage();\n  };\n\n  private setAriaInvalid = (\n    validHour: boolean,\n    validMinute: boolean,\n    validSecond: boolean,\n    validMillisecond: boolean\n  ) => {\n    if (this.inputsInOrder.length) {\n      this.inputsInOrder.forEach((input) => {\n        input.removeAttribute(this.ARIA_INVALID);\n      });\n      if (!validHour) {\n        this.hourInputEl?.setAttribute(this.ARIA_INVALID, \"true\");\n      }\n      if (!validMinute) {\n        this.minuteInputEl?.setAttribute(this.ARIA_INVALID, \"true\");\n      }\n      if (!validSecond) {\n        this.secondInputEl?.setAttribute(this.ARIA_INVALID, \"true\");\n      }\n      if (!validMillisecond) {\n        this.millisecondInputEl?.setAttribute(this.ARIA_INVALID, \"true\");\n      }\n      if (!(validHour && validMinute && validSecond && validMillisecond)) {\n        this.inputsInOrder.forEach((input) => {\n          input.setAttribute(this.ARIA_INVALID, \"true\");\n        });\n      }\n    }\n  };\n\n  private handleClear = () => {\n    this.clearInput = true;\n    if (this.hourInputEl) {\n      this.hourInputEl.value = \"\";\n    }\n    if (this.minuteInputEl) {\n      this.minuteInputEl.value = \"\";\n    }\n    if (!this.isHHMMFormat() && this.secondInputEl) {\n      this.secondInputEl.value = \"\";\n    }\n    if (this.isSSSFormat() && this.millisecondInputEl) {\n      this.millisecondInputEl.value = \"\";\n    }\n    this.hour = \"\";\n    this.minute = \"\";\n    this.second = \"\";\n    this.millisecond = \"\";\n    this.period = \"AM\";\n    if (this.showAmPmToggle) {\n      this.periodToggleEl\n        ?.querySelectorAll(this.TOGGLE_BUTTON_SELECTOR)\n        .forEach((btn) => {\n          const toggleBtn = btn as HTMLIcToggleButtonElement;\n          if (toggleBtn.label === \"AM\") {\n            toggleBtn.checked = true;\n          } else {\n            toggleBtn.checked = false;\n          }\n        });\n    }\n    this.handleTimeChange(true);\n    this.inputsInOrder.forEach((input) => {\n      input.classList.remove(this.FIT_TO_VALUE);\n      this.setPreventInput(input, false);\n    });\n    this.clearInput = false;\n    this.isTimeSetFromKeyboardEvent = false;\n    this.setValidationMessage();\n    this.invalidTimeText = \"\";\n    if (this.hourInputEl) {\n      this.hourInputEl.focus();\n    }\n  };\n\n  private notifyScreenReaderSelectedTime = () => {\n    if (this.selectedTime && this.selectedTimeInfoEl) {\n      let hours = this.selectedTime.getHours();\n      if (this.timePeriod === \"12\" && this.showAmPmToggle) {\n        hours = this.convertTo24Hour(hours);\n      }\n      const hoursStr = hours.toString().padStart(2, \"0\");\n      const minutesStr = this.selectedTime\n        .getMinutes()\n        .toString()\n        .padStart(2, \"0\");\n      const secondsStr = this.selectedTime\n        .getSeconds()\n        .toString()\n        .padStart(2, \"0\");\n      const msStr = this.selectedTime\n        .getMilliseconds()\n        .toString()\n        .padStart(3, \"0\");\n      if (this.isHHMMFormat()) {\n        this.selectedTimeInfoEl.textContent = `Selected time: ${hoursStr}:${minutesStr}`;\n      } else if (!this.isSSSFormat()) {\n        this.selectedTimeInfoEl.textContent = `Selected time: ${hoursStr}:${minutesStr}:${secondsStr}`;\n      } else {\n        this.selectedTimeInfoEl.textContent = `Selected time: ${hoursStr}:${minutesStr}:${secondsStr}.${msStr}`;\n      }\n    }\n  };\n\n  private setFitToValueStyling = (input: HTMLInputElement) => {\n    if (input.value) {\n      input.classList.add(this.FIT_TO_VALUE);\n    } else {\n      input.classList.remove(this.FIT_TO_VALUE);\n    }\n  };\n\n  private handleHostBlur = () => {\n    this.removeLabelledBy = false;\n    this.icBlur.emit({ value: this.selectedTime });\n  };\n\n  private handleHostFocus = () => {\n    if (\n      this.el.shadowRoot?.activeElement?.id.match(\n        /(hour|minute|second|millisecond)-input$/\n      )\n    ) {\n      this.removeLabelledBy = false;\n    } else {\n      this.removeLabelledBy = true;\n    }\n    this.icFocus.emit({ value: this.selectedTime });\n  };\n\n  private handleFormReset = () => {\n    this.setTime(this.initialValue);\n    this.setValidationMessage();\n    this.handleTimeChange(false);\n  };\n\n  private preventInput = (event: KeyboardEvent, isInputPrevented: boolean) => {\n    const key = event.key;\n    const input = event.target as HTMLInputElement;\n    let selectedString;\n    if (input) {\n      selectedString = input.value.substring(\n        input.selectionStart || 0,\n        input.selectionEnd || undefined\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  private moveToNextInput = (currentInput: HTMLInputElement) => {\n    this.preventAutoFormatting = false;\n    this.inputsInOrder[\n      this.inputsInOrder.findIndex((input) => input === currentInput) + 1\n    ]?.focus();\n  };\n\n  private moveToPreviousInput = (currentInput: HTMLInputElement) => {\n    this.preventAutoFormatting = false;\n    this.inputsInOrder[\n      this.inputsInOrder.findIndex((input) => input === currentInput) - 1\n    ]?.focus();\n  };\n\n  private autocompleteInput = (input: HTMLInputElement) => {\n    const inputValue = input.value;\n    if (inputValue.length === 1) {\n      input.value = `0${inputValue}`;\n    }\n    if (input.value) {\n      this.setInputValue(input);\n    }\n  };\n\n  private convertToTime = (\n    hour: string,\n    minute: string,\n    second: string,\n    millisecond: string | null = null\n  ): Date | null => {\n    if (\n      !isEmptyString(hour) &&\n      !isEmptyString(minute) &&\n      (this.isHHMMFormat() || !isEmptyString(second)) &&\n      (!this.isSSSFormat() ||\n        (millisecond !== null && !isEmptyString(millisecond)))\n    ) {\n      const d = new Date();\n      d.setHours(+hour, +minute, this.isHHMMFormat() ? 0 : +second, 0);\n      if (this.isSSSFormat() && millisecond !== null) {\n        d.setMilliseconds(+millisecond);\n      }\n      return d;\n    } else {\n      return null;\n    }\n  };\n\n  private setInputsInOrder = () => {\n    this.inputsInOrder = [];\n    const shadowInputs = this.el.shadowRoot?.querySelectorAll(\"input\");\n    if (shadowInputs) {\n      shadowInputs.forEach((input) => this.inputsInOrder.push(input));\n    }\n  };\n\n  private updateInputValues = (\n    hour: string,\n    minute: string,\n    second: string\n  ) => {\n    this.hourInputEl && (this.hourInputEl.value = hour);\n    this.minuteInputEl && (this.minuteInputEl.value = minute);\n    this.secondInputEl && (this.secondInputEl.value = second);\n  };\n\n  private removeAriaLabelledBy = () => {\n    this.inputCompContainerEl?.removeAttribute(this.ARIA_LABELLED_BY);\n  };\n\n  private setAriaLabelledBy = () => {\n    if (\n      this.disabled &&\n      this.inputCompContainerEl?.getAttribute(this.ARIA_LABELLED_BY)\n    ) {\n      this.removeAriaLabelledBy();\n      return;\n    }\n    if (this.disabled) {\n      return;\n    }\n    const labelEl = this.el.shadowRoot?.querySelector(\"label\");\n    const labelId = `${this.inputId}-label`;\n    if (labelEl !== null && labelEl !== undefined) {\n      labelEl.id = labelId;\n    }\n    const hasValidation =\n      !isEmptyString(this.validationStatus) ||\n      !isEmptyString(this.invalidTimeText);\n    const labelledBy = `${labelEl?.id ?? \"\"} ${\n      this.screenReaderInfoId\n    } ${getInputDescribedByText(\n      this.el,\n      this.inputId,\n      this.helperText !== \"\" && this.helperText !== this.defaultHelperText,\n      hasValidation\n    )} ${this.selectedTime ? this.selectedTimeInfoId : \"\"} ${\n      this.assistiveHintId\n    }`;\n    this.inputCompContainerEl?.setAttribute(this.ARIA_LABELLED_BY, labelledBy);\n  };\n\n  private getInputsInOrder = () => {\n    const timeParts = this.timeFormat.split(/[:.]/);\n    return timeParts.map((part: string) => {\n      switch (part) {\n        case \"HH\":\n          return (\n            <input\n              class=\"hour-input\"\n              id=\"hour-input\"\n              ref={(el) => (this.hourInputEl = el)}\n              aria-label=\"hour\"\n              placeholder=\"HH\"\n              disabled={this.disabled}\n              aria-required={`${this.required}`}\n              inputmode=\"number\"\n              pattern=\"[0-9]*\"\n              onPaste={this.handlePaste}\n              onKeyDown={(event) =>\n                this.handleKeyDown(event, this.preventHourInput)\n              }\n            ></input>\n          );\n        case \"MM\":\n          return (\n            <input\n              id=\"minute-input\"\n              class=\"minute-input\"\n              ref={(el) => (this.minuteInputEl = el)}\n              aria-label=\"minute\"\n              placeholder=\"MM\"\n              disabled={this.disabled}\n              aria-required={`${this.required}`}\n              inputmode=\"number\"\n              pattern=\"[0-9]*\"\n              onPaste={this.handlePaste}\n              onKeyDown={(event) =>\n                this.handleKeyDown(event, this.preventMinuteInput)\n              }\n            ></input>\n          );\n        case \"SS\":\n          if (!this.isHHMMFormat()) {\n            return (\n              <input\n                id=\"second-input\"\n                class=\"second-input\"\n                ref={(el) => (this.secondInputEl = el)}\n                aria-label=\"second\"\n                placeholder=\"SS\"\n                disabled={this.disabled}\n                aria-required={`${this.required}`}\n                inputmode=\"number\"\n                pattern=\"[0-9]*\"\n                onPaste={this.handlePaste}\n                onKeyDown={(event) =>\n                  this.handleKeyDown(event, this.preventSecondInput)\n                }\n              ></input>\n            );\n          }\n          break;\n        case \"SSS\":\n          if (this.isSSSFormat()) {\n            return (\n              <input\n                id=\"millisecond-input\"\n                class=\"millisecond-input\"\n                ref={(el) => (this.millisecondInputEl = el)}\n                aria-label=\"millisecond\"\n                placeholder=\"SSS\"\n                disabled={this.disabled}\n                aria-required={`${this.required}`}\n                inputmode=\"number\"\n                pattern=\"[0-9]*\"\n                onPaste={this.handlePaste}\n                onKeyDown={(event) =>\n                  this.handleKeyDown(event, this.preventMillisecondInput)\n                }\n              ></input>\n            );\n          }\n          return null;\n        default:\n          return null;\n      }\n    });\n  };\n\n  private getDescOfInputsOrder = () => {\n    if (this.isSSSFormat()) {\n      return \"hour, minute, second, and millisecond\";\n    }\n    return \"hour, minute, and second\";\n  };\n\n  private getScreenReaderInfo = (validationStatus: string) => {\n    let inputDescriptors = \"\";\n    if (this.required) {\n      inputDescriptors += \"required\";\n    }\n    if (validationStatus === IcInformationStatus.Error) {\n      inputDescriptors += \" invalid data\";\n    }\n    return inputDescriptors === \"\" ? \"\" : inputDescriptors + \", \";\n  };\n\n  private notifyScreenReader = (input: HTMLInputElement) => {\n    const liveRegion = this.el.shadowRoot?.querySelector(\"#live-region\");\n    if (liveRegion) {\n      liveRegion.textContent = `${input.value}, ${input.getAttribute(\n        this.ARIA_LABEL\n      )}`;\n    }\n  };\n\n  private handlePaste = (event: ClipboardEvent) => {\n    event.preventDefault();\n    const pastedValue = event.clipboardData?.getData(\"Text\") || \"\";\n    const isValidTime = this.isPastedStringTimeValid(pastedValue);\n    this.setPastedValueAndValidation(isValidTime, pastedValue, event);\n  };\n\n  private handleClearFocus = () => {\n    this.removeLabelledBy = true;\n    this.clearButtonFocused = true;\n    this.isTimeSetFromKeyboardEvent = true;\n  };\n\n  private handleClearBlur = (ev: FocusEvent) => {\n    this.clearButtonFocused = false;\n    this.isTimeSetFromKeyboardEvent = true;\n    const relatedTarget = ev.relatedTarget as HTMLElement | null;\n    if (relatedTarget?.id === \"clock-button\") {\n      this.removeLabelledBy = false;\n      return;\n    }\n    if (relatedTarget?.id.match(/(minute|second|millisecond)-input$/)) {\n      this.removeLabelledBy = false;\n      return;\n    }\n    this.removeLabelledBy = true;\n  };\n\n  private handleClockFocus = () => {\n    this.clockFocused = true;\n  };\n\n  private handleClockBlur = () => {\n    this.clockFocused = false;\n  };\n\n  private isPastedStringTimeValid = (value: string): string | false => {\n    if (this.isHHMMFormat()) {\n      if (/^\\d{2}:\\d{2}$/.test(value)) {\n        return value;\n      }\n    } else if (this.isSSSFormat()) {\n      if (/^\\d{2}:\\d{2}:\\d{2}\\.\\d{1,3}$/.test(value)) {\n        return value;\n      }\n      if (/^\\d{2}:\\d{2}:\\d{2}\\.\\d{1,3}Z$/.test(value)) {\n        return value.replace(\"Z\", \"\");\n      }\n      const isoMatch = value.match(/T(\\d{2}:\\d{2}:\\d{2}\\.\\d{1,3})/);\n      if (isoMatch) {\n        return isoMatch[1];\n      }\n    } else {\n      if (/^\\d{2}:\\d{2}:\\d{2}$/.test(value)) {\n        return value;\n      }\n      if (/^\\d{2}:\\d{2}:\\d{2}Z$/.test(value)) {\n        return value.replace(\"Z\", \"\");\n      }\n      const isoMatch = value.match(/T(\\d{2}:\\d{2}:\\d{2})/);\n      if (isoMatch) {\n        return isoMatch[1];\n      }\n    }\n    return false;\n  };\n\n  private setPastedValueAndValidation = (\n    isValidTime: string | false,\n    pastedValue: string,\n    event: ClipboardEvent\n  ) => {\n    if (isValidTime) {\n      const timeParts = isValidTime.split(/[:.]/);\n      this.inputsInOrder.forEach((input, index) => {\n        input.classList.add(this.FIT_TO_VALUE);\n        let timeValue = timeParts[index] || \"\";\n        if (input === this.millisecondInputEl && this.isSSSFormat()) {\n          timeValue = timeValue.slice(0, 3);\n        } else {\n          timeValue = timeValue.slice(0, 2);\n        }\n        if (input === this.hourInputEl) {\n          let activeToggle: HTMLIcToggleButtonElement | undefined;\n          if (this.timePeriod === \"12\" && this.showAmPmToggle) {\n            if (parseInt(timeValue) > 12) {\n              timeValue = (parseInt(timeValue) - 12)\n                .toString()\n                .padStart(2, \"0\");\n              if (parseInt(timeValue) > 12) {\n                return;\n              } else {\n                this.period = \"PM\";\n                this.periodToggleEl\n                  ?.querySelectorAll(this.TOGGLE_BUTTON_SELECTOR)\n                  .forEach((btn) => {\n                    const toggleBtn = btn as HTMLIcToggleButtonElement;\n                    if (toggleBtn.label === \"PM\") {\n                      activeToggle = toggleBtn;\n                    } else {\n                      toggleBtn.checked = false;\n                    }\n                  });\n                if (activeToggle) {\n                  this.periodToggleEl?.setActiveToggle(activeToggle);\n                  activeToggle.checked = true;\n                }\n                this.invalidTimeText = \"\";\n                this.validationStatus = \"\";\n              }\n            } else {\n              if (parseInt(timeValue) === 0) {\n                timeValue = \"12\";\n              }\n              this.period = \"AM\";\n              this.periodToggleEl\n                ?.querySelectorAll(this.TOGGLE_BUTTON_SELECTOR)\n                .forEach((btn) => {\n                  const toggleBtn = btn as HTMLIcToggleButtonElement;\n                  if (toggleBtn.label === \"AM\") {\n                    activeToggle = toggleBtn;\n                  } else {\n                    toggleBtn.checked = false;\n                  }\n                });\n              if (activeToggle) {\n                this.periodToggleEl?.setActiveToggle(activeToggle);\n                activeToggle.checked = true;\n              }\n              this.invalidTimeText = \"\";\n              this.validationStatus = \"\";\n            }\n          }\n        }\n        input.value = timeValue;\n        this.setInputValue(input);\n        this.autocompleteInput(input);\n      });\n      if (\n        this.isHHMMFormat() &&\n        this.second !== \"\" &&\n        this.millisecond !== \"\"\n      ) {\n        this.second = \"\";\n        this.millisecond = \"\";\n      }\n    } else {\n      const pasted = pastedValue.trim();\n      if ((pasted.length === 1 || pasted.length === 2) && isNumeric(pasted)) {\n        this.setInputPasteValue(event.target, pasted);\n        this.setInputValue(event.target as HTMLInputElement);\n      } else {\n        this.invalidTimeText = `Please paste a valid ${(\n          event.target as HTMLInputElement\n        ).getAttribute(this.ARIA_LABEL)}`;\n        this.validationStatus = IcInformationStatus.Error;\n      }\n    }\n  };\n\n  private handleAMPM = (selectedOption: HTMLIcToggleButtonElement) => {\n    this.period = selectedOption.label!;\n    this.periodToggleEl?.setActiveToggle(selectedOption);\n  };\n\n  render() {\n    const {\n      inputId,\n      label,\n      disabled,\n      helperText,\n      hideHelperText,\n      hideLabel,\n      showClearButton,\n      showClockButton,\n      size,\n      theme,\n      validationAriaLive,\n    } = this;\n    const hasCustomValidation = !isEmptyString(this.validationStatus);\n    const validationStatus = hasCustomValidation\n      ? this.validationStatus\n      : !isEmptyString(this.invalidTimeText)\n      ? IcInformationStatus.Error\n      : \"\";\n    const assistiveHint = `Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;\n    renderHiddenInput(\n      true,\n      this.el,\n      this.name,\n      this.convertToTime(this.hour, this.minute, this.second),\n      this.disabled\n    );\n    const showDivider = !!(\n      showClearButton &&\n      !(\n        isEmptyString(this.hour) &&\n        isEmptyString(this.minute) &&\n        isEmptyString(this.second)\n      )\n    );\n\n    if (this.showAmPmToggle && this.timePeriod !== \"12\") {\n      this.showAmPmToggle = false;\n    }\n\n    return (\n      <Host\n        class={{\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [`ic-time-input-disabled`]: disabled,\n          [`ic-time-input-${size}`]: true,\n        }}\n        onBlur={this.handleHostBlur}\n        onFocus={this.handleHostFocus}\n      >\n        <ic-input-container disabled={disabled}>\n          {!(hideLabel && hideHelperText) && (\n            <ic-input-label\n              for={inputId}\n              label={label}\n              hideLabel={hideLabel}\n              helperText={!hideHelperText ? helperText : \"\"}\n              disabled={disabled}\n            >\n              <slot name=\"helper-text\" slot=\"helper-text\"></slot>\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          <div\n            class={{\n              \"with-am-pm-toggle\": this.showAmPmToggle === true,\n            }}\n          >\n            <ic-input-component-container\n              id={inputId}\n              ref={(el: HTMLIcInputComponentContainerElement) =>\n                (this.inputCompContainerEl = el)\n              }\n              disabled={disabled}\n              validationStatus={validationStatus}\n              size={size}\n              role=\"group\"\n              class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}\n            >\n              <div class=\"input-container\">\n                <div class=\"time-inputs\">\n                  {[\n                    this.getInputsInOrder()[0],\n                    \":\",\n                    this.getInputsInOrder()[1],\n                    !this.isHHMMFormat()\n                      ? [\":\", this.getInputsInOrder()[2]]\n                      : null,\n                    this.isSSSFormat()\n                      ? [\".\", this.getInputsInOrder()[3]]\n                      : null,\n                  ]}\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.hour) &&\n                          isEmptyString(this.minute) &&\n                          isEmptyString(this.second),\n                      }}\n                      disabled={this.disabled}\n                      innerHTML={Clear}\n                      onClick={this.handleClear}\n                      onFocus={this.handleClearFocus}\n                      onBlur={this.handleClearBlur}\n                      variant=\"icon-tertiary\"\n                      theme={this.clearButtonFocused ? \"light\" : \"dark\"}\n                      size={size}\n                    ></ic-button>\n                  )}\n                  {showClockButton && (\n                    <div class=\"show-clock-button-wrapper\">\n                      <div class={{ divider: showDivider, [size]: true }}></div>\n                      <ic-button\n                        id=\"clock-button\"\n                        aria-label=\"Display clock\"\n                        aria-haspopup=\"dialog\"\n                        class=\"clock-button\"\n                        disabled={this.disabled}\n                        innerHTML={Clock}\n                        variant=\"icon-tertiary\"\n                        size={size}\n                        onFocus={this.handleClockFocus}\n                        onBlur={this.handleClockBlur}\n                        theme={this.clockFocused ? \"light\" : \"dark\"}\n                      ></ic-button>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </ic-input-component-container>\n            {this.showAmPmToggle && (\n              <ic-toggle-button-group\n                select-type=\"single\"\n                accessible-label=\"AM PM Toggle\"\n                ref={(el: HTMLIcToggleButtonGroupElement) =>\n                  (this.periodToggleEl = el)\n                }\n                disabled={disabled}\n                class=\"am-pm-toggle\"\n                select-method=\"auto\"\n                onIcChange={(e: any) =>\n                  this.handleAMPM(e.detail.selectedOption)\n                }\n                onKeyDown={(e: KeyboardEvent) => {\n                  if (e.key === \"Tab\" && e.shiftKey) {\n                    e.preventDefault();\n                    if (this.inputsInOrder && this.inputsInOrder.length > 0) {\n                      const lastInput = this.inputsInOrder[\n                        this.inputsInOrder.length - 1\n                      ] as HTMLElement;\n                      lastInput?.focus();\n                    }\n                  }\n                }}\n              >\n                <ic-toggle-button\n                  label=\"AM\"\n                  disabled={disabled}\n                  checked={true}\n                ></ic-toggle-button>\n                <ic-toggle-button\n                  label=\"PM\"\n                  disabled={disabled}\n                ></ic-toggle-button>\n              </ic-toggle-button-group>\n            )}\n          </div>\n          <span id={this.selectedTimeInfoId} class=\"sr-only\" aria-live=\"polite\">\n            <span\n              ref={(el) => (this.selectedTimeInfoEl = el)}\n              role=\"status\"\n            ></span>\n          </span>\n          <ic-input-validation\n            status={validationStatus}\n            message={\n              hasCustomValidation ? this.validationText : this.invalidTimeText\n            }\n            for={inputId}\n            ariaLiveMode={validationAriaLive}\n          ></ic-input-validation>\n        </ic-input-container>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-adde6c66.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,g as h}from"./p-8e4e97b4.js";const e="context-id";const a=class{constructor(s){t(this,s);this.icTabSelect=i(this,"icTabSelect",3);this.newTabPanels=[];this.newTabs=[];this.activationType="automatic";this.contextId="default";this.monochrome=false;this.theme="inherit";this.linkTabs=()=>{this.tabs.forEach(((t,i)=>{const s=`ic-tab-${i}-context-${this.contextId}`;const h=`ic-tab-panel-${i}-context-${this.contextId}`;t.setAttribute("id",s);t.tabId=`ic-tab--${i}-context-${this.contextId}`;t.tabPosition=i;t.setAttribute("aria-controls",h);this.tabPanels[i].setAttribute("id",h);this.tabPanels[i].setAttribute("aria-labelledby",s);if(this.contextId){t.setAttribute(e,this.contextId);this.tabGroup&&this.tabGroup.setAttribute(e,this.contextId);this.tabPanels[i].setAttribute(e,this.contextId)}t.theme=this.theme;this.tabPanels[i].theme=this.theme;this.tabGroup&&(this.tabGroup.theme=this.theme)}))};this.getChildren=()=>{var t;this.tabGroup=this.el.querySelector("ic-tab-group");this.tabs=Array.from(((t=this.tabGroup)===null||t===void 0?void 0:t.querySelectorAll("ic-tab"))||[]);this.tabPanels=Array.from(this.el.children).filter((t=>t.tagName==="IC-TAB-PANEL"));this.enabledTabs=this.getEnabledTabs()};this.keydownHandler=t=>{const i=this.activationType==="manual";const s=this.enabledTabs.findIndex((t=>t.tabId===this.tabs[i?this.focusedTabIndex:this.selectedTab||0].tabId));const h=i?this.keyboardFocusTab:this.keyboardSelectTab;let e=true;switch(t.key){case"Home":h(0);break;case"End":h(this.enabledTabs.length-1);break;case"ArrowRight":h(s<this.enabledTabs.length-1?s+1:0);break;case"ArrowLeft":h((s>0?s:this.enabledTabs.length)-1);break;default:if(i&&(t.key==="Enter"||t.key===" ")){this.keyboardSelectTab(this.focusedTabIndex)}else{e=false}}if(e)t.preventDefault()};this.setInitialTab=()=>{if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex;this.focusedTabIndex=this.selectedTabIndex}else{const t=this.tabs.findIndex((t=>t.tabId===this.enabledTabs[0].tabId));this.selectedTab=t;this.focusedTabIndex=t}};this.configureTabs=()=>{this.enabledTabs.forEach((t=>{t.selected=t.tabPosition===this.selectedTab}));this.tabPanels.forEach(((t,i)=>{t.active=i===this.selectedTab}))};this.getEnabledTabs=()=>Array.from(this.tabs).filter((t=>!t.disabled));this.keyboardSelectTab=t=>{var i,s;const h=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId));this.enabledTabs[t].focus();if(this.selectedTabIndex===undefined){this.selectedTab=h}else{this.icTabSelect.emit({tabIndex:h,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[h])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""})}};this.keyboardFocusTab=t=>{this.enabledTabs[t].focus();this.focusedTabIndex=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId))}}updateSelectedTab(t){this.selectedTab=t}watchMonochromeHandler(){this.tabs.forEach(((t,i)=>{t.monochrome=this.monochrome;this.tabPanels[i].monochrome=this.monochrome}));this.tabGroup&&(this.tabGroup.monochrome=this.monochrome)}watchThemeHandler(){this.tabs.forEach(((t,i)=>{t.theme=this.theme;this.tabPanels[i].theme=this.theme}));this.tabGroup&&(this.tabGroup.theme=this.theme)}componentDidLoad(){if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex}this.getChildren();this.linkTabs();this.tabGroup&&this.tabGroup.addEventListener("keydown",this.keydownHandler);this.setInitialTab();this.configureTabs()}componentWillUpdate(){this.configureTabs()}disconnectedCallback(){var t;(t=this.tabGroup)===null||t===void 0?void 0:t.removeEventListener("keydown",this.keydownHandler)}tabClickHandler(t){var i,s;if(this.selectedTabIndex===undefined&&t.detail.contextId===this.contextId){this.selectedTab=t.detail.position}this.icTabSelect.emit({tabIndex:t.detail.position,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[t.detail.position])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""});t.stopImmediatePropagation()}tabCreatedHandler(t){if(this.tabs&&this.tabPanels){(t.detail.setFocus?this.newTabs:this.newTabPanels).push(t.detail);if(this.newTabs.length===this.newTabPanels.length){this.tabs.push(...this.newTabs);this.tabPanels.push(...this.newTabPanels);this.enabledTabs=this.getEnabledTabs();this.linkTabs();if(this.selectedTab&&(!this.tabs[this.selectedTab]||!this.tabPanels[this.selectedTab]))this.setInitialTab();this.configureTabs();this.newTabs=[];this.newTabPanels=[]}}}tabEnabledHandler(){this.enabledTabs=this.getEnabledTabs()}async setFocus(){if(this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}async tabRemovedHandler(t){this.getChildren();this.linkTabs();if(this.selectedTab&&this.tabs[this.selectedTab]&&this.tabPanels[this.selectedTab]){this.tabs[this.selectedTab].selected=true}else{this.setInitialTab()}if(t&&this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}render(){return s("slot",{key:"10bbbe55408243a3a5665b6f079a2b88912abb61"})}get el(){return h(this)}static get watchers(){return{selectedTabIndex:["updateSelectedTab"],monochrome:["watchMonochromeHandler"],theme:["watchThemeHandler"]}}};export{a as ic_tab_context};
-//# sourceMappingURL=p-adde6c66.entry.js.map

package/dist/core/p-adde6c66.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CONTEXT_ID_ATTR","TabContext","constructor","hostRef","this","newTabPanels","newTabs","activationType","contextId","monochrome","theme","linkTabs","tabs","forEach","tab","index","tabId","tabPanelId","setAttribute","tabPosition","tabPanels","tabGroup","getChildren","_a","el","querySelector","Array","from","querySelectorAll","children","filter","child","tagName","enabledTabs","getEnabledTabs","keydownHandler","event","isManual","enabledTabIndex","findIndex","focusedTabIndex","selectedTab","keyboardFunction","keyboardFocusTab","keyboardSelectTab","preventDefault","key","length","setInitialTab","selectedTabIndex","undefined","firstEnabledTabIndex","configureTabs","selected","tabPanel","active","disabled","_b","newIndex","focus","icTabSelect","emit","tabIndex","tabLabel","textContent","trim","updateSelectedTab","newValue","watchMonochromeHandler","watchThemeHandler","componentDidLoad","addEventListener","componentWillUpdate","disconnectedCallback","removeEventListener","tabClickHandler","detail","position","stopImmediatePropagation","tabCreatedHandler","ev","setFocus","push","tabEnabledHandler","tabRemovedHandler","hadFocus","render","h"],"sources":["../web-components/dist/collection/components/ic-tab-context/ic-tab-context.js"],"sourcesContent":["import { h, } from \"@stencil/core\";\nconst CONTEXT_ID_ATTR = \"context-id\";\nexport class TabContext {\n    constructor() {\n        this.newTabPanels = [];\n        this.newTabs = [];\n        /**\n         * Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation.\n         */\n        this.activationType = \"automatic\";\n        /**\n         * The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.\n         */\n        this.contextId = \"default\";\n        /**\n         * If `true`, the tabs will display as black in the light theme.\n         */\n        this.monochrome = false;\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /** Sets attributes to link tab-group, tabs and tab-panels */\n        this.linkTabs = () => {\n            this.tabs.forEach((tab, index) => {\n                const tabId = `ic-tab-${index}-context-${this.contextId}`;\n                const tabPanelId = `ic-tab-panel-${index}-context-${this.contextId}`;\n                tab.setAttribute(\"id\", tabId);\n                tab.tabId = `ic-tab--${index}-context-${this.contextId}`;\n                tab.tabPosition = index;\n                tab.setAttribute(\"aria-controls\", tabPanelId);\n                this.tabPanels[index].setAttribute(\"id\", tabPanelId);\n                this.tabPanels[index].setAttribute(\"aria-labelledby\", tabId);\n                if (this.contextId) {\n                    tab.setAttribute(CONTEXT_ID_ATTR, this.contextId);\n                    this.tabGroup &&\n                        this.tabGroup.setAttribute(CONTEXT_ID_ATTR, this.contextId);\n                    this.tabPanels[index].setAttribute(CONTEXT_ID_ATTR, this.contextId);\n                }\n                tab.theme = this.theme;\n                this.tabPanels[index].theme = this.theme;\n                this.tabGroup && (this.tabGroup.theme = this.theme);\n            });\n        };\n        /**\n         * Gets tabs and tabpanels with the same context ID using querySelector to selector the children in relation to the host\n         */\n        this.getChildren = () => {\n            var _a;\n            this.tabGroup = this.el.querySelector(\"ic-tab-group\");\n            this.tabs = Array.from(((_a = this.tabGroup) === null || _a === void 0 ? void 0 : _a.querySelectorAll(\"ic-tab\")) || []);\n            this.tabPanels = Array.from(this.el.children).filter((child) => child.tagName === \"IC-TAB-PANEL\");\n            this.enabledTabs = this.getEnabledTabs();\n        };\n        this.keydownHandler = (event) => {\n            const isManual = this.activationType === \"manual\";\n            const enabledTabIndex = this.enabledTabs.findIndex((tab) => tab.tabId ===\n                this.tabs[isManual ? this.focusedTabIndex : this.selectedTab || 0].tabId);\n            const keyboardFunction = isManual\n                ? this.keyboardFocusTab\n                : this.keyboardSelectTab;\n            let preventDefault = true;\n            switch (event.key) {\n                case \"Home\":\n                    keyboardFunction(0);\n                    break;\n                case \"End\":\n                    keyboardFunction(this.enabledTabs.length - 1);\n                    break;\n                case \"ArrowRight\":\n                    keyboardFunction(enabledTabIndex < this.enabledTabs.length - 1\n                        ? enabledTabIndex + 1\n                        : 0);\n                    break;\n                case \"ArrowLeft\":\n                    keyboardFunction((enabledTabIndex > 0 ? enabledTabIndex : this.enabledTabs.length) - 1);\n                    break;\n                default:\n                    if (isManual && (event.key === \"Enter\" || event.key === \" \")) {\n                        this.keyboardSelectTab(this.focusedTabIndex);\n                    }\n                    else {\n                        preventDefault = false;\n                    }\n            }\n            if (preventDefault)\n                event.preventDefault();\n        };\n        /** Sets the tab that is selected on initial render */\n        this.setInitialTab = () => {\n            if (this.selectedTabIndex !== undefined) {\n                this.selectedTab = this.selectedTabIndex;\n                this.focusedTabIndex = this.selectedTabIndex;\n            }\n            else {\n                const firstEnabledTabIndex = this.tabs.findIndex((tab) => tab.tabId === this.enabledTabs[0].tabId);\n                this.selectedTab = firstEnabledTabIndex;\n                this.focusedTabIndex = firstEnabledTabIndex;\n            }\n        };\n        /** Passes the selected tab to the tab and tab panel components */\n        this.configureTabs = () => {\n            this.enabledTabs.forEach((tab) => {\n                tab.selected = tab.tabPosition === this.selectedTab;\n            });\n            this.tabPanels.forEach((tabPanel, index) => {\n                tabPanel.active = index === this.selectedTab;\n            });\n        };\n        this.getEnabledTabs = () => Array.from(this.tabs).filter((child) => !child.disabled);\n        /** Sets focus on tab and selects it */\n        this.keyboardSelectTab = (enabledTabIndex) => {\n            var _a, _b;\n            const newIndex = this.tabs.findIndex((tab) => tab.tabId === this.enabledTabs[enabledTabIndex].tabId);\n            this.enabledTabs[enabledTabIndex].focus();\n            if (this.selectedTabIndex === undefined) {\n                this.selectedTab = newIndex;\n            }\n            else {\n                /* eslint-disable no-unexpected-multiline */\n                this.icTabSelect.emit({\n                    tabIndex: newIndex,\n                    tabLabel: ((_b = (_a = this.el.querySelectorAll(\"ic-tab\")[newIndex]) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) ||\n                        \"\",\n                });\n            }\n        };\n        /** Sets focus on tab without selecting it (for manual activation) */\n        this.keyboardFocusTab = (enabledTabIndex) => {\n            this.enabledTabs[enabledTabIndex].focus();\n            this.focusedTabIndex = this.tabs.findIndex((tab) => tab.tabId === this.enabledTabs[enabledTabIndex].tabId);\n        };\n    }\n    updateSelectedTab(newValue) {\n        this.selectedTab = newValue;\n    }\n    watchMonochromeHandler() {\n        this.tabs.forEach((tab, index) => {\n            tab.monochrome = this.monochrome;\n            this.tabPanels[index].monochrome = this.monochrome;\n        });\n        this.tabGroup && (this.tabGroup.monochrome = this.monochrome);\n    }\n    watchThemeHandler() {\n        this.tabs.forEach((tab, index) => {\n            tab.theme = this.theme;\n            this.tabPanels[index].theme = this.theme;\n        });\n        this.tabGroup && (this.tabGroup.theme = this.theme);\n    }\n    componentDidLoad() {\n        if (this.selectedTabIndex !== undefined) {\n            this.selectedTab = this.selectedTabIndex;\n        }\n        this.getChildren();\n        this.linkTabs();\n        this.tabGroup &&\n            this.tabGroup.addEventListener(\"keydown\", this.keydownHandler);\n        this.setInitialTab();\n        this.configureTabs();\n    }\n    componentWillUpdate() {\n        this.configureTabs();\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.tabGroup) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"keydown\", this.keydownHandler);\n    }\n    tabClickHandler(event) {\n        var _a, _b;\n        if (this.selectedTabIndex === undefined &&\n            event.detail.contextId === this.contextId) {\n            this.selectedTab = event.detail.position;\n        }\n        /* eslint-disable no-unexpected-multiline */\n        this.icTabSelect.emit({\n            tabIndex: event.detail.position,\n            tabLabel: ((_b = (_a = this.el\n                .querySelectorAll(\"ic-tab\")[event.detail.position]) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || \"\",\n        });\n        /* eslint-enable no-unexpected-multiline */\n        event.stopImmediatePropagation();\n    }\n    tabCreatedHandler(ev) {\n        if (this.tabs && this.tabPanels) {\n            (ev.detail.setFocus ? this.newTabs : this.newTabPanels).push(ev.detail);\n            if (this.newTabs.length === this.newTabPanels.length) {\n                this.tabs.push(...this.newTabs);\n                this.tabPanels.push(...this.newTabPanels);\n                this.enabledTabs = this.getEnabledTabs();\n                this.linkTabs();\n                if (this.selectedTab &&\n                    (!this.tabs[this.selectedTab] || !this.tabPanels[this.selectedTab]))\n                    this.setInitialTab();\n                this.configureTabs();\n                this.newTabs = [];\n                this.newTabPanels = [];\n            }\n        }\n    }\n    tabEnabledHandler() {\n        this.enabledTabs = this.getEnabledTabs();\n    }\n    /**\n     * Sets focus on the tab context.\n     */\n    async setFocus() {\n        if (this.selectedTab != null) {\n            this.tabs[this.selectedTab].setFocus();\n        }\n    }\n    /**\n     * @internal Used to set tab/tab panel IDs when a tab/tab panel has been removed\n     */\n    async tabRemovedHandler(hadFocus) {\n        this.getChildren();\n        this.linkTabs();\n        if (this.selectedTab &&\n            this.tabs[this.selectedTab] &&\n            this.tabPanels[this.selectedTab]) {\n            this.tabs[this.selectedTab].selected = true;\n        }\n        else {\n            this.setInitialTab();\n        }\n        if (hadFocus && this.selectedTab != null) {\n            this.tabs[this.selectedTab].setFocus();\n        }\n    }\n    render() {\n        return h(\"slot\", { key: '10bbbe55408243a3a5665b6f079a2b88912abb61' });\n    }\n    static get is() { return \"ic-tab-context\"; }\n    static get properties() {\n        return {\n            \"activationType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcActivationTypes\",\n                    \"resolved\": \"\\\"automatic\\\" | \\\"manual\\\" | undefined\",\n                    \"references\": {\n                        \"IcActivationTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcActivationTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"activation-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"automatic\\\"\"\n            },\n            \"contextId\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"context-id\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"selectedTabIndex\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The selected tab to be controlled by the user. Must be used alongside the icTabSelect event to manage tab selection.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"selected-tab-index\",\n                \"reflect\": false\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the tabs will display as black in the light theme.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"selectedTab\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icTabSelect\",\n                \"name\": \"icTabSelect\",\n                \"bubbles\": false,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a user selects a tab.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcTabSelectEventDetail\",\n                    \"resolved\": \"IcTabSelectEventDetail\",\n                    \"references\": {\n                        \"IcTabSelectEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-tab/ic-tab.types\",\n                            \"id\": \"src/components/ic-tab/ic-tab.types.ts::IcTabSelectEventDetail\"\n                        }\n                    }\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 tab context.\",\n                    \"tags\": []\n                }\n            },\n            \"tabRemovedHandler\": {\n                \"complexType\": {\n                    \"signature\": \"(hadFocus?: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"hadFocus\",\n                            \"type\": \"boolean | undefined\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to set tab/tab panel IDs when a tab/tab panel has been removed\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"selectedTabIndex\",\n                \"methodName\": \"updateSelectedTab\"\n            }, {\n                \"propName\": \"monochrome\",\n                \"methodName\": \"watchMonochromeHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemeHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"tabClick\",\n                \"method\": \"tabClickHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"tabCreated\",\n                \"method\": \"tabCreatedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"tabPanelCreated\",\n                \"method\": \"tabCreatedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"tabEnabled\",\n                \"method\": \"tabEnabledHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-tab-context.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-b434bd7c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,f as i,h as r,H as n,g as a,F as e}from"./p-8e4e97b4.js";import{C as c,v as s,r as d,t as u,a2 as b,j as l,I as h,i as m,o as v,a3 as p}from"./p-e519f607.js";import{c as g}from"./p-aae38bee.js";const y=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>\n</svg>`;const f='/*! 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;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary:not(.ic-button-disabled)) ::slotted(svg){color:var(--ic-button-primary-icon)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){--ic-typography-color:var(--ic-button-primary-text);color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;--ic-typography-color:var(--ic-button-primary-text-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important;--ic-typography-color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-active\n  ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-active\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-border-pressed);--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-active\n  )}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(--ic-button-secondary-background) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-image:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-image:var(\n    --ic-button-secondary-background-non-transparent-hover\n  ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-image:var(\n    --ic-button-secondary-background-non-transparent-active\n  )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-image:var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-secondary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(--ic-button-secondary-background-monochrome)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(--ic-button-secondary-background-monochrome) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active);--ic-typography-color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-active\n  ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.background) .button,:host(.ic-button-variant-icon-tertiary.background) .button{background-color:var(--ic-button-tertiary-background)}:host(.ic-button-variant-tertiary.background) ::slotted(a),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a){background-color:var(--ic-button-tertiary-background) !important}:host(.ic-button-variant-tertiary.background) .button:hover,:host(.ic-button-variant-icon-tertiary.background) .button:hover{background-image:var(--ic-button-tertiary-background-non-transparent-hover)}:host(.ic-button-variant-tertiary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:hover){background-image:var(\n    --ic-button-tertiary-background-non-transparent-hover\n  ) !important}:host(.ic-button-variant-tertiary.background) .button:active,:host(.ic-button-variant-icon-tertiary.background) .button:active{background-image:var(--ic-button-tertiary-background-non-transparent-active)}:host(.ic-button-variant-tertiary.background) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:active){background-image:var(\n    --ic-button-tertiary-background-non-transparent-active\n  ) !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome);--ic-typography-color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.background.monochrome) .button,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button{background-color:var(--ic-button-tertiary-background-monochrome)}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a){background-color:var(--ic-button-tertiary-background-monochrome) !important}:host(.ic-button-variant-tertiary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:hover{background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-hover\n  )}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a:hover){background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-hover\n  ) !important}:host(.ic-button-variant-tertiary.background.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:active{background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-active\n  )}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a:active){background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-active\n  ) !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;--ic-typography-color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-color-icon-disabled-mid);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs);color:var(--ic-button-primary-icon)}:host(.ic-button-variant-icon-primary.monochrome) .button,:host(.ic-button-variant-primary.monochrome:not(.ic-button-disabled)) ::slotted(svg){color:var(--ic-button-primary-icon-monochrome)}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none}:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus,:host(.clock-button) .button:focus{box-shadow:none}:host(.clear-button) .button,:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.clear-button) .button:hover,:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name="router-item"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-dark-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-dark-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover-dark\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed-dark\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-dark\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-pressed-dark\n  )}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-light-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-light-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-light\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-default\n  )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}:host(.ic-button-variant-primary:not(.ic-button-disabled)) ::slotted(svg){color:currentcolor !important}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}';const k=f;var x=undefined&&undefined.__rest||function(t,o){var i={};for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0)i[r]=t[r];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var n=0,r=Object.getOwnPropertySymbols(t);n<r.length;n++){if(o.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n]))i[r[n]]=t[r[n]]}return i};let w=0;const z=class{constructor(r){t(this,r);this.icBlur=o(this,"icBlur",7);this.icFileSelection=o(this,"icFileSelection",7);this.icFocus=o(this,"icFocus",7);this.buttonIdNum=w++;this.hasTooltip=false;this.inheritedAttributes={};this.describedbyEl=null;this.mutationObserver=null;this.hostMutationObserver=null;this.ariaLabel="";this.title="";this.accept="*";this.disabled=false;this.disableTooltip=false;this.download=false;this.dropdown=false;this.dropdownExpanded=false;this.fileUpload=false;this.fileInputName=`ic-button-file-upload-input-${w++}`;this.fullWidth=false;this.loading=false;this.monochrome=false;this.multiple=false;this.size="medium";this.theme="inherit";this.tooltipFixedPositioning=false;this.tooltipPlacement="bottom";this.transparentBackground=true;this.type="button";this.variant="primary";this.getSlottedIcon=t=>this.el.querySelector(`[slot="${t}-icon"]`);this.handleClick=()=>{if((this.el.type==="submit"||this.el.type==="reset")&&!this.hasRouterSlot()&&(this.form||!!this.el.closest("FORM"))){const t=this.form?document.querySelector(`form[id=${this.form}]`):this.el.closest("FORM");c(t,this.el)}};this.handleKeyDown=t=>{if(t.key==="Escape"&&this.hasTooltip){this.closeButtonTooltip(t)}};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.updateAriaDescribedbyClone=()=>{var t,o;if(this.describedbyNode){const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#describedby-wrapper");if(!i){(o=this.el.shadowRoot)===null||o===void 0?void 0:o.appendChild(Object.assign(document.createElement("div"),{id:"describedby-wrapper",className:"ic-button-describedby"}))}while(i===null||i===void 0?void 0:i.firstChild)i.firstChild.remove();i===null||i===void 0?void 0:i.appendChild(this.describedbyNode)}};this.mutationCallback=()=>{var t;if(this.describedbyEl)this.describedbyNode=(t=this.describedbyEl)===null||t===void 0?void 0:t.cloneNode(true)};this.hostMutationCallback=t=>{let o=false;t.forEach((({attributeName:t})=>{if(t){const i=this.el.getAttribute(t);if(i){if(t==="title")this.title=i;else if(t==="aria-label")this.ariaLabel=i;if(s.includes(t)){this.inheritedAttributes[t]=i;o=true}}}}));if(o){i(this)}};this.setHasTooltip=()=>{this.hasTooltip=!this.disableTooltip&&(!!this.title||!!this.isIconVariant())};this.isIconVariant=()=>this.variant.startsWith("icon");this.arrangeRouterItem=()=>{var t;const o=(t,o)=>{Object.entries(o).forEach((([o,i])=>{t.style.setProperty(o,i)}))};if(this.routerSlot){const i=document.createElement("ic-typography");o(i,{"font-family":"var(--ic-font-body-family)","font-size":"0.875rem","font-weight":"600"});o(this.routerSlot,{gap:"0"});const r=this.routerSlot.querySelector("svg");const n=r===null||r===void 0?void 0:r.getAttribute("slot");const a=document.createElement("div");if(r){o(r,{fill:"currentcolor"});if(n==="top-icon"){o(this.routerSlot,{display:"flex","flex-direction":"column","--height":"fit-content"})}else if(n){const t=n==="left-icon"?"right":"left";o(a,{[`margin-${t}`]:"var(--ic-space-xs)"})}a.append(r)}const e=this.routerSlot.querySelector("ic-badge");const c=(t=this.routerSlot.textContent)===null||t===void 0?void 0:t.trim();if(e)a.append(e);if(c)i.textContent=c;this.routerSlot.textContent="";if(n==="right-icon"){this.routerSlot.append(i);this.routerSlot.append(a)}else{this.routerSlot.append(a);this.routerSlot.append(i)}}}}watchDescribedbyNodeHandler(){this.updateAriaDescribedbyClone()}watchDisabledHandler(){d(this.disabled,this.el)}watchVariantHandler(t){if(t==="icon")this.variant="icon-tertiary"}disconnectedCallback(){var t,o;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(o=this.hostMutationObserver)===null||o===void 0?void 0:o.disconnect()}componentWillUpdate(){if(this.loading){this.el.style.setProperty("--min-width",`${this.el.getBoundingClientRect().width}px`)}this.setHasTooltip()}componentWillLoad(){const t=u(this.el,[...s,"title"]),{title:o,"aria-label":i}=t,r=x(t,["title","aria-label"]);this.title=o;this.ariaLabel=i;this.inheritedAttributes=r;d(this.disabled,this.el);this.el.setAttribute("exportparts","button");this.id=this.el.id||null;this.setHasTooltip();if(!this.hasTooltip){const t=this.inheritedAttributes["aria-describedby"];if(t){this.describedById=t;const o=document.querySelector(`#${t}`);if(o){this.describedbyEl=o;this.describedbyNode=o.cloneNode(true)}}}if(this.variant==="icon"){this.variant="icon-tertiary"}}componentDidLoad(){this.updateTheme();if(typeof MutationObserver!=="undefined"){if(this.describedbyEl&&this.describedById){this.mutationObserver=new MutationObserver(this.mutationCallback);this.mutationObserver.observe(this.describedbyEl,{characterData:true,childList:true,subtree:true})}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true});if(this.hasRouterSlot())this.arrangeRouterItem()}this.updateAriaDescribedbyClone()}componentWillRender(){const t=this.getSlottedIcon("left")||this.getSlottedIcon("right");t===null||t===void 0?void 0:t.setAttribute("viewBox","0 0 24 24")}handleHostClick(t){if(!this.hasRouterSlot()){if(this.fileUpload){b(this.icFileSelection,this.el,!!this.multiple,!!this.disabled,this.accept,this.fileInputName,this.selectedFiles)}if(this.disabled||this.loading){t.stopImmediatePropagation()}if(this.dropdown){this.dropdownExpanded=!this.dropdownExpanded}}}brandChangeHandler({detail:t}){this.updateTheme(t.mode)}async setFocus(){var t;(t=this.buttonEl)===null||t===void 0?void 0:t.focus()}async closeButtonTooltip(t){var o;const i=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.querySelector("ic-tooltip");if(i&&await i.isTooltipVisible()){i.displayTooltip(false);t.preventDefault();t.stopImmediatePropagation()}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}updateTheme(t=null){const o=l(this.el,t);if(o!==h.Default){this.theme=o===h.Light?h.Dark:h.Light;this.monochrome=true}}render(){const{ariaControlsId:t,ariaLabel:o,ariaOwnsId:i,buttonIdNum:a,describedById:c,disabled:s,download:d,dropdown:u,dropdownExpanded:b,form:l,formaction:h,formenctype:v,formmethod:p,formnovalidate:g,formtarget:f,fullWidth:k,handleClick:x,handleKeyDown:w,hasTooltip:z,href:$,hreflang:j,id:L,inheritedAttributes:H,isIconVariant:D,loading:C,monochrome:O,onBlur:T,onFocus:B,referrerpolicy:I,rel:M,size:P,target:F,theme:q,title:N,tooltipFixedPositioning:E,tooltipPlacement:W,transparentBackground:R,type:V,variant:_}=this;const A=$?"a":"button";const X=A==="button"?{type:V,disabled:s,form:l,formaction:h,formenctype:v,formmethod:p,formnovalidate:g,formtarget:f}:{download:d!==false?d:null,href:$,rel:M,target:F,referrerpolicy:I,hreflang:j};const K=z?`ic-button-with-tooltip-${L||a}`:undefined;const S=!z?c:`ic-tooltip-${K}`;const G=!!this.getSlottedIcon("left");const U=!!this.getSlottedIcon("right");const Z=()=>this.hasRouterSlot()?r("slot",{name:"router-item"}):r(A,Object.assign({class:"button",tabindex:0,"aria-disabled":C||s?"true":null,"aria-label":C?"Loading":o,"aria-expanded":u&&`${b}`},X,H,{onFocus:B,onBlur:T,ref:t=>this.buttonEl=t,"aria-describedby":S,part:"button"}),C?r("div",{class:"loading-container"},r("ic-loading-indicator",{type:"linear",monochrome:O,theme:q})):r(e,null,(G||!!this.getSlottedIcon("top")&&!U)&&r("div",{class:"icon-container"},r("slot",{name:`${G?"left":"top"}-icon`})),r("slot",null),!u?U&&r("div",{class:{"icon-container":true,"right-icon":true}},r("slot",{name:"right-icon"})):_!=="icon"&&_!=="destructive"&&r("span",{class:b?"dropdown-expanded":"arrow-dropdown",innerHTML:y})));return r(n,{key:"4e15c7ddb5f7d220f52848c36fc9b26932daeb8e",class:{"ic-button-disabled":s&&!C,"ic-button-full-width":k,"ic-button-loading":C,[`ic-button-size-${P}`]:true,[`ic-button-variant-${_}`]:true,[`ic-theme-${q}`]:q!=="inherit",background:(_==="secondary"||_==="tertiary")&&!R&&!s,"dropdown-no-icon":u&&!m(this.el,"icon")&&!m(this.el,"left-icon"),monochrome:O,"top-icon":m(this.el,"top-icon"),"with-badge":m(this.el,"badge")},onClick:x,onKeyDown:w,"aria-owns":i,"aria-controls":t,"aria-expanded":u&&`${b}`},z&&r("ic-tooltip",{key:"a6b3305c993a950f41b2cc44812a35239b4ef717",id:S,label:N||o,target:K,placement:W,fixedPositioning:E,silent:D()&&!!o},r(Z,{key:"146f8c894991641b88313d8947c5ac4e1d204049"})),m(this.el,"badge")&&r("slot",{key:"4aede0d2f30748690130dfba00612b3adc859c10",name:"badge"}),!z&&r(Z,{key:"bf1fd18f9c47ea1199babace3584855499a2776c"}))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{describedbyNode:["watchDescribedbyNodeHandler"],disabled:["watchDisabledHandler"],variant:["watchVariantHandler"]}}};z.style=k;const $='/*! 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;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host(.ic-loading-indicator-size-small){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host(.ic-loading-indicator-size-medium){--circular-diameter:5rem}:host(.ic-loading-indicator-size-large){--circular-diameter:7.5rem}:host(.ic-loading-indicator-size-icon){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-circular-outer[aria-valuenow="0"] .ic-loading-circular-inner,.ic-loading-linear-outer[aria-valuenow="0"] .ic-loading-linear-inner{--inner-color:var(--outer-color)}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}.inner-label{height:100%;display:grid}.inner-label .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}';const j=$;const L={large:120,medium:80,small:40,icon:20};const H=class{constructor(o){t(this,o);this.labelList=[];this.circularDiameter=0;this.circularLineWidth=0;this.circularDimensions={x:0,y:0,r:0};this.clipInnerElement=false;this.description="Loading";this.fullWidth=false;this.labelDuration=8e3;this.max=100;this.min=0;this.monochrome=false;this.size="medium";this.theme="inherit";this.type="circular";this.getLabel=t=>new Promise((()=>{this.interval=setInterval((()=>{if(t<this.labelList.length-1){t++}else{t=0}this.indicatorLabel=this.labelList[t]}),this.labelDuration)}));this.getLabelVariant=()=>{const t=this.type==="circular"?this.calculateWidth():0;if(this.size==="small"||t&&t<60){return"label"}else if(this.size==="large"||t>=120){return"h2"}return"h4"};this.calculateWidth=()=>{var t,o,i;if((t=this.outerElement)===null||t===void 0?void 0:t.offsetWidth)return this.outerElement.offsetWidth;if(this.outerElement){const{width:t}=window.getComputedStyle(this.outerElement);if(t){if(((o=t.match(/\D+$/))===null||o===void 0?void 0:o[0])!=="%")return parseFloat(t);const r=(i=this.outerElement.parentElement)===null||i===void 0?void 0:i.offsetWidth;if(r)return r*(parseFloat(t)/100)}}return L[this.size]};this.calculateProportion=t=>{const o=Math.min(this.max,Math.max(this.min,t));return(o-this.min)/(this.max-this.min)};this.setLinearDeterminateWidth=()=>{if(!this.innerElement||!this.progress)return;const t=this.calculateProportion(this.progress);this.clipInnerElement=t>.5;if(this.clipInnerElement){this.innerElement.classList.remove("clip")}else{this.innerElement.classList.add("clip")}this.innerElement.style.setProperty("--linear-width",`${t*100}%`)};this.updateLabel=()=>{if(!this.label)return;if(typeof this.label==="string"){this.indicatorLabel=this.label}else{this.labelList=this.label;this.indicatorLabel=this.labelList[0];if(this.labelList.length>1){this.getLabel(0)}}};this.setCircleDimensions=()=>{if(this.circularDiameter<=0)return;const t=this.circularDiameter/2;const o=t-this.circularLineWidth/2;const i=2*Math.PI*o;this.circularDimensions={x:t,y:t,r:o,dashArray:`${i}px`,dashOffset:this.progress?`${(-1-this.calculateProportion(this.progress))*i}px`:undefined}}}watchPropHandler(){this.updateLabel()}handleProgressChange(){if(this.type==="linear"){this.setLinearDeterminateWidth()}else{this.setCircleDimensions()}}setIndicatorDimensions(){if(this.type==="circular"){const t=this.calculateWidth();if(this.outerElement&&t!==this.circularDiameter){this.circularLineWidth=t*.1;this.circularDiameter=t;this.outerElement.style.setProperty("--circular-line-width",`${this.circularLineWidth}px`)}this.setCircleDimensions()}else{this.setLinearDeterminateWidth()}}disconnectedCallback(){clearInterval(this.interval)}componentWillLoad(){this.updateLabel();this.el.setAttribute("exportparts","ic-loading-container")}componentDidLoad(){this.setIndicatorDimensions()}render(){const{circularDiameter:t,circularDimensions:{x:o,y:i,r:a,dashArray:e,dashOffset:c},description:s,fullWidth:d,indicatorLabel:u,innerLabel:b,label:l,max:h,min:m,monochrome:v,progress:p,size:g,theme:y,type:f}=this;return r(n,{key:"8f3a698fc177a9ff0c42efa2cb0d6fde7d09f2cb",class:{[`ic-theme-${y}`]:y!=="inherit","ic-loading-indicator-full-width":d,"ic-loading-indicator-label":!!l,"ic-loading-indicator-monochrome":v,[`ic-loading-indicator-size-${g}`]:true}},r("div",{key:"947ed45a2a33bb3efc98be184d144c7022a99341",class:"ic-loading-container",part:"ic-loading-container"},r("div",{key:"07cfd1daad6714aa3f0a9aa6639c62f07cd51319",ref:t=>this.outerElement=t,class:{[`ic-loading-${f}-outer`]:true,[p===undefined?"indeterminate":"determinate"]:true},role:"progressbar","aria-labelledby":l&&g!=="icon"&&"ic-loading-label","aria-label":s,"aria-valuenow":p,"aria-valuemin":m,"aria-valuemax":h},r("div",{key:"784dc31419e98ce922fc71941f22a063c26ab249",ref:t=>this.innerElement=t,class:{[`ic-loading-${f}-inner`]:true,"inner-label":!!b}},b&&g==="small"&&r("ic-typography",{key:"8f55830d3c41595cecfdfdb3630af8ad2b93fc1e",variant:"subtitle-small",class:"inner-text"},b),f==="circular"&&r("svg",{key:"5505faa38e257e69a988217685c9a466f622489b",class:"ic-loading-circular-svg",viewBox:`0 0 ${t} ${t}`},r("circle",{key:"c2f46bcb23d2af900f8b6dbfabb317172b3fdb22",cx:o,cy:i,r:a}),r("circle",{key:"f0d9f105bda3e40c78cba1a3a2986b31ccc0327a",style:{"--circular-steps-max":p?`${h}`:undefined,"--progress-value":p!==undefined?`${p}`:undefined,"--stroke-dasharray":e,"--stroke-dashoffset":c},cx:o,cy:i,r:a})))),l&&g!=="icon"&&r("ic-typography",{key:"15d34b2712a2961d2e1b8a63ab6f65a82fa68d67",id:"ic-loading-label",class:"ic-loading-label",role:"alert",variant:this.getLabelVariant()},r("p",{key:"25130595c4008fdd8acd8c47a6729d3aef5cf70c"},u))))}get el(){return a(this)}static get watchers(){return{label:["watchPropHandler"],max:["handleProgressChange"],min:["handleProgressChange"],progress:["handleProgressChange"],type:["setIndicatorDimensions"]}}};H.style=j;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(.ic-tooltip){width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;--ic-tooltip-background:var(--ic-color-background-primary-dark);--ic-tooltip-text:var(--ic-color-text-primary-dark);--ic-tooltip-border:var(--ic-color-border-neutral-grey-light)}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-tooltip-background);text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-tooltip-border);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay);width:-moz-max-content;width:max-content}:host(.ic-tooltip) ic-typography{--ic-typography-color:var(--ic-tooltip-text)}:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed)) .ic-tooltip-container,:host(.tooltip-disabled) .ic-tooltip-container{display:none !important}:host(.tooltip-long-label-navigation-item-side-nav-expanded) .ic-tooltip-container[data-show]{display:block !important}:host(.ic-tooltip) .ic-tooltip-arrow,:host(.ic-tooltip) .ic-tooltip-arrow::before{position:absolute;background:inherit}:host(.ic-tooltip) .ic-tooltip-arrow{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-tooltip) .ic-tooltip-arrow::before{visibility:visible;content:"";border:var(--ic-border-width) solid var(--ic-tooltip-border);width:100%;height:100%}:host(.ic-tooltip) .ic-tooltip-container[data-show]{display:block}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow{height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip-on-dialog){display:inline-block}@media screen and (max-width: 576px){:host(.ic-tooltip) .ic-tooltip-container{max-width:18.875rem}}@media (forced-colors: active){:host(.ic-tooltip) .ic-tooltip-container,:host(.ic-tooltip) .ic-tooltip-arrow::before{border:var(--ic-border-hc)}}';const C=D;const O=class{constructor(o){t(this,o);this.delayedHideEvents=["mouseleave"];this.instantHideEvents=["focusout"];this.mouseOverTool=false;this.persistTooltip=false;this.showEvents=[!this.disableHover&&"mouseenter",!this.disableHover&&"focusin",!this.disableClick&&"click"];this.disableClick=false;this.disableHover=false;this.fixedPositioning=false;this.placement="bottom";this.silent=false;this.theme="inherit";this.popperProps={};this.show=()=>{if(this.label){this.toolTip.setAttribute("data-show","");if(this.dialogContentArea){this.el.classList.add("ic-tooltip-on-dialog")}this.popperInstance=g(this.el,this.toolTip,Object.assign({strategy:this.fixedPositioning?"fixed":"absolute",placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,10]}},{name:"arrow",options:{element:this.arrow}},{name:"eventListeners",options:{scroll:false,resize:false}},...this.dialogContentArea?[{name:"preventOverflow",options:{boundary:this.dialogContentArea,padding:8}},{name:"flip",options:{boundary:this.dialogContentArea}}]:[]]},this.popperProps))}else{console.warn(`Tooltip can't display without prop 'label' set`)}};this.hide=()=>{if(this.toolTip!==undefined){this.toolTip.removeAttribute("data-show");this.persistTooltip=false}if(this.popperInstance!==undefined){this.popperInstance.destroy()}};this.checkCloseTooltip=()=>{setTimeout((()=>{if(!this.mouseOverTool&&!this.persistTooltip){this.hide()}}),100)};this.mouseEnterTooltip=()=>{this.mouseOverTool=true};this.mouseLeaveTooltip=()=>{this.mouseOverTool=false;this.checkCloseTooltip()};this.handleKeyDown=t=>{if(t.key==="Escape"&&!this.persistTooltip){this.hide()}};this.manageEventListeners=t=>{const o=t==="add"?"addEventListener":"removeEventListener";this.showEvents.forEach((t=>{if(t){this.el[o](t,this.show);if(this.toolTip!==undefined){this.toolTip[o](t,this.mouseEnterTooltip)}}}));if(!this.persistTooltip){this.instantHideEvents.forEach((t=>{this.el[o](t,this.hide)}))}this.delayedHideEvents.forEach((t=>{this.el[o](t,this.checkCloseTooltip);if(this.toolTip!==undefined){this.toolTip[o](t,this.mouseLeaveTooltip)}}));document[o]("keydown",this.handleKeyDown)};this.updateTooltipEvents=()=>{this.manageEventListeners("remove");this.showEvents=[!this.disableHover&&"mouseenter",!this.disableHover&&"focusin",!this.disableClick&&"click"];this.manageEventListeners("add")}}watchDisableClickHandler(){if(this.disableClick){this.hide()}this.updateTooltipEvents()}watchDisableHoverHandler(){if(this.disableHover){this.hide()}this.updateTooltipEvents()}watchLabelHandler(){var t;if(((t=this.toolTip)===null||t===void 0?void 0:t.hasAttribute("data-show"))&&this.popperInstance){this.popperInstance.update()}}async setExternalPopperProps(t){this.popperProps=t}disconnectedCallback(){this.manageEventListeners("remove");if(this.popperInstance!==undefined){this.popperInstance.destroy()}}componentDidLoad(){var t,o;this.manageEventListeners("add");let i;if(this.el.getRootNode().host){i=this.el.getRootNode().host.closest("ic-dialog")}else{i=this.el.closest("ic-dialog")}this.dialogContentArea=(o=(t=i===null||i===void 0?void 0:i.shadowRoot)===null||t===void 0?void 0:t.querySelector(".content-area"))!==null&&o!==void 0?o:null;v([{prop:this.label,propName:"label"}],"Tooltip")}componentDidRender(){var t;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".ic-tooltip-container > ic-typography");this.maxLines&&this.maxLines>0&&(o===null||o===void 0?void 0:o.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`))}async displayTooltip(t,o){this.persistTooltip=!!o;t?this.show():this.hide()}async isTooltipVisible(){return Promise.resolve(this.toolTip.hasAttribute("data-show"))}render(){const{label:t,maxLines:o,silent:i,theme:a}=this;return r(n,{key:"c016954601c1f2ee45f8b64f396c405676fffadd",class:{"ic-tooltip":true,[`ic-theme-${a}`]:a!=="inherit"},"aria-label":p&&t},r("div",{key:"e18915501176e9a36ab957a20968cc82f9c95403",ref:t=>this.toolTip=t,role:"tooltip",class:"ic-tooltip-container","aria-hidden":`${i}`},r("ic-typography",{key:"50f11ad42d55d9c7598176d6169a3c82b5939b71",maxLines:o,variant:"caption"},t),r("div",{key:"47a01a05045f34a62e2c1724b60ce7f26ab7a086",ref:t=>this.arrow=t,class:"ic-tooltip-arrow"})),r("slot",{key:"0b850d553a3b7fd97776c419d76517a33e442d97"}))}get el(){return a(this)}static get watchers(){return{disableClick:["watchDisableClickHandler"],disableHover:["watchDisableHoverHandler"],label:["watchLabelHandler"]}}};O.style=C;export{z as ic_button,H as ic_loading_indicator,O as ic_tooltip};
-//# sourceMappingURL=p-b434bd7c.entry.js.map