@tet/tet-components 1.4.76-testing → 1.4.77-staging

package/dist/tet-components/{p-6babde37.entry.js → p-fc81fb8e.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as e,H as i}from"./p-83f43fdd.js";import{d as n}from"./p-64ec8edd.js";import{n as r}from"./p-58434b0c.js";import{i as a}from"./p-f469a3fb.js";const s=class{constructor(e){t(this,e),this.searchSubmitted=o(this,"searchSubmitted",7),this.optionSelected=o(this,"optionSelected",7),this.theme="light",this.minSearchLength=4,this.showInputLabel=!1,this.labels=void 0,this.disabled=!1,this.searchApiUrl="",this.maxSearchResults=5,this.preventDuplicateSubmit=!0,this.submitCooldownMs=700,this.searchQuery="",this.inputIconRight="",this.inputValueLength=0,this.inputValue="",this.isLoading=!1}searchSubmitted;optionSelected;nativeInput;inputComponent;autocompleteComponent;lastSubmittedQuery="";lastSubmittedAt=0;boundOptionsFilterFunction=this.optionsFilterFunction.bind(this);boundFinishedLoadingFunction=this.finishedLoading.bind(this);boundHandleAutocompleteOptionSelection=this.handleAutocompleteOptionSelection.bind(this);boundHandleAutocompleteSearchSubmit=this.handleAutocompleteSearchSubmit.bind(this);boundHandleClearInput=this.handleClearInput.bind(this);boundHandleSearchSubmit=this.handleSearchSubmit.bind(this);boundHandleInputRightIcon=this.handleInputRightIcon.bind(this);boundRenderOption=this.renderOption.bind(this);onDisabledStateChange(){this.disabled?this.removeIconRight():this.inputValueLength&&this.addClearIcon()}async resetInputState(){this.nativeInput&&(this.nativeInput.value=""),this.inputValue="",this.inputValueLength=0,this.isLoading=!1,this.removeIconRight()}componentWillLoad(){this.initializeInputValue()}async componentDidLoad(){this.nativeInput=await(this.inputComponent?.getInputHtmlElement()),this.nativeInput?.addEventListener("input",this.boundHandleInputRightIcon)}disconnectedCallback(){this.nativeInput?.removeEventListener("input",this.boundHandleInputRightIcon)}initializeInputValue(){this.inputValue=this.searchQuery;const t=r(this.inputValue);this.inputValueLength=t.length,t.length>0&&this.addClearIcon()}handleInputRightIcon({target:t}){const o=t.value;this.inputValue=o;const e=r(o);if(this.inputValueLength=e.length,this.inputValueLength>=this.minSearchLength)return this.addLoadIcon(),void this.removeIconRight();e&&!this.inputIconRight&&this.addClearIcon(),!e&&this.inputIconRight&&this.removeIconRight()}async optionsFilterFunction(t){if(t.length<this.minSearchLength||!this.searchApiUrl)return[];const o=await((t,o)=>{if(!o?.trim()||!t?.trim())return Promise.resolve([]);const e=new URL(t);return e.searchParams.set("query",o),fetch(e).then((t=>t.json())).catch((()=>[]))})(this.searchApiUrl,t),e=o.slice(0,this.maxSearchResults).map((({title:t,id:o,description:e,categories:i,url:n},r)=>({label:a(t),value:{id:o,description:e,categories:i,url:n,htmlLabel:t,index:r}})));return e.length>0&&e.push({label:this.labels.moreResultsLabel,value:"more-results",clickCallback:this.boundHandleSearchSubmit,ignoreHighlighting:!0,cssPart:"more-results"}),e}debounceOptionsFilter=n(this.boundOptionsFilterFunction,300);removeIconRight(){this.inputIconRight=""}addClearIcon(){this.isLoading=!1,this.inputIconRight="tc-close"}finishedLoading(){this.removeIconRight(),this.inputValueLength>=1&&this.addClearIcon()}addLoadIcon(){this.isLoading=!0}handleAutocompleteOptionSelection(t){t.stopPropagation();const{label:o,value:e,_originalEvent:i}=t.detail;this.inputValue=o,this.inputValueLength=r(o).length,this.addClearIcon(),this.optionSelected.emit({label:o,id:e.id,url:e.url,index:"number"==typeof e?.index?e.index:-1,originalEvent:i})}handleSearchSubmit(){const t=this.nativeInput?.value??this.inputValue??"",o=r(t);if(!o)return;const e=Date.now(),i=Math.max(this.submitCooldownMs,0);e-this.lastSubmittedAt<i||this.preventDuplicateSubmit&&o===this.lastSubmittedQuery||(this.lastSubmittedAt=e,this.lastSubmittedQuery=o,this.searchSubmitted.emit(t))}handleAutocompleteSearchSubmit(t){t.stopPropagation(),this.handleSearchSubmit()}async handleClearInput(){"function"!=typeof this.autocompleteComponent?.clear?await this.resetInputState():await this.autocompleteComponent.clear(!1)}renderOption(t){const{description:o,categories:i,htmlLabel:n}=t.value;return e("div",{part:"dropdown-option"},e("tet-icon",{part:"option-icon",class:"icon",name:"tc-arrow-right"}),e("div",{part:"dropdown-option-content"},e("div",{part:"option-label",innerHTML:n}),o&&e("div",{part:"option-description",innerHTML:o}),i?.length>0&&e("div",{part:"option-categories"},i.map(((t,o)=>[e("span",{innerHTML:t}),o<i.length-1&&e("tet-icon",{name:"tc-chevron-right-small",theme:this.theme,type:"secondary",part:"option-category-separator"})])))))}render(){return e(i,{key:"c633b458778429065c9a043951be53bd0d36f187",class:{"search-container":!0,[this.theme]:!0}},e("div",{key:"f44cae111ca57560f04ab13fb60f5a75aa339c56",class:"search-container__inner-wrapper"},e("tet-autocomplete",{key:"fc8063cd6307a29354548a825ce9c36d7ad9607f",optionsFilterAction:this.debounceOptionsFilter,onOptionSelected:this.boundHandleAutocompleteOptionSelection,onSearchTextSubmitted:this.boundHandleAutocompleteSearchSubmit,noOptionsMessage:this.labels.notFoundMessage,customOptionRenderFunction:this.boundRenderOption,finishedLoading:this.boundFinishedLoadingFunction,clearCallback:()=>this.resetInputState(),darkTheme:"dark"===this.theme,newStyle:!0,ref:t=>this.autocompleteComponent=t},e("tet-input",{key:"cd0295c353eaf6c0f33c5cf47f57530f39383f9e",class:"search-container__input","input-class":"autocomplete-input search-container__input "+(this.isLoading?"with-loader":""),"input-placeholder":this.labels.placeholder,"input-disabled":this.disabled,label:this.showInputLabel?this.labels.label:void 0,accessibilityLabel:this.showInputLabel?void 0:this.labels.label,iconLeft:"tc-search-short",iconRight:this.inputIconRight,iconRightClickCallback:this.boundHandleClearInput,iconRightAccessibilityLabel:this.labels.clearButtonLabel,theme:this.theme,ref:t=>this.inputComponent=t,autocomplete:"off","input-value":this.inputValue},this.isLoading&&e("tet-spinner",{key:"6228df2104ab9f4a2945352b97dece66fbae60ce",theme:this.theme,class:"search-container__spinner",size:"small"}))),e("tet-button",{key:"ecdfed6027f16d5db288bfdc0c18f937c64705fb",class:"search-container__button search-container__button--mobile",theme:this.theme,size:"small","accessibility-label":this.labels.searchButtonLabel,iconName:"tc-arrow-right",iconMode:!0,disabled:this.disabled,onClick:this.boundHandleSearchSubmit}),e("tet-button",{key:"9090b5dc3b64bc604cbd59e4dc476adab25562b5",class:"search-container__button search-container__button--desktop",theme:this.theme,size:"medium",disabled:this.disabled,onClick:this.boundHandleSearchSubmit},this.labels.searchButtonLabel)))}static get watchers(){return{disabled:["onDisabledStateChange"]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--input-field-icon-color:var(--tc-icon-secondary);--dropdown-option-text-color-secondary:var(--tc-text-secondary);--dropdown-option-text-color-tertiary:var(--tc-text-tertiary);--dropdown-more-results-option-background-color:var(--tc-layer-secondary)}:host(.dark){--input-field-icon-color:var(--tc-icon-secondary-dark);--dropdown-option-text-color-secondary:var(--tc-text-secondary-dark);--dropdown-option-text-color-tertiary:var(--tc-text-tertiary-dark);--dropdown-more-results-option-background-color:var(--tc-layer-secondary-dark)}::part(dropdown-option){display:flex;align-items:center;gap:0.5rem;overflow:hidden}::part(option-icon){--icon-size:1rem;--icon-container-display:flex}::part(dropdown-option-content){display:flex;flex-direction:column;overflow:hidden}::part(option-label){font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-description){font:400 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.125rem;color:var(--dropdown-option-text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-categories){font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--dropdown-option-text-color-tertiary);margin-top:0.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-category-separator){--icon-size:0.90625rem;--icon-container-display:flex;margin:0 0.0625rem}::part(more-results){font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";position:sticky;bottom:0;background-color:var(--dropdown-more-results-option-background-color);margin:0.125rem 0 0 0;border-radius:0;z-index:3}tet-autocomplete{--options-max-height-new-style:27.25rem;width:100%}.search-container__inner-wrapper{display:flex;gap:0.5rem}@media screen and (min-width: 48rem){.search-container__inner-wrapper{gap:1rem}}.search-container__button{align-self:flex-end}.search-container__button--desktop{display:none}@media screen and (min-width: 48rem){.search-container__button--desktop{display:flex}.search-container__button--mobile{display:none}}.search-container__input{--input-border-radius:1.375rem;--input-font-size:0.875rem}.search-container__input.tet-input__base{--input-height:2.25rem;--input-padding:0.5rem 1rem}@media screen and (min-width: 48rem){.search-container__input.tet-input__base{--input-height:2.75rem;--input-padding:0.75rem 1rem}}.search-container__input.tet-input__base.with-icon--left{padding-left:2.75rem}.search-container__input.tet-input__base.with-icon--right,.search-container__input.tet-input__base.with-loader{padding-right:2.75rem}.search-container__input~.icon{--input-icon-color:var(--input-field-icon-color);--icon-size:1.25rem;--input-icon-left-position:1rem}.search-container__input~.icon.icon-right{right:1rem}.search-container__spinner{--spinner-size:1.25rem;position:absolute;right:1rem}';export{s as tet_support_search}
+import{r as t,c as o,h as e,H as i}from"./p-5abb3bea.js";import{d as n}from"./p-64ec8edd.js";import{n as r}from"./p-58434b0c.js";import{i as a}from"./p-f469a3fb.js";const s=class{constructor(e){t(this,e),this.searchSubmitted=o(this,"searchSubmitted",7),this.optionSelected=o(this,"optionSelected",7),this.theme="light",this.minSearchLength=4,this.showInputLabel=!1,this.labels=void 0,this.disabled=!1,this.searchApiUrl="",this.maxSearchResults=5,this.preventDuplicateSubmit=!0,this.submitCooldownMs=700,this.searchQuery="",this.inputIconRight="",this.inputValueLength=0,this.inputValue="",this.isLoading=!1}searchSubmitted;optionSelected;nativeInput;inputComponent;autocompleteComponent;lastSubmittedQuery="";lastSubmittedAt=0;boundOptionsFilterFunction=this.optionsFilterFunction.bind(this);boundFinishedLoadingFunction=this.finishedLoading.bind(this);boundHandleAutocompleteOptionSelection=this.handleAutocompleteOptionSelection.bind(this);boundHandleAutocompleteSearchSubmit=this.handleAutocompleteSearchSubmit.bind(this);boundHandleClearInput=this.handleClearInput.bind(this);boundHandleSearchSubmit=this.handleSearchSubmit.bind(this);boundHandleInputRightIcon=this.handleInputRightIcon.bind(this);boundRenderOption=this.renderOption.bind(this);onDisabledStateChange(){this.disabled?this.removeIconRight():this.inputValueLength&&this.addClearIcon()}async resetInputState(){this.nativeInput&&(this.nativeInput.value=""),this.inputValue="",this.inputValueLength=0,this.isLoading=!1,this.removeIconRight()}componentWillLoad(){this.initializeInputValue()}async componentDidLoad(){this.nativeInput=await(this.inputComponent?.getInputHtmlElement()),this.nativeInput?.addEventListener("input",this.boundHandleInputRightIcon)}disconnectedCallback(){this.nativeInput?.removeEventListener("input",this.boundHandleInputRightIcon)}initializeInputValue(){this.inputValue=this.searchQuery;const t=r(this.inputValue);this.inputValueLength=t.length,t.length>0&&this.addClearIcon()}handleInputRightIcon({target:t}){const o=t.value;this.inputValue=o;const e=r(o);if(this.inputValueLength=e.length,this.inputValueLength>=this.minSearchLength)return this.addLoadIcon(),void this.removeIconRight();e&&!this.inputIconRight&&this.addClearIcon(),!e&&this.inputIconRight&&this.removeIconRight()}async optionsFilterFunction(t){if(t.length<this.minSearchLength||!this.searchApiUrl)return[];const o=await((t,o)=>{if(!o?.trim()||!t?.trim())return Promise.resolve([]);const e=new URL(t);return e.searchParams.set("query",o),fetch(e).then((t=>t.json())).catch((()=>[]))})(this.searchApiUrl,t),e=o.slice(0,this.maxSearchResults).map((({title:t,id:o,description:e,categories:i,url:n},r)=>({label:a(t),value:{id:o,description:e,categories:i,url:n,htmlLabel:t,index:r}})));return e.length>0&&e.push({label:this.labels.moreResultsLabel,value:"more-results",clickCallback:this.boundHandleSearchSubmit,ignoreHighlighting:!0,cssPart:"more-results"}),e}debounceOptionsFilter=n(this.boundOptionsFilterFunction,300);removeIconRight(){this.inputIconRight=""}addClearIcon(){this.isLoading=!1,this.inputIconRight="tc-close"}finishedLoading(){this.removeIconRight(),this.inputValueLength>=1&&this.addClearIcon()}addLoadIcon(){this.isLoading=!0}handleAutocompleteOptionSelection(t){t.stopPropagation();const{label:o,value:e,_originalEvent:i}=t.detail;this.inputValue=o,this.inputValueLength=r(o).length,this.addClearIcon(),this.optionSelected.emit({label:o,id:e.id,url:e.url,index:"number"==typeof e?.index?e.index:-1,originalEvent:i})}handleSearchSubmit(){const t=this.nativeInput?.value??this.inputValue??"",o=r(t);if(!o)return;const e=Date.now(),i=Math.max(this.submitCooldownMs,0);e-this.lastSubmittedAt<i||this.preventDuplicateSubmit&&o===this.lastSubmittedQuery||(this.lastSubmittedAt=e,this.lastSubmittedQuery=o,this.searchSubmitted.emit(t))}handleAutocompleteSearchSubmit(t){t.stopPropagation(),this.handleSearchSubmit()}async handleClearInput(){"function"!=typeof this.autocompleteComponent?.clear?await this.resetInputState():await this.autocompleteComponent.clear(!1)}renderOption(t){const{description:o,categories:i,htmlLabel:n}=t.value;return e("div",{part:"dropdown-option"},e("tet-icon",{part:"option-icon",class:"icon",name:"tc-arrow-right"}),e("div",{part:"dropdown-option-content"},e("div",{part:"option-label",innerHTML:n}),o&&e("div",{part:"option-description",innerHTML:o}),i?.length>0&&e("div",{part:"option-categories"},i.map(((t,o)=>[e("span",{innerHTML:t}),o<i.length-1&&e("tet-icon",{name:"tc-chevron-right-small",theme:this.theme,type:"secondary",part:"option-category-separator"})])))))}render(){return e(i,{key:"c633b458778429065c9a043951be53bd0d36f187",class:{"search-container":!0,[this.theme]:!0}},e("div",{key:"f44cae111ca57560f04ab13fb60f5a75aa339c56",class:"search-container__inner-wrapper"},e("tet-autocomplete",{key:"fc8063cd6307a29354548a825ce9c36d7ad9607f",optionsFilterAction:this.debounceOptionsFilter,onOptionSelected:this.boundHandleAutocompleteOptionSelection,onSearchTextSubmitted:this.boundHandleAutocompleteSearchSubmit,noOptionsMessage:this.labels.notFoundMessage,customOptionRenderFunction:this.boundRenderOption,finishedLoading:this.boundFinishedLoadingFunction,clearCallback:()=>this.resetInputState(),darkTheme:"dark"===this.theme,newStyle:!0,ref:t=>this.autocompleteComponent=t},e("tet-input",{key:"cd0295c353eaf6c0f33c5cf47f57530f39383f9e",class:"search-container__input","input-class":"autocomplete-input search-container__input "+(this.isLoading?"with-loader":""),"input-placeholder":this.labels.placeholder,"input-disabled":this.disabled,label:this.showInputLabel?this.labels.label:void 0,accessibilityLabel:this.showInputLabel?void 0:this.labels.label,iconLeft:"tc-search-short",iconRight:this.inputIconRight,iconRightClickCallback:this.boundHandleClearInput,iconRightAccessibilityLabel:this.labels.clearButtonLabel,theme:this.theme,ref:t=>this.inputComponent=t,autocomplete:"off","input-value":this.inputValue},this.isLoading&&e("tet-spinner",{key:"6228df2104ab9f4a2945352b97dece66fbae60ce",theme:this.theme,class:"search-container__spinner",size:"small"}))),e("tet-button",{key:"ecdfed6027f16d5db288bfdc0c18f937c64705fb",class:"search-container__button search-container__button--mobile",theme:this.theme,size:"small","accessibility-label":this.labels.searchButtonLabel,iconName:"tc-arrow-right",iconMode:!0,disabled:this.disabled,onClick:this.boundHandleSearchSubmit}),e("tet-button",{key:"9090b5dc3b64bc604cbd59e4dc476adab25562b5",class:"search-container__button search-container__button--desktop",theme:this.theme,size:"medium",disabled:this.disabled,onClick:this.boundHandleSearchSubmit},this.labels.searchButtonLabel)))}static get watchers(){return{disabled:["onDisabledStateChange"]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--input-field-icon-color:var(--tc-icon-secondary);--dropdown-option-text-color-secondary:var(--tc-text-secondary);--dropdown-option-text-color-tertiary:var(--tc-text-tertiary);--dropdown-more-results-option-background-color:var(--tc-layer-secondary)}:host(.dark){--input-field-icon-color:var(--tc-icon-secondary-dark);--dropdown-option-text-color-secondary:var(--tc-text-secondary-dark);--dropdown-option-text-color-tertiary:var(--tc-text-tertiary-dark);--dropdown-more-results-option-background-color:var(--tc-layer-secondary-dark)}::part(dropdown-option){display:flex;align-items:center;gap:0.5rem;overflow:hidden}::part(option-icon){--icon-size:1rem;--icon-container-display:flex}::part(dropdown-option-content){display:flex;flex-direction:column;overflow:hidden}::part(option-label){font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-description){font:400 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.125rem;color:var(--dropdown-option-text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-categories){font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--dropdown-option-text-color-tertiary);margin-top:0.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-category-separator){--icon-size:0.90625rem;--icon-container-display:flex;margin:0 0.0625rem}::part(more-results){font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";position:sticky;bottom:0;background-color:var(--dropdown-more-results-option-background-color);margin:0.125rem 0 0 0;border-radius:0;z-index:3}tet-autocomplete{--options-max-height-new-style:27.25rem;width:100%}.search-container__inner-wrapper{display:flex;gap:0.5rem}@media screen and (min-width: 48rem){.search-container__inner-wrapper{gap:1rem}}.search-container__button{align-self:flex-end}.search-container__button--desktop{display:none}@media screen and (min-width: 48rem){.search-container__button--desktop{display:flex}.search-container__button--mobile{display:none}}.search-container__input{--input-border-radius:1.375rem;--input-font-size:0.875rem}.search-container__input.tet-input__base{--input-height:2.25rem;--input-padding:0.5rem 1rem}@media screen and (min-width: 48rem){.search-container__input.tet-input__base{--input-height:2.75rem;--input-padding:0.75rem 1rem}}.search-container__input.tet-input__base.with-icon--left{padding-left:2.75rem}.search-container__input.tet-input__base.with-icon--right,.search-container__input.tet-input__base.with-loader{padding-right:2.75rem}.search-container__input~.icon{--input-icon-color:var(--input-field-icon-color);--icon-size:1.25rem;--input-icon-left-position:1rem}.search-container__input~.icon.icon-right{right:1rem}.search-container__spinner{--spinner-size:1.25rem;position:absolute;right:1rem}';export{s as tet_support_search}