@tet/tet-components 1.4.30-testing → 1.4.31-staging

package/dist/components/tet-snicker-card.js

@@ -0,0 +1,472 @@
+import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host } from './p-aa122c92.js';
+import { a as a11yBtnClick, d as defineCustomElement$4 } from './p-40ac3731.js';
+import { p as processTranslations, t as translate } from './p-089cf97c.js';
+import { f as formatPrice } from './p-e1e74d01.js';
+import { d as defineCustomElement$a } from './p-c737018f.js';
+import { d as defineCustomElement$9 } from './p-d1157475.js';
+import { d as defineCustomElement$8 } from './p-d8094eaa.js';
+import { d as defineCustomElement$7 } from './p-569fe3e0.js';
+import { d as defineCustomElement$6 } from './p-c1c76acd.js';
+import { d as defineCustomElement$5 } from './p-c152e932.js';
+import { d as defineCustomElement$3 } from './p-afb886f7.js';
+import { d as defineCustomElement$2 } from './p-d5af0e61.js';
+
+const tetSnickerCardCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration:underline;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:\"-->\";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block}.light{--snicker-card-background:var(--tc-layer-primary);--snicker-card-subscribed-background:var(--tc-layer-secondary);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary);--snicker-card-border-color:var(--tc-border-quaternary);--snicker-card-border-hover-color:var(--tc-border-secondary);--snicker-card-border-selected-color:var(--tc-border-primary);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary);--snicker-card-text-primary:var(--tc-text-primary);--snicker-card-text-secondary:var(--tc-text-secondary);--snicker-card-text-tertiary:var(--tc-text-tertiary);--snicker-card-unavailable-color:var(--tc-text-tertiary);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled);--snicker-card-toggle-color:var(--tc-text-primary);--snicker-card-shadow:var(--tc-elevation-one);--snicker-card-selected-shadow:var(--tc-elevation-two);--snicker-card-badge-background:var(--tc-yellow-40);--snicker-card-focus-outline-color:var(--tc-blue-40)}.dark{--snicker-card-background:var(--tc-layer-primary-dark);--snicker-card-subscribed-background:var(--tc-layer-secondary-dark);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary-dark);--snicker-card-border-color:var(--tc-border-quaternary-dark);--snicker-card-border-hover-color:var(--tc-border-secondary-dark);--snicker-card-border-selected-color:var(--tc-border-primary-dark);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary-dark);--snicker-card-text-primary:var(--tc-text-primary-dark);--snicker-card-text-secondary:var(--tc-text-secondary-dark);--snicker-card-text-tertiary:var(--tc-text-tertiary-dark);--snicker-card-unavailable-color:var(--tc-text-tertiary-dark);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled-dark);--snicker-card-toggle-color:var(--tc-text-primary-dark);--snicker-card-shadow:var(--tc-elevation-one-dark);--snicker-card-selected-shadow:var(--tc-elevation-two-dark);--snicker-card-badge-background:var(--tc-yellow-40-dark);--snicker-card-focus-outline-color:var(--tc-blue-40-dark)}.snicker-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:1rem;border:0.0625rem solid var(--snicker-card-border-color);border-radius:1rem;background-color:var(--snicker-card-background);box-shadow:var(--snicker-card-shadow);color:var(--snicker-card-text-primary)}.snicker-card--hoverable{cursor:pointer}@media (hover: hover){.snicker-card--hoverable:hover{border-color:var(--snicker-card-border-hover-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-hover-color), var(--snicker-card-shadow)}}.snicker-card:has(.header__top-left:focus-visible){box-shadow:none;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}@media screen and (min-width: 31.25rem){.snicker-card{padding:1.5rem}}.snicker-card--with-badge{margin-top:0.875rem}.snicker-card--selected{border-color:var(--snicker-card-border-selected-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-selected-color), var(--snicker-card-selected-shadow)}.snicker-card--subscribed{background-color:var(--snicker-card-subscribed-background)}.snicker-card--unavailable{--snicker-card-text-primary:var(--snicker-card-unavailable-color);--snicker-card-text-secondary:var(--snicker-card-unavailable-color);--snicker-card-text-tertiary:var(--snicker-card-unavailable-color)}.snicker-card--disabled{--snicker-card-text-primary:var(--snicker-card-disabled-color);--snicker-card-text-secondary:var(--snicker-card-disabled-color);--snicker-card-text-tertiary:var(--snicker-card-disabled-color)}.snicker-card__badge{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%);color:var(--tc-text-black-permanent);background-color:var(--snicker-card-badge-background);padding:0.375rem 1.25rem;border-radius:6.25rem;box-shadow:var(--snicker-card-shadow);width:fit-content;white-space:nowrap;font:600 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media (min-width: 26.375rem){.snicker-card__badge{left:1.5rem;transform:translateY(-50%) translateX(0)}}.subscription-strip{margin:-1rem -1rem 1rem;background-color:var(--snicker-card-subscription-strip-background);padding:0.75rem 1rem;border-top-left-radius:1rem;border-top-right-radius:1rem;box-sizing:border-box}@media screen and (min-width: 31.25rem){.subscription-strip{margin:-1.5rem -1.5rem 1rem;padding:0.75rem 1.5rem}}.subscription-strip__label{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-primary)}.accordion{--accordion-background-color:transparent;--accordion-header-mobile-padding:0;--accordion-header-padding:0;--accordion-header-font:inherit;--accordion-header-mobile-font:inherit;--accordion-header-text-desktop-margin-right:0;--accordion-border-bottom-width:0;--accordion-outer-border:none;display:block;width:100%}.accordion__header{width:100%;cursor:default}.accordion__content{width:100%}.with-divider{border-bottom:var(--snicker-card-divider);padding-bottom:1rem}.button-naked{background:unset;border:unset;cursor:pointer;appearance:none}.header{display:flex;flex-direction:column;align-items:stretch;gap:0.25rem}.header--hoverable{cursor:pointer}@media screen and (min-width: 31.25rem){.header{display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:\"top price\" \"subtitle price\" \"description price\";column-gap:1.5rem;row-gap:0.125rem;align-items:start}}.header--closed{border-bottom:0;padding-bottom:0.25rem}@media screen and (min-width: 31.25rem){.header--no-price{grid-template-columns:minmax(0, 1fr);grid-template-areas:\"top\" \"subtitle\" \"description\"}}.header__top{display:flex;align-items:start;justify-content:space-between;gap:0.75rem}@media screen and (min-width: 31.25rem){.header__top{grid-area:top;justify-content:flex-start}}.header__top-left{display:flex;align-items:center;gap:0.5rem 0;min-width:0;flex-wrap:wrap}.header__top-left:focus-visible{outline:none}.header__selector{flex-shrink:0;pointer-events:none}.header__content{min-width:0;display:flex;flex-direction:column}@media screen and (min-width: 31.25rem){.header__content{display:contents}}.header__title{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-primary)}.header__subtitle{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-primary)}@media screen and (min-width: 31.25rem){.header__subtitle{grid-area:subtitle}}.header__description{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-secondary)}@media screen and (min-width: 31.25rem){.header__description{grid-area:description}}.header__price-line{display:flex;align-items:baseline;gap:0.5rem;margin:0.125rem 0 0;color:var(--snicker-card-text-primary);flex-wrap:nowrap}@media screen and (min-width: 31.25rem){.header__price-line{grid-area:price;flex-direction:column;align-items:flex-end;gap:0.1875rem;margin:0;align-self:start}}.header__accordion-toggle{border:0;background:transparent;padding:0;margin:0;border-radius:0.125rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem}@media screen and (min-width: 31.25rem){.header__accordion-toggle{display:none}}.header__accordion-toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.header__accordion-toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.header__accordion-toggle-icon.open{transform:rotate(-180deg)}.header__price-main{display:flex;align-items:baseline;gap:0.25rem;white-space:nowrap}.header__price-prefix{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-prefix{font:600 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__price-value{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-value{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__price-suffix{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-suffix{font:600 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__old-price{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-tertiary);text-decoration:line-through;white-space:nowrap}@media screen and (min-width: 31.25rem){.header__old-price{text-align:right}}.message{width:100%;padding-top:1rem}.message__inline{width:100%;--inline-message-padding:0;--inline-message-border-bottom:none}.selection{width:100%;padding-top:1rem;display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media screen and (min-width: 31.25rem){.selection{flex-direction:row;align-items:flex-end;flex-wrap:nowrap;gap:0.75rem}}.selection__dropdown{display:block;width:100%}@media screen and (min-width: 31.25rem){.selection__dropdown{flex:1 1 0;width:auto;min-width:0}}.selection__stepper{display:block;align-self:center}@media screen and (min-width: 31.25rem){.selection__stepper{flex:0 0 auto;align-self:flex-end}}.selection__button{align-self:center;--button-padding-medium:0.625rem 1rem}@media screen and (min-width: 31.25rem){.selection__button{flex:0 0 auto;align-self:flex-end;margin-left:auto}}.selection__button::part(button){transition:none}@media screen and (min-width: 31.25rem){.selection__button--in-cart{--button-padding-medium:0.625rem}}.selection__button--desktop{display:none}@media screen and (min-width: 31.25rem){.selection__button--desktop{display:inline-flex}}@media screen and (min-width: 31.25rem){.selection__button--mobile{display:none}}.benefits{list-style:none;margin:0;padding:1rem 0 0 0;display:flex;flex-direction:column;gap:0.25rem}.benefits__item{display:flex;align-items:center;gap:0.5rem}.benefits__icon{--icon-size:1rem;--icon-container-display:flex}.benefits__text{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-primary)}.benefits__link{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.benefits__link--unavailable{--tet-link-color:var(--snicker-card-unavailable-color);--tet-link-color-hover:var(--snicker-card-unavailable-color);--tet-link-color-active:var(--snicker-card-unavailable-color)}.packages{padding-top:1rem;display:flex;flex-wrap:wrap;gap:1rem}.packages__item{display:inline-flex;align-items:center}.packages__image{display:block;width:auto;height:1.5rem}.subscriptions{display:flex;flex-direction:column;gap:0 1rem;padding:0.25rem 0 0 0}.subscriptions__item{padding:0.75rem 0;display:inline-flex;align-items:center}.subscriptions__image{display:block;width:auto;height:1.5rem}@media screen and (min-width: 31.25rem){.subscriptions{flex-direction:row;flex-wrap:wrap}}.footer{padding-top:0.75rem;display:flex;flex-direction:column;gap:0.625rem}.footer--desktop-only{display:none}@media screen and (min-width: 31.25rem){.footer--desktop-only{display:block}}.footer__contract{min-height:0}.footer__info{display:flex;align-items:flex-end;justify-content:space-between;gap:0.75rem;width:100%;min-height:1.5rem}.footer__remark{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-secondary);overflow-wrap:anywhere}.footer__toggle{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";border:0;background:transparent;border-radius:0.125rem;color:var(--snicker-card-toggle-color);align-items:center;gap:0.25rem;padding:0;white-space:nowrap;cursor:pointer;margin-left:auto;display:none}@media screen and (min-width: 31.25rem){.footer__toggle{display:inline-flex}}.footer__toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.footer__toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.footer__toggle-icon.open{transform:rotate(-180deg)}";
+const TetSnickerCardStyle0 = tetSnickerCardCss;
+
+/** Constant to use in desktop resolution checker. Should be same as one used in SCSS media query */
+const DESKTOP_BREAKPOINT = 500;
+const TetSnickerCard$1 = /*@__PURE__*/ proxyCustomElement(class TetSnickerCard extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.bottomLinkClick = createEvent(this, "bottomLinkClick", 7);
+        this.benefitLinkClick = createEvent(this, "benefitLinkClick", 7);
+        this.cardClick = createEvent(this, "cardClick", 7);
+        this.selectionStateChange = createEvent(this, "selectionStateChange", 7);
+        this.addToCart = createEvent(this, "addToCart", 7);
+        this.removeFromCart = createEvent(this, "removeFromCart", 7);
+        this.isAccordionOpen = true;
+        this.theme = 'light';
+        this.state = 'default';
+        this.selectionType = 'radio';
+        this.isTabStop = true;
+        this.subscriptionLabel = undefined;
+        this.topBadge = undefined;
+        this.indicator = undefined;
+        this.cardTitle = undefined;
+        this.subtitle = undefined;
+        this.description = undefined;
+        this.price = undefined;
+        this.inlineMessage = undefined;
+        this.selectionConfig = undefined;
+        this.count = undefined;
+        this.primaryValue = undefined;
+        this.secondaryValue = undefined;
+        this.isInCart = false;
+        this.benefits = undefined;
+        this.benefitLink = undefined;
+        this.packageItems = undefined;
+        this.subscriptionItems = undefined;
+        this.bottomLinkText = undefined;
+        this.bottomRemark = undefined;
+        this.accordionConfig = undefined;
+    }
+    get hostElement() { return this; }
+    focusTargetEl;
+    static INTERACTIVE_CLICK_TAGS = new Set([
+        'TET-STEPPER-INPUT',
+        'TET-BUTTON',
+        'TET-DROPDOWN'
+    ]);
+    /** @private Reference to accordion element used for custom toggle. */
+    accordionEl;
+    isDesktopResolution = false;
+    /** Emitted when bottom link is clicked. Emits link text. */
+    bottomLinkClick;
+    /** Emitted when benefit link is clicked. Emits link text. */
+    benefitLinkClick;
+    /** Emitted when card surface is clicked. */
+    cardClick;
+    /** Emitted when any selection input changes (primary, secondary, count). */
+    selectionStateChange;
+    /** Emitted when add-to-cart button is clicked. */
+    addToCart;
+    /** Emitted when remove-from-cart button is clicked. */
+    removeFromCart;
+    get isSelectedState() {
+        return this.state === 'selected';
+    }
+    get isDisabledState() {
+        return this.state === 'disabled';
+    }
+    get isUnavailableState() {
+        return this.state === 'unavailable';
+    }
+    get isSubscribedState() {
+        return this.state === 'subscribed';
+    }
+    get isSelectable() {
+        return !!this.selectionType && !this.isDisabledState && !this.isUnavailableState && !this.isSubscribedState;
+    }
+    get isHoverable() {
+        return this.isSelectable && (this.selectionType === 'checkbox' || !this.isSelectedState);
+    }
+    get hasDesktopAccordionToggle() {
+        const openLabel = this.accordionConfig?.openLabelDesktop?.trim();
+        const closedLabel = this.accordionConfig?.closedLabelDesktop?.trim();
+        return !!openLabel && !!closedLabel;
+    }
+    componentWillLoad() {
+        this.isAccordionOpen = this.accordionConfig?.defaultState !== 'closed';
+        this.checkDesktopResolution();
+        this.ensureDesktopOpenWithoutToggle();
+        processTranslations('tet-components', 'lv').then(() => forceUpdate(this));
+    }
+    onAccordionConfigChanged() {
+        this.ensureDesktopOpenWithoutToggle();
+    }
+    onResize() {
+        const wasDesktop = this.isDesktopResolution;
+        this.checkDesktopResolution();
+        if (!wasDesktop && this.isDesktopResolution) {
+            this.ensureDesktopOpenWithoutToggle();
+        }
+    }
+    /** Syncs desktop resolution with state variable */
+    checkDesktopResolution = () => {
+        if (globalThis.window === undefined) {
+            this.isDesktopResolution = false;
+            return;
+        }
+        this.isDesktopResolution = globalThis.window.innerWidth >= DESKTOP_BREAKPOINT;
+    };
+    emitSelectionStateChanged = (patch) => {
+        const baseState = {
+            primaryValue: this.primaryValue,
+            secondaryValue: this.secondaryValue,
+            count: this.count
+        };
+        const nextState = {
+            ...baseState,
+            ...patch
+        };
+        this.selectionStateChange.emit(nextState);
+    };
+    onSelectionCounterValueChange = ({ detail }) => {
+        this.emitSelectionStateChanged({ count: detail });
+    };
+    onSelectionAdd = (event) => {
+        event.stopPropagation();
+        if (this.isDisabledState) {
+            return;
+        }
+        this.addToCart.emit({
+            primaryValue: this.primaryValue,
+            secondaryValue: this.secondaryValue,
+            count: this.count
+        });
+    };
+    onSelectionRemove = (event) => {
+        event.stopPropagation();
+        if (this.isDisabledState) {
+            return;
+        }
+        this.removeFromCart.emit();
+    };
+    onDropdownOptionSelected = (dropdown) => ({ detail }) => {
+        if (dropdown === 'primary') {
+            this.emitSelectionStateChanged({ primaryValue: detail.value });
+        }
+        else {
+            this.emitSelectionStateChanged({ secondaryValue: detail.value });
+        }
+    };
+    onAccordionChanged = ({ detail }) => {
+        this.isAccordionOpen = detail;
+    };
+    ensureDesktopOpenWithoutToggle = () => {
+        if (this.isDesktopResolution && !this.hasDesktopAccordionToggle && !this.isAccordionOpen) {
+            this.isAccordionOpen = true;
+        }
+    };
+    onBottomAccordionToggle = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.isAccordionOpen) {
+            this.accordionEl?.close();
+            return;
+        }
+        this.accordionEl?.open();
+    };
+    onHeaderAccordionToggle = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        this.onBottomAccordionToggle(event);
+    };
+    onBottomLinkClick = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.isDisabledState) {
+            return;
+        }
+        this.bottomLinkClick.emit(this.bottomLinkText ?? '');
+    };
+    onBenefitLinkClick = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.isDisabledState) {
+            return;
+        }
+        this.benefitLinkClick.emit(this.benefitLink ?? '');
+    };
+    isInteractiveCardClick = (event) => (event.composedPath().some((entry) => (entry instanceof H
+        && TetSnickerCard.INTERACTIVE_CLICK_TAGS.has(entry.tagName))));
+    onCardClick = (event) => {
+        if (!this.isSelectable) {
+            return;
+        }
+        if (this.isInteractiveCardClick(event)) {
+            return;
+        }
+        this.cardClick.emit();
+    };
+    /** Programmatically focuses the card selection target used by keyboard navigation. */
+    async focusSelectionTarget() {
+        this.focusTargetEl?.focus();
+    }
+    renderTopBadge = () => {
+        if (!this.topBadge) {
+            return null;
+        }
+        return h("div", { class: "snicker-card__badge" }, this.topBadge);
+    };
+    renderSubscriptionStrip = () => {
+        if (!this.isSubscribedState || !this.subscriptionLabel) {
+            return null;
+        }
+        return (h("div", { class: "subscription-strip" }, h("p", { class: "subscription-strip__label" }, this.subscriptionLabel)));
+    };
+    renderSelection = () => {
+        if (!this.selectionConfig) {
+            return null;
+        }
+        const { primaryDropdown, secondaryDropdown, stepper, addButtonLabel, removeButtonLabel } = this.selectionConfig;
+        const isSelectionAdded = this.isInCart;
+        const isStateDisabled = this.isDisabledState;
+        const initialStepperValue = this.count ?? stepper?.value ?? stepper?.min;
+        const actionLabel = isSelectionAdded
+            ? (removeButtonLabel ?? translate('components-snicker-card-remove-from-cart'))
+            : (addButtonLabel ?? translate('components-snicker-card-add-to-cart'));
+        return (h("div", { class: "selection with-divider" }, primaryDropdown && (h("tet-dropdown", { class: "selection__dropdown", theme: this.theme, label: primaryDropdown.label, buttonLabel: primaryDropdown.buttonLabel, options: primaryDropdown.options, disabled: isStateDisabled || (primaryDropdown.disabled ?? false), closeOnSelection: primaryDropdown.closeOnSelection ?? true, onOptionSelected: this.onDropdownOptionSelected('primary') })), secondaryDropdown && (h("tet-dropdown", { class: "selection__dropdown", theme: this.theme, label: secondaryDropdown.label, buttonLabel: secondaryDropdown.buttonLabel, options: secondaryDropdown.options, disabled: isStateDisabled || (secondaryDropdown.disabled ?? false), closeOnSelection: secondaryDropdown.closeOnSelection ?? true, onOptionSelected: this.onDropdownOptionSelected('secondary') })), stepper && (h("tet-stepper-input", { class: "selection__stepper", theme: this.theme, disabled: isStateDisabled, value: initialStepperValue, min: stepper.min, max: stepper.max, step: stepper.step ?? 1, accessibilityLabel: stepper.label, onInputValueChanged: this.onSelectionCounterValueChange })), !isSelectionAdded && (h("tet-button", { class: "selection__button", onClick: this.onSelectionAdd, size: "medium", type: "primary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-cart-outline", iconPosition: "left", accessibilityLabel: actionLabel }, actionLabel)), isSelectionAdded && (h("tet-button", { class: "selection__button selection__button--in-cart selection__button--mobile", onClick: this.onSelectionRemove, size: "medium", type: "secondary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-trash", iconPosition: "left", accessibilityLabel: actionLabel }, actionLabel)), isSelectionAdded && (h("tet-button", { class: "selection__button selection__button--in-cart selection__button--desktop", onClick: this.onSelectionRemove, size: "medium", type: "primary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-trash", iconMode: true, iconPosition: "left", accessibilityLabel: actionLabel, customColorCode: this.theme === 'light' ? '#F7F7F7' : '#18191B', customColorContentTone: this.theme === 'light' ? 'dark' : 'light' }))));
+    };
+    renderBenefits = () => {
+        const benefits = this.benefits ?? [];
+        let benefitsIconType = 'primary';
+        if (this.isDisabledState) {
+            benefitsIconType = 'quaternary';
+        }
+        else if (this.isUnavailableState) {
+            benefitsIconType = 'tertiary';
+        }
+        if (benefits.length === 0 && !this.benefitLink) {
+            return null;
+        }
+        return (h("ul", { class: "benefits" }, benefits.map((benefit) => (h("li", { class: "benefits__item" }, h("tet-icon", { theme: this.theme, class: "benefits__icon", type: benefitsIconType, name: "tc-check" }), h("span", { class: "benefits__text" }, benefit)))), this.benefitLink && (h("li", { class: "benefits__item" }, h("tet-icon", { theme: this.theme, class: "benefits__icon", type: benefitsIconType, name: "tc-check" }), h("button", { type: "button", class: {
+                'button-naked': true,
+                'benefits__link': true,
+                'benefits__link--unavailable': this.isUnavailableState,
+                'tet-link': true,
+                disabled: this.isDisabledState,
+                [this.theme]: true,
+            }, disabled: this.isDisabledState, onClick: this.onBenefitLinkClick }, this.benefitLink)))));
+    };
+    renderPackageItems = () => {
+        const packageItems = this.packageItems ?? [];
+        if (packageItems.length === 0) {
+            return null;
+        }
+        return (h("div", { class: "packages with-divider" }, packageItems.map((item) => (h("div", { class: "packages__item" }, h("img", { class: "packages__image", src: item, alt: "", loading: "lazy", decoding: "async" }))))));
+    };
+    renderSubscriptionItems = () => {
+        const subscriptionItems = this.subscriptionItems ?? [];
+        if (subscriptionItems.length === 0) {
+            return null;
+        }
+        return (h("div", { class: "subscriptions" }, subscriptionItems.map((item) => (h("div", { class: "subscriptions__item" }, h("img", { class: "subscriptions__image", src: item, alt: "", loading: "lazy", decoding: "async" }))))));
+    };
+    renderInlineMessage = () => {
+        const inlineMessage = this.inlineMessage;
+        if (!inlineMessage) {
+            return null;
+        }
+        return (h("div", { class: { message: true, 'with-divider': !this.selectionConfig } }, h("tet-inline-message", { class: "message__inline", variant: inlineMessage.variant ?? 'info', theme: this.theme }, h("span", { slot: "title" }, inlineMessage.title), h("span", { slot: "description" }, inlineMessage.message))));
+    };
+    renderBottomLink = () => {
+        if (!this.bottomLinkText) {
+            return null;
+        }
+        return (h("div", { class: "footer__contract" }, h("button", { type: "button", class: {
+                'button-naked': true,
+                'tet-link': true,
+                disabled: this.isDisabledState,
+                [this.theme]: true,
+            }, disabled: this.isDisabledState, onClick: this.onBottomLinkClick }, this.bottomLinkText)));
+    };
+    renderBottomInfo = () => {
+        const hasDesktopAccordion = this.hasDesktopAccordionToggle;
+        const toggleLabel = this.isAccordionOpen
+            ? this.accordionConfig?.openLabelDesktop
+            : this.accordionConfig?.closedLabelDesktop;
+        const hasRemark = !!this.bottomRemark;
+        const hasFooterInfo = hasRemark || hasDesktopAccordion;
+        if (!hasFooterInfo) {
+            return null;
+        }
+        return (h("div", { class: "footer__info" }, hasRemark && h("p", { class: "footer__remark" }, this.bottomRemark), hasDesktopAccordion && (h("button", { class: "footer__toggle", onClick: this.onBottomAccordionToggle }, h("span", { class: "footer__toggle-label" }, toggleLabel), h("tet-icon", { theme: this.theme, class: {
+                'footer__toggle-icon': true,
+                open: this.isAccordionOpen,
+            }, type: "primary", name: "chevron-down" })))));
+    };
+    renderBottomSection = () => {
+        const hasLink = !!this.bottomLinkText;
+        const hasRemark = !!this.bottomRemark;
+        const hasDesktopAccordion = this.hasDesktopAccordionToggle;
+        const isBottomContentEmpty = !hasLink && !hasRemark;
+        if (!hasLink && !hasRemark && !hasDesktopAccordion) {
+            return null;
+        }
+        return (h("div", { class: { footer: true, 'footer--desktop-only': isBottomContentEmpty } }, this.renderBottomLink(), this.renderBottomInfo()));
+    };
+    renderIndicator = () => {
+        const indicator = this.indicator;
+        if (!indicator) {
+            return null;
+        }
+        if (indicator.type === 'checkbox') {
+            return (h("tet-checkbox", { class: "header__selector", theme: this.theme, checked: this.isSelectedState, disabled: this.isDisabledState, unavailable: this.isUnavailableState, iconName: indicator.iconName, labelFont: 'lg-inter', "aria-hidden": true, inert: true }));
+        }
+        return (h("tet-radio", { class: "header__selector", theme: this.theme, checked: this.isSelectedState, disabled: this.isDisabledState, unavailable: this.isUnavailableState, iconName: indicator.iconName, labelFont: 'lg-inter', "aria-hidden": true, inert: true }));
+    };
+    renderHeader = () => {
+        const price = this.price;
+        const hasPrice = !!price;
+        let selectionTabIndex = -1;
+        if (this.isSelectable) {
+            selectionTabIndex = this.selectionType === 'radio' && !this.isTabStop ? -1 : 0;
+        }
+        const isNumericPrice = price?.type === 'price';
+        let displayedPrice;
+        let displayedOldPrice;
+        if (isNumericPrice) {
+            const opts = { decimalSeparator: ',', currency: '' };
+            displayedPrice = formatPrice(price.value, opts);
+            displayedOldPrice = price.oldValue === undefined ? undefined : formatPrice(price.oldValue, opts);
+        }
+        else {
+            displayedPrice = price?.value;
+            displayedOldPrice = price?.oldValue;
+        }
+        const pricePrefix = isNumericPrice ? price?.prefix : undefined;
+        const priceSuffix = isNumericPrice ? price?.suffix : undefined;
+        return (h("div", { class: {
+                header: true,
+                'header--hoverable': this.isHoverable,
+                'header--closed': !this.isAccordionOpen,
+                'header--no-price': !hasPrice,
+                'with-divider': true
+            } }, h("div", { class: "header__top" }, h("div", { class: "header__top-left", ref: (el) => (this.focusTargetEl = el ?? undefined), tabindex: selectionTabIndex, onKeyDown: this.isSelectable ? a11yBtnClick : undefined, role: this.isSelectable ? this.selectionType : undefined, "aria-checked": this.isSelectable ? String(this.isSelectedState) : undefined }, this.renderIndicator(), h("h3", { class: "header__title" }, this.cardTitle)), h("button", { type: "button", class: "header__accordion-toggle", onClick: this.onHeaderAccordionToggle }, h("tet-icon", { theme: this.theme, class: {
+                'header__accordion-toggle-icon': true,
+                open: this.isAccordionOpen,
+            }, type: "primary", name: "chevron-down" }))), h("div", { class: "header__content" }, this.subtitle && h("p", { class: "header__subtitle" }, this.subtitle), hasPrice && (h("div", { class: "header__price-line" }, h("div", { class: "header__price-main" }, pricePrefix && h("span", { class: "header__price-prefix" }, pricePrefix), h("span", { class: "header__price-value" }, displayedPrice), priceSuffix && h("span", { class: "header__price-suffix" }, priceSuffix)), displayedOldPrice && (h("div", { class: "header__old-price" }, displayedOldPrice, priceSuffix ? ` ${priceSuffix}` : '')))), this.description && h("p", { class: "header__description" }, this.description))));
+    };
+    render() {
+        return (h(Host, { key: '334574c4d905e454078fc368e00b5d44133bbce4' }, h("div", { key: '5d7a1aee8f173d3e49c883f6ac8d8a48967b054b', class: {
+                'snicker-card': true,
+                [this.theme]: true,
+                'snicker-card--hoverable': this.isHoverable,
+                'snicker-card--selected': this.isSelectedState,
+                'snicker-card--disabled': this.isDisabledState,
+                'snicker-card--unavailable': this.isUnavailableState,
+                'snicker-card--subscribed': this.isSubscribedState,
+                'snicker-card--with-badge': !!this.topBadge
+            }, onClick: this.onCardClick }, this.renderTopBadge(), this.renderSubscriptionStrip(), h("tet-accordion", { key: '25dd17b759693bd3c8bc4455fa1df759e53f01a9', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: 'b7ea6cd5da0e5a7297c8a279dbf9cc6341461cc1', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: 'f3c0d643fc84414c5fe948fb55e4ed22e941a5a6', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderBenefits(), this.renderPackageItems(), this.renderSubscriptionItems())), this.renderBottomSection())));
+    }
+    static get watchers() { return {
+        "accordionConfig": ["onAccordionConfigChanged"]
+    }; }
+    static get style() { return TetSnickerCardStyle0; }
+}, [1, "tet-snicker-card", {
+        "theme": [1],
+        "state": [1],
+        "selectionType": [1, "selection-type"],
+        "isTabStop": [4, "is-tab-stop"],
+        "subscriptionLabel": [1, "subscription-label"],
+        "topBadge": [1, "top-badge"],
+        "indicator": [16],
+        "cardTitle": [1, "card-title"],
+        "subtitle": [1],
+        "description": [1],
+        "price": [16],
+        "inlineMessage": [16],
+        "selectionConfig": [16],
+        "count": [2],
+        "primaryValue": [8, "primary-value"],
+        "secondaryValue": [8, "secondary-value"],
+        "isInCart": [4, "is-in-cart"],
+        "benefits": [16],
+        "benefitLink": [1, "benefit-link"],
+        "packageItems": [16],
+        "subscriptionItems": [16],
+        "bottomLinkText": [1, "bottom-link-text"],
+        "bottomRemark": [1, "bottom-remark"],
+        "accordionConfig": [16],
+        "isAccordionOpen": [32],
+        "focusSelectionTarget": [64]
+    }, [[9, "resize", "onResize"]], {
+        "accordionConfig": ["onAccordionConfigChanged"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["tet-snicker-card", "tet-accordion", "tet-button", "tet-checkbox", "tet-dropdown", "tet-icon", "tet-inline-message", "tet-input", "tet-radio", "tet-stepper-input"];
+    components.forEach(tagName => { switch (tagName) {
+        case "tet-snicker-card":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TetSnickerCard$1);
+            }
+            break;
+        case "tet-accordion":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "tet-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "tet-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "tet-dropdown":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "tet-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "tet-inline-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "tet-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "tet-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "tet-stepper-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const TetSnickerCard = TetSnickerCard$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { TetSnickerCard, defineCustomElement };

package/dist/components/tet-spacing.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-25b93e8f.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-aa122c92.js';
 
 const tetSpacingCss = "@charset \"UTF-8\";: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)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:5rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable:after{border-top:0.125rem solid #779af5;position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{content:\"izmērs\"}.variable-direction:after{content:\"veids\"}.section-wrapper{gap:1rem;display:flex;flex-direction:row}.section{width:100%;gap:0.5rem;display:flex;flex-direction:column}.section-content{border:0.0625rem solid gray;padding:1rem 2rem;border-radius:2rem}.section-title{font-size:1rem;border-top:0.0625rem solid gray;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-style-attribute{color:grey}.section-style{white-space:nowrap}";
 const TetSpacingStyle0 = tetSpacingCss;
@@ -10,7 +10,7 @@ const TetSpacing$1 = /*@__PURE__*/ proxyCustomElement(class TetSpacing extends H
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '33304a8449b7397423e7fc3994ada2aca7dbe72a' }, h("div", { key: 'f9be33ba8421b5247d42ac6d2831699c3b41127d', class: "variable-container" }, h("div", { key: '8014ee55f13aacc7e0d9d98c5b739d26bcde8d73', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: 'f9da909fcfd2a8424e4d08ea8c37b8b1564fa36b', class: "container-section" }, h("div", { key: 'a73ddf9e13250e4f8dd9cd071bf3a0048b95df09', class: "variable-name" }, h("div", { key: '57ad6cbb11f0a82746894bde5b49170cdaeb64ec', class: "variable-part" }, "tet"), h("div", { key: '846ad5fee227dd2be04f9a67d044d30d901a211f', class: "variable-part" }, "-spacing"), h("div", { key: '62f976dfea3b4e51a0068b31cb46b22eae2bb4e4', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '45a4b2df2882d4b893a434400e06cf46a980d9c4', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '9fcc0caa3edd47d095bcce19bf5f812c001d8ae1', class: "container-wrapper" }, h("div", { key: '3962786ae08a5eb01b1a8b70659767d637548594', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '434ef91f40edde37a6cb4e3cf793dd5ca284c167', class: "section" }, h("div", { key: 'd07f096c38ea08aaf694a8c81b3578a2704a9ca4', class: "section-wrapper" }, h("div", { key: 'aaf9c473c0e6817614035ed14437beb811fc78a5', class: "section" }, h("div", { key: '7e7cabd5a90957b9fddadeac2caa51ea643310e1', class: "section-content" }, h("div", { key: '5947b25d94a8b4082e3d4f55adc49ca3388221d9', class: "section-style" }, "__null"), h("div", { key: 'adb767a8b31b16400ade5ededc660ae6970b11fc', class: "section-style-attribute" }, "0")), h("div", { key: 'ed820cbfec85e60074aca4019fd484dcb3bf4156', class: "section-content" }, h("div", { key: 'e849bec9f38259011cfd56a57192b23176818187', class: "section-style" }, "__3xs"), h("div", { key: 'f1b82e28de172d49c12172825b84e4cd7bf8f5d9', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '0b6d6042262e07bd35faf9dcbf54f63cdfb42edb', class: "section-content" }, h("div", { key: 'd17ce79e71019bf987d6e5b08d62f8b69893568f', class: "section-style" }, "__2xs"), h("div", { key: '456389bf8eaceafd5dfd449d34eb0442f03d4db4', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '633abbad805953ca3cf124ba4d9c222b03c00c82', class: "section-content" }, h("div", { key: '07cd50f473c06ff778dddff0ff40d711a2ff00ad', class: "section-style" }, "__xs"), h("div", { key: 'c9f0fbf238fdb796faac533b099459d8c0a74e0f', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: 'd0c2533f4d160de792ee1623ee06af53b30f6560', class: "section-content" }, h("div", { key: '55d86cafd1b243babd7e08f1ad42f8e02797593d', class: "section-style" }, "__sm"), h("div", { key: 'bef1ca541bba0f5b66de79281b5d946413d7e72c', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '0b31252624525e90f579405a8ee2e3f49b4ffa1f', class: "section-content" }, h("div", { key: '906727833fd2f4f64476e9d7d0257980cbdbd046', class: "section-style" }, "__md"), h("div", { key: 'd53913844f4b4c327800cf6ab1b47ce23def9b91', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '05585ada9e298ce796dfc9b4e8880854e96b6ee1', class: "section-content" }, h("div", { key: '30cb7b7cef16fa9730b9c881fcf94bfe10b01106', class: "section-style" }, "__lg"), h("div", { key: 'e9a801561731b76cccc1239ee1a00996af021ad7', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '396f6b9437260980c4e7154cc3282dc551752c62', class: "section-content" }, h("div", { key: '7ffab226fcf7f949d93b6ea6044bfece5e758753', class: "section-style" }, "__xl"), h("div", { key: 'e504947f06c88520bd899d88e9f36e0b7ca353dd', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '62d028d8d07c49a410b66bf2957949e20fc2880e', class: "section-content" }, h("div", { key: 'ba803a4f784eb0f3942050dc24b056bd4ccd8f09', class: "section-style" }, "__2xl"), h("div", { key: '5ca20d097e27087b74114ab276a8ac087395cb6c', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: 'f68757c462f3008b618e6a82909baa4566360cfe', class: "section-content" }, h("div", { key: '83844227e00f4d3519499d0129df4391a613bb40', class: "section-style" }, "__3xl"), h("div", { key: 'b6ce159adb9c3c46740dd3751c3b007889a0f62c', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: 'e8f31bd2291aa17c8e16eb37ef50c07e844feedf', class: "section-content" }, h("div", { key: 'f7c40078c61f661dfdb5c94506a66df290e17b00', class: "section-style" }, "__xxl"), h("div", { key: '01c5c1840e4e60a8aa53e3178532ba8bbf35ddb3', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '300902f6d0199db7bb8bf27b10c576d9b32bcd1b', class: "section-content" }, h("div", { key: 'c245b3d84f6d19c32b47193f33c8d252d77d6cb0', class: "section-style" }, "__2xxl"), h("div", { key: '956873fb4fa793d1ff1a63221477276d870636d3', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '5cb268e761f6b84e646fb4c396c89e707bd517e1', class: "section-content" }, h("div", { key: '7a546425f2add47fea52a4fea181fa60a16ebfb9', class: "section-style" }, "__3xxl"), h("div", { key: 'af24a0db66a0f7f6907f70f97f45e53bfd22d2c5', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: 'b85812460ad7da3a348cdb555a119004e3cc51cb', class: "section-content" }, h("div", { key: '3d0381289968073427b7d5e17a128f86dd163c89', class: "section-style" }, "__mg"), h("div", { key: '0628f9cc723634100b4a81973961caafc45617d3', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '74d672d08b11257468a218a84d7611507a1f3337', class: "section-content" }, h("div", { key: 'a4fd9319720b03d61fd4c4c94d74925475dd05f7', class: "section-style" }, "__2mg"), h("div", { key: 'ef92ff73725ea269745593b2b5f6c9ff1afd673e', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '006584ea42f6f60f1d64456667d7f50ca23c4da1', class: "section-content" }, h("div", { key: '3cdc3c4aaaf1288547a9531aac6c1aba40adc340', class: "section-style" }, "__3mg"), h("div", { key: '51bc00f941252c15d7a66fadbab212ccfb08f7bc', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: 'a63f797ab06d7705a059a86c58e8a6ba0d2f3642', class: "section-content" }, h("div", { key: '331750cb675dfd7d0e6aa0a5876a0fb2a81d124d', class: "section-style" }, "__gg"), h("div", { key: '20fa6a68b53d16616a4777a772bef14de6b081b5', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: 'b5205db448bb7d08f13688a213fbe5656e8226ce', class: "section-content" }, h("div", { key: '9a88455f8db608fab9b7162803466b23b5333cd4', class: "section-style" }, "__2gg"), h("div", { key: '51d10a7991956a1a4ed07e2d9c79a0c226baaf33', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: 'b1adcc791cf36dd98755e51e702eda4d8c38513c', class: "section-content" }, h("div", { key: 'c46bdff7a3bd11211f2b1ac8b7ee8846e1c9ca0f', class: "section-style" }, "__3gg"), h("div", { key: '1da852f35f10346244e58063ff55757706c9dc6f', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '4c2a0c0d42da7668ef17f7073eefab31c16f0bc1', class: "section-content" }, h("div", { key: 'daec3daebba3c93299afdb9196fa8ccf8497fbd3', class: "section-style" }, "__xgg"), h("div", { key: '2cc2ec44e515140108674dbc29638cc19b62004e', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '91eef3c4b1413639c19a2d60d205f33a9da9befa', class: "section-content" }, h("div", { key: 'c61c5056fea3f4b9ec0f35eec3289f15192a3adf', class: "section-style" }, "__auto"), h("div", { key: '486e85efd72fd5b435967a4b76bb37f0cc420bd0', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '97265bc8a3c72448ad6b6c313af5fdf66932fc49', class: "section" }, h("div", { key: '7ed31af4d3af053db8f6b2b749b3757e4957744b', class: "section-content" }, h("div", { key: 'df4bd71518a163eaefac7801dfc8024a663a61da', class: "section-style" }, "--m"), h("div", { key: '2be1e8f564e34aad12110853ad63ac1353047eaa', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '6f6e1ff5036794a046e7867ecb8bf9c852570aaf', class: "section-content" }, h("div", { key: 'a2dc1a60de13e947b0ecdc3ae5da85c74cdbc0f2', class: "section-style" }, "--mtb"), h("div", { key: '7d39bd3cb4a47e3183ef8cdb9fc3caec754af2b4', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: 'aa2275c229553e3c6b0e0dddd0273b992ed9b302', class: "section-content" }, h("div", { key: '037cc653e72a7b842edac65d3acf8b1b70e98b06', class: "section-style" }, "--mlr"), h("div", { key: 'b274a0a193b8acb1ff9d3a2bcd5156b5ea1c8a5f', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '13f01bb40fde12e12d8f63fbbb7d7e9c60872614', class: "section-content" }, h("div", { key: 'ed6b0f38c15f6151e29bcba2d7e0508ec1fdaa5b', class: "section-style" }, "--mt"), h("div", { key: '4c585b3606777171cb640aa3064e40e2c79b4699', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '49586cdea7ff852a00b2df44a8b118fd0cadd7db', class: "section-content" }, h("div", { key: '7000ad11f2162c4b0a2947057d4a25e4b46409e1', class: "section-style" }, "--mb"), h("div", { key: '0f6524b4737a7be3a4bb05f38277acda3cd3aab4', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: 'b976d7fb511a22835abc2e800f97ff84de48b27d', class: "section-content" }, h("div", { key: '821a94e79aa6df44bfe44d13b4508a1d55d321e2', class: "section-style" }, "--mr"), h("div", { key: '2dc1d77ab24ad8fb64f2e2eda4545a01cc2698a5', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '5217d9bfc7dde383e187b9230a7ee0b5fff1f3f6', class: "section-content" }, h("div", { key: '3b73f2ac29dbd9ef6b61543cc67afc58289b38ca', class: "section-style" }, "--ml"), h("div", { key: '41164dd21d1316f675116393b3105c8e557989d8', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: 'b8a938280e5911d408c4e18ea2cb116864384721', class: "section-content" }, h("div", { key: 'cc3a9dfdb94c4c3c84a2cbbd43d782ed3f5aebd7', class: "section-style" }, "--p"), h("div", { key: 'b6e63ef7f71a5480ee1eb024da7d0f46efa50471', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: 'd0912c3306a2ff322905110c9cdd0782a9e7815b', class: "section-content" }, h("div", { key: 'f7fe4b0271cb3884bedc39c83b879271fcfb8f1f', class: "section-style" }, "--ptb"), h("div", { key: '6d6c7eea743d88162fcf3c33e3e187c302e7bdd8', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '26842180ffe6ef99231f7c0cfea0697f27966a8f', class: "section-content" }, h("div", { key: '062b4eeeff46a815e3dc24e67c197d42bd039a04', class: "section-style" }, "--plr"), h("div", { key: '19912330ecc354f33a1608bf0ac10feaa3acf901', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '7eab4dbb6bccd17fc0d3e97b16c173812b8326db', class: "section-content" }, h("div", { key: '900a669ff46d7f4cc384e9502d3442b5d1fdaeaa', class: "section-style" }, "--pt"), h("div", { key: '48c640e3383538f627fd82bdfe23ee877d1efdf5', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: 'ed4424290c1caa50767d3a9fe1f8208c68f25045', class: "section-content" }, h("div", { key: '59c66bf63b0c328fe0f903630e15ad4979e8a672', class: "section-style" }, "--pb"), h("div", { key: '3bbec170c568051f6fa06a7b66e614e23fe58977', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: 'f0c59661a75860342b245c122220cc0c8ed8de29', class: "section-content" }, h("div", { key: 'b374477f296c03f9edb9e3558c42a38e33670e0a', class: "section-style" }, "--pr"), h("div", { key: '1a5e889eb51dbbe0a06df7316fece148aab96e19', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '70c4df1a5a51c35fb326567fcf7c94c309b8b281', class: "section-content" }, h("div", { key: 'b38ead047540438460336c994f72a8de6c733b88', class: "section-style" }, "--pl"), h("div", { key: '06743a294283ec4b0c80ed8b937de71cd96c203a', class: "section-style-attribute" }, "padding pa kreisi"))))))));
+        return (h(Host, { key: '318b793863a9946eda53e1b49d51c788de6433e6' }, h("div", { key: 'ec2d7a1b2efb9694ee20b5b61b1db42d7ba54fa2', class: "variable-container" }, h("div", { key: '0d79de907cd701b6704ed68cfc6a5be4cbba263c', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '60249d3adfbf40b90233e1df998c34537f3bcac1', class: "container-section" }, h("div", { key: '6cf4fef24eaf8731428a31e5eba5f961e6079ec1', class: "variable-name" }, h("div", { key: 'ee13b90ac31a281a710508acc664f88ed58995b7', class: "variable-part" }, "tet"), h("div", { key: '5fdd0f0be2ec3ecdbf235c0388dc857a32e30a13', class: "variable-part" }, "-spacing"), h("div", { key: '8ccfe68bbef47d04c68a6b11807b6ceedefb50e2', class: "variable-part variable variable-size" }, "__md"), h("div", { key: 'd04db6a05301e08c3105ac75994331d07b70790e', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '846afa7a88b516a322f5df27459f030c90f5f895', class: "container-wrapper" }, h("div", { key: 'd7e81a020cc889f3732221dabe6cedd7538485da', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '62e9c30feda6d2da3166f58684b80bbcf23fb912', class: "section" }, h("div", { key: '8daeb76de814d33d3234985b869979f96ecd7f23', class: "section-wrapper" }, h("div", { key: 'a26cb3cf5067ccfa3c4032917567f160ea1a788f', class: "section" }, h("div", { key: '2b7d51475a108c60b751ba0bafbb362196aeec6f', class: "section-content" }, h("div", { key: '66ee87c641b4e2d2e4ce49c9e870c956e17bbab4', class: "section-style" }, "__null"), h("div", { key: 'a2362f969e6612253203a6bade1cbef14900f4c2', class: "section-style-attribute" }, "0")), h("div", { key: 'df3630db31812a443fe9179e50c028cf8ba487cc', class: "section-content" }, h("div", { key: '3774c2c8d475310acf555b5cf0a3b03b81933936', class: "section-style" }, "__3xs"), h("div", { key: 'c25e53f4485d6b95dcab8be35119ad8357eb8239', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: 'fb229ca26df7128e8b706dfd07c2b7032c3ee54f', class: "section-content" }, h("div", { key: '0b473f020cbc7495f1058a9698176ccf6cdf4774', class: "section-style" }, "__2xs"), h("div", { key: 'afd31bd03788d736a0755eb8acf64bd181e1bb1a', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: 'c0da897664724958a86603e1a6553973a8cee60a', class: "section-content" }, h("div", { key: 'a3fbbbb4f57d53c536c09dafa04ef60b4b7d8b54', class: "section-style" }, "__xs"), h("div", { key: 'b6fe12d50ec2570de8824a2a118f3c5e5a6bfe6c', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '0d186a09201efb476c331378d0978c1167c14bfa', class: "section-content" }, h("div", { key: '48e8717f413658e1217fc601fbe8032ae2f372c6', class: "section-style" }, "__sm"), h("div", { key: '82e3084e8c66c8a950a7e53476deccd0885c5fbd', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: 'aa9fe177828a1055da03ca89fadeb10ecad119f1', class: "section-content" }, h("div", { key: '2820d7ed0bfdf3280b92ab38137d13e2ba682d18', class: "section-style" }, "__md"), h("div", { key: 'd77af7f0125d65160489cb7dd84771acfd5d4fab', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '7d4227f0ff2af3822e45b543aba937170e80e9d6', class: "section-content" }, h("div", { key: '40a461cf08ab837247d97c5865f3d407d5107074', class: "section-style" }, "__lg"), h("div", { key: '5a870707ffd246ffd954b03ce34d4eefe41678ef', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: 'd3cf0adf141e3fdfecf62c25df03275d329c22a6', class: "section-content" }, h("div", { key: '6bb9a0462b57103a98ec6fec24830a58eee5300c', class: "section-style" }, "__xl"), h("div", { key: '1e780e408628ab32b23d728a37b39025695e3246', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '46066e1e74ee14b059b3efc1165486ec968cb428', class: "section-content" }, h("div", { key: '1c96ed336537db9f2115f50e3c0219d89745937b', class: "section-style" }, "__2xl"), h("div", { key: 'ec058caaa51eba789aa2ee3e092e9faaf26b44c8', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '0fd7f412561dc816caafa4265ac5ebf827f69c61', class: "section-content" }, h("div", { key: '225a0b1277e46f91d3b53c78f8b162261f5e9e24', class: "section-style" }, "__3xl"), h("div", { key: '30da94730fa175806c8d54099b35f89ac0efb0e8', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: 'c696be2f8e84463e60eb733c8b2d5f2992b094e4', class: "section-content" }, h("div", { key: 'a9a244e4a4b0137fe873f158115f1a2c793b8b98', class: "section-style" }, "__xxl"), h("div", { key: 'cada098781a942925fdc346f03b68d20a9e3f56d', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: 'f78c0af51c5300e6f0da3876e2858e12e1fa149a', class: "section-content" }, h("div", { key: 'c56ff7c61c4f1a2d3ab84bd6e1870854ec83f758', class: "section-style" }, "__2xxl"), h("div", { key: '022210bc63e7be846d9ba791e93fd5bc412646ac', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '218c8083492b38cfb996e6c9fc02daf6a2ecd432', class: "section-content" }, h("div", { key: 'aaffcd1ebb83d3d520dac855b5d5aac3934118e8', class: "section-style" }, "__3xxl"), h("div", { key: '4d7f750cc70de49c5a907af7f1df605d8689f288', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: 'c748ca7b1c778357d542f0e5e3f5d9a89522ee65', class: "section-content" }, h("div", { key: 'a093bb90a9fe6eba55134115705230eb382ef5f7', class: "section-style" }, "__mg"), h("div", { key: 'f635d32a0517193a1ad36c7a9961e6ff796ba8b4', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: 'cda8c8c6d29f9c5a4c3a4f3f3249a178e5266dd9', class: "section-content" }, h("div", { key: '79320c550aac2793fcec6b204f3099684471ed2b', class: "section-style" }, "__2mg"), h("div", { key: '4b8f24822a54f7380adf9dc217ef1b8080c4c254', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '55405ab928d1423a35cb954eecc0fcf48a63d3d6', class: "section-content" }, h("div", { key: 'ce061cfeb401af0b390dabe6b8595c807a05098d', class: "section-style" }, "__3mg"), h("div", { key: '2f0f48c960639bafa60c29a398915a4e9719073e', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '6d041427fd8ed94e20db16d67c3ceb0b2e42ed1c', class: "section-content" }, h("div", { key: '30c01747c9ad8c132e550519247dd05afaf29c82', class: "section-style" }, "__gg"), h("div", { key: '3e9c4b87baa1f5570976262b42dcfe8c45a86ba7', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: 'c323776083558657f8c624e803e66df41371452b', class: "section-content" }, h("div", { key: 'fc79fed58946f02e06905b04c66c91a3aeec755c', class: "section-style" }, "__2gg"), h("div", { key: 'b510750e2aab89c2c2afa07eaaafc0b27a520574', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '048513179fc9a3705250e53d60ffee0067b56847', class: "section-content" }, h("div", { key: '8b6c71575d0fc9e4e9e7c82d306a6c471ce0ffec', class: "section-style" }, "__3gg"), h("div", { key: '0616c6b79212b02d863cae63078aa13ae99d851f', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '11fbe71f5e2c7a643161b53c280b154a94afbdd2', class: "section-content" }, h("div", { key: '0cb67f5506b74919c0b61077a4ff86c9ec60bd27', class: "section-style" }, "__xgg"), h("div", { key: '545ee2a9e2015657e73b9d90fd6650f3dd3fd443', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '4dac1b49c6d478867225c3ea3b00392e470906ec', class: "section-content" }, h("div", { key: '7b0bfe18e376360219f048b136b0329c955fe49b', class: "section-style" }, "__auto"), h("div", { key: 'c1f0615b5205f31275ebf4597387d444a196495e', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: 'ce519b5d2a68815c3df68596f98545417cfd0cd5', class: "section" }, h("div", { key: '0fe8a1e3ddf0a5b34a39059c3b4f0300acae71d4', class: "section-content" }, h("div", { key: 'f33f21c51370f08a93059f04711a340978768ba8', class: "section-style" }, "--m"), h("div", { key: '16ffa3ea532051cd2b96702ff31396884a2234b3', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '66a9129f0d48da783dc754f8207290155444a84d', class: "section-content" }, h("div", { key: 'f42748b315722c09f6f7404ad024390797a11f03', class: "section-style" }, "--mtb"), h("div", { key: '9feb89eaadadd0ab2f1d8625cf9d5133e945c8a8', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: '5ab1728f3011684b7bd9e8b097e72fca719e4955', class: "section-content" }, h("div", { key: 'e29373cc481f0d84fe3fd03b976b3e54907aa83e', class: "section-style" }, "--mlr"), h("div", { key: '7beccc397e5c80e5973854a27dca88a972fd1138', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '3398304cb88cb41af3589362a4fb00c9aeddd7a0', class: "section-content" }, h("div", { key: 'b8b716a56978cbc8bbab0218a5a2ffc24cf26445', class: "section-style" }, "--mt"), h("div", { key: 'e7249971ee45a624a91956a8fc5c6fd4360fb002', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '6256fb1e5cffb2cde3e96c3e8068e127705652ea', class: "section-content" }, h("div", { key: 'db3b0a658e91076b0397b4c54dd4913a1e4bd568', class: "section-style" }, "--mb"), h("div", { key: 'b41b8b27f66593fd5272758f07fdf2f92ade8fc8', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: 'f4db0524bc6124ac156d624fa40023015e132adf', class: "section-content" }, h("div", { key: '3ee69e050123f97fb4cfd78318eb190c5111ec99', class: "section-style" }, "--mr"), h("div", { key: 'a1e0aa267582c3d3e2c214ef3c3bc98c3b29bdf6', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '71bf336ada45494a5a551912af50d53b17a5b1ce', class: "section-content" }, h("div", { key: 'ea61d45546361ff49ffac9da12d5e90306d75ef8', class: "section-style" }, "--ml"), h("div", { key: '889c9380ce728fd53bdb74d3d58f3e645501878e', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: 'b49e22e40dd62872a4dbc9a44f5a2cb44edd0e17', class: "section-content" }, h("div", { key: 'cffd06c03c143b083f4866df36516c58b69f5925', class: "section-style" }, "--p"), h("div", { key: 'fa2e5b614dbb13c13a497069a7dd0b84bee61efd', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: 'c9a901e2ecb83cb6ed335d4e678fe1e116fac335', class: "section-content" }, h("div", { key: '6903aa3194490f4ee25204951b4e8da45c0c5fc2', class: "section-style" }, "--ptb"), h("div", { key: '0ec86a151fbe0c7c05c9d610754da9d8dc8e6096', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '4611963f6eba6de53ba58fd43173791a29f70f61', class: "section-content" }, h("div", { key: '5ce1c2c2f78462e869e471722f1c98ba7f9833be', class: "section-style" }, "--plr"), h("div", { key: 'a26ef685d7bfbfbafe4aef5841160daca42d4a98', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '9d6cb1bdc5354b663ddbafbb6ad7cff958089f76', class: "section-content" }, h("div", { key: 'b8ee6b0dd0119c6dec8891619efebb25a46583cf', class: "section-style" }, "--pt"), h("div", { key: '350e18e73972cc708c8727fdbcc3384f563b44b4', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '80fd6c7311b9ca30e7271c6d2607149eaf142048', class: "section-content" }, h("div", { key: 'e0a213748fe6fafa507543d425187501522ba433', class: "section-style" }, "--pb"), h("div", { key: '75483e4e5282730e98bbf7eaf5eb6480588cb18b', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: 'a9ebbfe9ddbfc3ff147fa4992a727fbe9d5b848b', class: "section-content" }, h("div", { key: '46553f403daf2d0cb2ebc454274686f72c0e55a0', class: "section-style" }, "--pr"), h("div", { key: '06bce57ed2da8c121496bbf998fc2c03f05adb12', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '116f690854c8fa9bf6beed83aaf4389fb8393f73', class: "section-content" }, h("div", { key: '7d10c0ca5ad6eda63f238b97cc8774f1c8aa6bf1', class: "section-style" }, "--pl"), h("div", { key: '586915e44b4d807bff021cdd96aaefeaae6ac91c', class: "section-style-attribute" }, "padding pa kreisi"))))))));
     }
     static get style() { return TetSpacingStyle0; }
 }, [1, "tet-spacing"]);