@ukic/web-components 2.1.0-beta.9 → 2.2.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["icSearchBarCss","inputIds","SearchBar","this","assistiveHintEl","hasTimedOut","inputId","menuCloseFromMenuChangeEvent","menuId","preLoad","preventSubmit","prevNoOption","retryButtonClick","truncateValue","handleClear","ev","keyboardEvent","mouseEvent","type","code","value","inputEl","loading","clearTimeout","timeoutTimer","filteredOptions","options","el","setFocus","icClear","emit","preventDefault","onInput","target","noOptions","label","emptyOptionListText","length","setMenuChange","disableFilter","rawFilteredOptions","getFilteredMenuOptions","showClearButton","handleShowClearButton","debounceAriaLiveUpdate","onInputBlur","nextFocus","relatedTarget","icInputBlur","onInputFocus","icInputFocus","handleClearBlur","icClearBlur","clearButtonFocused","handleSubmitSearchBlur","icSubmitSearchBlur","searchSubmitFocused","handleMouseDown","handleSubmitSearchFocus","handleSubmitSearch","highlightedValue","undefined","icSubmitSearch","form","closest","searchSubmitButton","handleHiddenFormButtonClick","handleSubmitSearchKeyDown","key","handleRetry","retryViaKeyPress","detail","keyPressed","icRetryLoad","triggerLoading","loadingOption","loadingLabel","timeout","window","setTimeout","loadingErrorLabel","timedOut","handleOptionSelect","icOptionSelect","handleMenuOptionHighlight","optionValue","_a","optionId","replace","ariaActiveDescendant","handleMenuChange","open","handleMenuCloseFromMenuChange","focusInput","icMenuChange","handleHostFocus","handleTruncateValue","icSearchBarFocus","handleHostBlur","menu","icSearchBarBlur","visible","handleFocusClearButton","fromEvent","truncate","renderAssistiveHintEl","input","_b","shadowRoot","querySelector","Object","keys","hasOptionsOrFilterDisabled","document","createElement","innerText","hintText","id","style","display","after","updateSearchResultAriaLive","searchResultsStatusEl","charactersUntilSuggestion","hadNoOptions","searchMode","isSubmitDisabled","valueNotSet","valueLengthLess","disabled","highlightFirstOptionAfterNoResults","handleSetFirstOption","prevNoOptionsList","find","filteredOption","loadingHandler","newValue","filteredOptionsHandler","newOptions","some","opt","watchOptionsHandler","watchValueHandler","getLabelFromValue","disconnectedCallback","remove","componentWillLoad","removeDisabledFalse","componentDidLoad","focusOnLoad","onComponentRequiredPropUndefined","prop","propName","anchorEl","componentWillRender","handleKeyDown","keyEv","event","handleKeyboardOpen","handleKeyUp","async","debounceAriaLive","render","name","required","small","placeholder","helperText","readonly","spellcheck","fullWidth","hideLabel","autofocus","autocapitalize","autocomplete","disabledMode","describedBy","getInputDescribedByText","trim","describedById","disabledText","hasSuggestedSearch","menuOpen","isOrHasLoaded","expanded","renderHiddenInput","h","Host","class","onFocus","onBlur","ref","ariaExpanded","role","autoFocus","inputmode","debounce","slot","innerHTML","clearIcon","onClick","onMouseDown","size","onKeyDown","variant","appearance","IcThemeForegroundEnum","Light","Dark","searchIcon","Default","fullwidth","activationType","autoFocusOnSelected","inputLabel","onMenuOptionSelect","onMenuStateChange","onMenuOptionId","onRetryButtonClicked","parentEl"],"sources":["./src/components/ic-search-bar/ic-search-bar.css?tag=ic-search-bar&encapsulation=shadow","./src/components/ic-search-bar/ic-search-bar.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-menu: z-index of search bar menu\n */\n\n:host(.search) {\n  --divider-height: 1.5rem;\n}\n\n:host(.search.small) {\n  --divider-height: 1rem;\n}\n\n:host(.fullwidth) {\n  width: 100%;\n}\n\n:host(.search) .disabled:hover {\n  border-color: var(--ic-architectural-200);\n}\n\n:host(.search.disabled) .disabled svg {\n  color: var(--ic-architectural-200);\n}\n\n:host(.search) .disabled svg {\n  color: var(--ic-architectural-400);\n}\n\n/* CLEAR */\n\n.clear-button-container {\n  align-items: center;\n  margin-right: var(--ic-space-1px);\n  display: none;\n  visibility: hidden;\n}\n\n.clear-button {\n  border-radius: var(--ic-border-radius);\n  transition: box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);\n}\n\n.clear-button:focus,\n.clear-button:active {\n  background-color: var(--ic-focus-blue);\n  box-shadow: inset 0 0 0 0.125rem var(--ic-focus-glow);\n  border-radius: 0.25rem;\n}\n\n.clear-button:focus,\n.clear-button:active * {\n  fill: white;\n}\n\n.clear-button-visible {\n  visibility: visible;\n  display: flex;\n}\n\n.search-submit-button-container {\n  display: flex;\n  align-items: center;\n}\n\n.search-submit-button-disabled .ic-tooltip-container {\n  display: none !important;\n}\n\n.search-submit-button:focus,\n.search-submit-button:active {\n  background-color: var(--ic-focus-blue) !important;\n  box-shadow: inset 0 0 0 0.125rem var(--ic-focus-glow) !important;\n  border-radius: var(--ic-space-xxs);\n}\n\n.search-submit-button:focus,\n.search-submit-button:active * {\n  fill: white;\n}\n\n.divider {\n  width: var(--ic-space-1px);\n  background-color: var(--ic-action-dark-active);\n  height: var(--divider-height);\n}\n\n:host(.dark) .divider {\n  background-color: var(--ic-architectural-200);\n}\n\n.menu-container {\n  width: var(--input-width, 20rem);\n  position: relative;\n  top: var(--ic-space-xxxs);\n}\n\n.menu-container.fullwidth {\n  width: 100%;\n}\n\n.no-results {\n  cursor: not-allowed;\n}\n\n.search-results-status {\n  border: 0;\n  clip: rect(0, 0, 0, 0, 0);\n  height: var(--ic-space-1px);\n  margin-bottom: calc(-1 * var(--ic-space-1px));\n  margin-right: calc(-1 * var(--ic-space-1px));\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: var(--ic-space-1px);\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n  Method,\n  h,\n} from \"@stencil/core\";\n\nimport {\n  IcAutocompleteTypes,\n  IcAutocorrectStates,\n  IcThemeForegroundEnum,\n  IcMenuOption,\n} from \"../../utils/types\";\nimport {\n  getInputDescribedByText,\n  renderHiddenInput,\n  handleHiddenFormButtonClick,\n  getLabelFromValue,\n  onComponentRequiredPropUndefined,\n  getFilteredMenuOptions,\n  removeDisabledFalse,\n} from \"../../utils/helpers\";\nimport {\n  IcSearchBarBlurEventDetail,\n  IcSearchBarSearchModes,\n} from \"./ic-search-bar.types\";\nimport { IcValueEventDetail, IcBlurEventDetail } from \"../../utils/types\";\nimport {\n  IcMenuChangeEventDetail,\n  IcOptionSelectEventDetail,\n} from \"../ic-menu/ic-menu.types\";\n\nimport clearIcon from \"../../assets/clear-icon.svg\";\nimport searchIcon from \"../../assets/search-icon.svg\";\n\nlet inputIds = 0;\n\n@Component({\n  tag: \"ic-search-bar\",\n  styleUrl: \"ic-search-bar.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class SearchBar {\n  private anchorEl: HTMLElement;\n  private assistiveHintEl: HTMLSpanElement = null;\n  private debounceAriaLive: number;\n  private hasTimedOut = false;\n  private inputEl: HTMLIcTextFieldElement;\n  private inputId = `ic-search-bar-input-${inputIds++}`;\n  private menu: HTMLIcMenuElement;\n  private menuCloseFromMenuChangeEvent: boolean = false;\n  private menuId = `${this.inputId}-menu`;\n  private preLoad = true;\n  private preventSubmit: boolean = false;\n  private prevNoOption: boolean = false;\n  private retryButtonClick: boolean = false;\n  private retryViaKeyPress: boolean;\n  private timeoutTimer: number;\n  private truncateValue = false;\n  private searchSubmitButton: HTMLIcButtonElement;\n\n  @Element() el: HTMLIcSearchBarElement;\n\n  @State() ariaActiveDescendant: string;\n  @State() clearButtonFocused: boolean = false;\n  @State() highlightedValue: string;\n  @State() open: boolean = false;\n  @State() searchSubmitFocused: boolean = false;\n  @State() showClearButton: boolean = false;\n\n  /**\n   * The automatic capitalisation of the text value as it is entered/edited by the user.\n   * Available options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\".\n   */\n  @Prop() autocapitalize = \"off\";\n\n  /**\n   * The state of autocompletion the browser can apply on the text value.\n   */\n  @Prop() autocomplete?: IcAutocompleteTypes = \"off\";\n\n  /**\n   * The state of autocorrection the browser can apply when the user is entering/editing the text value.\n   */\n  @Prop() autocorrect?: IcAutocorrectStates = \"off\";\n\n  /**\n   * If `true`, the form control will have input focus when the page loads.\n   */\n  @Prop() autofocus = false;\n\n  /**\n   * The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number.\n   */\n  @Prop() charactersUntilSuggestion: number = 2;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.\n   * If `true`, all options provided will be displayed.\n   */\n  @Prop() disableFilter?: boolean = false;\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\n   */\n  @Prop() debounce?: number = 0;\n\n  /**\n   * The text displayed when there are no options in the option list.\n   */\n  @Prop() emptyOptionListText = \"No results found\";\n\n  /**\n   * If `true`, the search bar will be focused when component loaded.\n   */\n  @Prop() focusOnLoad?: boolean = false;\n\n  /**\n   * Specify whether the search bar fills the full width of the container.\n   * If `true`, this overrides the --input-width CSS variable.\n   */\n  @Prop() fullWidth?: boolean = false;\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText?: string = \"\";\n\n  /**\n   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  /**\n   * The hint text for the hidden assistive description element.\n   */\n  @Prop() hintText?: string =\n    \"When autocomplete results are available use the up and down arrows to choose and press enter to select\";\n\n  /**\n   * The label for the search bar.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Trigger loading state when fetching options asyncronously\n   */\n  @Prop({ mutable: true }) loading?: boolean = false;\n\n  /**\n   * Change the message displayed when external loading times out.\n   */\n  @Prop() loadingErrorLabel?: string = \"Loading Error\";\n\n  /**\n   * Change the message displayed whilst the options are being loaded externally.\n   */\n  @Prop() loadingLabel?: string = \"Loading...\";\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   * The placeholder value to display.\n   */\n  @Prop() placeholder?: string = \"Search\";\n\n  /**\n   * If `true`, the readonly state will be set.\n   */\n  @Prop() readonly?: boolean = false;\n\n  /**\n   * If `true`, the search bar will require a value.\n   */\n  @Prop() required?: boolean = false;\n\n  /**\n   * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\n   */\n  @Prop() searchMode?: IcSearchBarSearchModes = \"navigation\";\n\n  /**\n   * If `true`, the small styling will be applied to the search bar.\n   */\n  @Prop() small?: boolean = false;\n\n  /**\n   * If `true`, the value of the search will have its spelling and grammar checked.\n   */\n  @Prop() spellcheck: boolean = false;\n\n  /**\n   * If using external filtering, set a timeout for when loading takes too long.\n   */\n  @Prop() timeout?: number;\n\n  @Watch(\"loading\")\n  loadingHandler(newValue: boolean): void {\n    if (newValue && !this.hasTimedOut) {\n      this.preLoad = false;\n      this.triggerLoading();\n    }\n  }\n\n  @State() filteredOptions: IcMenuOption[] = [];\n\n  @Watch(\"filteredOptions\")\n  filteredOptionsHandler(newOptions: IcMenuOption[]): void {\n    this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n  }\n\n  /**\n   * The suggested search options.\n   */\n  @Prop() options?: IcMenuOption[] = [];\n\n  @Watch(\"options\")\n  watchOptionsHandler(newOptions: IcMenuOption[]): void {\n    if (this.disableFilter && !this.hasTimedOut) {\n      this.loading = false;\n      clearTimeout(this.timeoutTimer);\n      if (newOptions.length > 0) {\n        this.filteredOptions = newOptions;\n      } else {\n        if (this.hadNoOptions()) {\n          return;\n        }\n        this.setMenuChange(true);\n        !this.preLoad &&\n          (this.filteredOptions = [\n            { label: this.emptyOptionListText, value: \"\" },\n          ]);\n        this.preLoad = true;\n      }\n    }\n    this.debounceAriaLiveUpdate();\n  }\n\n  /**\n   * The value of the search input.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = \"\";\n\n  @Watch(\"value\")\n  watchValueHandler(newValue: string): void {\n    if (\n      this.inputEl &&\n      this.options &&\n      !!getLabelFromValue(newValue, this.options)\n    ) {\n      this.inputEl.value = getLabelFromValue(newValue, this.options);\n    } else if (this.inputEl && this.inputEl.value !== newValue) {\n      this.inputEl.value = newValue;\n    }\n  }\n\n  // The icChange event is defined here so that it appears as an event for search bar\n  // The actual event is emitted from the child ic-text-field\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icChange: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when value is cleared with clear button\n   */\n  @Event() icClear: EventEmitter<void>;\n  private handleClear = (ev: Event) => {\n    const keyboardEvent = ev as KeyboardEvent;\n    const mouseEvent = ev as MouseEvent;\n\n    if (\n      mouseEvent.type === \"click\" ||\n      keyboardEvent.code === \"Enter\" ||\n      keyboardEvent.code === \"Space\"\n    ) {\n      this.value = \"\";\n      this.inputEl.value = \"\";\n      this.loading = false;\n      clearTimeout(this.timeoutTimer);\n      this.filteredOptions = this.options;\n      this.el.setFocus();\n\n      this.icClear.emit();\n      ev.preventDefault();\n\n      this.preventSubmit = true;\n    }\n  };\n\n  // The icInput event is defined here so that it appears as an event for search bar\n  // The actual event is emitted from the child ic-text-field\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() icInput: EventEmitter<IcValueEventDetail>;\n  private onInput = (ev: Event) => {\n    this.value = (ev.target as HTMLInputElement).value;\n\n    const noOptions = [{ label: this.emptyOptionListText, value: \"\" }];\n\n    if (this.options.length > 0) {\n      this.setMenuChange(true);\n\n      this.preLoad = false;\n\n      if (this.disableFilter === false) {\n        const rawFilteredOptions = getFilteredMenuOptions(\n          this.options,\n          false,\n          this.value,\n          \"anywhere\"\n        );\n\n        this.filteredOptions =\n          rawFilteredOptions.length > 0 ? rawFilteredOptions : noOptions;\n      }\n    }\n\n    if (!this.showClearButton) {\n      this.handleShowClearButton(true);\n    }\n\n    this.debounceAriaLiveUpdate();\n  };\n\n  /**\n   * @deprecated This event should not be used anymore. Use icSearchBarBlur instead.\n   */\n  @Event() icInputBlur: EventEmitter<IcSearchBarBlurEventDetail>;\n  private onInputBlur = (ev: Event) => {\n    const value = (ev.target as HTMLInputElement).value;\n    const nextFocus = (ev as FocusEvent).relatedTarget;\n\n    this.icInputBlur.emit({ value: value, relatedTarget: nextFocus });\n  };\n\n  /**\n   * @deprecated This event should not be used anymore. Use icSearchBarFocus instead.\n   */\n  @Event() icInputFocus: EventEmitter<IcValueEventDetail>;\n  private onInputFocus = (ev: Event) => {\n    const value = (ev.target as HTMLInputElement).value;\n    this.icInputFocus.emit({ value: value });\n\n    this.handleShowClearButton(true);\n  };\n\n  /**\n   * Emitted when option is highlighted within the menu\n   */\n  @Event() icOptionSelect: EventEmitter<IcOptionSelectEventDetail>;\n\n  /**\n   * Emitted when the state of the menu changes (i.e. open or close)\n   */\n  @Event() icMenuChange: EventEmitter<IcMenuChangeEventDetail>;\n  /**\n   * @internal - Emitted when blur is invoked from clear button\n   */\n  @Event() icClearBlur: EventEmitter<IcBlurEventDetail>;\n  private handleClearBlur = (ev: Event) => {\n    const nextFocus = (ev as FocusEvent).relatedTarget;\n\n    this.icClearBlur.emit({ relatedTarget: nextFocus });\n\n    this.clearButtonFocused = false;\n  };\n\n  /**\n   * Emitted when the 'retry loading' button is clicked\n   */\n  @Event() icRetryLoad: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when the search value has been submitted\n   */\n  @Event() icSubmitSearch: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * @internal - Emitted when blur is invoked from search submit button\n   */\n  @Event() icSubmitSearchBlur: EventEmitter<IcBlurEventDetail>;\n  private handleSubmitSearchBlur = (ev: Event) => {\n    const nextFocus = (ev as FocusEvent).relatedTarget;\n\n    this.icSubmitSearchBlur.emit({ relatedTarget: nextFocus });\n\n    this.searchSubmitFocused = false;\n  };\n\n  /**\n   * Emitted when blur is invoked from ic-search-bar\n   */\n  @Event() icSearchBarBlur: EventEmitter<IcSearchBarBlurEventDetail>;\n\n  /**\n   * Emitted when focus is invoked from ic-search-bar\n   */\n  @Event() icSearchBarFocus: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    if (this.assistiveHintEl) {\n      this.assistiveHintEl.remove();\n    }\n  }\n\n  componentWillLoad(): void {\n    this.watchValueHandler(this.value);\n\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    if (this.focusOnLoad) {\n      this.el.setFocus();\n    }\n\n    if (this.hasOptionsOrFilterDisabled()) {\n      this.renderAssistiveHintEl();\n      if (this.disableFilter) {\n        this.filteredOptions = this.options;\n      }\n    }\n\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Search Bar\"\n    );\n\n    if (this.inputEl !== undefined) {\n      this.anchorEl = this.inputEl.shadowRoot.querySelector(\n        \"ic-input-component-container\"\n      );\n    }\n  }\n\n  componentWillRender(): void {\n    this.highlightFirstOptionAfterNoResults();\n  }\n\n  @Listen(\"icKeydown\", {})\n  handleKeyDown(ev: CustomEvent): void {\n    const keyEv: KeyboardEvent = ev.detail.event;\n    if (this.menu && this.open) {\n      this.menu.handleKeyboardOpen(keyEv);\n    }\n  }\n\n  @Listen(\"keyup\", {})\n  handleKeyUp(ev: KeyboardEvent): void {\n    if (ev.key === \"Enter\") {\n      if (this.preventSubmit || this.isSubmitDisabled()) {\n        return;\n      }\n\n      this.handleSubmitSearch();\n      this.setMenuChange(false);\n    }\n\n    if (ev.key === \"Escape\") {\n      this.setMenuChange(false);\n    }\n\n    if (this.preventSubmit) {\n      this.preventSubmit = false;\n    }\n  }\n\n  /**\n   * Sets focus on the native `input`.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.retryViaKeyPress = false;\n    this.retryButtonClick = false;\n    if (this.inputEl) {\n      this.inputEl.setFocus();\n    }\n  }\n\n  private handleMouseDown = (ev: Event) => {\n    ev.preventDefault();\n  };\n\n  private handleSubmitSearchFocus = () => {\n    this.searchSubmitFocused = true;\n  };\n\n  private handleSubmitSearch = () => {\n    this.highlightedValue && (this.value = this.highlightedValue);\n    this.highlightedValue = undefined;\n    this.icSubmitSearch.emit({ value: this.value });\n\n    const form: HTMLFormElement = this.el.closest(\"FORM\");\n\n    if (this.searchSubmitButton && !!form && !this.preventSubmit) {\n      handleHiddenFormButtonClick(form, this.searchSubmitButton);\n    }\n  };\n\n  private debounceAriaLiveUpdate() {\n    clearTimeout(this.debounceAriaLive);\n\n    this.debounceAriaLive = window.setTimeout(() => {\n      this.updateSearchResultAriaLive();\n    }, 500);\n  }\n\n  private handleSubmitSearchKeyDown = (ev: KeyboardEvent) => {\n    if (ev.key === \" \") {\n      ev.preventDefault();\n      this.handleSubmitSearch();\n    }\n  };\n\n  private handleRetry = (ev: CustomEvent<IcValueEventDetail>) => {\n    this.retryViaKeyPress = ev.detail.keyPressed === \"Enter\";\n    this.icRetryLoad.emit({ value: ev.detail.value });\n    this.triggerLoading();\n    this.retryButtonClick = true;\n  };\n\n  private triggerLoading = () => {\n    const loadingOption: IcMenuOption[] = [\n      { label: this.loadingLabel, value: \"\", loading: true },\n    ];\n    if (this.filteredOptions !== loadingOption)\n      this.filteredOptions = loadingOption;\n    if (this.timeout) {\n      this.timeoutTimer = window.setTimeout(() => {\n        this.filteredOptions = [\n          { label: this.loadingErrorLabel, value: \"\", timedOut: true },\n        ];\n      }, this.timeout);\n    }\n  };\n\n  private handleOptionSelect = (ev: CustomEvent) => {\n    if (ev.detail.label === this.emptyOptionListText) {\n      this.el.setFocus();\n      return;\n    }\n\n    this.value = ev.detail.value;\n    this.icOptionSelect.emit({ value: this.value });\n  };\n\n  private handleMenuOptionHighlight = (ev: CustomEvent) => {\n    const optionValue = ev.detail.optionId?.replace(`${this.menuId}-`, \"\");\n    optionValue && (this.highlightedValue = optionValue);\n    if (ev.detail.optionId) {\n      this.ariaActiveDescendant = ev.detail.optionId;\n    } else {\n      this.ariaActiveDescendant = undefined;\n    }\n  };\n\n  private handleMenuChange = (ev: CustomEvent) => {\n    this.setMenuChange(ev.detail.open);\n    if (!ev.detail.open) {\n      this.handleMenuCloseFromMenuChange(true);\n      if (ev.detail.focusInput === undefined || ev.detail.focusInput) {\n        this.el.setFocus();\n      }\n    }\n  };\n\n  private setMenuChange = (open: boolean) => {\n    if (this.open !== open) {\n      this.open = open;\n      this.icMenuChange.emit({ open });\n    }\n  };\n\n  private handleHostFocus = () => {\n    if (this.options && this.value && !this.menuCloseFromMenuChangeEvent) {\n      this.setMenuChange(true);\n    }\n    this.handleTruncateValue(false);\n\n    this.icSearchBarFocus.emit();\n  };\n\n  private handleHostBlur = (ev: Event) => {\n    const nextFocus = (ev as FocusEvent).relatedTarget;\n    if (\n      this.open &&\n      this.options &&\n      nextFocus !== this.menu &&\n      !this.retryViaKeyPress &&\n      !this.retryButtonClick\n    ) {\n      this.setMenuChange(false);\n    }\n\n    if (this.retryButtonClick || this.retryViaKeyPress) {\n      this.inputEl.setFocus();\n    }\n\n    this.handleShowClearButton(false);\n    this.handleMenuCloseFromMenuChange(false);\n    this.handleTruncateValue(true);\n    this.icSearchBarBlur.emit({ relatedTarget: nextFocus, value: this.value });\n    this.retryViaKeyPress = false;\n    this.retryButtonClick = false;\n  };\n\n  private handleShowClearButton = (visible: boolean): void => {\n    this.showClearButton = visible;\n  };\n\n  private handleFocusClearButton = (): void => {\n    this.clearButtonFocused = true;\n  };\n\n  private handleMenuCloseFromMenuChange = (fromEvent: boolean): void => {\n    this.menuCloseFromMenuChangeEvent = fromEvent;\n  };\n\n  private handleTruncateValue = (truncate: boolean): void => {\n    this.truncateValue = truncate;\n  };\n\n  private renderAssistiveHintEl = (): void => {\n    const input = this.el.shadowRoot\n      .querySelector(\"ic-text-field\")\n      ?.shadowRoot?.querySelector(`#${this.inputId}`);\n\n    if (\n      input &&\n      Object.keys(input).length > 0 &&\n      this.hasOptionsOrFilterDisabled()\n    ) {\n      this.assistiveHintEl = document.createElement(\"span\");\n      this.assistiveHintEl.innerText = this.hintText;\n      this.assistiveHintEl.id = `${this.inputId}-assistive-hint`;\n      this.assistiveHintEl.style.display = \"none\";\n      if (input.after !== undefined) {\n        input.after(this.assistiveHintEl);\n      }\n    }\n  };\n\n  private updateSearchResultAriaLive = (): void => {\n    const searchResultsStatusEl = this.el.shadowRoot.querySelector(\n      \".search-results-status\"\n    ) as HTMLParagraphElement;\n\n    if (\n      !this.open ||\n      this.value === \"\" ||\n      this.value.length < this.charactersUntilSuggestion\n    ) {\n      searchResultsStatusEl.innerText = \"\";\n    } else if (\n      this.hasOptionsOrFilterDisabled() &&\n      this.filteredOptions.length > 0 &&\n      this.open &&\n      searchResultsStatusEl &&\n      !this.filteredOptions[0].loading\n    ) {\n      if (this.hadNoOptions()) {\n        searchResultsStatusEl.innerText = this.emptyOptionListText;\n      } else {\n        searchResultsStatusEl.innerText = `${\n          this.filteredOptions.length\n        } result${this.filteredOptions.length > 1 ? \"s\" : \"\"} available`;\n      }\n    }\n  };\n\n  private hasOptionsOrFilterDisabled = (): boolean =>\n    this.options.length > 0 || this.disableFilter;\n\n  private hadNoOptions = (): boolean =>\n    this.filteredOptions.length === 1 &&\n    this.filteredOptions[0].label === this.emptyOptionListText &&\n    this.searchMode === \"navigation\";\n\n  private isSubmitDisabled = (): boolean => {\n    const valueNotSet =\n      this.value === undefined || this.value === null || this.value === \"\";\n    const valueLengthLess = this.value.length < this.charactersUntilSuggestion;\n    return (\n      valueNotSet ||\n      valueLengthLess ||\n      this.disabled ||\n      this.hadNoOptions() ||\n      this.hasTimedOut ||\n      this.loading\n    );\n  };\n\n  private highlightFirstOptionAfterNoResults = () => {\n    if (this.prevNoOption && this.menu && !this.hasTimedOut) {\n      this.menu.handleSetFirstOption();\n      this.prevNoOption = false;\n    }\n    const prevNoOptionsList = this.filteredOptions.find(\n      (filteredOption) =>\n        filteredOption.label === this.emptyOptionListText ||\n        filteredOption.label === this.loadingErrorLabel ||\n        filteredOption.label === this.loadingLabel\n    );\n    if (prevNoOptionsList) {\n      this.prevNoOption = true;\n    }\n  };\n\n  render() {\n    const {\n      inputId,\n      name,\n      label,\n      required,\n      small,\n      placeholder,\n      helperText,\n      disabled,\n      value,\n      readonly,\n      spellcheck,\n      fullWidth,\n      options,\n      open,\n      hideLabel,\n      menuId,\n      ariaActiveDescendant,\n      truncateValue,\n      autofocus,\n      autocapitalize,\n      autocomplete,\n      filteredOptions,\n    } = this;\n\n    const disabledMode = readonly || disabled ? true : false;\n\n    const describedBy = getInputDescribedByText(\n      inputId,\n      helperText !== \"\",\n      false\n    ).trim();\n\n    let describedById;\n\n    if (describedBy !== \"\" && this.hasOptionsOrFilterDisabled()) {\n      describedById = `${describedBy} ${this.inputId}-assistive-hint`;\n    } else if (this.hasOptionsOrFilterDisabled()) {\n      describedById = `${this.inputId}-assistive-hint`;\n    } else if (describedBy !== \"\") {\n      describedById = describedBy;\n    } else {\n      describedById = undefined;\n    }\n\n    const disabledText = disabledMode && !readonly;\n    const hasSuggestedSearch = value && this.hasOptionsOrFilterDisabled();\n    const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;\n    const isOrHasLoaded =\n      this.filteredOptions.length === 1 &&\n      (this.filteredOptions[0].label === this.loadingLabel ||\n        filteredOptions[0].label === this.loadingErrorLabel);\n\n    let expanded;\n\n    if (options.length > 0) {\n      if (menuOpen) {\n        expanded = \"true\";\n      } else {\n        expanded = \"false\";\n      }\n    } else {\n      expanded = undefined;\n    }\n\n    renderHiddenInput(true, this.el, name, value, disabledMode);\n\n    return (\n      <Host\n        class={{\n          [\"search\"]: true,\n          [\"fullwidth\"]: fullWidth,\n          [\"disabled\"]: disabled,\n          [\"small\"]: small,\n        }}\n        onFocus={this.handleHostFocus}\n        onBlur={this.handleHostBlur}\n      >\n        <ic-text-field\n          ref={(el) => (this.inputEl = el)}\n          inputId={inputId}\n          label={label}\n          helperText={helperText}\n          required={required}\n          disabled={disabledText}\n          readonly={readonly}\n          small={small}\n          hideLabel={hideLabel}\n          fullWidth={fullWidth}\n          name={name}\n          truncateValue={truncateValue}\n          value={\n            options && !!getLabelFromValue(value, options)\n              ? getLabelFromValue(value, options)\n              : value\n          }\n          placeholder={placeholder}\n          onInput={this.onInput}\n          onBlur={this.onInputBlur}\n          onFocus={this.onInputFocus}\n          aria-label={hideLabel ? label : \"\"}\n          aria-describedby={describedById}\n          aria-owns={hasSuggestedSearch ? menuId : undefined}\n          aria-haspopup={options.length > 0 ? \"listbox\" : undefined}\n          ariaExpanded={expanded}\n          ariaActiveDescendant={ariaActiveDescendant}\n          aria-autocomplete={hasSuggestedSearch ? \"list\" : undefined}\n          role={hasSuggestedSearch ? \"combobox\" : undefined}\n          autocomplete={autocomplete}\n          autocapitalize={autocapitalize}\n          autoFocus={autofocus}\n          spellcheck={spellcheck}\n          inputmode=\"search\"\n          debounce={this.debounce}\n        >\n          <div\n            class={{\n              \"clear-button-container\": true,\n              \"clear-button-visible\":\n                value && !disabledMode && this.showClearButton,\n            }}\n            slot=\"clear-button\"\n          >\n            <ic-button\n              id=\"clear-button\"\n              class=\"clear-button\"\n              aria-label=\"Clear\"\n              innerHTML={clearIcon}\n              onClick={this.handleClear}\n              onMouseDown={this.handleMouseDown}\n              size={small ? \"small\" : \"default\"}\n              onFocus={this.handleFocusClearButton}\n              onBlur={this.handleClearBlur}\n              onKeyDown={this.handleClear}\n              type=\"submit\"\n              variant=\"icon\"\n              appearance={\n                this.clearButtonFocused\n                  ? IcThemeForegroundEnum.Light\n                  : IcThemeForegroundEnum.Dark\n              }\n            ></ic-button>\n            <div class=\"divider\"></div>\n          </div>\n          <div\n            class={{\n              \"search-submit-button-container\": true,\n              \"search-submit-button-disabled\": this.isSubmitDisabled(),\n            }}\n            slot=\"search-submit-button\"\n          >\n            <ic-button\n              id=\"search-submit-button\"\n              aria-label=\"Search\"\n              ref={(el) => (this.searchSubmitButton = el)}\n              class={{\n                [\"search-submit-button\"]: true,\n                [\"search-submit-button-small\"]: !!small,\n              }}\n              disabled={this.isSubmitDisabled()}\n              innerHTML={searchIcon}\n              size={small ? \"small\" : \"default\"}\n              onClick={this.handleSubmitSearch}\n              onMouseDown={this.handleMouseDown}\n              onBlur={this.handleSubmitSearchBlur}\n              onFocus={this.handleSubmitSearchFocus}\n              onKeyDown={this.handleSubmitSearchKeyDown}\n              type=\"submit\"\n              variant=\"icon\"\n              appearance={\n                this.searchSubmitFocused\n                  ? IcThemeForegroundEnum.Light\n                  : IcThemeForegroundEnum.Default\n              }\n            ></ic-button>\n          </div>\n          <div\n            class={{\n              \"menu-container\": true,\n              fullwidth: fullWidth,\n            }}\n            slot=\"menu\"\n          >\n            {menuOpen && value.length >= this.charactersUntilSuggestion && (\n              <ic-menu\n                class={{\n                  \"no-results\": this.hadNoOptions() || isOrHasLoaded,\n                }}\n                activationType=\"manual\"\n                anchorEl={this.anchorEl}\n                autoFocusOnSelected={false}\n                searchMode={this.searchMode}\n                inputEl={this.inputEl}\n                inputLabel={label}\n                ref={(el) => (this.menu = el)}\n                small={small}\n                fullWidth={fullWidth}\n                menuId={menuId}\n                open={true}\n                options={filteredOptions}\n                onMenuOptionSelect={this.handleOptionSelect}\n                onMenuStateChange={this.handleMenuChange}\n                onMenuOptionId={this.handleMenuOptionHighlight}\n                onRetryButtonClicked={this.handleRetry}\n                parentEl={this.el}\n                value={value}\n              ></ic-menu>\n            )}\n          </div>\n        </ic-text-field>\n        <div\n          aria-live=\"polite\"\n          role=\"status\"\n          class=\"search-results-status\"\n        ></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as a,g as o}from"./p-69920d86.js";import{r as c,d as r,a as n,e as s,f as d,h as l,i as h}from"./p-5dd0b02e.js";import"./p-6f57b13c.js";const b='/*! 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(.disabled){color:var(--ic-architectural-200);pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:transparent;border:var(--ic-space-1px) solid var(--ic-architectural-300);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}.checkbox:checked{background-color:var(--ic-action-default);border:var(--ic-space-1px) solid var(--ic-action-default);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-architectural-200)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:transparent;border:0.125rem solid var(--ic-action-default)}.checkbox:checked:hover{background-color:var(--ic-action-default-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-action-default-bg-hover);border:0.125rem solid var(--ic-action-default-hover)}.checkbox:checked:active{background-color:var(--ic-action-default-active)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active)}.checkbox:hover{background-color:var(--ic-action-default-bg-hover);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-space-1px) solid var(--ic-action-default-hover)}.checkbox:active{background-color:var(--ic-action-default-bg-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active);border:var(--ic-space-1px) solid var(--ic-action-default-active)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-space-1px) dashed var(--ic-architectural-200)}.checkbox-label{padding-left:var(--ic-space-sm)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:white;z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-action-default);pointer-events:none;flex-shrink:0}.container:hover .indeterminate-symbol{background-color:var(--ic-action-default-hover)}.container:active .indeterminate-symbol{background-color:var(--ic-action-default-active)}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}';const p=class{constructor(t){e(this,t);this.checkboxChecked=i(this,"checkboxChecked",7);this.icCheck=i(this,"icCheck",7);this.IC_TEXT_FIELD="ic-text-field";this.eventHandler=e=>{e.stopImmediatePropagation()};this.handleClick=()=>{this.checked=!this.checked;this.icCheck.emit();this.checkboxChecked.emit()};this.handleFormReset=()=>{this.checked=this.initiallyChecked};this.additionalFieldDisplay="static";this.checked=false;this.initiallyChecked=this.checked;this.disabled=false;this.dynamicText="This selection requires additional answers";this.groupLabel=undefined;this.indeterminate=false;this.label=undefined;this.name=undefined;this.small=false;this.value=undefined}componentWillLoad(){var e;c(this.disabled,this.host);r(this.host,this.handleFormReset);(e=this.host.querySelector(this.IC_TEXT_FIELD))===null||e===void 0?void 0:e.addEventListener("icChange",this.eventHandler)}componentDidLoad(){n([{prop:this.label,propName:"label"},{prop:this.value,propName:"value"}],"Checkbox")}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.host.querySelector(this.IC_TEXT_FIELD);if(!this.checked){e&&e.setAttribute("disabled","")}else{e&&e.removeAttribute("disabled")}}else{if(!this.checked){this.additionalFieldContainer.style.display="none"}else{this.additionalFieldContainer.style.display="flex"}}}disconnectedCallback(){var e;s(this.host,this.handleFormReset);(e=this.host.querySelector(this.IC_TEXT_FIELD))===null||e===void 0?void 0:e.removeEventListener("icChange",this.eventHandler)}async setFocus(){const e=this.host.shadowRoot.querySelector(".checkbox");if(e){e.focus()}}render(){let e=`ic-checkbox-${this.label!==undefined?this.label:this.value}-${this.groupLabel}`;e=e.replace(/ /g,"-");this.checked?d(true,this.host,this.name,this.checked&&this.value,this.disabled):l(this.host);return t(a,{class:{["disabled"]:this.disabled,["small"]:this.small}},t("div",{class:"container"},this.checked&&!this.indeterminate&&t("svg",{class:"checkmark",width:"1.5rem",height:"1.5rem",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","fill-rule":"evenodd","clip-rule":"evenodd"},t("title",null,"checkmark icon"),t("path",{d:"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z"})),this.checked&&this.indeterminate&&t("div",{class:"indeterminate-symbol"}),t("input",{role:"checkbox",class:{["checkbox"]:true,["checked"]:this.checked,["indeterminate"]:this.indeterminate},type:"checkbox",name:this.name,id:e,value:this.value,disabled:this.disabled?true:null,checked:this.checked,indeterminate:this.indeterminate,onClick:this.handleClick}),t("ic-typography",{class:"checkbox-label",variant:"body"},t("label",{htmlFor:e},this.label))),h(this.host,"additional-field")&&t("div",{class:"dynamic-container",ref:e=>this.additionalFieldContainer=e},this.additionalFieldDisplay==="dynamic"&&t("div",{class:"branch-corner"}),t("div",null,this.additionalFieldDisplay==="dynamic"&&t("ic-typography",{variant:"caption"},t("p",{class:"dynamic-text","aria-live":"polite"},this.dynamicText)),t("div",{class:{"additional-field-wrapper":this.additionalFieldDisplay==="static"}},t("slot",{name:"additional-field"})))))}static get delegatesFocus(){return true}get host(){return o(this)}};p.style=b;export{p as ic_checkbox};
+//# sourceMappingURL=p-e6370b7e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icCheckboxCss","Checkbox","this","IC_TEXT_FIELD","eventHandler","event","stopImmediatePropagation","handleClick","checked","icCheck","emit","checkboxChecked","handleFormReset","initiallyChecked","componentWillLoad","removeDisabledFalse","disabled","host","addFormResetListener","_a","querySelector","addEventListener","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","value","componentDidRender","additionalFieldDisplay","textfield","setAttribute","removeAttribute","additionalFieldContainer","style","display","disconnectedCallback","removeFormResetListener","removeEventListener","async","checkboxEl","shadowRoot","focus","render","id","undefined","groupLabel","replace","renderHiddenInput","name","removeHiddenInput","h","Host","class","small","indeterminate","width","height","viewBox","xmlns","d","role","type","onClick","variant","htmlFor","isSlotUsed","ref","el","dynamicText"],"sources":["./src/components/ic-checkbox/ic-checkbox.css?tag=ic-checkbox&encapsulation=shadow","./src/components/ic-checkbox/ic-checkbox.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host(.disabled) {\n  color: var(--ic-architectural-200);\n  pointer-events: none;\n}\n\n.container {\n  display: flex;\n  width: fit-content;\n  padding: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);\n  margin-bottom: var(--ic-space-xxs);\n  align-items: center;\n}\n\n:host(.small) .container {\n  margin-bottom: var(--ic-space-xxxs);\n}\n\n.checkbox {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  position: relative;\n  top: 0;\n  left: 0;\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  background-color: transparent;\n  border: var(--ic-space-1px) solid var(--ic-architectural-300);\n  border-radius: var(--ic-border-radius);\n  outline: none;\n  cursor: pointer;\n  transition: var(--ic-easing-transition-fast);\n  flex-shrink: 0;\n}\n\n.checkbox:checked {\n  background-color: var(--ic-action-default);\n  border: var(--ic-space-1px) solid var(--ic-action-default);\n  transition: var(--ic-easing-transition-slow);\n}\n\n.checkbox:checked:disabled {\n  background-color: var(--ic-architectural-200);\n}\n\n.checkbox:indeterminate,\n.checkbox.indeterminate:checked {\n  background-color: transparent;\n  border: 0.125rem solid var(--ic-action-default);\n}\n\n.checkbox:checked:hover {\n  background-color: var(--ic-action-default-hover);\n}\n\n.checkbox:indeterminate:hover,\n.checkbox.indeterminate:checked:hover {\n  background-color: var(--ic-action-default-bg-hover);\n  border: 0.125rem solid var(--ic-action-default-hover);\n}\n\n.checkbox:checked:active {\n  background-color: var(--ic-action-default-active);\n}\n\n.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active {\n  background-color: var(--ic-action-default-bg-active);\n  border: 0.125rem solid var(--ic-action-default-active);\n}\n\n.checkbox:hover {\n  background-color: var(--ic-action-default-bg-hover);\n  box-shadow: 0 0 0 0.25rem var(--ic-action-default-bg-hover);\n  border: var(--ic-space-1px) solid var(--ic-action-default-hover);\n}\n\n.checkbox:active {\n  background-color: var(--ic-action-default-bg-active);\n  box-shadow: 0 0 0 0.25rem var(--ic-action-default-bg-active);\n  border: var(--ic-space-1px) solid var(--ic-action-default-active);\n}\n\n.checkbox:focus {\n  box-shadow: var(--ic-border-focus);\n}\n\n.checkbox:disabled {\n  border: var(--ic-space-1px) dashed var(--ic-architectural-200);\n}\n\n.checkbox-label {\n  padding-left: var(--ic-space-sm);\n}\n\n.checkbox-label:hover {\n  cursor: pointer;\n}\n\n.checkmark {\n  position: relative;\n  right: calc(-1 * var(--ic-space-lg));\n  margin-left: calc(-1 * var(--ic-space-lg));\n  fill: white;\n  z-index: 1;\n  background-color: transparent;\n  pointer-events: none;\n  flex-shrink: 0;\n}\n\n.indeterminate-symbol {\n  position: relative;\n  width: 0.875rem;\n  height: var(--ic-space-xxxs);\n  right: -1.188rem;\n  margin-left: -0.875rem;\n  z-index: 1;\n  background-color: var(--ic-action-default);\n  pointer-events: none;\n  flex-shrink: 0;\n}\n\n.container:hover .indeterminate-symbol {\n  background-color: var(--ic-action-default-hover);\n}\n\n.container:active .indeterminate-symbol {\n  background-color: var(--ic-action-default-active);\n}\n\n.additional-field-wrapper {\n  margin-left: calc(var(--ic-space-md) + var(--ic-space-lg));\n  margin-top: calc(var(--ic-space-sm) / 2);\n}\n\n.branch-corner {\n  color: var(--ic-action-default);\n  height: var(--ic-space-md);\n  width: var(--ic-space-xl);\n  border-radius: 0 0 0 0.188rem;\n  border-bottom: 0.125rem solid var(--ic-action-default);\n  border-left: 0.125rem solid var(--ic-action-default);\n}\n\n.dynamic-container {\n  display: flex;\n  position: relative;\n  margin: var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n  gap: var(--ic-space-xs);\n}\n\n.dynamic-text {\n  color: var(--ic-action-default);\n  margin-top: calc(var(--ic-space-sm) / 2);\n  margin-bottom: var(--ic-space-xs);\n  border-radius: 2%;\n}\n\n@media (max-width: 576px) {\n  ::slotted(ic-text-field) {\n    --input-width: 100%;\n  }\n}\n\n@media (forced-colors: active) {\n  /* Styles here only apply to Forced Colors Mode */\n  .checkbox {\n    appearance: revert;\n    transition: none;\n  }\n\n  .checkbox:checked {\n    transition: none;\n  }\n\n  .checkbox:focus-visible {\n    outline: 0.125rem solid highlight;\n  }\n\n  .checkbox:disabled:not(:checked) {\n    appearance: none;\n    border-color: GrayText;\n  }\n\n  .checkmark {\n    fill: none;\n  }\n\n  .indeterminate-symbol {\n    display: none;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n} from \"@stencil/core\";\nimport { IcAdditionalFieldTypes } from \"../../utils/types\";\nimport {\n  isSlotUsed,\n  onComponentRequiredPropUndefined,\n  renderHiddenInput,\n  removeHiddenInput,\n  addFormResetListener,\n  removeFormResetListener,\n  removeDisabledFalse,\n} from \"../../utils/helpers\";\n\n@Component({\n  tag: \"ic-checkbox\",\n  styleUrl: \"ic-checkbox.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Checkbox {\n  private additionalFieldContainer: HTMLDivElement;\n  private IC_TEXT_FIELD: string = \"ic-text-field\";\n\n  @Element() host: HTMLIcCheckboxElement;\n\n  /**\n   * The style of additionalField that will be displayed if used.\n   */\n  @Prop({ reflect: true }) additionalFieldDisplay: IcAdditionalFieldTypes =\n    \"static\";\n\n  /**\n   * If `true`, the checkbox will be set to the checked state.\n   */\n  @Prop({ reflect: true, mutable: true }) checked?: boolean = false;\n  @State() initiallyChecked = this.checked;\n\n  /**\n   * If `true`, the checkbox will be set to the disabled state.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * The text to be displayed when dynamic.\n   */\n  @Prop() dynamicText: string = \"This selection requires additional answers\";\n\n  /**\n   * The group label for the checkbox.\n   */\n  @Prop() groupLabel: string;\n\n  /**\n   * If `true`, the indeterminate state will be displayed when checked.\n   */\n  @Prop() indeterminate: boolean = false;\n\n  /**\n   * The label for the checkbox.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.\n   */\n  @Prop() name: string;\n\n  /**\n   * If true, the small styling will be applied to the checkbox.\n   */\n  @Prop() small?: boolean = false;\n\n  /**\n   * The value for the checkbox.\n   */\n  @Prop() value!: string;\n\n  /**\n   * @deprecated This event should not be used anymore. Use icCheck instead.\n   */\n  @Event() checkboxChecked: EventEmitter<void>;\n\n  /**\n   * Emitted when a checkbox has been checked.\n   */\n  @Event() icCheck: EventEmitter<void>;\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.host);\n\n    addFormResetListener(this.host, this.handleFormReset);\n    this.host\n      .querySelector(this.IC_TEXT_FIELD)\n      ?.addEventListener(\"icChange\", this.eventHandler);\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [\n        { prop: this.label, propName: \"label\" },\n        { prop: this.value, propName: \"value\" },\n      ],\n      \"Checkbox\"\n    );\n  }\n\n  componentDidRender(): void {\n    if (this.additionalFieldDisplay === \"static\") {\n      const textfield = this.host.querySelector(this.IC_TEXT_FIELD);\n      if (!this.checked) {\n        textfield && textfield.setAttribute(\"disabled\", \"\");\n      } else {\n        textfield && textfield.removeAttribute(\"disabled\");\n      }\n    } else {\n      if (!this.checked) {\n        this.additionalFieldContainer.style.display = \"none\";\n      } else {\n        this.additionalFieldContainer.style.display = \"flex\";\n      }\n    }\n  }\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.host, this.handleFormReset);\n    this.host\n      .querySelector(this.IC_TEXT_FIELD)\n      ?.removeEventListener(\"icChange\", this.eventHandler);\n  }\n\n  /**\n   * Sets focus on the checkbox.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    const checkboxEl: HTMLElement =\n      this.host.shadowRoot.querySelector(\".checkbox\");\n    if (checkboxEl) {\n      checkboxEl.focus();\n    }\n  }\n\n  private eventHandler = (event: CustomEvent) => {\n    event.stopImmediatePropagation();\n  };\n\n  private handleClick = () => {\n    this.checked = !this.checked;\n    this.icCheck.emit();\n    this.checkboxChecked.emit();\n  };\n\n  private handleFormReset = (): void => {\n    this.checked = this.initiallyChecked;\n  };\n\n  render() {\n    let id = `ic-checkbox-${\n      this.label !== undefined ? this.label : this.value\n    }-${this.groupLabel}`;\n\n    id = id.replace(/ /g, \"-\");\n\n    this.checked\n      ? renderHiddenInput(\n          true,\n          this.host,\n          this.name,\n          this.checked && this.value,\n          this.disabled\n        )\n      : removeHiddenInput(this.host);\n\n    return (\n      <Host class={{ [\"disabled\"]: this.disabled, [\"small\"]: this.small }}>\n        <div class=\"container\">\n          {this.checked && !this.indeterminate && (\n            <svg\n              class=\"checkmark\"\n              width=\"1.5rem\"\n              height=\"1.5rem\"\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              fill-rule=\"evenodd\"\n              clip-rule=\"evenodd\"\n            >\n              <title>checkmark icon</title>\n              <path d=\"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z\" />\n            </svg>\n          )}\n          {this.checked && this.indeterminate && (\n            <div class=\"indeterminate-symbol\" />\n          )}\n          <input\n            role=\"checkbox\"\n            class={{\n              [\"checkbox\"]: true,\n              [\"checked\"]: this.checked,\n              [\"indeterminate\"]: this.indeterminate,\n            }}\n            type=\"checkbox\"\n            name={this.name}\n            id={id}\n            value={this.value}\n            disabled={this.disabled ? true : null}\n            checked={this.checked}\n            indeterminate={this.indeterminate}\n            onClick={this.handleClick}\n          ></input>\n          <ic-typography class=\"checkbox-label\" variant=\"body\">\n            <label htmlFor={id}>{this.label}</label>\n          </ic-typography>\n        </div>\n        {isSlotUsed(this.host, \"additional-field\") && (\n          <div\n            class=\"dynamic-container\"\n            ref={(el) => (this.additionalFieldContainer = el)}\n          >\n            {this.additionalFieldDisplay === \"dynamic\" && (\n              <div class=\"branch-corner\"></div>\n            )}\n            <div>\n              {this.additionalFieldDisplay === \"dynamic\" && (\n                <ic-typography variant=\"caption\">\n                  <p class=\"dynamic-text\" aria-live=\"polite\">\n                    {this.dynamicText}\n                  </p>\n                </ic-typography>\n              )}\n              <div\n                class={{\n                  \"additional-field-wrapper\":\n                    this.additionalFieldDisplay === \"static\",\n                }}\n              >\n                <slot name=\"additional-field\"></slot>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as s,g as a}from"./p-69920d86.js";import{c as o}from"./p-44512ebe.js";import{c as n,i as r}from"./p-5dd0b02e.js";import"./p-6f57b13c.js";const l='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.fade-in){opacity:1;transition:opacity var(--ic-easing-transition-slow)}:host(.hidden){display:none}.dialog{background-color:var(--ic-architectural-white);border:var(--ic-border-default);border-radius:var(--ic-border-radius);padding:var(--ic-space-xs) var(--ic-space-md);transform:translateY(-3rem);transition:transform 1000s;display:flex;flex-direction:column;box-sizing:border-box}:host(.fade-in) .dialog{transform:translateY(0);transition:transform var(--ic-easing-transition-slow)}.small{width:50%;max-width:25rem;min-height:11rem;max-height:70vh}.medium{width:70vw;max-width:44rem;min-height:12.5rem;max-height:70vh}.large{width:90vw;max-width:62.5rem;min-height:12.5rem;max-height:90vh}.heading-area{display:flex;margin-bottom:var(--ic-space-xs)}.close-icon{margin-left:auto}.close-icon-svg{display:flex;align-items:center}.content-area{-ms-overflow-style:none;scrollbar-width:none;padding:0 var(--ic-space-xs);margin:0 calc(-1 * var(--ic-space-xs))}:host([data-overflow="false"]) .content-area{overflow-y:visible}:host([data-overflow="true"]) .content-area{overflow-y:scroll}:host([data-overflow="false"]) .dialog{overflow:visible}.content-area::-webkit-scrollbar{display:none}#dialog-content{margin-bottom:var(--ic-space-sm)}.status-alert{margin-bottom:var(--ic-space-xs)}.dialog-controls{margin-top:auto;padding-top:var(--ic-space-xs);display:flex;justify-content:flex-end;gap:var(--ic-space-md)}.dialog-control-button{width:-moz-fit-content;width:fit-content}@media (min-width: 800px){:host([size="large"]) .content-area{width:75%}}@media (max-width: 576px){.dialog{width:100vw;height:100vh;transform:translateY(-5rem);max-width:none;max-height:none;box-sizing:border-box}}@media (max-width: 364px){.triple-button{flex-direction:column;gap:var(--ic-space-xs)}.dialog-control-button{width:unset}}';const h=class{constructor(e){t(this,e);this.icDialogCancelled=i(this,"icDialogCancelled",7);this.icDialogClosed=i(this,"icDialogClosed",7);this.icDialogConfirmed=i(this,"icDialogConfirmed",7);this.icDialogOpened=i(this,"icDialogOpened",7);this.DATA_OVERFLOW="data-overflow";this.DATA_GETS_FOCUS="data-gets-focus";this.DATA_GETS_FOCUS_SELECTOR="[data-gets-focus]";this.DIALOG_CONTROLS="dialog-controls";this.dialogHeight=0;this.focusedElementIndex=0;this.IC_TEXT_FIELD="IC-TEXT-FIELD";this.resizeObserver=null;this.setContentOverflow=()=>{if(this.dialogEl.clientHeight<this.dialogEl.scrollHeight){this.el.setAttribute(this.DATA_OVERFLOW,"true")}else{this.el.setAttribute(this.DATA_OVERFLOW,"false")}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout(this.resizeObserverCallback,80)}));this.resizeObserver.observe(this.dialogEl)};this.resizeObserverCallback=()=>{if(this.dialogEl.clientHeight!==this.dialogHeight){this.el.setAttribute(this.DATA_OVERFLOW,"false");this.setContentOverflow();this.dialogHeight=this.dialogEl.clientHeight}};this.setInitialFocus=()=>{this.sourceElement=document.activeElement;let t;if(this.el.querySelector(this.DATA_GETS_FOCUS_SELECTOR)!==null){t=this.el.querySelector(this.DATA_GETS_FOCUS_SELECTOR)}else{t=this.el.shadowRoot.querySelector(this.DATA_GETS_FOCUS_SELECTOR)}if(t.tagName===this.IC_TEXT_FIELD){t.setFocus()}else{t.focus()}};this.getFocusedElementIndex=()=>{for(let t=0;t<this.interactiveElementList.length;t++){if(this.interactiveElementList[t]===(this.el.shadowRoot.activeElement||document.activeElement)){this.focusedElementIndex=t}}};this.setAlertVariant=()=>{if(this.status!==undefined&&this.status!==null){const t=this.el.shadowRoot.querySelector("ic-alert");t.setAttribute("variant",this.status)}};this.closeIconClick=()=>{this.hideDialog()};this.getInteractiveElements=()=>{this.interactiveElementList=Array.from(this.el.shadowRoot.querySelectorAll("ic-button"));const t=Array.from(this.el.querySelectorAll(`a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex="-1"]), \n          ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-group, ic-radio-group, \n          ic-back-to-top, ic-breadcrumb, ic-chip[dismissible="true"], ic-footer-link, ic-link, ic-navigation-button, \n          ic-navigation-item, ic-switch, ic-text-field`));if(t.length>0){if(t[0].slot!==this.DIALOG_CONTROLS){t[0].setAttribute(this.DATA_GETS_FOCUS,"")}else if(!this.destructive){t[t.length-1].setAttribute(this.DATA_GETS_FOCUS,"")}}for(let i=0;i<t.length;i++){this.interactiveElementList.splice(1+i,0,t[i])}};this.focusNextInteractiveElement=t=>{this.getFocusedElementIndex();if(t){this.focusedElementIndex-=1}else{this.focusedElementIndex+=1}if(this.focusedElementIndex>this.interactiveElementList.length-1)this.focusedElementIndex=0;else if(this.focusedElementIndex<0){this.focusedElementIndex=this.interactiveElementList.length-1}const i=this.interactiveElementList[this.focusedElementIndex];if(i.tagName===this.IC_TEXT_FIELD){i.setFocus()}else{i.focus()}};this.setButtonOnClick=()=>{var t,i,e;if(this.buttons){this.buttonOnclick0=new Function((t=this.buttonProps[0])===null||t===void 0?void 0:t.onclick);this.buttonOnclick1=new Function((i=this.buttonProps[1])===null||i===void 0?void 0:i.onclick);this.buttonOnclick2=new Function((e=this.buttonProps[2])===null||e===void 0?void 0:e.onclick)}};this.getButtonOnclick=t=>{if(t===0){return this.buttonOnclick0()}else if(t===1){return this.buttonOnclick1()}else{return this.buttonOnclick2()}};this.getButtonVariant=t=>{const i=this.destructive?"destructive":"primary";if(this.buttonProps.length===1){return i}else if(this.buttonProps.length===2){if(t===0){return"tertiary"}else{return i}}else{if(t===2){return i}else{return"secondary"}}};this.dialogRendered=false;this.fadeIn=false;this.alertHeading=undefined;this.alertMessage=undefined;this.buttons=true;this.closeOnBackdropClick=true;this.destructive=false;this.dismissLabel="Dismiss";this.heading=undefined;this.label=undefined;this.size="small";this.status=undefined;this.buttonProps=[{label:"Cancel",onclick:"this.cancelDialog();"},{label:"Confirm",onclick:"this.confirmDialog();"}]}watchPropHandler(){this.setButtonOnClick()}componentWillLoad(){this.setButtonOnClick()}componentDidLoad(){this.getInteractiveElements();this.setAlertVariant()}handleKeyboard(t){if(this.dialogRendered){switch(t.key){case"Tab":t.preventDefault();this.focusNextInteractiveElement(t.shiftKey);break;case"Escape":!t.repeat&&this.hideDialog();t.stopImmediatePropagation();break}}}handleClick(t){const i=this.el.shadowRoot.querySelector("dialog");if(this.closeOnBackdropClick&&t.composedPath().indexOf(i)<=0){const i=this.dialogEl.getBoundingClientRect();const e=i.top<=t.clientY&&t.clientY<=i.top+i.height&&i.left<=t.clientX&&t.clientX<=i.left+i.width;if(!e){this.hideDialog()}}}async showDialog(){this.dialogRendered=true;this.dialogEl.showModal();setTimeout((()=>{this.fadeIn=true}),10);setTimeout((()=>{this.setInitialFocus();n(this.runResizeObserver)}),75);setTimeout((()=>{this.getFocusedElementIndex();this.icDialogOpened.emit()}),80)}async hideDialog(){this.fadeIn=false;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}setTimeout((()=>{var t;this.dialogRendered=false;this.dialogEl.close();(t=this.sourceElement)===null||t===void 0?void 0:t.focus();this.el.removeAttribute(this.DATA_OVERFLOW);this.dialogHeight=0;this.icDialogClosed.emit()}),80)}async cancelDialog(){this.icDialogCancelled.emit();this.hideDialog()}async confirmDialog(){this.icDialogConfirmed.emit()}render(){const{alertHeading:t,alertMessage:i,buttons:a,buttonProps:n,size:l,heading:h,label:c,status:d,destructive:u,dismissLabel:m}=this;return e(s,{class:{["hidden"]:!this.dialogRendered,["fade-in"]:this.fadeIn}},e("dialog",{class:{["dialog"]:true,[`${l}`]:true},"aria-labelledby":"dialog-label dialog-heading","aria-describedby":"dialog-alert dialog-content",ref:t=>this.dialogEl=t},e("div",{class:"heading-area"},e("div",{class:"heading-content"},e("div",{class:"label"},e("slot",{name:"label"},e("ic-typography",{variant:"label",id:"dialog-label"},c))),e("div",{class:"heading"},e("slot",{name:"heading"},e("ic-typography",{variant:"h4",id:"dialog-heading"},h)))),e("ic-button",{class:"close-icon",variant:"icon","aria-label":m,onClick:this.closeIconClick,"data-gets-focus":u||!a?"":null},e("span",{class:"close-icon-svg",slot:"icon",innerHTML:o}))),e("div",{class:"content-area"},d&&e("ic-alert",{variant:d,heading:t,message:i,"title-above":true,class:"status-alert",id:"dialog-alert"}),e("div",{id:"dialog-content"},e("slot",null))),(a||r(this.el,this.DIALOG_CONTROLS))&&e("div",{class:{[this.DIALOG_CONTROLS]:true,["triple-button"]:n.length===3}},e("slot",{name:this.DIALOG_CONTROLS},!r(this.el,this.DIALOG_CONTROLS)&&n.map(((t,i)=>{if(i>2){return}else{return e("ic-button",{variant:this.getButtonVariant(i),onClick:()=>this.getButtonOnclick(i),class:"dialog-control-button","full-width":n.length===3,"data-gets-focus":this.getButtonVariant(i)==="primary"?"":null},t.label)}}))))))}get el(){return a(this)}static get watchers(){return{buttonProps:["watchPropHandler"]}}};h.style=l;export{h as ic_dialog};
+//# sourceMappingURL=p-ee11e185.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icDialogCss","Dialog","this","DATA_OVERFLOW","DATA_GETS_FOCUS","DATA_GETS_FOCUS_SELECTOR","DIALOG_CONTROLS","dialogHeight","focusedElementIndex","IC_TEXT_FIELD","resizeObserver","setContentOverflow","dialogEl","clientHeight","scrollHeight","el","setAttribute","runResizeObserver","ResizeObserver","clearTimeout","resizeTimeout","window","setTimeout","resizeObserverCallback","observe","setInitialFocus","sourceElement","document","activeElement","focusedElement","querySelector","shadowRoot","tagName","setFocus","focus","getFocusedElementIndex","i","interactiveElementList","length","setAlertVariant","status","undefined","alert","closeIconClick","hideDialog","getInteractiveElements","Array","from","querySelectorAll","slottedInteractiveElements","slot","destructive","splice","focusNextInteractiveElement","shiftKey","nextFocusEl","setButtonOnClick","buttons","buttonOnclick0","Function","_a","buttonProps","onclick","buttonOnclick1","_b","buttonOnclick2","_c","getButtonOnclick","index","getButtonVariant","mainVariant","label","watchPropHandler","componentWillLoad","componentDidLoad","handleKeyboard","ev","dialogRendered","key","preventDefault","repeat","stopImmediatePropagation","handleClick","dialogElement","closeOnBackdropClick","composedPath","indexOf","rect","getBoundingClientRect","isInDialog","top","clientY","height","left","clientX","width","async","showModal","fadeIn","checkResizeObserver","icDialogOpened","emit","disconnect","close","removeAttribute","icDialogClosed","icDialogCancelled","icDialogConfirmed","render","alertHeading","alertMessage","size","heading","dismissLabel","h","Host","class","ref","name","variant","id","onClick","innerHTML","closeIcon","message","isSlotUsed","map","props"],"sources":["./src/components/ic-dialog/ic-dialog.css?tag=ic-dialog&encapsulation=shadow","./src/components/ic-dialog/ic-dialog.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n  * @prop --ic-z-index-dialog: z-index of dialog \n  */\n\n:host {\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100% !important;\n  background: rgb(0 0 0 / 60%);\n  z-index: var(--ic-z-index-dialog);\n  opacity: 0;\n  transition: opacity var(--ic-easing-transition-slow);\n}\n\n:host(.fade-in) {\n  opacity: 1;\n  transition: opacity var(--ic-easing-transition-slow);\n}\n\n:host(.hidden) {\n  display: none;\n}\n\n.dialog {\n  background-color: var(--ic-architectural-white);\n  border: var(--ic-border-default);\n  border-radius: var(--ic-border-radius);\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  transform: translateY(-3rem);\n  transition: transform 1000s;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n}\n\n:host(.fade-in) .dialog {\n  transform: translateY(0);\n  transition: transform var(--ic-easing-transition-slow);\n}\n\n.small {\n  width: 50%;\n  max-width: 25rem;\n  min-height: 11rem;\n  max-height: 70vh;\n}\n\n.medium {\n  width: 70vw;\n  max-width: 44rem;\n  min-height: 12.5rem;\n  max-height: 70vh;\n}\n\n.large {\n  width: 90vw;\n  max-width: 62.5rem;\n  min-height: 12.5rem;\n  max-height: 90vh;\n}\n\n.heading-area {\n  display: flex;\n  margin-bottom: var(--ic-space-xs);\n}\n\n.close-icon {\n  margin-left: auto;\n}\n\n.close-icon-svg {\n  display: flex;\n  align-items: center;\n}\n\n.content-area {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  padding: 0 var(--ic-space-xs);\n  margin: 0 calc(-1 * var(--ic-space-xs));\n}\n\n:host([data-overflow=\"false\"]) .content-area {\n  overflow-y: visible;\n}\n\n:host([data-overflow=\"true\"]) .content-area {\n  overflow-y: scroll;\n}\n\n:host([data-overflow=\"false\"]) .dialog {\n  overflow: visible;\n}\n\n.content-area::-webkit-scrollbar {\n  display: none;\n}\n\n#dialog-content {\n  margin-bottom: var(--ic-space-sm);\n}\n\n.status-alert {\n  margin-bottom: var(--ic-space-xs);\n}\n\n.dialog-controls {\n  margin-top: auto;\n  padding-top: var(--ic-space-xs);\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--ic-space-md);\n}\n\n.dialog-control-button {\n  width: fit-content;\n}\n\n@media (min-width: 800px) {\n  :host([size=\"large\"]) .content-area {\n    width: 75%;\n  }\n}\n\n@media (max-width: 576px) {\n  .dialog {\n    width: 100vw;\n    height: 100vh;\n    transform: translateY(-5rem);\n    max-width: none;\n    max-height: none;\n    box-sizing: border-box;\n  }\n}\n\n@media (max-width: 364px) {\n  .triple-button {\n    flex-direction: column;\n    gap: var(--ic-space-xs);\n  }\n\n  .dialog-control-button {\n    width: unset;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  State,\n  Method,\n  Listen,\n  Watch,\n  h,\n} from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { isSlotUsed, checkResizeObserver } from \"../../utils/helpers\";\n\n@Component({\n  tag: \"ic-dialog\",\n  styleUrl: \"ic-dialog.css\",\n  shadow: true,\n})\nexport class Dialog {\n  private DATA_OVERFLOW: string = \"data-overflow\";\n  private DATA_GETS_FOCUS: string = \"data-gets-focus\";\n  private DATA_GETS_FOCUS_SELECTOR: string = \"[data-gets-focus]\";\n  private DIALOG_CONTROLS: string = \"dialog-controls\";\n  private dialogEl: HTMLDialogElement;\n  private dialogHeight: number = 0;\n  private focusedElementIndex = 0;\n  private IC_TEXT_FIELD: string = \"IC-TEXT-FIELD\";\n  private interactiveElementList: HTMLElement[];\n  private resizeObserver: ResizeObserver = null;\n  private resizeTimeout: number;\n  private sourceElement: HTMLElement;\n\n  /* eslint-disable */\n\n  private buttonOnclick0: Function;\n  private buttonOnclick1: Function;\n  private buttonOnclick2: Function;\n\n  /* eslint-enable */\n\n  @Element() el: HTMLIcDialogElement;\n\n  @State() dialogRendered: boolean = false;\n  @State() fadeIn: boolean = false;\n\n  /**\n   * @slot dialog-controls - Content will be place at the bottom of the dialog.\n   * @slot heading - Content will be placed at the top of the dialog.\n   * @slot label - Content will be placed above the dialog heading.\n   */\n\n  /**\n   * If a status is set, sets the heading for the displayed alert.\n   */\n  @Prop() alertHeading?: string;\n\n  /**\n   * If a status is set, sets the message for the displayed alert.\n   */\n  @Prop() alertMessage?: string;\n\n  /**\n   * If set to `false`, dialog controls will not be displayed overriding buttonProps or slotted dialog controls.\n   */\n  @Prop() buttons?: boolean = true;\n\n  /**\n   * If set to `true`, the dialog will not close when the backdrop is clicked.\n   */\n  @Prop() closeOnBackdropClick?: boolean = true;\n\n  /**\n   * If default buttons are displayed, sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.\n   */\n  @Prop() destructive?: boolean = false;\n\n  /**\n   * Sets the dismiss label tooltip and aria label.\n   */\n  @Prop() dismissLabel?: string = \"Dismiss\";\n\n  /**\n   * Sets the heading for the dialog.\n   */\n  @Prop() heading!: string;\n\n  /**\n   * Sets the optional label for the dialog which appears above the heading.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Sets the maximum and minimum height and width for the dialog.\n   */\n  @Prop() size?: \"small\" | \"medium\" | \"large\" = \"small\";\n\n  /**\n   * If set, displays an alert of the corresponding variant below the heading.\n   */\n  @Prop() status?: \"neutral\" | \"info\" | \"warning\" | \"error\" | \"success\";\n\n  /**\n   * Sets the label and onclick functions for default buttons.\n   */\n  @Prop() buttonProps?: { label: string; onclick: string }[] = [\n    {\n      label: \"Cancel\",\n      onclick: \"this.cancelDialog();\",\n    },\n    { label: \"Confirm\", onclick: \"this.confirmDialog();\" },\n  ];\n\n  @Watch(\"buttonProps\")\n  watchPropHandler(): void {\n    this.setButtonOnClick();\n  }\n\n  /**\n   * Cancelation event emitted when default 'Cancel' button clicked or 'cancelDialog' method is called.\n   */\n  @Event() icDialogCancelled: EventEmitter<void>;\n\n  /**\n   * Emitted when dialog has closed.\n   */\n  @Event() icDialogClosed: EventEmitter<void>;\n\n  /**\n   * Confirmation event emitted when default 'Confirm' primary button clicked or 'confirmDialog' method is called.\n   */\n  @Event() icDialogConfirmed: EventEmitter<void>;\n\n  /**\n   * Emitted when dialog has opened.\n   */\n  @Event() icDialogOpened: EventEmitter<void>;\n\n  componentWillLoad(): void {\n    this.setButtonOnClick();\n  }\n\n  componentDidLoad(): void {\n    this.getInteractiveElements();\n    this.setAlertVariant();\n  }\n\n  @Listen(\"keydown\", { target: \"document\" })\n  handleKeyboard(ev: KeyboardEvent): void {\n    if (this.dialogRendered) {\n      switch (ev.key) {\n        case \"Tab\":\n          ev.preventDefault();\n          this.focusNextInteractiveElement(ev.shiftKey);\n          break;\n        case \"Escape\":\n          !ev.repeat && this.hideDialog();\n          ev.stopImmediatePropagation();\n          break;\n      }\n    }\n  }\n\n  @Listen(\"click\", {})\n  handleClick(ev: MouseEvent): void {\n    const dialogElement = this.el.shadowRoot.querySelector(\"dialog\");\n    if (\n      this.closeOnBackdropClick &&\n      ev.composedPath().indexOf(dialogElement) <= 0\n    ) {\n      const rect = this.dialogEl.getBoundingClientRect();\n      const isInDialog =\n        rect.top <= ev.clientY &&\n        ev.clientY <= rect.top + rect.height &&\n        rect.left <= ev.clientX &&\n        ev.clientX <= rect.left + rect.width;\n      if (!isInDialog) {\n        this.hideDialog();\n      }\n    }\n  }\n\n  /**\n   * Use to show the dialog.\n   */\n  @Method()\n  async showDialog(): Promise<void> {\n    this.dialogRendered = true;\n    this.dialogEl.showModal();\n    setTimeout(() => {\n      this.fadeIn = true;\n    }, 10);\n    setTimeout(() => {\n      this.setInitialFocus();\n      checkResizeObserver(this.runResizeObserver);\n    }, 75);\n    setTimeout(() => {\n      this.getFocusedElementIndex();\n      this.icDialogOpened.emit();\n    }, 80);\n  }\n\n  /**\n   * Use to hide the dialog.\n   */\n  @Method()\n  async hideDialog(): Promise<void> {\n    this.fadeIn = false;\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n    setTimeout(() => {\n      this.dialogRendered = false;\n      this.dialogEl.close();\n      this.sourceElement?.focus();\n      this.el.removeAttribute(this.DATA_OVERFLOW);\n      this.dialogHeight = 0;\n      this.icDialogClosed.emit();\n    }, 80);\n  }\n\n  /**\n   * Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.\n   */\n  @Method()\n  async cancelDialog(): Promise<void> {\n    this.icDialogCancelled.emit();\n    this.hideDialog();\n  }\n\n  /**\n   * Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.\n   */\n  @Method()\n  async confirmDialog(): Promise<void> {\n    this.icDialogConfirmed.emit();\n  }\n\n  private setContentOverflow = (): void => {\n    if (this.dialogEl.clientHeight < this.dialogEl.scrollHeight) {\n      this.el.setAttribute(this.DATA_OVERFLOW, \"true\");\n    } else {\n      this.el.setAttribute(this.DATA_OVERFLOW, \"false\");\n    }\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      clearTimeout(this.resizeTimeout);\n      this.resizeTimeout = window.setTimeout(this.resizeObserverCallback, 80);\n    });\n    this.resizeObserver.observe(this.dialogEl);\n  };\n\n  private resizeObserverCallback = () => {\n    if (this.dialogEl.clientHeight !== this.dialogHeight) {\n      this.el.setAttribute(this.DATA_OVERFLOW, \"false\");\n      this.setContentOverflow();\n      this.dialogHeight = this.dialogEl.clientHeight;\n    }\n  };\n\n  private setInitialFocus = () => {\n    this.sourceElement = document.activeElement as HTMLElement;\n\n    let focusedElement;\n\n    if (this.el.querySelector(this.DATA_GETS_FOCUS_SELECTOR) !== null) {\n      focusedElement = this.el.querySelector(\n        this.DATA_GETS_FOCUS_SELECTOR\n      ) as HTMLElement;\n    } else {\n      focusedElement = this.el.shadowRoot.querySelector(\n        this.DATA_GETS_FOCUS_SELECTOR\n      ) as HTMLElement;\n    }\n    if (focusedElement.tagName === this.IC_TEXT_FIELD) {\n      (focusedElement as HTMLIcTextFieldElement).setFocus();\n    } else {\n      focusedElement.focus();\n    }\n  };\n\n  private getFocusedElementIndex = () => {\n    for (let i = 0; i < this.interactiveElementList.length; i++) {\n      if (\n        (this.interactiveElementList[i] as HTMLElement) ===\n        (this.el.shadowRoot.activeElement || document.activeElement)\n      ) {\n        this.focusedElementIndex = i;\n      }\n    }\n  };\n\n  private setAlertVariant = () => {\n    if (this.status !== undefined && this.status !== null) {\n      const alert = this.el.shadowRoot.querySelector(\"ic-alert\");\n      alert.setAttribute(\"variant\", this.status);\n    }\n  };\n\n  private closeIconClick = () => {\n    this.hideDialog();\n  };\n\n  private getInteractiveElements = () => {\n    this.interactiveElementList = Array.from(\n      this.el.shadowRoot.querySelectorAll(\"ic-button\")\n    );\n    const slottedInteractiveElements = Array.from(\n      this.el.querySelectorAll(\n        `a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex=\"-1\"]), \n          ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-group, ic-radio-group, \n          ic-back-to-top, ic-breadcrumb, ic-chip[dismissible=\"true\"], ic-footer-link, ic-link, ic-navigation-button, \n          ic-navigation-item, ic-switch, ic-text-field`\n      )\n    );\n    if (slottedInteractiveElements.length > 0) {\n      if (slottedInteractiveElements[0].slot !== this.DIALOG_CONTROLS) {\n        slottedInteractiveElements[0].setAttribute(this.DATA_GETS_FOCUS, \"\");\n      } else if (!this.destructive) {\n        slottedInteractiveElements[\n          slottedInteractiveElements.length - 1\n        ].setAttribute(this.DATA_GETS_FOCUS, \"\");\n      }\n    }\n    for (let i = 0; i < slottedInteractiveElements.length; i++) {\n      this.interactiveElementList.splice(\n        1 + i,\n        0,\n        slottedInteractiveElements[i] as HTMLElement\n      );\n    }\n  };\n\n  private focusNextInteractiveElement = (shiftKey: boolean) => {\n    this.getFocusedElementIndex();\n\n    if (shiftKey) {\n      this.focusedElementIndex -= 1;\n    } else {\n      this.focusedElementIndex += 1;\n    }\n\n    if (this.focusedElementIndex > this.interactiveElementList.length - 1)\n      this.focusedElementIndex = 0;\n    else if (this.focusedElementIndex < 0) {\n      this.focusedElementIndex = this.interactiveElementList.length - 1;\n    }\n\n    const nextFocusEl = this.interactiveElementList[this.focusedElementIndex];\n    if (nextFocusEl.tagName === this.IC_TEXT_FIELD) {\n      (nextFocusEl as HTMLIcTextFieldElement).setFocus();\n    } else {\n      (nextFocusEl as HTMLElement).focus();\n    }\n  };\n\n  private setButtonOnClick = () => {\n    if (this.buttons) {\n      this.buttonOnclick0 = new Function(this.buttonProps[0]?.onclick);\n      this.buttonOnclick1 = new Function(this.buttonProps[1]?.onclick);\n      this.buttonOnclick2 = new Function(this.buttonProps[2]?.onclick);\n    }\n  };\n\n  private getButtonOnclick = (index: number) => {\n    if (index === 0) {\n      return this.buttonOnclick0();\n    } else if (index === 1) {\n      return this.buttonOnclick1();\n    } else {\n      return this.buttonOnclick2();\n    }\n  };\n\n  private getButtonVariant = (index: number) => {\n    const mainVariant = this.destructive ? \"destructive\" : \"primary\";\n    if (this.buttonProps.length === 1) {\n      return mainVariant;\n    } else if (this.buttonProps.length === 2) {\n      if (index === 0) {\n        return \"tertiary\";\n      } else {\n        return mainVariant;\n      }\n    } else {\n      if (index === 2) {\n        return mainVariant;\n      } else {\n        return \"secondary\";\n      }\n    }\n  };\n\n  render() {\n    const {\n      alertHeading,\n      alertMessage,\n      buttons,\n      buttonProps,\n      size,\n      heading,\n      label,\n      status,\n      destructive,\n      dismissLabel,\n    } = this;\n\n    return (\n      <Host\n        class={{ [\"hidden\"]: !this.dialogRendered, [\"fade-in\"]: this.fadeIn }}\n      >\n        <dialog\n          class={{ [\"dialog\"]: true, [`${size}`]: true }}\n          aria-labelledby=\"dialog-label dialog-heading\"\n          aria-describedby=\"dialog-alert dialog-content\"\n          ref={(el) => (this.dialogEl = el)}\n        >\n          <div class=\"heading-area\">\n            <div class=\"heading-content\">\n              <div class=\"label\">\n                <slot name=\"label\">\n                  <ic-typography variant=\"label\" id=\"dialog-label\">\n                    {label}\n                  </ic-typography>\n                </slot>\n              </div>\n              <div class=\"heading\">\n                <slot name=\"heading\">\n                  <ic-typography variant=\"h4\" id=\"dialog-heading\">\n                    {heading}\n                  </ic-typography>\n                </slot>\n              </div>\n            </div>\n            <ic-button\n              class=\"close-icon\"\n              variant=\"icon\"\n              aria-label={dismissLabel}\n              onClick={this.closeIconClick}\n              data-gets-focus={destructive || !buttons ? \"\" : null}\n            >\n              <span class=\"close-icon-svg\" slot=\"icon\" innerHTML={closeIcon} />\n            </ic-button>\n          </div>\n          <div class=\"content-area\">\n            {status && (\n              <ic-alert\n                variant={status}\n                heading={alertHeading}\n                message={alertMessage}\n                title-above\n                class=\"status-alert\"\n                id=\"dialog-alert\"\n              ></ic-alert>\n            )}\n            <div id=\"dialog-content\">\n              <slot></slot>\n            </div>\n          </div>\n          {(buttons || isSlotUsed(this.el, this.DIALOG_CONTROLS)) && (\n            <div\n              class={{\n                [this.DIALOG_CONTROLS]: true,\n                [\"triple-button\"]: buttonProps.length === 3,\n              }}\n            >\n              <slot name={this.DIALOG_CONTROLS}>\n                {!isSlotUsed(this.el, this.DIALOG_CONTROLS) &&\n                  buttonProps.map((props, index) => {\n                    if (index > 2) {\n                      return;\n                    } else {\n                      return (\n                        <ic-button\n                          variant={this.getButtonVariant(index)}\n                          onClick={() => this.getButtonOnclick(index)}\n                          class=\"dialog-control-button\"\n                          full-width={buttonProps.length === 3}\n                          data-gets-focus={\n                            this.getButtonVariant(index) === \"primary\"\n                              ? \"\"\n                              : null\n                          }\n                        >\n                          {props.label}\n                        </ic-button>\n                      );\n                    }\n                  })}\n              </slot>\n            </div>\n          )}\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as i,h as t,H as e,g as o}from"./p-69920d86.js";import{D as n,l as s,g as a,q as r}from"./p-5dd0b02e.js";import{C as d}from"./p-06321d19.js";import"./p-6f57b13c.js";const h='/*! 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}:host(.in-side-menu){border-bottom:var(--ic-space-1px) solid var(--ic-architectural-200);padding:var(--ic-space-md) 0}:host .navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none}:host(.in-side-menu) .navigation-group{height:2.5rem;width:100%;text-align:left}:host(.in-side-menu) .navigation-group .ic-typography-label{width:11.875rem}:host(.in-side-menu) .navigation-group-side-menu{color:var(--ic-action-default);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-action-default);justify-content:flex-start;padding-left:var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:"";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}:host(.in-side-menu) .navigation-group-side-menu-expanded::after{top:0.15em;transform:rotate(-45deg)}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-primary-text);outline:none;cursor:pointer}:host(:not(.in-side-menu)) .navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}:host(.in-side-menu) .navigation-group-side-menu:hover,:host(.in-side-menu) .navigation-group-side-menu:active,:host(.in-side-menu) .navigation-group-side-menu:focus{background-color:var(--ic-architectural-20);color:var(--ic-action-default);cursor:auto;box-shadow:none;outline:none}:host(.in-side-menu) .navigation-group-side-menu:focus{outline:var(--ic-hc-focus-outline)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-action-dark-bg-active);color:var(--ic-action-default)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}:host .navigation-group-dropdown{background-color:var(--ic-architectural-20);border-bottom:var(--ic-border-default);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}:host .navigation-group-dropdown-items-list{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}:host .chevron-toggle-icon-wrapper{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}:host(.expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto);transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.collapsed) .grouped-links-wrapper{height:var(--navigation-child-items-height, 0);transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.navigation-group-side-nav) .navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}:host(.navigation-group-side-nav) .navigation-group:hover,:host(.navigation-group-side-nav) .navigation-group:active,:host(.navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}';const c=class{constructor(e){i(this,e);this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS=50;this.IC_NAVIGATION_ITEM="ic-navigation-item";this.mouseGate=false;this.nodeName="IC-NAVIGATION-GROUP";this.sideNavExpandHandler=()=>{setTimeout((()=>this.setInitialGroupedLinksWrapperHeight()),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)};this.topNavResizedHandler=i=>{const t=i.detail.size;if(t!==this.deviceSize){this.deviceSize=t;this.inTopNavSideMenu=t<=n.L}};this.setGroupedNavItemTabIndex=i=>{this.el.querySelectorAll(this.IC_NAVIGATION_ITEM).forEach((t=>{const e=t.shadowRoot.querySelector("a")||t.querySelector("a");if(e){e.setAttribute("tabindex",i)}}))};this.toggleGroupedLinkWrapperHeight=(i,t)=>{if(i){if(t){i.setAttribute("style",`--navigation-child-items-height: ${this.getNavigationChildItemsHeight()}`);this.setGroupedNavItemTabIndex("0")}else{i.setAttribute("style",`--navigation-child-items-height: 0`);this.setGroupedNavItemTabIndex("-1")}}};this.toggleExpanded=()=>{this.expanded=!this.expanded;const i=this.el.shadowRoot.querySelector(".grouped-links-wrapper");this.toggleGroupedLinkWrapperHeight(i,this.expanded)};this.handleClick=i=>{if(this.navigationType==="top"&&i.detail){this.toggleDropdown()}else{this.toggleExpanded()}};this.handleBlur=i=>{const t=i.relatedTarget;if(!this.el.contains(t)){this.hideDropdown()}};this.handleTopNavKeydown=i=>{if(i.key===" "||i.key==="Enter"){this.toggleDropdown()}else if(!this.inTopNavSideMenu&&i.key==="Escape"){this.hideDropdown()}};this.handleKeydown=i=>{if(i.key==="Enter"||i.key===" "||i.key==="Escape"){switch(this.navigationType){case"top":this.handleTopNavKeydown(i);break;case"side":this.toggleExpanded();i.preventDefault();break;default:this.toggleExpanded();break}}};this.handleMouseLeave=i=>{const t=i.relatedTarget;this.mouseGate=false;if(!this.el.contains(t)&&t!==this.dropdown&&document.activeElement!==this.el&&!this.el.contains(document.activeElement)&&t.nodeName===this.nodeName&&this.dropdownOpen===true){this.mouseGate=true;this.hideDropdown()}else if(!this.el.contains(t)&&t!==this.dropdown&&!this.el.contains(document.activeElement)){this.mouseGate=false;setTimeout((()=>{this.dropdownOpen?this.hideDropdown():null}),500)}};this.handleMouseEnter=i=>{const t=i.relatedTarget;document.addEventListener("keydown",this.handleKeydown);if(t.nodeName===this.nodeName&&this.mouseGate===true){this.showDropdown()}else if(this.dropdownOpen===false&&t!==null&&this.mouseGate===false){this.mouseGate=true;setTimeout((()=>{this.mouseGate&&this.showDropdown()}),500)}};this.renderDropdownGroupedLinks=()=>t("div",{class:{["navigation-group-dropdown"]:!this.inTopNavSideMenu,["navigation-group-dropdown-side-menu"]:this.inTopNavSideMenu,["selected"]:this.dropdownOpen&&!this.inTopNavSideMenu},onMouseLeave:!this.inTopNavSideMenu?this.handleMouseLeave:null,ref:i=>this.dropdown=i},t("nav",{class:{["navigation-group-dropdown-items"]:!this.inTopNavSideMenu}},t("ul",null,t("slot",null))));this.renderGroupedLinks=()=>t("ul",{class:"grouped-links-wrapper"},t("slot",null));this.getNavigationChildItemsHeight=()=>{const i=this.el.querySelectorAll(this.IC_NAVIGATION_ITEM).length||0;const t=this.el.querySelector(this.IC_NAVIGATION_ITEM)||null;if(this.navigationType==="side"&&!!i&&t){return`${parseInt(getComputedStyle(t).height)*i}px`}return"auto"};this.setInitialGroupedLinksWrapperHeight=()=>{const i=this.el.shadowRoot.querySelector(".grouped-links-wrapper");if(i&&this.expanded){i.setAttribute("style",`--navigation-child-items-height: ${this.getNavigationChildItemsHeight()}`)}};this.renderNavigationItems=()=>{if(this.dropdownOpen||this.inTopNavSideMenu&&!this.expandable){return this.renderDropdownGroupedLinks()}if(this.navigationType!=="top"){return this.renderGroupedLinks()}return null};this.deviceSize=n.XL;this.dropdownOpen=false;this.expanded=true;this.focusStyle=s();this.inTopNavSideMenu=false;this.navigationType=undefined;this.parentEl=undefined;this.expandable=false;this.label=undefined}disconnectedCallback(){if(this.navigationType==="side"){this.parentEl.removeEventListener("sideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){this.parentEl.removeEventListener("topNavResized",this.topNavResizedHandler)}}componentWillLoad(){this.deviceSize=a();const i=r(this.el);this.navigationType=i.navType;this.parentEl=i.parent;if(this.deviceSize<=n.L&&this.navigationType==="top"){this.inTopNavSideMenu=true}if(this.navigationType==="side"){this.parentEl.addEventListener("sideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){this.parentEl.addEventListener("topNavResized",this.topNavResizedHandler)}}componentDidLoad(){setTimeout((()=>this.setInitialGroupedLinksWrapperHeight()),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)}childBlurHandler(){this.hideDropdown()}navItemClickHandler(){this.hideDropdown()}themeChangeHandler(i){const t=i.detail;this.focusStyle=t.mode}async setFocus(){if(this.groupEl){this.groupEl.focus()}}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}showDropdown(){if(!this.dropdownOpen){this.toggleDropdown()}}hideDropdown(){document.removeEventListener("keydown",this.handleKeydown);if(this.dropdownOpen){this.toggleDropdown()}}render(){const{label:i,dropdownOpen:o,inTopNavSideMenu:n,expandable:s}=this;const a=!n||s?"button":"div";return t(e,{class:{["in-side-menu"]:n,expanded:this.expanded,collapsed:!this.expanded,["navigation-group-side-nav"]:this.navigationType==="side"},role:"listitem"},t(a,{onMouseEnter:!n&&this.navigationType==="top"&&this.handleMouseEnter,onMouseLeave:this.navigationType==="top"&&this.handleMouseLeave,tabindex:n&&!s?"-1":"0",onBlur:this.handleBlur,onClick:s?this.handleClick:null,onKeyDown:this.handleKeydown,class:{["navigation-group"]:true,[this.focusStyle]:!n,["navigation-group-side-menu"]:n&&!s,["navigation-group-side-menu-collapsed"]:n&&s&&!o,["navigation-group-side-menu-expanded"]:n&&s&&o,["selected"]:o&&!n},ref:i=>this.groupEl=i,"aria-expanded":o||this.expanded?"true":"false","aria-haspopup":!n&&this.navigationType==="top"?"true":"false"},t("ic-typography",{variant:this.navigationType==="side"?"caption":"label"},i),this.navigationType==="side"&&s&&t("div",{class:{"chevron-toggle-icon-wrapper":true,"chevron-toggle-icon-closed":this.expanded},innerHTML:d})),this.renderNavigationItems())}static get delegatesFocus(){return true}get el(){return o(this)}};c.style=h;export{c as ic_navigation_group};
+//# sourceMappingURL=p-f24814b8.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icNavigationGroupCss","NavigationGroup","this","DYNAMIC_GROUPED_LINKS_HEIGHT_MS","IC_NAVIGATION_ITEM","mouseGate","nodeName","sideNavExpandHandler","setTimeout","setInitialGroupedLinksWrapperHeight","topNavResizedHandler","ev","newSize","detail","size","deviceSize","inTopNavSideMenu","DEVICE_SIZES","L","setGroupedNavItemTabIndex","tabIndexValue","el","querySelectorAll","forEach","navigationItem","navItem","shadowRoot","querySelector","setAttribute","toggleGroupedLinkWrapperHeight","wrapper","expanded","getNavigationChildItemsHeight","toggleExpanded","linkWrapper","handleClick","navigationType","toggleDropdown","handleBlur","target","relatedTarget","contains","hideDropdown","handleTopNavKeydown","key","handleKeydown","preventDefault","handleMouseLeave","relTarget","dropdown","document","activeElement","dropdownOpen","handleMouseEnter","addEventListener","showDropdown","renderDropdownGroupedLinks","h","class","onMouseLeave","ref","renderGroupedLinks","navigationItemLength","length","parseInt","getComputedStyle","height","renderNavigationItems","expandable","XL","getThemeForegroundColor","disconnectedCallback","parentEl","removeEventListener","componentWillLoad","getCurrentDeviceSize","navParentDetails","getNavItemParentDetails","navType","parent","componentDidLoad","childBlurHandler","navItemClickHandler","themeChangeHandler","theme","focusStyle","mode","async","groupEl","focus","render","label","NavigationGroupElement","Host","collapsed","role","onMouseEnter","tabindex","onBlur","onClick","onKeyDown","variant","innerHTML","chevronIcon"],"sources":["./src/components/ic-navigation-group/ic-navigation-group.css?tag=ic-navigation-group&encapsulation=shadow","./src/components/ic-navigation-group/ic-navigation-group.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-navigation-item: z-index of navigation group item\n */\n\n:host {\n  display: block;\n}\n\n:host(.in-side-menu) {\n  border-bottom: var(--ic-space-1px) solid var(--ic-architectural-200);\n  padding: var(--ic-space-md) 0;\n}\n\n:host .navigation-group {\n  height: 100%;\n  width: fit-content;\n  color: var(--ic-theme-text);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 var(--ic-space-md);\n  transition: var(--ic-easing-transition-slow);\n  position: relative;\n  background: none;\n  border: none;\n}\n\n:host(.in-side-menu) .navigation-group {\n  height: 2.5rem;\n  width: 100%;\n  text-align: left;\n}\n\n:host(.in-side-menu) .navigation-group .ic-typography-label {\n  width: 11.875rem;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu {\n  color: var(--ic-action-default);\n  justify-content: flex-start;\n  padding: 0 var(--ic-space-md) 0 var(--ic-space-md);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  color: var(--ic-action-default);\n  justify-content: flex-start;\n  padding-left: var(--ic-space-md);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  margin-bottom: var(--ic-space-xs);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  border-style: solid;\n  border-width: 0.125em 0.125em 0 0;\n  content: \"\";\n  display: inline-block;\n  height: 0.45em;\n  left: 0.75em;\n  position: relative;\n  top: -0.1em;\n  transform: rotate(135deg);\n  vertical-align: top;\n  width: 0.45em;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  top: 0.15em;\n  transform: rotate(-45deg);\n}\n\n:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected {\n  background-color: var(--ic-architectural-20);\n  color: var(--ic-color-primary-text);\n  outline: none;\n  cursor: pointer;\n}\n\n:host(:not(.in-side-menu)) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n  z-index: var(--ic-z-index-navigation-item);\n  transition: box-shadow var(--ic-easing-transition-fast);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu:hover,\n:host(.in-side-menu) .navigation-group-side-menu:active,\n:host(.in-side-menu) .navigation-group-side-menu:focus {\n  background-color: var(--ic-architectural-20);\n  color: var(--ic-action-default);\n  cursor: auto;\n  box-shadow: none;\n  outline: none;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu:focus {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus) {\n  background-color: var(--ic-action-dark-bg-hover);\n  color: var(--ic-action-default);\n  cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus) {\n  background-color: var(--ic-action-dark-bg-active);\n  color: var(--ic-action-default);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus {\n  color: var(--ic-action-default);\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host .navigation-group-dropdown {\n  background-color: var(--ic-architectural-20);\n  border-bottom: var(--ic-border-default);\n  position: absolute;\n  left: 0;\n  right: 0;\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  box-shadow: 0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);\n  z-index: calc(var(--ic-z-index-navigation-item) - 1);\n}\n\n:host .navigation-group-dropdown-items-list {\n  list-style: none;\n  display: flex;\n  flex-flow: column wrap;\n  align-content: flex-start;\n  padding-left: var(--ic-space-md);\n  max-height: 16.5rem;\n}\n\n:host .chevron-toggle-icon-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n:host .chevron-toggle-icon-wrapper svg {\n  transform: rotate(90deg);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host .chevron-toggle-icon-closed svg {\n  transform: rotate(-90deg);\n}\n\n:host(.expanded) .grouped-links-wrapper {\n  height: var(--navigation-child-items-height, auto);\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.collapsed) .grouped-links-wrapper {\n  height: var(--navigation-child-items-height, 0);\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.navigation-group-side-nav) .navigation-group {\n  height: var(--navigation-group-height);\n  width: var(--navigation-group-width);\n  justify-content: var(--navigation-group-justify-content);\n  padding-right: var(--navigation-group-expand-toggle-padding);\n}\n\n:host(.navigation-group-side-nav) .navigation-group:hover,\n:host(.navigation-group-side-nav) .navigation-group:active,\n:host(.navigation-group-side-nav) .selected {\n  background-color: var(--navigation-group-hover);\n  color: var(--navigation-group-text-hover);\n}\n\n:host(.navigation-group-side-nav) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  background: none;\n}\n\n:host(.navigation-group-side-nav) .ic-typography-caption {\n  position: var(--navigation-group-title-position);\n  left: var(--navigation-group-title-position-left);\n  white-space: nowrap;\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  State,\n  Listen,\n  h,\n  Method,\n} from \"@stencil/core\";\n\nimport {\n  DEVICE_SIZES,\n  getCurrentDeviceSize,\n  getThemeForegroundColor,\n  getNavItemParentDetails,\n} from \"../../utils/helpers\";\nimport { IcNavType, IcTheme } from \"../../utils/types\";\n\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\n\n@Component({\n  tag: \"ic-navigation-group\",\n  styleUrl: \"ic-navigation-group.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class NavigationGroup {\n  private dropdown: HTMLElement;\n  private DYNAMIC_GROUPED_LINKS_HEIGHT_MS = 50;\n  private groupEl: HTMLElement;\n  private IC_NAVIGATION_ITEM = \"ic-navigation-item\";\n  private mouseGate: boolean = false;\n  private nodeName = \"IC-NAVIGATION-GROUP\";\n\n  @Element() el: HTMLIcNavigationGroupElement;\n\n  @State() deviceSize: number = DEVICE_SIZES.XL;\n  @State() dropdownOpen: boolean = false;\n  @State() expanded: boolean = true;\n  @State() focusStyle = getThemeForegroundColor();\n  @State() inTopNavSideMenu: boolean = false;\n  @State() navigationType: IcNavType | \"\";\n  @State() parentEl: HTMLElement;\n\n  /**\n   *  If `true`, the group will be expandable in the side menu.\n   */\n  @Prop() expandable: boolean = false;\n\n  /**\n   * The label to display on the group.\n   */\n  @Prop() label: string;\n\n  disconnectedCallback(): void {\n    if (this.navigationType === \"side\") {\n      this.parentEl.removeEventListener(\n        \"sideNavExpanded\",\n        this.sideNavExpandHandler\n      );\n    } else if (this.navigationType === \"top\") {\n      this.parentEl.removeEventListener(\n        \"topNavResized\",\n        this.topNavResizedHandler\n      );\n    }\n  }\n\n  componentWillLoad(): void {\n    this.deviceSize = getCurrentDeviceSize();\n    const navParentDetails = getNavItemParentDetails(this.el);\n    this.navigationType = navParentDetails.navType;\n    this.parentEl = navParentDetails.parent;\n    if (this.deviceSize <= DEVICE_SIZES.L && this.navigationType === \"top\") {\n      this.inTopNavSideMenu = true;\n    }\n\n    if (this.navigationType === \"side\") {\n      this.parentEl.addEventListener(\n        \"sideNavExpanded\",\n        this.sideNavExpandHandler\n      );\n    } else if (this.navigationType === \"top\") {\n      this.parentEl.addEventListener(\n        \"topNavResized\",\n        this.topNavResizedHandler\n      );\n    }\n  }\n\n  componentDidLoad(): void {\n    /**\n     * debounce is required as the incorrect height was retrieved instantly after\n     * componentDidLoad is invoked.\n     */\n    setTimeout(\n      () => this.setInitialGroupedLinksWrapperHeight(),\n      this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS\n    );\n  }\n\n  @Listen(\"childBlur\")\n  childBlurHandler(): void {\n    this.hideDropdown();\n  }\n\n  @Listen(\"navItemClicked\")\n  navItemClickHandler(): void {\n    this.hideDropdown();\n  }\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.focusStyle = theme.mode;\n  }\n\n  /**\n   * Sets focus on the nav item.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.groupEl) {\n      this.groupEl.focus();\n    }\n  }\n\n  private sideNavExpandHandler = (): void => {\n    setTimeout(\n      () => this.setInitialGroupedLinksWrapperHeight(),\n      this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS\n    );\n  };\n\n  private topNavResizedHandler = (ev: CustomEvent): void => {\n    const newSize = ev.detail.size;\n    if (newSize !== this.deviceSize) {\n      this.deviceSize = newSize;\n      this.inTopNavSideMenu = newSize <= DEVICE_SIZES.L;\n    }\n  };\n\n  private toggleDropdown() {\n    this.dropdownOpen = !this.dropdownOpen;\n  }\n\n  private setGroupedNavItemTabIndex = (tabIndexValue: string) => {\n    this.el\n      .querySelectorAll(this.IC_NAVIGATION_ITEM)\n      .forEach((navigationItem) => {\n        const navItem =\n          navigationItem.shadowRoot.querySelector(\"a\") ||\n          navigationItem.querySelector(\"a\");\n        if (navItem) {\n          navItem.setAttribute(\"tabindex\", tabIndexValue);\n        }\n      });\n  };\n\n  private toggleGroupedLinkWrapperHeight = (\n    wrapper: HTMLElement,\n    expanded: boolean\n  ) => {\n    if (wrapper) {\n      if (expanded) {\n        wrapper.setAttribute(\n          \"style\",\n          `--navigation-child-items-height: ${this.getNavigationChildItemsHeight()}`\n        );\n        this.setGroupedNavItemTabIndex(\"0\");\n      } else {\n        wrapper.setAttribute(\"style\", `--navigation-child-items-height: 0`);\n        this.setGroupedNavItemTabIndex(\"-1\");\n      }\n    }\n  };\n\n  private toggleExpanded = () => {\n    this.expanded = !this.expanded;\n    const linkWrapper = this.el.shadowRoot.querySelector(\n      \".grouped-links-wrapper\"\n    ) as HTMLElement;\n    this.toggleGroupedLinkWrapperHeight(linkWrapper, this.expanded);\n  };\n\n  private showDropdown() {\n    if (!this.dropdownOpen) {\n      this.toggleDropdown();\n    }\n  }\n\n  private hideDropdown() {\n    document.removeEventListener(\"keydown\", this.handleKeydown);\n    if (this.dropdownOpen) {\n      this.toggleDropdown();\n    }\n  }\n\n  private handleClick = (ev: MouseEvent) => {\n    if (this.navigationType === \"top\" && ev.detail) {\n      this.toggleDropdown();\n    } else {\n      this.toggleExpanded();\n    }\n  };\n\n  private handleBlur = (ev: FocusEvent) => {\n    const target = ev.relatedTarget as HTMLElement;\n    if (!this.el.contains(target)) {\n      this.hideDropdown();\n    }\n  };\n\n  private handleTopNavKeydown = (ev: KeyboardEvent) => {\n    if (ev.key === \" \" || ev.key === \"Enter\") {\n      this.toggleDropdown();\n    } else if (!this.inTopNavSideMenu && ev.key === \"Escape\") {\n      this.hideDropdown();\n    }\n  };\n\n  private handleKeydown = (ev: KeyboardEvent) => {\n    if (ev.key === \"Enter\" || ev.key === \" \" || ev.key === \"Escape\") {\n      switch (this.navigationType) {\n        case \"top\":\n          this.handleTopNavKeydown(ev as KeyboardEvent);\n          break;\n        case \"side\":\n          this.toggleExpanded();\n          ev.preventDefault();\n          break;\n        default:\n          this.toggleExpanded();\n          break;\n      }\n    }\n  };\n\n  private handleMouseLeave = (ev: MouseEvent) => {\n    const relTarget = ev.relatedTarget as HTMLElement;\n\n    this.mouseGate = false;\n\n    if (\n      !this.el.contains(relTarget) &&\n      relTarget !== this.dropdown &&\n      document.activeElement !== this.el &&\n      !this.el.contains(document.activeElement) &&\n      relTarget.nodeName === this.nodeName &&\n      this.dropdownOpen === true\n    ) {\n      this.mouseGate = true;\n      this.hideDropdown();\n    } else if (\n      !this.el.contains(relTarget) &&\n      relTarget !== this.dropdown &&\n      !this.el.contains(document.activeElement)\n    ) {\n      this.mouseGate = false;\n      setTimeout(() => {\n        this.dropdownOpen ? this.hideDropdown() : null;\n      }, 500);\n    }\n  };\n\n  private handleMouseEnter = (ev: MouseEvent) => {\n    const relTarget = ev.relatedTarget as HTMLElement;\n    document.addEventListener(\"keydown\", this.handleKeydown);\n\n    if (relTarget.nodeName === this.nodeName && this.mouseGate === true) {\n      this.showDropdown();\n    } else if (\n      this.dropdownOpen === false &&\n      relTarget !== null &&\n      this.mouseGate === false\n    ) {\n      this.mouseGate = true;\n      setTimeout(() => {\n        this.mouseGate && this.showDropdown();\n      }, 500);\n    }\n  };\n\n  private renderDropdownGroupedLinks = (): HTMLDivElement => (\n    <div\n      class={{\n        [\"navigation-group-dropdown\"]: !this.inTopNavSideMenu,\n        [\"navigation-group-dropdown-side-menu\"]: this.inTopNavSideMenu,\n        [\"selected\"]: this.dropdownOpen && !this.inTopNavSideMenu,\n      }}\n      onMouseLeave={!this.inTopNavSideMenu ? this.handleMouseLeave : null}\n      ref={(el) => (this.dropdown = el)}\n    >\n      <nav\n        class={{\n          [\"navigation-group-dropdown-items\"]: !this.inTopNavSideMenu,\n        }}\n      >\n        <ul>\n          <slot></slot>\n        </ul>\n      </nav>\n    </div>\n  );\n\n  private renderGroupedLinks = (): HTMLDivElement => (\n    <ul class=\"grouped-links-wrapper\">\n      <slot></slot>\n    </ul>\n  );\n\n  /**\n   * Gets the total height of navigation links to improve\n   * smoothness of expand/collapse animations\n   */\n  private getNavigationChildItemsHeight = (): string => {\n    const navigationItemLength =\n      this.el.querySelectorAll(this.IC_NAVIGATION_ITEM).length || 0;\n    const navigationItem =\n      this.el.querySelector(this.IC_NAVIGATION_ITEM) || null;\n\n    if (\n      this.navigationType === \"side\" &&\n      !!navigationItemLength &&\n      navigationItem\n    ) {\n      return `${\n        parseInt(getComputedStyle(navigationItem).height) * navigationItemLength\n      }px`;\n    }\n\n    return \"auto\";\n  };\n\n  private setInitialGroupedLinksWrapperHeight = () => {\n    const linkWrapper = this.el.shadowRoot.querySelector(\n      \".grouped-links-wrapper\"\n    ) as HTMLElement;\n\n    if (linkWrapper && this.expanded) {\n      linkWrapper.setAttribute(\n        \"style\",\n        `--navigation-child-items-height: ${this.getNavigationChildItemsHeight()}`\n      );\n    }\n  };\n\n  private renderNavigationItems = (): HTMLDivElement | null => {\n    if (this.dropdownOpen || (this.inTopNavSideMenu && !this.expandable)) {\n      return this.renderDropdownGroupedLinks();\n    }\n\n    if (this.navigationType !== \"top\") {\n      return this.renderGroupedLinks();\n    }\n\n    return null;\n  };\n\n  render() {\n    const { label, dropdownOpen, inTopNavSideMenu, expandable } = this;\n\n    const NavigationGroupElement =\n      !inTopNavSideMenu || expandable ? \"button\" : \"div\";\n\n    return (\n      <Host\n        class={{\n          [\"in-side-menu\"]: inTopNavSideMenu,\n          expanded: this.expanded,\n          collapsed: !this.expanded,\n          [\"navigation-group-side-nav\"]: this.navigationType === \"side\",\n        }}\n        role=\"listitem\"\n      >\n        <NavigationGroupElement\n          onMouseEnter={\n            !inTopNavSideMenu &&\n            this.navigationType === \"top\" &&\n            this.handleMouseEnter\n          }\n          onMouseLeave={this.navigationType === \"top\" && this.handleMouseLeave}\n          tabindex={inTopNavSideMenu && !expandable ? \"-1\" : \"0\"}\n          onBlur={this.handleBlur}\n          onClick={expandable ? this.handleClick : null}\n          onKeyDown={this.handleKeydown}\n          class={{\n            [\"navigation-group\"]: true,\n            [this.focusStyle]: !inTopNavSideMenu,\n            [\"navigation-group-side-menu\"]: inTopNavSideMenu && !expandable,\n            [\"navigation-group-side-menu-collapsed\"]:\n              inTopNavSideMenu && expandable && !dropdownOpen,\n            [\"navigation-group-side-menu-expanded\"]:\n              inTopNavSideMenu && expandable && dropdownOpen,\n            [\"selected\"]: dropdownOpen && !inTopNavSideMenu,\n          }}\n          ref={(el) => (this.groupEl = el)}\n          aria-expanded={dropdownOpen || this.expanded ? \"true\" : \"false\"}\n          aria-haspopup={\n            !inTopNavSideMenu && this.navigationType === \"top\"\n              ? \"true\"\n              : \"false\"\n          }\n        >\n          <ic-typography\n            variant={this.navigationType === \"side\" ? \"caption\" : \"label\"}\n          >\n            {label}\n          </ic-typography>\n          {this.navigationType === \"side\" && expandable && (\n            <div\n              class={{\n                \"chevron-toggle-icon-wrapper\": true,\n                \"chevron-toggle-icon-closed\": this.expanded,\n              }}\n              innerHTML={chevronIcon}\n            ></div>\n          )}\n        </NavigationGroupElement>\n        {this.renderNavigationItems()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r,h as i,H as e}from"./p-69920d86.js";import{l as s}from"./p-5dd0b02e.js";import{I as c}from"./p-6f57b13c.js";const a="hr.sc-ic-divider{padding:0;margin:0;border:none;height:var(--ic-space-1px);background-color:var(--ic-keyline-darken-rgb)}hr.light.sc-ic-divider{background-color:var(--ic-keyline-lighten-rgb)}";const o=class{constructor(i){r(this,i);this.foregroundColor=s()}themeChangeHandler(r){const i=r.detail;this.foregroundColor=i.mode}render(){return i(e,{"aria-hidden":"true"},i("hr",{class:{["light"]:this.foregroundColor===c.Light}}))}};o.style=a;export{o as ic_divider};
+//# sourceMappingURL=p-f665242d.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icDividerCss","Divider","getThemeForegroundColor","themeChangeHandler","ev","theme","detail","this","foregroundColor","mode","render","h","Host","class","IcThemeForegroundEnum","Light"],"sources":["./src/components/ic-divider/ic-divider.css?tag=ic-divider&encapsulation=scoped","./src/components/ic-divider/ic-divider.tsx"],"sourcesContent":["hr {\n  padding: 0;\n  margin: 0;\n  border: none;\n  height: var(--ic-space-1px);\n  background-color: var(--ic-keyline-darken-rgb);\n}\n\nhr.light {\n  background-color: var(--ic-keyline-lighten-rgb);\n}\n","import { h, Component, Host, Listen, State } from \"@stencil/core\";\n\nimport { getThemeForegroundColor } from \"../../utils/helpers\";\nimport {\n  IcTheme,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\n\n@Component({\n  tag: \"ic-divider\",\n  styleUrl: \"ic-divider.css\",\n  scoped: true,\n})\nexport class Divider {\n  @State() foregroundColor: IcThemeForeground = getThemeForegroundColor();\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.foregroundColor = theme.mode;\n  }\n\n  render() {\n    return (\n      <Host aria-hidden=\"true\">\n        <hr\n          class={{\n            [\"light\"]: this.foregroundColor === IcThemeForegroundEnum.Light,\n          }}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"qHAAA,MAAMA,EAAe,kM,MCcRC,EAAO,M,8CAC4BC,G,CAG9CC,mBAAmBC,GACjB,MAAMC,EAAiBD,EAAGE,OAC1BC,KAAKC,gBAAkBH,EAAMI,I,CAG/BC,SACE,OACEC,EAACC,EAAI,eAAa,QAChBD,EAAA,MACEE,MAAO,CACL,CAAC,SAAUN,KAAKC,kBAAoBM,EAAsBC,S"}

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,g as n}from"./p-69920d86.js";import{O as o}from"./p-8d4f7027.js";import{n as r,b as s,p as a}from"./p-5dd0b02e.js";import{I as l}from"./p-6f57b13c.js";const c='/*! 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(.link) .ic-link,:host(.link) ::slotted(a){color:var(--ic-hyperlink);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.link.dark) .ic-link.dark,:host(.link.dark) ::slotted(a){color:var(--ic-color-primary-text)}:host(.link.light) .ic-link.light,:host(.link.light) ::slotted(a){color:var(--ic-color-white-text)}:host(.link) .ic-link:visited,:host(.link) ::slotted(a:visited){color:var(--ic-hyperlink-visited)}:host(.link) .ic-link:hover,:host(.link) .ic-link:focus,:host(.link) ::slotted(a:hover),:host(.link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-decoration-thickness: 25%){:host(.link) .ic-link:hover,:host(.link) .ic-link:focus,:host(.link) ::slotted(a:hover),:host(.link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.link) .ic-link:active,:host(.link) .ic-link:focus:active,:host(.link) .ic-link:visited:active,:host(.link) ::slotted(a:active),:host(.link) ::slotted(a:focus:active),:host(.link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link>.ic-link-open-in-new-icon{fill:var(--ic-hyperlink)}.ic-link.dark>.ic-link-open-in-new-icon{fill:var(--ic-color-primary-text)}.ic-link.light>.ic-link-open-in-new-icon{fill:var(--ic-color-white-text)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}.ic-link:visited>.ic-link-open-in-new-icon{fill:var(--ic-hyperlink-visited)}.ic-link.light:visited>.ic-link-open-in-new-icon{fill:var(--ic-hyperlink-contrast-visited)}:host(.breadcrumb-link) .ic-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .ic-link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .ic-link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .ic-link:visited{color:var(--ic-color-primary-text)}';const d=class{constructor(e){t(this,e);this.inheritedAttributes={};this.appearance="default";this.download=false;this.href=null;this.hreflang=undefined;this.referrerpolicy=undefined;this.rel=undefined;this.showIcon=undefined;this.target=undefined}componentWillLoad(){this.inheritedAttributes=r(this.el,[...a,"aria-expanded"]);this.updateTheme()}themeChangeHandler(t){const e=t.detail;this.updateTheme(e.mode)}async setFocus(){if(this.el.shadowRoot.querySelector("a")){this.el.shadowRoot.querySelector("a").focus()}}updateTheme(t=null){const e=s(this.el,t||null);switch(e){case l.Light:this.appearance=l.Light;break;case l.Dark:this.appearance=l.Dark;break}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}render(){const{download:t,href:n,hreflang:r,referrerpolicy:s,rel:a,target:l,showIcon:c,appearance:d}=this;return e(i,{class:{["link"]:true,[`${d}`]:true}},this.hasRouterSlot()?e("slot",{name:"router-item"}):e("a",Object.assign({class:{["ic-link"]:n!==null,[`${d}`]:n!==null},download:t!==false?t:null,href:n,hrefLang:r,referrerPolicy:s,rel:a,target:l,tabindex:n!==null?"0":"-1"},this.inheritedAttributes),e("slot",null),(c||l==="_blank")&&e("span",{class:"ic-link-open-in-new-icon",innerHTML:o})))}static get delegatesFocus(){return true}get el(){return n(this)}};d.style=c;export{d as ic_link};
+//# sourceMappingURL=p-f7695299.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icLinkCss","Link","this","inheritedAttributes","componentWillLoad","inheritAttributes","el","IC_INHERITED_ARIA","updateTheme","themeChangeHandler","ev","theme","detail","mode","async","shadowRoot","querySelector","focus","newTheme","getThemeFromContext","IcThemeForegroundEnum","Light","appearance","Dark","hasRouterSlot","routerSlot","ariaLabel","textContent","render","download","href","hreflang","referrerpolicy","rel","target","showIcon","h","Host","class","name","Object","assign","hrefLang","referrerPolicy","tabindex","innerHTML","OpenInNew"],"sources":["./src/components/ic-link/ic-link.css?tag=ic-link&encapsulation=shadow","./src/components/ic-link/ic-link.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host(.link) .ic-link,\n:host(.link) ::slotted(a) {\n  color: var(--ic-hyperlink);\n  text-decoration: underline;\n  font-weight: var(--ic-font-weight-bold);\n  transition: var(--ic-easing-transition-fast);\n}\n\n:host(.link.dark) .ic-link.dark,\n:host(.link.dark) ::slotted(a) {\n  color: var(--ic-color-primary-text);\n}\n\n:host(.link.light) .ic-link.light,\n:host(.link.light) ::slotted(a) {\n  color: var(--ic-color-white-text);\n}\n\n:host(.link) .ic-link:visited,\n:host(.link) ::slotted(a:visited) {\n  color: var(--ic-hyperlink-visited);\n}\n\n:host(.link) .ic-link:hover,\n:host(.link) .ic-link:focus,\n:host(.link) ::slotted(a:hover),\n:host(.link) ::slotted(a:focus) {\n  outline: none;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n}\n\n@supports (text-decoration-thickness: 25%) {\n  :host(.link) .ic-link:hover,\n  :host(.link) .ic-link:focus,\n  :host(.link) ::slotted(a:hover),\n  :host(.link) ::slotted(a:focus) {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 25%;\n    border-bottom: 0 !important;\n    margin-bottom: 0 !important;\n  }\n}\n\n:host(.link) .ic-link:active,\n:host(.link) .ic-link:focus:active,\n:host(.link) .ic-link:visited:active,\n:host(.link) ::slotted(a:active),\n:host(.link) ::slotted(a:focus:active),\n:host(.link) ::slotted(a:visited:active) {\n  text-decoration: none;\n}\n\n.ic-link-open-in-new-icon {\n  vertical-align: middle;\n  margin-left: var(--ic-space-xxs);\n}\n\n.ic-link > .ic-link-open-in-new-icon {\n  fill: var(--ic-hyperlink);\n}\n\n.ic-link.dark > .ic-link-open-in-new-icon {\n  fill: var(--ic-color-primary-text);\n}\n\n.ic-link.light > .ic-link-open-in-new-icon {\n  fill: var(--ic-color-white-text);\n}\n\n.ic-link-open-in-new-icon > svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n  fill: currentcolor;\n}\n\n.ic-link:visited > .ic-link-open-in-new-icon {\n  fill: var(--ic-hyperlink-visited);\n}\n\n.ic-link.light:visited > .ic-link-open-in-new-icon {\n  fill: var(--ic-hyperlink-contrast-visited);\n}\n\n:host(.breadcrumb-link) .ic-link {\n  display: var(--breadcrumb-link-display);\n  align-items: var(--breadcrumb-link-align-items);\n  gap: var(--breadcrumb-link-gap);\n}\n\n:host(.breadcrumb-link) .ic-link ::slotted(.back-icon) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host(.breadcrumb-link.current-page) a,\n:host(.breadcrumb-link.current-page) ::slotted(a) {\n  font-weight: normal;\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n}\n\n:host(.breadcrumb-link.current-page) .ic-link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus) {\n  outline: var(--ic-hc-focus-outline);\n  text-decoration: none;\n}\n\n:host(.breadcrumb-link.current-page) .ic-link:visited {\n  color: var(--ic-color-primary-text);\n}\n","import {\n  Component,\n  Element,\n  Prop,\n  h,\n  Host,\n  Listen,\n  Method,\n} from \"@stencil/core\";\n\nimport OpenInNew from \"../../assets/OpenInNew.svg\";\nimport { getThemeFromContext, inheritAttributes } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n  IcTheme,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\n\n/**\n * @slot router-item - Handle routing by nesting your routes in this slot.\n */\n\n@Component({\n  tag: \"ic-link\",\n  styleUrl: \"ic-link.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Link {\n  private inheritedAttributes: { [k: string]: unknown } = {};\n  private routerSlot: HTMLElement;\n\n  @Element() el: HTMLIcLinkElement;\n\n  /**\n   * The appearance of the link, e.g. dark, light, or default.\n   */\n  @Prop({ mutable: true }) appearance?: IcThemeForeground = \"default\";\n\n  /**\n   * If `true`, the user can save the linked URL instead of navigating to it.\n   */\n  @Prop() download?: string | boolean = false;\n\n  /**\n   * The URL that the link points to.\n   */\n  @Prop() href?: string = null;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string;\n\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n\n  /**\n   * @deprecated This prop should not be used anymore. The 'open in new tab/window' icon will display automatically if target=\"_blank\".\n   */\n  @Prop() showIcon?: boolean;\n\n  /**\n   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\n\n  componentWillLoad(): void {\n    this.inheritedAttributes = inheritAttributes(this.el, [\n      ...IC_INHERITED_ARIA,\n      \"aria-expanded\",\n    ]);\n\n    this.updateTheme();\n  }\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.updateTheme(theme.mode);\n  }\n\n  /**\n   * Sets focus on the link.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.el.shadowRoot.querySelector(\"a\")) {\n      this.el.shadowRoot.querySelector(\"a\").focus();\n    }\n  }\n\n  private updateTheme(newTheme: IcThemeForeground = null): void {\n    const theme = getThemeFromContext(this.el, newTheme || null);\n\n    switch (theme) {\n      case IcThemeForegroundEnum.Light:\n        this.appearance = IcThemeForegroundEnum.Light;\n        break;\n      case IcThemeForegroundEnum.Dark:\n        this.appearance = IcThemeForegroundEnum.Dark;\n        break;\n    }\n  }\n\n  private hasRouterSlot(): boolean {\n    this.routerSlot = this.el.querySelector('[slot=\"router-item\"]');\n    if (this.routerSlot) {\n      this.routerSlot.ariaLabel = this.routerSlot.textContent;\n    }\n    return !!this.routerSlot;\n  }\n\n  render() {\n    const {\n      download,\n      href,\n      hreflang,\n      referrerpolicy,\n      rel,\n      target,\n      showIcon,\n      appearance,\n    } = this;\n\n    return (\n      <Host class={{ [\"link\"]: true, [`${appearance}`]: true }}>\n        {this.hasRouterSlot() ? (\n          <slot name=\"router-item\"></slot>\n        ) : (\n          <a\n            class={{\n              [\"ic-link\"]: href !== null,\n              [`${appearance}`]: href !== null,\n            }}\n            download={download !== false ? download : null}\n            href={href}\n            hrefLang={hreflang}\n            referrerPolicy={referrerpolicy}\n            rel={rel}\n            target={target}\n            tabindex={href !== null ? \"0\" : \"-1\"}\n            {...this.inheritedAttributes}\n          >\n            <slot />\n            {(showIcon || target === \"_blank\") && (\n              <span class=\"ic-link-open-in-new-icon\" innerHTML={OpenInNew} />\n            )}\n          </a>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"mLAAA,MAAMA,EAAY,gxJ,MC8BLC,EAAI,M,yBACPC,KAAAC,oBAAgD,G,gBAQE,U,cAKpB,M,UAKd,K,uHA2BxBC,oBACEF,KAAKC,oBAAsBE,EAAkBH,KAAKI,GAAI,IACjDC,EACH,kBAGFL,KAAKM,a,CAIPC,mBAAmBC,GACjB,MAAMC,EAAiBD,EAAGE,OAC1BV,KAAKM,YAAYG,EAAME,K,CAOzBC,iBACE,GAAIZ,KAAKI,GAAGS,WAAWC,cAAc,KAAM,CACzCd,KAAKI,GAAGS,WAAWC,cAAc,KAAKC,O,EAIlCT,YAAYU,EAA8B,MAChD,MAAMP,EAAQQ,EAAoBjB,KAAKI,GAAIY,GAAY,MAEvD,OAAQP,GACN,KAAKS,EAAsBC,MACzBnB,KAAKoB,WAAaF,EAAsBC,MACxC,MACF,KAAKD,EAAsBG,KACzBrB,KAAKoB,WAAaF,EAAsBG,KACxC,M,CAIEC,gBACNtB,KAAKuB,WAAavB,KAAKI,GAAGU,cAAc,wBACxC,GAAId,KAAKuB,WAAY,CACnBvB,KAAKuB,WAAWC,UAAYxB,KAAKuB,WAAWE,W,CAE9C,QAASzB,KAAKuB,U,CAGhBG,SACE,MAAMC,SACJA,EAAQC,KACRA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,IACdA,EAAGC,OACHA,EAAMC,SACNA,EAAQb,WACRA,GACEpB,KAEJ,OACEkC,EAACC,EAAI,CAACC,MAAO,CAAE,CAAC,QAAS,KAAM,CAAC,GAAGhB,KAAe,OAC/CpB,KAAKsB,gBACJY,EAAA,QAAMG,KAAK,gBAEXH,EAAA,IAAAI,OAAAC,OAAA,CACEH,MAAO,CACL,CAAC,WAAYR,IAAS,KACtB,CAAC,GAAGR,KAAeQ,IAAS,MAE9BD,SAAUA,IAAa,MAAQA,EAAW,KAC1CC,KAAMA,EACNY,SAAUX,EACVY,eAAgBX,EAChBC,IAAKA,EACLC,OAAQA,EACRU,SAAUd,IAAS,KAAO,IAAM,MAC5B5B,KAAKC,qBAETiC,EAAA,cACED,GAAYD,IAAW,WACvBE,EAAA,QAAME,MAAM,2BAA2BO,UAAWC,K"}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as o,H as i,g as r}from"./p-69920d86.js";import{g as n,I as a,l as s,c as l,i as c,m as d}from"./p-5dd0b02e.js";import{I as p}from"./p-6f57b13c.js";const m='/*! 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;--footer-compliance-padding:1rem 0}:host(.footer-sparse){--footer-links-padding:1.5rem 0;--footer-logo-margin-bottom:var(--ic-space-lg);--footer-link-inner-flex-direction:row}:host(.footer-small){--footer-links-padding:0 0;--footer-logo-margin-bottom:var(--ic-space-md);--footer-link-inner-flex-direction:column}:host(.footer-light){--footer-theme-secondary:var(--ic-theme-secondary);--footer-theme-tertiary:var(--ic-theme-tertiary);--footer-keyline:var(--ic-keyline-lighten)}:host(.footer-dark){--footer-theme-secondary:var(--ic-theme-secondary-light);--footer-theme-tertiary:var(--ic-theme-tertiary-light);--footer-keyline:var(--ic-keyline-darken)}:host(.footer-small.footer-ungrouped){--footer-links-padding:var(--ic-space-md) 0 0 0}footer{display:flex;flex-direction:column;width:100%}.footer-description{background-color:var(--footer-theme-secondary);color:var(--ic-theme-text);border-bottom:var(--footer-keyline)}.footer-description-inner{padding:1rem 0}.footer-links{padding:var(--footer-links-padding);background-color:var(--footer-theme-secondary);color:var(--ic-theme-text)}.footer-links-inner{display:flex;flex-direction:var(--footer-link-inner-flex-direction)}.footer-compliance{background-color:var(--footer-theme-tertiary);color:var(--ic-theme-text)}.footer-compliance-inner{padding:var(--footer-compliance-padding)}.footer-logo{margin-bottom:var(--footer-logo-margin-bottom);display:flex;gap:var(--ic-space-xxl)}.footer-logo>::slotted(){margin-right:var(--ic-space-md)}.footer-caption{margin-bottom:var(--ic-space-md)}.classification-spacing{margin-bottom:var(--ic-space-lg)}@media (forced-colors: active){footer{border-top:var(--ic-hc-border)}}';const f=class{constructor(o){e(this,o);this.footerResized=t(this,"footerResized",7);this.resizeObserverCallback=e=>{if(e!==this.deviceSize){this.deviceSize=e}this.footerResized.emit()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const e=n();this.resizeObserverCallback(e)}));this.resizeObserver.observe(this.footerEl)};this.deviceSize=a.XL;this.foregroundColor=s();this.aligned="left";this.breakpoint="medium";this.caption=undefined;this.copyright=true;this.description=undefined;this.groupLinks=false}disconnectedCallback(){this.resizeObserver.disconnect()}componentWillLoad(){this.deviceSize=n()}componentDidLoad(){l(this.runResizeObserver)}themeChangeHandler(e){const t=e.detail;this.foregroundColor=t.mode}isSmall(){const e=this.breakpoint;return e==="extra small"?this.deviceSize<a.XS:e==="small"?this.deviceSize<a.S:e==="medium"?this.deviceSize<a.M:e==="large"?this.deviceSize<a.L:e==="extra large"?this.deviceSize<a.XL:false}render(){const{aligned:e,caption:t,copyright:r,description:n,groupLinks:s,foregroundColor:l}=this;const m=this.isSmall();return o(i,{class:{footer:true,[`footer-${m?"small":"sparse"}`]:true,[`footer-${s?"grouped":"ungrouped"}`]:true,[`footer-${l}`]:true,[p.Dark]:l===p.Dark,[p.Light]:l===p.Light}},o("footer",{ref:e=>this.footerEl=e},o("div",{class:"footer-description"},o("ic-section-container",{aligned:e,fullHeight:true},o("div",{class:"footer-description-inner"},o("ic-typography",{variant:"body"},o("slot",{name:"description"},n))))),c(this.el,"link")&&o("div",{class:"footer-links"},s&&m?o("div",{class:"footer-links-inner"},o("slot",{name:"link"})):o("ic-section-container",{fullHeight:true,aligned:e},o("div",{class:"footer-links-inner"},o("slot",{name:"link"})))),o("div",{class:"footer-compliance"},o("ic-section-container",{aligned:e,fullHeight:true},o("div",{class:"footer-compliance-inner"},c(this.el,"logo")&&o("div",{class:"footer-logo"},o("slot",{name:"logo"})),(c(this.el,"caption")||t)&&o("div",{class:"footer-caption"},o("ic-typography",{variant:this.deviceSize<=a.M?"caption":"body"},o("slot",{name:"caption"},t))),r&&o("div",{class:{["footer-copyright"]:true,["classification-spacing"]:d()}},o("ic-typography",{variant:this.deviceSize<=a.M?"caption-uppercase":"label-uppercase"},"© Crown Copyright")))))))}get el(){return r(this)}};f.style=m;export{f as ic_footer};
+//# sourceMappingURL=p-f923d11b.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icFooterCss","Footer","this","resizeObserverCallback","currSize","deviceSize","footerResized","emit","runResizeObserver","resizeObserver","ResizeObserver","getCurrentDeviceSize","observe","footerEl","IC_DEVICE_SIZES","XL","getThemeForegroundColor","disconnectedCallback","disconnect","componentWillLoad","componentDidLoad","checkResizeObserver","themeChangeHandler","ev","theme","detail","foregroundColor","mode","isSmall","bp","breakpoint","XS","S","M","L","render","aligned","caption","copyright","description","groupLinks","small","h","Host","class","footer","IcThemeForegroundEnum","Dark","Light","ref","fullHeight","variant","name","isSlotUsed","el","hasClassificationBanner"],"sources":["./src/components/ic-footer/ic-footer.css?tag=ic-footer&encapsulation=shadow","./src/components/ic-footer/ic-footer.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: block;\n\n  --footer-compliance-padding: 1rem 0;\n}\n\n:host(.footer-sparse) {\n  --footer-links-padding: 1.5rem 0;\n  --footer-logo-margin-bottom: var(--ic-space-lg);\n  --footer-link-inner-flex-direction: row;\n}\n\n:host(.footer-small) {\n  --footer-links-padding: 0 0;\n  --footer-logo-margin-bottom: var(--ic-space-md);\n  --footer-link-inner-flex-direction: column;\n}\n\n:host(.footer-light) {\n  --footer-theme-secondary: var(--ic-theme-secondary);\n  --footer-theme-tertiary: var(--ic-theme-tertiary);\n  --footer-keyline: var(--ic-keyline-lighten);\n}\n\n:host(.footer-dark) {\n  --footer-theme-secondary: var(--ic-theme-secondary-light);\n  --footer-theme-tertiary: var(--ic-theme-tertiary-light);\n  --footer-keyline: var(--ic-keyline-darken);\n}\n\n:host(.footer-small.footer-ungrouped) {\n  --footer-links-padding: var(--ic-space-md) 0 0 0;\n}\n\n/* Main inner footer element */\nfooter {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n/* Description */\n\n.footer-description {\n  background-color: var(--footer-theme-secondary);\n  color: var(--ic-theme-text);\n  border-bottom: var(--footer-keyline);\n}\n\n.footer-description-inner {\n  padding: 1rem 0;\n}\n\n/* Links */\n\n.footer-links {\n  padding: var(--footer-links-padding);\n  background-color: var(--footer-theme-secondary);\n  color: var(--ic-theme-text);\n}\n\n.footer-links-inner {\n  display: flex;\n  flex-direction: var(--footer-link-inner-flex-direction);\n}\n\n/* Compliance */\n\n.footer-compliance {\n  background-color: var(--footer-theme-tertiary);\n  color: var(--ic-theme-text);\n}\n\n.footer-compliance-inner {\n  padding: var(--footer-compliance-padding);\n}\n\n.footer-logo {\n  margin-bottom: var(--footer-logo-margin-bottom);\n  display: flex;\n  gap: var(--ic-space-xxl);\n}\n\n.footer-logo > ::slotted() {\n  margin-right: var(--ic-space-md);\n}\n\n.footer-caption {\n  margin-bottom: var(--ic-space-md);\n}\n\n.classification-spacing {\n  margin-bottom: var(--ic-space-lg);\n}\n\n@media (forced-colors: active) {\n  footer {\n    border-top: var(--ic-hc-border);\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n  h,\n  Host,\n  Listen,\n} from \"@stencil/core\";\nimport { IC_DEVICE_SIZES } from \"../../utils/constants\";\nimport {\n  getCurrentDeviceSize,\n  getThemeForegroundColor,\n  checkResizeObserver,\n  hasClassificationBanner,\n  isSlotUsed,\n} from \"../../utils/helpers\";\nimport {\n  IcAlignment,\n  IcTheme,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\nimport { IcFooterBreakpoints } from \"./ic-footer.types\";\n\n/**\n * @slot description - Content will be rendered at the top of the footer.\n * @slot link - Content will be rendered between description and logos.\n * @slot logo - Content will be rendered underneath footer links.\n * @slot caption - Content will be rendered above Crown Copyright.\n */\n\n@Component({\n  tag: \"ic-footer\",\n  styleUrl: \"ic-footer.css\",\n  shadow: true,\n})\nexport class Footer {\n  private footerEl: HTMLElement;\n  private resizeObserver: ResizeObserver;\n\n  @Element() el: HTMLIcFooterElement;\n\n  @State() deviceSize: number = IC_DEVICE_SIZES.XL;\n  @State() foregroundColor: IcThemeForeground = getThemeForegroundColor();\n\n  /**\n   * The alignment of the section containers used within the footer.\n   */\n  @Prop() aligned?: IcAlignment = \"left\";\n\n  /**\n   * The screen size breakpoint at which to switch to the small layout.\n   */\n  @Prop() breakpoint?: IcFooterBreakpoints = \"medium\";\n\n  /**\n   * The caption displayed at the bottom of the footer.\n   */\n  @Prop() caption: string;\n\n  /**\n   * If `true`, the footer will display the crown copyright at the bottom.\n   */\n  @Prop() copyright: boolean = true;\n\n  /**\n   * The description displayed at the top of the footer.\n   */\n  @Prop() description: string;\n\n  /**\n   * If `true`, the footer will be set up to handle link groups instead of standalone links.\n   */\n  @Prop() groupLinks?: boolean = false;\n\n  /**\n   *  @internal Triggers on page resize and triggers style changes in footer links and link groups\n   */\n  @Event() footerResized: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    this.resizeObserver.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.deviceSize = getCurrentDeviceSize();\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n  }\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.foregroundColor = theme.mode;\n  }\n\n  private isSmall() {\n    const bp = this.breakpoint;\n\n    return bp === \"extra small\"\n      ? this.deviceSize < IC_DEVICE_SIZES.XS\n      : bp === \"small\"\n      ? this.deviceSize < IC_DEVICE_SIZES.S\n      : bp === \"medium\"\n      ? this.deviceSize < IC_DEVICE_SIZES.M\n      : bp === \"large\"\n      ? this.deviceSize < IC_DEVICE_SIZES.L\n      : bp === \"extra large\"\n      ? this.deviceSize < IC_DEVICE_SIZES.XL\n      : false;\n  }\n\n  private resizeObserverCallback = (currSize: number) => {\n    if (currSize !== this.deviceSize) {\n      this.deviceSize = currSize;\n    }\n    this.footerResized.emit();\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      const currSize = getCurrentDeviceSize();\n      this.resizeObserverCallback(currSize);\n    });\n\n    this.resizeObserver.observe(this.footerEl);\n  };\n\n  render() {\n    const {\n      aligned,\n      caption,\n      copyright,\n      description,\n      groupLinks,\n      foregroundColor,\n    } = this;\n    const small = this.isSmall();\n\n    return (\n      <Host\n        class={{\n          footer: true,\n          [`footer-${small ? \"small\" : \"sparse\"}`]: true,\n          [`footer-${groupLinks ? \"grouped\" : \"ungrouped\"}`]: true,\n          [`footer-${foregroundColor}`]: true,\n          // Slots will be able to infer their own color\n          [IcThemeForegroundEnum.Dark]:\n            foregroundColor === IcThemeForegroundEnum.Dark,\n          [IcThemeForegroundEnum.Light]:\n            foregroundColor === IcThemeForegroundEnum.Light,\n        }}\n      >\n        <footer ref={(footerEl) => (this.footerEl = footerEl)}>\n          {/* Description */}\n          <div class=\"footer-description\">\n            <ic-section-container aligned={aligned} fullHeight={true}>\n              <div class=\"footer-description-inner\">\n                <ic-typography variant=\"body\">\n                  <slot name=\"description\">{description}</slot>\n                </ic-typography>\n              </div>\n            </ic-section-container>\n          </div>\n\n          {/* Links */}\n          {isSlotUsed(this.el, \"link\") && (\n            <div class=\"footer-links\">\n              {groupLinks && small ? (\n                <div class=\"footer-links-inner\">\n                  <slot name=\"link\" />\n                </div>\n              ) : (\n                <ic-section-container fullHeight aligned={aligned}>\n                  <div class=\"footer-links-inner\">\n                    <slot name=\"link\" />\n                  </div>\n                </ic-section-container>\n              )}\n            </div>\n          )}\n\n          {/* Compliance (logo, caption, copyright) */}\n          <div class=\"footer-compliance\">\n            <ic-section-container aligned={aligned} fullHeight={true}>\n              <div class=\"footer-compliance-inner\">\n                {isSlotUsed(this.el, \"logo\") && (\n                  <div class=\"footer-logo\">\n                    {/* Logo */}\n                    <slot name=\"logo\" />\n                  </div>\n                )}\n                {(isSlotUsed(this.el, \"caption\") || caption) && (\n                  <div class=\"footer-caption\">\n                    <ic-typography\n                      variant={\n                        this.deviceSize <= IC_DEVICE_SIZES.M\n                          ? \"caption\"\n                          : \"body\"\n                      }\n                    >\n                      <slot name=\"caption\">{caption}</slot>\n                    </ic-typography>\n                  </div>\n                )}\n                {copyright && (\n                  <div\n                    class={{\n                      [\"footer-copyright\"]: true,\n                      [\"classification-spacing\"]: hasClassificationBanner(),\n                    }}\n                  >\n                    <ic-typography\n                      variant={\n                        this.deviceSize <= IC_DEVICE_SIZES.M\n                          ? \"caption-uppercase\"\n                          : \"label-uppercase\"\n                      }\n                    >\n                      &copy; Crown Copyright\n                    </ic-typography>\n                  </div>\n                )}\n              </div>\n            </ic-section-container>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2KAAA,MAAMA,EAAc,o/H,MCuCPC,EAAM,M,sEA8ETC,KAAAC,uBAA0BC,IAChC,GAAIA,IAAaF,KAAKG,WAAY,CAChCH,KAAKG,WAAaD,C,CAEpBF,KAAKI,cAAcC,MAAM,EAGnBL,KAAAM,kBAAoB,KAC1BN,KAAKO,eAAiB,IAAIC,gBAAe,KACvC,MAAMN,EAAWO,IACjBT,KAAKC,uBAAuBC,EAAS,IAGvCF,KAAKO,eAAeG,QAAQV,KAAKW,SAAS,E,gBArFdC,EAAgBC,G,qBACAC,I,aAKd,O,gBAKW,S,sCAUd,K,2CAUE,K,CAO/BC,uBACEf,KAAKO,eAAeS,Y,CAGtBC,oBACEjB,KAAKG,WAAaM,G,CAGpBS,mBACEC,EAAoBnB,KAAKM,kB,CAI3Bc,mBAAmBC,GACjB,MAAMC,EAAiBD,EAAGE,OAC1BvB,KAAKwB,gBAAkBF,EAAMG,I,CAGvBC,UACN,MAAMC,EAAK3B,KAAK4B,WAEhB,OAAOD,IAAO,cACV3B,KAAKG,WAAaS,EAAgBiB,GAClCF,IAAO,QACP3B,KAAKG,WAAaS,EAAgBkB,EAClCH,IAAO,SACP3B,KAAKG,WAAaS,EAAgBmB,EAClCJ,IAAO,QACP3B,KAAKG,WAAaS,EAAgBoB,EAClCL,IAAO,cACP3B,KAAKG,WAAaS,EAAgBC,GAClC,K,CAmBNoB,SACE,MAAMC,QACJA,EAAOC,QACPA,EAAOC,UACPA,EAASC,YACTA,EAAWC,WACXA,EAAUd,gBACVA,GACExB,KACJ,MAAMuC,EAAQvC,KAAK0B,UAEnB,OACEc,EAACC,EAAI,CACHC,MAAO,CACLC,OAAQ,KACR,CAAC,UAAUJ,EAAQ,QAAU,YAAa,KAC1C,CAAC,UAAUD,EAAa,UAAY,eAAgB,KACpD,CAAC,UAAUd,KAAoB,KAE/B,CAACoB,EAAsBC,MACrBrB,IAAoBoB,EAAsBC,KAC5C,CAACD,EAAsBE,OACrBtB,IAAoBoB,EAAsBE,QAG9CN,EAAA,UAAQO,IAAMpC,GAAcX,KAAKW,SAAWA,GAE1C6B,EAAA,OAAKE,MAAM,sBACTF,EAAA,wBAAsBN,QAASA,EAASc,WAAY,MAClDR,EAAA,OAAKE,MAAM,4BACTF,EAAA,iBAAeS,QAAQ,QACrBT,EAAA,QAAMU,KAAK,eAAeb,OAOjCc,EAAWnD,KAAKoD,GAAI,SACnBZ,EAAA,OAAKE,MAAM,gBACRJ,GAAcC,EACbC,EAAA,OAAKE,MAAM,sBACTF,EAAA,QAAMU,KAAK,UAGbV,EAAA,wBAAsBQ,WAAU,KAACd,QAASA,GACxCM,EAAA,OAAKE,MAAM,sBACTF,EAAA,QAAMU,KAAK,YAQrBV,EAAA,OAAKE,MAAM,qBACTF,EAAA,wBAAsBN,QAASA,EAASc,WAAY,MAClDR,EAAA,OAAKE,MAAM,2BACRS,EAAWnD,KAAKoD,GAAI,SACnBZ,EAAA,OAAKE,MAAM,eAETF,EAAA,QAAMU,KAAK,WAGbC,EAAWnD,KAAKoD,GAAI,YAAcjB,IAClCK,EAAA,OAAKE,MAAM,kBACTF,EAAA,iBACES,QACEjD,KAAKG,YAAcS,EAAgBmB,EAC/B,UACA,QAGNS,EAAA,QAAMU,KAAK,WAAWf,KAI3BC,GACCI,EAAA,OACEE,MAAO,CACL,CAAC,oBAAqB,KACtB,CAAC,0BAA2BW,MAG9Bb,EAAA,iBACES,QACEjD,KAAKG,YAAcS,EAAgBmB,EAC/B,oBACA,mBAAiB,0B"}

package/dist/esm/OpenInNew-67a881e0.js

@@ -0,0 +1,5 @@
+const OpenInNew = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>`;
+
+export { OpenInNew as O };
+
+//# sourceMappingURL=OpenInNew-67a881e0.js.map

package/dist/esm/OpenInNew-67a881e0.js.map

@@ -0,0 +1 @@
+{"file":"OpenInNew-67a881e0.js","mappings":";;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/chevron-icon-7927f709.js

@@ -0,0 +1,8 @@
+const Chevron = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/>
+</svg>
+`;
+
+export { Chevron as C };
+
+//# sourceMappingURL=chevron-icon-7927f709.js.map

package/dist/esm/chevron-icon-7927f709.js.map

@@ -0,0 +1 @@
+{"file":"chevron-icon-7927f709.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}