@tet/tet-components 1.4.87-testing → 1.4.88-staging

package/dist/types/components.d.ts

@@ -25,7 +25,7 @@ import { TetBusinessTheme as TetBusinessTheme1 } from "./components/advanced/car
 import { BusinessLine } from "./services/api/services/business-lines/business-lines";
 import { BusinessMenuItem } from "./components/simple/menu/tet-business-navigation/tet-business-navigation";
 import { BusinessRoundStepperData, BusinessRoundStepperLayoutType } from "./components/basic/steppers/tet-business-round-stepper/tet-business-round-stepper";
-import { ButtonSize, ButtonTheme, ButtonType, ColorTheme, IconPosition } from "./components/basic/buttons/tet-button/tet-button";
+import { BreakpointMap, ButtonSize, ButtonTheme, ButtonType, ColorTheme, IconPosition } from "./components/basic/buttons/tet-button/tet-button";
 import { ITetCardListScrollEvent } from "./components/advanced/cards/tet-card-list/interfaces/ITetCardListScrollEvent";
 import { IScroll } from "./services/utils/inertia-scroll";
 import { LabelFont } from "./components/basic/buttons/types/common";
@@ -100,7 +100,7 @@ export { TetBusinessTheme as TetBusinessTheme1 } from "./components/advanced/car
 export { BusinessLine } from "./services/api/services/business-lines/business-lines";
 export { BusinessMenuItem } from "./components/simple/menu/tet-business-navigation/tet-business-navigation";
 export { BusinessRoundStepperData, BusinessRoundStepperLayoutType } from "./components/basic/steppers/tet-business-round-stepper/tet-business-round-stepper";
-export { ButtonSize, ButtonTheme, ButtonType, ColorTheme, IconPosition } from "./components/basic/buttons/tet-button/tet-button";
+export { BreakpointMap, ButtonSize, ButtonTheme, ButtonType, ColorTheme, IconPosition } from "./components/basic/buttons/tet-button/tet-button";
 export { ITetCardListScrollEvent } from "./components/advanced/cards/tet-card-list/interfaces/ITetCardListScrollEvent";
 export { IScroll } from "./services/utils/inertia-scroll";
 export { LabelFont } from "./components/basic/buttons/types/common";
@@ -1082,6 +1082,10 @@ export namespace Components {
           * The value of the aria label.
          */
         "accessibilityLabel": string;
+        /**
+          * Configures button properties for specific responsive breakpoints.
+         */
+        "breakpointConfig": BreakpointMap;
         /**
           * The callback function to execute on button click.
          */
@@ -1105,7 +1109,7 @@ export namespace Components {
         /**
           * The ID of the button
          */
-        "elementId": string;
+        "elementId"?: string;
         /**
           * Determines whether the button should assume "icon" mode - round circle with just the icon in the middle.
          */
@@ -7365,6 +7369,10 @@ declare namespace LocalJSX {
           * The value of the aria label.
          */
         "accessibilityLabel"?: string;
+        /**
+          * Configures button properties for specific responsive breakpoints.
+         */
+        "breakpointConfig"?: BreakpointMap;
         /**
           * The callback function to execute on button click.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tet/tet-components",
-  "version": "v1.4.87-testing",
+  "version": "v1.4.88-staging",
   "description": "A Stencil-based Web Components library for reusable UI elements.",
   "homepage": "https://tet.lv",
   "main": "dist/index.cjs.js",

package/dist/components/p-5e83750b.js

@@ -1,153 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-25b93e8f.js';
-import { d as defineCustomElement$1 } from './p-eeb8a143.js';
-
-const tetButtonCss = ":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{--button-text-decoration:none;--button-background:rgb(255, 255, 255);--button-text-color:rgb(247, 247, 247);--button-border-color:rgb(0, 96, 245);--button-border:0.125rem solid var(--button-border-color);--button-width:auto;--button-box-shadow:none;--button-font-weight:500;--button-gap:0.25rem;--button-icon-size:1.25rem;--button-content-gap:0.5rem;--button-font-size-small:0.875rem;--button-padding-small:0.375rem 0.875rem;--button-font-size-medium:1rem;--button-padding-medium:0.5rem 1rem;--button-font-size-large:1rem;--button-padding-large:0.625rem 1.25rem;--button-font-size:var(--button-font-size-large);--button-padding:var(--button-padding-large);display:inline-block;border-radius:2rem;width:fit-content;cursor:pointer}.button{--button-icon-mode-padding-internal:0.75rem;min-width:7.5rem;line-height:1.5rem;--button-text-color-current:var(--button-text-color);--button-border-color-current:var(--button-border-color);--button-background-current:var(--button-background);--button-box-shadow-current:var(--button-box-shadow);--button-text-decoration-current:var(--button-text-decoration);--button-icon-color-current:var(--button-icon-color, var(--button-text-color-current));--button-text-color-hover:var(--button-text-color);--button-border-color-hover:var(--button-border-color);--button-background-hover:var(--button-background);--button-box-shadow-hover:var(--button-box-shadow);--button-text-decoration-hover:var(--button-text-decoration);--button-text-color-focus:var(--button-text-color);--button-border-color-focus:var(--button-border-color);--button-background-focus:var(--button-background);--button-box-shadow-focus:var(--button-box-shadow);--button-text-decoration-focus:var(--button-text-decoration);--button-text-color-active:var(--button-text-color-hover);--button-border-color-active:var(--button-border-color-hover);--button-background-active:var(--button-background-hover);--button-box-shadow-active:var(--button-box-shadow-hover);--button-text-decoration-active:var(--button-text-decoration-hover);--button-text-color-disabled:var(--button-text-color);--button-border-color-disabled:var(--button-border-color);--button-background-disabled:var(--button-background);--button-box-shadow-disabled:var(--button-box-shadow);--button-text-decoration-disabled:var(--button-text-decoration);--button-icon-color-disabled:var(--button-icon-color, var(--button-text-color-disabled));display:flex;justify-content:center;flex-direction:row;align-items:center;gap:var(--button-gap);width:var(--button-width);border-radius:2rem;cursor:inherit;transition:all 0.2s ease-in-out;font-family:var(--font-family-content);font-weight:var(--button-font-weight);color:var(--button-text-color-current);border:var(--button-border);background-color:var(--button-background-current);border-color:var(--button-border-color-current);box-shadow:var(--button-box-shadow-current);text-decoration:var(--button-text-decoration-current);font-size:var(--button-font-size);padding:var(--button-padding)}.button--small{--button-font-size:var(--button-font-size-small);--button-padding:var(--button-padding-small);--button-icon-mode-padding-internal:0.375rem;min-width:6.25rem;line-height:1.25rem}.button--medium{--button-font-size:var(--button-font-size-medium);--button-padding:var(--button-padding-medium);--button-icon-mode-padding-internal:0.625rem;min-width:6.875rem}.button__content{display:flex;align-items:center;gap:var(--button-content-gap)}.button:hover:not(:disabled){backdrop-filter:blur(7.5px);--button-text-color-current:var(--button-text-color-hover);--button-border-color-current:var(--button-border-color-hover);--button-background-current:var(--button-background-hover);--button-box-shadow-current:var(--button-box-shadow-hover);--button-text-decoration-current:var(--button-text-decoration-hover)}.button:where(.button--type-ghost,.button--type-link,.button--classic-theme,.button--mint-theme):focus:not(:disabled){--button-text-color-current:var(--button-text-color-focus);--button-border-color-current:var(--button-border-color-focus);--button-background-current:var(--button-background-focus);--button-box-shadow-current:var(--button-box-shadow-focus);--button-text-decoration-current:var(--button-text-decoration-focus)}.button:focus-visible:not(:disabled){--button-box-shadow-current:none;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.button:is(.button--dark-theme,.button--dark-inverse-theme):focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.button:active:not(:disabled){backdrop-filter:blur(7.5px);--button-text-color-current:var(--button-text-color-active);--button-border-color-current:var(--button-border-color-active);--button-background-current:var(--button-background-active);--button-box-shadow-current:var(--button-box-shadow-active);--button-text-decoration-current:var(--button-text-decoration-active)}.button:disabled{cursor:not-allowed;backdrop-filter:blur(5px);--button-text-color-current:var(--button-text-color-disabled);--button-border-color-current:var(--button-border-color-disabled);--button-background-current:var(--button-background-disabled);--button-box-shadow-current:var(--button-box-shadow-disabled);--button-text-decoration-current:var(--button-text-decoration-disabled);--button-icon-color-current:var(--button-icon-color-disabled)}.button--with-icon tet-icon{pointer-events:none;--icon-color:var(--button-icon-color-current);--icon-size:var(--button-icon-size);--icon-container-display:flex}.button--type-primary{--button-background:initial;--button-border-color:transparent;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-primary.button--dark-theme{--button-text-color:var(--tc-button-text-primary-dark);--button-background:var(--tc-button-primary-background-default-dark);--button-icon-color:var(--tc-button-icon-primary-dark);--button-background-hover:var(--tc-button-primary-background-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-primary-background-pressed-dark);--button-text-color-disabled:var(--tc-button-text-disabled-dark);--button-background-disabled:var(--tc-button-primary-background-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-disabled-dark)}.button--type-primary.button--dark-theme.button--color-theme-yellow,.button--type-primary.button--dark-theme.button--color-theme-adaptive-yellow{--button-text-color:var(--tc-button-text-black-permanent-dark);--button-background:var(--tc-button-primary-yellow-background-default-dark);--button-icon-color:var(--tc-button-icon-black-permanent-dark);--button-background-hover:var(--tc-button-primary-yellow-background-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-primary-yellow-background-pressed-dark)}.button--type-primary.button--dark-theme.button--custom-color{--button-text-color:var(--tc-button-text-white-permanent-dark);--button-icon-color:var(--tc-button-icon-white-permanent-dark)}.button--type-primary.button--dark-theme.button--custom-color-content-dark{--button-text-color:var(--tc-button-text-black-permanent-dark);--button-icon-color:var(--tc-button-icon-black-permanent-dark)}.button--type-primary.button--dark-inverse-theme{--button-text-color:var(--tc-button-text-inverse-primary-dark);--button-background:var(--tc-button-primary-background-inverse-default-dark);--button-icon-color:var(--tc-button-icon-inverse-primary-dark);--button-background-hover:var(--tc-button-primary-background-inverse-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-primary-background-inverse-pressed-dark);--button-text-color-disabled:var(--tc-button-text-inverse-disabled-dark);--button-background-disabled:var(--tc-button-primary-background-inverse-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-inverse-disabled-dark)}.button--type-primary.button--dark-inverse-theme.button--color-theme-adaptive-yellow{--button-text-color:var(--tc-button-text-black-permanent-dark);--button-background:var(--tc-button-primary-yellow-background-default-dark);--button-icon-color:var(--tc-button-icon-black-permanent-dark);--button-background-hover:var(--tc-button-primary-yellow-background-hover-dark);--button-background-active:var(--tc-button-primary-yellow-background-pressed-dark)}.button--type-primary.button--mint-theme{--button-text-color:rgb(10, 11, 13);--button-background:rgb(26, 213, 219);--button-border-color-hover:rgb(153, 245, 255);--button-background-hover:rgb(153, 245, 255);--button-border-color-focus:rgb(26, 213, 219);--button-background-focus:rgb(153, 245, 255);--button-box-shadow-focus:0 0 0 0.1875rem rgba(31, 208, 214, 0.32);--button-border-color-active:rgb(24, 165, 170);--button-background-active:rgb(24, 165, 170);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(67, 75, 86);--button-background-disabled:rgb(67, 75, 86)}.button--type-primary.button--light-theme{--button-text-color:var(--tc-button-text-primary);--button-background:var(--tc-button-primary-background-default);--button-icon-color:var(--tc-button-icon-primary);--button-background-hover:var(--tc-button-primary-background-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-primary-background-pressed);--button-text-color-disabled:var(--tc-button-text-disabled);--button-background-disabled:var(--tc-button-primary-background-disabled);--button-icon-color-disabled:var(--tc-button-icon-disabled)}.button--type-primary.button--light-theme.button--color-theme-yellow{--button-text-color:var(--tc-button-text-black-permanent);--button-background:var(--tc-button-primary-yellow-background-default);--button-icon-color:var(--tc-button-icon-black-permanent);--button-background-hover:var(--tc-button-primary-yellow-background-hover);--button-background-active:var(--tc-button-primary-yellow-background-pressed)}.button--type-primary.button--light-theme.button--custom-color{--button-text-color:var(--tc-button-text-white-permanent);--button-icon-color:var(--tc-button-icon-white-permanent)}.button--type-primary.button--light-theme.button--custom-color-content-dark{--button-text-color:var(--tc-button-text-black-permanent);--button-icon-color:var(--tc-button-icon-black-permanent)}.button--type-primary.button--light-inverse-theme{--button-text-color:var(--tc-button-text-inverse-primary);--button-background:var(--tc-button-primary-background-inverse-default);--button-icon-color:var(--tc-button-icon-inverse-primary);--button-background-hover:var(--tc-button-primary-background-inverse-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-primary-background-inverse-pressed);--button-text-color-disabled:var(--tc-button-text-inverse-disabled);--button-background-disabled:var(--tc-button-primary-background-inverse-disabled);--button-icon-color-disabled:var(--tc-button-icon-inverse-disabled)}.button--type-primary.button--classic-theme{--button-text-color:rgb(255, 255, 255);--button-background:rgb(0, 96, 245);--button-background-hover:rgb(52, 132, 244);--button-border-color-hover:rgb(52, 132, 244);--button-background-focus:rgb(52, 132, 244);--button-border-color-focus:rgb(8, 53, 104);--button-box-shadow-focus:0 0 0 0.1875rem rgba(52, 132, 244, 0.45);--button-background-active:rgb(8, 53, 104);--button-border-color-active:rgb(8, 53, 104);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(255, 255, 255);--button-background-disabled:rgb(255, 255, 255)}.button--type-primary.button--custom-color{--button-background:var(--button-custom-color);--button-background-hover:color-mix(in srgb, var(--button-custom-color) 92%, rgb(0, 0, 0) 8%);--button-background-active:color-mix(in srgb, var(--button-custom-color) 84%, rgb(0, 0, 0) 16%)}.button--type-secondary{--button-background:transparent;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-secondary.button--dark-theme{--button-text-color:var(--tc-button-text-secondary-dark);--button-border-color:var(--tc-button-border-secondary-dark);--button-icon-color:var(--tc-button-icon-inverse-primary-dark);--button-background-hover:var(--tc-button-secondary-background-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-secondary-background-pressed-dark);--button-text-color-disabled:var(--tc-button-text-secondary-disabled-dark);--button-border-color-disabled:var(--tc-button-border-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-secondary-disabled-dark)}.button--type-secondary.button--dark-theme.button--color-theme-adaptive-yellow{--button-text-color:var(--tc-button-text-secondary-adaptive-yellow-dark);--button-border-color:var(--tc-button-border-adaptive-yellow-secondary-dark);--button-icon-color:var(--tc-button-icon-secondary-adaptive-yellow-dark);--button-background-hover:var(--tc-button-secondary-adaptive-yellow-background-hover-dark);--button-background-active:var(--tc-button-secondary-adaptive-yellow-background-pressed-dark)}.button--type-secondary.button--dark-inverse-theme{--button-text-color:var(--tc-button-text-inverse-secondary-dark);--button-border-color:var(--tc-button-border-inverse-secondary-dark);--button-icon-color:var(--tc-button-icon-inverse-secondary-dark);--button-background-hover:var(--tc-button-secondary-background-inverse-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-secondary-background-inverse-pressed-dark);--button-text-color-disabled:var(--tc-button-text-inverse-secondary-disabled-dark);--button-border-color-disabled:var(--tc-button-border-inverse-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-inverse-secondary-disabled-dark)}.button--type-secondary.button--mint-theme{--button-text-color:rgb(26, 213, 219);--button-border-color:rgb(26, 213, 219);--button-text-color-hover:rgb(255, 255, 255);--button-border-color-hover:rgb(153, 245, 255);--button-background-hover:rgba(26, 213, 219, 0.08);--button-text-color-focus:rgb(255, 255, 255);--button-border-color-focus:rgb(26, 213, 219);--button-background-focus:rgba(26, 213, 219, 0.24);--button-box-shadow-focus:0 0 0 0.1875rem rgba(31, 208, 214, 0.32);--button-text-color-active:rgb(255, 255, 255);--button-border-color-active:rgb(26, 213, 219);--button-background-active:rgba(26, 213, 219, 0.32);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(153, 160, 174)}.button--type-secondary.button--light-theme{--button-text-color:var(--tc-button-text-secondary);--button-border-color:var(--tc-button-border-secondary);--button-icon-color:var(--tc-button-icon-inverse-primary);--button-background-hover:var(--tc-button-secondary-background-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-secondary-background-pressed);--button-text-color-disabled:var(--tc-button-text-secondary-disabled);--button-border-color-disabled:var(--tc-button-border-disabled);--button-icon-color-disabled:var(--tc-button-icon-secondary-disabled)}.button--type-secondary.button--light-inverse-theme{--button-text-color:var(--tc-button-text-inverse-secondary);--button-border-color:var(--tc-button-border-inverse-secondary);--button-icon-color:var(--tc-button-icon-inverse-secondary);--button-background-hover:var(--tc-button-secondary-background-inverse-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-secondary-background-inverse-pressed);--button-text-color-disabled:var(--tc-button-text-inverse-secondary-disabled);--button-border-color-disabled:var(--tc-button-border-inverse-disabled);--button-icon-color-disabled:var(--tc-button-icon-inverse-secondary-disabled)}.button--type-secondary.button--classic-theme{--button-text-color:rgb(0, 96, 245);--button-border-color:rgb(0, 96, 245);--button-text-color-hover:rgb(8, 53, 104);--button-background-hover:rgba(0, 96, 245, 0.08);--button-text-color-focus:rgb(8, 53, 104);--button-background-focus:rgba(0, 96, 245, 0.12);--button-box-shadow-focus:0 0 0 0.1875rem rgba(113, 172, 244, 0.5);--button-text-color-active:rgb(8, 53, 104);--button-background-active:rgba(0, 96, 245, 0.16);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(153, 160, 174)}.button--type-secondary.button--custom-color{--button-border-color:var(--button-custom-color);--button-text-color:var(--button-custom-color);--button-icon-color:var(--button-custom-color);--button-background-hover:color-mix(in srgb, var(--button-custom-color) 12%, transparent);--button-background-active:color-mix(in srgb, var(--button-custom-color) 24%, transparent)}.button--type-ghost{--button-border-color:transparent;--button-background:transparent;--button-border-color-active:transparent;--button-border-color-disabled:transparent;--button-background-disabled:transparent;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-ghost.button--dark-theme{--button-text-color:rgb(255, 255, 255);--button-text-color-hover:rgb(215, 219, 224);--button-border-color-focus:rgb(192, 197, 206);--button-background-focus:rgba(215, 219, 224, 0.01);--button-box-shadow-focus:0 0 0 0.1875rem rgba(215, 219, 224, 0.35);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-ghost.button--mint-theme{--button-text-color:rgb(26, 213, 219);--button-text-color-hover:rgb(153, 245, 255);--button-text-color-focus:rgb(153, 245, 255);--button-border-color-focus:rgb(153, 245, 255);--button-background-focus:rgba(153, 245, 255, 0.01);--button-box-shadow-focus:0 0 0 0.1875rem rgba(153, 245, 255, 0.3);--button-text-color-active:rgb(24, 165, 170);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-ghost.button--light-theme{--button-text-color:rgb(10, 11, 13);--button-text-color-hover:rgb(88, 99, 116);--button-text-color-focus:rgb(10, 11, 13);--button-border-color-focus:rgb(153, 160, 174);--button-background-focus:rgba(153, 160, 174, 0.01);--button-box-shadow-focus:0 0 0 0.1875rem rgba(153, 160, 174, 0.3);--button-text-color-active:rgb(35, 40, 46);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-ghost.button--classic-theme{--button-text-color:rgb(0, 96, 245);--button-text-color-hover:rgb(52, 132, 244);--button-text-color-focus:rgb(52, 132, 244);--button-border-color-focus:rgb(52, 132, 244);--button-background-focus:rgba(52, 132, 244, 0.01);--button-text-color-active:rgb(8, 53, 104);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link{text-align:left;--button-border-color:transparent;--button-background:transparent;--button-text-decoration-hover:underline;--button-text-decoration-focus:underline;--button-text-decoration-active:underline;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-link:focus-visible:not(:disabled),.button--type-link:focus:not(:disabled){border-radius:0.625rem}.button--type-link.button--dark-theme{--button-text-color:rgb(247, 247, 247);--button-text-color-hover:rgb(215, 219, 224);--button-text-color-focus:rgb(215, 219, 224);--button-text-color-active:rgb(247, 247, 247);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link.button--mint-theme{--button-text-color:rgb(26, 213, 219);--button-text-color-hover:rgb(153, 245, 255);--button-text-color-focus:rgb(153, 245, 255);--button-text-color-active:rgb(26, 213, 219);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link.button--light-theme{--button-text-color:rgb(10, 11, 13);--button-text-color-hover:rgb(88, 99, 116);--button-text-color-focus:rgb(88, 99, 116);--button-text-color-active:rgb(35, 40, 46);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link.button--classic-theme{--button-text-color:rgb(0, 96, 245);--button-text-color-hover:rgb(52, 132, 244);--button-text-color-focus:rgb(52, 132, 244);--button-text-color-active:rgb(0, 96, 245);--button-text-color-disabled:rgb(153, 160, 174)}.button--icon-mode{padding:var(--button-icon-mode-padding, var(--button-icon-mode-padding-internal));aspect-ratio:1;border-radius:50%;min-width:auto}";
-const TetButtonStyle0 = tetButtonCss;
-
-const TetButton = /*@__PURE__*/ proxyCustomElement(class TetButton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.clickCallback = () => null;
-        this.size = 'large';
-        this.type = 'primary';
-        this.theme = 'classic';
-        this.colorTheme = undefined;
-        this.customColorCode = undefined;
-        this.customColorContentTone = 'light';
-        this.disabled = false;
-        this.iconMode = false;
-        this.iconPosition = 'right';
-        this.iconName = undefined;
-        this.elementId = undefined;
-        this.accessibilityLabel = '';
-        this.url = '';
-        this.urlTarget = '_self';
-    }
-    /**
-     * Renders the button content with the icon displayed before or after the text, based on the icon position.
-     */
-    renderButtonWithIcon(iconPosition) {
-        if (iconPosition === 'left') {
-            return (h("div", { class: "button__content" }, h("tet-icon", { name: this.iconName }), h("slot", null)));
-        }
-        return (h("div", { class: "button__content" }, h("slot", null), h("tet-icon", { name: this.iconName })));
-    }
-    handleClick = () => {
-        this.clickCallback();
-        if (!this.url)
-            return;
-        window.open(this.url, this.urlTarget, this.urlTarget === '_blank' ? 'noopener,noreferrer' : undefined);
-    };
-    /** Resolves the supported type based on selected type, colorTheme, and customColorCode. */
-    getFallbackType() {
-        const { colorTheme, type, customColorCode } = this;
-        const isSecondaryType = type === 'secondary';
-        if (customColorCode) {
-            return isSecondaryType ? 'secondary' : 'primary';
-        }
-        if (colorTheme === 'yellow')
-            return 'primary';
-        if (colorTheme === 'adaptive-yellow')
-            return isSecondaryType ? 'secondary' : 'primary';
-        return type;
-    }
-    /** Resolves the effective theme based on selected theme, colorTheme, type, and customColorCode. */
-    getFallbackTheme() {
-        const { colorTheme, theme, customColorCode, type } = this;
-        const isGhostOrLinkType = type === 'ghost' || type === 'link';
-        if (customColorCode || colorTheme === 'yellow') {
-            return theme === 'dark' || theme === 'light-inverse' ? 'dark' : 'light';
-        }
-        if (colorTheme === 'adaptive-yellow') {
-            switch (theme) {
-                case 'light':
-                case 'light-inverse':
-                case 'dark':
-                    return theme;
-                case 'dark-inverse':
-                    return type === 'primary' ? 'dark-inverse' : 'dark';
-                default:
-                    return 'light';
-            }
-        }
-        if (isGhostOrLinkType && theme === 'light-inverse')
-            return 'dark';
-        if (isGhostOrLinkType && theme === 'dark-inverse')
-            return 'light';
-        return theme;
-    }
-    /** Ensures iconMode has an accessible name by deriving one from iconName when no explicit accessibilityLabel is provided. */
-    getAccessibilityLabel() {
-        const { accessibilityLabel, iconMode, iconName } = this;
-        if (accessibilityLabel) {
-            return accessibilityLabel;
-        }
-        if (iconMode && iconName) {
-            const label = iconName.startsWith('tc-') ? iconName.substring(3) : iconName;
-            return label.replaceAll('-', ' ').trim();
-        }
-        return '';
-    }
-    shouldApplyDarkCustomColorContentClass() {
-        const { customColorCode, type, customColorContentTone } = this;
-        return !!customColorCode && type === 'primary' && customColorContentTone === 'dark';
-    }
-    render() {
-        const accessibilityLabel = this.getAccessibilityLabel();
-        return (h(Host, { key: '7a813e11fad92ef7d4011e75deb7e8c7ce76df58' }, h("button", { key: '766e3e634e2b6273170b1e6ae30e83a5f336f0a6', part: "button", onClick: this.handleClick, id: this.elementId, style: this.customColorCode ? { '--button-custom-color': this.customColorCode } : undefined, class: {
-                button: true,
-                [`button--${this.size}`]: true,
-                [`button--type-${this.getFallbackType()}`]: true,
-                [`button--${this.getFallbackTheme()}-theme`]: true,
-                [`button--color-theme-${this.colorTheme}`]: !!this.colorTheme && !this.customColorCode,
-                'button--custom-color': !!this.customColorCode,
-                'button--custom-color-content-dark': this.shouldApplyDarkCustomColorContentClass(),
-                'button--icon-mode': this.iconMode,
-                'button--with-icon': !!this.iconName,
-            }, disabled: this.disabled, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), tabindex: 0 }, (!!this.iconName && this.iconMode)
-            ? h("tet-icon", { name: this.iconName })
-            : !!this.iconName
-                ? this.renderButtonWithIcon(this.iconPosition)
-                : h("slot", null))));
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return TetButtonStyle0; }
-}, [17, "tet-button", {
-        "clickCallback": [16],
-        "size": [1],
-        "type": [1],
-        "theme": [1],
-        "colorTheme": [1, "color-theme"],
-        "customColorCode": [1, "custom-color-code"],
-        "customColorContentTone": [1, "custom-color-content-tone"],
-        "disabled": [4],
-        "iconMode": [4, "icon-mode"],
-        "iconPosition": [1, "icon-position"],
-        "iconName": [1, "icon-name"],
-        "elementId": [1, "element-id"],
-        "accessibilityLabel": [1, "accessibility-label"],
-        "url": [1],
-        "urlTarget": [1, "url-target"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tet-button", "tet-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tet-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TetButton);
-            }
-            break;
-        case "tet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { TetButton as T, defineCustomElement as d };

package/dist/tet-components/p-053984bc.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,f as s,h as o}from"./p-83f43fdd.js";import{p as n,t as f}from"./p-2358a695.js";import"./p-9a2b6ee2.js";import"./p-3e60d61c.js";const a=class{constructor(s){t(this,s),this.inputValueChanged=e(this,"inputValueChanged",7),this.theme="light",this.value=0,this.min=0,this.max=999,this.step=1,this.size="large",this.disabled=!1,this.label="",this.displayMode="input",this.selectOnFocus=!1,this.accessibilityLabel="",this.language="lv"}inputElement;tetInputElement;inputId=`tet-stepper-input-${globalThis.crypto.randomUUID()}`;inputValueChanged;async onLanguageChange(t){n("tet-components",t).then((()=>s(this)))}async componentWillLoad(){n("tet-components",this.language).then((()=>s(this)))}async componentDidLoad(){await this.syncInputElement()}async getValue(){return this.value}onValueChange(){this.inputValueChanged.emit(this.value)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onFocus(){this.selectOnFocus&&this.inputElement?.select()}inputChangeHandler(){if(!this.inputElement)return;const t=this.inputElement,e=parseInt(t.value);if(isNaN(e)||e<0)return t.value=`${this.min}`,void(this.value=this.min);this.value=e<this.min?this.min:e>this.max?this.max:e,t.value=`${this.value}`}async syncInputElement(){const t=this.tetInputElement;if(!t||"input"!==this.displayMode)return void(this.inputElement=void 0);const e=await t.getInputHtmlElement();e&&this.tetInputElement===t&&"input"===this.displayMode&&(this.inputElement=e,this.inputElement.id=this.inputId)}onStepClick(t){const{value:e,step:s,min:o,max:n}=this,f=e+s*("decrement"===t?-1:1);this.value=f<o?o:f>n?n:f}renderLabel(){if(!this.label)return;const{disabled:t,inputId:e,label:s}=this;return o("label",{class:{"stepper-input__label":!0,"stepper-input__label--disabled":t},htmlFor:e},s)}renderButton(t){const e="decrement"===t;return o("tet-button",{type:"secondary",size:"large"===this.size?"medium":"small",disabled:this.disabled,iconMode:!0,iconName:e?"tc-remove":"tc-add",theme:this.theme,accessibilityLabel:f(e?"components-number-input-decrease":"components-number-input-increase"),clickCallback:()=>this.onStepClick(t)})}renderValueDisplay(){const{theme:t,disabled:e,value:s,accessibilityLabel:n,displayMode:f}=this;return"text"===f?o("span",{part:"value",class:{"stepper-input__value":!0,"stepper-input__value--disabled":e}},s):o("tet-input",{ref:t=>{this.tetInputElement=t,this.syncInputElement()},class:"stepper-input__input",type:"number",value:String(s??""),disabled:e,theme:t,...n?{accessibilityLabel:n}:{}})}render(){return o("div",{key:"cbaefd70366c423d7d122854eca31df70b16de65",class:`stepper-input ${this.theme}`},this.renderLabel(),o("div",{key:"e554764a94de4aabedccb32f06d0636fe1dad32d",class:"stepper-input__inner-wrapper"},this.renderButton("decrement"),this.renderValueDisplay(),this.renderButton("increment")))}static get watchers(){return{language:["onLanguageChange"],value:["onValueChange"]}}};a.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@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-flex;--stepper-label-text-align:left;--stepper-input-gap:0.5rem;--stepper-text-color:var(--tc-text-primary);--stepper-label-disabled-color:var(--tc-text-secondary);--stepper-value-disabled-color:var(--tc-button-text-inverse-disabled)}.stepper-input{display:flex;flex-direction:column;color:var(--stepper-text-color)}.stepper-input.dark{--stepper-text-color:var(--tc-text-primary-dark);--stepper-label-disabled-color:var(--tc-text-secondary-dark);--stepper-value-disabled-color:var(--tc-button-text-inverse-disabled-dark)}.stepper-input__inner-wrapper{justify-content:center;align-items:center;gap:var(--stepper-input-gap);display:inline-flex}.stepper-input__label{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0 0.25rem 0.25rem;text-align:var(--stepper-label-text-align)}.stepper-input__label--disabled{color:var(--stepper-label-disabled-color)}.stepper-input__value{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";width:1.9375rem;text-align:center;overflow:hidden}.stepper-input__value--disabled{color:var(--stepper-value-disabled-color)}.stepper-input__input{--input-border-radius:0.625rem;--input-font-size:0.875rem;--input-padding:0;width:3.125rem}.stepper-input__input .sc-tet-input{text-align:center}.stepper-input__input .sc-tet-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}';export{a as tet_stepper_input}

package/dist/tet-components/p-0fd6ee51.entry.js

@@ -1 +0,0 @@
-import{r as e,c as o,g as t,f as r,h as n,H as a}from"./p-83f43fdd.js";import{p as i,t as c}from"./p-2358a695.js";import"./p-9a2b6ee2.js";import"./p-3e60d61c.js";const l=class{constructor(t){e(this,t),this.feedbackSubmitted=o(this,"feedbackSubmitted",7),this.negativeFeedbackSelected=o(this,"negativeFeedbackSelected",7),this.theme="light",this.language="lv",this.data=void 0,this.expanded=!1,this.formError=!1,this.characterCount=0,this.submissionData={helpful:!0,options:{},comment:""},this.submitted=!1}get hostElement(){return t(this)}feedbackSubmitted;negativeFeedbackSelected;onLanguageChange(e){i("tet-components",e).then((()=>r(this)))}async componentWillLoad(){await i("tet-components",this.language),r(this)}accordionRef;textareaRef;checkboxRefs=new Map;getDefaultValues(){return{label:c("components-feedback-form-label"),labelTag:"h2",okButtonLabel:c("components-button-label-yes"),okButtonIconName:"tc-check",nokButtonLabel:c("components-button-label-no"),nokButtonIconName:"tc-close",formTitle:c("components-feedback-form-title"),formDescription:c("components-feedback-form-description"),checkboxOptions:[],showTextarea:!0,textareaLabel:c("components-feedback-form-textarea-label"),textareaPlaceholder:c("components-feedback-form-textarea-placeholder"),textareaMaxLength:500,footerText:c("components-feedback-form-footer-text"),footerIconName:"tc-bubbles",submitButtonLabel:c("components-feedback-form-submit-button-label"),submitButtonIconName:"tc-arrow-right",thankYouIconName:"tc-check-circle",thankYouTitle:c("components-feedback-form-thank-you-title"),thankYouDescription:c("components-feedback-form-thank-you-description")}}get mergedData(){return{...this.getDefaultValues(),...this.data}}toggleAccordion(){this.accordionRef&&(this.accordionRef.toggle(),this.formError&&this.setFormError(!1))}handleNokClick(){this.negativeFeedbackSelected.emit(),this.toggleAccordion()}scrollHostIntoViewAfterOpen(){this.hostElement.scrollIntoView?.({behavior:"smooth",block:"nearest"})}get accordionAnimationDurationMs(){if(!this.accordionRef)return 100;const e=getComputedStyle(this.accordionRef).getPropertyValue("--accordion-animation-duration").trim();if(!e)return 100;if(e.endsWith("ms"))return Number.parseFloat(e);if(e.endsWith("s"))return 1e3*Number.parseFloat(e);const o=Number.parseFloat(e);return Number.isNaN(o)?100:o}handleAccordionOpenChanged(e){this.expanded=e.detail,e.detail&&setTimeout((()=>this.scrollHostIntoViewAfterOpen()),this.accordionAnimationDurationMs)}onListItemClick(e,o){const t=!!e.detail.checked;if(this.formError&&this.setFormError(!1),t)this.submissionData={...this.submissionData,options:{...this.submissionData.options,[o]:!0}};else{const{[o]:e,...t}=this.submissionData.options;this.submissionData={...this.submissionData,options:t}}}async onTextInput(){if(!this.textareaRef)return;const e=await this.textareaRef.getValue();this.characterCount=e.length,this.submissionData={...this.submissionData,comment:e}}submitFeedback(e){if(this.submissionData.helpful=e,e)this.submissionData.options={},this.submissionData.comment="";else if(!Object.keys(this.submissionData.options).length)return void this.setFormError(!0);this.feedbackSubmitted.emit(this.submissionData),this.submitted=!0}setFormError(e){for(const o of this.checkboxRefs.values())o.setError(e);this.formError=e}getSubheadingTag(){const{labelTag:e}=this.mergedData;return{h1:"h2",h2:"h3",h3:"h4",h4:"h5",h5:"h6"}[e]}renderAccordionHeader(){const{theme:e,mergedData:o,expanded:t}=this,{label:r,labelTag:a,okButtonLabel:i,nokButtonLabel:c,okButtonIconName:l,nokButtonIconName:s}=o;return n("div",{slot:"header",class:{"feedback-form__header":!0,"feedback-form__header--expanded":t},inert:t},n(a,{class:"feedback-form__title"},r),n("div",{class:"feedback-form__button-container"},n("tet-button",{class:"button",iconName:l,iconPosition:"left",theme:e,type:"secondary",size:"small",onClick:()=>this.submitFeedback(!0),"data-testid":"feedback-ok-button"},i),n("tet-button",{class:"button",iconName:s,iconPosition:"left",theme:e,type:"secondary",size:"small",onClick:()=>this.handleNokClick(),"data-testid":"feedback-nok-button"},c)))}renderFormContentHeader(){const{theme:e,mergedData:o}=this,{formTitle:t,formDescription:r}=o,a=this.getSubheadingTag();return n("div",{class:"main__header"},n("div",{class:"main__header--left"},n(a,{id:"form-content-title",class:"title"},t),n("p",{id:"form-content-description",class:"subtitle"},r)),n("button",{class:"main__header-close-btn",onClick:()=>this.toggleAccordion(),"aria-label":c("components-availability-close"),type:"button","data-testid":"feedback-close-button"},n("tet-icon",{theme:e,class:"icon",name:"tc-close"})))}renderFormCheckboxOptions(){const{theme:e,mergedData:o}=this,{checkboxOptions:t}=o;return t.length?n("ul",{class:"main__option-list"},t.map((({id:o,label:t})=>n("li",{key:o,class:{"checkbox-wrapper":!0,"checkbox-wrapper--error":this.formError}},n("tet-checkbox",{ref:e=>{e&&this.checkboxRefs.set(o,e)},class:"checkbox",theme:e,checked:!!this.submissionData?.options?.[o],focusStyleOnContainer:!0,onCheck:e=>this.onListItemClick(e,o)},t))))):null}renderFormTextArea(){const{theme:e,mergedData:o}=this,{showTextarea:t,textareaLabel:r,textareaPlaceholder:a,textareaMaxLength:i}=o;return t?n("div",{class:"main__text-input"},n("tet-textarea",{label:r,class:"textarea",theme:e,value:this.submissionData.comment,onInput:()=>this.onTextInput(),ref:e=>this.textareaRef=e,placeholder:a,maxLength:i}),n("div",{class:"counter"},this.characterCount,"/",i)):null}renderFormFooter(){const{theme:e,mergedData:o}=this,{footerText:t,footerIconName:r}=o,a=t.split(/\{\{\s*([+0-9][0-9 ]{0,20})\s*\}\}/g),i=e=>e.trim(),c=a.map(((o,t)=>t%2==0?o:n("a",{href:`tel:${i(o)}`,class:{"tet-link":!0,[e]:!0,"tet-link--secondary":!0}},i(o))));return n("footer",{class:"feedback-form__form--footer"},n("div",{class:"footer-icon-block"},n("tet-icon",{theme:e,class:"footer-icon",name:r})),n("div",{class:"footer-text"},c))}renderSubmitButton(){const{theme:e,mergedData:o}=this,{submitButtonLabel:t,submitButtonIconName:r}=o;return n("tet-button",{class:"main__submit-button",iconName:r,theme:e,type:"primary",size:"medium",onClick:()=>this.submitFeedback(!1),"data-testid":"feedback-submit-button"},t)}renderAccordionContent(){return n("form",{class:"feedback-form__form","aria-labelledby":"form-content-title","aria-describedby":"form-content-description"},n("div",{class:"feedback-form__form--main"},this.renderFormContentHeader(),this.renderFormCheckboxOptions(),this.renderFormTextArea(),this.renderSubmitButton()),this.renderFormFooter())}renderAccordionComponent(){return n("tet-accordion",{class:"feedback-form__accordion",theme:this.theme,isHeaderInteractive:!1,transparentBackground:!0,ref:e=>this.accordionRef=e,onOpenChanged:e=>this.handleAccordionOpenChanged(e)},this.renderAccordionHeader(),this.renderAccordionContent())}renderThankYouComponent(){const{labelTag:e,thankYouIconName:o,thankYouTitle:t,thankYouDescription:r}=this.mergedData,a=e;return n("div",{class:"feedback-form__thank-you","aria-live":"polite"},n("tet-icon",{class:"icon",name:o}),n("div",{class:"text-block"},n(a,{class:"title"},t),n("p",{class:"description"},r)))}render(){return n(a,{key:"96d62216ab9658ef40bd5ca7ccb3b3531ad39069"},n("section",{key:"1b83c98fbc72464870f5ce6dac782c047693ade1",class:"feedback-form"},this.submitted?this.renderThankYouComponent():this.renderAccordionComponent()))}static get watchers(){return{language:["onLanguageChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--form-border-radius:1rem;--form-scroll-margin-top:1rem;--form-text-color:var(--tc-text-primary);--form-text-secondary-color:var(--tc-text-secondary);--form-box-shadow:var(--tc-elevation-one);--form-border-color:var(--tc-border-quaternary);--form-accent-color:var(--tc-layer-yellow-secondary);--form-content-background-color:var(--tc-layer-primary);--form-footer-background-color:var(--tc-layer-secondary);--form-thank-you-icon-color:var(--tc-icon-primary);--form-list-item-hover-background-color:var(--tc-layer-secondary);--form-list-item-pressed-background-color:var(--tc-layer-tertiary);--form-list-item-border-color:var(--tc-border-tertiary);--form-list-item-border-hover-color:var(--tc-border-secondary);--form-list-item-border-pressed-color:var(--tc-border-secondary);--form-list-item-border-active-color:var(--tc-border-primary);--form-list-item-border-error-color:var(--tc-alert-accent-error);scroll-margin-top:var(--form-scroll-margin-top)}:host([theme=dark]){--form-text-color:var(--tc-text-primary-dark);--form-text-secondary-color:var(--tc-text-secondary-dark);--form-box-shadow:var(--tc-elevation-one-dark);--form-border-color:var(--tc-border-quaternary-dark);--form-accent-color:var(--tc-layer-yellow-secondary-dark);--form-content-background-color:var(--tc-layer-primary-dark);--form-footer-background-color:var(--tc-layer-secondary-dark);--form-thank-you-icon-color:var(--tc-icon-primary-dark);--form-list-item-hover-background-color:var(--tc-layer-secondary-dark);--form-list-item-pressed-background-color:var(--tc-layer-tertiary-dark);--form-list-item-border-color:var(--tc-border-tertiary-dark);--form-list-item-border-hover-color:var(--tc-border-secondary-dark);--form-list-item-border-pressed-color:var(--tc-border-secondary-dark);--form-list-item-border-active-color:var(--tc-border-primary-dark);--form-list-item-border-error-color:var(--tc-alert-accent-error-dark)}:host([theme=dark]) .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.feedback-form{box-shadow:var(--form-box-shadow);border-radius:var(--form-border-radius)}.feedback-form__accordion{--accordion-header-padding:0;--accordion-header-mobile-padding:0;--accordion-animation-duration:0.1s}.feedback-form__header{display:flex;flex-direction:column;overflow:hidden;width:100%;align-items:center;justify-content:center;padding:1rem;gap:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color);transition:padding 0.1s ease-in, height 0.1s ease-in}@media screen and (min-width: 31.25rem){.feedback-form__header{flex-direction:row;justify-content:space-between;gap:1.5rem}}@media screen and (min-width: 64rem){.feedback-form__header{padding:1.5rem}}.feedback-form__header--expanded{height:0;padding-top:0;padding-bottom:0;border:none}.feedback-form__title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";text-align:center}@media screen and (min-width: 31.25rem){.feedback-form__title{text-align:left}}.feedback-form__button-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media screen and (min-width: 31.25rem){.feedback-form__button-container{justify-content:flex-start;flex-wrap:nowrap}}.feedback-form__button-container .button{--button-width:100%;min-width:6.25rem}.feedback-form__form{display:flex;flex-direction:column;overflow:hidden;background-color:var(--form-content-background-color);border:0.0625rem solid var(--form-border-color);border-radius:var(--form-border-radius);padding-top:1rem;gap:1.5rem}@media screen and (min-width: 31.25rem){.feedback-form__form{gap:1rem}}@media screen and (min-width: 64rem){.feedback-form__form{padding-top:1.5rem;gap:1.5rem}}.feedback-form__form--main{display:flex;flex-direction:column;gap:1.5rem;padding:0 1.5rem}.feedback-form__form--main .main__header{display:flex;justify-content:space-between;gap:1rem}.feedback-form__form--main .main__header--left .title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{color:var(--form-text-secondary-color);font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--main .main__header--left .title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.feedback-form__form--main .main__header-close-btn{border:none;display:flex;align-self:flex-start;background-color:transparent;border-radius:0.125rem;cursor:pointer}.feedback-form__form--main .main__header-close-btn .icon{--icon-container-display:flex;--icon-size:1.5rem}.feedback-form__form--main .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.feedback-form__form--main .main__option-list{--item-background-color:var(--form-content-background-color);--item-border-color:var(--form-list-item-border-color);list-style:none;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 31.25rem){.feedback-form__form--main .main__option-list{margin-bottom:0.5rem}}.feedback-form__form--main .main__option-list .checkbox{--checkbox-alignment:flex-start;--checkbox-gap:0.5rem;--checkbox-container-outline-offset:-0.125rem}.feedback-form__form--main .main__option-list .checkbox-wrapper{border-radius:0.625rem;box-shadow:var(--form-box-shadow)}.feedback-form__form--main .main__option-list .checkbox-wrapper--error{--item-border-color:var(--form-list-item-border-error-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container){padding:1rem;border-radius:0.625rem;border:0.0625rem solid var(--item-border-color);background-color:var(--item-background-color);cursor:pointer}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):hover{--item-background-color:var(--form-list-item-hover-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):active{--item-background-color:var(--form-list-item-pressed-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):hover{--item-border-color:var(--form-list-item-border-hover-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):active{--item-border-color:var(--form-list-item-border-pressed-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox[checked]::part(checkbox-container){--item-border-color:var(--form-list-item-border-active-color)}.feedback-form__form--main .main__text-input .textarea{--input-font-size:0.875rem;--textarea-resize:vertical}.feedback-form__form--main .main__text-input .counter{color:var(--form-text-secondary-color);padding:0 0.25rem;text-align:right;font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__submit-button{margin-left:auto}.feedback-form__form--footer{display:flex;align-items:flex-start;padding:1rem;gap:0.75rem;background-color:var(--form-footer-background-color);border-top:0.0625rem solid var(--form-border-color);color:var(--form-text-secondary-color);font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--footer{padding:1.5rem;gap:1rem}}.feedback-form__form--footer .footer-text{max-width:38.75rem}.feedback-form__form--footer .footer-icon-block{display:flex;flex-shrink:0;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--form-accent-color)}@media screen and (min-width: 31.25rem){.feedback-form__form--footer .footer-icon-block{width:3rem;height:3rem}}.feedback-form__form--footer .footer-icon-block .footer-icon{--icon-container-display:flex}.feedback-form__thank-you{display:flex;gap:0.75rem;padding:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color)}.feedback-form__thank-you .icon{--icon-size:1.5rem;--icon-color:var(--form-thank-you-icon-color);animation:fadeIn 0.25s ease-in-out}.feedback-form__thank-you .title{color:var(--form-text-color);animation:fadeIn 0.25s ease-in-out;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.feedback-form__thank-you .description{color:var(--form-text-secondary-color);animation:fadeIn 0.25s ease-in-out;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.feedback-form__thank-you{align-items:center;gap:1rem;padding:1.125rem 1rem}.feedback-form__thank-you .icon{--icon-size:2.25rem}.feedback-form__thank-you .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.feedback-form__thank-you{padding:1.125rem 1.5rem}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}';export{l as tet_feedback_form}

package/dist/tet-components/p-163f11b2.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,f as e,h as n}from"./p-83f43fdd.js";import{p as a,t as r}from"./p-2358a695.js";import"./p-3e60d61c.js";import{P as i,c as f}from"./p-2ba08431.js";import{R as s}from"./p-e1259b83.js";import"./p-9a2b6ee2.js";import"./p-ddaea568.js";const l=class{constructor(e){t(this,e),this.taskCreationSuccess=o(this,"taskCreationSuccess",7),this.taskCreationFailed=o(this,"taskCreationFailed",7),this.language="lv",this.taskOptions=void 0,this.submitButtonProps={},this.showTitle=!0,this.showInputLabel=!1,this.theme="classic",this.darkTheme=!1,this.subtitle="components-contact-form-subtitle",this.showLoader=!1}phoneInput;validators=[new i("components-validation-incorrect-phone"),new s("components-validation-required")];onLanguageChange(t){a("tet-components",t).then((()=>e(this)))}taskCreationSuccess;taskCreationFailed;componentWillLoad(){a("tet-components",this.language).then((()=>e(this)))}createManualTask=async()=>{this.showLoader=!0;const t=await this.phoneInput.getInputHtmlElement();if((await this.phoneInput.validateInput()).length)this.showLoader=!1;else{try{const o=await f(this.getTaskOptions(t.value));o?.TaskId?this.taskCreationSuccess.emit(o.TaskId):this.taskCreationFailed.emit()}catch(t){this.taskCreationFailed.emit(t)}this.showLoader=!1}};getTaskOptions=t=>{const{taskDescription:o}=this.taskOptions;return{...this.taskOptions,taskDescription:[o.trim(),`Phone: ${t}`].join(" ")}};renderLoader=()=>n("div",{class:"loader-overlay"},n("tet-loader",{class:"loader"}));render(){return n("div",{key:"583aabef9a619f440751919ef06ccf47c55c5be8",class:{"dark-theme":this.darkTheme}},n("tet-container",{key:"f77b3134fd472fe49986356d7d7607ed1c337795",class:"container"},this.showLoader&&this.renderLoader(),n("div",{key:"1f4fe738af3aad50eddb6fa1d6a838237784333d",class:"form-container"},this.showTitle&&n("h2",{key:"234c668923d1eb50d717012442e457c9a181c795",class:"form-title"},r("components-contact-form-title")),n("p",{key:"011107869287092bf08288aea16407438e8074b4",class:"form-subtitle"},r(this.subtitle)),n("tet-input",{key:"e2693549ee1508ff92bc48b90fff07185cf56715",class:"form-input",placeholder:"+37122345678",ref:t=>this.phoneInput=t,validators:this.validators,label:this.showInputLabel?r("components-contact-form-input-label"):null,theme:this.darkTheme?"dark":"classic"}),n("tet-button",{key:"b6cacae9265fdae565875ce29bd94b152e651298",class:"form-submit",type:"primary",clickCallback:this.createManualTask,innerHTML:r("components-contact-form-submit"),...this.submitButtonProps}))))}static get watchers(){return{language:["onLanguageChange"]}}};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{--contact-form-container-background:initial;--contact-form-text-color:var(--color-ta600);--contact-form-loader-overlay-background:rgb(255, 255, 255);display:block}.dark-theme{--contact-form-container-background:var(--color-tg500);--contact-form-text-color:rgb(255, 255, 255);--contact-form-loader-overlay-background:var(--color-tg600)}.container{--border-radius:0.625rem;--box-shadow:0 0 0 0.03125rem rgba(5, 29, 89, 0.07), 0 0.1875rem 0.5625rem rgba(5, 29, 89, 0.15);--padding:2.5rem 1rem;--background:var(--contact-form-container-background)}.form-container{max-width:26rem;display:flex;flex-direction:column;margin:0 auto;text-align:center}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:0.5em;color:var(--contact-form-text-color)}.form-subtitle{font-size:1.125rem;font-weight:400;color:var(--contact-form-text-color)}.form-input{margin-top:2rem;text-align:left}.form-submit{width:fit-content;margin-top:1.5rem;--button-font-size:1rem}@media only screen and (max-width: 44.9375rem){.form-submit{--button-width:100%}}.loader-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--contact-form-loader-overlay-background);z-index:100;opacity:0.75}.loader-overlay .loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}';export{l as tet_contact_form}

package/dist/tet-components/p-16ad03d8.entry.js

@@ -1 +0,0 @@
-import{r as t,g as o,h as i,H as e}from"./p-83f43fdd.js";import{T as n}from"./p-45f4f129.js";const s=class{constructor(o){t(this,o),this.theme="classic",this.targetElementSelector=void 0,this.hoverElement=void 0,this.doNotShowOnHover=!1,this.position=n.BOTTOM,this.positionState=n.BOTTOM,this.showTooltip=!1}targetElement;tooltipPointer;margin=8;tooltipTimeThreshold=.25;tooltipStartTime;tooltipEndTime;resizeObserver;get element(){return o(this)}handleTouchmove(){this.hideQuick()}handleWheel(){this.hideQuick()}onKeydown(t){"Escape"===t.code&&this.hideQuick()}handleResize(){this.positionState=this.position}handlePositionChange(t){this.positionState=t}hideQuick=()=>{this.showTooltip&&(this.tooltipStartTime=Date.now(),this.hide())};onShowTooltipChange(t){t?this.element.classList.remove("hidden","hidden-quick"):this.element.classList.add(this.tooltipEndTime/1e3-this.tooltipStartTime/1e3>this.tooltipTimeThreshold?"hidden":"hidden-quick")}async componentWillLoad(){this.targetElement=this.targetElementSelector?document.querySelector(this.targetElementSelector):this.hoverElement?this.hoverElement:this.element.parentElement,this.targetElement&&(this.doNotShowOnHover||(this.targetElement?.addEventListener("mouseenter",this.show.bind(this)),this.targetElement?.addEventListener("mouseleave",this.hide.bind(this))),this.targetElement?.addEventListener("focusin",this.show.bind(this)),this.targetElement?.addEventListener("focusout",this.hide.bind(this)),this.resizeObserver=new ResizeObserver((()=>{this.targetElement?.offsetHeight||(this.element.classList.remove("hidden"),this.element.classList.add("hidden-quick"))})),this.resizeObserver.observe(this.targetElement),this.positionState=this.position,this.element.style.display="none")}componentDidLoad(){setTimeout((()=>{this.element.style.display="inline-block",!this.doNotShowOnHover&&this.targetElement?.matches(":hover")&&this.show().then()}),100)}async disconnectedCallback(){this.targetElement&&(this.targetElement?.removeEventListener("mouseenter",this.show.bind(this)),this.targetElement?.removeEventListener("mouseleave",this.hide.bind(this)),this.resizeObserver?.unobserve(this.targetElement))}async show(){this.tooltipStartTime=Date.now(),this.showTooltip=!0,this.positionTooltip()}async hide(){this.tooltipEndTime=Date.now(),this.showTooltip=!1}async toggle(){this.showTooltip?await this.hide():await this.show()}positionTooltip=()=>{const t=this.targetElement.getBoundingClientRect();if([n.LEFT,n.RIGHT].includes(this.positionState)){const o=window.innerWidth>t.right+this.margin+this.element.offsetWidth;this.element.offsetWidth+this.margin<t.left||o||(this.positionState=n.BOTTOM)}const o=this.positionTooltipVertically(t),i=this.positionTooltipHorizontally(t);this.element.style.margin=`${this.margin}px`;const e=this.getTooltipPosition(o||i);this.positionTooltipPointer(e)};getTooltipPosition(t){switch(this.positionState){case n.TOP:return t?n.BOTTOM:n.TOP;case n.BOTTOM:return t?n.TOP:n.BOTTOM;case n.LEFT:return t?n.RIGHT:n.LEFT;case n.RIGHT:return t?n.LEFT:n.RIGHT}}positionTooltipVertically(t){let o=!1;switch(this.positionState){case n.BOTTOM:t.bottom+this.element.offsetHeight+this.margin>window.innerHeight?(this.element.style.top=null,this.element.style.bottom=window.innerHeight-t.top+"px",o=!0):(this.element.style.top=`${t.bottom}px`,this.element.style.bottom=null);break;case n.TOP:t.top-this.element.offsetHeight<0?(this.element.style.top=`${t.bottom}px`,this.element.style.bottom=null,o=!0):(this.element.style.top=null,this.element.style.bottom=window.innerHeight-t.top+"px");break;default:const i=t.top+t.height/2-(this.element.offsetHeight/2+this.margin);i<0?(this.element.style.top="0",this.element.style.bottom=null):i+this.element.offsetHeight+this.margin>window.innerHeight?(this.element.style.top=null,this.element.style.bottom="0"):(this.element.style.top=`${i}px`,this.element.style.bottom=null)}return o}positionTooltipHorizontally(t){let o=!1;switch(this.positionState){case n.LEFT:this.element.offsetWidth+this.margin>t.left?(this.element.style.left=`${t.right}px`,this.element.style.right=null,o=!0):(this.element.style.left=null,this.element.style.right=window.innerWidth-t.left+"px");break;case n.RIGHT:window.innerWidth<t.right+this.margin+this.element.offsetWidth?(this.element.style.left=null,this.element.style.right=window.innerWidth-t.left+"px",o=!0):(this.element.style.left=`${t.right}px`,this.element.style.right=null);break;default:const i=t.left+t.width/2-(this.element.offsetWidth/2-this.margin);i<0?(this.element.style.left="0",this.element.style.right=null):i+this.element.offsetWidth+this.margin>window.innerWidth?(this.element.style.left=null,this.element.style.right="0"):(this.element.style.left=`${i}px`,this.element.style.right=null)}return o}positionTooltipPointer=t=>{const o=this.targetElement.getBoundingClientRect(),i=this.element.getBoundingClientRect();if([n.TOP,n.BOTTOM].includes(t)){const e=Math.min(o.right,i.left+this.element.offsetWidth),s=Math.max(o.left,i.left);this.tooltipPointer.style.left=(e+s)/2-i.left-this.tooltipPointer.offsetWidth/2+"px",t===n.BOTTOM&&(this.tooltipPointer.style.top="-6px",this.tooltipPointer.style.bottom=null,this.tooltipPointer.style.transform="rotate(0deg)"),t===n.TOP&&(this.tooltipPointer.style.top=null,this.tooltipPointer.style.bottom="-6px",this.tooltipPointer.style.transform="rotate(180deg)")}if([n.LEFT,n.RIGHT].includes(t)){const e=Math.min(o.bottom,i.top+this.element.offsetHeight),s=Math.max(o.top,i.top);this.tooltipPointer.style.top=(e+s)/2-i.top-this.tooltipPointer.offsetHeight/2+"px",t===n.RIGHT&&(this.tooltipPointer.style.left="-12px",this.tooltipPointer.style.right=null,this.tooltipPointer.style.transform="rotate(270deg)"),t===n.LEFT&&(this.tooltipPointer.style.left=null,this.tooltipPointer.style.right="-12px",this.tooltipPointer.style.transform="rotate(90deg)")}};renderTooltip=()=>i("div",{class:{tooltip:!0,[`${this.theme}`]:!0},role:"tooltip","aria-hidden":this.showTooltip?"false":"true","aria-live":this.showTooltip?"polite":void 0},i("div",{class:"tooltip-pointer",ref:t=>this.tooltipPointer=t}),i("slot",null));render(){return i(e,{key:"4136534ae71962f55b2c8556d2b9a5970faa86ac",class:{visible:this.showTooltip}},this.renderTooltip())}static get watchers(){return{position:["handlePositionChange"],showTooltip:["onShowTooltipChange"]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tooltip-background-color:var(--tc-tooltip-layer-secondary);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary);--tooltip-padding:1em;--tooltip-display-speed:.2s;--tooltip-delay-show:0s;--tooltip-delay-hide:.25s;--tooltip-max-width:18.75rem;--tooltip-border-radius:0.3125rem;--tooltip-font-weight:400;position:fixed;display:inline-block;width:max-content;max-width:min(var(--tooltip-max-width), 100%);z-index:100;pointer-events:none;opacity:0}:host(.hidden){visibility:hidden;opacity:0;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear}:host(.hidden-quick){opacity:0;visibility:hidden;transform:scale(0)}:host(.visible){visibility:visible;opacity:1;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear;transition-delay:var(--tooltip-delay-show)}.light-inverse{--tooltip-background-color:var(--tc-tooltip-layer-primary);--tooltip-text-color:var(--tc-tooltip-text-primary)}.dark{--tooltip-background-color:var(--tc-tooltip-layer-primary-dark);--tooltip-text-color:var(--tc-tooltip-text-primary-dark)}.dark-inverse{--tooltip-background-color:var(--tc-tooltip-layer-secondary-dark);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary-dark)}.tooltip{position:relative;background:var(--tooltip-background-color);color:var(--tooltip-text-color);border-radius:var(--tooltip-border-radius);padding:var(--tooltip-padding);font-family:var(--font-family-content);font-weight:var(--tooltip-font-weight);font-size:0.875rem;white-space:normal;line-height:1.5em}.tooltip-pointer{position:absolute;width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.5rem solid var(--tooltip-background-color)}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;visibility:visible;transform:scale(1)}100%{opacity:0;visibility:hidden;transform:scale(0)}}';export{s as tet_tooltip}