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

package/dist/tet-components/{p-3ff9eb4f.entry.js → p-7dbf302e.entry.js}

@@ -1 +1 @@
-import{r as o,g as t,h as i,H as n}from"./p-5abb3bea.js";const e=class{constructor(t){o(this,t),this.icon=void 0,this.headerTitle="",this.content="",this.type=this.TYPE_INFO,this.allowClose=null,this.theme=this.THEME_DEFAULT,this.animationDuration=450}THEME_DEFAULT="classic";TYPE_NEUTRAL="neutral";TYPE_INFO="info";TYPE_WARNING="warning";TYPE_SUCCESS="success";TYPE_DANGER="danger";ICON_CIRCLE="tc-info-circle";ICON_CHECK="tc-check-circle";ICON_ATTENTION="tc-attention";ICON_CLOSE="tc-close-circle";get host(){return t(this)}canClose(){return null===this.allowClose?this.type!==this.TYPE_WARNING&&this.type!==this.TYPE_DANGER:this.allowClose}onClose=o=>{o.stopPropagation(),(o instanceof MouseEvent||o instanceof KeyboardEvent&&["Space","Enter"].includes(o.code))&&this.close()};getIconClass(){if(null!==this.icon&&""!==this.icon)return this.icon;switch(this.type){case this.TYPE_INFO:return this.ICON_CIRCLE;case this.TYPE_SUCCESS:return this.ICON_CHECK;case this.TYPE_WARNING:return this.ICON_ATTENTION;case this.TYPE_DANGER:return this.ICON_CLOSE;default:return""}}renderCloseButton(){return this.canClose()?i("div",{class:"close-icon-wrapper",onClick:this.onClose,onKeyDown:this.onClose,tabindex:0},i("tet-icon",{class:"notification-icon close-icon",name:"tc-close"})):""}renderTypeIcon(){return this.type===this.TYPE_NEUTRAL?"":i("tet-icon",{class:"notification-icon message-icon",name:this.getIconClass()})}async close(){const o=this.host.animate([{opacity:1},{opacity:0}],{duration:this.animationDuration/3,fill:"forwards"});try{await o.finished;const t=this.host.animate([{height:this.host.offsetHeight+"px"},{height:0}],{duration:this.animationDuration/3*2,fill:"forwards"});await t.finished,this.host.remove()}catch(o){console.log(o)}}render(){const{headerTitle:o,content:t}=this;return i(n,{key:"d56fa6e985f6661bb4ed3f3a8b5942c88ba4069d"},i("div",{key:"ab3355780f5e695977056f2f0dd6bff2cf3d1403",class:{notification:!0,[this.theme]:!0}},i("div",{key:"133c5942569abce0eec2ecc27a7985a9bd96e212",class:{item:!0,[this.type]:!0}},i("div",{key:"3be6f669a14e76f24a58e37b6aa0628a67efda31",class:"header"},this.renderTypeIcon(),i("div",{key:"3cd09e50d2b717621f4e4e4b57a27ca14665586d",class:"title"},o),this.renderCloseButton()),i("div",{key:"595e135392f336f850e7332604b897c90f73bd12",class:"content"},i("span",{key:"e793256692b021ef9ba58e2e58a40dff41a876c7",innerHTML:t}),i("div",{key:"1a48cc0e152a55eb26824d9f422405bc882e2e64"},i("slot",{key:"087f16bbca41697d72dce6b32af3f822a620d55b",name:"button"}))))))}};e.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@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")}: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{display:block;overflow:hidden;--notification-item-padding:0.75rem 2rem 0.75rem 3.0625rem;--notification-border-color:var(--tc-border-tertiary);--notification-title-color:var(--tc-text-primary);--notification-content-color:var(--tc-text-secondary);--notification-close-icon-color:var(--tc-grey-60);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--notification-item-background:var(--tc-alert-info);--notification-icon-color:var(--tc-alert-accent-info);--notification-item-border-left:var(--tc-alert-colorwave-info);--notification-neutral-background-color:var(--tc-alert-neutral);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral);--notification-info-background-color:var(--tc-alert-info);--notification-info-icon-color:var(--tc-alert-accent-info);--notification-info-border-left-color:var(--tc-alert-colorwave-info);--notification-success-background-color:var(--tc-alert-success);--notification-success-icon-color:var(--tc-alert-accent-success);--notification-success-border-left-color:var(--tc-alert-colorwave-success);--notification-warning-background-color:var(--tc-alert-warning);--notification-warning-icon-color:var(--tc-alert-accent-warning);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning);--notification-danger-background-color:var(--tc-alert-error);--notification-danger-icon-color:var(--tc-alert-accent-error);--notification-danger-border-left-color:var(--tc-alert-colorwave-error)}.dark{--notification-border-color:var(--tc-border-tertiary-dark);--notification-title-color:var(--tc-text-primary-dark);--notification-content-color:var(--tc-text-secondary-dark);--notification-close-icon-color:var(--tc-grey-60-dark);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark);--notification-neutral-background-color:var(--tc-alert-neutral-dark);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral-dark);--notification-info-background-color:var(--tc-alert-info-dark);--notification-info-icon-color:var(--tc-alert-accent-info-dark);--notification-info-border-left-color:var(--tc-alert-colorwave-info-dark);--notification-success-background-color:var(--tc-alert-success-dark);--notification-success-icon-color:var(--tc-alert-accent-success-dark);--notification-success-border-left-color:var(--tc-alert-colorwave-success-dark);--notification-warning-background-color:var(--tc-alert-warning-dark);--notification-warning-icon-color:var(--tc-alert-accent-warning-dark);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning-dark);--notification-danger-background-color:var(--tc-alert-error-dark);--notification-danger-icon-color:var(--tc-alert-accent-error-dark);--notification-danger-border-left-color:var(--tc-alert-colorwave-error-dark)}.dark .item .header .close-icon-wrapper:focus-visible .close-icon{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.notification{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;border-radius:0.5rem;overflow:hidden;border:0.03125rem solid var(--notification-border-color)}.notification .item{position:relative;border-left:0.25rem solid;border-left-color:var(--notification-item-border-left);padding:var(--notification-item-padding);background:var(--notification-item-background)}.notification .item .title{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;margin-bottom:0.125rem;color:var(--notification-title-color)}.notification .item .close-icon-wrapper:focus-visible .close-icon{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}.notification .item .notification-icon{--icon-size:1.5rem;position:absolute;top:0.75rem}.notification .item .notification-icon.message-icon{left:0.75rem;--icon-color:var(--notification-icon-color)}.notification .item .notification-icon.close-icon{--icon-color:var(--notification-close-icon-color);right:0.75rem;border-radius:2rem;cursor:pointer}.notification .item .notification-icon.close-icon:hover{background-color:var(--notification-close-icon-background-hover-color)}.notification .item .notification-icon.close-icon:active{background-color:var(--notification-close-icon-background-pressed-color)}.notification .item .content{color:var(--notification-content-color)}.notification .item .content ::slotted(*){margin-top:0.5rem;margin-bottom:0.25rem}.neutral{--notification-item-padding:0.75rem 2rem 0.75rem 1rem;--notification-item-border-left:var(--notification-neutral-border-left-color);--notification-item-background:var(--notification-neutral-background-color)}.info{--notification-item-border-left:var(--notification-info-border-left-color);--notification-item-background:var(--notification-info-background-color);--notification-icon-color:var(--notification-info-icon-color)}.success{--notification-item-border-left:var(--notification-success-border-left-color);--notification-item-background:var(--notification-success-background-color);--notification-icon-color:var(--notification-success-icon-color)}.warning{--notification-item-border-left:var(--notification-warning-border-left-color);--notification-item-background:var(--notification-warning-background-color);--notification-icon-color:var(--notification-warning-icon-color)}.danger{--notification-item-border-left:var(--notification-danger-border-left-color);--notification-item-background:var(--notification-danger-background-color);--notification-icon-color:var(--notification-danger-icon-color)}';export{e as tet_notification}
+import{r as o,g as t,h as i,H as n}from"./p-83f43fdd.js";const e=class{constructor(t){o(this,t),this.icon=void 0,this.headerTitle="",this.content="",this.type=this.TYPE_INFO,this.allowClose=null,this.theme=this.THEME_DEFAULT,this.animationDuration=450}THEME_DEFAULT="classic";TYPE_NEUTRAL="neutral";TYPE_INFO="info";TYPE_WARNING="warning";TYPE_SUCCESS="success";TYPE_DANGER="danger";ICON_CIRCLE="tc-info-circle";ICON_CHECK="tc-check-circle";ICON_ATTENTION="tc-attention";ICON_CLOSE="tc-close-circle";get host(){return t(this)}canClose(){return null===this.allowClose?this.type!==this.TYPE_WARNING&&this.type!==this.TYPE_DANGER:this.allowClose}onClose=o=>{o.stopPropagation(),(o instanceof MouseEvent||o instanceof KeyboardEvent&&["Space","Enter"].includes(o.code))&&this.close()};getIconClass(){if(null!==this.icon&&""!==this.icon)return this.icon;switch(this.type){case this.TYPE_INFO:return this.ICON_CIRCLE;case this.TYPE_SUCCESS:return this.ICON_CHECK;case this.TYPE_WARNING:return this.ICON_ATTENTION;case this.TYPE_DANGER:return this.ICON_CLOSE;default:return""}}renderCloseButton(){return this.canClose()?i("div",{class:"close-icon-wrapper",onClick:this.onClose,onKeyDown:this.onClose,tabindex:0},i("tet-icon",{class:"notification-icon close-icon",name:"tc-close"})):""}renderTypeIcon(){return this.type===this.TYPE_NEUTRAL?"":i("tet-icon",{class:"notification-icon message-icon",name:this.getIconClass()})}async close(){const o=this.host.animate([{opacity:1},{opacity:0}],{duration:this.animationDuration/3,fill:"forwards"});try{await o.finished;const t=this.host.animate([{height:this.host.offsetHeight+"px"},{height:0}],{duration:this.animationDuration/3*2,fill:"forwards"});await t.finished,this.host.remove()}catch(o){console.log(o)}}render(){const{headerTitle:o,content:t}=this;return i(n,{key:"d56fa6e985f6661bb4ed3f3a8b5942c88ba4069d"},i("div",{key:"ab3355780f5e695977056f2f0dd6bff2cf3d1403",class:{notification:!0,[this.theme]:!0}},i("div",{key:"133c5942569abce0eec2ecc27a7985a9bd96e212",class:{item:!0,[this.type]:!0}},i("div",{key:"3be6f669a14e76f24a58e37b6aa0628a67efda31",class:"header"},this.renderTypeIcon(),i("div",{key:"3cd09e50d2b717621f4e4e4b57a27ca14665586d",class:"title"},o),this.renderCloseButton()),i("div",{key:"595e135392f336f850e7332604b897c90f73bd12",class:"content"},i("span",{key:"e793256692b021ef9ba58e2e58a40dff41a876c7",innerHTML:t}),i("div",{key:"1a48cc0e152a55eb26824d9f422405bc882e2e64"},i("slot",{key:"087f16bbca41697d72dce6b32af3f822a620d55b",name:"button"}))))))}};e.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@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")}: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{display:block;overflow:hidden;--notification-item-padding:0.75rem 2rem 0.75rem 3.0625rem;--notification-border-color:var(--tc-border-tertiary);--notification-title-color:var(--tc-text-primary);--notification-content-color:var(--tc-text-secondary);--notification-close-icon-color:var(--tc-grey-60);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--notification-item-background:var(--tc-alert-info);--notification-icon-color:var(--tc-alert-accent-info);--notification-item-border-left:var(--tc-alert-colorwave-info);--notification-neutral-background-color:var(--tc-alert-neutral);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral);--notification-info-background-color:var(--tc-alert-info);--notification-info-icon-color:var(--tc-alert-accent-info);--notification-info-border-left-color:var(--tc-alert-colorwave-info);--notification-success-background-color:var(--tc-alert-success);--notification-success-icon-color:var(--tc-alert-accent-success);--notification-success-border-left-color:var(--tc-alert-colorwave-success);--notification-warning-background-color:var(--tc-alert-warning);--notification-warning-icon-color:var(--tc-alert-accent-warning);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning);--notification-danger-background-color:var(--tc-alert-error);--notification-danger-icon-color:var(--tc-alert-accent-error);--notification-danger-border-left-color:var(--tc-alert-colorwave-error)}.dark{--notification-border-color:var(--tc-border-tertiary-dark);--notification-title-color:var(--tc-text-primary-dark);--notification-content-color:var(--tc-text-secondary-dark);--notification-close-icon-color:var(--tc-grey-60-dark);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark);--notification-neutral-background-color:var(--tc-alert-neutral-dark);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral-dark);--notification-info-background-color:var(--tc-alert-info-dark);--notification-info-icon-color:var(--tc-alert-accent-info-dark);--notification-info-border-left-color:var(--tc-alert-colorwave-info-dark);--notification-success-background-color:var(--tc-alert-success-dark);--notification-success-icon-color:var(--tc-alert-accent-success-dark);--notification-success-border-left-color:var(--tc-alert-colorwave-success-dark);--notification-warning-background-color:var(--tc-alert-warning-dark);--notification-warning-icon-color:var(--tc-alert-accent-warning-dark);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning-dark);--notification-danger-background-color:var(--tc-alert-error-dark);--notification-danger-icon-color:var(--tc-alert-accent-error-dark);--notification-danger-border-left-color:var(--tc-alert-colorwave-error-dark)}.dark .item .header .close-icon-wrapper:focus-visible .close-icon{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.notification{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;border-radius:0.5rem;overflow:hidden;border:0.03125rem solid var(--notification-border-color)}.notification .item{position:relative;border-left:0.25rem solid;border-left-color:var(--notification-item-border-left);padding:var(--notification-item-padding);background:var(--notification-item-background)}.notification .item .title{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;margin-bottom:0.125rem;color:var(--notification-title-color)}.notification .item .close-icon-wrapper:focus-visible .close-icon{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}.notification .item .notification-icon{--icon-size:1.5rem;position:absolute;top:0.75rem}.notification .item .notification-icon.message-icon{left:0.75rem;--icon-color:var(--notification-icon-color)}.notification .item .notification-icon.close-icon{--icon-color:var(--notification-close-icon-color);right:0.75rem;border-radius:2rem;cursor:pointer}.notification .item .notification-icon.close-icon:hover{background-color:var(--notification-close-icon-background-hover-color)}.notification .item .notification-icon.close-icon:active{background-color:var(--notification-close-icon-background-pressed-color)}.notification .item .content{color:var(--notification-content-color)}.notification .item .content ::slotted(*){margin-top:0.5rem;margin-bottom:0.25rem}.neutral{--notification-item-padding:0.75rem 2rem 0.75rem 1rem;--notification-item-border-left:var(--notification-neutral-border-left-color);--notification-item-background:var(--notification-neutral-background-color)}.info{--notification-item-border-left:var(--notification-info-border-left-color);--notification-item-background:var(--notification-info-background-color);--notification-icon-color:var(--notification-info-icon-color)}.success{--notification-item-border-left:var(--notification-success-border-left-color);--notification-item-background:var(--notification-success-background-color);--notification-icon-color:var(--notification-success-icon-color)}.warning{--notification-item-border-left:var(--notification-warning-border-left-color);--notification-item-background:var(--notification-warning-background-color);--notification-icon-color:var(--notification-warning-icon-color)}.danger{--notification-item-border-left:var(--notification-danger-border-left-color);--notification-item-background:var(--notification-danger-background-color);--notification-icon-color:var(--notification-danger-icon-color)}';export{e as tet_notification}

package/dist/tet-components/{p-0c24779b.entry.js → p-7e04d367.entry.js}

@@ -1 +1 @@
-import{r as a,g as t,h as e,H as r}from"./p-5abb3bea.js";import{f as i}from"./p-25c9957d.js";import"./p-fa674b43.js";import{p as c}from"./p-0190b524.js";import{C as s}from"./p-c9cdf98c.js";import"./p-6e631dc7.js";const d=class{constructor(t){a(this,t),this.data=void 0,this.forceColumn=!1,this.layout="default",this.theme="light",this.darkMode=!1,this.isNetflixCard=!1,this.darkHeader=!1,this.withProductFilters=!1,this.productDataLoaded=!1,this.showLoader=!0,this.productSACData=void 0,this.filteredProductCodes=[]}get element(){return t(this)}compareCardsFiltersHelper;async componentWillLoad(){const a=this.addProductCodes(this.data,[]);a.length>0?await this.getProductData(a.join(",")):this.productDataLoaded=!0}onDataChange(){!1===this.showLoader&&setTimeout((()=>{this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}),5)}async hideLoader(){this.showLoader=!1}addProductCodes(a,t){return void 0!==a?.compareCards?a.compareCards.forEach((a=>{void 0===a.productCode||t.includes(a.productCode)||t.push(a.productCode)})):void 0!==a?.tabs&&a.tabs.forEach((a=>{void 0!==a.compareCards?t=this.addProductCodes(a,t):void 0!==a.tabList&&(t=this.addProductCodes(a.tabList,t))})),t}getProductData(a){this.productDataLoaded=!1,c(a).then((a=>{this.productSACData=a,this.productDataLoaded=!0,this.initCompareCardFilters(),this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}))}initCompareCardFilters(){this.compareCardsFiltersHelper=new s(((a,t,e)=>{this.filteredProductCodes=e})),this.compareCardsFiltersHelper.initialize(this.productSACData)}handleFilteredProductsChanged=a=>{this.filteredProductCodes=a.detail.filteredProductIds};renderLoader=()=>e("div",{class:{"tet-compare-cards-tab__placeholder":!0,visible:this.showLoader}},[...Array(3)].map((()=>e("tet-placeholder",{class:"tet-placeholder",height:"27rem",width:"21.5rem",darkTheme:this.darkMode}))));renderTabHeader(a,t){if((1!==a.tabs.length||""!==a.tabs[0].title)&&void 0!==a?.tabs&&void 0!==a?.tabHeader)return a.tabs.map((t=>{""!==t?.title&&void 0!==t?.title&&1===a.tabs.length&&(t.disabled=!0)})),e("div",{class:"tet-compare-cards-tab__header-container"},e("tet-tab-header",{theme:this.darkHeader||this.darkMode?"dark":"light",position:a.tabHeader.position,"default-tab":`tab-${t}-${a.tabHeader.defaultTabIndex}`,segmented:a.tabHeader.segmented,sizing:a.tabHeader.sizing,"data-name":a.tabHeader.dataName,class:"tet-compare-cards-tab__header"},a.tabs.map(((a,r)=>e("button",{"data-name":`tab-${t}-${r}`,class:{disabled:a.disabled||this.showLoader,button:!0}},a.image&&!a.imagePositionRight?e("img",{class:"tet-compare-cards-tab__header--image",src:a.image,alt:a.altText,loading:"lazy"}):"",a.title,a.image&&a.imagePositionRight?e("img",{class:{"tet-compare-cards-tab__header--image":!0,right:!0},src:a.image,alt:a.altText,loading:"lazy"}):"")))))}renderContent(a,t){return void 0!==a.compareCards?e("div",null,this.renderCompareCards(a.compareCards,a.vatText,a.cardScript)):e("tet-tab-content",{"data-name":a.tabHeader.dataName,"default-tab":`tab-${t}-${a.tabHeader.defaultTabIndex}`,"use-visibility":!a.disableCardHeightSegmentAlignment},a.tabs.map(((a,r)=>e("div",{"data-name":`tab-${t}-${r}`},void 0!==a.tabList?this.renderTabHeader(a.tabList,t+1):"",void 0!==a.tabList?this.renderContent(a.tabList,t+1):"",void 0!==a.compareCards?this.renderCompareCards(a.compareCards,a.vatText,a.cardScript):""))))}renderProductFilters=()=>e("tet-address-offers-filters-products",{productCodes:this.productSACData,class:"center tet-compare-cards-tab__filters",clearFilterButton:!0,onFilteredProductsChanged:this.handleFilteredProductsChanged,theme:this.darkMode?"dark":"light"});renderCompareCards(a,t="",r=""){let c=a;this.filteredProductCodes&&this.filteredProductCodes.length>0&&(c=a.filter((a=>!a.productCode||this.filteredProductCodes.includes(a.productCode))));let s=[];return c.forEach((a=>{if(void 0!==a.productCode){const t=a.productCode,e=this.productSACData.products[t];e&&(a=i(a,t,e,this.theme,this.darkMode,this.isNetflixCard))}s.push(a)})),e("div",{class:"tet-compare-cards-tab__content"},e("tet-compare-cards",{theme:this.theme,"dark-mode":this.darkMode,"is-netflix-card":this.isNetflixCard,layout:this.layout,"force-column":this.forceColumn,"vat-text":t??!1,"card-script":r??!1,data:s}))}render(){return e(r,{key:"a6629abf3983c1bead983a6386d29df8a9baaba3"},e("div",{key:"1067800784564e7af658da9425503688e75b50ad",class:"tet-compare-cards-tab-wrapper"},this.withProductFilters?this.renderProductFilters():"",this.renderTabHeader(this.data,1),this.renderLoader(),e("div",{key:"d517429554e6b53544380a34a9f859a3b93cf703",class:{"tet-compare-cards-tab__cards":!0,hidden:this.showLoader}},this.productDataLoaded?this.renderContent(this.data,1):"")))}static get watchers(){return{showLoader:["onDataChange"]}}};d.style=":host{--compare-cards-tab-placeholder-wrap:nowrap;--compare-cards-tab-placeholder-flex-direction:row;--compare-cards-tab-new-price-font-size:2.5rem;--compare-cards-tab-old-price-font-size:1rem;--compare-cards-tab-new-currency-font-size:1.125rem;--compare-cards-tab-title-margin-top:1.25rem;--compare-cards-tab-helper-margin-top:0;--compare-cards-tab-card-max-width:32rem;--compare-cards-tab-padding:1.5rem;--compare-cards-tab-price-wrapper-margin-top:auto;--compare-cards-tab-secondary-link-font-size:0.75rem;--compare-cards-tab-price-line-height:3rem;--compare-cards-tab-thumbnail-display:flex;--compare-cards-tab-thumbnail-card-radius:0 1.5rem 1.5rem 0;--compare-cards-tab-thumbnail-card-width:44rem}.tet-compare-cards-tab-wrapper{width:100%}.tet-compare-cards-tab__content{margin-top:1.75rem}.tet-compare-cards-tab__content tet-compare-cards{--compare-cards-card-max-width:var(--compare-cards-tab-card-max-width);--compare-cards-new-price-font-size:var(--compare-cards-tab-new-price-font-size);--compare-cards-old-price-font-size:var(--compare-cards-tab-old-price-font-size);--compare-cards-new-currency-font-size:var(--compare-cards-tab-new-currency-font-size);--compare-cards-title-margin-top:var(--compare-cards-tab-title-margin-top);--compare-cards-helper-margin-top:var(--compare-cards-tab-helper-margin-top);--compare-cards-price-wrapper-margin-top:var(--compare-cards-tab-price-wrapper-margin-top);--compare-cards-padding:var(--compare-cards-tab-padding);--compare-cards-secondary-link-font-size:var(--compare-cards-tab-secondary-link-font-size);--compare-cards-price-line-height:var(--compare-cards-tab-price-line-height);--compare-cards-thumbnail-display:var(--compare-cards-tab-thumbnail-display);--compare-cards-thumbnail-card-radius:var(--compare-cards-tab-thumbnail-card-radius);--compare-cards-thumbnail-card-width:var(--compare-cards-tab-thumbnail-card-width)}.tet-compare-cards-tab__header{margin:0 auto;display:flex;flex-direction:column}.tet-compare-cards-tab__header .button{font-size:1rem}.tet-compare-cards-tab__header-container{display:flex;flex-direction:column;padding-bottom:0.75rem}.tet-compare-cards-tab__filters{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.tet-compare-cards-tab__header--image{max-height:0.875rem;align-self:center;margin-right:0.5rem}.tet-compare-cards-tab__header--image.right{margin-left:0.5rem;margin-right:unset}.tet-compare-cards-tab__cards{display:block}.tet-compare-cards-tab__cards.hidden{display:none}.tet-compare-cards-tab__placeholder{display:none;flex-direction:var(--compare-cards-tab-placeholder-flex-direction);flex-wrap:var(--compare-cards-tab-placeholder-wrap);gap:1rem;justify-content:center;padding-top:2.5rem}.tet-compare-cards-tab__placeholder.visible{display:flex}.tet-compare-cards-tab__placeholder .tet-placeholder{--placeholder-border-radius:1.5rem}";export{d as tet_compare_cards_tab}
+import{r as a,g as t,h as e,H as r}from"./p-83f43fdd.js";import{f as i}from"./p-25c9957d.js";import"./p-3e60d61c.js";import{p as c}from"./p-e2b55e84.js";import{C as s}from"./p-c9cdf98c.js";import"./p-6e631dc7.js";const d=class{constructor(t){a(this,t),this.data=void 0,this.forceColumn=!1,this.layout="default",this.theme="light",this.darkMode=!1,this.isNetflixCard=!1,this.darkHeader=!1,this.withProductFilters=!1,this.productDataLoaded=!1,this.showLoader=!0,this.productSACData=void 0,this.filteredProductCodes=[]}get element(){return t(this)}compareCardsFiltersHelper;async componentWillLoad(){const a=this.addProductCodes(this.data,[]);a.length>0?await this.getProductData(a.join(",")):this.productDataLoaded=!0}onDataChange(){!1===this.showLoader&&setTimeout((()=>{this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}),5)}async hideLoader(){this.showLoader=!1}addProductCodes(a,t){return void 0!==a?.compareCards?a.compareCards.forEach((a=>{void 0===a.productCode||t.includes(a.productCode)||t.push(a.productCode)})):void 0!==a?.tabs&&a.tabs.forEach((a=>{void 0!==a.compareCards?t=this.addProductCodes(a,t):void 0!==a.tabList&&(t=this.addProductCodes(a.tabList,t))})),t}getProductData(a){this.productDataLoaded=!1,c(a).then((a=>{this.productSACData=a,this.productDataLoaded=!0,this.initCompareCardFilters(),this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}))}initCompareCardFilters(){this.compareCardsFiltersHelper=new s(((a,t,e)=>{this.filteredProductCodes=e})),this.compareCardsFiltersHelper.initialize(this.productSACData)}handleFilteredProductsChanged=a=>{this.filteredProductCodes=a.detail.filteredProductIds};renderLoader=()=>e("div",{class:{"tet-compare-cards-tab__placeholder":!0,visible:this.showLoader}},[...Array(3)].map((()=>e("tet-placeholder",{class:"tet-placeholder",height:"27rem",width:"21.5rem",darkTheme:this.darkMode}))));renderTabHeader(a,t){if((1!==a.tabs.length||""!==a.tabs[0].title)&&void 0!==a?.tabs&&void 0!==a?.tabHeader)return a.tabs.map((t=>{""!==t?.title&&void 0!==t?.title&&1===a.tabs.length&&(t.disabled=!0)})),e("div",{class:"tet-compare-cards-tab__header-container"},e("tet-tab-header",{theme:this.darkHeader||this.darkMode?"dark":"light",position:a.tabHeader.position,"default-tab":`tab-${t}-${a.tabHeader.defaultTabIndex}`,segmented:a.tabHeader.segmented,sizing:a.tabHeader.sizing,"data-name":a.tabHeader.dataName,class:"tet-compare-cards-tab__header"},a.tabs.map(((a,r)=>e("button",{"data-name":`tab-${t}-${r}`,class:{disabled:a.disabled||this.showLoader,button:!0}},a.image&&!a.imagePositionRight?e("img",{class:"tet-compare-cards-tab__header--image",src:a.image,alt:a.altText,loading:"lazy"}):"",a.title,a.image&&a.imagePositionRight?e("img",{class:{"tet-compare-cards-tab__header--image":!0,right:!0},src:a.image,alt:a.altText,loading:"lazy"}):"")))))}renderContent(a,t){return void 0!==a.compareCards?e("div",null,this.renderCompareCards(a.compareCards,a.vatText,a.cardScript)):e("tet-tab-content",{"data-name":a.tabHeader.dataName,"default-tab":`tab-${t}-${a.tabHeader.defaultTabIndex}`,"use-visibility":!a.disableCardHeightSegmentAlignment},a.tabs.map(((a,r)=>e("div",{"data-name":`tab-${t}-${r}`},void 0!==a.tabList?this.renderTabHeader(a.tabList,t+1):"",void 0!==a.tabList?this.renderContent(a.tabList,t+1):"",void 0!==a.compareCards?this.renderCompareCards(a.compareCards,a.vatText,a.cardScript):""))))}renderProductFilters=()=>e("tet-address-offers-filters-products",{productCodes:this.productSACData,class:"center tet-compare-cards-tab__filters",clearFilterButton:!0,onFilteredProductsChanged:this.handleFilteredProductsChanged,theme:this.darkMode?"dark":"light"});renderCompareCards(a,t="",r=""){let c=a;this.filteredProductCodes&&this.filteredProductCodes.length>0&&(c=a.filter((a=>!a.productCode||this.filteredProductCodes.includes(a.productCode))));let s=[];return c.forEach((a=>{if(void 0!==a.productCode){const t=a.productCode,e=this.productSACData.products[t];e&&(a=i(a,t,e,this.theme,this.darkMode,this.isNetflixCard))}s.push(a)})),e("div",{class:"tet-compare-cards-tab__content"},e("tet-compare-cards",{theme:this.theme,"dark-mode":this.darkMode,"is-netflix-card":this.isNetflixCard,layout:this.layout,"force-column":this.forceColumn,"vat-text":t??!1,"card-script":r??!1,data:s}))}render(){return e(r,{key:"a6629abf3983c1bead983a6386d29df8a9baaba3"},e("div",{key:"1067800784564e7af658da9425503688e75b50ad",class:"tet-compare-cards-tab-wrapper"},this.withProductFilters?this.renderProductFilters():"",this.renderTabHeader(this.data,1),this.renderLoader(),e("div",{key:"d517429554e6b53544380a34a9f859a3b93cf703",class:{"tet-compare-cards-tab__cards":!0,hidden:this.showLoader}},this.productDataLoaded?this.renderContent(this.data,1):"")))}static get watchers(){return{showLoader:["onDataChange"]}}};d.style=":host{--compare-cards-tab-placeholder-wrap:nowrap;--compare-cards-tab-placeholder-flex-direction:row;--compare-cards-tab-new-price-font-size:2.5rem;--compare-cards-tab-old-price-font-size:1rem;--compare-cards-tab-new-currency-font-size:1.125rem;--compare-cards-tab-title-margin-top:1.25rem;--compare-cards-tab-helper-margin-top:0;--compare-cards-tab-card-max-width:32rem;--compare-cards-tab-padding:1.5rem;--compare-cards-tab-price-wrapper-margin-top:auto;--compare-cards-tab-secondary-link-font-size:0.75rem;--compare-cards-tab-price-line-height:3rem;--compare-cards-tab-thumbnail-display:flex;--compare-cards-tab-thumbnail-card-radius:0 1.5rem 1.5rem 0;--compare-cards-tab-thumbnail-card-width:44rem}.tet-compare-cards-tab-wrapper{width:100%}.tet-compare-cards-tab__content{margin-top:1.75rem}.tet-compare-cards-tab__content tet-compare-cards{--compare-cards-card-max-width:var(--compare-cards-tab-card-max-width);--compare-cards-new-price-font-size:var(--compare-cards-tab-new-price-font-size);--compare-cards-old-price-font-size:var(--compare-cards-tab-old-price-font-size);--compare-cards-new-currency-font-size:var(--compare-cards-tab-new-currency-font-size);--compare-cards-title-margin-top:var(--compare-cards-tab-title-margin-top);--compare-cards-helper-margin-top:var(--compare-cards-tab-helper-margin-top);--compare-cards-price-wrapper-margin-top:var(--compare-cards-tab-price-wrapper-margin-top);--compare-cards-padding:var(--compare-cards-tab-padding);--compare-cards-secondary-link-font-size:var(--compare-cards-tab-secondary-link-font-size);--compare-cards-price-line-height:var(--compare-cards-tab-price-line-height);--compare-cards-thumbnail-display:var(--compare-cards-tab-thumbnail-display);--compare-cards-thumbnail-card-radius:var(--compare-cards-tab-thumbnail-card-radius);--compare-cards-thumbnail-card-width:var(--compare-cards-tab-thumbnail-card-width)}.tet-compare-cards-tab__header{margin:0 auto;display:flex;flex-direction:column}.tet-compare-cards-tab__header .button{font-size:1rem}.tet-compare-cards-tab__header-container{display:flex;flex-direction:column;padding-bottom:0.75rem}.tet-compare-cards-tab__filters{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.tet-compare-cards-tab__header--image{max-height:0.875rem;align-self:center;margin-right:0.5rem}.tet-compare-cards-tab__header--image.right{margin-left:0.5rem;margin-right:unset}.tet-compare-cards-tab__cards{display:block}.tet-compare-cards-tab__cards.hidden{display:none}.tet-compare-cards-tab__placeholder{display:none;flex-direction:var(--compare-cards-tab-placeholder-flex-direction);flex-wrap:var(--compare-cards-tab-placeholder-wrap);gap:1rem;justify-content:center;padding-top:2.5rem}.tet-compare-cards-tab__placeholder.visible{display:flex}.tet-compare-cards-tab__placeholder .tet-placeholder{--placeholder-border-radius:1.5rem}";export{d as tet_compare_cards_tab}

package/dist/tet-components/{p-7ffd2532.entry.js → p-811658a5.entry.js}

@@ -1 +1 @@
-import{r as t,g as a,h as r,H as o}from"./p-5abb3bea.js";const e=class{constructor(a){t(this,a),this.parentContainer=null,this.data=[],this.minValue=0,this.maxValue=1,this.valueUnit="",this.labelPosition="responsive",this.valuePosition="inside",this.dataOrder="none",this.withGrid=!1,this.animationDuration=500,this.size="auto",this.theme="light",this.displayData=[],this.componentSize="large",this.labelWidth=0}barContainerRef;barLabelContainerRef;get element(){return a(this)}onSizeChange(t){"auto"!==t&&(this.componentSize=t)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),setTimeout(this.sortGraph)}onMinValueChange(){this.animateDisplayDataChanges()}onMaxValueChange(){this.animateDisplayDataChanges()}onWindowResize(){this.autoSetComponentSize();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateValuePosition(a,0)}componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),"auto"!==this.size&&(this.componentSize=this.size),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){this.autoSetComponentSize(),this.animateDisplayDataChanges()}calculateDisplayData=(t=!1,a=this.data)=>{const r=[],o=this.maxValue-this.minValue,e=Math.max(...a.map((t=>t.value.toString().split(".")[1]?.length||0)));for(const t of a){let a=t.value;a<this.minValue&&(a=this.minValue),a>this.maxValue&&(a=this.maxValue);const i=(a-this.minValue)/o*100||1;r.push({...t,width:i,formattedValue:this.formatValue(t.value,e),order:-1})}"ascending"===this.dataOrder?r.sort(((t,a)=>t.value-a.value)):"descending"===this.dataOrder&&r.sort(((t,a)=>a.value-t.value));for(let t=0;t<r.length;t++)r[t].order=t;if(!t)return void(this.displayData=r);const i=Array.from(this.barContainerRef.children);for(const t of r){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const r=i.find((a=>t.id===a.getAttribute("data-id")));void 0!==r&&r.setAttribute("data-order",t.order.toString())}const n=r.map((t=>t.id));this.displayData=this.displayData.filter((t=>n.includes(t.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateElementTranslate(a),this.animateValuePosition(a)};animateElementTranslate=t=>{const a=`translateY(${parseFloat(t.getAttribute("data-offset"))-t.getBoundingClientRect().top}px)`;t.style.transform=a;const r=t.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==r&&(r.onfinish=()=>{t.style.transform=null});const o=this.barLabelContainerRef.querySelector(`[data-id="${t.getAttribute("data-id")}"]`);if(null!==o){o.style.transform=a;const t=o.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==t&&(t.onfinish=()=>{o.style.transform=null})}};animateValuePosition=(t,a=this.animationDuration)=>{const r=this.displayData.find((a=>a.id===t.getAttribute("data-id"))),o=t.querySelector(".bar-graph__bar-value--after"),e=t.getBoundingClientRect().width,i=o.getBoundingClientRect().width,n=e-e*(r.width/100),s=o.style.left||"0";let l="0";if(i>n){const t=-1*(i-n);l=0===t?"0":`${t}px`}if(s!==l){const t=o.animate([{left:s},{left:l}],{duration:a});void 0!==t&&(t.onfinish=()=>{o.style.left=l})}};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const t=Array.from(this.barContainerRef.children);for(const a of t)a.setAttribute("data-offset",a.getBoundingClientRect().top.toString())};formatValue=(t,a)=>{let r=t.toFixed(a).replace(".",",");return this.valueUnit&&(r=`${r} ${this.valueUnit}`),r};autoSetComponentSize=()=>{if("auto"!==this.size)return;let t;t=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=t>=1024?"large":"small"};sortGraph=()=>{const t=Array.from(this.barContainerRef.children);t.sort(((t,a)=>parseInt(t.getAttribute("data-order"),10)-parseInt(a.getAttribute("data-order"),10)));for(const a of t)a.style.order=a.getAttribute("data-order")};renderLabel=(t,a)=>r("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":a,[`bar-graph__label--${t.type}`]:!0},"data-id":t.id,style:{order:a?t.order.toString():null}},t.label);renderBar=t=>r("div",{class:"bar-graph__item","data-id":t.id,"data-order":t.order,style:{zIndex:"primary"===t.type?"1":"0"}},r("div",{class:{hidden:"responsive"!==this.labelPosition||"small"!==this.componentSize}},this.renderLabel(t,!1)),r("div",{class:"bar-graph__bar-container",style:{width:`${t.width}%`}},r("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${t.type}`]:!0}},r("span",{class:{"bar-graph__bar-value":!0,hidden:"inside"!==this.valuePosition}},t.formattedValue))),r("div",{class:"bar-graph__bar-value-container",style:{left:`${t.width}%`}},r("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,hidden:"after"!==this.valuePosition}},t.formattedValue)));renderGridLines(){const t="small"===this.componentSize?6:12,a=[];for(let o=0;o<t;o++)a.push(r("div",{class:"bar-graph__data-grid--line"}));return a}render(){return r(o,{key:"8e352d9a7c2c50afcd083f44713b5f1a9c0642da"},r("div",{key:"dd925f77864b71daca09beb04176104fd57b86c7",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,[this.theme]:!0}},r("div",{key:"27cff8b7171565b2f061ee37ec36c03373c73b3b",class:"bar-graph__container"},r("div",{key:"b788378a6035159fa72a08416e7e932921cbdd91",class:{"bar-graph__label-container":!0,hidden:"responsive"===this.labelPosition&&"small"===this.componentSize},ref:t=>this.barLabelContainerRef=t},this.displayData.map((t=>this.renderLabel(t,!0)))),r("div",{key:"4db66d0189e5eca8a24950a7d401251185751f39",class:"bar-graph__graph-container"},r("div",{key:"272628e531a5a32afa36a095c9e9e9763e91c76b",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),r("div",{key:"ba3f78aecebd757318784f8817563c6222d99567",class:"bar-graph__item-container",ref:t=>this.barContainerRef=t},this.displayData.map((t=>this.renderBar(t))))))))}static get watchers(){return{size:["onSizeChange"],dataOrder:["onDataOrderChange"],data:["onDataChange"],minValue:["onMinValueChange"],maxValue:["onMaxValueChange"]}}};e.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--bar-graph-bar-border-radius:0.5rem;--bar-graph-bar-height:2rem;--bar-graph-bar-primary-color:var(--tc-alert-accent-warning);--bar-graph-bar-secondary-color:var(--tc-background-tertiary);--bar-graph-label-primary-color:var(--tc-text-primary);--bar-graph-label-primary-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-primary-line-height:1.5rem;--bar-graph-label-secondary-color:var(--tc-text-tertiary);--bar-graph-label-secondary-font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-secondary-line-height:1.5rem;--bar-graph-value-color:var(--tc-text-primary);--bar-graph-value-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--bar-graph-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-animation-duration:0.5s}.dark{--bar-graph-bar-primary-color:var(--tc-alert-accent-warning-dark);--bar-graph-bar-secondary-color:var(--tc-background-tertiary-dark);--bar-graph-label-primary-color:var(--tc-text-primary-dark);--bar-graph-label-secondary-color:var(--tc-text-tertiary-dark);--bar-graph-value-color:var(--tc-text-primary-dark);--bar-graph-data-grid-line-color:var(--tc-border-quaternary-dark)}.bar-graph__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__label-container .bar-graph__label{color:var(--bar-graph-label-secondary-color)}.bar-graph__graph-container{padding:0.5rem 0;display:flex;flex-direction:column;flex:1;gap:0.5rem;transform-origin:0% 0%;width:100%;position:relative}.bar-graph__item-container{display:contents}.bar-graph__item{display:flex;flex-direction:column}.bar-graph__bar-container{position:relative;flex:1;flex-direction:row;display:flex;transition:width var(--bar-graph-animation-duration);width:100%}.bar-graph--large .bar-graph__bar-container{width:auto}.bar-graph__label{padding-right:0.5rem;box-sizing:border-box}.bar-graph__label--primary{font:var(--bar-graph-label-primary-font);color:var(--bar-graph-label-primary-color);line-height:var(--bar-graph-label-primary-line-height)}.bar-graph__label--secondary{font:var(--bar-graph-label-secondary-font);color:var(--bar-graph-label-secondary-color);line-height:var(--bar-graph-label-secondary-line-height)}.bar-graph__label--inline{display:flex;align-items:center;justify-content:right;text-align:right;padding-left:0.5rem;height:var(--bar-graph-bar-height)}.bar-graph__bar{display:flex;border-radius:var(--bar-graph-bar-border-radius);height:var(--bar-graph-bar-height);align-items:center;box-sizing:border-box;flex:1;min-width:0.5rem}.bar-graph__bar--primary{background-color:var(--bar-graph-bar-primary-color)}.bar-graph__bar--primary .bar-graph__bar-value{color:var(--tc-text-primary)}.bar-graph__bar--secondary{background-color:var(--bar-graph-bar-secondary-color)}.bar-graph__bar-value{font:var(--bar-graph-value-font);color:var(--bar-graph-value-color);padding-left:1rem;box-sizing:border-box;white-space:nowrap;position:absolute}.bar-graph__bar-value--after{position:absolute;padding:0 0.5rem;display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph__bar-value-container{position:absolute;transition:left var(--bar-graph-animation-duration)}.bar-graph__data-grid{position:absolute;display:flex;justify-content:space-between;height:100%;width:100%;padding:0 0.5rem;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;border-right-style:solid;border-right-width:var(--bar-graph-data-grid-line-width);border-right-color:var(--bar-graph-data-grid-line-color)}.bar-graph .hidden{display:none}';export{e as tet_bar_graph}
+import{r as t,g as a,h as r,H as o}from"./p-83f43fdd.js";const e=class{constructor(a){t(this,a),this.parentContainer=null,this.data=[],this.minValue=0,this.maxValue=1,this.valueUnit="",this.labelPosition="responsive",this.valuePosition="inside",this.dataOrder="none",this.withGrid=!1,this.animationDuration=500,this.size="auto",this.theme="light",this.displayData=[],this.componentSize="large",this.labelWidth=0}barContainerRef;barLabelContainerRef;get element(){return a(this)}onSizeChange(t){"auto"!==t&&(this.componentSize=t)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),setTimeout(this.sortGraph)}onMinValueChange(){this.animateDisplayDataChanges()}onMaxValueChange(){this.animateDisplayDataChanges()}onWindowResize(){this.autoSetComponentSize();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateValuePosition(a,0)}componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),"auto"!==this.size&&(this.componentSize=this.size),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){this.autoSetComponentSize(),this.animateDisplayDataChanges()}calculateDisplayData=(t=!1,a=this.data)=>{const r=[],o=this.maxValue-this.minValue,e=Math.max(...a.map((t=>t.value.toString().split(".")[1]?.length||0)));for(const t of a){let a=t.value;a<this.minValue&&(a=this.minValue),a>this.maxValue&&(a=this.maxValue);const i=(a-this.minValue)/o*100||1;r.push({...t,width:i,formattedValue:this.formatValue(t.value,e),order:-1})}"ascending"===this.dataOrder?r.sort(((t,a)=>t.value-a.value)):"descending"===this.dataOrder&&r.sort(((t,a)=>a.value-t.value));for(let t=0;t<r.length;t++)r[t].order=t;if(!t)return void(this.displayData=r);const i=Array.from(this.barContainerRef.children);for(const t of r){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const r=i.find((a=>t.id===a.getAttribute("data-id")));void 0!==r&&r.setAttribute("data-order",t.order.toString())}const n=r.map((t=>t.id));this.displayData=this.displayData.filter((t=>n.includes(t.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateElementTranslate(a),this.animateValuePosition(a)};animateElementTranslate=t=>{const a=`translateY(${parseFloat(t.getAttribute("data-offset"))-t.getBoundingClientRect().top}px)`;t.style.transform=a;const r=t.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==r&&(r.onfinish=()=>{t.style.transform=null});const o=this.barLabelContainerRef.querySelector(`[data-id="${t.getAttribute("data-id")}"]`);if(null!==o){o.style.transform=a;const t=o.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==t&&(t.onfinish=()=>{o.style.transform=null})}};animateValuePosition=(t,a=this.animationDuration)=>{const r=this.displayData.find((a=>a.id===t.getAttribute("data-id"))),o=t.querySelector(".bar-graph__bar-value--after"),e=t.getBoundingClientRect().width,i=o.getBoundingClientRect().width,n=e-e*(r.width/100),s=o.style.left||"0";let l="0";if(i>n){const t=-1*(i-n);l=0===t?"0":`${t}px`}if(s!==l){const t=o.animate([{left:s},{left:l}],{duration:a});void 0!==t&&(t.onfinish=()=>{o.style.left=l})}};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const t=Array.from(this.barContainerRef.children);for(const a of t)a.setAttribute("data-offset",a.getBoundingClientRect().top.toString())};formatValue=(t,a)=>{let r=t.toFixed(a).replace(".",",");return this.valueUnit&&(r=`${r} ${this.valueUnit}`),r};autoSetComponentSize=()=>{if("auto"!==this.size)return;let t;t=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=t>=1024?"large":"small"};sortGraph=()=>{const t=Array.from(this.barContainerRef.children);t.sort(((t,a)=>parseInt(t.getAttribute("data-order"),10)-parseInt(a.getAttribute("data-order"),10)));for(const a of t)a.style.order=a.getAttribute("data-order")};renderLabel=(t,a)=>r("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":a,[`bar-graph__label--${t.type}`]:!0},"data-id":t.id,style:{order:a?t.order.toString():null}},t.label);renderBar=t=>r("div",{class:"bar-graph__item","data-id":t.id,"data-order":t.order,style:{zIndex:"primary"===t.type?"1":"0"}},r("div",{class:{hidden:"responsive"!==this.labelPosition||"small"!==this.componentSize}},this.renderLabel(t,!1)),r("div",{class:"bar-graph__bar-container",style:{width:`${t.width}%`}},r("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${t.type}`]:!0}},r("span",{class:{"bar-graph__bar-value":!0,hidden:"inside"!==this.valuePosition}},t.formattedValue))),r("div",{class:"bar-graph__bar-value-container",style:{left:`${t.width}%`}},r("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,hidden:"after"!==this.valuePosition}},t.formattedValue)));renderGridLines(){const t="small"===this.componentSize?6:12,a=[];for(let o=0;o<t;o++)a.push(r("div",{class:"bar-graph__data-grid--line"}));return a}render(){return r(o,{key:"8e352d9a7c2c50afcd083f44713b5f1a9c0642da"},r("div",{key:"dd925f77864b71daca09beb04176104fd57b86c7",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,[this.theme]:!0}},r("div",{key:"27cff8b7171565b2f061ee37ec36c03373c73b3b",class:"bar-graph__container"},r("div",{key:"b788378a6035159fa72a08416e7e932921cbdd91",class:{"bar-graph__label-container":!0,hidden:"responsive"===this.labelPosition&&"small"===this.componentSize},ref:t=>this.barLabelContainerRef=t},this.displayData.map((t=>this.renderLabel(t,!0)))),r("div",{key:"4db66d0189e5eca8a24950a7d401251185751f39",class:"bar-graph__graph-container"},r("div",{key:"272628e531a5a32afa36a095c9e9e9763e91c76b",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),r("div",{key:"ba3f78aecebd757318784f8817563c6222d99567",class:"bar-graph__item-container",ref:t=>this.barContainerRef=t},this.displayData.map((t=>this.renderBar(t))))))))}static get watchers(){return{size:["onSizeChange"],dataOrder:["onDataOrderChange"],data:["onDataChange"],minValue:["onMinValueChange"],maxValue:["onMaxValueChange"]}}};e.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--bar-graph-bar-border-radius:0.5rem;--bar-graph-bar-height:2rem;--bar-graph-bar-primary-color:var(--tc-alert-accent-warning);--bar-graph-bar-secondary-color:var(--tc-background-tertiary);--bar-graph-label-primary-color:var(--tc-text-primary);--bar-graph-label-primary-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-primary-line-height:1.5rem;--bar-graph-label-secondary-color:var(--tc-text-tertiary);--bar-graph-label-secondary-font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-secondary-line-height:1.5rem;--bar-graph-value-color:var(--tc-text-primary);--bar-graph-value-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--bar-graph-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-animation-duration:0.5s}.dark{--bar-graph-bar-primary-color:var(--tc-alert-accent-warning-dark);--bar-graph-bar-secondary-color:var(--tc-background-tertiary-dark);--bar-graph-label-primary-color:var(--tc-text-primary-dark);--bar-graph-label-secondary-color:var(--tc-text-tertiary-dark);--bar-graph-value-color:var(--tc-text-primary-dark);--bar-graph-data-grid-line-color:var(--tc-border-quaternary-dark)}.bar-graph__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__label-container .bar-graph__label{color:var(--bar-graph-label-secondary-color)}.bar-graph__graph-container{padding:0.5rem 0;display:flex;flex-direction:column;flex:1;gap:0.5rem;transform-origin:0% 0%;width:100%;position:relative}.bar-graph__item-container{display:contents}.bar-graph__item{display:flex;flex-direction:column}.bar-graph__bar-container{position:relative;flex:1;flex-direction:row;display:flex;transition:width var(--bar-graph-animation-duration);width:100%}.bar-graph--large .bar-graph__bar-container{width:auto}.bar-graph__label{padding-right:0.5rem;box-sizing:border-box}.bar-graph__label--primary{font:var(--bar-graph-label-primary-font);color:var(--bar-graph-label-primary-color);line-height:var(--bar-graph-label-primary-line-height)}.bar-graph__label--secondary{font:var(--bar-graph-label-secondary-font);color:var(--bar-graph-label-secondary-color);line-height:var(--bar-graph-label-secondary-line-height)}.bar-graph__label--inline{display:flex;align-items:center;justify-content:right;text-align:right;padding-left:0.5rem;height:var(--bar-graph-bar-height)}.bar-graph__bar{display:flex;border-radius:var(--bar-graph-bar-border-radius);height:var(--bar-graph-bar-height);align-items:center;box-sizing:border-box;flex:1;min-width:0.5rem}.bar-graph__bar--primary{background-color:var(--bar-graph-bar-primary-color)}.bar-graph__bar--primary .bar-graph__bar-value{color:var(--tc-text-primary)}.bar-graph__bar--secondary{background-color:var(--bar-graph-bar-secondary-color)}.bar-graph__bar-value{font:var(--bar-graph-value-font);color:var(--bar-graph-value-color);padding-left:1rem;box-sizing:border-box;white-space:nowrap;position:absolute}.bar-graph__bar-value--after{position:absolute;padding:0 0.5rem;display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph__bar-value-container{position:absolute;transition:left var(--bar-graph-animation-duration)}.bar-graph__data-grid{position:absolute;display:flex;justify-content:space-between;height:100%;width:100%;padding:0 0.5rem;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;border-right-style:solid;border-right-width:var(--bar-graph-data-grid-line-width);border-right-color:var(--bar-graph-data-grid-line-color)}.bar-graph .hidden{display:none}';export{e as tet_bar_graph}

package/dist/tet-components/{p-af6ef106.entry.js → p-81285146.entry.js}

@@ -1 +1 @@
-import{r as o,c as t,g as e,f as r,h as a,F as n,H as i}from"./p-5abb3bea.js";import{t as l,p as s}from"./p-aca88f25.js";import{e as c,A as u}from"./p-fa674b43.js";import"./p-9a2b6ee2.js";var d,m,f;!function(o){o.SMALL="small",o.AVERAGE="average",o.LARGE="large",o.INDIVIDUAL="custom"}(d||(d={})),function(o){o.HOURLY="hourly",o.MONTHLY="monthly"}(m||(m={})),function(o){o.V_CPU="vcpu",o.V_RAM="vram",o.STORAGE="storage",o.EXTRA_STORAGE="extra-storage",o.LICENSE="license",o.MS_LICENSE="ms_license",o.BANDWIDTH="bandwidth"}(f||(f={}));const g={v_cpu_standard:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_cpu_performance:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_ram:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0}],storage_bronze:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_silver:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_gold:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_platinum:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_backup:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_object:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],license_windows:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],license_veeam:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_rds:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_dc_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_professional_plus:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],cis_suite_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],project_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sharepoint_server:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],bandwidth_ip:[{name:"components-cloud-configurator-unit-ip",value:1,default:!0}],bandwidth_capacity:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],ddos_protection_bandwidth:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],bandwidth_router:[{name:"components-cloud-configurator-unit-nsx-router",value:1,default:!0},{name:"components-cloud-configurator-unit-not-required",value:0}]},p={storage_bronze:"components-cloud-configurator-unit-of-measure",storage_silver:"components-cloud-configurator-unit-of-measure",storage_gold:"components-cloud-configurator-unit-of-measure",storage_platinum:"components-cloud-configurator-unit-of-measure",storage_backup:"components-cloud-configurator-unit-of-measure",storage_object:"components-cloud-configurator-unit-of-measure",bandwidth_router:"components-cloud-configurator-select-device"},h={[f.V_CPU]:"components-cloud-configurator-summary-group-vcpu",[f.V_RAM]:"components-cloud-configurator-summary-group-vram",[f.STORAGE]:"components-cloud-configurator-summary-group-storage",[f.EXTRA_STORAGE]:"components-cloud-configurator-summary-group-extra-storage",[f.LICENSE]:"components-cloud-configurator-summary-group-license",[f.MS_LICENSE]:"components-cloud-configurator-summary-group-ms-license",[f.BANDWIDTH]:"components-cloud-configurator-summary-group-bandwidth"},_=["v_cpu_standard","v_cpu_performance","v_ram","storage_bronze","storage_silver","storage_gold","storage_platinum","storage_backup","storage_object","license_windows","license_veeam","sql_server_standard_core","win_rds","win_server_standard_core","win_server_dc_core","sql_server_standard","office_standard","office_professional_plus","cis_suite_standard_core","project_standard","sharepoint_server","bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_enabled","ddos_protection_bandwidth"];function y(o){const t={};for(const e of _)t[e]=o[e];return t}function b(o){const t=g[o];if(t)return t.forEach((o=>{o.name=l(o.name)})),t}function w(o){const t=p[o];if(t)return l(t)}function v(o){const t=b(o);if(t)return t.find((o=>o.default))}function x(o,t){return o.toFixed(t===m.MONTHLY?2:8).replace(".",",")}const k=async()=>{let o;try{o=new URL(c.cloudConfigurator).href}catch(o){return console.error(o),Promise.reject("Cloud Configurator endpoint URL generation failed.")}const t=(new u).setUrl(o).setOptions({method:"GET"}).setErrorFallbackValue([]);return await t.execute()},G=class{constructor(e){o(this,e),this.cloudCalculatorSubmit=t(this,"cloudCalculatorSubmit",7),this.language="lv",this.containerSelector="",this.theme="light",this.selectOnFocus=void 0,this.isLoading=!0,this.headerRef=void 0,this.footerRef=void 0,this.formValues={},this.selectedTab=d.SMALL,this.selectedPeriod=m.MONTHLY,this.isFloatingSummary=!1,this.isListExpanded=!1,this.parentElement=void 0}get root(){return e(this)}headerObserver;footerObserver=new IntersectionObserver((([o])=>{this.isFloatingSummary=0===o.intersectionRatio}));fields=null;cloudCalculatorSubmit;async componentWillLoad(){this.parentElement=this.containerSelector?document.querySelector(this.containerSelector):this.root.parentElement,this.headerObserver=new IntersectionObserver((([o])=>{0!==o.intersectionRatio&&o.target.classList.toggle("header--is-pinned",o.intersectionRatio<1)}),{rootMargin:`-${this.parentElement.offsetTop+1}px 0px 0px 0px`,root:document,threshold:1}),this.fetchData()}onisLoadingChange(o){o||this.setDefaultValues()}onHeaderRefChange(o){o&&(this.headerRef.style.top=this.parentElement.offsetTop-1+"px",this.headerObserver.observe(this.headerRef))}onFooterRefChange(o){o&&this.footerObserver.observe(this.footerRef)}onSelectedTabChange(){this.setDefaultValues()}async onLanguageChange(o){await s("cloud-calculator",o),r(this)}onTabSelected=o=>{this.selectedTab=o.detail.new};onExpandableListToggle=()=>{this.isListExpanded=!this.isListExpanded};onSummaryPeriodChange=o=>{this.selectedPeriod=o.detail.value};onDdosProtectionEnabledCheck=o=>{const{checked:t}=o.detail;this.formValues.ddos_protection_enabled.value=t?1:0,this.setDefaultValue("bandwidth_capacity"),this.setDefaultValue("ddos_protection_bandwidth"),this.formValues={...this.formValues}};onNumberValueChanged=(o,t)=>{const{min:e}=this.fields[t],r=this.formValues[t];let a=o.value;o.suffix||(o.suffix=v(t)),r?.suffix?.value!==o.suffix.value&&(a=0===o.suffix.value?0:e);const n=this.getPrices(t,a,o.suffix);this.formValues[t]={...r,value:a,suffix:o.suffix,...n},this.formValues={...this.formValues}};onFormSubmit=()=>{const o=y(this.formValues),t=this.formValues.ddos_protection_enabled?.value;t?delete o.bandwidth_capacity:delete o.ddos_protection_bandwidth;const e={formValues:o,totals:this.getTotals()};this.cloudCalculatorSubmit.emit(e)};fetchData=async()=>{const o=await Promise.all([k(),s("cloud-calculator",this.language)]);this.fields=o[0],this.isLoading=!1};setDefaultValues=()=>{for(const o of Object.keys(this.fields))this.setDefaultValue(o);const o=y(this.formValues);this.formValues={...o},this.root.shadowRoot.querySelectorAll("tet-number-input").forEach((o=>o.resetSuffix()))};setDefaultValue=o=>{const t=this.fields[o],e=t.default[this.selectedTab]||t.min,r=v(t.key),a=this.getPrices(t.key,e,r);this.formValues[t.key]={key:t.key,value:e,title:t.name.lv,groupKey:t.group,groupName:l(h[t.group]),...a,suffix:v(t.key)}};getFieldKeysByGroup(o){return Object.values(this.fields).filter((t=>t.group===o)).map((o=>o.key))}getTotals(){const o=!!this.formValues.ddos_protection_enabled?.value,t={hourly:0,monthly:0};for(const e of Object.values(this.formValues))"bandwidth_capacity"===e.key&&o||("ddos_protection_bandwidth"!==e.key||o)&&(t.hourly+=e.hourly,t.monthly+=e.monthly);return t}getPrices(o,t,e){const{priceHourly:r,priceMonthly:a}=this.fields[o];let n=1;return e?.value&&(n=e.value),"bandwidth_ip"===o?{monthly:(t-1)*a*n,hourly:(t-1)*r*n}:{monthly:t*a*n,hourly:t*r*n}}getMinValue(o){const t=this.fields[o],e=this.formValues[o];return t?0===e?.suffix?.value?0:t.min:null}getMaxValue(o){const t=this.fields[o],e=this.formValues[o];return t&&e?e.suffix?t.max/e.suffix.value:t.max:null}getLabel(o){if(["v_ram"].includes(o))return null;const t=this.fields[o];return t?t.name[this.language]:null}getHelperText(o){const t=this.fields[o];return t?t.description[this.language]:null}renderTitle=()=>a(n,null,a("p",{class:"content__subtitle"},l(`components-cloud-configurator-${this.selectedTab}-subtitle`)));renderNumberInput(o,t){return!0===t?.hidden?null:a("div",{class:"form__input"},a("tet-number-input",{min:this.getMinValue(o),max:this.getMaxValue(o),label:this.getLabel(o),"accessibility-label":this.getHelperText(o),"button-accessibility-label":w(o),helperText:this.getHelperText(o),value:this.formValues[o]?.value,disabled:t?.disabled,suffixes:b(o),onInputValueChanged:t=>this.onNumberValueChanged(t.detail,o),selectOnFocus:this.selectOnFocus,theme:this.theme}))}renderExpandableItem(o){const t=this.fields[o];return a("div",{class:"expandable-item"},a("div",{class:"expandable-item__description"},a("div",{class:"expandable-item__title"},t.name[this.language]),a("div",{class:"expandable-item__helper"},t.description[this.language])),a("tet-stepper-input",{min:this.getMinValue(o),max:this.getMaxValue(o),step:1,value:this.formValues[o]?.value,onInputValueChanged:t=>this.onNumberValueChanged({value:t.detail},o),selectOnFocus:this.selectOnFocus,"accessibility-label":t.name[this.language],theme:this.theme}))}renderSummaryTable(){return a("div",{class:"summary-table"},this.renderSummaryRow(f.V_CPU,null,`x ${l("components-cloud-configurator-unit-cores")}`),this.renderSummaryRow(f.V_RAM),this.renderSummaryRow(f.STORAGE),this.renderSummaryRow(f.EXTRA_STORAGE),this.renderSummaryRow(f.LICENSE),this.renderSummaryRow(f.MS_LICENSE,null,l("components-cloud-configurator-unit-pieces")),this.renderSummaryRow(f.BANDWIDTH,["bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_bandwidth"]))}renderSummaryRow(o,t,e){let r,n=h[o];if(r=t||this.getFieldKeysByGroup(o),o===f.BANDWIDTH&&(r=r.filter((o=>"ddos_protection_enabled"!==o)),this.formValues.ddos_protection_enabled?.value?(r=r.filter((o=>"bandwidth_capacity"!==o)),n="components-cloud-configurator-group-bandwidth-ddos"):r=r.filter((o=>"ddos_protection_bandwidth"!==o))),!Object.entries(this.fields).some((o=>r.includes(o[0]))))return null;const i=[a("div",{class:"summary-table__header"},l(n))];let s=!0;for(const o of r){const t=this.formValues[o];if(!this.fields[o]||!t||!t[this.selectedPeriod])continue;s||i.push(a("div",{class:"summary-table__header"}));const r=this.getLabel(o),n=e||t.suffix?.name;i.push(a("div",{class:"summary-table__label"},!!r&&a("span",null,`${r},`),a("span",null,`${t?.value}${n}`)));const c=t[this.selectedPeriod]||0,u=l(this.selectedPeriod===m.MONTHLY?"components-cloud-configurator-price-suffix-montly":"components-cloud-configurator-price-suffix-hourly");i.push(a("div",{class:"summary-table__value"},`${x(c,this.selectedPeriod)} ${u}`)),s=!1}return 1===i.length?null:a("div",{class:"summary-table__row"},i.map((o=>o)))}renderFloatingSummary(){const o=this.getFieldKeysByGroup(f.V_CPU),t=this.getFieldKeysByGroup(f.V_RAM),e=this.getFieldKeysByGroup(f.STORAGE),r=this.getFieldKeysByGroup(f.EXTRA_STORAGE),n=this.getFieldKeysByGroup(f.LICENSE),i=this.getFieldKeysByGroup(f.BANDWIDTH),s=this.getFieldKeysByGroup(f.MS_LICENSE),c=Object.values(this.formValues),u=c.reduce(((r,a)=>(o.includes(a.key)?r.cpu+=a.value:t.includes(a.key)?r.ram+=a.value:e.includes(a.key)&&(r.storage+=a.value*(a.suffix?.value||1)),r)),{cpu:0,ram:0,storage:0});let d=0;c.some((o=>n.includes(o.key)&&o.value))&&(d+=1),c.some((o=>i.includes(o.key)&&o.value))&&(d+=1),c.some((o=>s.includes(o.key)&&o.value))&&(d+=1),c.some((o=>r.includes(o.key)&&o.value))&&(d+=1);const m=this.getTotals();return a("div",{class:"floating-summary__container"},this.isFloatingSummary&&a("div",{class:"floating-summary__count"},a("span",{class:"floating-summary__count--item"},`${u.cpu} ${l("components-cloud-configurator-summary-cpu")},`),a("span",{class:"floating-summary__count--item"},`${u.ram} ${l("components-cloud-configurator-unit-gigabyte")} ${l("components-cloud-configurator-summary-ram")},`),a("span",{class:"floating-summary__count--break"}),a("span",{class:"floating-summary__count--item"},`${u.storage} ${l("components-cloud-configurator-unit-gigabyte")} ${l("components-cloud-configurator-summary-storage")}`),a("span",{class:"floating-summary__count--other"},`+${d}`)),a("div",{class:"floating-summary__sum"},a("span",{class:"floating-summary__sum--label"},`${l("components-cloud-configurator-summary-sum")}:`),a("span",{class:"floating-summary__sum--value"},`${x(m[this.selectedPeriod],this.selectedPeriod)} ${l("components-cloud-configurator-price-unit")}`)))}renderPlaceholder(){return a(i,null,a("div",{class:{"cloud-configurator":!0,[this.theme]:!!this.theme}},a("div",{class:"content"},a("div",{class:"content__title"},a("tet-placeholder",{width:"90%",height:"1.75rem",darkTheme:"dark"===this.theme})),a("div",{class:"content__subtitle"},a("tet-placeholder",{width:"100%",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form",part:"form"},a("div",{class:"form__group"},a("div",{class:"form__group-label"},a("tet-placeholder",{width:"10rem",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme}))),a("div",{class:"form__group"},a("div",{class:"form__group-label"},a("tet-placeholder",{width:"10rem",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"})))),a("div",{class:"header",part:"header"},a("div",{class:"inner-wrapper"},a("tet-placeholder",{width:"25.5rem",height:"2.875rem",darkTheme:"dark"===this.theme})))))}render(){return this.isLoading?this.renderPlaceholder():a(i,null,a("div",{class:{"cloud-configurator":!0,[this.theme]:!!this.theme}},a("div",{class:{header:!0,[this.theme]:!!this.theme},part:"header",ref:o=>this.headerRef=o},a("div",{class:"inner-wrapper"},a("tet-tab-header",{class:"header__segment-switch",segmented:!0,position:"center",defaultTab:"small",theme:this.theme,onTabSelected:this.onTabSelected},a("button",{"data-name":d.SMALL},a("p",null,l("components-cloud-configurator-type-small"))),a("button",{"data-name":d.AVERAGE},a("p",null,l("components-cloud-configurator-type-average"))),a("button",{"data-name":d.LARGE},a("p",null,l("components-cloud-configurator-type-large"))),a("button",{"data-name":d.INDIVIDUAL},a("p",null,l("components-cloud-configurator-type-custom")))))),a("div",{class:"content",part:"content"},this.renderTitle(),a("div",{class:"form",part:"form"},a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-vcpu")),this.renderNumberInput("v_cpu_standard"),this.renderNumberInput("v_cpu_performance")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-vram")),this.renderNumberInput("v_ram"),a("div",{class:"form__input"})),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-storage")),this.renderNumberInput("storage_bronze"),this.renderNumberInput("storage_silver"),this.renderNumberInput("storage_gold"),this.renderNumberInput("storage_platinum")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-extra-storage")),this.renderNumberInput("storage_backup"),this.renderNumberInput("storage_object")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-license")),this.renderNumberInput("license_windows"),this.renderNumberInput("license_veeam")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-ms-license")),a("div",{class:{"expandable-list":!0,expanded:this.isListExpanded}},this.renderExpandableItem("sql_server_standard_core"),this.renderExpandableItem("win_rds"),this.renderExpandableItem("win_server_standard_core"),this.renderExpandableItem("win_server_dc_core"),this.renderExpandableItem("sql_server_standard"),this.renderExpandableItem("office_standard"),this.renderExpandableItem("office_professional_plus"),this.renderExpandableItem("cis_suite_standard_core"),this.renderExpandableItem("project_standard"),this.renderExpandableItem("sharepoint_server"),a("div",{class:"expandable-list__toggle-row"},this.isListExpanded&&a(n,null,a("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},l("components-cloud-configurator-ms-license-collapse")," ",a("tet-icon",{name:"tc-chevron-up",theme:this.theme})),a("div",{innerHTML:l("components-cloud-configurator-ms-license-full-list")})),!this.isListExpanded&&a("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},l("components-cloud-configurator-ms-license-expand")," ",a("tet-icon",{name:"tc-chevron-down",theme:this.theme}))))),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-bandwidth")),this.renderNumberInput("bandwidth_ip"),this.renderNumberInput("bandwidth_router"),this.renderNumberInput("bandwidth_capacity",{disabled:!0,hidden:Boolean(this.formValues.ddos_protection_enabled?.value)}),this.renderNumberInput("ddos_protection_bandwidth",{hidden:!Boolean(this.formValues.ddos_protection_enabled?.value)}),a("div",{class:"form__input"}),a("div",{class:"form__checkbox"},a("tet-checkbox",{label:this.getLabel("ddos_protection_enabled"),value:this.formValues.ddos_protection_enabled?.value,checked:!!this.formValues.ddos_protection_enabled?.value,onCheck:this.onDdosProtectionEnabledCheck,theme:this.theme}),a("p",{class:"form__checkbox-helper"},this.getHelperText("ddos_protection_enabled"))))),a("div",{class:"summary",part:"summary"},a("h2",{class:"summary__title"},l("components-cloud-configurator-group-summary")),a("div",{class:"summary__toggle",role:"radiogroup"},a("tet-radio",{name:"summary-period",value:m.MONTHLY,checked:this.selectedPeriod===m.MONTHLY,label:l("components-cloud-configurator-summary-period-monthly"),theme:this.theme,onCheck:this.onSummaryPeriodChange}),a("tet-radio",{name:"summary-period",value:m.HOURLY,checked:this.selectedPeriod===m.HOURLY,label:l("components-cloud-configurator-summary-period-hourly"),theme:this.theme,onCheck:this.onSummaryPeriodChange})),this.renderSummaryTable())),a("div",{class:{"floating-summary":!0,"floating-summary--is-pinned":this.isFloatingSummary},part:"floating-summary"},this.renderFloatingSummary()),a("div",{part:"footer",class:"footer",ref:o=>this.footerRef=o},a("tet-button",{class:"footer__button",size:"large",type:"primary",theme:this.theme,onClick:this.onFormSubmit},l("components-cloud-configurator-submit")))))}static get watchers(){return{isLoading:["onisLoadingChange"],headerRef:["onHeaderRefChange"],footerRef:["onFooterRefChange"],selectedTab:["onSelectedTabChange"],language:["onLanguageChange"]}}};G.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tet-cloud-calculator-border-radius:none;--tet-cloud-calculator-background-primary-color:var(--tc-background-primary);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary);--tet-cloud-calculator-background-floating-summary:var(--tc-layer-inverse-primary);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-inverse-primary);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey);display:block;height:100%;width:100%}.cloud-configurator{position:relative;border-radius:var(--tet-cloud-calculator-border-radius);background-color:var(--tet-cloud-calculator-background-primary-color);display:flex;flex-direction:column;height:100%;width:100%;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator.dark{--tet-cloud-calculator-background-primary-color:var(--tc-background-primary-dark);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary-dark);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary-dark);--tet-cloud-calculator-background-floating-summary:var(--tc-background-tertiary-dark);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary-dark);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary-dark);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-primary-dark);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary-dark);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary-dark);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey-dark)}.cloud-configurator .header{position:-webkit-sticky;position:sticky;top:0;order:-1;z-index:2;margin:1.75rem 0 0;overflow:hidden;padding-bottom:0.25rem}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.5rem 0.75rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-segmended-item-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{display:flex;justify-content:center;width:100%;padding:0.75rem 0;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .header--is-pinned .inner-wrapper{-moz-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1)}.cloud-configurator .content{margin:2.5rem 1rem 0}.cloud-configurator .content__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:center;max-width:29.25rem;margin:0 auto 0.5rem}.cloud-configurator .content__subtitle{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);text-align:center;margin:0 auto 3.5rem;max-width:29.25rem}.cloud-configurator .form{display:flex;flex-direction:column;gap:2.5rem;width:100%}.cloud-configurator .form__group{display:flex;flex-wrap:wrap;row-gap:1.5rem;column-gap:2.5rem;padding-bottom:2rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color);justify-content:center}.cloud-configurator .form__group-label{width:100%;min-width:100%;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .form__input{min-width:15.625rem;max-width:21.875rem;flex:1 1 calc(50% - 1.5rem)}.cloud-configurator .form__input>*{width:100%}.cloud-configurator .form__checkbox{margin-top:0.5rem;padding-left:0.25rem;width:100%}.cloud-configurator .form__checkbox tet-checkbox{padding-left:0.25rem;display:flex}.cloud-configurator .form__checkbox-helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);margin-left:2rem;max-width:36.563rem}.cloud-configurator .expandable-list{display:flex;flex-direction:column;width:100%;gap:0.5rem}.cloud-configurator .expandable-list.expanded .expandable-item:nth-child(n+4){display:flex}.cloud-configurator .expandable-list .expandable-item{display:flex;flex-direction:row;width:100%;padding-bottom:0.5rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .expandable-list .expandable-item:nth-child(n+4){display:none}.cloud-configurator .expandable-list .expandable-item__description{display:flex;flex-direction:column;flex:1}.cloud-configurator .expandable-list .expandable-item__label{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list .expandable-item__helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color)}.cloud-configurator .expandable-list__toggle-row{display:flex;justify-content:space-between;flex-direction:column;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--icon-size:1.25rem}.cloud-configurator .expandable-list__toggle,.cloud-configurator .expandable-list__link{display:flex;align-items:flex-end;gap:0.25rem;padding:0.5rem 0;text-decoration:underline;cursor:pointer;color:var(--tet-cloud-calculator-text-primary-color);border-color:transparent;background:transparent;font-size:inherit}.cloud-configurator .expandable-list__toggle:visited,.cloud-configurator .expandable-list__link:visited{color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list__toggle:hover,.cloud-configurator .expandable-list__link:hover{color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__toggle:hover tet-icon,.cloud-configurator .expandable-list__link:hover tet-icon{--icon-color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__link tet-icon{padding-bottom:0.125rem;--icon-color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .summary{margin:2.5rem 0 0;padding-bottom:1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{display:flex;gap:1.5rem;padding-bottom:1.5rem;justify-content:flex-start;margin:1.5rem 0 1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary-table{display:grid;grid-template-columns:3fr 1fr;width:100%;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .summary-table__row{display:contents}.cloud-configurator .summary-table__row:nth-child(2n)>*{background-color:var(--tet-cloud-calculator-background-secondary-color)}.cloud-configurator .summary-table__row>*{height:100%;padding-bottom:0.125rem}.cloud-configurator .summary-table__row>*.summary-table__header{padding-left:1rem;padding-bottom:0.5rem}.cloud-configurator .summary-table__row>*.summary-table__label{padding-left:1rem}.cloud-configurator .summary-table__row>*.summary-table__value{padding-right:1rem}.cloud-configurator .summary-table__row>*:nth-child(-n+1){padding-top:0.75rem}.cloud-configurator .summary-table__row>*:nth-last-child(-n+2){padding-bottom:0.75rem}.cloud-configurator .summary-table__header{grid-column:span 2;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap}.cloud-configurator .summary-table__header~.summary-table__header{display:none}.cloud-configurator .summary-table__label{grid-column:1;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:left;color:var(--tet-cloud-calculator-text-secondary-color);white-space:nowrap;min-width:10rem;display:flex;justify-content:flex-start;gap:0.5rem;padding-right:0.5rem}.cloud-configurator .summary-table__label>span:first-of-type{text-overflow:ellipsis;overflow:hidden}.cloud-configurator .summary-table__value{grid-column:2;text-align:right;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap;padding-left:0}.cloud-configurator .floating-summary{display:flex;position:-webkit-sticky;position:sticky;z-index:1;bottom:0;background-color:var(--tet-cloud-calculator-background-primary-color);color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .floating-summary--is-pinned{background-color:var(--tet-cloud-calculator-background-floating-summary);color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary__container{padding:0.5rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;width:100%}.cloud-configurator .floating-summary__count{display:none;align-items:center}.cloud-configurator .floating-summary--is-pinned .floating-summary__count{display:flex;flex-direction:row;column-gap:0.5rem;flex-wrap:wrap;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--item{color:var(--tet-cloud-calculator-text-blue-grey)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--other{color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--break{flex-basis:100%;height:0}.cloud-configurator .floating-summary__sum{display:flex;flex-direction:row;gap:0.25rem;align-items:flex-end;flex:1 0 auto;font:400 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__sum--label{margin-left:auto}.cloud-configurator .floating-summary__sum--value{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum--value{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{display:flex;flex-direction:row-reverse;margin:0 1rem 2.5rem;padding-top:1rem}.cloud-configurator .footer__button{--button-width:9.375rem}@media all and (min-width: 31.25rem){.cloud-configurator .content{margin:2.5rem 1.5rem 0}.cloud-configurator .content__title{font:500 2.5rem/3rem Gilroy, Gilroy, Arial, sans-serif}.cloud-configurator .expandable-list__toggle-row{flex-direction:row}.cloud-configurator .footer{margin:0 1.5rem 2.5rem}}@media all and (min-width: 48rem){.cloud-configurator .header{margin:1.5rem 0 0}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{padding:1rem 0}.cloud-configurator .content{margin:2.5rem 2rem 0}.cloud-configurator .footer{margin:0 2rem 2.5rem}.cloud-configurator .form__group{padding-bottom:2.5rem}.cloud-configurator .form__group-label{font:500 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{justify-content:flex-end;margin-top:0.5rem}.cloud-configurator .summary__title{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary-table{display:grid;grid-template-columns:2fr 5fr}.cloud-configurator .summary-table__header{grid-column:1}.cloud-configurator .summary-table__row>*.summary-table__header{padding-bottom:unset}.cloud-configurator .summary-table__row>*:nth-child(-n+3){padding-top:0.75rem}.cloud-configurator .summary-table__header~.summary-table__header{display:block}.cloud-configurator .summary-table__label{grid-column:2;text-align:right;justify-content:flex-end}.cloud-configurator .summary-table__value{grid-column:3}.cloud-configurator .floating-summary{height:4rem}.cloud-configurator .floating-summary__container{padding:1rem 2rem}.cloud-configurator .floating-summary__count{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__count--break{display:none}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{align-items:center}.cloud-configurator .floating-summary__sum{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{padding-top:0.5rem}}@media all and (min-width: 64rem){.cloud-configurator .content{margin:2.5rem 2.5rem 0}.cloud-configurator .footer{margin:0 2.5rem 2.5rem}.cloud-configurator .floating-summary__container{padding:1rem 2.5rem}}';export{G as tet_cloud_configurator}
+import{r as o,c as t,g as e,f as r,h as a,F as n,H as i}from"./p-83f43fdd.js";import{t as l,p as s}from"./p-5ba9e9d8.js";import{e as c,A as u}from"./p-3e60d61c.js";import"./p-9a2b6ee2.js";var d,m,f;!function(o){o.SMALL="small",o.AVERAGE="average",o.LARGE="large",o.INDIVIDUAL="custom"}(d||(d={})),function(o){o.HOURLY="hourly",o.MONTHLY="monthly"}(m||(m={})),function(o){o.V_CPU="vcpu",o.V_RAM="vram",o.STORAGE="storage",o.EXTRA_STORAGE="extra-storage",o.LICENSE="license",o.MS_LICENSE="ms_license",o.BANDWIDTH="bandwidth"}(f||(f={}));const g={v_cpu_standard:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_cpu_performance:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_ram:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0}],storage_bronze:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_silver:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_gold:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_platinum:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_backup:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_object:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],license_windows:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],license_veeam:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_rds:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_dc_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_professional_plus:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],cis_suite_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],project_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sharepoint_server:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],bandwidth_ip:[{name:"components-cloud-configurator-unit-ip",value:1,default:!0}],bandwidth_capacity:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],ddos_protection_bandwidth:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],bandwidth_router:[{name:"components-cloud-configurator-unit-nsx-router",value:1,default:!0},{name:"components-cloud-configurator-unit-not-required",value:0}]},p={storage_bronze:"components-cloud-configurator-unit-of-measure",storage_silver:"components-cloud-configurator-unit-of-measure",storage_gold:"components-cloud-configurator-unit-of-measure",storage_platinum:"components-cloud-configurator-unit-of-measure",storage_backup:"components-cloud-configurator-unit-of-measure",storage_object:"components-cloud-configurator-unit-of-measure",bandwidth_router:"components-cloud-configurator-select-device"},h={[f.V_CPU]:"components-cloud-configurator-summary-group-vcpu",[f.V_RAM]:"components-cloud-configurator-summary-group-vram",[f.STORAGE]:"components-cloud-configurator-summary-group-storage",[f.EXTRA_STORAGE]:"components-cloud-configurator-summary-group-extra-storage",[f.LICENSE]:"components-cloud-configurator-summary-group-license",[f.MS_LICENSE]:"components-cloud-configurator-summary-group-ms-license",[f.BANDWIDTH]:"components-cloud-configurator-summary-group-bandwidth"},_=["v_cpu_standard","v_cpu_performance","v_ram","storage_bronze","storage_silver","storage_gold","storage_platinum","storage_backup","storage_object","license_windows","license_veeam","sql_server_standard_core","win_rds","win_server_standard_core","win_server_dc_core","sql_server_standard","office_standard","office_professional_plus","cis_suite_standard_core","project_standard","sharepoint_server","bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_enabled","ddos_protection_bandwidth"];function y(o){const t={};for(const e of _)t[e]=o[e];return t}function b(o){const t=g[o];if(t)return t.forEach((o=>{o.name=l(o.name)})),t}function w(o){const t=p[o];if(t)return l(t)}function v(o){const t=b(o);if(t)return t.find((o=>o.default))}function x(o,t){return o.toFixed(t===m.MONTHLY?2:8).replace(".",",")}const k=async()=>{let o;try{o=new URL(c.cloudConfigurator).href}catch(o){return console.error(o),Promise.reject("Cloud Configurator endpoint URL generation failed.")}const t=(new u).setUrl(o).setOptions({method:"GET"}).setErrorFallbackValue([]);return await t.execute()},G=class{constructor(e){o(this,e),this.cloudCalculatorSubmit=t(this,"cloudCalculatorSubmit",7),this.language="lv",this.containerSelector="",this.theme="light",this.selectOnFocus=void 0,this.isLoading=!0,this.headerRef=void 0,this.footerRef=void 0,this.formValues={},this.selectedTab=d.SMALL,this.selectedPeriod=m.MONTHLY,this.isFloatingSummary=!1,this.isListExpanded=!1,this.parentElement=void 0}get root(){return e(this)}headerObserver;footerObserver=new IntersectionObserver((([o])=>{this.isFloatingSummary=0===o.intersectionRatio}));fields=null;cloudCalculatorSubmit;async componentWillLoad(){this.parentElement=this.containerSelector?document.querySelector(this.containerSelector):this.root.parentElement,this.headerObserver=new IntersectionObserver((([o])=>{0!==o.intersectionRatio&&o.target.classList.toggle("header--is-pinned",o.intersectionRatio<1)}),{rootMargin:`-${this.parentElement.offsetTop+1}px 0px 0px 0px`,root:document,threshold:1}),this.fetchData()}onisLoadingChange(o){o||this.setDefaultValues()}onHeaderRefChange(o){o&&(this.headerRef.style.top=this.parentElement.offsetTop-1+"px",this.headerObserver.observe(this.headerRef))}onFooterRefChange(o){o&&this.footerObserver.observe(this.footerRef)}onSelectedTabChange(){this.setDefaultValues()}async onLanguageChange(o){await s("cloud-calculator",o),r(this)}onTabSelected=o=>{this.selectedTab=o.detail.new};onExpandableListToggle=()=>{this.isListExpanded=!this.isListExpanded};onSummaryPeriodChange=o=>{this.selectedPeriod=o.detail.value};onDdosProtectionEnabledCheck=o=>{const{checked:t}=o.detail;this.formValues.ddos_protection_enabled.value=t?1:0,this.setDefaultValue("bandwidth_capacity"),this.setDefaultValue("ddos_protection_bandwidth"),this.formValues={...this.formValues}};onNumberValueChanged=(o,t)=>{const{min:e}=this.fields[t],r=this.formValues[t];let a=o.value;o.suffix||(o.suffix=v(t)),r?.suffix?.value!==o.suffix.value&&(a=0===o.suffix.value?0:e);const n=this.getPrices(t,a,o.suffix);this.formValues[t]={...r,value:a,suffix:o.suffix,...n},this.formValues={...this.formValues}};onFormSubmit=()=>{const o=y(this.formValues),t=this.formValues.ddos_protection_enabled?.value;t?delete o.bandwidth_capacity:delete o.ddos_protection_bandwidth;const e={formValues:o,totals:this.getTotals()};this.cloudCalculatorSubmit.emit(e)};fetchData=async()=>{const o=await Promise.all([k(),s("cloud-calculator",this.language)]);this.fields=o[0],this.isLoading=!1};setDefaultValues=()=>{for(const o of Object.keys(this.fields))this.setDefaultValue(o);const o=y(this.formValues);this.formValues={...o},this.root.shadowRoot.querySelectorAll("tet-number-input").forEach((o=>o.resetSuffix()))};setDefaultValue=o=>{const t=this.fields[o],e=t.default[this.selectedTab]||t.min,r=v(t.key),a=this.getPrices(t.key,e,r);this.formValues[t.key]={key:t.key,value:e,title:t.name.lv,groupKey:t.group,groupName:l(h[t.group]),...a,suffix:v(t.key)}};getFieldKeysByGroup(o){return Object.values(this.fields).filter((t=>t.group===o)).map((o=>o.key))}getTotals(){const o=!!this.formValues.ddos_protection_enabled?.value,t={hourly:0,monthly:0};for(const e of Object.values(this.formValues))"bandwidth_capacity"===e.key&&o||("ddos_protection_bandwidth"!==e.key||o)&&(t.hourly+=e.hourly,t.monthly+=e.monthly);return t}getPrices(o,t,e){const{priceHourly:r,priceMonthly:a}=this.fields[o];let n=1;return e?.value&&(n=e.value),"bandwidth_ip"===o?{monthly:(t-1)*a*n,hourly:(t-1)*r*n}:{monthly:t*a*n,hourly:t*r*n}}getMinValue(o){const t=this.fields[o],e=this.formValues[o];return t?0===e?.suffix?.value?0:t.min:null}getMaxValue(o){const t=this.fields[o],e=this.formValues[o];return t&&e?e.suffix?t.max/e.suffix.value:t.max:null}getLabel(o){if(["v_ram"].includes(o))return null;const t=this.fields[o];return t?t.name[this.language]:null}getHelperText(o){const t=this.fields[o];return t?t.description[this.language]:null}renderTitle=()=>a(n,null,a("p",{class:"content__subtitle"},l(`components-cloud-configurator-${this.selectedTab}-subtitle`)));renderNumberInput(o,t){return!0===t?.hidden?null:a("div",{class:"form__input"},a("tet-number-input",{min:this.getMinValue(o),max:this.getMaxValue(o),label:this.getLabel(o),"accessibility-label":this.getHelperText(o),"button-accessibility-label":w(o),helperText:this.getHelperText(o),value:this.formValues[o]?.value,disabled:t?.disabled,suffixes:b(o),onInputValueChanged:t=>this.onNumberValueChanged(t.detail,o),selectOnFocus:this.selectOnFocus,theme:this.theme}))}renderExpandableItem(o){const t=this.fields[o];return a("div",{class:"expandable-item"},a("div",{class:"expandable-item__description"},a("div",{class:"expandable-item__title"},t.name[this.language]),a("div",{class:"expandable-item__helper"},t.description[this.language])),a("tet-stepper-input",{min:this.getMinValue(o),max:this.getMaxValue(o),step:1,value:this.formValues[o]?.value,onInputValueChanged:t=>this.onNumberValueChanged({value:t.detail},o),selectOnFocus:this.selectOnFocus,"accessibility-label":t.name[this.language],theme:this.theme}))}renderSummaryTable(){return a("div",{class:"summary-table"},this.renderSummaryRow(f.V_CPU,null,`x ${l("components-cloud-configurator-unit-cores")}`),this.renderSummaryRow(f.V_RAM),this.renderSummaryRow(f.STORAGE),this.renderSummaryRow(f.EXTRA_STORAGE),this.renderSummaryRow(f.LICENSE),this.renderSummaryRow(f.MS_LICENSE,null,l("components-cloud-configurator-unit-pieces")),this.renderSummaryRow(f.BANDWIDTH,["bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_bandwidth"]))}renderSummaryRow(o,t,e){let r,n=h[o];if(r=t||this.getFieldKeysByGroup(o),o===f.BANDWIDTH&&(r=r.filter((o=>"ddos_protection_enabled"!==o)),this.formValues.ddos_protection_enabled?.value?(r=r.filter((o=>"bandwidth_capacity"!==o)),n="components-cloud-configurator-group-bandwidth-ddos"):r=r.filter((o=>"ddos_protection_bandwidth"!==o))),!Object.entries(this.fields).some((o=>r.includes(o[0]))))return null;const i=[a("div",{class:"summary-table__header"},l(n))];let s=!0;for(const o of r){const t=this.formValues[o];if(!this.fields[o]||!t||!t[this.selectedPeriod])continue;s||i.push(a("div",{class:"summary-table__header"}));const r=this.getLabel(o),n=e||t.suffix?.name;i.push(a("div",{class:"summary-table__label"},!!r&&a("span",null,`${r},`),a("span",null,`${t?.value}${n}`)));const c=t[this.selectedPeriod]||0,u=l(this.selectedPeriod===m.MONTHLY?"components-cloud-configurator-price-suffix-montly":"components-cloud-configurator-price-suffix-hourly");i.push(a("div",{class:"summary-table__value"},`${x(c,this.selectedPeriod)} ${u}`)),s=!1}return 1===i.length?null:a("div",{class:"summary-table__row"},i.map((o=>o)))}renderFloatingSummary(){const o=this.getFieldKeysByGroup(f.V_CPU),t=this.getFieldKeysByGroup(f.V_RAM),e=this.getFieldKeysByGroup(f.STORAGE),r=this.getFieldKeysByGroup(f.EXTRA_STORAGE),n=this.getFieldKeysByGroup(f.LICENSE),i=this.getFieldKeysByGroup(f.BANDWIDTH),s=this.getFieldKeysByGroup(f.MS_LICENSE),c=Object.values(this.formValues),u=c.reduce(((r,a)=>(o.includes(a.key)?r.cpu+=a.value:t.includes(a.key)?r.ram+=a.value:e.includes(a.key)&&(r.storage+=a.value*(a.suffix?.value||1)),r)),{cpu:0,ram:0,storage:0});let d=0;c.some((o=>n.includes(o.key)&&o.value))&&(d+=1),c.some((o=>i.includes(o.key)&&o.value))&&(d+=1),c.some((o=>s.includes(o.key)&&o.value))&&(d+=1),c.some((o=>r.includes(o.key)&&o.value))&&(d+=1);const m=this.getTotals();return a("div",{class:"floating-summary__container"},this.isFloatingSummary&&a("div",{class:"floating-summary__count"},a("span",{class:"floating-summary__count--item"},`${u.cpu} ${l("components-cloud-configurator-summary-cpu")},`),a("span",{class:"floating-summary__count--item"},`${u.ram} ${l("components-cloud-configurator-unit-gigabyte")} ${l("components-cloud-configurator-summary-ram")},`),a("span",{class:"floating-summary__count--break"}),a("span",{class:"floating-summary__count--item"},`${u.storage} ${l("components-cloud-configurator-unit-gigabyte")} ${l("components-cloud-configurator-summary-storage")}`),a("span",{class:"floating-summary__count--other"},`+${d}`)),a("div",{class:"floating-summary__sum"},a("span",{class:"floating-summary__sum--label"},`${l("components-cloud-configurator-summary-sum")}:`),a("span",{class:"floating-summary__sum--value"},`${x(m[this.selectedPeriod],this.selectedPeriod)} ${l("components-cloud-configurator-price-unit")}`)))}renderPlaceholder(){return a(i,null,a("div",{class:{"cloud-configurator":!0,[this.theme]:!!this.theme}},a("div",{class:"content"},a("div",{class:"content__title"},a("tet-placeholder",{width:"90%",height:"1.75rem",darkTheme:"dark"===this.theme})),a("div",{class:"content__subtitle"},a("tet-placeholder",{width:"100%",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form",part:"form"},a("div",{class:"form__group"},a("div",{class:"form__group-label"},a("tet-placeholder",{width:"10rem",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme}))),a("div",{class:"form__group"},a("div",{class:"form__group-label"},a("tet-placeholder",{width:"10rem",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"})))),a("div",{class:"header",part:"header"},a("div",{class:"inner-wrapper"},a("tet-placeholder",{width:"25.5rem",height:"2.875rem",darkTheme:"dark"===this.theme})))))}render(){return this.isLoading?this.renderPlaceholder():a(i,null,a("div",{class:{"cloud-configurator":!0,[this.theme]:!!this.theme}},a("div",{class:{header:!0,[this.theme]:!!this.theme},part:"header",ref:o=>this.headerRef=o},a("div",{class:"inner-wrapper"},a("tet-tab-header",{class:"header__segment-switch",segmented:!0,position:"center",defaultTab:"small",theme:this.theme,onTabSelected:this.onTabSelected},a("button",{"data-name":d.SMALL},a("p",null,l("components-cloud-configurator-type-small"))),a("button",{"data-name":d.AVERAGE},a("p",null,l("components-cloud-configurator-type-average"))),a("button",{"data-name":d.LARGE},a("p",null,l("components-cloud-configurator-type-large"))),a("button",{"data-name":d.INDIVIDUAL},a("p",null,l("components-cloud-configurator-type-custom")))))),a("div",{class:"content",part:"content"},this.renderTitle(),a("div",{class:"form",part:"form"},a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-vcpu")),this.renderNumberInput("v_cpu_standard"),this.renderNumberInput("v_cpu_performance")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-vram")),this.renderNumberInput("v_ram"),a("div",{class:"form__input"})),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-storage")),this.renderNumberInput("storage_bronze"),this.renderNumberInput("storage_silver"),this.renderNumberInput("storage_gold"),this.renderNumberInput("storage_platinum")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-extra-storage")),this.renderNumberInput("storage_backup"),this.renderNumberInput("storage_object")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-license")),this.renderNumberInput("license_windows"),this.renderNumberInput("license_veeam")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-ms-license")),a("div",{class:{"expandable-list":!0,expanded:this.isListExpanded}},this.renderExpandableItem("sql_server_standard_core"),this.renderExpandableItem("win_rds"),this.renderExpandableItem("win_server_standard_core"),this.renderExpandableItem("win_server_dc_core"),this.renderExpandableItem("sql_server_standard"),this.renderExpandableItem("office_standard"),this.renderExpandableItem("office_professional_plus"),this.renderExpandableItem("cis_suite_standard_core"),this.renderExpandableItem("project_standard"),this.renderExpandableItem("sharepoint_server"),a("div",{class:"expandable-list__toggle-row"},this.isListExpanded&&a(n,null,a("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},l("components-cloud-configurator-ms-license-collapse")," ",a("tet-icon",{name:"tc-chevron-up",theme:this.theme})),a("div",{innerHTML:l("components-cloud-configurator-ms-license-full-list")})),!this.isListExpanded&&a("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},l("components-cloud-configurator-ms-license-expand")," ",a("tet-icon",{name:"tc-chevron-down",theme:this.theme}))))),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-bandwidth")),this.renderNumberInput("bandwidth_ip"),this.renderNumberInput("bandwidth_router"),this.renderNumberInput("bandwidth_capacity",{disabled:!0,hidden:Boolean(this.formValues.ddos_protection_enabled?.value)}),this.renderNumberInput("ddos_protection_bandwidth",{hidden:!Boolean(this.formValues.ddos_protection_enabled?.value)}),a("div",{class:"form__input"}),a("div",{class:"form__checkbox"},a("tet-checkbox",{label:this.getLabel("ddos_protection_enabled"),value:this.formValues.ddos_protection_enabled?.value,checked:!!this.formValues.ddos_protection_enabled?.value,onCheck:this.onDdosProtectionEnabledCheck,theme:this.theme}),a("p",{class:"form__checkbox-helper"},this.getHelperText("ddos_protection_enabled"))))),a("div",{class:"summary",part:"summary"},a("h2",{class:"summary__title"},l("components-cloud-configurator-group-summary")),a("div",{class:"summary__toggle",role:"radiogroup"},a("tet-radio",{name:"summary-period",value:m.MONTHLY,checked:this.selectedPeriod===m.MONTHLY,label:l("components-cloud-configurator-summary-period-monthly"),theme:this.theme,onCheck:this.onSummaryPeriodChange}),a("tet-radio",{name:"summary-period",value:m.HOURLY,checked:this.selectedPeriod===m.HOURLY,label:l("components-cloud-configurator-summary-period-hourly"),theme:this.theme,onCheck:this.onSummaryPeriodChange})),this.renderSummaryTable())),a("div",{class:{"floating-summary":!0,"floating-summary--is-pinned":this.isFloatingSummary},part:"floating-summary"},this.renderFloatingSummary()),a("div",{part:"footer",class:"footer",ref:o=>this.footerRef=o},a("tet-button",{class:"footer__button",size:"large",type:"primary",theme:this.theme,onClick:this.onFormSubmit},l("components-cloud-configurator-submit")))))}static get watchers(){return{isLoading:["onisLoadingChange"],headerRef:["onHeaderRefChange"],footerRef:["onFooterRefChange"],selectedTab:["onSelectedTabChange"],language:["onLanguageChange"]}}};G.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tet-cloud-calculator-border-radius:none;--tet-cloud-calculator-background-primary-color:var(--tc-background-primary);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary);--tet-cloud-calculator-background-floating-summary:var(--tc-layer-inverse-primary);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-inverse-primary);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey);display:block;height:100%;width:100%}.cloud-configurator{position:relative;border-radius:var(--tet-cloud-calculator-border-radius);background-color:var(--tet-cloud-calculator-background-primary-color);display:flex;flex-direction:column;height:100%;width:100%;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator.dark{--tet-cloud-calculator-background-primary-color:var(--tc-background-primary-dark);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary-dark);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary-dark);--tet-cloud-calculator-background-floating-summary:var(--tc-background-tertiary-dark);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary-dark);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary-dark);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-primary-dark);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary-dark);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary-dark);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey-dark)}.cloud-configurator .header{position:-webkit-sticky;position:sticky;top:0;order:-1;z-index:2;margin:1.75rem 0 0;overflow:hidden;padding-bottom:0.25rem}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.5rem 0.75rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-segmended-item-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{display:flex;justify-content:center;width:100%;padding:0.75rem 0;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .header--is-pinned .inner-wrapper{-moz-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1)}.cloud-configurator .content{margin:2.5rem 1rem 0}.cloud-configurator .content__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:center;max-width:29.25rem;margin:0 auto 0.5rem}.cloud-configurator .content__subtitle{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);text-align:center;margin:0 auto 3.5rem;max-width:29.25rem}.cloud-configurator .form{display:flex;flex-direction:column;gap:2.5rem;width:100%}.cloud-configurator .form__group{display:flex;flex-wrap:wrap;row-gap:1.5rem;column-gap:2.5rem;padding-bottom:2rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color);justify-content:center}.cloud-configurator .form__group-label{width:100%;min-width:100%;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .form__input{min-width:15.625rem;max-width:21.875rem;flex:1 1 calc(50% - 1.5rem)}.cloud-configurator .form__input>*{width:100%}.cloud-configurator .form__checkbox{margin-top:0.5rem;padding-left:0.25rem;width:100%}.cloud-configurator .form__checkbox tet-checkbox{padding-left:0.25rem;display:flex}.cloud-configurator .form__checkbox-helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);margin-left:2rem;max-width:36.563rem}.cloud-configurator .expandable-list{display:flex;flex-direction:column;width:100%;gap:0.5rem}.cloud-configurator .expandable-list.expanded .expandable-item:nth-child(n+4){display:flex}.cloud-configurator .expandable-list .expandable-item{display:flex;flex-direction:row;width:100%;padding-bottom:0.5rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .expandable-list .expandable-item:nth-child(n+4){display:none}.cloud-configurator .expandable-list .expandable-item__description{display:flex;flex-direction:column;flex:1}.cloud-configurator .expandable-list .expandable-item__label{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list .expandable-item__helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color)}.cloud-configurator .expandable-list__toggle-row{display:flex;justify-content:space-between;flex-direction:column;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--icon-size:1.25rem}.cloud-configurator .expandable-list__toggle,.cloud-configurator .expandable-list__link{display:flex;align-items:flex-end;gap:0.25rem;padding:0.5rem 0;text-decoration:underline;cursor:pointer;color:var(--tet-cloud-calculator-text-primary-color);border-color:transparent;background:transparent;font-size:inherit}.cloud-configurator .expandable-list__toggle:visited,.cloud-configurator .expandable-list__link:visited{color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list__toggle:hover,.cloud-configurator .expandable-list__link:hover{color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__toggle:hover tet-icon,.cloud-configurator .expandable-list__link:hover tet-icon{--icon-color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__link tet-icon{padding-bottom:0.125rem;--icon-color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .summary{margin:2.5rem 0 0;padding-bottom:1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{display:flex;gap:1.5rem;padding-bottom:1.5rem;justify-content:flex-start;margin:1.5rem 0 1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary-table{display:grid;grid-template-columns:3fr 1fr;width:100%;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .summary-table__row{display:contents}.cloud-configurator .summary-table__row:nth-child(2n)>*{background-color:var(--tet-cloud-calculator-background-secondary-color)}.cloud-configurator .summary-table__row>*{height:100%;padding-bottom:0.125rem}.cloud-configurator .summary-table__row>*.summary-table__header{padding-left:1rem;padding-bottom:0.5rem}.cloud-configurator .summary-table__row>*.summary-table__label{padding-left:1rem}.cloud-configurator .summary-table__row>*.summary-table__value{padding-right:1rem}.cloud-configurator .summary-table__row>*:nth-child(-n+1){padding-top:0.75rem}.cloud-configurator .summary-table__row>*:nth-last-child(-n+2){padding-bottom:0.75rem}.cloud-configurator .summary-table__header{grid-column:span 2;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap}.cloud-configurator .summary-table__header~.summary-table__header{display:none}.cloud-configurator .summary-table__label{grid-column:1;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:left;color:var(--tet-cloud-calculator-text-secondary-color);white-space:nowrap;min-width:10rem;display:flex;justify-content:flex-start;gap:0.5rem;padding-right:0.5rem}.cloud-configurator .summary-table__label>span:first-of-type{text-overflow:ellipsis;overflow:hidden}.cloud-configurator .summary-table__value{grid-column:2;text-align:right;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap;padding-left:0}.cloud-configurator .floating-summary{display:flex;position:-webkit-sticky;position:sticky;z-index:1;bottom:0;background-color:var(--tet-cloud-calculator-background-primary-color);color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .floating-summary--is-pinned{background-color:var(--tet-cloud-calculator-background-floating-summary);color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary__container{padding:0.5rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;width:100%}.cloud-configurator .floating-summary__count{display:none;align-items:center}.cloud-configurator .floating-summary--is-pinned .floating-summary__count{display:flex;flex-direction:row;column-gap:0.5rem;flex-wrap:wrap;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--item{color:var(--tet-cloud-calculator-text-blue-grey)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--other{color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--break{flex-basis:100%;height:0}.cloud-configurator .floating-summary__sum{display:flex;flex-direction:row;gap:0.25rem;align-items:flex-end;flex:1 0 auto;font:400 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__sum--label{margin-left:auto}.cloud-configurator .floating-summary__sum--value{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum--value{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{display:flex;flex-direction:row-reverse;margin:0 1rem 2.5rem;padding-top:1rem}.cloud-configurator .footer__button{--button-width:9.375rem}@media all and (min-width: 31.25rem){.cloud-configurator .content{margin:2.5rem 1.5rem 0}.cloud-configurator .content__title{font:500 2.5rem/3rem Gilroy, Gilroy, Arial, sans-serif}.cloud-configurator .expandable-list__toggle-row{flex-direction:row}.cloud-configurator .footer{margin:0 1.5rem 2.5rem}}@media all and (min-width: 48rem){.cloud-configurator .header{margin:1.5rem 0 0}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{padding:1rem 0}.cloud-configurator .content{margin:2.5rem 2rem 0}.cloud-configurator .footer{margin:0 2rem 2.5rem}.cloud-configurator .form__group{padding-bottom:2.5rem}.cloud-configurator .form__group-label{font:500 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{justify-content:flex-end;margin-top:0.5rem}.cloud-configurator .summary__title{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary-table{display:grid;grid-template-columns:2fr 5fr}.cloud-configurator .summary-table__header{grid-column:1}.cloud-configurator .summary-table__row>*.summary-table__header{padding-bottom:unset}.cloud-configurator .summary-table__row>*:nth-child(-n+3){padding-top:0.75rem}.cloud-configurator .summary-table__header~.summary-table__header{display:block}.cloud-configurator .summary-table__label{grid-column:2;text-align:right;justify-content:flex-end}.cloud-configurator .summary-table__value{grid-column:3}.cloud-configurator .floating-summary{height:4rem}.cloud-configurator .floating-summary__container{padding:1rem 2rem}.cloud-configurator .floating-summary__count{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__count--break{display:none}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{align-items:center}.cloud-configurator .floating-summary__sum{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{padding-top:0.5rem}}@media all and (min-width: 64rem){.cloud-configurator .content{margin:2.5rem 2.5rem 0}.cloud-configurator .footer{margin:0 2.5rem 2.5rem}.cloud-configurator .floating-summary__container{padding:1rem 2.5rem}}';export{G as tet_cloud_configurator}

package/dist/tet-components/{p-4cf440ee.entry.js → p-82a18864.entry.js}

@@ -1 +1 @@
-import{r as o,f as t,h as e,H as n}from"./p-5abb3bea.js";import{p as r,t as a}from"./p-aca88f25.js";import{b as i}from"./p-9a2b6ee2.js";import"./p-fa674b43.js";const f=class{constructor(t){o(this,t),this.tagTitle=void 0,this.count=void 0,this.active=!1,this.theme="classic",this.showIcon=!1,this.disabled=!1,this.language="lv"}async onLanguageChange(o){await r("tet-components",o),t(this)}async componentWillLoad(){await r("tet-components",this.language)}render(){return e(n,{key:"0afd33de36d01a62509024f99f0e152b93b061fb"},e("button",{key:"b557951086eedfcc3e2a2fb795693fb23e8497e7",class:{tag:!0,"tag-active":this.active,"tag--icon":this.showIcon,[`theme-${this.theme}`]:!0},"aria-pressed":this.active.toString(),disabled:this.disabled},this.tagTitle&&e("p",{key:"b24e9a083482394d3649129dfdc354cd1d36a2e7",class:"tag-title"},a(this.tagTitle)),null!=this.count&&e("span",{key:"c98077a0914fcc103e3dc0b4d0f8bd58fd85c846",class:"tag-count"},this.count),this.showIcon&&e("tet-icon",{key:"77d1260955f5b688807afd6bead03da450825881",class:"tag-icon",name:"tc-close-circle",part:"icon-selected"})))}static get watchers(){return{language:["onLanguageChange"]}}};f.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:inline-block;--tag-background-color:rgb(255, 255, 255);--tag-hover-background-color:linear-gradient(rgba(88, 99, 116, 0.08), rgba(88, 99, 116, 0.08)), linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));--tag-active-background-color:rgb(10, 11, 13);--tag-border-color:rgb(153, 160, 174);--tag-active-border-color:rgb(10, 11, 13);--tag-disabled-border-color:var(--tc-button-border-disabled);--tag-text-color:rgb(10, 11, 13);--tag-active-text-color:rgb(255, 255, 255);--tag-focus-outline-color:var(--tc-blue-40);--tag-disabled-text-color:var(--tc-button-text-secondary-disabled);--tag-padding:0.375rem 0.75rem}.tag{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";cursor:pointer;display:flex;align-items:center;gap:0.25rem;padding:var(--tag-padding);color:var(--tag-text-color);border-radius:0.625rem;background:var(--tag-background-color);border-color:var(--tag-border-color);border:0.0625rem solid var(--tag-border-color)}.tag:hover:not(:disabled){background:var(--tag-hover-background-color)}.tag:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tag-focus-outline-color);border-color:transparent}.tag:active:not(:disabled),.tag.tag-active:not(:disabled){color:var(--tag-active-text-color);background:var(--tag-active-background-color);border-color:var(--tag-active-border-color)}.tag:active:not(:disabled) .tag-icon,.tag.tag-active:not(:disabled) .tag-icon{--icon-color:var(--tag-active-text-color)}.tag:disabled{border-color:var(--tag-disabled-border-color);color:var(--tag-disabled-text-color);cursor:not-allowed;background:transparent}.tag--icon{padding:0.375rem 0.625rem 0.365rem 0.75rem}.tag.theme-light{--tag-background-color:var(--tc-layer-primary);--tag-hover-background-color:var(--tc-button-primary-background-inverse-hover);--tag-active-background-color:var(--tc-layer-inverse-primary);--tag-border-color:var(--tc-border-secondary);--tag-active-border-color:var(--tc-button-primary-background-default);--tag-focus-outline-color:var(--tc-blue-40);--tag-disabled-border-color:var(--tc-button-border-disabled);--tag-text-color:var(--tc-button-text-secondary);--tag-active-text-color:var(--tc-button-text-primary);--tag-disabled-text-color:var(--tc-button-text-secondary-disabled)}.tag.theme-dark{--tag-background-color:var(--tc-layer-primary-dark);--tag-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--tag-active-background-color:var(--tc-layer-inverse-primary-dark);--tag-border-color:var(--tc-border-secondary-dark);--tag-active-border-color:var(--tc-button-primary-background-default-dark);--tag-focus-outline-color:var(--tc-blue-40-dark);--tag-disabled-border-color:var(--tc-button-border-disabled-dark);--tag-text-color:var(--tc-button-text-secondary-dark);--tag-active-text-color:var(--tc-button-text-primary-dark);--tag-disabled-text-color:var(--tc-button-text-secondary-disabled-dark)}.tag.theme-mint{--tag-background-color:rgb(35, 40, 46);--tag-hover-background-color:linear-gradient(rgba(26, 213, 219, 0.08), rgba(26, 213, 219, 0.08)), linear-gradient(rgb(35, 40, 46), rgb(35, 40, 46));--tag-active-background-color:rgb(26, 213, 219);--tag-border-color:rgb(26, 213, 219);--tag-active-border-color:rgb(26, 213, 219);--tag-disabled-border-color:var(--tc-button-border-disabled-dark);--tag-text-color:rgb(255, 255, 255);--tag-active-text-color:rgb(10, 11, 13);--tag-disabled-text-color:var(--tc-button-text-secondary-disabled-dark)}.tag .tag-icon{--icon-size:1rem;--icon-color:var(--tag-text-color);display:flex}';const l=class{constructor(t){o(this,t),this.language="lv",this.tags=[],this.theme="classic"}renderTag=o=>e("tet-tag",{class:"single-tag",part:"tag",tagTitle:o.title,count:o.count,active:o.active,showIcon:o.showIcon,language:this.language,theme:this.theme,disabled:o.disabled,onClick:()=>i(o.clickAction)?o.clickAction(o):null});render(){return e("div",{key:"f619e65de3bb1720a15764e3efdb076ea66a0ada",class:"tags"},this.tags.map(this.renderTag))}};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)}:host{--tag-group-align:inherit;display:block}.tags{display:flex;flex-wrap:wrap;gap:0.5em;row-gap:0.75em;justify-content:var(--tag-group-align)}';export{f as tet_tag,l as tet_tag_group}
+import{r as o,f as t,h as e,H as n}from"./p-83f43fdd.js";import{p as r,t as a}from"./p-5ba9e9d8.js";import{b as i}from"./p-9a2b6ee2.js";import"./p-3e60d61c.js";const f=class{constructor(t){o(this,t),this.tagTitle=void 0,this.count=void 0,this.active=!1,this.theme="classic",this.showIcon=!1,this.disabled=!1,this.language="lv"}async onLanguageChange(o){await r("tet-components",o),t(this)}async componentWillLoad(){await r("tet-components",this.language)}render(){return e(n,{key:"0afd33de36d01a62509024f99f0e152b93b061fb"},e("button",{key:"b557951086eedfcc3e2a2fb795693fb23e8497e7",class:{tag:!0,"tag-active":this.active,"tag--icon":this.showIcon,[`theme-${this.theme}`]:!0},"aria-pressed":this.active.toString(),disabled:this.disabled},this.tagTitle&&e("p",{key:"b24e9a083482394d3649129dfdc354cd1d36a2e7",class:"tag-title"},a(this.tagTitle)),null!=this.count&&e("span",{key:"c98077a0914fcc103e3dc0b4d0f8bd58fd85c846",class:"tag-count"},this.count),this.showIcon&&e("tet-icon",{key:"77d1260955f5b688807afd6bead03da450825881",class:"tag-icon",name:"tc-close-circle",part:"icon-selected"})))}static get watchers(){return{language:["onLanguageChange"]}}};f.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:inline-block;--tag-background-color:rgb(255, 255, 255);--tag-hover-background-color:linear-gradient(rgba(88, 99, 116, 0.08), rgba(88, 99, 116, 0.08)), linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));--tag-active-background-color:rgb(10, 11, 13);--tag-border-color:rgb(153, 160, 174);--tag-active-border-color:rgb(10, 11, 13);--tag-disabled-border-color:var(--tc-button-border-disabled);--tag-text-color:rgb(10, 11, 13);--tag-active-text-color:rgb(255, 255, 255);--tag-focus-outline-color:var(--tc-blue-40);--tag-disabled-text-color:var(--tc-button-text-secondary-disabled);--tag-padding:0.375rem 0.75rem}.tag{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";cursor:pointer;display:flex;align-items:center;gap:0.25rem;padding:var(--tag-padding);color:var(--tag-text-color);border-radius:0.625rem;background:var(--tag-background-color);border-color:var(--tag-border-color);border:0.0625rem solid var(--tag-border-color)}.tag:hover:not(:disabled){background:var(--tag-hover-background-color)}.tag:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tag-focus-outline-color);border-color:transparent}.tag:active:not(:disabled),.tag.tag-active:not(:disabled){color:var(--tag-active-text-color);background:var(--tag-active-background-color);border-color:var(--tag-active-border-color)}.tag:active:not(:disabled) .tag-icon,.tag.tag-active:not(:disabled) .tag-icon{--icon-color:var(--tag-active-text-color)}.tag:disabled{border-color:var(--tag-disabled-border-color);color:var(--tag-disabled-text-color);cursor:not-allowed;background:transparent}.tag--icon{padding:0.375rem 0.625rem 0.365rem 0.75rem}.tag.theme-light{--tag-background-color:var(--tc-layer-primary);--tag-hover-background-color:var(--tc-button-primary-background-inverse-hover);--tag-active-background-color:var(--tc-layer-inverse-primary);--tag-border-color:var(--tc-border-secondary);--tag-active-border-color:var(--tc-button-primary-background-default);--tag-focus-outline-color:var(--tc-blue-40);--tag-disabled-border-color:var(--tc-button-border-disabled);--tag-text-color:var(--tc-button-text-secondary);--tag-active-text-color:var(--tc-button-text-primary);--tag-disabled-text-color:var(--tc-button-text-secondary-disabled)}.tag.theme-dark{--tag-background-color:var(--tc-layer-primary-dark);--tag-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--tag-active-background-color:var(--tc-layer-inverse-primary-dark);--tag-border-color:var(--tc-border-secondary-dark);--tag-active-border-color:var(--tc-button-primary-background-default-dark);--tag-focus-outline-color:var(--tc-blue-40-dark);--tag-disabled-border-color:var(--tc-button-border-disabled-dark);--tag-text-color:var(--tc-button-text-secondary-dark);--tag-active-text-color:var(--tc-button-text-primary-dark);--tag-disabled-text-color:var(--tc-button-text-secondary-disabled-dark)}.tag.theme-mint{--tag-background-color:rgb(35, 40, 46);--tag-hover-background-color:linear-gradient(rgba(26, 213, 219, 0.08), rgba(26, 213, 219, 0.08)), linear-gradient(rgb(35, 40, 46), rgb(35, 40, 46));--tag-active-background-color:rgb(26, 213, 219);--tag-border-color:rgb(26, 213, 219);--tag-active-border-color:rgb(26, 213, 219);--tag-disabled-border-color:var(--tc-button-border-disabled-dark);--tag-text-color:rgb(255, 255, 255);--tag-active-text-color:rgb(10, 11, 13);--tag-disabled-text-color:var(--tc-button-text-secondary-disabled-dark)}.tag .tag-icon{--icon-size:1rem;--icon-color:var(--tag-text-color);display:flex}';const l=class{constructor(t){o(this,t),this.language="lv",this.tags=[],this.theme="classic"}renderTag=o=>e("tet-tag",{class:"single-tag",part:"tag",tagTitle:o.title,count:o.count,active:o.active,showIcon:o.showIcon,language:this.language,theme:this.theme,disabled:o.disabled,onClick:()=>i(o.clickAction)?o.clickAction(o):null});render(){return e("div",{key:"f619e65de3bb1720a15764e3efdb076ea66a0ada",class:"tags"},this.tags.map(this.renderTag))}};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)}:host{--tag-group-align:inherit;display:block}.tags{display:flex;flex-wrap:wrap;gap:0.5em;row-gap:0.75em;justify-content:var(--tag-group-align)}';export{f as tet_tag,l as tet_tag_group}