@tet/tet-components 1.4.135-testing → 1.4.136-staging

package/dist/tet-components/{p-e13f06c4.entry.js → p-ca111c70.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,a as n,h as o,H as i}from"./p-ClX9TYQY.js";import{g as a}from"./p-SfqlfxDQ.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change"),this.afterStateChange=e(this,"after-state-change")}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}expanded=!1;hasInputValue=!1;class="";placeholder="";value="";disabled=!1;accessibilityLabel="";mode="desktop";closedWidth="18.375rem";animationDuration=300;error=!1;iconLeft="";iconRight="";iconRightClickCallback;validators=[];manualValidation=!1;theme="light";size="default";closeInputText="";darkMode=!1;onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"ebb46b7aac5e8682d98e0545969adf2a507f0e88"},o("div",{key:"6ad0bcef0564838862506d6848ca2b986b0a7799",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"c9162aabcb78ceca6dd4b9dda24421dcb539eef1",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"081590b64cf84b1fdb48e2122b635cfd867db5bf",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:[{onModeChange:0}],size:[{onSizeChange:0}]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
+import{r as t,c as e,a as n,h as o,H as i}from"./p-st4TD55I.js";import{g as a}from"./p-SfqlfxDQ.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change"),this.afterStateChange=e(this,"after-state-change")}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}expanded=!1;hasInputValue=!1;class="";placeholder="";value="";disabled=!1;accessibilityLabel="";mode="desktop";closedWidth="18.375rem";animationDuration=300;error=!1;iconLeft="";iconRight="";iconRightClickCallback;validators=[];manualValidation=!1;theme="light";size="default";closeInputText="";darkMode=!1;onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"ebb46b7aac5e8682d98e0545969adf2a507f0e88"},o("div",{key:"6ad0bcef0564838862506d6848ca2b986b0a7799",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"c9162aabcb78ceca6dd4b9dda24421dcb539eef1",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"081590b64cf84b1fdb48e2122b635cfd867db5bf",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:[{onModeChange:0}],size:[{onSizeChange:0}]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}

package/dist/tet-components/{p-3242f182.entry.js → p-cf0f0d6e.entry.js}

@@ -1 +1 @@
-import{r as e,c as o,a as t,f as r,h as n,H as a}from"./p-ClX9TYQY.js";import{p as i,t as c}from"./p-t-BNeeWq.js";import"./p-tf8lKgfD.js";import"./p-Bvqcvhjw.js";const l=class{constructor(t){e(this,t),this.feedbackSubmitted=o(this,"feedbackSubmitted"),this.negativeFeedbackSelected=o(this,"negativeFeedbackSelected")}get hostElement(){return t(this)}theme="light";language="lv";data;expanded=!1;formError=!1;characterCount=0;submissionData={helpful:!0,options:{},comment:""};submitted=!1;feedbackSubmitted;negativeFeedbackSelected;onLanguageChange(e){i("tet-components",e).then((()=>r(this)))}async componentWillLoad(){await i("tet-components",this.language),r(this)}accordionRef;accordionScrollTimeout;textareaRef;checkboxRefs=new Map;getDefaultValues(){return{label:c("components-feedback-form-label"),labelTag:"h2",okButtonLabel:c("components-button-label-yes"),okButtonIconName:"tc-check",nokButtonLabel:c("components-button-label-no"),nokButtonIconName:"tc-close",formTitle:c("components-feedback-form-title"),formDescription:c("components-feedback-form-description"),checkboxOptions:[],showTextarea:!0,textareaLabel:c("components-feedback-form-textarea-label"),textareaPlaceholder:c("components-feedback-form-textarea-placeholder"),textareaMaxLength:500,footerText:c("components-feedback-form-footer-text"),footerIconName:"tc-bubbles",submitButtonLabel:c("components-feedback-form-submit-button-label"),submitButtonIconName:"tc-arrow-right",thankYouIconName:"tc-check-circle",thankYouTitle:c("components-feedback-form-thank-you-title"),thankYouDescription:c("components-feedback-form-thank-you-description")}}get mergedData(){return{...this.getDefaultValues(),...this.data}}toggleAccordion(){this.accordionRef&&(this.accordionRef.toggle(),this.formError&&this.setFormError(!1))}handleNokClick(){this.negativeFeedbackSelected.emit(),this.toggleAccordion()}scrollHostIntoViewAfterOpen(){this.hostElement.scrollIntoView?.({behavior:"smooth",block:"nearest"})}get accordionAnimationDurationMs(){if(!this.accordionRef)return 100;const e=getComputedStyle(this.accordionRef).getPropertyValue("--accordion-animation-duration").trim();if(!e)return 100;if(e.endsWith("ms"))return Number.parseFloat(e);if(e.endsWith("s"))return 1e3*Number.parseFloat(e);const o=Number.parseFloat(e);return Number.isNaN(o)?100:o}handleAccordionOpenChanged(e){this.expanded=e.detail,clearTimeout(this.accordionScrollTimeout),e.detail&&(this.accordionScrollTimeout=setTimeout((()=>this.scrollHostIntoViewAfterOpen()),this.accordionAnimationDurationMs))}disconnectedCallback(){clearTimeout(this.accordionScrollTimeout)}onListItemClick(e,o){const t=!!e.detail.checked;if(this.formError&&this.setFormError(!1),t)this.submissionData={...this.submissionData,options:{...this.submissionData.options,[o]:!0}};else{const{[o]:e,...t}=this.submissionData.options;this.submissionData={...this.submissionData,options:t}}}async onTextInput(){if(!this.textareaRef)return;const e=await this.textareaRef.getValue();this.characterCount=e.length,this.submissionData={...this.submissionData,comment:e}}submitFeedback(e){if(this.submissionData.helpful=e,e)this.submissionData.options={},this.submissionData.comment="";else if(!Object.keys(this.submissionData.options).length)return void this.setFormError(!0);this.feedbackSubmitted.emit(this.submissionData),this.submitted=!0}setFormError(e){for(const o of this.checkboxRefs.values())o.setError(e);this.formError=e}getSubheadingTag(){const{labelTag:e}=this.mergedData;return{h1:"h2",h2:"h3",h3:"h4",h4:"h5",h5:"h6"}[e]}renderAccordionHeader(){const{theme:e,mergedData:o,expanded:t}=this,{label:r,labelTag:a,okButtonLabel:i,nokButtonLabel:c,okButtonIconName:l,nokButtonIconName:s}=o;return n("div",{slot:"header",class:{"feedback-form__header":!0,"feedback-form__header--expanded":t},inert:t},n(a,{class:"feedback-form__title"},r),n("div",{class:"feedback-form__button-container"},n("tet-button",{class:"button",iconName:l,iconPosition:"left",theme:e,type:"secondary",size:"small",onClick:()=>this.submitFeedback(!0),"data-testid":"feedback-ok-button"},i),n("tet-button",{class:"button",iconName:s,iconPosition:"left",theme:e,type:"secondary",size:"small",onClick:()=>this.handleNokClick(),"data-testid":"feedback-nok-button"},c)))}renderFormContentHeader(){const{theme:e,mergedData:o}=this,{formTitle:t,formDescription:r}=o,a=this.getSubheadingTag();return n("div",{class:"main__header"},n("div",{class:"main__header--left"},n(a,{id:"form-content-title",class:"title"},t),n("p",{id:"form-content-description",class:"subtitle"},r)),n("button",{class:"main__header-close-btn",onClick:()=>this.toggleAccordion(),"aria-label":c("components-availability-close"),type:"button","data-testid":"feedback-close-button"},n("tet-icon",{theme:e,class:"icon",name:"tc-close"})))}renderFormCheckboxOptions(){const{theme:e,mergedData:o}=this,{checkboxOptions:t}=o;return t.length?n("ul",{class:"main__option-list"},t.map((({id:o,label:t})=>n("li",{key:o,class:{"checkbox-wrapper":!0,"checkbox-wrapper--error":this.formError}},n("tet-checkbox",{ref:e=>{e&&this.checkboxRefs.set(o,e)},class:"checkbox",theme:e,checked:!!this.submissionData?.options?.[o],focusStyleOnContainer:!0,onCheck:e=>this.onListItemClick(e,o)},t))))):null}renderFormTextArea(){const{theme:e,mergedData:o}=this,{showTextarea:t,textareaLabel:r,textareaPlaceholder:a,textareaMaxLength:i}=o;return t?n("div",{class:"main__text-input"},n("tet-textarea",{label:r,class:"textarea",theme:e,value:this.submissionData.comment,onInput:()=>this.onTextInput(),ref:e=>this.textareaRef=e,placeholder:a,maxLength:i}),n("div",{class:"counter"},this.characterCount,"/",i)):null}renderFormFooter(){const{theme:e,mergedData:o}=this,{footerText:t,footerIconName:r}=o,a=t.split(/\{\{\s*([+0-9][0-9 ]{0,20})\s*\}\}/g),i=e=>e.trim(),c=a.map(((o,t)=>t%2==0?o:n("a",{href:`tel:${i(o)}`,class:{"tet-link":!0,[e]:!0,"tet-link--secondary":!0}},i(o))));return n("footer",{class:"feedback-form__form--footer"},n("div",{class:"footer-icon-block"},n("tet-icon",{theme:e,class:"footer-icon",name:r})),n("div",{class:"footer-text"},c))}renderSubmitButton(){const{theme:e,mergedData:o}=this,{submitButtonLabel:t,submitButtonIconName:r}=o;return n("tet-button",{class:"main__submit-button",iconName:r,theme:e,type:"primary",size:"medium",onClick:()=>this.submitFeedback(!1),"data-testid":"feedback-submit-button"},t)}renderAccordionContent(){return n("form",{class:"feedback-form__form","aria-labelledby":"form-content-title","aria-describedby":"form-content-description"},n("div",{class:"feedback-form__form--main"},this.renderFormContentHeader(),this.renderFormCheckboxOptions(),this.renderFormTextArea(),this.renderSubmitButton()),this.renderFormFooter())}renderAccordionComponent(){return n("tet-accordion",{class:"feedback-form__accordion",theme:this.theme,isHeaderInteractive:!1,transparentBackground:!0,ref:e=>this.accordionRef=e,onOpenChanged:e=>this.handleAccordionOpenChanged(e)},this.renderAccordionHeader(),this.renderAccordionContent())}renderThankYouComponent(){const{labelTag:e,thankYouIconName:o,thankYouTitle:t,thankYouDescription:r}=this.mergedData,a=e;return n("div",{class:"feedback-form__thank-you","aria-live":"polite"},n("tet-icon",{class:"icon",name:o}),n("div",{class:"text-block"},n(a,{class:"title"},t),n("p",{class:"description"},r)))}render(){return n(a,{key:"9199ee488cd779538588165a5678b05c52a68445"},n("section",{key:"7219b2455b31d4fea51aae8f6448b405bff06712",class:"feedback-form"},this.submitted?this.renderThankYouComponent():this.renderAccordionComponent()))}static get watchers(){return{language:[{onLanguageChange:0}]}}};l.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-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;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{--form-border-radius:1rem;--form-scroll-margin-top:1rem;--form-text-color:var(--tc-text-primary);--form-text-secondary-color:var(--tc-text-secondary);--form-box-shadow:var(--tc-elevation-one);--form-border-color:var(--tc-border-quaternary);--form-accent-color:var(--tc-layer-yellow-secondary);--form-content-background-color:var(--tc-layer-primary);--form-footer-background-color:var(--tc-layer-secondary);--form-thank-you-icon-color:var(--tc-icon-primary);--form-list-item-hover-background-color:var(--tc-layer-secondary);--form-list-item-pressed-background-color:var(--tc-layer-tertiary);--form-list-item-border-color:var(--tc-border-tertiary);--form-list-item-border-hover-color:var(--tc-border-secondary);--form-list-item-border-pressed-color:var(--tc-border-secondary);--form-list-item-border-active-color:var(--tc-border-primary);--form-list-item-border-error-color:var(--tc-alert-accent-error);scroll-margin-top:var(--form-scroll-margin-top)}:host([theme=dark]){--form-text-color:var(--tc-text-primary-dark);--form-text-secondary-color:var(--tc-text-secondary-dark);--form-box-shadow:var(--tc-elevation-one-dark);--form-border-color:var(--tc-border-quaternary-dark);--form-accent-color:var(--tc-layer-yellow-secondary-dark);--form-content-background-color:var(--tc-layer-primary-dark);--form-footer-background-color:var(--tc-layer-secondary-dark);--form-thank-you-icon-color:var(--tc-icon-primary-dark);--form-list-item-hover-background-color:var(--tc-layer-secondary-dark);--form-list-item-pressed-background-color:var(--tc-layer-tertiary-dark);--form-list-item-border-color:var(--tc-border-tertiary-dark);--form-list-item-border-hover-color:var(--tc-border-secondary-dark);--form-list-item-border-pressed-color:var(--tc-border-secondary-dark);--form-list-item-border-active-color:var(--tc-border-primary-dark);--form-list-item-border-error-color:var(--tc-alert-accent-error-dark)}:host([theme=dark]) .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.feedback-form{box-shadow:var(--form-box-shadow);border-radius:var(--form-border-radius)}.feedback-form__accordion{--accordion-header-padding:0;--accordion-header-mobile-padding:0;--accordion-animation-duration:0.1s}.feedback-form__header{display:flex;flex-direction:column;overflow:hidden;width:100%;align-items:center;justify-content:center;padding:1rem;gap:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color);transition:padding 0.1s ease-in, height 0.1s ease-in}@media screen and (min-width: 31.25rem){.feedback-form__header{flex-direction:row;justify-content:space-between;gap:1.5rem}}@media screen and (min-width: 64rem){.feedback-form__header{padding:1.5rem}}.feedback-form__header--expanded{height:0;padding-top:0;padding-bottom:0;border:none}.feedback-form__title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";text-align:center}@media screen and (min-width: 31.25rem){.feedback-form__title{text-align:left}}.feedback-form__button-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media screen and (min-width: 31.25rem){.feedback-form__button-container{justify-content:flex-start;flex-wrap:nowrap}}.feedback-form__button-container .button{--button-width:100%;min-width:6.25rem}.feedback-form__form{display:flex;flex-direction:column;overflow:hidden;background-color:var(--form-content-background-color);border:0.0625rem solid var(--form-border-color);border-radius:var(--form-border-radius);padding-top:1rem;gap:1.5rem}@media screen and (min-width: 31.25rem){.feedback-form__form{gap:1rem}}@media screen and (min-width: 64rem){.feedback-form__form{padding-top:1.5rem;gap:1.5rem}}.feedback-form__form--main{display:flex;flex-direction:column;gap:1.5rem;padding:0 1.5rem}.feedback-form__form--main .main__header{display:flex;justify-content:space-between;gap:1rem}.feedback-form__form--main .main__header--left .title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{color:var(--form-text-secondary-color);font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--main .main__header--left .title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.feedback-form__form--main .main__header-close-btn{border:none;display:flex;align-self:flex-start;background-color:transparent;border-radius:0.125rem;cursor:pointer}.feedback-form__form--main .main__header-close-btn .icon{--icon-container-display:flex;--icon-size:1.5rem}.feedback-form__form--main .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.feedback-form__form--main .main__option-list{--item-background-color:var(--form-content-background-color);--item-border-color:var(--form-list-item-border-color);list-style:none;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 31.25rem){.feedback-form__form--main .main__option-list{margin-bottom:0.5rem}}.feedback-form__form--main .main__option-list .checkbox{--checkbox-alignment:flex-start;--checkbox-gap:0.5rem;--checkbox-container-outline-offset:-0.125rem}.feedback-form__form--main .main__option-list .checkbox-wrapper{border-radius:0.625rem;box-shadow:var(--form-box-shadow)}.feedback-form__form--main .main__option-list .checkbox-wrapper--error{--item-border-color:var(--form-list-item-border-error-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container){padding:1rem;border-radius:0.625rem;border:0.0625rem solid var(--item-border-color);background-color:var(--item-background-color);cursor:pointer}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):hover{--item-background-color:var(--form-list-item-hover-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):active{--item-background-color:var(--form-list-item-pressed-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):hover{--item-border-color:var(--form-list-item-border-hover-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):active{--item-border-color:var(--form-list-item-border-pressed-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox[checked]::part(checkbox-container){--item-border-color:var(--form-list-item-border-active-color)}.feedback-form__form--main .main__text-input .textarea{--input-font-size:0.875rem;--textarea-resize:vertical}.feedback-form__form--main .main__text-input .counter{color:var(--form-text-secondary-color);padding:0 0.25rem;text-align:right;font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__submit-button{margin-left:auto}.feedback-form__form--footer{display:flex;align-items:flex-start;padding:1rem;gap:0.75rem;background-color:var(--form-footer-background-color);border-top:0.0625rem solid var(--form-border-color);color:var(--form-text-secondary-color);font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--footer{padding:1.5rem;gap:1rem}}.feedback-form__form--footer .footer-text{max-width:38.75rem}.feedback-form__form--footer .footer-icon-block{display:flex;flex-shrink:0;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--form-accent-color)}@media screen and (min-width: 31.25rem){.feedback-form__form--footer .footer-icon-block{width:3rem;height:3rem}}.feedback-form__form--footer .footer-icon-block .footer-icon{--icon-container-display:flex}.feedback-form__thank-you{display:flex;gap:0.75rem;padding:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color)}.feedback-form__thank-you .icon{--icon-size:1.5rem;--icon-color:var(--form-thank-you-icon-color);animation:fadeIn 0.25s ease-in-out}.feedback-form__thank-you .title{color:var(--form-text-color);animation:fadeIn 0.25s ease-in-out;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.feedback-form__thank-you .description{color:var(--form-text-secondary-color);animation:fadeIn 0.25s ease-in-out;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.feedback-form__thank-you{align-items:center;gap:1rem;padding:1.125rem 1rem}.feedback-form__thank-you .icon{--icon-size:2.25rem}.feedback-form__thank-you .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.feedback-form__thank-you{padding:1.125rem 1.5rem}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}';export{l as tet_feedback_form}
+import{r as e,c as o,a as t,f as r,h as n,H as a}from"./p-st4TD55I.js";import{p as i,t as c}from"./p-CjkCTYSi.js";import"./p-2BDVUFcI.js";import"./p-Bvqcvhjw.js";const l=class{constructor(t){e(this,t),this.feedbackSubmitted=o(this,"feedbackSubmitted"),this.negativeFeedbackSelected=o(this,"negativeFeedbackSelected")}get hostElement(){return t(this)}theme="light";language="lv";data;expanded=!1;formError=!1;characterCount=0;submissionData={helpful:!0,options:{},comment:""};submitted=!1;feedbackSubmitted;negativeFeedbackSelected;onLanguageChange(e){i("tet-components",e).then((()=>r(this)))}async componentWillLoad(){await i("tet-components",this.language),r(this)}accordionRef;accordionScrollTimeout;textareaRef;checkboxRefs=new Map;getDefaultValues(){return{label:c("components-feedback-form-label"),labelTag:"h2",okButtonLabel:c("components-button-label-yes"),okButtonIconName:"tc-check",nokButtonLabel:c("components-button-label-no"),nokButtonIconName:"tc-close",formTitle:c("components-feedback-form-title"),formDescription:c("components-feedback-form-description"),checkboxOptions:[],showTextarea:!0,textareaLabel:c("components-feedback-form-textarea-label"),textareaPlaceholder:c("components-feedback-form-textarea-placeholder"),textareaMaxLength:500,footerText:c("components-feedback-form-footer-text"),footerIconName:"tc-bubbles",submitButtonLabel:c("components-feedback-form-submit-button-label"),submitButtonIconName:"tc-arrow-right",thankYouIconName:"tc-check-circle",thankYouTitle:c("components-feedback-form-thank-you-title"),thankYouDescription:c("components-feedback-form-thank-you-description")}}get mergedData(){return{...this.getDefaultValues(),...this.data}}toggleAccordion(){this.accordionRef&&(this.accordionRef.toggle(),this.formError&&this.setFormError(!1))}handleNokClick(){this.negativeFeedbackSelected.emit(),this.toggleAccordion()}scrollHostIntoViewAfterOpen(){this.hostElement.scrollIntoView?.({behavior:"smooth",block:"nearest"})}get accordionAnimationDurationMs(){if(!this.accordionRef)return 100;const e=getComputedStyle(this.accordionRef).getPropertyValue("--accordion-animation-duration").trim();if(!e)return 100;if(e.endsWith("ms"))return Number.parseFloat(e);if(e.endsWith("s"))return 1e3*Number.parseFloat(e);const o=Number.parseFloat(e);return Number.isNaN(o)?100:o}handleAccordionOpenChanged(e){this.expanded=e.detail,clearTimeout(this.accordionScrollTimeout),e.detail&&(this.accordionScrollTimeout=setTimeout((()=>this.scrollHostIntoViewAfterOpen()),this.accordionAnimationDurationMs))}disconnectedCallback(){clearTimeout(this.accordionScrollTimeout)}onListItemClick(e,o){const t=!!e.detail.checked;if(this.formError&&this.setFormError(!1),t)this.submissionData={...this.submissionData,options:{...this.submissionData.options,[o]:!0}};else{const{[o]:e,...t}=this.submissionData.options;this.submissionData={...this.submissionData,options:t}}}async onTextInput(){if(!this.textareaRef)return;const e=await this.textareaRef.getValue();this.characterCount=e.length,this.submissionData={...this.submissionData,comment:e}}submitFeedback(e){if(this.submissionData.helpful=e,e)this.submissionData.options={},this.submissionData.comment="";else if(!Object.keys(this.submissionData.options).length)return void this.setFormError(!0);this.feedbackSubmitted.emit(this.submissionData),this.submitted=!0}setFormError(e){for(const o of this.checkboxRefs.values())o.setError(e);this.formError=e}getSubheadingTag(){const{labelTag:e}=this.mergedData;return{h1:"h2",h2:"h3",h3:"h4",h4:"h5",h5:"h6"}[e]}renderAccordionHeader(){const{theme:e,mergedData:o,expanded:t}=this,{label:r,labelTag:a,okButtonLabel:i,nokButtonLabel:c,okButtonIconName:l,nokButtonIconName:s}=o;return n("div",{slot:"header",class:{"feedback-form__header":!0,"feedback-form__header--expanded":t},inert:t},n(a,{class:"feedback-form__title"},r),n("div",{class:"feedback-form__button-container"},n("tet-button",{class:"button",iconName:l,iconPosition:"left",theme:e,type:"secondary",size:"small",onClick:()=>this.submitFeedback(!0),"data-testid":"feedback-ok-button"},i),n("tet-button",{class:"button",iconName:s,iconPosition:"left",theme:e,type:"secondary",size:"small",onClick:()=>this.handleNokClick(),"data-testid":"feedback-nok-button"},c)))}renderFormContentHeader(){const{theme:e,mergedData:o}=this,{formTitle:t,formDescription:r}=o,a=this.getSubheadingTag();return n("div",{class:"main__header"},n("div",{class:"main__header--left"},n(a,{id:"form-content-title",class:"title"},t),n("p",{id:"form-content-description",class:"subtitle"},r)),n("button",{class:"main__header-close-btn",onClick:()=>this.toggleAccordion(),"aria-label":c("components-availability-close"),type:"button","data-testid":"feedback-close-button"},n("tet-icon",{theme:e,class:"icon",name:"tc-close"})))}renderFormCheckboxOptions(){const{theme:e,mergedData:o}=this,{checkboxOptions:t}=o;return t.length?n("ul",{class:"main__option-list"},t.map((({id:o,label:t})=>n("li",{key:o,class:{"checkbox-wrapper":!0,"checkbox-wrapper--error":this.formError}},n("tet-checkbox",{ref:e=>{e&&this.checkboxRefs.set(o,e)},class:"checkbox",theme:e,checked:!!this.submissionData?.options?.[o],focusStyleOnContainer:!0,onCheck:e=>this.onListItemClick(e,o)},t))))):null}renderFormTextArea(){const{theme:e,mergedData:o}=this,{showTextarea:t,textareaLabel:r,textareaPlaceholder:a,textareaMaxLength:i}=o;return t?n("div",{class:"main__text-input"},n("tet-textarea",{label:r,class:"textarea",theme:e,value:this.submissionData.comment,onInput:()=>this.onTextInput(),ref:e=>this.textareaRef=e,placeholder:a,maxLength:i}),n("div",{class:"counter"},this.characterCount,"/",i)):null}renderFormFooter(){const{theme:e,mergedData:o}=this,{footerText:t,footerIconName:r}=o,a=t.split(/\{\{\s*([+0-9][0-9 ]{0,20})\s*\}\}/g),i=e=>e.trim(),c=a.map(((o,t)=>t%2==0?o:n("a",{href:`tel:${i(o)}`,class:{"tet-link":!0,[e]:!0,"tet-link--secondary":!0}},i(o))));return n("footer",{class:"feedback-form__form--footer"},n("div",{class:"footer-icon-block"},n("tet-icon",{theme:e,class:"footer-icon",name:r})),n("div",{class:"footer-text"},c))}renderSubmitButton(){const{theme:e,mergedData:o}=this,{submitButtonLabel:t,submitButtonIconName:r}=o;return n("tet-button",{class:"main__submit-button",iconName:r,theme:e,type:"primary",size:"medium",onClick:()=>this.submitFeedback(!1),"data-testid":"feedback-submit-button"},t)}renderAccordionContent(){return n("form",{class:"feedback-form__form","aria-labelledby":"form-content-title","aria-describedby":"form-content-description"},n("div",{class:"feedback-form__form--main"},this.renderFormContentHeader(),this.renderFormCheckboxOptions(),this.renderFormTextArea(),this.renderSubmitButton()),this.renderFormFooter())}renderAccordionComponent(){return n("tet-accordion",{class:"feedback-form__accordion",theme:this.theme,isHeaderInteractive:!1,transparentBackground:!0,ref:e=>this.accordionRef=e,onOpenChanged:e=>this.handleAccordionOpenChanged(e)},this.renderAccordionHeader(),this.renderAccordionContent())}renderThankYouComponent(){const{labelTag:e,thankYouIconName:o,thankYouTitle:t,thankYouDescription:r}=this.mergedData,a=e;return n("div",{class:"feedback-form__thank-you","aria-live":"polite"},n("tet-icon",{class:"icon",name:o}),n("div",{class:"text-block"},n(a,{class:"title"},t),n("p",{class:"description"},r)))}render(){return n(a,{key:"9199ee488cd779538588165a5678b05c52a68445"},n("section",{key:"7219b2455b31d4fea51aae8f6448b405bff06712",class:"feedback-form"},this.submitted?this.renderThankYouComponent():this.renderAccordionComponent()))}static get watchers(){return{language:[{onLanguageChange:0}]}}};l.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-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;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{--form-border-radius:1rem;--form-scroll-margin-top:1rem;--form-text-color:var(--tc-text-primary);--form-text-secondary-color:var(--tc-text-secondary);--form-box-shadow:var(--tc-elevation-one);--form-border-color:var(--tc-border-quaternary);--form-accent-color:var(--tc-layer-yellow-secondary);--form-content-background-color:var(--tc-layer-primary);--form-footer-background-color:var(--tc-layer-secondary);--form-thank-you-icon-color:var(--tc-icon-primary);--form-list-item-hover-background-color:var(--tc-layer-secondary);--form-list-item-pressed-background-color:var(--tc-layer-tertiary);--form-list-item-border-color:var(--tc-border-tertiary);--form-list-item-border-hover-color:var(--tc-border-secondary);--form-list-item-border-pressed-color:var(--tc-border-secondary);--form-list-item-border-active-color:var(--tc-border-primary);--form-list-item-border-error-color:var(--tc-alert-accent-error);scroll-margin-top:var(--form-scroll-margin-top)}:host([theme=dark]){--form-text-color:var(--tc-text-primary-dark);--form-text-secondary-color:var(--tc-text-secondary-dark);--form-box-shadow:var(--tc-elevation-one-dark);--form-border-color:var(--tc-border-quaternary-dark);--form-accent-color:var(--tc-layer-yellow-secondary-dark);--form-content-background-color:var(--tc-layer-primary-dark);--form-footer-background-color:var(--tc-layer-secondary-dark);--form-thank-you-icon-color:var(--tc-icon-primary-dark);--form-list-item-hover-background-color:var(--tc-layer-secondary-dark);--form-list-item-pressed-background-color:var(--tc-layer-tertiary-dark);--form-list-item-border-color:var(--tc-border-tertiary-dark);--form-list-item-border-hover-color:var(--tc-border-secondary-dark);--form-list-item-border-pressed-color:var(--tc-border-secondary-dark);--form-list-item-border-active-color:var(--tc-border-primary-dark);--form-list-item-border-error-color:var(--tc-alert-accent-error-dark)}:host([theme=dark]) .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.feedback-form{box-shadow:var(--form-box-shadow);border-radius:var(--form-border-radius)}.feedback-form__accordion{--accordion-header-padding:0;--accordion-header-mobile-padding:0;--accordion-animation-duration:0.1s}.feedback-form__header{display:flex;flex-direction:column;overflow:hidden;width:100%;align-items:center;justify-content:center;padding:1rem;gap:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color);transition:padding 0.1s ease-in, height 0.1s ease-in}@media screen and (min-width: 31.25rem){.feedback-form__header{flex-direction:row;justify-content:space-between;gap:1.5rem}}@media screen and (min-width: 64rem){.feedback-form__header{padding:1.5rem}}.feedback-form__header--expanded{height:0;padding-top:0;padding-bottom:0;border:none}.feedback-form__title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";text-align:center}@media screen and (min-width: 31.25rem){.feedback-form__title{text-align:left}}.feedback-form__button-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media screen and (min-width: 31.25rem){.feedback-form__button-container{justify-content:flex-start;flex-wrap:nowrap}}.feedback-form__button-container .button{--button-width:100%;min-width:6.25rem}.feedback-form__form{display:flex;flex-direction:column;overflow:hidden;background-color:var(--form-content-background-color);border:0.0625rem solid var(--form-border-color);border-radius:var(--form-border-radius);padding-top:1rem;gap:1.5rem}@media screen and (min-width: 31.25rem){.feedback-form__form{gap:1rem}}@media screen and (min-width: 64rem){.feedback-form__form{padding-top:1.5rem;gap:1.5rem}}.feedback-form__form--main{display:flex;flex-direction:column;gap:1.5rem;padding:0 1.5rem}.feedback-form__form--main .main__header{display:flex;justify-content:space-between;gap:1rem}.feedback-form__form--main .main__header--left .title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{color:var(--form-text-secondary-color);font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--main .main__header--left .title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.feedback-form__form--main .main__header-close-btn{border:none;display:flex;align-self:flex-start;background-color:transparent;border-radius:0.125rem;cursor:pointer}.feedback-form__form--main .main__header-close-btn .icon{--icon-container-display:flex;--icon-size:1.5rem}.feedback-form__form--main .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.feedback-form__form--main .main__option-list{--item-background-color:var(--form-content-background-color);--item-border-color:var(--form-list-item-border-color);list-style:none;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 31.25rem){.feedback-form__form--main .main__option-list{margin-bottom:0.5rem}}.feedback-form__form--main .main__option-list .checkbox{--checkbox-alignment:flex-start;--checkbox-gap:0.5rem;--checkbox-container-outline-offset:-0.125rem}.feedback-form__form--main .main__option-list .checkbox-wrapper{border-radius:0.625rem;box-shadow:var(--form-box-shadow)}.feedback-form__form--main .main__option-list .checkbox-wrapper--error{--item-border-color:var(--form-list-item-border-error-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container){padding:1rem;border-radius:0.625rem;border:0.0625rem solid var(--item-border-color);background-color:var(--item-background-color);cursor:pointer}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):hover{--item-background-color:var(--form-list-item-hover-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):active{--item-background-color:var(--form-list-item-pressed-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):hover{--item-border-color:var(--form-list-item-border-hover-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):active{--item-border-color:var(--form-list-item-border-pressed-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox[checked]::part(checkbox-container){--item-border-color:var(--form-list-item-border-active-color)}.feedback-form__form--main .main__text-input .textarea{--input-font-size:0.875rem;--textarea-resize:vertical}.feedback-form__form--main .main__text-input .counter{color:var(--form-text-secondary-color);padding:0 0.25rem;text-align:right;font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__submit-button{margin-left:auto}.feedback-form__form--footer{display:flex;align-items:flex-start;padding:1rem;gap:0.75rem;background-color:var(--form-footer-background-color);border-top:0.0625rem solid var(--form-border-color);color:var(--form-text-secondary-color);font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--footer{padding:1.5rem;gap:1rem}}.feedback-form__form--footer .footer-text{max-width:38.75rem}.feedback-form__form--footer .footer-icon-block{display:flex;flex-shrink:0;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--form-accent-color)}@media screen and (min-width: 31.25rem){.feedback-form__form--footer .footer-icon-block{width:3rem;height:3rem}}.feedback-form__form--footer .footer-icon-block .footer-icon{--icon-container-display:flex}.feedback-form__thank-you{display:flex;gap:0.75rem;padding:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color)}.feedback-form__thank-you .icon{--icon-size:1.5rem;--icon-color:var(--form-thank-you-icon-color);animation:fadeIn 0.25s ease-in-out}.feedback-form__thank-you .title{color:var(--form-text-color);animation:fadeIn 0.25s ease-in-out;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.feedback-form__thank-you .description{color:var(--form-text-secondary-color);animation:fadeIn 0.25s ease-in-out;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.feedback-form__thank-you{align-items:center;gap:1rem;padding:1.125rem 1rem}.feedback-form__thank-you .icon{--icon-size:2.25rem}.feedback-form__thank-you .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.feedback-form__thank-you{padding:1.125rem 1.5rem}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}';export{l as tet_feedback_form}

package/dist/tet-components/{p-24bdeb37.entry.js → p-d1a9ded7.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as i,H as n}from"./p-ClX9TYQY.js";const e=class{constructor(i){t(this,i),this.countdownEnded=o(this,"countdownEnded")}endDatetime;accessibilityLabel;countdownTitle;staticTextColor="light";countdownEnded;countdown={days:0,hours:0,minutes:0,seconds:0};tickTimeoutId;hasEmittedCountdownEnded=!1;componentWillLoad(){this.startCountdown()}disconnectedCallback(){this.clearTickTimeout()}onEndDatetimeChanged(){this.startCountdown()}clearTickTimeout(){void 0!==this.tickTimeoutId&&(globalThis.clearTimeout(this.tickTimeoutId),this.tickTimeoutId=void 0)}startCountdown(){this.clearTickTimeout(),this.hasEmittedCountdownEnded=!1,this.updateCountdown()}scheduleNextTick(){const t=1e3-Date.now()%1e3;this.tickTimeoutId=globalThis.setTimeout((()=>{this.tickTimeoutId=void 0,this.updateCountdown()}),t)}updateCountdown(){const t=this.getTargetTimestamp();if(null===t)return this.hasEmittedCountdownEnded=!1,void(this.countdown={days:0,hours:0,minutes:0,seconds:0});const o=Date.now(),i=Math.max(0,t-o),n=Math.floor(i/1e3),e=Math.floor(n/86400),s=Math.floor(n%86400/3600),a=Math.floor(n%3600/60),r=n%60;this.countdown={days:Math.min(e,99),hours:s,minutes:a,seconds:r},0!==i||this.hasEmittedCountdownEnded||(this.hasEmittedCountdownEnded=!0,this.countdownEnded.emit()),i>0&&this.scheduleNextTick()}getTargetTimestamp(){if(!this.endDatetime)return null;const t=Date.parse(this.endDatetime);return Number.isFinite(t)?t:null}splitTwoDigits(t){const o=String(Math.max(0,Math.floor(t))).padStart(2,"0");return[o[0]??"0",o[1]??"0"]}isLatvianSingular(t){const o=Math.abs(Math.floor(t));return o%10==1&&o%100!=11}formatDatePart(t){return String(Math.max(0,Math.floor(t))).padStart(2,"0")}formatTargetDatetime(t){return`${[this.formatDatePart(t.getDate()),this.formatDatePart(t.getMonth()+1),String(t.getFullYear())].join(".")} ${[this.formatDatePart(t.getHours()),this.formatDatePart(t.getMinutes())].join(":")}`}getCountdownAriaLabel(){const t=this.getTargetTimestamp(),o=this.accessibilityLabel?.trim();if(null!==t&&o)return`${o} ${this.formatTargetDatetime(new Date(t))}.`}getUnitLabel(t,o){const i=this.isLatvianSingular(o);return"days"===t?i?"diena":"dienas":"hours"===t?i?"stunda":"stundas":"minutes"===t?i?"minūte":"minūtes":i?"sekunde":"sekundes"}renderUnit(t,o,n){const[e,s]=this.splitTwoDigits(t);return i("div",{class:"countdown-unit",part:`unit unit-${n}`},i("div",{class:"countdown-digits",part:`digits digits-${n}`},i("div",{class:"countdown-digit",part:`digit digit-${n}-first`},e),i("div",{class:"countdown-digit",part:`digit digit-${n}-second`},s)),i("div",{class:"countdown-label",part:`label label-${n}`},o))}render(){return i(n,{key:"e0098884098427e08b0dfe24fd55a1cff97fdaa7",class:`static-text-color-${this.staticTextColor}`},this.countdownTitle&&i("div",{key:"f7ed1bb17a1a17e9a416a476b50d2613b2484f94",class:"countdown-title",part:"title","aria-hidden":"true"},this.countdownTitle),i("div",{key:"cb06877fba079c328dd8f525253ba65c28b3d63b",class:"countdown",part:"countdown","aria-hidden":"true"},this.renderUnit(this.countdown.days,this.getUnitLabel("days",this.countdown.days),"days"),this.renderUnit(this.countdown.hours,this.getUnitLabel("hours",this.countdown.hours),"hours"),this.renderUnit(this.countdown.minutes,this.getUnitLabel("minutes",this.countdown.minutes),"minutes"),this.renderUnit(this.countdown.seconds,this.getUnitLabel("seconds",this.countdown.seconds),"seconds")),i("div",{key:"f0d8836c502051064e381ab8d21f1d90c7a1b868",class:"sr-only"},this.getCountdownAriaLabel()))}static get watchers(){return{endDatetime:[{onEndDatetimeChanged:0}]}}};e.style='@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{display:block;--countdown-unit-gap:0.5rem;--countdown-digit-gap:0.5rem;--countdown-digit-border-radius:0.5rem;--countdown-digit-background-color:var(--tc-background-permanent-white);--countdown-digit-text-color:var(--tc-grey-80);--countdown-static-text-color:var(--tc-text-white-permanent);--countdown-title-color:var(--countdown-static-text-color);--countdown-label-color:var(--countdown-static-text-color);--countdown-title-font-family:var(--font-family-headline);--countdown-label-font-family:var(--font-family-content)}:host(.static-text-color-light){--countdown-static-text-color:var(--tc-text-white-permanent)}:host(.static-text-color-dark){--countdown-static-text-color:var(--tc-text-black-permanent)}.countdown{display:flex;width:100%;gap:var(--countdown-unit-gap)}.countdown-unit{display:flex;flex-direction:column;align-items:stretch;flex:1 1 0;min-width:0}.countdown-digits{display:flex;width:100%;gap:var(--countdown-digit-gap)}.countdown-digit{aspect-ratio:1/1.215;position:relative;border-radius:var(--countdown-digit-border-radius);background-color:var(--countdown-digit-background-color);display:flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;color:var(--countdown-digit-text-color);font-size:1.25rem;line-height:1.5rem;font-weight:600;font-family:var(--countdown-title-font-family)}.countdown-label{margin-top:0.5rem;width:100%;position:relative;display:inline-block;color:var(--countdown-label-color);text-align:center;font-size:0.75rem;line-height:1rem;font-weight:500;letter-spacing:0;font-family:var(--countdown-label-font-family)}.countdown-title{margin-bottom:1rem;width:100%;position:relative;display:inline-block;color:var(--countdown-title-color);text-align:center;font-size:1.25rem;line-height:1.5rem;font-weight:600;font-family:var(--countdown-title-font-family)}@media all and (min-width: 31.25rem){.countdown{gap:1rem}.countdown-label{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem}.countdown-title{margin-bottom:1.5rem}.countdown-digit{font-size:2rem;line-height:2.25rem}}@media all and (min-width: 48rem){.countdown-digit{font-size:1.5rem;line-height:1.75rem}}@media all and (min-width: 64rem){.countdown-digit{font-size:2rem;line-height:2.25rem}}@media all and (min-width: 80rem){.countdown-digit{font-size:2.5rem;line-height:3rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%)}';export{e as tet_countdown}
+import{r as t,c as o,h as i,H as n}from"./p-st4TD55I.js";const e=class{constructor(i){t(this,i),this.countdownEnded=o(this,"countdownEnded")}endDatetime;accessibilityLabel;countdownTitle;staticTextColor="light";countdownEnded;countdown={days:0,hours:0,minutes:0,seconds:0};tickTimeoutId;hasEmittedCountdownEnded=!1;componentWillLoad(){this.startCountdown()}disconnectedCallback(){this.clearTickTimeout()}onEndDatetimeChanged(){this.startCountdown()}clearTickTimeout(){void 0!==this.tickTimeoutId&&(globalThis.clearTimeout(this.tickTimeoutId),this.tickTimeoutId=void 0)}startCountdown(){this.clearTickTimeout(),this.hasEmittedCountdownEnded=!1,this.updateCountdown()}scheduleNextTick(){const t=1e3-Date.now()%1e3;this.tickTimeoutId=globalThis.setTimeout((()=>{this.tickTimeoutId=void 0,this.updateCountdown()}),t)}updateCountdown(){const t=this.getTargetTimestamp();if(null===t)return this.hasEmittedCountdownEnded=!1,void(this.countdown={days:0,hours:0,minutes:0,seconds:0});const o=Date.now(),i=Math.max(0,t-o),n=Math.floor(i/1e3),e=Math.floor(n/86400),s=Math.floor(n%86400/3600),a=Math.floor(n%3600/60),r=n%60;this.countdown={days:Math.min(e,99),hours:s,minutes:a,seconds:r},0!==i||this.hasEmittedCountdownEnded||(this.hasEmittedCountdownEnded=!0,this.countdownEnded.emit()),i>0&&this.scheduleNextTick()}getTargetTimestamp(){if(!this.endDatetime)return null;const t=Date.parse(this.endDatetime);return Number.isFinite(t)?t:null}splitTwoDigits(t){const o=String(Math.max(0,Math.floor(t))).padStart(2,"0");return[o[0]??"0",o[1]??"0"]}isLatvianSingular(t){const o=Math.abs(Math.floor(t));return o%10==1&&o%100!=11}formatDatePart(t){return String(Math.max(0,Math.floor(t))).padStart(2,"0")}formatTargetDatetime(t){return`${[this.formatDatePart(t.getDate()),this.formatDatePart(t.getMonth()+1),String(t.getFullYear())].join(".")} ${[this.formatDatePart(t.getHours()),this.formatDatePart(t.getMinutes())].join(":")}`}getCountdownAriaLabel(){const t=this.getTargetTimestamp(),o=this.accessibilityLabel?.trim();if(null!==t&&o)return`${o} ${this.formatTargetDatetime(new Date(t))}.`}getUnitLabel(t,o){const i=this.isLatvianSingular(o);return"days"===t?i?"diena":"dienas":"hours"===t?i?"stunda":"stundas":"minutes"===t?i?"minūte":"minūtes":i?"sekunde":"sekundes"}renderUnit(t,o,n){const[e,s]=this.splitTwoDigits(t);return i("div",{class:"countdown-unit",part:`unit unit-${n}`},i("div",{class:"countdown-digits",part:`digits digits-${n}`},i("div",{class:"countdown-digit",part:`digit digit-${n}-first`},e),i("div",{class:"countdown-digit",part:`digit digit-${n}-second`},s)),i("div",{class:"countdown-label",part:`label label-${n}`},o))}render(){return i(n,{key:"e0098884098427e08b0dfe24fd55a1cff97fdaa7",class:`static-text-color-${this.staticTextColor}`},this.countdownTitle&&i("div",{key:"f7ed1bb17a1a17e9a416a476b50d2613b2484f94",class:"countdown-title",part:"title","aria-hidden":"true"},this.countdownTitle),i("div",{key:"cb06877fba079c328dd8f525253ba65c28b3d63b",class:"countdown",part:"countdown","aria-hidden":"true"},this.renderUnit(this.countdown.days,this.getUnitLabel("days",this.countdown.days),"days"),this.renderUnit(this.countdown.hours,this.getUnitLabel("hours",this.countdown.hours),"hours"),this.renderUnit(this.countdown.minutes,this.getUnitLabel("minutes",this.countdown.minutes),"minutes"),this.renderUnit(this.countdown.seconds,this.getUnitLabel("seconds",this.countdown.seconds),"seconds")),i("div",{key:"f0d8836c502051064e381ab8d21f1d90c7a1b868",class:"sr-only"},this.getCountdownAriaLabel()))}static get watchers(){return{endDatetime:[{onEndDatetimeChanged:0}]}}};e.style='@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{display:block;--countdown-unit-gap:0.5rem;--countdown-digit-gap:0.5rem;--countdown-digit-border-radius:0.5rem;--countdown-digit-background-color:var(--tc-background-permanent-white);--countdown-digit-text-color:var(--tc-grey-80);--countdown-static-text-color:var(--tc-text-white-permanent);--countdown-title-color:var(--countdown-static-text-color);--countdown-label-color:var(--countdown-static-text-color);--countdown-title-font-family:var(--font-family-headline);--countdown-label-font-family:var(--font-family-content)}:host(.static-text-color-light){--countdown-static-text-color:var(--tc-text-white-permanent)}:host(.static-text-color-dark){--countdown-static-text-color:var(--tc-text-black-permanent)}.countdown{display:flex;width:100%;gap:var(--countdown-unit-gap)}.countdown-unit{display:flex;flex-direction:column;align-items:stretch;flex:1 1 0;min-width:0}.countdown-digits{display:flex;width:100%;gap:var(--countdown-digit-gap)}.countdown-digit{aspect-ratio:1/1.215;position:relative;border-radius:var(--countdown-digit-border-radius);background-color:var(--countdown-digit-background-color);display:flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;color:var(--countdown-digit-text-color);font-size:1.25rem;line-height:1.5rem;font-weight:600;font-family:var(--countdown-title-font-family)}.countdown-label{margin-top:0.5rem;width:100%;position:relative;display:inline-block;color:var(--countdown-label-color);text-align:center;font-size:0.75rem;line-height:1rem;font-weight:500;letter-spacing:0;font-family:var(--countdown-label-font-family)}.countdown-title{margin-bottom:1rem;width:100%;position:relative;display:inline-block;color:var(--countdown-title-color);text-align:center;font-size:1.25rem;line-height:1.5rem;font-weight:600;font-family:var(--countdown-title-font-family)}@media all and (min-width: 31.25rem){.countdown{gap:1rem}.countdown-label{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem}.countdown-title{margin-bottom:1.5rem}.countdown-digit{font-size:2rem;line-height:2.25rem}}@media all and (min-width: 48rem){.countdown-digit{font-size:1.5rem;line-height:1.75rem}}@media all and (min-width: 64rem){.countdown-digit{font-size:2rem;line-height:2.25rem}}@media all and (min-width: 80rem){.countdown-digit{font-size:2.5rem;line-height:3rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%)}';export{e as tet_countdown}