npm - @tet/tet-components - Versions diffs - 1.4.33-staging → 1.4.33-testing - Mend

@tet/tet-components 1.4.33-staging → 1.4.33-testing

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (481) hide show

package/dist/tet-components/{p-97a4e6d0.entry.js → p-c8c0f6d3.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as o,g as e,h as i,H as n}from"./p-5abb3bea.js";import{a as r}from"./p-64ec8edd.js";import{n as a}from"./p-58434b0c.js";import{b as s,c as l,i as c}from"./p-9a2b6ee2.js";import{r as f}from"./p-df4bc38e.js";function m(t){return!!t&&(!("string"!=typeof t.h\|\|!["a","button","input","select","textarea"].includes(t.h.toLowerCase()))\|\|"object"==typeof t.o&&null!==t.o&&void 0!==t.o.tabindex&&-1!==t.o.tabindex\|\|!!Array.isArray(t.i)&&t.i.some((t=>m(t))))}const p=class{constructor(e){t(this,e),this.optionSelected=o(this,"optionSelected",7),this.activeComponentStateChanged=o(this,"activeComponentStateChanged",7),this.showOptionsOnEscapeClear=!1,this.defaultOptions=[],this.optionsFilterAction=()=>[],this.noOptionsMessage=void 0,this.noOptionsRenderFunction=()=>null,this.customOptionRenderFunction=void 0,this.clearCallback=void 0,this.finishedLoading=void 0,this.newStyle=!1,this.highlightOptionsKeyword=!0,this.darkTheme=!1,this.optionsIcon="",this.redesignedStyle=!1,this.filteredOptions=[],this.activeOption=void 0,this.showOptions=!1,this.showLoader=!1,this.isKeyboardFocus=!0}get rootElement(){return e(this)}internalUniqueId;inputElement;optionsContainer;activeOptionElement;noOptionsElement;skipNextFilterValueChange=!1;lastFilteredValue="";typingDebounceTime=250;optionSelected;activeComponentStateChanged;componentDidLoad(){this.internalUniqueId=f(12);const t=this.rootElement?.querySelector(".autocomplete-input");var o;null!==t&&(this.inputElement=(o={value:t=>{this.skipNextFilterValueChange\|\|this.debouncedUpdateFilteredOptions(t),this.skipNextFilterValueChange=!1}},new Proxy(t,{set:(t,e,i)=>(e in o&&o[e](i),t[e]=i,!0),get:(t,o)=>"origin"===o?t:t[o]}))),this.inputElement?.origin.addEventListener("input",this.onInputChange),this.inputElement?.origin.addEventListener("focus",this.tryToDisplayOptions)}disconnectedCallback(){this.inputElement?.origin.removeEventListener("input",this.onInputChange),this.inputElement?.origin.removeEventListener("focus",this.tryToDisplayOptions)}onPointerUp(t){t.stopPropagation()}onWindowPointerUp(t){"mouse"!==t.pointerType&&this.activeComponentStateChanged.emit(null)}onMouseDown(){this.isKeyboardFocus=!1}onComponentActiveStateChange({detail:t}){t===this.internalUniqueId&&null!==t\|\|!this.showOptions\|\|(this.showOptions=!1)}async handleKeyDown(t){switch(t.key){case"Escape":await this.clear(this.showOptionsOnEscapeClear);break;case"ArrowDown":if(this.optionsContainer&&this.filteredOptions.length){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=-1,o=this.filteredOptions.length-1,e=this.filteredOptions.indexOf(this.activeOption),[i]=this.filteredOptions;if(e===t\|\|e===o)return this.optionsContainer.scrollTop=0,void(this.activeOption=i);this.activeOption=this.filteredOptions[e+1];const n=this.activeOptionElement.nextSibling;this.optionsContainer.scrollTop=n.offsetTop-n.offsetHeight}break;case"ArrowUp":if(this.optionsContainer&&this.filteredOptions.length&&this.activeOption){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=this.filteredOptions.length-1,o=this.filteredOptions.indexOf(this.activeOption);if(0===o)return this.optionsContainer.scrollTop=this.optionsContainer.scrollHeight,void(this.activeOption=this.filteredOptions[t]);this.activeOption=this.filteredOptions[o-1];const e=this.activeOptionElement.previousSibling;this.optionsContainer.scrollTop=e.offsetTop-2e.offsetHeight}break;case"Enter":this.activeOption&&(this.getOptionSelectAction(this.activeOption)(t),this.handleInputFocusOutline(!1));break;default:if(this.showOptions\|\|"Tab"===t.key)return;this.showOptions=!0}}handleNoOptionsFocusOut=t=>{const o=t.relatedTarget;o&&o instanceof HTMLElement&&o.classList.contains("icon-right")\|\|(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),this.showOptions=!1)};handleFocusOut(t){const o=t.relatedTarget;return s(this.noOptionsRenderFunction)&&null!==this.noOptionsRenderFunction()&&!this.filteredOptions.length&&o&&this.rootElement.contains(o)&&m(this.noOptionsRenderFunction())?(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),void this.noOptionsElement?.addEventListener("focusout",this.handleNoOptionsFocusOut)):o&&o instanceof HTMLElement&&o.classList.contains("icon-right")?(this.showOptions=!1,void(this.activeOption=null)):void(this.showOptions&&(o&&this.rootElement.contains(o)\|\|(this.showOptions=!1)))}async clear(t=!1){this.inputElement&&(this.inputElement.value="",this.showOptions=(!this.showOptions\|\|!t)&&t,this.handleInputFocusOutline(!1),this.clearCallback&&this.clearCallback())}async focusOnNativeInput(){this.inputElement&&(this.inputElement.origin.focus(),this.showOptions=!0)}async selectOption(t){this.optionSelected.emit(t),this.showOptions=!1,this.activeOption=null,this.inputElement&&(this.skipNextFilterValueChange=!0,this.inputElement.value=t.label)}handleInputFocusOutline=(t=!0)=>{const o=this.rootElement?.querySelector("input");o instanceof HTMLInputElement&&this.isKeyboardFocus&&(t?(o.focus(),requestAnimationFrame((()=>o.classList.remove("keyboard-focus")))):o.classList.add("keyboard-focus"))};tryToExecuteFinishedLoading=()=>{this.finishedLoading instanceof Function&&this.finishedLoading()};tryToDisplayOptions=()=>{this.showOptions=!0,this.activeComponentStateChanged.emit(this.internalUniqueId),this.inputElement&&this.updateFilteredOptions(this.inputElement?.value)};onInputChange=t=>{this.debouncedUpdateFilteredOptions(t.target.value)};updateFilteredOptions=t=>{this.activeOption=null;const o=a(t??"");if(this.defaultOptions.length&&!o)return this.filteredOptions=this.defaultOptions,this.tryToExecuteFinishedLoading();if(!o\|\|this.lastFilteredValue===o)return this.filteredOptions.length&&!o&&(this.filteredOptions=[]),this.lastFilteredValue=o,this.tryToExecuteFinishedLoading();const e=this.optionsFilterAction(o);l(e)?(this.showLoader=!0,this.filteredOptions=[],e.then((t=>{this.filteredOptions=t,this.lastFilteredValue=o})).finally((()=>{this.showLoader=!1}))):(this.filteredOptions=e,this.lastFilteredValue=o),this.tryToExecuteFinishedLoading()};debouncedUpdateFilteredOptions=r((t=>{this.updateFilteredOptions(t)}),this.typingDebounceTime);onOptionSelect=async(t,o)=>{await this.selectOption({...o,userInteraction:!0,_originalEvent:t}),t.stopPropagation()};getOptionSelectAction=t=>s(t?.clickCallback)?o=>t.clickCallback(o,t):o=>this.onOptionSelect(o,t);getNoOptionsContent=()=>s(this.noOptionsRenderFunction)&&this.noOptionsRenderFunction()\|\|this.noOptionsMessage;renderOptionsLoader=()=>{if(this.showLoader&&!this.newStyle&&!this.redesignedStyle)return i("ul",{class:"autocomplete-options"},i("li",{class:{"autocomplete-options-loader":!0,dark:this.darkTheme}},i("tet-loader",null)))};renderNoOptionsMessage=()=>{const t=this.getNoOptionsContent(),o={};return c(t)\|\|(o.innerHTML=t),i("li",{class:{"autocomplete-options-none-message":!0,dark:this.darkTheme},...o,"aria-live":"polite",ref:t=>this.noOptionsElement=t},c(t)?t:null)};renderOption=(t,o)=>{let{label:e,ignoreHighlighting:n,cssPart:r}=t;const a=this.getOptionSelectAction(t),s=this.lastFilteredValue.split(/\s+/).map((t=>new RegExp(`(?:!</?[^>]\|&[^;])(${t})`,"ig")));return this.highlightOptionsKeyword&&!n&&s.forEach((t=>{e=e.replace(t,"<strong>$&</strong>")})),i("li",{class:{"autocomplete-options-item":!0,active:t===this.activeOption,dark:this.darkTheme,"focus-visible":t===this.activeOption&&this.isKeyboardFocus},part:r,onClick:a,onKeyDown:o=>{"Enter"===o.key&&a(t)},ref:o=>t===this.activeOption&&(this.activeOptionElement=o),id:`${this.internalUniqueId}-${o}`,role:"option"},this.renderOptionByType(t))};renderOptionByType(t){switch(!0){case"manual-input"===t.value:return i("span",{class:{"tet-link":!0,dark:this.darkTheme,"manual-input":!0,"option-cta":!0},innerHTML:t.label});case"more-results"===t.value:return i("span",{class:{"tet-link":!0,dark:this.darkTheme,"more-results":!0,"option-cta":!0},innerHTML:t.label});case s(this.customOptionRenderFunction):return this.customOptionRenderFunction(t);default:return[this.optionsIcon&&(this.newStyle\|\|this.redesignedStyle)&&i("tet-icon",{class:"icon",name:this.optionsIcon}),i("span",{innerHTML:t.label})]}}renderOptions=t=>{if(!this.showOptions)return;const o=!t.length&&!this.showLoader&&this.inputElement?.value&&!!this.getNoOptionsContent();return o\|\|t.length?i("div",{class:{"autocomplete-options-container":!0,dark:this.darkTheme,"new-style":this.newStyle\|\|this.redesignedStyle,"redesigned-style":this.redesignedStyle},part:"autocomplete-options-container",role:"combobox","aria-expanded":this.showOptions,"aria-activedescendant":this.activeOption?`${this.internalUniqueId}-${this.filteredOptions.indexOf(this.activeOption)}`:void 0},i("ul",{class:"autocomplete-options",ref:t=>this.optionsContainer=t,role:"listbox",tabindex:"-1"},o&&this.renderNoOptionsMessage(),t.map(this.renderOption))):void 0};render(){return i(n,{key:"b7912ebe0109b274adc7fd47058f9e3751aadfb5",class:{autocomplete:!0,dark:this.darkTheme}},i("slot",{key:"52423b50781c60e42371cbe57ce9ed8523757857"}),this.renderOptionsLoader(),this.renderOptions(this.filteredOptions))}};p.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)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration:underline;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--option-padding:0.5rem 1rem;--options-max-height:15.625rem;--options-max-height-new-style:12.25rem;--option-background-color:var(--tc-layer-secondary);--option-hover-background-color:var(--tc-menu-item-hover);--option-pressed-background-color:var(--tc-menu-item-pressed);--option-item-icon-color:var(--tc-icon-secondary);--option-item-icon-hover-color:var(--tc-icon-primary);--option-text-color:var(--tc-text-primary);--option-container-border-color:var(--tc-border-secondary);--option-text-highlight-color:var(--tc-yellow-20);display:block;position:relative}::slotted(.autocomplete-input){width:100%}.autocomplete-options{overflow-y:auto;list-style:none;max-height:var(--options-max-height);--item-icon-color:var(--option-item-icon-color)}.autocomplete-options-container{position:absolute;z-index:20;width:100%;background-color:var(--option-background-color);margin:0;padding:0;border-radius:0.1875rem;box-shadow:0 0 0 0.0625rem rgba(5, 29, 89, 0.16), 0 0.25rem 0.5rem rgba(5, 29, 89, 0.25);font-family:var(--text-font);animation:slideDown 0.125s ease-out 1;animation-fill-mode:forwards}.autocomplete-options-container .autocomplete-options{padding:0.375rem 0}.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .manual-input),.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .more-results){padding-bottom:0;margin-bottom:0.375rem}.autocomplete-options-container.redesigned-style .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary);border-radius:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary)}.autocomplete-options-container.redesigned-style.dark .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary-dark);border-radius:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary-dark)}.autocomplete-options-container .autocomplete-options-item{margin:0 0.375rem}.autocomplete-options-container .autocomplete-options-item .manual-input,.autocomplete-options-container .autocomplete-options-item .more-results{outline-offset:0.125rem !important;margin:0 0.375rem}.autocomplete-options-container.dark{--option-background-color:var(--tc-layer-secondary-dark);--option-hover-background-color:var(--tc-menu-item-hover-dark);--option-pressed-background-color:var(--tc-menu-item-pressed-dark);--option-item-icon-color:var(--tc-icon-secondary-dark);--option-item-icon-hover-color:var(--tc-icon-primary-dark);--option-text-color:var(--tc-text-primary-dark);--option-container-border-color:var(--tc-border-secondary-dark);--option-text-highlight-color:var(--tc-grey-30-dark)}.autocomplete-options-container.new-style{--options-max-height:var(--options-max-height-new-style);--option-padding:0.5rem 1rem 0.5rem 0.5rem;background:var(--option-background-color);font-family:"Inter", var(--font-family-fallback);box-shadow:none;border:0.03125rem solid var(--option-container-border-color);margin-top:0.375rem;border-radius:0.625rem;overflow:hidden}.autocomplete-options-container.new-style .autocomplete-options{padding:0.5rem 0}.autocomplete-options-container.new-style .autocomplete-options:has(.autocomplete-options-item .manual-input){margin-bottom:0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item{display:flex;position:relative;min-height:2.25rem;color:var(--option-text-color);border-radius:0.625rem;gap:0.5rem;margin:0 0.5rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-container.new-style .autocomplete-options-item .manual-input,.autocomplete-options-container.new-style .autocomplete-options-item .more-results{margin:0 0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item .more-results{text-decoration:none}.autocomplete-options-container.new-style .autocomplete-options-item .highlight{background-color:var(--option-text-highlight-color)}.autocomplete-options-container.new-style .autocomplete-options-none-message{font-size:0.875rem;color:var(--option-text-color);text-align:left;padding:0.5rem 1rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-item{display:flex;align-items:center;padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);cursor:pointer}.autocomplete-options-item:has(.more-results){--option-padding:0.75rem 0.5rem 0.5rem}.autocomplete-options-item .icon{--icon-color:var(--option-item-icon-color);--icon-size:1.25rem}.autocomplete-options-item:hover,.autocomplete-options-item.active{background:var(--option-hover-background-color);--option-item-icon-color:var(--option-item-icon-hover-color)}.autocomplete-options-item:hover.focus-visible:not(:has(.option-cta)),.autocomplete-options-item:hover.focus-visible .option-cta,.autocomplete-options-item.active.focus-visible:not(:has(.option-cta)),.autocomplete-options-item.active.focus-visible .option-cta{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary);background:var(--option-background-color);border-radius:0.125rem;z-index:2}.autocomplete-options-item:hover.focus-visible:not(:has(.option-cta)).dark,.autocomplete-options-item:hover.focus-visible .option-cta.dark,.autocomplete-options-item.active.focus-visible:not(:has(.option-cta)).dark,.autocomplete-options-item.active.focus-visible .option-cta.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary-dark)}.autocomplete-options-item:active{background:var(--option-pressed-background-color)}.autocomplete-options-loader{display:flex;align-items:center;justify-content:center;background:var(--tc-layer-primary);position:absolute;height:11.625rem;width:100%;z-index:100}.autocomplete-options-loader.dark{background:var(--tc-layer-primary-dark)}.autocomplete-options-none-message{padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-25%)}50%{opacity:0.1}100%{opacity:1;transform:translateY(0)}}';export{p as tet_autocomplete}
1	+ import{r as t,c as o,g as e,h as i,H as n}from"./p-83f43fdd.js";import{a as r}from"./p-64ec8edd.js";import{n as a}from"./p-58434b0c.js";import{b as s,c as l,i as c}from"./p-9a2b6ee2.js";import{r as f}from"./p-df4bc38e.js";function m(t){return!!t&&(!("string"!=typeof t.h\|\|!["a","button","input","select","textarea"].includes(t.h.toLowerCase()))\|\|"object"==typeof t.o&&null!==t.o&&void 0!==t.o.tabindex&&-1!==t.o.tabindex\|\|!!Array.isArray(t.i)&&t.i.some((t=>m(t))))}const p=class{constructor(e){t(this,e),this.optionSelected=o(this,"optionSelected",7),this.activeComponentStateChanged=o(this,"activeComponentStateChanged",7),this.showOptionsOnEscapeClear=!1,this.defaultOptions=[],this.optionsFilterAction=()=>[],this.noOptionsMessage=void 0,this.noOptionsRenderFunction=()=>null,this.customOptionRenderFunction=void 0,this.clearCallback=void 0,this.finishedLoading=void 0,this.newStyle=!1,this.highlightOptionsKeyword=!0,this.darkTheme=!1,this.optionsIcon="",this.redesignedStyle=!1,this.filteredOptions=[],this.activeOption=void 0,this.showOptions=!1,this.showLoader=!1,this.isKeyboardFocus=!0}get rootElement(){return e(this)}internalUniqueId;inputElement;optionsContainer;activeOptionElement;noOptionsElement;skipNextFilterValueChange=!1;lastFilteredValue="";typingDebounceTime=250;optionSelected;activeComponentStateChanged;componentDidLoad(){this.internalUniqueId=f(12);const t=this.rootElement?.querySelector(".autocomplete-input");var o;null!==t&&(this.inputElement=(o={value:t=>{this.skipNextFilterValueChange\|\|this.debouncedUpdateFilteredOptions(t),this.skipNextFilterValueChange=!1}},new Proxy(t,{set:(t,e,i)=>(e in o&&o[e](i),t[e]=i,!0),get:(t,o)=>"origin"===o?t:t[o]}))),this.inputElement?.origin.addEventListener("input",this.onInputChange),this.inputElement?.origin.addEventListener("focus",this.tryToDisplayOptions)}disconnectedCallback(){this.inputElement?.origin.removeEventListener("input",this.onInputChange),this.inputElement?.origin.removeEventListener("focus",this.tryToDisplayOptions)}onPointerUp(t){t.stopPropagation()}onWindowPointerUp(t){"mouse"!==t.pointerType&&this.activeComponentStateChanged.emit(null)}onMouseDown(){this.isKeyboardFocus=!1}onComponentActiveStateChange({detail:t}){t===this.internalUniqueId&&null!==t\|\|!this.showOptions\|\|(this.showOptions=!1)}async handleKeyDown(t){switch(t.key){case"Escape":await this.clear(this.showOptionsOnEscapeClear);break;case"ArrowDown":if(this.optionsContainer&&this.filteredOptions.length){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=-1,o=this.filteredOptions.length-1,e=this.filteredOptions.indexOf(this.activeOption),[i]=this.filteredOptions;if(e===t\|\|e===o)return this.optionsContainer.scrollTop=0,void(this.activeOption=i);this.activeOption=this.filteredOptions[e+1];const n=this.activeOptionElement.nextSibling;this.optionsContainer.scrollTop=n.offsetTop-n.offsetHeight}break;case"ArrowUp":if(this.optionsContainer&&this.filteredOptions.length&&this.activeOption){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=this.filteredOptions.length-1,o=this.filteredOptions.indexOf(this.activeOption);if(0===o)return this.optionsContainer.scrollTop=this.optionsContainer.scrollHeight,void(this.activeOption=this.filteredOptions[t]);this.activeOption=this.filteredOptions[o-1];const e=this.activeOptionElement.previousSibling;this.optionsContainer.scrollTop=e.offsetTop-2e.offsetHeight}break;case"Enter":this.activeOption&&(this.getOptionSelectAction(this.activeOption)(t),this.handleInputFocusOutline(!1));break;default:if(this.showOptions\|\|"Tab"===t.key)return;this.showOptions=!0}}handleNoOptionsFocusOut=t=>{const o=t.relatedTarget;o&&o instanceof HTMLElement&&o.classList.contains("icon-right")\|\|(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),this.showOptions=!1)};handleFocusOut(t){const o=t.relatedTarget;return s(this.noOptionsRenderFunction)&&null!==this.noOptionsRenderFunction()&&!this.filteredOptions.length&&o&&this.rootElement.contains(o)&&m(this.noOptionsRenderFunction())?(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),void this.noOptionsElement?.addEventListener("focusout",this.handleNoOptionsFocusOut)):o&&o instanceof HTMLElement&&o.classList.contains("icon-right")?(this.showOptions=!1,void(this.activeOption=null)):void(this.showOptions&&(o&&this.rootElement.contains(o)\|\|(this.showOptions=!1)))}async clear(t=!1){this.inputElement&&(this.inputElement.value="",this.showOptions=(!this.showOptions\|\|!t)&&t,this.handleInputFocusOutline(!1),this.clearCallback&&this.clearCallback())}async focusOnNativeInput(){this.inputElement&&(this.inputElement.origin.focus(),this.showOptions=!0)}async selectOption(t){this.optionSelected.emit(t),this.showOptions=!1,this.activeOption=null,this.inputElement&&(this.skipNextFilterValueChange=!0,this.inputElement.value=t.label)}handleInputFocusOutline=(t=!0)=>{const o=this.rootElement?.querySelector("input");o instanceof HTMLInputElement&&this.isKeyboardFocus&&(t?(o.focus(),requestAnimationFrame((()=>o.classList.remove("keyboard-focus")))):o.classList.add("keyboard-focus"))};tryToExecuteFinishedLoading=()=>{this.finishedLoading instanceof Function&&this.finishedLoading()};tryToDisplayOptions=()=>{this.showOptions=!0,this.activeComponentStateChanged.emit(this.internalUniqueId),this.inputElement&&this.updateFilteredOptions(this.inputElement?.value)};onInputChange=t=>{this.debouncedUpdateFilteredOptions(t.target.value)};updateFilteredOptions=t=>{this.activeOption=null;const o=a(t??"");if(this.defaultOptions.length&&!o)return this.filteredOptions=this.defaultOptions,this.tryToExecuteFinishedLoading();if(!o\|\|this.lastFilteredValue===o)return this.filteredOptions.length&&!o&&(this.filteredOptions=[]),this.lastFilteredValue=o,this.tryToExecuteFinishedLoading();const e=this.optionsFilterAction(o);l(e)?(this.showLoader=!0,this.filteredOptions=[],e.then((t=>{this.filteredOptions=t,this.lastFilteredValue=o})).finally((()=>{this.showLoader=!1}))):(this.filteredOptions=e,this.lastFilteredValue=o),this.tryToExecuteFinishedLoading()};debouncedUpdateFilteredOptions=r((t=>{this.updateFilteredOptions(t)}),this.typingDebounceTime);onOptionSelect=async(t,o)=>{await this.selectOption({...o,userInteraction:!0,_originalEvent:t}),t.stopPropagation()};getOptionSelectAction=t=>s(t?.clickCallback)?o=>t.clickCallback(o,t):o=>this.onOptionSelect(o,t);getNoOptionsContent=()=>s(this.noOptionsRenderFunction)&&this.noOptionsRenderFunction()\|\|this.noOptionsMessage;renderOptionsLoader=()=>{if(this.showLoader&&!this.newStyle&&!this.redesignedStyle)return i("ul",{class:"autocomplete-options"},i("li",{class:{"autocomplete-options-loader":!0,dark:this.darkTheme}},i("tet-loader",null)))};renderNoOptionsMessage=()=>{const t=this.getNoOptionsContent(),o={};return c(t)\|\|(o.innerHTML=t),i("li",{class:{"autocomplete-options-none-message":!0,dark:this.darkTheme},...o,"aria-live":"polite",ref:t=>this.noOptionsElement=t},c(t)?t:null)};renderOption=(t,o)=>{let{label:e,ignoreHighlighting:n,cssPart:r}=t;const a=this.getOptionSelectAction(t),s=this.lastFilteredValue.split(/\s+/).map((t=>new RegExp(`(?:!</?[^>]\|&[^;])(${t})`,"ig")));return this.highlightOptionsKeyword&&!n&&s.forEach((t=>{e=e.replace(t,"<strong>$&</strong>")})),i("li",{class:{"autocomplete-options-item":!0,active:t===this.activeOption,dark:this.darkTheme,"focus-visible":t===this.activeOption&&this.isKeyboardFocus},part:r,onClick:a,onKeyDown:o=>{"Enter"===o.key&&a(t)},ref:o=>t===this.activeOption&&(this.activeOptionElement=o),id:`${this.internalUniqueId}-${o}`,role:"option"},this.renderOptionByType(t))};renderOptionByType(t){switch(!0){case"manual-input"===t.value:return i("span",{class:{"tet-link":!0,dark:this.darkTheme,"manual-input":!0,"option-cta":!0},innerHTML:t.label});case"more-results"===t.value:return i("span",{class:{"tet-link":!0,dark:this.darkTheme,"more-results":!0,"option-cta":!0},innerHTML:t.label});case s(this.customOptionRenderFunction):return this.customOptionRenderFunction(t);default:return[this.optionsIcon&&(this.newStyle\|\|this.redesignedStyle)&&i("tet-icon",{class:"icon",name:this.optionsIcon}),i("span",{innerHTML:t.label})]}}renderOptions=t=>{if(!this.showOptions)return;const o=!t.length&&!this.showLoader&&this.inputElement?.value&&!!this.getNoOptionsContent();return o\|\|t.length?i("div",{class:{"autocomplete-options-container":!0,dark:this.darkTheme,"new-style":this.newStyle\|\|this.redesignedStyle,"redesigned-style":this.redesignedStyle},part:"autocomplete-options-container",role:"combobox","aria-expanded":this.showOptions,"aria-activedescendant":this.activeOption?`${this.internalUniqueId}-${this.filteredOptions.indexOf(this.activeOption)}`:void 0},i("ul",{class:"autocomplete-options",ref:t=>this.optionsContainer=t,role:"listbox",tabindex:"-1"},o&&this.renderNoOptionsMessage(),t.map(this.renderOption))):void 0};render(){return i(n,{key:"b7912ebe0109b274adc7fd47058f9e3751aadfb5",class:{autocomplete:!0,dark:this.darkTheme}},i("slot",{key:"52423b50781c60e42371cbe57ce9ed8523757857"}),this.renderOptionsLoader(),this.renderOptions(this.filteredOptions))}};p.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)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration:underline;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--option-padding:0.5rem 1rem;--options-max-height:15.625rem;--options-max-height-new-style:12.25rem;--option-background-color:var(--tc-layer-secondary);--option-hover-background-color:var(--tc-menu-item-hover);--option-pressed-background-color:var(--tc-menu-item-pressed);--option-item-icon-color:var(--tc-icon-secondary);--option-item-icon-hover-color:var(--tc-icon-primary);--option-text-color:var(--tc-text-primary);--option-container-border-color:var(--tc-border-secondary);--option-text-highlight-color:var(--tc-yellow-20);display:block;position:relative}::slotted(.autocomplete-input){width:100%}.autocomplete-options{overflow-y:auto;list-style:none;max-height:var(--options-max-height);--item-icon-color:var(--option-item-icon-color)}.autocomplete-options-container{position:absolute;z-index:20;width:100%;background-color:var(--option-background-color);margin:0;padding:0;border-radius:0.1875rem;box-shadow:0 0 0 0.0625rem rgba(5, 29, 89, 0.16), 0 0.25rem 0.5rem rgba(5, 29, 89, 0.25);font-family:var(--text-font);animation:slideDown 0.125s ease-out 1;animation-fill-mode:forwards}.autocomplete-options-container .autocomplete-options{padding:0.375rem 0}.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .manual-input),.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .more-results){padding-bottom:0;margin-bottom:0.375rem}.autocomplete-options-container.redesigned-style .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary);border-radius:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary)}.autocomplete-options-container.redesigned-style.dark .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary-dark);border-radius:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary-dark)}.autocomplete-options-container .autocomplete-options-item{margin:0 0.375rem}.autocomplete-options-container .autocomplete-options-item .manual-input,.autocomplete-options-container .autocomplete-options-item .more-results{outline-offset:0.125rem !important;margin:0 0.375rem}.autocomplete-options-container.dark{--option-background-color:var(--tc-layer-secondary-dark);--option-hover-background-color:var(--tc-menu-item-hover-dark);--option-pressed-background-color:var(--tc-menu-item-pressed-dark);--option-item-icon-color:var(--tc-icon-secondary-dark);--option-item-icon-hover-color:var(--tc-icon-primary-dark);--option-text-color:var(--tc-text-primary-dark);--option-container-border-color:var(--tc-border-secondary-dark);--option-text-highlight-color:var(--tc-grey-30-dark)}.autocomplete-options-container.new-style{--options-max-height:var(--options-max-height-new-style);--option-padding:0.5rem 1rem 0.5rem 0.5rem;background:var(--option-background-color);font-family:"Inter", var(--font-family-fallback);box-shadow:none;border:0.03125rem solid var(--option-container-border-color);margin-top:0.375rem;border-radius:0.625rem;overflow:hidden}.autocomplete-options-container.new-style .autocomplete-options{padding:0.5rem 0}.autocomplete-options-container.new-style .autocomplete-options:has(.autocomplete-options-item .manual-input){margin-bottom:0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item{display:flex;position:relative;min-height:2.25rem;color:var(--option-text-color);border-radius:0.625rem;gap:0.5rem;margin:0 0.5rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-container.new-style .autocomplete-options-item .manual-input,.autocomplete-options-container.new-style .autocomplete-options-item .more-results{margin:0 0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item .more-results{text-decoration:none}.autocomplete-options-container.new-style .autocomplete-options-item .highlight{background-color:var(--option-text-highlight-color)}.autocomplete-options-container.new-style .autocomplete-options-none-message{font-size:0.875rem;color:var(--option-text-color);text-align:left;padding:0.5rem 1rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-item{display:flex;align-items:center;padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);cursor:pointer}.autocomplete-options-item:has(.more-results){--option-padding:0.75rem 0.5rem 0.5rem}.autocomplete-options-item .icon{--icon-color:var(--option-item-icon-color);--icon-size:1.25rem}.autocomplete-options-item:hover,.autocomplete-options-item.active{background:var(--option-hover-background-color);--option-item-icon-color:var(--option-item-icon-hover-color)}.autocomplete-options-item:hover.focus-visible:not(:has(.option-cta)),.autocomplete-options-item:hover.focus-visible .option-cta,.autocomplete-options-item.active.focus-visible:not(:has(.option-cta)),.autocomplete-options-item.active.focus-visible .option-cta{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary);background:var(--option-background-color);border-radius:0.125rem;z-index:2}.autocomplete-options-item:hover.focus-visible:not(:has(.option-cta)).dark,.autocomplete-options-item:hover.focus-visible .option-cta.dark,.autocomplete-options-item.active.focus-visible:not(:has(.option-cta)).dark,.autocomplete-options-item.active.focus-visible .option-cta.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary-dark)}.autocomplete-options-item:active{background:var(--option-pressed-background-color)}.autocomplete-options-loader{display:flex;align-items:center;justify-content:center;background:var(--tc-layer-primary);position:absolute;height:11.625rem;width:100%;z-index:100}.autocomplete-options-loader.dark{background:var(--tc-layer-primary-dark)}.autocomplete-options-none-message{padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-25%)}50%{opacity:0.1}100%{opacity:1;transform:translateY(0)}}';export{p as tet_autocomplete}

package/dist/tet-components/{p-ec5b1040.entry.js → p-c9f21fde.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as o,c as t,g as e,f as r,h as a,F as n,H as i}from"./p-5abb3bea.js";import{t as l,p as s}from"./p-a476fd02.js";import{e as c,A as u}from"./p-726651bc.js";import"./p-9a2b6ee2.js";var d,m,f;!function(o){o.SMALL="small",o.AVERAGE="average",o.LARGE="large",o.INDIVIDUAL="custom"}(d\|\|(d={})),function(o){o.HOURLY="hourly",o.MONTHLY="monthly"}(m\|\|(m={})),function(o){o.V_CPU="vcpu",o.V_RAM="vram",o.STORAGE="storage",o.EXTRA_STORAGE="extra-storage",o.LICENSE="license",o.MS_LICENSE="ms_license",o.BANDWIDTH="bandwidth"}(f\|\|(f={}));const g={v_cpu_standard:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_cpu_performance:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_ram:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0}],storage_bronze:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_silver:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_gold:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_platinum:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_backup:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_object:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],license_windows:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],license_veeam:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_rds:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_dc_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_professional_plus:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],cis_suite_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],project_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sharepoint_server:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],bandwidth_ip:[{name:"components-cloud-configurator-unit-ip",value:1,default:!0}],bandwidth_capacity:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],ddos_protection_bandwidth:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],bandwidth_router:[{name:"components-cloud-configurator-unit-nsx-router",value:1,default:!0},{name:"components-cloud-configurator-unit-not-required",value:0}]},p={storage_bronze:"components-cloud-configurator-unit-of-measure",storage_silver:"components-cloud-configurator-unit-of-measure",storage_gold:"components-cloud-configurator-unit-of-measure",storage_platinum:"components-cloud-configurator-unit-of-measure",storage_backup:"components-cloud-configurator-unit-of-measure",storage_object:"components-cloud-configurator-unit-of-measure",bandwidth_router:"components-cloud-configurator-select-device"},h={[f.V_CPU]:"components-cloud-configurator-summary-group-vcpu",[f.V_RAM]:"components-cloud-configurator-summary-group-vram",[f.STORAGE]:"components-cloud-configurator-summary-group-storage",[f.EXTRA_STORAGE]:"components-cloud-configurator-summary-group-extra-storage",[f.LICENSE]:"components-cloud-configurator-summary-group-license",[f.MS_LICENSE]:"components-cloud-configurator-summary-group-ms-license",[f.BANDWIDTH]:"components-cloud-configurator-summary-group-bandwidth"},_=["v_cpu_standard","v_cpu_performance","v_ram","storage_bronze","storage_silver","storage_gold","storage_platinum","storage_backup","storage_object","license_windows","license_veeam","sql_server_standard_core","win_rds","win_server_standard_core","win_server_dc_core","sql_server_standard","office_standard","office_professional_plus","cis_suite_standard_core","project_standard","sharepoint_server","bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_enabled","ddos_protection_bandwidth"];function y(o){const t={};for(const e of _)t[e]=o[e];return t}function b(o){const t=g[o];if(t)return t.forEach((o=>{o.name=l(o.name)})),t}function w(o){const t=p[o];if(t)return l(t)}function v(o){const t=b(o);if(t)return t.find((o=>o.default))}function x(o,t){return o.toFixed(t===m.MONTHLY?2:8).replace(".",",")}const k=async()=>{let o;try{o=new URL(c.cloudConfigurator).href}catch(o){return console.error(o),Promise.reject("Cloud Configurator endpoint URL generation failed.")}const t=(new u).setUrl(o).setOptions({method:"GET"}).setErrorFallbackValue([]);return await t.execute()},G=class{constructor(e){o(this,e),this.cloudCalculatorSubmit=t(this,"cloudCalculatorSubmit",7),this.language="lv",this.containerSelector="",this.theme="light",this.selectOnFocus=void 0,this.isLoading=!0,this.headerRef=void 0,this.footerRef=void 0,this.formValues={},this.selectedTab=d.SMALL,this.selectedPeriod=m.MONTHLY,this.isFloatingSummary=!1,this.isListExpanded=!1,this.parentElement=void 0}get root(){return e(this)}headerObserver;footerObserver=new IntersectionObserver((([o])=>{this.isFloatingSummary=0===o.intersectionRatio}));fields=null;cloudCalculatorSubmit;async componentWillLoad(){this.parentElement=this.containerSelector?document.querySelector(this.containerSelector):this.root.parentElement,this.headerObserver=new IntersectionObserver((([o])=>{0!==o.intersectionRatio&&o.target.classList.toggle("header--is-pinned",o.intersectionRatio<1)}),{rootMargin:`-${this.parentElement.offsetTop+1}px 0px 0px 0px`,root:document,threshold:1}),this.fetchData()}onisLoadingChange(o){o\|\|this.setDefaultValues()}onHeaderRefChange(o){o&&(this.headerRef.style.top=this.parentElement.offsetTop-1+"px",this.headerObserver.observe(this.headerRef))}onFooterRefChange(o){o&&this.footerObserver.observe(this.footerRef)}onSelectedTabChange(){this.setDefaultValues()}async onLanguageChange(o){await s("cloud-calculator",o),r(this)}onTabSelected=o=>{this.selectedTab=o.detail.new};onExpandableListToggle=()=>{this.isListExpanded=!this.isListExpanded};onSummaryPeriodChange=o=>{this.selectedPeriod=o.detail.value};onDdosProtectionEnabledCheck=o=>{const{checked:t}=o.detail;this.formValues.ddos_protection_enabled.value=t?1:0,this.setDefaultValue("bandwidth_capacity"),this.setDefaultValue("ddos_protection_bandwidth"),this.formValues={...this.formValues}};onNumberValueChanged=(o,t)=>{const{min:e}=this.fields[t],r=this.formValues[t];let a=o.value;o.suffix\|\|(o.suffix=v(t)),r?.suffix?.value!==o.suffix.value&&(a=0===o.suffix.value?0:e);const n=this.getPrices(t,a,o.suffix);this.formValues[t]={...r,value:a,suffix:o.suffix,...n},this.formValues={...this.formValues}};onFormSubmit=()=>{const o=y(this.formValues),t=this.formValues.ddos_protection_enabled?.value;t?delete o.bandwidth_capacity:delete o.ddos_protection_bandwidth;const e={formValues:o,totals:this.getTotals()};this.cloudCalculatorSubmit.emit(e)};fetchData=async()=>{const o=await Promise.all([k(),s("cloud-calculator",this.language)]);this.fields=o[0],this.isLoading=!1};setDefaultValues=()=>{for(const o of Object.keys(this.fields))this.setDefaultValue(o);const o=y(this.formValues);this.formValues={...o},this.root.shadowRoot.querySelectorAll("tet-number-input").forEach((o=>o.resetSuffix()))};setDefaultValue=o=>{const t=this.fields[o],e=t.default[this.selectedTab]\|\|t.min,r=v(t.key),a=this.getPrices(t.key,e,r);this.formValues[t.key]={key:t.key,value:e,title:t.name.lv,groupKey:t.group,groupName:l(h[t.group]),...a,suffix:v(t.key)}};getFieldKeysByGroup(o){return Object.values(this.fields).filter((t=>t.group===o)).map((o=>o.key))}getTotals(){const o=!!this.formValues.ddos_protection_enabled?.value,t={hourly:0,monthly:0};for(const e of Object.values(this.formValues))"bandwidth_capacity"===e.key&&o\|\|("ddos_protection_bandwidth"!==e.key\|\|o)&&(t.hourly+=e.hourly,t.monthly+=e.monthly);return t}getPrices(o,t,e){const{priceHourly:r,priceMonthly:a}=this.fields[o];let n=1;return e?.value&&(n=e.value),"bandwidth_ip"===o?{monthly:(t-1)an,hourly:(t-1)rn}:{monthly:tan,hourly:trn}}getMinValue(o){const t=this.fields[o],e=this.formValues[o];return t?0===e?.suffix?.value?0:t.min:null}getMaxValue(o){const t=this.fields[o],e=this.formValues[o];return t&&e?e.suffix?t.max/e.suffix.value:t.max:null}getLabel(o){if(["v_ram"].includes(o))return null;const t=this.fields[o];return t?t.name[this.language]:null}getHelperText(o){const t=this.fields[o];return t?t.description[this.language]:null}renderTitle=()=>a(n,null,a("p",{class:"content__subtitle"},l(`components-cloud-configurator-${this.selectedTab}-subtitle`)));renderNumberInput(o,t){return!0===t?.hidden?null:a("div",{class:"form__input"},a("tet-number-input",{min:this.getMinValue(o),max:this.getMaxValue(o),label:this.getLabel(o),"accessibility-label":this.getHelperText(o),"button-accessibility-label":w(o),helperText:this.getHelperText(o),value:this.formValues[o]?.value,disabled:t?.disabled,suffixes:b(o),onInputValueChanged:t=>this.onNumberValueChanged(t.detail,o),selectOnFocus:this.selectOnFocus,theme:this.theme}))}renderExpandableItem(o){const t=this.fields[o];return a("div",{class:"expandable-item"},a("div",{class:"expandable-item__description"},a("div",{class:"expandable-item__title"},t.name[this.language]),a("div",{class:"expandable-item__helper"},t.description[this.language])),a("tet-stepper-input",{min:this.getMinValue(o),max:this.getMaxValue(o),step:1,value:this.formValues[o]?.value,onInputValueChanged:t=>this.onNumberValueChanged({value:t.detail},o),selectOnFocus:this.selectOnFocus,"accessibility-label":t.name[this.language],theme:this.theme}))}renderSummaryTable(){return a("div",{class:"summary-table"},this.renderSummaryRow(f.V_CPU,null,`x ${l("components-cloud-configurator-unit-cores")}`),this.renderSummaryRow(f.V_RAM),this.renderSummaryRow(f.STORAGE),this.renderSummaryRow(f.EXTRA_STORAGE),this.renderSummaryRow(f.LICENSE),this.renderSummaryRow(f.MS_LICENSE,null,l("components-cloud-configurator-unit-pieces")),this.renderSummaryRow(f.BANDWIDTH,["bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_bandwidth"]))}renderSummaryRow(o,t,e){let r,n=h[o];if(r=t\|\|this.getFieldKeysByGroup(o),o===f.BANDWIDTH&&(r=r.filter((o=>"ddos_protection_enabled"!==o)),this.formValues.ddos_protection_enabled?.value?(r=r.filter((o=>"bandwidth_capacity"!==o)),n="components-cloud-configurator-group-bandwidth-ddos"):r=r.filter((o=>"ddos_protection_bandwidth"!==o))),!Object.entries(this.fields).some((o=>r.includes(o[0]))))return null;const i=[a("div",{class:"summary-table__header"},l(n))];let s=!0;for(const o of r){const t=this.formValues[o];if(!this.fields[o]\|\|!t\|\|!t[this.selectedPeriod])continue;s\|\|i.push(a("div",{class:"summary-table__header"}));const r=this.getLabel(o),n=e\|\|t.suffix?.name;i.push(a("div",{class:"summary-table__label"},!!r&&a("span",null,`${r},`),a("span",null,`${t?.value}${n}`)));const c=t[this.selectedPeriod]\|\|0,u=l(this.selectedPeriod===m.MONTHLY?"components-cloud-configurator-price-suffix-montly":"components-cloud-configurator-price-suffix-hourly");i.push(a("div",{class:"summary-table__value"},`${x(c,this.selectedPeriod)} ${u}`)),s=!1}return 1===i.length?null:a("div",{class:"summary-table__row"},i.map((o=>o)))}renderFloatingSummary(){const o=this.getFieldKeysByGroup(f.V_CPU),t=this.getFieldKeysByGroup(f.V_RAM),e=this.getFieldKeysByGroup(f.STORAGE),r=this.getFieldKeysByGroup(f.EXTRA_STORAGE),n=this.getFieldKeysByGroup(f.LICENSE),i=this.getFieldKeysByGroup(f.BANDWIDTH),s=this.getFieldKeysByGroup(f.MS_LICENSE),c=Object.values(this.formValues),u=c.reduce(((r,a)=>(o.includes(a.key)?r.cpu+=a.value:t.includes(a.key)?r.ram+=a.value:e.includes(a.key)&&(r.storage+=a.value(a.suffix?.value\|\|1)),r)),{cpu:0,ram:0,storage:0});let d=0;c.some((o=>n.includes(o.key)&&o.value))&&(d+=1),c.some((o=>i.includes(o.key)&&o.value))&&(d+=1),c.some((o=>s.includes(o.key)&&o.value))&&(d+=1),c.some((o=>r.includes(o.key)&&o.value))&&(d+=1);const m=this.getTotals();return a("div",{class:"floating-summary__container"},this.isFloatingSummary&&a("div",{class:"floating-summary__count"},a("span",{class:"floating-summary__count--item"},`${u.cpu} ${l("components-cloud-configurator-summary-cpu")},`),a("span",{class:"floating-summary__count--item"},`${u.ram} ${l("components-cloud-configurator-unit-gigabyte")} ${l("components-cloud-configurator-summary-ram")},`),a("span",{class:"floating-summary__count--break"}),a("span",{class:"floating-summary__count--item"},`${u.storage} ${l("components-cloud-configurator-unit-gigabyte")} ${l("components-cloud-configurator-summary-storage")}`),a("span",{class:"floating-summary__count--other"},`+${d}`)),a("div",{class:"floating-summary__sum"},a("span",{class:"floating-summary__sum--label"},`${l("components-cloud-configurator-summary-sum")}:`),a("span",{class:"floating-summary__sum--value"},`${x(m[this.selectedPeriod],this.selectedPeriod)} ${l("components-cloud-configurator-price-unit")}`)))}renderPlaceholder(){return a(i,null,a("div",{class:"cloud-configurator"},a("div",{class:"content"},a("div",{class:"content__title"},a("tet-placeholder",{width:"90%",height:"1.75rem",darkTheme:"dark"===this.theme})),a("div",{class:"content__subtitle"},a("tet-placeholder",{width:"100%",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form",part:"form"},a("div",{class:"form__group"},a("div",{class:"form__group-label"},a("tet-placeholder",{width:"10rem",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme}))),a("div",{class:"form__group"},a("div",{class:"form__group-label"},a("tet-placeholder",{width:"10rem",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"})))),a("div",{class:"header",part:"header"},a("div",{class:"inner-wrapper"},a("tet-placeholder",{width:"25.5rem",height:"2.875rem",darkTheme:"dark"===this.theme})))))}render(){return this.isLoading?this.renderPlaceholder():(s("cloud-configurator",this.language),a(i,null,a("div",{class:{"cloud-configurator":!0,[this.theme]:!!this.theme}},a("div",{class:{header:!0,[this.theme]:!!this.theme},part:"header",ref:o=>this.headerRef=o},a("div",{class:"inner-wrapper"},a("tet-tab-header",{class:"header__segment-switch",segmented:!0,position:"center",defaultTab:"small",theme:this.theme,onTabSelected:this.onTabSelected},a("button",{"data-name":d.SMALL},a("p",null,l("components-cloud-configurator-type-small"))),a("button",{"data-name":d.AVERAGE},a("p",null,l("components-cloud-configurator-type-average"))),a("button",{"data-name":d.LARGE},a("p",null,l("components-cloud-configurator-type-large"))),a("button",{"data-name":d.INDIVIDUAL},a("p",null,l("components-cloud-configurator-type-custom")))))),a("div",{class:"content",part:"content"},this.renderTitle(),a("div",{class:"form",part:"form"},a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-vcpu")),this.renderNumberInput("v_cpu_standard"),this.renderNumberInput("v_cpu_performance")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-vram")),this.renderNumberInput("v_ram"),a("div",{class:"form__input"})),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-storage")),this.renderNumberInput("storage_bronze"),this.renderNumberInput("storage_silver"),this.renderNumberInput("storage_gold"),this.renderNumberInput("storage_platinum")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-extra-storage")),this.renderNumberInput("storage_backup"),this.renderNumberInput("storage_object")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-license")),this.renderNumberInput("license_windows"),this.renderNumberInput("license_veeam")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-ms-license")),a("div",{class:{"expandable-list":!0,expanded:this.isListExpanded}},this.renderExpandableItem("sql_server_standard_core"),this.renderExpandableItem("win_rds"),this.renderExpandableItem("win_server_standard_core"),this.renderExpandableItem("win_server_dc_core"),this.renderExpandableItem("sql_server_standard"),this.renderExpandableItem("office_standard"),this.renderExpandableItem("office_professional_plus"),this.renderExpandableItem("cis_suite_standard_core"),this.renderExpandableItem("project_standard"),this.renderExpandableItem("sharepoint_server"),a("div",{class:"expandable-list__toggle-row"},this.isListExpanded&&a(n,null,a("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},l("components-cloud-configurator-ms-license-collapse")," ",a("tet-icon",{name:"chevron-up",theme:this.theme})),a("div",{innerHTML:l("components-cloud-configurator-ms-license-full-list")})),!this.isListExpanded&&a("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},l("components-cloud-configurator-ms-license-expand")," ",a("tet-icon",{name:"chevron-down",theme:this.theme}))))),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-bandwidth")),this.renderNumberInput("bandwidth_ip"),this.renderNumberInput("bandwidth_router"),this.renderNumberInput("bandwidth_capacity",{disabled:!0,hidden:Boolean(this.formValues.ddos_protection_enabled?.value)}),this.renderNumberInput("ddos_protection_bandwidth",{hidden:!Boolean(this.formValues.ddos_protection_enabled?.value)}),a("div",{class:"form__input"}),a("div",{class:"form__checkbox"},a("tet-checkbox",{label:this.getLabel("ddos_protection_enabled"),value:this.formValues.ddos_protection_enabled?.value,checked:!!this.formValues.ddos_protection_enabled?.value,onCheck:this.onDdosProtectionEnabledCheck,theme:this.theme}),a("p",{class:"form__checkbox-helper"},this.getHelperText("ddos_protection_enabled"))))),a("div",{class:"summary",part:"summary"},a("h2",{class:"summary__title"},l("components-cloud-configurator-group-summary")),a("div",{class:"summary__toggle",role:"radiogroup"},a("tet-radio",{name:"summary-period",value:m.MONTHLY,checked:this.selectedPeriod===m.MONTHLY,label:l("components-cloud-configurator-summary-period-monthly"),theme:this.theme,onCheck:this.onSummaryPeriodChange}),a("tet-radio",{name:"summary-period",value:m.HOURLY,checked:this.selectedPeriod===m.HOURLY,label:l("components-cloud-configurator-summary-period-hourly"),theme:this.theme,onCheck:this.onSummaryPeriodChange})),this.renderSummaryTable())),a("div",{class:{"floating-summary":!0,"floating-summary--is-pinned":this.isFloatingSummary},part:"floating-summary"},this.renderFloatingSummary()),a("div",{part:"footer",class:"footer",ref:o=>this.footerRef=o},a("tet-button",{class:"footer__button",size:"large",type:"primary",theme:this.theme,onClick:this.onFormSubmit},l("components-cloud-configurator-submit"))))))}static get watchers(){return{isLoading:["onisLoadingChange"],headerRef:["onHeaderRefChange"],footerRef:["onFooterRefChange"],selectedTab:["onSelectedTabChange"],language:["onLanguageChange"]}}};G.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{--tet-cloud-calculator-border-radius:none;--tet-cloud-calculator-background-primary-color:var(--tc-background-primary);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary);--tet-cloud-calculator-background-floating-summary:var(--tc-layer-inverse-primary);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-inverse-primary);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey);display:block;height:100%;width:100%}.cloud-configurator{position:relative;border-radius:var(--tet-cloud-calculator-border-radius);background-color:var(--tet-cloud-calculator-background-primary-color);display:flex;flex-direction:column;height:100%;width:100%;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator.dark{--tet-cloud-calculator-background-primary-color:var(--tc-background-primary-dark);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary-dark);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary-dark);--tet-cloud-calculator-background-floating-summary:var(--tc-background-tertiary-dark);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary-dark);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary-dark);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-primary-dark);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary-dark);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary-dark);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey-dark)}.cloud-configurator .header{position:-webkit-sticky;position:sticky;top:0;order:-1;z-index:2;margin:1.75rem 0 0;overflow:hidden;padding-bottom:0.25rem}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.5rem 0.75rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-segmended-item-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{display:flex;justify-content:center;width:100%;padding:0.75rem 0;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .header--is-pinned .inner-wrapper{-moz-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1)}.cloud-configurator .content{margin:2.5rem 1rem 0}.cloud-configurator .content__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:center;max-width:29.25rem;margin:0 auto 0.5rem}.cloud-configurator .content__subtitle{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);text-align:center;margin:0 auto 3.5rem;max-width:29.25rem}.cloud-configurator .form{display:flex;flex-direction:column;gap:2.5rem;width:100%}.cloud-configurator .form__group{display:flex;flex-wrap:wrap;row-gap:1.5rem;column-gap:2.5rem;padding-bottom:2rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color);justify-content:center}.cloud-configurator .form__group-label{width:100%;min-width:100%;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .form__input{min-width:15.625rem;max-width:21.875rem;flex:1 1 calc(50% - 1.5rem)}.cloud-configurator .form__input>{width:100%}.cloud-configurator .form__checkbox{margin-top:0.5rem;padding-left:0.25rem;width:100%}.cloud-configurator .form__checkbox tet-checkbox{padding-left:0.25rem;display:flex}.cloud-configurator .form__checkbox-helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);margin-left:2rem;max-width:36.563rem}.cloud-configurator .expandable-list{display:flex;flex-direction:column;width:100%;gap:0.5rem}.cloud-configurator .expandable-list.expanded .expandable-item:nth-child(n+4){display:flex}.cloud-configurator .expandable-list .expandable-item{display:flex;flex-direction:row;width:100%;padding-bottom:0.5rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .expandable-list .expandable-item:nth-child(n+4){display:none}.cloud-configurator .expandable-list .expandable-item__description{display:flex;flex-direction:column;flex:1}.cloud-configurator .expandable-list .expandable-item__label{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list .expandable-item__helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color)}.cloud-configurator .expandable-list__toggle-row{display:flex;justify-content:space-between;flex-direction:column;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--icon-size:1.25rem}.cloud-configurator .expandable-list__toggle,.cloud-configurator .expandable-list__link{display:flex;align-items:flex-end;gap:0.25rem;padding:0.5rem 0;text-decoration:underline;cursor:pointer;color:var(--tet-cloud-calculator-text-primary-color);border-color:transparent;background:transparent;font-size:inherit}.cloud-configurator .expandable-list__toggle:visited,.cloud-configurator .expandable-list__link:visited{color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list__toggle:hover,.cloud-configurator .expandable-list__link:hover{color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__toggle:hover tet-icon,.cloud-configurator .expandable-list__link:hover tet-icon{--icon-color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__link tet-icon{padding-bottom:0.125rem;--icon-color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .summary{margin:2.5rem 0 0;padding-bottom:1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{display:flex;gap:1.5rem;padding-bottom:1.5rem;justify-content:flex-start;margin:1.5rem 0 1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary-table{display:grid;grid-template-columns:3fr 1fr;width:100%;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .summary-table__row{display:contents}.cloud-configurator .summary-table__row:nth-child(2n)>{background-color:var(--tet-cloud-calculator-background-secondary-color)}.cloud-configurator .summary-table__row>{height:100%;padding-bottom:0.125rem}.cloud-configurator .summary-table__row>.summary-table__header{padding-left:1rem;padding-bottom:0.5rem}.cloud-configurator .summary-table__row>.summary-table__label{padding-left:1rem}.cloud-configurator .summary-table__row>.summary-table__value{padding-right:1rem}.cloud-configurator .summary-table__row>:nth-child(-n+1){padding-top:0.75rem}.cloud-configurator .summary-table__row>:nth-last-child(-n+2){padding-bottom:0.75rem}.cloud-configurator .summary-table__header{grid-column:span 2;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap}.cloud-configurator .summary-table__header~.summary-table__header{display:none}.cloud-configurator .summary-table__label{grid-column:1;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:left;color:var(--tet-cloud-calculator-text-secondary-color);white-space:nowrap;min-width:10rem;display:flex;justify-content:flex-start;gap:0.5rem;padding-right:0.5rem}.cloud-configurator .summary-table__label>span:first-of-type{text-overflow:ellipsis;overflow:hidden}.cloud-configurator .summary-table__value{grid-column:2;text-align:right;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap;padding-left:0}.cloud-configurator .floating-summary{display:flex;position:-webkit-sticky;position:sticky;z-index:1;bottom:0;background-color:var(--tet-cloud-calculator-background-primary-color);color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .floating-summary--is-pinned{background-color:var(--tet-cloud-calculator-background-floating-summary);color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary__container{padding:0.5rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;width:100%}.cloud-configurator .floating-summary__count{display:none;align-items:center}.cloud-configurator .floating-summary--is-pinned .floating-summary__count{display:flex;flex-direction:row;column-gap:0.5rem;flex-wrap:wrap;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--item{color:var(--tet-cloud-calculator-text-blue-grey)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--other{color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--break{flex-basis:100%;height:0}.cloud-configurator .floating-summary__sum{display:flex;flex-direction:row;gap:0.25rem;align-items:flex-end;flex:1 0 auto;font:400 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__sum--label{margin-left:auto}.cloud-configurator .floating-summary__sum--value{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum--value{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{display:flex;flex-direction:row-reverse;margin:0 1rem 2.5rem;padding-top:1rem}.cloud-configurator .footer__button{--button-width:9.375rem}@media all and (min-width: 31.25rem){.cloud-configurator .content{margin:2.5rem 1.5rem 0}.cloud-configurator .content__title{font:500 2.5rem/3rem Gilroy, Gilroy, Arial, sans-serif}.cloud-configurator .expandable-list__toggle-row{flex-direction:row}.cloud-configurator .footer{margin:0 1.5rem 2.5rem}}@media all and (min-width: 48rem){.cloud-configurator .header{margin:1.5rem 0 0}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{padding:1rem 0}.cloud-configurator .content{margin:2.5rem 2rem 0}.cloud-configurator .footer{margin:0 2rem 2.5rem}.cloud-configurator .form__group{padding-bottom:2.5rem}.cloud-configurator .form__group-label{font:500 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{justify-content:flex-end;margin-top:0.5rem}.cloud-configurator .summary__title{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary-table{display:grid;grid-template-columns:2fr 5fr}.cloud-configurator .summary-table__header{grid-column:1}.cloud-configurator .summary-table__row>.summary-table__header{padding-bottom:unset}.cloud-configurator .summary-table__row>:nth-child(-n+3){padding-top:0.75rem}.cloud-configurator .summary-table__header~.summary-table__header{display:block}.cloud-configurator .summary-table__label{grid-column:2;text-align:right;justify-content:flex-end}.cloud-configurator .summary-table__value{grid-column:3}.cloud-configurator .floating-summary{height:4rem}.cloud-configurator .floating-summary__container{padding:1rem 2rem}.cloud-configurator .floating-summary__count{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__count--break{display:none}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{align-items:center}.cloud-configurator .floating-summary__sum{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{padding-top:0.5rem}}@media all and (min-width: 64rem){.cloud-configurator .content{margin:2.5rem 2.5rem 0}.cloud-configurator .footer{margin:0 2.5rem 2.5rem}.cloud-configurator .floating-summary__container{padding:1rem 2.5rem}}';export{G as tet_cloud_configurator}
1	+ import{r as o,c as t,g as e,f as r,h as a,F as n,H as i}from"./p-83f43fdd.js";import{t as l,p as s}from"./p-a8051a99.js";import{e as c,A as u}from"./p-0ebbf5ef.js";import"./p-9a2b6ee2.js";var d,m,f;!function(o){o.SMALL="small",o.AVERAGE="average",o.LARGE="large",o.INDIVIDUAL="custom"}(d\|\|(d={})),function(o){o.HOURLY="hourly",o.MONTHLY="monthly"}(m\|\|(m={})),function(o){o.V_CPU="vcpu",o.V_RAM="vram",o.STORAGE="storage",o.EXTRA_STORAGE="extra-storage",o.LICENSE="license",o.MS_LICENSE="ms_license",o.BANDWIDTH="bandwidth"}(f\|\|(f={}));const g={v_cpu_standard:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_cpu_performance:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_ram:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0}],storage_bronze:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_silver:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_gold:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_platinum:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_backup:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_object:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],license_windows:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],license_veeam:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_rds:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_dc_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_professional_plus:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],cis_suite_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],project_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sharepoint_server:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],bandwidth_ip:[{name:"components-cloud-configurator-unit-ip",value:1,default:!0}],bandwidth_capacity:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],ddos_protection_bandwidth:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],bandwidth_router:[{name:"components-cloud-configurator-unit-nsx-router",value:1,default:!0},{name:"components-cloud-configurator-unit-not-required",value:0}]},p={storage_bronze:"components-cloud-configurator-unit-of-measure",storage_silver:"components-cloud-configurator-unit-of-measure",storage_gold:"components-cloud-configurator-unit-of-measure",storage_platinum:"components-cloud-configurator-unit-of-measure",storage_backup:"components-cloud-configurator-unit-of-measure",storage_object:"components-cloud-configurator-unit-of-measure",bandwidth_router:"components-cloud-configurator-select-device"},h={[f.V_CPU]:"components-cloud-configurator-summary-group-vcpu",[f.V_RAM]:"components-cloud-configurator-summary-group-vram",[f.STORAGE]:"components-cloud-configurator-summary-group-storage",[f.EXTRA_STORAGE]:"components-cloud-configurator-summary-group-extra-storage",[f.LICENSE]:"components-cloud-configurator-summary-group-license",[f.MS_LICENSE]:"components-cloud-configurator-summary-group-ms-license",[f.BANDWIDTH]:"components-cloud-configurator-summary-group-bandwidth"},_=["v_cpu_standard","v_cpu_performance","v_ram","storage_bronze","storage_silver","storage_gold","storage_platinum","storage_backup","storage_object","license_windows","license_veeam","sql_server_standard_core","win_rds","win_server_standard_core","win_server_dc_core","sql_server_standard","office_standard","office_professional_plus","cis_suite_standard_core","project_standard","sharepoint_server","bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_enabled","ddos_protection_bandwidth"];function y(o){const t={};for(const e of _)t[e]=o[e];return t}function b(o){const t=g[o];if(t)return t.forEach((o=>{o.name=l(o.name)})),t}function w(o){const t=p[o];if(t)return l(t)}function v(o){const t=b(o);if(t)return t.find((o=>o.default))}function x(o,t){return o.toFixed(t===m.MONTHLY?2:8).replace(".",",")}const k=async()=>{let o;try{o=new URL(c.cloudConfigurator).href}catch(o){return console.error(o),Promise.reject("Cloud Configurator endpoint URL generation failed.")}const t=(new u).setUrl(o).setOptions({method:"GET"}).setErrorFallbackValue([]);return await t.execute()},G=class{constructor(e){o(this,e),this.cloudCalculatorSubmit=t(this,"cloudCalculatorSubmit",7),this.language="lv",this.containerSelector="",this.theme="light",this.selectOnFocus=void 0,this.isLoading=!0,this.headerRef=void 0,this.footerRef=void 0,this.formValues={},this.selectedTab=d.SMALL,this.selectedPeriod=m.MONTHLY,this.isFloatingSummary=!1,this.isListExpanded=!1,this.parentElement=void 0}get root(){return e(this)}headerObserver;footerObserver=new IntersectionObserver((([o])=>{this.isFloatingSummary=0===o.intersectionRatio}));fields=null;cloudCalculatorSubmit;async componentWillLoad(){this.parentElement=this.containerSelector?document.querySelector(this.containerSelector):this.root.parentElement,this.headerObserver=new IntersectionObserver((([o])=>{0!==o.intersectionRatio&&o.target.classList.toggle("header--is-pinned",o.intersectionRatio<1)}),{rootMargin:`-${this.parentElement.offsetTop+1}px 0px 0px 0px`,root:document,threshold:1}),this.fetchData()}onisLoadingChange(o){o\|\|this.setDefaultValues()}onHeaderRefChange(o){o&&(this.headerRef.style.top=this.parentElement.offsetTop-1+"px",this.headerObserver.observe(this.headerRef))}onFooterRefChange(o){o&&this.footerObserver.observe(this.footerRef)}onSelectedTabChange(){this.setDefaultValues()}async onLanguageChange(o){await s("cloud-calculator",o),r(this)}onTabSelected=o=>{this.selectedTab=o.detail.new};onExpandableListToggle=()=>{this.isListExpanded=!this.isListExpanded};onSummaryPeriodChange=o=>{this.selectedPeriod=o.detail.value};onDdosProtectionEnabledCheck=o=>{const{checked:t}=o.detail;this.formValues.ddos_protection_enabled.value=t?1:0,this.setDefaultValue("bandwidth_capacity"),this.setDefaultValue("ddos_protection_bandwidth"),this.formValues={...this.formValues}};onNumberValueChanged=(o,t)=>{const{min:e}=this.fields[t],r=this.formValues[t];let a=o.value;o.suffix\|\|(o.suffix=v(t)),r?.suffix?.value!==o.suffix.value&&(a=0===o.suffix.value?0:e);const n=this.getPrices(t,a,o.suffix);this.formValues[t]={...r,value:a,suffix:o.suffix,...n},this.formValues={...this.formValues}};onFormSubmit=()=>{const o=y(this.formValues),t=this.formValues.ddos_protection_enabled?.value;t?delete o.bandwidth_capacity:delete o.ddos_protection_bandwidth;const e={formValues:o,totals:this.getTotals()};this.cloudCalculatorSubmit.emit(e)};fetchData=async()=>{const o=await Promise.all([k(),s("cloud-calculator",this.language)]);this.fields=o[0],this.isLoading=!1};setDefaultValues=()=>{for(const o of Object.keys(this.fields))this.setDefaultValue(o);const o=y(this.formValues);this.formValues={...o},this.root.shadowRoot.querySelectorAll("tet-number-input").forEach((o=>o.resetSuffix()))};setDefaultValue=o=>{const t=this.fields[o],e=t.default[this.selectedTab]\|\|t.min,r=v(t.key),a=this.getPrices(t.key,e,r);this.formValues[t.key]={key:t.key,value:e,title:t.name.lv,groupKey:t.group,groupName:l(h[t.group]),...a,suffix:v(t.key)}};getFieldKeysByGroup(o){return Object.values(this.fields).filter((t=>t.group===o)).map((o=>o.key))}getTotals(){const o=!!this.formValues.ddos_protection_enabled?.value,t={hourly:0,monthly:0};for(const e of Object.values(this.formValues))"bandwidth_capacity"===e.key&&o\|\|("ddos_protection_bandwidth"!==e.key\|\|o)&&(t.hourly+=e.hourly,t.monthly+=e.monthly);return t}getPrices(o,t,e){const{priceHourly:r,priceMonthly:a}=this.fields[o];let n=1;return e?.value&&(n=e.value),"bandwidth_ip"===o?{monthly:(t-1)an,hourly:(t-1)rn}:{monthly:tan,hourly:trn}}getMinValue(o){const t=this.fields[o],e=this.formValues[o];return t?0===e?.suffix?.value?0:t.min:null}getMaxValue(o){const t=this.fields[o],e=this.formValues[o];return t&&e?e.suffix?t.max/e.suffix.value:t.max:null}getLabel(o){if(["v_ram"].includes(o))return null;const t=this.fields[o];return t?t.name[this.language]:null}getHelperText(o){const t=this.fields[o];return t?t.description[this.language]:null}renderTitle=()=>a(n,null,a("p",{class:"content__subtitle"},l(`components-cloud-configurator-${this.selectedTab}-subtitle`)));renderNumberInput(o,t){return!0===t?.hidden?null:a("div",{class:"form__input"},a("tet-number-input",{min:this.getMinValue(o),max:this.getMaxValue(o),label:this.getLabel(o),"accessibility-label":this.getHelperText(o),"button-accessibility-label":w(o),helperText:this.getHelperText(o),value:this.formValues[o]?.value,disabled:t?.disabled,suffixes:b(o),onInputValueChanged:t=>this.onNumberValueChanged(t.detail,o),selectOnFocus:this.selectOnFocus,theme:this.theme}))}renderExpandableItem(o){const t=this.fields[o];return a("div",{class:"expandable-item"},a("div",{class:"expandable-item__description"},a("div",{class:"expandable-item__title"},t.name[this.language]),a("div",{class:"expandable-item__helper"},t.description[this.language])),a("tet-stepper-input",{min:this.getMinValue(o),max:this.getMaxValue(o),step:1,value:this.formValues[o]?.value,onInputValueChanged:t=>this.onNumberValueChanged({value:t.detail},o),selectOnFocus:this.selectOnFocus,"accessibility-label":t.name[this.language],theme:this.theme}))}renderSummaryTable(){return a("div",{class:"summary-table"},this.renderSummaryRow(f.V_CPU,null,`x ${l("components-cloud-configurator-unit-cores")}`),this.renderSummaryRow(f.V_RAM),this.renderSummaryRow(f.STORAGE),this.renderSummaryRow(f.EXTRA_STORAGE),this.renderSummaryRow(f.LICENSE),this.renderSummaryRow(f.MS_LICENSE,null,l("components-cloud-configurator-unit-pieces")),this.renderSummaryRow(f.BANDWIDTH,["bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_bandwidth"]))}renderSummaryRow(o,t,e){let r,n=h[o];if(r=t\|\|this.getFieldKeysByGroup(o),o===f.BANDWIDTH&&(r=r.filter((o=>"ddos_protection_enabled"!==o)),this.formValues.ddos_protection_enabled?.value?(r=r.filter((o=>"bandwidth_capacity"!==o)),n="components-cloud-configurator-group-bandwidth-ddos"):r=r.filter((o=>"ddos_protection_bandwidth"!==o))),!Object.entries(this.fields).some((o=>r.includes(o[0]))))return null;const i=[a("div",{class:"summary-table__header"},l(n))];let s=!0;for(const o of r){const t=this.formValues[o];if(!this.fields[o]\|\|!t\|\|!t[this.selectedPeriod])continue;s\|\|i.push(a("div",{class:"summary-table__header"}));const r=this.getLabel(o),n=e\|\|t.suffix?.name;i.push(a("div",{class:"summary-table__label"},!!r&&a("span",null,`${r},`),a("span",null,`${t?.value}${n}`)));const c=t[this.selectedPeriod]\|\|0,u=l(this.selectedPeriod===m.MONTHLY?"components-cloud-configurator-price-suffix-montly":"components-cloud-configurator-price-suffix-hourly");i.push(a("div",{class:"summary-table__value"},`${x(c,this.selectedPeriod)} ${u}`)),s=!1}return 1===i.length?null:a("div",{class:"summary-table__row"},i.map((o=>o)))}renderFloatingSummary(){const o=this.getFieldKeysByGroup(f.V_CPU),t=this.getFieldKeysByGroup(f.V_RAM),e=this.getFieldKeysByGroup(f.STORAGE),r=this.getFieldKeysByGroup(f.EXTRA_STORAGE),n=this.getFieldKeysByGroup(f.LICENSE),i=this.getFieldKeysByGroup(f.BANDWIDTH),s=this.getFieldKeysByGroup(f.MS_LICENSE),c=Object.values(this.formValues),u=c.reduce(((r,a)=>(o.includes(a.key)?r.cpu+=a.value:t.includes(a.key)?r.ram+=a.value:e.includes(a.key)&&(r.storage+=a.value(a.suffix?.value\|\|1)),r)),{cpu:0,ram:0,storage:0});let d=0;c.some((o=>n.includes(o.key)&&o.value))&&(d+=1),c.some((o=>i.includes(o.key)&&o.value))&&(d+=1),c.some((o=>s.includes(o.key)&&o.value))&&(d+=1),c.some((o=>r.includes(o.key)&&o.value))&&(d+=1);const m=this.getTotals();return a("div",{class:"floating-summary__container"},this.isFloatingSummary&&a("div",{class:"floating-summary__count"},a("span",{class:"floating-summary__count--item"},`${u.cpu} ${l("components-cloud-configurator-summary-cpu")},`),a("span",{class:"floating-summary__count--item"},`${u.ram} ${l("components-cloud-configurator-unit-gigabyte")} ${l("components-cloud-configurator-summary-ram")},`),a("span",{class:"floating-summary__count--break"}),a("span",{class:"floating-summary__count--item"},`${u.storage} ${l("components-cloud-configurator-unit-gigabyte")} ${l("components-cloud-configurator-summary-storage")}`),a("span",{class:"floating-summary__count--other"},`+${d}`)),a("div",{class:"floating-summary__sum"},a("span",{class:"floating-summary__sum--label"},`${l("components-cloud-configurator-summary-sum")}:`),a("span",{class:"floating-summary__sum--value"},`${x(m[this.selectedPeriod],this.selectedPeriod)} ${l("components-cloud-configurator-price-unit")}`)))}renderPlaceholder(){return a(i,null,a("div",{class:"cloud-configurator"},a("div",{class:"content"},a("div",{class:"content__title"},a("tet-placeholder",{width:"90%",height:"1.75rem",darkTheme:"dark"===this.theme})),a("div",{class:"content__subtitle"},a("tet-placeholder",{width:"100%",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form",part:"form"},a("div",{class:"form__group"},a("div",{class:"form__group-label"},a("tet-placeholder",{width:"10rem",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme}))),a("div",{class:"form__group"},a("div",{class:"form__group-label"},a("tet-placeholder",{width:"10rem",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"})))),a("div",{class:"header",part:"header"},a("div",{class:"inner-wrapper"},a("tet-placeholder",{width:"25.5rem",height:"2.875rem",darkTheme:"dark"===this.theme})))))}render(){return this.isLoading?this.renderPlaceholder():(s("cloud-configurator",this.language),a(i,null,a("div",{class:{"cloud-configurator":!0,[this.theme]:!!this.theme}},a("div",{class:{header:!0,[this.theme]:!!this.theme},part:"header",ref:o=>this.headerRef=o},a("div",{class:"inner-wrapper"},a("tet-tab-header",{class:"header__segment-switch",segmented:!0,position:"center",defaultTab:"small",theme:this.theme,onTabSelected:this.onTabSelected},a("button",{"data-name":d.SMALL},a("p",null,l("components-cloud-configurator-type-small"))),a("button",{"data-name":d.AVERAGE},a("p",null,l("components-cloud-configurator-type-average"))),a("button",{"data-name":d.LARGE},a("p",null,l("components-cloud-configurator-type-large"))),a("button",{"data-name":d.INDIVIDUAL},a("p",null,l("components-cloud-configurator-type-custom")))))),a("div",{class:"content",part:"content"},this.renderTitle(),a("div",{class:"form",part:"form"},a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-vcpu")),this.renderNumberInput("v_cpu_standard"),this.renderNumberInput("v_cpu_performance")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-vram")),this.renderNumberInput("v_ram"),a("div",{class:"form__input"})),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-storage")),this.renderNumberInput("storage_bronze"),this.renderNumberInput("storage_silver"),this.renderNumberInput("storage_gold"),this.renderNumberInput("storage_platinum")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-extra-storage")),this.renderNumberInput("storage_backup"),this.renderNumberInput("storage_object")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-license")),this.renderNumberInput("license_windows"),this.renderNumberInput("license_veeam")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-ms-license")),a("div",{class:{"expandable-list":!0,expanded:this.isListExpanded}},this.renderExpandableItem("sql_server_standard_core"),this.renderExpandableItem("win_rds"),this.renderExpandableItem("win_server_standard_core"),this.renderExpandableItem("win_server_dc_core"),this.renderExpandableItem("sql_server_standard"),this.renderExpandableItem("office_standard"),this.renderExpandableItem("office_professional_plus"),this.renderExpandableItem("cis_suite_standard_core"),this.renderExpandableItem("project_standard"),this.renderExpandableItem("sharepoint_server"),a("div",{class:"expandable-list__toggle-row"},this.isListExpanded&&a(n,null,a("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},l("components-cloud-configurator-ms-license-collapse")," ",a("tet-icon",{name:"chevron-up",theme:this.theme})),a("div",{innerHTML:l("components-cloud-configurator-ms-license-full-list")})),!this.isListExpanded&&a("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},l("components-cloud-configurator-ms-license-expand")," ",a("tet-icon",{name:"chevron-down",theme:this.theme}))))),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-bandwidth")),this.renderNumberInput("bandwidth_ip"),this.renderNumberInput("bandwidth_router"),this.renderNumberInput("bandwidth_capacity",{disabled:!0,hidden:Boolean(this.formValues.ddos_protection_enabled?.value)}),this.renderNumberInput("ddos_protection_bandwidth",{hidden:!Boolean(this.formValues.ddos_protection_enabled?.value)}),a("div",{class:"form__input"}),a("div",{class:"form__checkbox"},a("tet-checkbox",{label:this.getLabel("ddos_protection_enabled"),value:this.formValues.ddos_protection_enabled?.value,checked:!!this.formValues.ddos_protection_enabled?.value,onCheck:this.onDdosProtectionEnabledCheck,theme:this.theme}),a("p",{class:"form__checkbox-helper"},this.getHelperText("ddos_protection_enabled"))))),a("div",{class:"summary",part:"summary"},a("h2",{class:"summary__title"},l("components-cloud-configurator-group-summary")),a("div",{class:"summary__toggle",role:"radiogroup"},a("tet-radio",{name:"summary-period",value:m.MONTHLY,checked:this.selectedPeriod===m.MONTHLY,label:l("components-cloud-configurator-summary-period-monthly"),theme:this.theme,onCheck:this.onSummaryPeriodChange}),a("tet-radio",{name:"summary-period",value:m.HOURLY,checked:this.selectedPeriod===m.HOURLY,label:l("components-cloud-configurator-summary-period-hourly"),theme:this.theme,onCheck:this.onSummaryPeriodChange})),this.renderSummaryTable())),a("div",{class:{"floating-summary":!0,"floating-summary--is-pinned":this.isFloatingSummary},part:"floating-summary"},this.renderFloatingSummary()),a("div",{part:"footer",class:"footer",ref:o=>this.footerRef=o},a("tet-button",{class:"footer__button",size:"large",type:"primary",theme:this.theme,onClick:this.onFormSubmit},l("components-cloud-configurator-submit"))))))}static get watchers(){return{isLoading:["onisLoadingChange"],headerRef:["onHeaderRefChange"],footerRef:["onFooterRefChange"],selectedTab:["onSelectedTabChange"],language:["onLanguageChange"]}}};G.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{--tet-cloud-calculator-border-radius:none;--tet-cloud-calculator-background-primary-color:var(--tc-background-primary);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary);--tet-cloud-calculator-background-floating-summary:var(--tc-layer-inverse-primary);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-inverse-primary);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey);display:block;height:100%;width:100%}.cloud-configurator{position:relative;border-radius:var(--tet-cloud-calculator-border-radius);background-color:var(--tet-cloud-calculator-background-primary-color);display:flex;flex-direction:column;height:100%;width:100%;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator.dark{--tet-cloud-calculator-background-primary-color:var(--tc-background-primary-dark);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary-dark);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary-dark);--tet-cloud-calculator-background-floating-summary:var(--tc-background-tertiary-dark);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary-dark);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary-dark);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-primary-dark);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary-dark);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary-dark);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey-dark)}.cloud-configurator .header{position:-webkit-sticky;position:sticky;top:0;order:-1;z-index:2;margin:1.75rem 0 0;overflow:hidden;padding-bottom:0.25rem}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.5rem 0.75rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-segmended-item-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{display:flex;justify-content:center;width:100%;padding:0.75rem 0;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .header--is-pinned .inner-wrapper{-moz-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1)}.cloud-configurator .content{margin:2.5rem 1rem 0}.cloud-configurator .content__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:center;max-width:29.25rem;margin:0 auto 0.5rem}.cloud-configurator .content__subtitle{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);text-align:center;margin:0 auto 3.5rem;max-width:29.25rem}.cloud-configurator .form{display:flex;flex-direction:column;gap:2.5rem;width:100%}.cloud-configurator .form__group{display:flex;flex-wrap:wrap;row-gap:1.5rem;column-gap:2.5rem;padding-bottom:2rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color);justify-content:center}.cloud-configurator .form__group-label{width:100%;min-width:100%;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .form__input{min-width:15.625rem;max-width:21.875rem;flex:1 1 calc(50% - 1.5rem)}.cloud-configurator .form__input>{width:100%}.cloud-configurator .form__checkbox{margin-top:0.5rem;padding-left:0.25rem;width:100%}.cloud-configurator .form__checkbox tet-checkbox{padding-left:0.25rem;display:flex}.cloud-configurator .form__checkbox-helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);margin-left:2rem;max-width:36.563rem}.cloud-configurator .expandable-list{display:flex;flex-direction:column;width:100%;gap:0.5rem}.cloud-configurator .expandable-list.expanded .expandable-item:nth-child(n+4){display:flex}.cloud-configurator .expandable-list .expandable-item{display:flex;flex-direction:row;width:100%;padding-bottom:0.5rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .expandable-list .expandable-item:nth-child(n+4){display:none}.cloud-configurator .expandable-list .expandable-item__description{display:flex;flex-direction:column;flex:1}.cloud-configurator .expandable-list .expandable-item__label{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list .expandable-item__helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color)}.cloud-configurator .expandable-list__toggle-row{display:flex;justify-content:space-between;flex-direction:column;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--icon-size:1.25rem}.cloud-configurator .expandable-list__toggle,.cloud-configurator .expandable-list__link{display:flex;align-items:flex-end;gap:0.25rem;padding:0.5rem 0;text-decoration:underline;cursor:pointer;color:var(--tet-cloud-calculator-text-primary-color);border-color:transparent;background:transparent;font-size:inherit}.cloud-configurator .expandable-list__toggle:visited,.cloud-configurator .expandable-list__link:visited{color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list__toggle:hover,.cloud-configurator .expandable-list__link:hover{color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__toggle:hover tet-icon,.cloud-configurator .expandable-list__link:hover tet-icon{--icon-color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__link tet-icon{padding-bottom:0.125rem;--icon-color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .summary{margin:2.5rem 0 0;padding-bottom:1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{display:flex;gap:1.5rem;padding-bottom:1.5rem;justify-content:flex-start;margin:1.5rem 0 1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary-table{display:grid;grid-template-columns:3fr 1fr;width:100%;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .summary-table__row{display:contents}.cloud-configurator .summary-table__row:nth-child(2n)>{background-color:var(--tet-cloud-calculator-background-secondary-color)}.cloud-configurator .summary-table__row>{height:100%;padding-bottom:0.125rem}.cloud-configurator .summary-table__row>.summary-table__header{padding-left:1rem;padding-bottom:0.5rem}.cloud-configurator .summary-table__row>.summary-table__label{padding-left:1rem}.cloud-configurator .summary-table__row>.summary-table__value{padding-right:1rem}.cloud-configurator .summary-table__row>:nth-child(-n+1){padding-top:0.75rem}.cloud-configurator .summary-table__row>:nth-last-child(-n+2){padding-bottom:0.75rem}.cloud-configurator .summary-table__header{grid-column:span 2;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap}.cloud-configurator .summary-table__header~.summary-table__header{display:none}.cloud-configurator .summary-table__label{grid-column:1;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:left;color:var(--tet-cloud-calculator-text-secondary-color);white-space:nowrap;min-width:10rem;display:flex;justify-content:flex-start;gap:0.5rem;padding-right:0.5rem}.cloud-configurator .summary-table__label>span:first-of-type{text-overflow:ellipsis;overflow:hidden}.cloud-configurator .summary-table__value{grid-column:2;text-align:right;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap;padding-left:0}.cloud-configurator .floating-summary{display:flex;position:-webkit-sticky;position:sticky;z-index:1;bottom:0;background-color:var(--tet-cloud-calculator-background-primary-color);color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .floating-summary--is-pinned{background-color:var(--tet-cloud-calculator-background-floating-summary);color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary__container{padding:0.5rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;width:100%}.cloud-configurator .floating-summary__count{display:none;align-items:center}.cloud-configurator .floating-summary--is-pinned .floating-summary__count{display:flex;flex-direction:row;column-gap:0.5rem;flex-wrap:wrap;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--item{color:var(--tet-cloud-calculator-text-blue-grey)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--other{color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--break{flex-basis:100%;height:0}.cloud-configurator .floating-summary__sum{display:flex;flex-direction:row;gap:0.25rem;align-items:flex-end;flex:1 0 auto;font:400 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__sum--label{margin-left:auto}.cloud-configurator .floating-summary__sum--value{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum--value{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{display:flex;flex-direction:row-reverse;margin:0 1rem 2.5rem;padding-top:1rem}.cloud-configurator .footer__button{--button-width:9.375rem}@media all and (min-width: 31.25rem){.cloud-configurator .content{margin:2.5rem 1.5rem 0}.cloud-configurator .content__title{font:500 2.5rem/3rem Gilroy, Gilroy, Arial, sans-serif}.cloud-configurator .expandable-list__toggle-row{flex-direction:row}.cloud-configurator .footer{margin:0 1.5rem 2.5rem}}@media all and (min-width: 48rem){.cloud-configurator .header{margin:1.5rem 0 0}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{padding:1rem 0}.cloud-configurator .content{margin:2.5rem 2rem 0}.cloud-configurator .footer{margin:0 2rem 2.5rem}.cloud-configurator .form__group{padding-bottom:2.5rem}.cloud-configurator .form__group-label{font:500 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{justify-content:flex-end;margin-top:0.5rem}.cloud-configurator .summary__title{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary-table{display:grid;grid-template-columns:2fr 5fr}.cloud-configurator .summary-table__header{grid-column:1}.cloud-configurator .summary-table__row>.summary-table__header{padding-bottom:unset}.cloud-configurator .summary-table__row>:nth-child(-n+3){padding-top:0.75rem}.cloud-configurator .summary-table__header~.summary-table__header{display:block}.cloud-configurator .summary-table__label{grid-column:2;text-align:right;justify-content:flex-end}.cloud-configurator .summary-table__value{grid-column:3}.cloud-configurator .floating-summary{height:4rem}.cloud-configurator .floating-summary__container{padding:1rem 2rem}.cloud-configurator .floating-summary__count{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__count--break{display:none}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{align-items:center}.cloud-configurator .floating-summary__sum{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{padding-top:0.5rem}}@media all and (min-width: 64rem){.cloud-configurator .content{margin:2.5rem 2.5rem 0}.cloud-configurator .footer{margin:0 2.5rem 2.5rem}.cloud-configurator .floating-summary__container{padding:1rem 2.5rem}}';export{G as tet_cloud_configurator}

package/dist/tet-components/{p-60abca86.entry.js → p-cde8057a.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,g as a,h as r,H as o}from"./p-5abb3bea.js";const e=class{constructor(a){t(this,a),this.parentContainer=null,this.data=[],this.minValue=0,this.maxValue=1,this.valueUnit="",this.labelPosition="responsive",this.valuePosition="inside",this.dataOrder="none",this.withGrid=!1,this.animationDuration=500,this.size="auto",this.theme="light",this.displayData=[],this.componentSize="large",this.labelWidth=0}barContainerRef;barLabelContainerRef;get element(){return a(this)}onSizeChange(t){"auto"!==t&&(this.componentSize=t)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),setTimeout(this.sortGraph)}onMinValueChange(){this.animateDisplayDataChanges()}onMaxValueChange(){this.animateDisplayDataChanges()}onWindowResize(){this.autoSetComponentSize();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateValuePosition(a,0)}componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){"auto"!==this.size&&(this.componentSize=this.size),this.autoSetComponentSize(),this.animateDisplayDataChanges()}calculateDisplayData=(t=!1,a=this.data)=>{const r=[],o=this.maxValue-this.minValue,e=Math.max(...a.map((t=>t.value.toString().split(".")[1]?.length\|\|0)));for(const t of a){let a=t.value;a<this.minValue&&(a=this.minValue),a>this.maxValue&&(a=this.maxValue);const i=(a-this.minValue)/o100\|\|1;r.push({...t,width:i,formattedValue:this.formatValue(t.value,e),order:-1})}"ascending"===this.dataOrder?r.sort(((t,a)=>t.value-a.value)):"descending"===this.dataOrder&&r.sort(((t,a)=>a.value-t.value));for(let t=0;t<r.length;t++)r[t].order=t;if(!t)return void(this.displayData=r);const i=Array.from(this.barContainerRef.children);for(const t of r){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const r=i.find((a=>t.id===a.getAttribute("data-id")));void 0!==r&&r.setAttribute("data-order",t.order.toString())}const n=r.map((t=>t.id));this.displayData=this.displayData.filter((t=>n.includes(t.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateElementTranslate(a),this.animateValuePosition(a)};animateElementTranslate=t=>{const a=`translateY(${parseFloat(t.getAttribute("data-offset"))-t.getBoundingClientRect().top}px)`;t.style.transform=a;const r=t.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==r&&(r.onfinish=()=>{t.style.transform=null});const o=this.barLabelContainerRef.querySelector(`[data-id="${t.getAttribute("data-id")}"]`);if(null!==o){o.style.transform=a;const t=o.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==t&&(t.onfinish=()=>{o.style.transform=null})}};animateValuePosition=(t,a=this.animationDuration)=>{const r=this.displayData.find((a=>a.id===t.getAttribute("data-id"))),o=t.querySelector(".bar-graph__bar-value--after"),e=t.getBoundingClientRect().width,i=o.getBoundingClientRect().width,n=e-e(r.width/100),s=o.style.left\|\|"0";let l="0";if(i>n){const t=-1(i-n);l=0===t?"0":`${t}px`}if(s!==l){const t=o.animate([{left:s},{left:l}],{duration:a});void 0!==t&&(t.onfinish=()=>{o.style.left=l})}};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const t=Array.from(this.barContainerRef.children);for(const a of t)a.setAttribute("data-offset",a.getBoundingClientRect().top.toString())};formatValue=(t,a)=>{let r=t.toFixed(a).replace(".",",");return this.valueUnit&&(r=`${r} ${this.valueUnit}`),r};autoSetComponentSize=()=>{if("auto"!==this.size)return;let t;t=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=t>=1024?"large":"small"};sortGraph=()=>{const t=Array.from(this.barContainerRef.children);t.sort(((t,a)=>parseInt(t.getAttribute("data-order"),10)-parseInt(a.getAttribute("data-order"),10)));for(const a of t)a.style.order=a.getAttribute("data-order")};renderLabel=(t,a)=>r("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":a,[`bar-graph__label--${t.type}`]:!0},"data-id":t.id,style:{order:a?t.order.toString():null}},t.label);renderBar=t=>r("div",{class:"bar-graph__item","data-id":t.id,"data-order":t.order,style:{zIndex:"primary"===t.type?"1":"0"}},r("div",{class:{hidden:"responsive"!==this.labelPosition\|\|"small"!==this.componentSize}},this.renderLabel(t,!1)),r("div",{class:"bar-graph__bar-container",style:{width:`${t.width}%`}},r("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${t.type}`]:!0}},r("span",{class:{"bar-graph__bar-value":!0,hidden:"inside"!==this.valuePosition}},t.formattedValue))),r("div",{class:"bar-graph__bar-value-container",style:{left:`${t.width}%`}},r("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,hidden:"after"!==this.valuePosition}},t.formattedValue)));renderGridLines(){const t="small"===this.componentSize?6:12,a=[];for(let o=0;o<t;o++)a.push(r("div",{class:"bar-graph__data-grid--line"}));return a}render(){return r(o,{key:"8110eab1a34abd220c2038e062d233f9de1c1552"},r("div",{key:"6000c8eb2f6a1b4dc7a0eba29581d6a223704355",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,[this.theme]:!0}},r("div",{key:"91143fa452d14eec131a1ac9752e121bf9a530c9",class:"bar-graph__container"},r("div",{key:"a956338668a791018a7977315e2356685c0f5e23",class:{"bar-graph__label-container":!0,hidden:"responsive"===this.labelPosition&&"small"===this.componentSize},ref:t=>this.barLabelContainerRef=t},this.displayData.map((t=>this.renderLabel(t,!0)))),r("div",{key:"dd37b4853791edbc0183c06fce5f1cf250ae423c",class:"bar-graph__graph-container"},r("div",{key:"acf246c3af8a903cd86ffc5ed659a91050ef7310",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),r("div",{key:"c7d76f13a8b40c3dc11f5a27937483c9362c625f",class:"bar-graph__item-container",ref:t=>this.barContainerRef=t},this.displayData.map((t=>this.renderBar(t))))))))}static get watchers(){return{size:["onSizeChange"],dataOrder:["onDataOrderChange"],data:["onDataChange"],minValue:["onMinValueChange"],maxValue:["onMaxValueChange"]}}};e.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;--bar-graph-bar-border-radius:0.5rem;--bar-graph-bar-height:2rem;--bar-graph-bar-primary-color:var(--tc-alert-accent-warning);--bar-graph-bar-secondary-color:var(--tc-background-tertiary);--bar-graph-label-primary-color:var(--tc-text-primary);--bar-graph-label-primary-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-primary-line-height:1.5rem;--bar-graph-label-secondary-color:var(--tc-text-tertiary);--bar-graph-label-secondary-font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-secondary-line-height:1.5rem;--bar-graph-value-color:var(--tc-text-primary);--bar-graph-value-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--bar-graph-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-animation-duration:0.5s}.dark{--bar-graph-bar-primary-color:var(--tc-alert-accent-warning-dark);--bar-graph-bar-secondary-color:var(--tc-background-tertiary-dark);--bar-graph-label-primary-color:var(--tc-text-primary-dark);--bar-graph-label-secondary-color:var(--tc-text-tertiary-dark);--bar-graph-value-color:var(--tc-text-primary-dark);--bar-graph-data-grid-line-color:var(--tc-border-quaternary-dark)}.bar-graph__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__label-container .bar-graph__label{color:var(--bar-graph-label-secondary-color)}.bar-graph__graph-container{padding:0.5rem 0;display:flex;flex-direction:column;flex:1;gap:0.5rem;transform-origin:0% 0%;width:100%;position:relative}.bar-graph__item-container{display:contents}.bar-graph__item{display:flex;flex-direction:column}.bar-graph__bar-container{position:relative;flex:1;flex-direction:row;display:flex;transition:width var(--bar-graph-animation-duration);width:100%}.bar-graph--large .bar-graph__bar-container{width:auto}.bar-graph__label{padding-right:0.5rem;box-sizing:border-box}.bar-graph__label--primary{font:var(--bar-graph-label-primary-font);color:var(--bar-graph-label-primary-color);line-height:var(--bar-graph-label-primary-line-height)}.bar-graph__label--secondary{font:var(--bar-graph-label-secondary-font);color:var(--bar-graph-label-secondary-color);line-height:var(--bar-graph-label-secondary-line-height)}.bar-graph__label--inline{display:flex;align-items:center;justify-content:right;text-align:right;padding-left:0.5rem;height:var(--bar-graph-bar-height)}.bar-graph__bar{display:flex;border-radius:var(--bar-graph-bar-border-radius);height:var(--bar-graph-bar-height);align-items:center;box-sizing:border-box;flex:1;min-width:0.5rem}.bar-graph__bar--primary{background-color:var(--bar-graph-bar-primary-color)}.bar-graph__bar--primary .bar-graph__bar-value{color:var(--tc-text-primary)}.bar-graph__bar--secondary{background-color:var(--bar-graph-bar-secondary-color)}.bar-graph__bar-value{font:var(--bar-graph-value-font);color:var(--bar-graph-value-color);padding-left:1rem;box-sizing:border-box;white-space:nowrap;position:absolute}.bar-graph__bar-value--after{position:absolute;padding:0 0.5rem;display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph__bar-value-container{position:absolute;transition:left var(--bar-graph-animation-duration)}.bar-graph__data-grid{position:absolute;display:flex;justify-content:space-between;height:100%;width:100%;padding:0 0.5rem;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;border-right-style:solid;border-right-width:var(--bar-graph-data-grid-line-width);border-right-color:var(--bar-graph-data-grid-line-color)}.bar-graph .hidden{display:none}';export{e as tet_bar_graph}
1	+ import{r as t,g as a,h as r,H as o}from"./p-83f43fdd.js";const e=class{constructor(a){t(this,a),this.parentContainer=null,this.data=[],this.minValue=0,this.maxValue=1,this.valueUnit="",this.labelPosition="responsive",this.valuePosition="inside",this.dataOrder="none",this.withGrid=!1,this.animationDuration=500,this.size="auto",this.theme="light",this.displayData=[],this.componentSize="large",this.labelWidth=0}barContainerRef;barLabelContainerRef;get element(){return a(this)}onSizeChange(t){"auto"!==t&&(this.componentSize=t)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),setTimeout(this.sortGraph)}onMinValueChange(){this.animateDisplayDataChanges()}onMaxValueChange(){this.animateDisplayDataChanges()}onWindowResize(){this.autoSetComponentSize();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateValuePosition(a,0)}componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){"auto"!==this.size&&(this.componentSize=this.size),this.autoSetComponentSize(),this.animateDisplayDataChanges()}calculateDisplayData=(t=!1,a=this.data)=>{const r=[],o=this.maxValue-this.minValue,e=Math.max(...a.map((t=>t.value.toString().split(".")[1]?.length\|\|0)));for(const t of a){let a=t.value;a<this.minValue&&(a=this.minValue),a>this.maxValue&&(a=this.maxValue);const i=(a-this.minValue)/o100\|\|1;r.push({...t,width:i,formattedValue:this.formatValue(t.value,e),order:-1})}"ascending"===this.dataOrder?r.sort(((t,a)=>t.value-a.value)):"descending"===this.dataOrder&&r.sort(((t,a)=>a.value-t.value));for(let t=0;t<r.length;t++)r[t].order=t;if(!t)return void(this.displayData=r);const i=Array.from(this.barContainerRef.children);for(const t of r){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const r=i.find((a=>t.id===a.getAttribute("data-id")));void 0!==r&&r.setAttribute("data-order",t.order.toString())}const n=r.map((t=>t.id));this.displayData=this.displayData.filter((t=>n.includes(t.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateElementTranslate(a),this.animateValuePosition(a)};animateElementTranslate=t=>{const a=`translateY(${parseFloat(t.getAttribute("data-offset"))-t.getBoundingClientRect().top}px)`;t.style.transform=a;const r=t.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==r&&(r.onfinish=()=>{t.style.transform=null});const o=this.barLabelContainerRef.querySelector(`[data-id="${t.getAttribute("data-id")}"]`);if(null!==o){o.style.transform=a;const t=o.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==t&&(t.onfinish=()=>{o.style.transform=null})}};animateValuePosition=(t,a=this.animationDuration)=>{const r=this.displayData.find((a=>a.id===t.getAttribute("data-id"))),o=t.querySelector(".bar-graph__bar-value--after"),e=t.getBoundingClientRect().width,i=o.getBoundingClientRect().width,n=e-e(r.width/100),s=o.style.left\|\|"0";let l="0";if(i>n){const t=-1(i-n);l=0===t?"0":`${t}px`}if(s!==l){const t=o.animate([{left:s},{left:l}],{duration:a});void 0!==t&&(t.onfinish=()=>{o.style.left=l})}};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const t=Array.from(this.barContainerRef.children);for(const a of t)a.setAttribute("data-offset",a.getBoundingClientRect().top.toString())};formatValue=(t,a)=>{let r=t.toFixed(a).replace(".",",");return this.valueUnit&&(r=`${r} ${this.valueUnit}`),r};autoSetComponentSize=()=>{if("auto"!==this.size)return;let t;t=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=t>=1024?"large":"small"};sortGraph=()=>{const t=Array.from(this.barContainerRef.children);t.sort(((t,a)=>parseInt(t.getAttribute("data-order"),10)-parseInt(a.getAttribute("data-order"),10)));for(const a of t)a.style.order=a.getAttribute("data-order")};renderLabel=(t,a)=>r("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":a,[`bar-graph__label--${t.type}`]:!0},"data-id":t.id,style:{order:a?t.order.toString():null}},t.label);renderBar=t=>r("div",{class:"bar-graph__item","data-id":t.id,"data-order":t.order,style:{zIndex:"primary"===t.type?"1":"0"}},r("div",{class:{hidden:"responsive"!==this.labelPosition\|\|"small"!==this.componentSize}},this.renderLabel(t,!1)),r("div",{class:"bar-graph__bar-container",style:{width:`${t.width}%`}},r("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${t.type}`]:!0}},r("span",{class:{"bar-graph__bar-value":!0,hidden:"inside"!==this.valuePosition}},t.formattedValue))),r("div",{class:"bar-graph__bar-value-container",style:{left:`${t.width}%`}},r("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,hidden:"after"!==this.valuePosition}},t.formattedValue)));renderGridLines(){const t="small"===this.componentSize?6:12,a=[];for(let o=0;o<t;o++)a.push(r("div",{class:"bar-graph__data-grid--line"}));return a}render(){return r(o,{key:"8110eab1a34abd220c2038e062d233f9de1c1552"},r("div",{key:"6000c8eb2f6a1b4dc7a0eba29581d6a223704355",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,[this.theme]:!0}},r("div",{key:"91143fa452d14eec131a1ac9752e121bf9a530c9",class:"bar-graph__container"},r("div",{key:"a956338668a791018a7977315e2356685c0f5e23",class:{"bar-graph__label-container":!0,hidden:"responsive"===this.labelPosition&&"small"===this.componentSize},ref:t=>this.barLabelContainerRef=t},this.displayData.map((t=>this.renderLabel(t,!0)))),r("div",{key:"dd37b4853791edbc0183c06fce5f1cf250ae423c",class:"bar-graph__graph-container"},r("div",{key:"acf246c3af8a903cd86ffc5ed659a91050ef7310",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),r("div",{key:"c7d76f13a8b40c3dc11f5a27937483c9362c625f",class:"bar-graph__item-container",ref:t=>this.barContainerRef=t},this.displayData.map((t=>this.renderBar(t))))))))}static get watchers(){return{size:["onSizeChange"],dataOrder:["onDataOrderChange"],data:["onDataChange"],minValue:["onMinValueChange"],maxValue:["onMaxValueChange"]}}};e.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;--bar-graph-bar-border-radius:0.5rem;--bar-graph-bar-height:2rem;--bar-graph-bar-primary-color:var(--tc-alert-accent-warning);--bar-graph-bar-secondary-color:var(--tc-background-tertiary);--bar-graph-label-primary-color:var(--tc-text-primary);--bar-graph-label-primary-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-primary-line-height:1.5rem;--bar-graph-label-secondary-color:var(--tc-text-tertiary);--bar-graph-label-secondary-font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-secondary-line-height:1.5rem;--bar-graph-value-color:var(--tc-text-primary);--bar-graph-value-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--bar-graph-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-animation-duration:0.5s}.dark{--bar-graph-bar-primary-color:var(--tc-alert-accent-warning-dark);--bar-graph-bar-secondary-color:var(--tc-background-tertiary-dark);--bar-graph-label-primary-color:var(--tc-text-primary-dark);--bar-graph-label-secondary-color:var(--tc-text-tertiary-dark);--bar-graph-value-color:var(--tc-text-primary-dark);--bar-graph-data-grid-line-color:var(--tc-border-quaternary-dark)}.bar-graph__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__label-container .bar-graph__label{color:var(--bar-graph-label-secondary-color)}.bar-graph__graph-container{padding:0.5rem 0;display:flex;flex-direction:column;flex:1;gap:0.5rem;transform-origin:0% 0%;width:100%;position:relative}.bar-graph__item-container{display:contents}.bar-graph__item{display:flex;flex-direction:column}.bar-graph__bar-container{position:relative;flex:1;flex-direction:row;display:flex;transition:width var(--bar-graph-animation-duration);width:100%}.bar-graph--large .bar-graph__bar-container{width:auto}.bar-graph__label{padding-right:0.5rem;box-sizing:border-box}.bar-graph__label--primary{font:var(--bar-graph-label-primary-font);color:var(--bar-graph-label-primary-color);line-height:var(--bar-graph-label-primary-line-height)}.bar-graph__label--secondary{font:var(--bar-graph-label-secondary-font);color:var(--bar-graph-label-secondary-color);line-height:var(--bar-graph-label-secondary-line-height)}.bar-graph__label--inline{display:flex;align-items:center;justify-content:right;text-align:right;padding-left:0.5rem;height:var(--bar-graph-bar-height)}.bar-graph__bar{display:flex;border-radius:var(--bar-graph-bar-border-radius);height:var(--bar-graph-bar-height);align-items:center;box-sizing:border-box;flex:1;min-width:0.5rem}.bar-graph__bar--primary{background-color:var(--bar-graph-bar-primary-color)}.bar-graph__bar--primary .bar-graph__bar-value{color:var(--tc-text-primary)}.bar-graph__bar--secondary{background-color:var(--bar-graph-bar-secondary-color)}.bar-graph__bar-value{font:var(--bar-graph-value-font);color:var(--bar-graph-value-color);padding-left:1rem;box-sizing:border-box;white-space:nowrap;position:absolute}.bar-graph__bar-value--after{position:absolute;padding:0 0.5rem;display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph__bar-value-container{position:absolute;transition:left var(--bar-graph-animation-duration)}.bar-graph__data-grid{position:absolute;display:flex;justify-content:space-between;height:100%;width:100%;padding:0 0.5rem;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;border-right-style:solid;border-right-width:var(--bar-graph-data-grid-line-width);border-right-color:var(--bar-graph-data-grid-line-color)}.bar-graph .hidden{display:none}';export{e as tet_bar_graph}

package/dist/tet-components/{p-589e8e4b.entry.js → p-ce850061.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,g as r,h as i,H as t}from"./p-~~5abb3bea~~.js";const n={L:{headingFont:"1.125rem",headingLine:"1.5rem",footerFont:"0.875rem",centsFont:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1.25rem",5:"1.25rem"},centsLine:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1rem",5:"1rem"},priceTypeFont:{1:"1rem",2:"1rem",3:"0.875rem",4:"0.875rem",5:"0.625rem"},euroFont:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},euroLine:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},padding:"1.625rem 0rem",width:"9.375rem",height:"9.375rem",gap:"0.125rem"},M:{headingFont:"0.875rem",headingLine:"1.25rem",footerFont:"0.75rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"1rem",4:"0.75rem",5:"0.75rem"},centsLine:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.625rem"},priceTypeFont:{1:"0.75rem",2:"0.75rem",3:"0.625rem",4:"0.625rem",5:"0.5rem"},euroFont:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},euroLine:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},padding:"1.125rem 0rem",width:"7rem",height:"7rem",gap:"0.125rem"},S:{headingFont:"0.625rem",headingLine:"1.125rem",footerFont:"0.625rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.5rem"},centsLine:{1:"1rem",2:"1rem",3:"0.75rem",4:"0.5rem",5:"0.375rem"},priceTypeFont:{1:"0.5rem",2:"0.5rem",3:"0.375rem",4:"0.375rem",5:"0.375rem"},euroFont:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},euroLine:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},padding:"0.5rem 0rem",width:"5rem",height:"5rem",gap:"0.0625rem"}},c=class{constructor(r){e(this,r),this.theme="light",this.background="grey",this.font=void 0,this.size="L",this.headingText=void 0,this.priceType=void 0,this.euroPrice=void 0,this.centsPrice=void 0,this.footerText=void 0,this.footerTextType="regular",this.staticColors=!0}get hostElement(){return r(this)}render(){const e={[this.theme]:!0,"static-colors":this.staticColors,"price-view__container":!0,"price-view__white":"white"===this.background,"price-view__black":"black"===this.background,"price-view__grey":"grey"===this.background,"price-view__yellow":"yellow"===this.background},r="monthly"===this.priceType,c={heading:{height:n[this.size].headingFont,fontSize:n[this.size].headingFont,lineHeight:n[this.size].headingFont},euro:{fontSize:n[this.size].euroFont[this.euroPrice.length],lineHeight:n[this.size].euroLine[this.euroPrice.length]},cents:{fontSize:n[this.size].centsFont[this.euroPrice.length],lineHeight:n[this.size].centsLine[this.euroPrice.length]},priceType:{fontSize:n[this.size].priceTypeFont[this.euroPrice.length],lineHeight:n[this.size].priceTypeFont[this.euroPrice.length]},footer:{height:n[this.size].footerFont,fontSize:n[this.size].footerFont,lineHeight:n[this.size].footerFont,textDecoration:"crossed-out"===this.footerTextType?"line-through":"none"},container:{padding:n[this.size].padding,width:n[this.size].width,height:n[this.size].height,display:"flex",alignItems:"center"},price:{gap:n[this.size].gap}},o=this?.centsPrice&&this?.centsPrice.length>0;return i(t,{key:"1e4014db7b02cb439d6ed757b6858545ab000a5a"},i("div",{key:"63a2f965efa9f35c96db0a218de31423697f1916",class:e,style:c.container},i("div",{key:"c2fcd90bf99586a4f2f92c254ccff6298d52a43c",class:"price-view__body"},this?.headingText&&i("h3",{key:"b65e2d8fb2a1d990eaac750b229ae9aeebe23de8",class:"price-view__heading",style:c.heading},this.headingText),i("div",{key:"134d4c8d5822b8ec6f5c282dde86d0f8646140b0",class:"price-view__price",style:{fontFamily:this.font,gap:c.price.gap}},i("span",{key:"89f51cf61e7e768649a9e863cdd7cb8f7842f950",class:"price-view__euro",style:c.euro},this.euroPrice,r\|\|o?"":"€"),i("div",{key:"f90f6521227369d9e2fa2cc131cf8c02d53a98f0",class:"price-view__cents-container"},i("span",{key:"91718ffe8454817196848b87c36f51a03cf6416e",class:"price-view__cents",style:c.cents},this?.centsPrice),this.priceType&&i("span",{key:"55eb1da3b4a1006f12af1af2ca40972157b1f856",class:"price-view__type",style:c.priceType},r?"€/mēn.":"",!r&&o?"EUR":""))),this?.footerText&&i("p",{key:"e6e346ae69855987b4be89701634f2e160b06f00",class:"price-view__footer",style:c.footer},this.footerText))))}};c.style=":host{display:block}.price-view__container{box-sizing:border-box;font-family:Inter, sans-serif;width:9.375rem;height:9.375rem;padding:1.625rem 0rem;border-radius:1rem;container-type:inline-size}.price-view__container.dark:not(.static-colors).price-view__white{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__grey{background-color:var(--tc-grey-10-dark, rgb(24, 25, 27));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__black{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__white{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__grey{background-color:var(--tc-layer-secondary, rgb(247, 247, 247));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__black{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__yellow{background:var(--tc-yellow-40, rgb(255, 208, 38));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__body{margin:auto;width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:space-between}.price-view__heading{text-align:left;font-family:Inter, sans-serif;font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.75rem;letter-spacing:-0.012rem;margin-block:0}.price-view__price{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0.25rem;letter-spacing:-0.015rem}.price-view__euro{font-style:normal;font-weight:600;letter-spacing:-0.0175rem;letter-spacing:-0.015rem}.price-view__cents-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;letter-spacing:-0.015rem}.price-view__cents{font-family:Gilroy, sans-serif;font-size:1.75rem;font-style:normal;font-weight:600;letter-spacing:-0.015rem}.price-view__footer{font-family:Inter, sans-serif;font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.025rem;margin-block:0}";export{c as tet_price_view}
1	+ import{r as e,g as r,h as i,H as t}from"./p-83f43fdd.js";const n={L:{headingFont:"1.125rem",headingLine:"1.5rem",footerFont:"0.875rem",centsFont:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1.25rem",5:"1.25rem"},centsLine:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1rem",5:"1rem"},priceTypeFont:{1:"1rem",2:"1rem",3:"0.875rem",4:"0.875rem",5:"0.625rem"},euroFont:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},euroLine:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},padding:"1.625rem 0rem",width:"9.375rem",height:"9.375rem",gap:"0.125rem"},M:{headingFont:"0.875rem",headingLine:"1.25rem",footerFont:"0.75rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"1rem",4:"0.75rem",5:"0.75rem"},centsLine:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.625rem"},priceTypeFont:{1:"0.75rem",2:"0.75rem",3:"0.625rem",4:"0.625rem",5:"0.5rem"},euroFont:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},euroLine:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},padding:"1.125rem 0rem",width:"7rem",height:"7rem",gap:"0.125rem"},S:{headingFont:"0.625rem",headingLine:"1.125rem",footerFont:"0.625rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.5rem"},centsLine:{1:"1rem",2:"1rem",3:"0.75rem",4:"0.5rem",5:"0.375rem"},priceTypeFont:{1:"0.5rem",2:"0.5rem",3:"0.375rem",4:"0.375rem",5:"0.375rem"},euroFont:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},euroLine:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},padding:"0.5rem 0rem",width:"5rem",height:"5rem",gap:"0.0625rem"}},c=class{constructor(r){e(this,r),this.theme="light",this.background="grey",this.font=void 0,this.size="L",this.headingText=void 0,this.priceType=void 0,this.euroPrice=void 0,this.centsPrice=void 0,this.footerText=void 0,this.footerTextType="regular",this.staticColors=!0}get hostElement(){return r(this)}render(){const e={[this.theme]:!0,"static-colors":this.staticColors,"price-view__container":!0,"price-view__white":"white"===this.background,"price-view__black":"black"===this.background,"price-view__grey":"grey"===this.background,"price-view__yellow":"yellow"===this.background},r="monthly"===this.priceType,c={heading:{height:n[this.size].headingFont,fontSize:n[this.size].headingFont,lineHeight:n[this.size].headingFont},euro:{fontSize:n[this.size].euroFont[this.euroPrice.length],lineHeight:n[this.size].euroLine[this.euroPrice.length]},cents:{fontSize:n[this.size].centsFont[this.euroPrice.length],lineHeight:n[this.size].centsLine[this.euroPrice.length]},priceType:{fontSize:n[this.size].priceTypeFont[this.euroPrice.length],lineHeight:n[this.size].priceTypeFont[this.euroPrice.length]},footer:{height:n[this.size].footerFont,fontSize:n[this.size].footerFont,lineHeight:n[this.size].footerFont,textDecoration:"crossed-out"===this.footerTextType?"line-through":"none"},container:{padding:n[this.size].padding,width:n[this.size].width,height:n[this.size].height,display:"flex",alignItems:"center"},price:{gap:n[this.size].gap}},o=this?.centsPrice&&this?.centsPrice.length>0;return i(t,{key:"1e4014db7b02cb439d6ed757b6858545ab000a5a"},i("div",{key:"63a2f965efa9f35c96db0a218de31423697f1916",class:e,style:c.container},i("div",{key:"c2fcd90bf99586a4f2f92c254ccff6298d52a43c",class:"price-view__body"},this?.headingText&&i("h3",{key:"b65e2d8fb2a1d990eaac750b229ae9aeebe23de8",class:"price-view__heading",style:c.heading},this.headingText),i("div",{key:"134d4c8d5822b8ec6f5c282dde86d0f8646140b0",class:"price-view__price",style:{fontFamily:this.font,gap:c.price.gap}},i("span",{key:"89f51cf61e7e768649a9e863cdd7cb8f7842f950",class:"price-view__euro",style:c.euro},this.euroPrice,r\|\|o?"":"€"),i("div",{key:"f90f6521227369d9e2fa2cc131cf8c02d53a98f0",class:"price-view__cents-container"},i("span",{key:"91718ffe8454817196848b87c36f51a03cf6416e",class:"price-view__cents",style:c.cents},this?.centsPrice),this.priceType&&i("span",{key:"55eb1da3b4a1006f12af1af2ca40972157b1f856",class:"price-view__type",style:c.priceType},r?"€/mēn.":"",!r&&o?"EUR":""))),this?.footerText&&i("p",{key:"e6e346ae69855987b4be89701634f2e160b06f00",class:"price-view__footer",style:c.footer},this.footerText))))}};c.style=":host{display:block}.price-view__container{box-sizing:border-box;font-family:Inter, sans-serif;width:9.375rem;height:9.375rem;padding:1.625rem 0rem;border-radius:1rem;container-type:inline-size}.price-view__container.dark:not(.static-colors).price-view__white{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__grey{background-color:var(--tc-grey-10-dark, rgb(24, 25, 27));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__black{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__white{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__grey{background-color:var(--tc-layer-secondary, rgb(247, 247, 247));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__black{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__yellow{background:var(--tc-yellow-40, rgb(255, 208, 38));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__body{margin:auto;width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:space-between}.price-view__heading{text-align:left;font-family:Inter, sans-serif;font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.75rem;letter-spacing:-0.012rem;margin-block:0}.price-view__price{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0.25rem;letter-spacing:-0.015rem}.price-view__euro{font-style:normal;font-weight:600;letter-spacing:-0.0175rem;letter-spacing:-0.015rem}.price-view__cents-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;letter-spacing:-0.015rem}.price-view__cents{font-family:Gilroy, sans-serif;font-size:1.75rem;font-style:normal;font-weight:600;letter-spacing:-0.015rem}.price-view__footer{font-family:Inter, sans-serif;font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.025rem;margin-block:0}";export{c as tet_price_view}