@tet/tet-components 1.4.71-testing → 1.4.72-production

package/dist/esm/tet-tooltip.entry.js

@@ -0,0 +1,376 @@
+import { r as registerInstance, g as getElement, h, H as Host } from './index-0da0d682.js';
+import { T as TooltipPosition } from './TooltipPosition-3ad27783.js';
+
+const tetTooltipCss = ":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)}}";
+const TetTooltipStyle0 = tetTooltipCss;
+
+const TetTooltip = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.theme = 'classic';
+        this.targetElementSelector = undefined;
+        this.hoverElement = undefined;
+        this.doNotShowOnHover = false;
+        this.position = TooltipPosition.BOTTOM;
+        this.positionState = TooltipPosition.BOTTOM;
+        this.showTooltip = false;
+    }
+    /**
+     * The HTML element that should trigger the tooltip.
+     */
+    targetElement;
+    /**
+     * The pointer element of the tooltip.
+     */
+    tooltipPointer;
+    /**
+     * The minimum spacing in pixels from the sides of the window and the target element for the tooltip.
+     */
+    margin = 8;
+    /**
+     * The time in seconds of how long should the hover should happen before the tooltip should play the fade-out animation.
+     * This should match CSS --tooltip-delay-show property value.
+     */
+    tooltipTimeThreshold = 0.25;
+    /**
+     * The properties of keeping track when the mouse entered or exited the target element.
+     */
+    tooltipStartTime;
+    tooltipEndTime;
+    resizeObserver;
+    get element() { return getElement(this); }
+    /**
+     * Listen for the `touchmove` event and hide the tooltip if visible.
+     * This will handle the mobile device events.
+     */
+    handleTouchmove() {
+        this.hideQuick();
+    }
+    /**
+     * Listen for the `wheel` event and hide the tooltip if visible.
+     * The `wheel` event is intentionally preferred instead of `scroll`.
+     */
+    handleWheel() {
+        this.hideQuick();
+    }
+    /**
+     * Listen for the `Escape` keydown event and hide the tooltip if visible.
+     */
+    onKeydown(event) {
+        if (event.code === 'Escape') {
+            this.hideQuick();
+        }
+    }
+    /**
+     * Listen for the window to resize and reset the `positionState` to the original default value.
+     */
+    handleResize() {
+        this.positionState = this.position;
+    }
+    handlePositionChange(position) {
+        this.positionState = position;
+    }
+    /**
+     * Hide the tooltip quickly and ignore the time the tooltip has been visible for on screen.
+     */
+    hideQuick = () => {
+        if (this.showTooltip) {
+            this.tooltipStartTime = Date.now();
+            this.hide();
+        }
+    };
+    onShowTooltipChange(value) {
+        // The "fade-out" is watched separately for changes to avoid the animation on the initial page load.
+        if (!value) {
+            // The time spent on showing the tooltip in seconds.
+            const tooltipTime = this.tooltipEndTime / 1000 - this.tooltipStartTime / 1000;
+            // This avoids playing the "fade-out" animation when the mouse is quickly moved over tooltip target element.
+            // Otherwise, the tooltips would pop up and play the fade-out animation each time.
+            this.element.classList.add(tooltipTime > this.tooltipTimeThreshold ? 'hidden' : 'hidden-quick');
+        }
+        else {
+            this.element.classList.remove('hidden', 'hidden-quick');
+        }
+    }
+    async componentWillLoad() {
+        if (this.targetElementSelector) {
+            this.targetElement = document.querySelector(this.targetElementSelector);
+        }
+        else if (this.hoverElement) {
+            this.targetElement = this.hoverElement;
+        }
+        else {
+            this.targetElement = this.element.parentElement;
+        }
+        if (!this.targetElement) {
+            return;
+        }
+        if (!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(() => {
+            if (!this.targetElement?.offsetHeight) {
+                this.element.classList.remove('hidden');
+                this.element.classList.add('hidden-quick');
+            }
+        });
+        this.resizeObserver.observe(this.targetElement);
+        this.positionState = this.position;
+        // By default, set tooltip to be hidden.
+        this.element.style.display = 'none';
+    }
+    componentDidLoad() {
+        // Delay the visibility for a moment to avoid the blinking effect of the tooltips shortly after the load.
+        setTimeout(() => {
+            this.element.style.display = 'inline-block';
+            if (!this.doNotShowOnHover && this.targetElement?.matches(':hover')) {
+                this.show().then();
+            }
+        }, 100);
+    }
+    async disconnectedCallback() {
+        if (!this.targetElement) {
+            return;
+        }
+        this.targetElement?.removeEventListener('mouseenter', this.show.bind(this));
+        this.targetElement?.removeEventListener('mouseleave', this.hide.bind(this));
+        this.resizeObserver?.unobserve(this.targetElement);
+    }
+    /**
+     * Show the tooltip.
+     */
+    async show() {
+        this.tooltipStartTime = Date.now();
+        this.showTooltip = true;
+        this.positionTooltip();
+    }
+    /**
+     * Hide the tooltip.
+     */
+    async hide() {
+        this.tooltipEndTime = Date.now();
+        this.showTooltip = false;
+    }
+    /**
+     * Toggle the tooltip.
+     */
+    async toggle() {
+        if (this.showTooltip) {
+            await this.hide();
+        }
+        else {
+            await this.show();
+        }
+    }
+    /**
+     * Positions the tooltip corresponding to the target element.
+     */
+    positionTooltip = () => {
+        const targetBoundaries = this.targetElement.getBoundingClientRect();
+        /**
+         * Check whether the tooltip can be placed on either side of the element
+         * when either the left or the right position is set by default.
+         */
+        if ([TooltipPosition.LEFT, TooltipPosition.RIGHT].includes(this.positionState)) {
+            const canPositionRight = window.innerWidth > targetBoundaries.right + this.margin + this.element.offsetWidth;
+            const canPositionLeft = this.element.offsetWidth + this.margin < targetBoundaries.left;
+            // Change positioning if it cannot.
+            if (!canPositionLeft && !canPositionRight) {
+                this.positionState = TooltipPosition.BOTTOM;
+            }
+        }
+        const isTooltipOutOfVerticalBounds = this.positionTooltipVertically(targetBoundaries);
+        const isTooltipOutOfHorizontalBounds = this.positionTooltipHorizontally(targetBoundaries);
+        // Applies a margin for spacing purposes.
+        // This is done via JS as the margin values are needed for position calculations as well.
+        this.element.style.margin = `${this.margin}px`;
+        // Position the pointer (caret) element after the tooltip as the main tooltip position is required for calculations.
+        const isTooltipOutOfBounds = isTooltipOutOfVerticalBounds || isTooltipOutOfHorizontalBounds;
+        const actualTooltipPosition = this.getTooltipPosition(isTooltipOutOfBounds);
+        this.positionTooltipPointer(actualTooltipPosition);
+    };
+    getTooltipPosition(isTooltipOutOfBounds) {
+        switch (this.positionState) {
+            case TooltipPosition.TOP:
+                if (isTooltipOutOfBounds) {
+                    return TooltipPosition.BOTTOM;
+                }
+                return TooltipPosition.TOP;
+            case TooltipPosition.BOTTOM:
+                if (isTooltipOutOfBounds) {
+                    return TooltipPosition.TOP;
+                }
+                return TooltipPosition.BOTTOM;
+            case TooltipPosition.LEFT:
+                if (isTooltipOutOfBounds) {
+                    return TooltipPosition.RIGHT;
+                }
+                return TooltipPosition.LEFT;
+            case TooltipPosition.RIGHT:
+                if (isTooltipOutOfBounds) {
+                    return TooltipPosition.LEFT;
+                }
+                return TooltipPosition.RIGHT;
+        }
+    }
+    positionTooltipVertically(targetBoundaries) {
+        let isTooltipOutOfBounds = false;
+        switch (this.positionState) {
+            case TooltipPosition.BOTTOM:
+                if (targetBoundaries.bottom + this.element.offsetHeight + this.margin > window.innerHeight) {
+                    // When the tooltip would be outside the screen on the bottom side.
+                    this.element.style.top = null;
+                    this.element.style.bottom = `${window.innerHeight - targetBoundaries.top}px`;
+                    isTooltipOutOfBounds = true;
+                }
+                else {
+                    // When the tooltip is within the screen boundaries.
+                    this.element.style.top = `${targetBoundaries.bottom}px`;
+                    this.element.style.bottom = null;
+                }
+                break;
+            case TooltipPosition.TOP:
+                if (targetBoundaries.top - this.element.offsetHeight < 0) {
+                    // When the tooltip would be outside the screen on the top side.
+                    this.element.style.top = `${targetBoundaries.bottom}px`;
+                    this.element.style.bottom = null;
+                    isTooltipOutOfBounds = true;
+                }
+                else {
+                    // When the tooltip is within the screen boundaries.
+                    this.element.style.top = null;
+                    this.element.style.bottom = `${window.innerHeight - targetBoundaries.top}px`;
+                }
+                break;
+            default:
+                const targetElementCenterPostion = targetBoundaries.top + targetBoundaries.height / 2;
+                const tooltipCenterWidth = this.element.offsetHeight / 2 + this.margin;
+                const tooltipTopPosition = targetElementCenterPostion - tooltipCenterWidth;
+                if (tooltipTopPosition < 0) {
+                    // When the tooltip would be outside the screen on the top side.
+                    this.element.style.top = '0';
+                    this.element.style.bottom = null;
+                }
+                else if (tooltipTopPosition + this.element.offsetHeight + this.margin > window.innerHeight) {
+                    // When the tooltip would be outside the screen on the bottom side.
+                    this.element.style.top = null;
+                    this.element.style.bottom = '0';
+                }
+                else {
+                    // When the tooltip is within the screen boundaries.
+                    this.element.style.top = `${tooltipTopPosition}px`;
+                    this.element.style.bottom = null;
+                }
+                break;
+        }
+        return isTooltipOutOfBounds;
+    }
+    positionTooltipHorizontally(targetBoundaries) {
+        let isTooltipOutOfBounds = false;
+        switch (this.positionState) {
+            case TooltipPosition.LEFT:
+                if (this.element.offsetWidth + this.margin > targetBoundaries.left) {
+                    this.element.style.left = `${targetBoundaries.right}px`;
+                    this.element.style.right = null;
+                    isTooltipOutOfBounds = true;
+                }
+                else {
+                    this.element.style.left = null;
+                    this.element.style.right = `${window.innerWidth - targetBoundaries.left}px`;
+                }
+                break;
+            case TooltipPosition.RIGHT:
+                if (window.innerWidth < targetBoundaries.right + this.margin + this.element.offsetWidth) {
+                    this.element.style.left = null;
+                    this.element.style.right = `${window.innerWidth - targetBoundaries.left}px`;
+                    isTooltipOutOfBounds = true;
+                }
+                else {
+                    this.element.style.left = `${targetBoundaries.right}px`;
+                    this.element.style.right = null;
+                }
+                break;
+            default:
+                const targetElementCenterPostion = targetBoundaries.left + targetBoundaries.width / 2;
+                const tooltipCenterWidth = this.element.offsetWidth / 2 - this.margin;
+                const tooltipLeftPosition = targetElementCenterPostion - tooltipCenterWidth;
+                if (tooltipLeftPosition < 0) {
+                    // When the tooltip would be outside the screen on the left side.
+                    this.element.style.left = '0';
+                    this.element.style.right = null;
+                }
+                else if (tooltipLeftPosition + this.element.offsetWidth + this.margin > window.innerWidth) {
+                    // When the tooltip would be outside the screen on the right side.
+                    this.element.style.left = null;
+                    this.element.style.right = '0';
+                }
+                else {
+                    // When the tooltip is within the screen boundaries.
+                    this.element.style.left = `${tooltipLeftPosition}px`;
+                    this.element.style.right = null;
+                }
+                break;
+        }
+        return isTooltipOutOfBounds;
+    }
+    /**
+     * Position the tooltip pointer (caret) element.
+     */
+    positionTooltipPointer = (position) => {
+        const target = this.targetElement.getBoundingClientRect();
+        const tooltip = this.element.getBoundingClientRect();
+        if ([TooltipPosition.TOP, TooltipPosition.BOTTOM].includes(position)) {
+            // Get the boundaries of the overlapping target element and the tooltip area on X axis.
+            const max = Math.min(target.right, tooltip.left + this.element.offsetWidth);
+            const min = Math.max(target.left, tooltip.left);
+            const overlapAreaMiddle = (max + min) / 2;
+            this.tooltipPointer.style.left = `${overlapAreaMiddle - tooltip.left - this.tooltipPointer.offsetWidth / 2}px`;
+            if (position === TooltipPosition.BOTTOM) {
+                this.tooltipPointer.style.top = `-6px`;
+                this.tooltipPointer.style.bottom = null;
+                this.tooltipPointer.style.transform = 'rotate(0deg)';
+            }
+            if (position === TooltipPosition.TOP) {
+                this.tooltipPointer.style.top = null;
+                this.tooltipPointer.style.bottom = `-6px`;
+                this.tooltipPointer.style.transform = 'rotate(180deg)';
+            }
+        }
+        if ([TooltipPosition.LEFT, TooltipPosition.RIGHT].includes(position)) {
+            // Get the boundaries of the overlapping target element and the tooltip area on Y axis.
+            const max = Math.min(target.bottom, tooltip.top + this.element.offsetHeight);
+            const min = Math.max(target.top, tooltip.top);
+            const overlapAreaMiddle = (max + min) / 2;
+            this.tooltipPointer.style.top = `${overlapAreaMiddle - tooltip.top - this.tooltipPointer.offsetHeight / 2}px`;
+            if (position === TooltipPosition.RIGHT) {
+                this.tooltipPointer.style.left = `-12px`;
+                this.tooltipPointer.style.right = null;
+                this.tooltipPointer.style.transform = 'rotate(270deg)';
+            }
+            if (position === TooltipPosition.LEFT) {
+                this.tooltipPointer.style.left = null;
+                this.tooltipPointer.style.right = `-12px`;
+                this.tooltipPointer.style.transform = 'rotate(90deg)';
+            }
+        }
+    };
+    /**
+     * Renders the tooltip.
+     */
+    renderTooltip = () => {
+        return (h("div", { class: { tooltip: true, [`${this.theme}`]: true }, role: "tooltip", "aria-hidden": this.showTooltip ? 'false' : 'true', "aria-live": this.showTooltip ? 'polite' : undefined }, h("div", { class: "tooltip-pointer", ref: (el) => (this.tooltipPointer = el) }), h("slot", null)));
+    };
+    render() {
+        return h(Host, { key: '015a0d906536d919d2f7d5c83cab5e533542be7e', class: { visible: this.showTooltip } }, this.renderTooltip());
+    }
+    static get watchers() { return {
+        "position": ["handlePositionChange"],
+        "showTooltip": ["onShowTooltipChange"]
+    }; }
+};
+TetTooltip.style = TetTooltipStyle0;
+
+export { TetTooltip as tet_tooltip };

package/dist/esm/tet-tv-gift-block.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-aac31bd2.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-0da0d682.js';
 
 const tetTvGiftBlockCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{display:block}.tv-gift{padding:3.5rem 1rem 2rem}.tv-gift--medium{padding:3.5rem 1.5rem 2.5rem}.tv-gift--large{padding:3.5rem}.tv-gift__header{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";display:flex;justify-content:center;flex-direction:column;text-align:center;padding-bottom:2rem;gap:1.5rem}.tv-gift--medium .tv-gift__header{font:600 2rem/2.25rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift--large .tv-gift__header{font:600 2.5rem/3rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";padding-bottom:2.5rem}.tv-gift__header__image{height:2.125rem;margin:0 auto}.tv-gift__content{--icon-size:1.25rem;--accordion-background-color:transparent}.tv-gift--large .tv-gift__content{--icon-size:1.5rem}.tv-gift__footer{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";text-align:center;display:flex;flex-direction:column;margin-top:2rem}.tv-gift--large .tv-gift__footer{margin-top:2.5rem}.tv-gift__footer__title{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";line-height:1.75rem;margin-bottom:1rem}@media screen and (min-width: 31.25rem){.tv-gift__footer__title{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";line-height:2rem}}.tv-gift__footer__text{line-height:1.25rem}";
 const TetTvGiftBlockStyle0 = tetTvGiftBlockCss;

package/dist/esm/tet-tv-gift-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-aac31bd2.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-0da0d682.js';
 
 const tetTvGiftListCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{display:block}.tv-gift-list{display:block}.tv-gift-list--image-list{display:grid;gap:2rem}.tv-gift-list--medium,.tv-gift-list--large{grid-template-columns:repeat(12, 1fr)}.tv-gift-list__list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:0.5rem}.tv-gift-list__list__wrapper{display:flex;flex-direction:column;justify-content:center}.tv-gift-list--medium .tv-gift-list__list__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__list__wrapper{grid-column:span 7}.tv-gift-list__list__header{font:600 1.25rem/1.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list--medium .tv-gift-list__list__header{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list--large .tv-gift-list__list__header{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list__list__item{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:flex;gap:0.5rem;line-height:1.5rem}.tv-gift-list--large .tv-gift-list__list__item{font:400 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\";line-height:1.75rem}.tv-gift-list__list__item tet-icon{--icon-size:1.25rem;--icon-container-display:flex;padding-top:0.175rem}.tv-gift-list__image{width:100%;height:auto;border-radius:0.75rem}.tv-gift-list--medium .tv-gift-list__image__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__image__wrapper{grid-column:span 5}";
 const TetTvGiftListStyle0 = tetTvGiftListCss;

package/dist/esm/{theme-wrapper-72d0b9da.js → theme-wrapper-37dd9692.js}

@@ -1,5 +1,5 @@
-import { h } from './index-aac31bd2.js';
-import { c as createStore } from './index-412df137.js';
+import { h } from './index-0da0d682.js';
+import { c as createStore } from './index-6c5bc6fc.js';
 
 var Theme;
 (function (Theme) {

package/dist/esm/{translations-4712c45f.js → translations-9a0d9386.js}

@@ -1,5 +1,5 @@
 import { i as isObject } from './typecheck-4abf0258.js';
-import { e as endpoints, A as ApiRequest } from './http-codes-1927ea00.js';
+import { e as endpoints, A as ApiRequest } from './http-codes-98d3e25c.js';
 
 /**
  * Returns whether the object is empty.

package/dist/tet-components/{p-f6916bfc.entry.js → p-01a44fa7.entry.js}

@@ -1 +1 @@
-import{r as t,g as s,h as e}from"./p-83f43fdd.js";import{g as r}from"./p-165a8492.js";const o=class{constructor(s){t(this,s),this.mainTitle=void 0,this.subTitle=void 0,this.infoText=void 0,this.type="medium",this.theme="light",this.size="xs"}rootRef;get element(){return s(this)}resizeObserver;componentDidLoad(){this.resizeObserver.observe(this.rootRef)}componentWillLoad(){this.resizeObserver=new ResizeObserver(this.onResize)}onResize=t=>{const s=getComputedStyle(this.element).getPropertyValue("--tet-business-card-breakpoint-xs"),e=getComputedStyle(this.element).getPropertyValue("--tet-business-card-breakpoint-lg"),o=r(s),f=r(e);o&&f&&t.forEach((t=>{const s=t.borderBoxSize.find((()=>!0));if(!s)return;const e=s.inlineSize;e<o&&(this.size="xs"),o<e&&e<f&&(this.size="sm"),e>=f&&(this.size="lg")}))};render(){const{mainTitle:t,subTitle:s,infoText:r,type:o,size:f,theme:a}=this;return e("div",{key:"89df3494dd6f854138d9e44b4651d9c5379b1b10",ref:t=>{this.rootRef=t},class:{"tet-business-card":!0,[`tet-business-card__type--${o}`]:!0,[`tet-business-card__size--${f}`]:!0,[`theme-${a}`]:!0}},e("div",{key:"ee2042bebe7fe19d49e638f1c80c6415be052008",class:"tet-business-card__body"},e("div",{key:"6f356d14a687c3d23887df294bc393f5e98b9ee6",class:"tet-business-card__content"},e("div",{key:"da3a919e5b7b9e6676c3f24c479774d4eb1fc902",class:"tet-business-card__title"},e("slot",{key:"94ddad5df7687eba08fef9c7f55a843f3f097be0",name:"title"},e("h3",{key:"2b8d29d8c0ad137c72b7d00307819bb940ed9be4"},t))),e("slot",{key:"7302e46fe53617637f5e7f2d27c0579c91f0b07f",name:"subtitle"},s&&e("div",{key:"41583176cae0a52e7ae6c64eee0d00c089e0ed89",class:{"tet-business-card__subtitle":!0,"tet-business-card__subtitle--large":!r}},s))),e("slot",{key:"adf1f71e16e4c0da3d195b08f7ebcf669a15f1cb",name:"button"})),e("slot",{key:"1bd9dccb82f4fbb3bbe999af6dae82ec3444497d",name:"infotext"},r&&e("div",{key:"f2fcc8e631c4a57e88403bcd2536fba8376aab2d",class:"tet-business-card__infotext"},r)))}};o.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{--tet-business-card-info-text-color:var(--tc-text-secondary);--tet-business-card-color:var(--tc-text-primary);--tet-business-card-background:var(--tc-layer-tertiary);--tet-business-card-border-radius:1.5rem;--tet-business-card-breakpoint-xs:31.25rem;--tet-business-card-breakpoint-lg:64rem;display:flex;height:100%}.tet-business-card{background:var(--tet-business-card-background);border-radius:var(--tet-business-card-border-radius);color:var(--tet-business-card-color);display:flex;flex:1}.tet-business-card.theme-purple{--tet-business-card-background:var(--tc-violet-00)}.tet-business-card.theme-green{--tet-business-card-background:var(--tc-green-00)}.tet-business-card.theme-red{--tet-business-card-background:var(--tc-red-00)}.tet-business-card.theme-yellow{--tet-business-card-background:var(--tc-yellow-00)}.tet-business-card.theme-blue{--tet-business-card-background:var(--tc-blue-00)}.tet-business-card.theme-dark{--tet-business-card-background:var(--tc-layer-tertiary-dark);--tet-business-card-info-text-color:var(--tc-text-secondary-dark);--tet-business-card-color:var(--tc-text-primary-dark)}.tet-business-card__type--medium{flex-direction:column;gap:1.5rem;padding:1.5rem}.tet-business-card__type--medium .tet-business-card__body{gap:1.5rem}.tet-business-card__type--medium .tet-business-card__subtitle{color:var(--tet-business-card-info-text-color)}.tet-business-card__type--small{padding:1.5rem}.tet-business-card__type--small .tet-business-card__infotext{display:none}.tet-business-card__type--small .tet-business-card__body{gap:1.75rem}.tet-business-card__body{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;flex-basis:0}.tet-business-card__content{display:flex;flex-direction:column;gap:0.5rem}.tet-business-card__title h3{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";margin:0}.tet-business-card__subtitle{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.tet-business-card__infotext{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";flex-grow:1;flex-basis:0}.tet-business-card__size--xs.tet-business-card__type--medium .tet-business-card__subtitle--large{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.tet-business-card__size--sm.tet-business-card__type--medium{flex-direction:row;padding:2rem}.tet-business-card__size--sm.tet-business-card__type--medium .tet-business-card__subtitle{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.tet-business-card__size--sm.tet-business-card__type--medium .tet-business-card__title h3{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}.tet-business-card__size--sm.tet-business-card__type--small{padding:2.5rem}.tet-business-card__size--sm.tet-business-card__type--small .tet-business-card__title h3{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.tet-business-card__size--sm.tet-business-card__type--small .tet-business-card__body{gap:1.5rem}.tet-business-card__size--sm .tet-business-card__infotext{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";text-align:right}.tet-business-card__size--lg.tet-business-card__type--medium{flex-direction:row;padding:2.5rem}.tet-business-card__size--lg.tet-business-card__type--medium .tet-business-card__title h3{font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif"}.tet-business-card__size--lg.tet-business-card__type--medium .tet-business-card__subtitle{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.tet-business-card__size--lg .tet-business-card__infotext{font:500 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";flex-grow:0.55;text-align:right;color:var(--tet-business-card-info-text-color)}';export{o as tet_business_card}
+import{r as t,g as s,h as e}from"./p-7c868b40.js";import{g as r}from"./p-165a8492.js";const o=class{constructor(s){t(this,s),this.mainTitle=void 0,this.subTitle=void 0,this.infoText=void 0,this.type="medium",this.theme="light",this.size="xs"}rootRef;get element(){return s(this)}resizeObserver;componentDidLoad(){this.resizeObserver.observe(this.rootRef)}componentWillLoad(){this.resizeObserver=new ResizeObserver(this.onResize)}onResize=t=>{const s=getComputedStyle(this.element).getPropertyValue("--tet-business-card-breakpoint-xs"),e=getComputedStyle(this.element).getPropertyValue("--tet-business-card-breakpoint-lg"),o=r(s),f=r(e);o&&f&&t.forEach((t=>{const s=t.borderBoxSize.find((()=>!0));if(!s)return;const e=s.inlineSize;e<o&&(this.size="xs"),o<e&&e<f&&(this.size="sm"),e>=f&&(this.size="lg")}))};render(){const{mainTitle:t,subTitle:s,infoText:r,type:o,size:f,theme:a}=this;return e("div",{key:"89df3494dd6f854138d9e44b4651d9c5379b1b10",ref:t=>{this.rootRef=t},class:{"tet-business-card":!0,[`tet-business-card__type--${o}`]:!0,[`tet-business-card__size--${f}`]:!0,[`theme-${a}`]:!0}},e("div",{key:"ee2042bebe7fe19d49e638f1c80c6415be052008",class:"tet-business-card__body"},e("div",{key:"6f356d14a687c3d23887df294bc393f5e98b9ee6",class:"tet-business-card__content"},e("div",{key:"da3a919e5b7b9e6676c3f24c479774d4eb1fc902",class:"tet-business-card__title"},e("slot",{key:"94ddad5df7687eba08fef9c7f55a843f3f097be0",name:"title"},e("h3",{key:"2b8d29d8c0ad137c72b7d00307819bb940ed9be4"},t))),e("slot",{key:"7302e46fe53617637f5e7f2d27c0579c91f0b07f",name:"subtitle"},s&&e("div",{key:"41583176cae0a52e7ae6c64eee0d00c089e0ed89",class:{"tet-business-card__subtitle":!0,"tet-business-card__subtitle--large":!r}},s))),e("slot",{key:"adf1f71e16e4c0da3d195b08f7ebcf669a15f1cb",name:"button"})),e("slot",{key:"1bd9dccb82f4fbb3bbe999af6dae82ec3444497d",name:"infotext"},r&&e("div",{key:"f2fcc8e631c4a57e88403bcd2536fba8376aab2d",class:"tet-business-card__infotext"},r)))}};o.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{--tet-business-card-info-text-color:var(--tc-text-secondary);--tet-business-card-color:var(--tc-text-primary);--tet-business-card-background:var(--tc-layer-tertiary);--tet-business-card-border-radius:1.5rem;--tet-business-card-breakpoint-xs:31.25rem;--tet-business-card-breakpoint-lg:64rem;display:flex;height:100%}.tet-business-card{background:var(--tet-business-card-background);border-radius:var(--tet-business-card-border-radius);color:var(--tet-business-card-color);display:flex;flex:1}.tet-business-card.theme-purple{--tet-business-card-background:var(--tc-violet-00)}.tet-business-card.theme-green{--tet-business-card-background:var(--tc-green-00)}.tet-business-card.theme-red{--tet-business-card-background:var(--tc-red-00)}.tet-business-card.theme-yellow{--tet-business-card-background:var(--tc-yellow-00)}.tet-business-card.theme-blue{--tet-business-card-background:var(--tc-blue-00)}.tet-business-card.theme-dark{--tet-business-card-background:var(--tc-layer-tertiary-dark);--tet-business-card-info-text-color:var(--tc-text-secondary-dark);--tet-business-card-color:var(--tc-text-primary-dark)}.tet-business-card__type--medium{flex-direction:column;gap:1.5rem;padding:1.5rem}.tet-business-card__type--medium .tet-business-card__body{gap:1.5rem}.tet-business-card__type--medium .tet-business-card__subtitle{color:var(--tet-business-card-info-text-color)}.tet-business-card__type--small{padding:1.5rem}.tet-business-card__type--small .tet-business-card__infotext{display:none}.tet-business-card__type--small .tet-business-card__body{gap:1.75rem}.tet-business-card__body{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;flex-basis:0}.tet-business-card__content{display:flex;flex-direction:column;gap:0.5rem}.tet-business-card__title h3{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";margin:0}.tet-business-card__subtitle{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.tet-business-card__infotext{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";flex-grow:1;flex-basis:0}.tet-business-card__size--xs.tet-business-card__type--medium .tet-business-card__subtitle--large{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.tet-business-card__size--sm.tet-business-card__type--medium{flex-direction:row;padding:2rem}.tet-business-card__size--sm.tet-business-card__type--medium .tet-business-card__subtitle{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.tet-business-card__size--sm.tet-business-card__type--medium .tet-business-card__title h3{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}.tet-business-card__size--sm.tet-business-card__type--small{padding:2.5rem}.tet-business-card__size--sm.tet-business-card__type--small .tet-business-card__title h3{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.tet-business-card__size--sm.tet-business-card__type--small .tet-business-card__body{gap:1.5rem}.tet-business-card__size--sm .tet-business-card__infotext{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";text-align:right}.tet-business-card__size--lg.tet-business-card__type--medium{flex-direction:row;padding:2.5rem}.tet-business-card__size--lg.tet-business-card__type--medium .tet-business-card__title h3{font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif"}.tet-business-card__size--lg.tet-business-card__type--medium .tet-business-card__subtitle{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.tet-business-card__size--lg .tet-business-card__infotext{font:500 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";flex-grow:0.55;text-align:right;color:var(--tet-business-card-info-text-color)}';export{o as tet_business_card}

package/dist/tet-components/{p-e6aab016.entry.js → p-01e5830a.entry.js}

@@ -1 +1 @@
-import{r as o,c as t,h as n,H as e}from"./p-83f43fdd.js";const i=class{constructor(n){o(this,n),this.mainDropdownToggle=t(this,"mainDropdownToggle",7),this.darkMode=!1,this.isTogglerExpanded=!1,this.isTogglerVisible=!0}onTogglerClick=()=>{this.isTogglerExpanded=!this.isTogglerExpanded};handleKeyDown=o=>{["Enter"," "].includes(o.key)&&this.onTogglerClick()};async showToggler(){this.isTogglerVisible=!0}async hideToggler(){this.isTogglerVisible=!1,this.isTogglerExpanded=!1}async open(){this.isTogglerExpanded=!0}async close(){this.isTogglerExpanded=!1}mainDropdownToggle;onMenuToggle(o){this.mainDropdownToggle.emit(o)}render(){return n(e,{key:"b983fbe4d1fa588aaaf4c05f735d4ae078ab77e3"},n("navigation",{key:"2bb96f186d25b2ead6c711f1b44a3617a74e0f67",class:{navigation:!0,"navigation--dark":this.darkMode}},n("div",{key:"9565bf4d6a2706e9a0c5f91caf86999a08ed85dd",class:"navigation__nav-bar"},n("slot",{key:"beae1e0e3031c13a7f4f8f9716592ddd2515d119"})),this.isTogglerVisible&&n("span",{key:"571ff3fb508dd3bbd877a011b0773c09846f3a19",class:"navigation__toggler",onClick:this.onTogglerClick,onKeyDown:o=>this.handleKeyDown(o),tabIndex:0},n("tet-icon",{key:"f37b0b4474902ee4efb42a7e5f3e78ab20a2a837",theme:this.darkMode?"dark":"light",name:this.isTogglerExpanded?"close":"burger"})),n("div",{key:"88cf6158c72892ba52826d97519fe06faddfb54a",class:{navigation__dropdown:!0,"navigation__dropdown--expanded":this.isTogglerExpanded},inert:!this.isTogglerExpanded},n("slot",{key:"5593446342625bf51dcc43322df064d9c2b2a1b9",name:"dropdown"}))))}static get watchers(){return{isTogglerExpanded:["onMenuToggle"]}}};i.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{--navigation-height:4rem;--navigation-padding:0 2rem;--navigation-mobile-padding:0 1rem;--navigation-background-color:var(--tc-layer-primary);--navigation-border-bottom-color:var(--tc-border-quaternary);--navigation-dropdown-padding:0 1rem;--navigation-focus-outline-color:var(--tc-blue-40);display:block;width:100%;position:relative}.navigation{height:var(--navigation-height);width:100%;display:flex;background-color:var(--navigation-background-color);border-bottom:0.0625rem solid var(--navigation-border-bottom-color);box-sizing:border-box;padding:var(--navigation-padding)}.navigation--dark{--navigation-background-color:var(--tc-layer-primary-dark);--navigation-border-bottom-color:var(--tc-border-quaternary-dark);--navigation-focus-outline-color:var(--tc-blue-40-dark)}@media screen and (max-width: 46.25rem){.navigation{padding:var(--navigation-mobile-padding)}}.navigation__nav-bar{display:flex;flex:1}.navigation__toggler{--icon-size:1.5rem;align-self:center;cursor:pointer;padding:0.375rem}.navigation__toggler:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem}.navigation__dropdown{background-color:var(--navigation-background-color);height:0;opacity:0;padding:var(--navigation-dropdown-padding);pointer-events:none;position:absolute;right:0;top:var(--navigation-height);width:100%}.navigation__dropdown--expanded{height:calc(100vh - var(--navigation-height));opacity:1;pointer-events:all;overflow-y:auto}';export{i as tet_navigation_mobile}
+import{r as o,c as t,h as n,H as e}from"./p-7c868b40.js";const a=class{constructor(n){o(this,n),this.mainDropdownToggle=t(this,"mainDropdownToggle",7),this.darkMode=!1,this.isTogglerExpanded=!1,this.isTogglerVisible=!0}onTogglerClick=()=>{this.isTogglerExpanded=!this.isTogglerExpanded};handleKeyDown=o=>{["Enter"," "].includes(o.key)&&this.onTogglerClick()};async showToggler(){this.isTogglerVisible=!0}async hideToggler(){this.isTogglerVisible=!1,this.isTogglerExpanded=!1}async open(){this.isTogglerExpanded=!0}async close(){this.isTogglerExpanded=!1}mainDropdownToggle;onMenuToggle(o){this.mainDropdownToggle.emit(o)}render(){return n(e,{key:"b983fbe4d1fa588aaaf4c05f735d4ae078ab77e3"},n("navigation",{key:"2bb96f186d25b2ead6c711f1b44a3617a74e0f67",class:{navigation:!0,"navigation--dark":this.darkMode}},n("div",{key:"9565bf4d6a2706e9a0c5f91caf86999a08ed85dd",class:"navigation__nav-bar"},n("slot",{key:"beae1e0e3031c13a7f4f8f9716592ddd2515d119"})),this.isTogglerVisible&&n("span",{key:"571ff3fb508dd3bbd877a011b0773c09846f3a19",class:"navigation__toggler",onClick:this.onTogglerClick,onKeyDown:o=>this.handleKeyDown(o),tabIndex:0},n("tet-icon",{key:"f37b0b4474902ee4efb42a7e5f3e78ab20a2a837",theme:this.darkMode?"dark":"light",name:this.isTogglerExpanded?"close":"burger"})),n("div",{key:"88cf6158c72892ba52826d97519fe06faddfb54a",class:{navigation__dropdown:!0,"navigation__dropdown--expanded":this.isTogglerExpanded},inert:!this.isTogglerExpanded},n("slot",{key:"5593446342625bf51dcc43322df064d9c2b2a1b9",name:"dropdown"}))))}static get watchers(){return{isTogglerExpanded:["onMenuToggle"]}}};a.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{--navigation-height:4rem;--navigation-padding:0 2rem;--navigation-mobile-padding:0 1rem;--navigation-background-color:var(--tc-layer-primary);--navigation-border-bottom-color:var(--tc-border-quaternary);--navigation-dropdown-padding:0 1rem;--navigation-focus-outline-color:var(--tc-blue-40);--navigation-box-shadow:var(--tc-elevation-one);--navigation-toggler-hover-background-color:var(--tc-navigation-button-hover);--navigation-toggler-pressed-background-color:var(--tc-navigation-button-pressed);display:block;width:100%;position:relative}.navigation{height:var(--navigation-height);width:100%;display:flex;background-color:var(--navigation-background-color);border-bottom:0.0625rem solid var(--navigation-border-bottom-color);box-sizing:border-box;padding:var(--navigation-mobile-padding);box-shadow:var(--navigation-box-shadow)}.navigation--dark{--navigation-background-color:var(--tc-layer-primary-dark);--navigation-border-bottom-color:var(--tc-border-quaternary-dark);--navigation-focus-outline-color:var(--tc-blue-40-dark);--navigation-box-shadow:var(--tc-elevation-one-dark);--navigation-toggler-hover-background-color:var(--tc-navigation-button-hover-dark);--navigation-toggler-pressed-background-color:var(--tc-navigation-button-pressed-dark)}@media screen and (min-width: 31.25rem){.navigation{padding:var(--navigation-padding)}}.navigation__nav-bar{display:flex;flex:1}.navigation__toggler{--icon-size:1.5rem;align-self:center;cursor:pointer;padding:0.375rem;border-radius:50%}.navigation__toggler:hover{background-color:var(--navigation-toggler-hover-background-color)}.navigation__toggler:active{background-color:var(--navigation-toggler-pressed-background-color)}.navigation__toggler:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem}.navigation__dropdown{background-color:var(--navigation-background-color);height:0;opacity:0;padding:var(--navigation-dropdown-padding);pointer-events:none;position:absolute;right:0;top:var(--navigation-height);width:100%}.navigation__dropdown--expanded{height:calc(100vh - var(--navigation-height));opacity:1;pointer-events:all;overflow-y:auto}';export{a as tet_navigation_mobile}

package/dist/tet-components/{p-0c6b6730.js → p-0255120e.js}

@@ -1 +1 @@
-import{e as t,A as e,c as r,H as s}from"./p-0ebbf5ef.js";const n=t=>new Promise((e=>{setTimeout(e,t)}));class i extends Error{constructor(t){super(`Async API Error: ${t.message}`)}}class a{url;options;data;errorFallbackValue;socketTimeoutInMilliseconds=6e4;maxPollingAttempts=45;dataRetrievalMethod="polling";defaultOptions={headers:{Accept:"application/json","Content-Type":"application/json"}};operationIdHeader="X-Operation";operationEventName=".operation.status";setUrl(t){return this.url=t,this}setOptions(t){return this.options=t,this}setData(t){return this.data=t,this}setErrorFallbackValue(t){return this.errorFallbackValue=t,this}getOperationId(t){return t.headers.get(this.operationIdHeader)??""}handleError(t){return this.errorFallbackValue?Promise.resolve(this.errorFallbackValue):Promise.reject(new i(t))}async pollOperationsEndpoint(r){const s=await(async(t,e,{millisecondsToWait:r=1e3,maxExecutionTries:s=10}={})=>{let i=await t(),a=s;for(;!e(i);){if(--a<=0)throw new Error(`Execute Until: maximum tries of ${s} reached`);await n(r),i=await t()}return i})((()=>(async r=>{let s;try{s=new URL(r,t.operations).href}catch(t){return console.error(t),Promise.reject()}const n=(new e).setUrl(s).setOptions({method:"GET"}).setErrorFallbackValue({}).execute(!0);return(await n).json()})(r)),(({state:t,reason:e="unknown"})=>{if("failed"===t)throw new Error(`Failed due to "${e}"`);return"completed"===t}),{maxExecutionTries:this.maxPollingAttempts});return s.data}getDataUsingPolling(t){return new Promise((async(e,r)=>{try{e(await this.pollOperationsEndpoint(t))}catch(t){r(new i(t))}}))}getDataUsingWebSockets(t){return new Promise(((e,s)=>{const n=r(),a=setTimeout((async()=>{n.disconnect(),s(new i(new Error(`web socket connection timed out after ${this.socketTimeoutInMilliseconds/1e3} seconds`)))}),this.socketTimeoutInMilliseconds);n.channel(`operations-${t}`).listen(this.operationEventName,(t=>{const{data:{state:r,data:s}}=t;"completed"===r&&(clearTimeout(a),e(s),n.disconnect())})).error((t=>{clearTimeout(a),s(new i(t))}))}))}createAsyncRequestPromise(t){return("polling"===this.dataRetrievalMethod?this.getDataUsingPolling:this.getDataUsingWebSockets).bind(this)(t)}async execute(){const t=(new e).setUrl(this.url).setData(this.data).setOptions({...this.defaultOptions,...this.options});let r;try{r=await t.execute(!0)}catch(t){return this.handleError(t)}if(r.status!==s.Accepted)return this.handleError(new Error("Request was not accepted."));const n=this.getOperationId(r);return this.createAsyncRequestPromise(n)}}export{a as A}
+import{e as t,A as e,c as r,H as s}from"./p-59ffdcd3.js";const n=t=>new Promise((e=>{setTimeout(e,t)}));class i extends Error{constructor(t){super(`Async API Error: ${t.message}`)}}class a{url;options;data;errorFallbackValue;socketTimeoutInMilliseconds=6e4;maxPollingAttempts=45;dataRetrievalMethod="polling";defaultOptions={headers:{Accept:"application/json","Content-Type":"application/json"}};operationIdHeader="X-Operation";operationEventName=".operation.status";setUrl(t){return this.url=t,this}setOptions(t){return this.options=t,this}setData(t){return this.data=t,this}setErrorFallbackValue(t){return this.errorFallbackValue=t,this}getOperationId(t){return t.headers.get(this.operationIdHeader)??""}handleError(t){return this.errorFallbackValue?Promise.resolve(this.errorFallbackValue):Promise.reject(new i(t))}async pollOperationsEndpoint(r){const s=await(async(t,e,{millisecondsToWait:r=1e3,maxExecutionTries:s=10}={})=>{let i=await t(),a=s;for(;!e(i);){if(--a<=0)throw new Error(`Execute Until: maximum tries of ${s} reached`);await n(r),i=await t()}return i})((()=>(async r=>{let s;try{s=new URL(r,t.operations).href}catch(t){return console.error(t),Promise.reject()}const n=(new e).setUrl(s).setOptions({method:"GET"}).setErrorFallbackValue({}).execute(!0);return(await n).json()})(r)),(({state:t,reason:e="unknown"})=>{if("failed"===t)throw new Error(`Failed due to "${e}"`);return"completed"===t}),{maxExecutionTries:this.maxPollingAttempts});return s.data}getDataUsingPolling(t){return new Promise((async(e,r)=>{try{e(await this.pollOperationsEndpoint(t))}catch(t){r(new i(t))}}))}getDataUsingWebSockets(t){return new Promise(((e,s)=>{const n=r(),a=setTimeout((async()=>{n.disconnect(),s(new i(new Error(`web socket connection timed out after ${this.socketTimeoutInMilliseconds/1e3} seconds`)))}),this.socketTimeoutInMilliseconds);n.channel(`operations-${t}`).listen(this.operationEventName,(t=>{const{data:{state:r,data:s}}=t;"completed"===r&&(clearTimeout(a),e(s),n.disconnect())})).error((t=>{clearTimeout(a),s(new i(t))}))}))}createAsyncRequestPromise(t){return("polling"===this.dataRetrievalMethod?this.getDataUsingPolling:this.getDataUsingWebSockets).bind(this)(t)}async execute(){const t=(new e).setUrl(this.url).setData(this.data).setOptions({...this.defaultOptions,...this.options});let r;try{r=await t.execute(!0)}catch(t){return this.handleError(t)}if(r.status!==s.Accepted)return this.handleError(new Error("Request was not accepted."));const n=this.getOperationId(r);return this.createAsyncRequestPromise(n)}}export{a as A}

package/dist/tet-components/{p-3324b31a.entry.js → p-038230dc.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,g as i,h as s,H as n}from"./p-83f43fdd.js";const r=class{constructor(i){t(this,i),this.groupSelectionChange=e(this,"groupSelectionChange",7),this.selectionType="radio"}get hostElement(){return i(this)}groupSelectionChange;didLoad=!1;selectedIndex;selectedIndexes=new Set;onSelectionTypeChanged(){if("radio"===this.selectionType){const t=this.selectedIndexes.values().next(),e=t.done?void 0:t.value;this.selectedIndex=e,this.selectedIndexes=void 0===e?new Set:new Set([e])}this.applySelectionToChildren(),this.didLoad&&this.emitSelectionChange()}componentDidLoad(){this.syncSelectionFromChildren(),this.applySelectionToChildren(),this.didLoad=!0}getCards=()=>Array.from(this.hostElement.querySelectorAll("tet-snicker-card"));isCardBlocked=t=>this.isCardStateBlocked(this.getCardState(t));getCardState=t=>{const e=t.state;return"default"===(i=e)||"disabled"===i||"unavailable"===i||"subscribed"===i?e:"default";var i};getCardSelected=t=>!0===t.selected;isCardStateBlocked=t=>"disabled"===t||"unavailable"===t||"subscribed"===t;syncSelectionFromChildren=()=>{const t=this.getCards();if("radio"===this.selectionType){const e=t.findIndex((t=>this.getCardSelected(t)&&!this.isCardBlocked(t)));return this.selectedIndex=e>=0?e:void 0,void(this.selectedIndexes=e>=0?new Set([e]):new Set)}const e=t.map(((t,e)=>this.getCardSelected(t)&&!this.isCardBlocked(t)?e:-1)).filter((t=>t>=0));this.selectedIndexes=new Set(e),this.selectedIndex=e[0]};applySelectionToChildren=()=>{const t=this.getCards(),e=t.map(((t,e)=>this.isCardBlocked(t)?-1:e)).filter((t=>t>=0)),i=(void 0!==this.selectedIndex&&e.includes(this.selectedIndex)?this.selectedIndex:void 0)??e[0];t.forEach(((t,e)=>{t.selectionType=this.selectionType,t.isTabStop="radio"===this.selectionType?e===i:!this.isCardBlocked(t)}))};getCardIndexFromEvent=t=>{const e=this.getCards(),i=t.composedPath().find((t=>t instanceof HTMLElement&&"TET-SNICKER-CARD"===t.tagName));return i?e.indexOf(i):-1};getCardId=t=>{const e=t.cardId;if("string"==typeof e){const t=e.trim();if(t.length>0)return t}const i=t.getAttribute("card-id");if(!i)return;const s=i.trim();return s.length>0?s:void 0};emitSelectionChange=()=>{const t=this.getCards(),e=Array.from(this.selectedIndexes).sort(((t,e)=>t-e)),i=e.map((e=>t[e])).filter((t=>!!t)).map((t=>this.getCardId(t))).filter((t=>!!t));this.groupSelectionChange.emit({selectionType:this.selectionType,selectedIndexes:e,selectedCardIds:i})};focusCard=async t=>{if(!t)return;await t.focusSelectionTarget();const e=t.shadowRoot?.querySelector('[data-selection-target="true"]');e?.focus()};handleCardClick=t=>{const e=this.getCards(),i=this.getCardIndexFromEvent(t);i<0||this.isCardBlocked(e[i])||("radio"===this.selectionType?(this.selectedIndex=i,this.selectedIndexes=new Set([i])):this.selectedIndexes.has(i)?this.selectedIndexes.delete(i):this.selectedIndexes.add(i),this.applySelectionToChildren(),this.emitSelectionChange())};handleKeyDown=t=>{const e=t.key;if("ArrowRight"!==e&&"ArrowLeft"!==e&&"ArrowUp"!==e&&"ArrowDown"!==e&&"Home"!==e&&"End"!==e)return;if(t.defaultPrevented)return;const i=t.composedPath();if(!i.some((t=>t instanceof HTMLElement&&"TET-SNICKER-CARD"===t.tagName)))return;if(!i.some((t=>t instanceof HTMLElement&&"true"===t.dataset.selectionTarget&&t.getAttribute("role")===this.selectionType)))return;const s=this.getCards(),n=s.map(((t,e)=>this.isCardBlocked(t)?-1:e)).filter((t=>t>=0));if(0===n.length)return;const r=this.getCardIndexFromEvent(t),o=n.indexOf(r);let h=o;"Home"===e?h=0:"End"===e?h=n.length-1:"ArrowRight"===e||"ArrowDown"===e?h=o>=0?(o+1)%n.length:0:"ArrowLeft"!==e&&"ArrowUp"!==e||(h=o>=0?(o-1+n.length)%n.length:n.length-1);const a=n[h];t.preventDefault(),this.focusCard(s[a]),"radio"===this.selectionType&&(this.selectedIndex=a,this.selectedIndexes=new Set([a]),this.applySelectionToChildren(),this.emitSelectionChange())};handleSlotChange=()=>{this.syncSelectionFromChildren(),this.applySelectionToChildren()};render(){return s(n,{key:"3d649b84bad2e033febf852c62977db2997a0af7",role:"radio"===this.selectionType?"radiogroup":"group",onCardClick:this.handleCardClick,onKeyDown:this.handleKeyDown},s("slot",{key:"be88c1fe297b8f53a729639ed1a48e23a89f8efc",onSlotchange:this.handleSlotChange}))}static get watchers(){return{selectionType:["onSelectionTypeChanged"]}}};r.style=":host{display:block}";export{r as tet_snicker_card_group}
+import{r as t,c as e,g as i,h as s,H as n}from"./p-7c868b40.js";const r=class{constructor(i){t(this,i),this.groupSelectionChange=e(this,"groupSelectionChange",7),this.selectionType="radio"}get hostElement(){return i(this)}groupSelectionChange;didLoad=!1;selectedIndex;selectedIndexes=new Set;onSelectionTypeChanged(){if("radio"===this.selectionType){const t=this.selectedIndexes.values().next(),e=t.done?void 0:t.value;this.selectedIndex=e,this.selectedIndexes=void 0===e?new Set:new Set([e])}this.applySelectionToChildren(),this.didLoad&&this.emitSelectionChange()}componentDidLoad(){this.syncSelectionFromChildren(),this.applySelectionToChildren(),this.didLoad=!0}getCards=()=>Array.from(this.hostElement.querySelectorAll("tet-snicker-card"));isCardBlocked=t=>this.isCardStateBlocked(this.getCardState(t));getCardState=t=>{const e=t.state;return"default"===(i=e)||"disabled"===i||"unavailable"===i||"subscribed"===i?e:"default";var i};getCardSelected=t=>!0===t.selected;isCardStateBlocked=t=>"disabled"===t||"unavailable"===t||"subscribed"===t;syncSelectionFromChildren=()=>{const t=this.getCards();if("radio"===this.selectionType){const e=t.findIndex((t=>this.getCardSelected(t)&&!this.isCardBlocked(t)));return this.selectedIndex=e>=0?e:void 0,void(this.selectedIndexes=e>=0?new Set([e]):new Set)}const e=t.map(((t,e)=>this.getCardSelected(t)&&!this.isCardBlocked(t)?e:-1)).filter((t=>t>=0));this.selectedIndexes=new Set(e),this.selectedIndex=e[0]};applySelectionToChildren=()=>{const t=this.getCards(),e=t.map(((t,e)=>this.isCardBlocked(t)?-1:e)).filter((t=>t>=0)),i=(void 0!==this.selectedIndex&&e.includes(this.selectedIndex)?this.selectedIndex:void 0)??e[0];t.forEach(((t,e)=>{t.selectionType=this.selectionType,t.isTabStop="radio"===this.selectionType?e===i:!this.isCardBlocked(t)}))};getCardIndexFromEvent=t=>{const e=this.getCards(),i=t.composedPath().find((t=>t instanceof HTMLElement&&"TET-SNICKER-CARD"===t.tagName));return i?e.indexOf(i):-1};getCardId=t=>{const e=t.cardId;if("string"==typeof e){const t=e.trim();if(t.length>0)return t}const i=t.getAttribute("card-id");if(!i)return;const s=i.trim();return s.length>0?s:void 0};emitSelectionChange=()=>{const t=this.getCards(),e=Array.from(this.selectedIndexes).sort(((t,e)=>t-e)),i=e.map((e=>t[e])).filter((t=>!!t)).map((t=>this.getCardId(t))).filter((t=>!!t));this.groupSelectionChange.emit({selectionType:this.selectionType,selectedIndexes:e,selectedCardIds:i})};focusCard=async t=>{if(!t)return;await t.focusSelectionTarget();const e=t.shadowRoot?.querySelector('[data-selection-target="true"]');e?.focus()};handleCardClick=t=>{const e=this.getCards(),i=this.getCardIndexFromEvent(t);i<0||this.isCardBlocked(e[i])||("radio"===this.selectionType?(this.selectedIndex=i,this.selectedIndexes=new Set([i])):this.selectedIndexes.has(i)?this.selectedIndexes.delete(i):this.selectedIndexes.add(i),this.applySelectionToChildren(),this.emitSelectionChange())};handleKeyDown=t=>{const e=t.key;if("ArrowRight"!==e&&"ArrowLeft"!==e&&"ArrowUp"!==e&&"ArrowDown"!==e&&"Home"!==e&&"End"!==e)return;if(t.defaultPrevented)return;const i=t.composedPath();if(!i.some((t=>t instanceof HTMLElement&&"TET-SNICKER-CARD"===t.tagName)))return;if(!i.some((t=>t instanceof HTMLElement&&"true"===t.dataset.selectionTarget&&t.getAttribute("role")===this.selectionType)))return;const s=this.getCards(),n=s.map(((t,e)=>this.isCardBlocked(t)?-1:e)).filter((t=>t>=0));if(0===n.length)return;const r=this.getCardIndexFromEvent(t),o=n.indexOf(r);let h=o;"Home"===e?h=0:"End"===e?h=n.length-1:"ArrowRight"===e||"ArrowDown"===e?h=o>=0?(o+1)%n.length:0:"ArrowLeft"!==e&&"ArrowUp"!==e||(h=o>=0?(o-1+n.length)%n.length:n.length-1);const a=n[h];t.preventDefault(),this.focusCard(s[a]),"radio"===this.selectionType&&(this.selectedIndex=a,this.selectedIndexes=new Set([a]),this.applySelectionToChildren(),this.emitSelectionChange())};handleSlotChange=()=>{this.syncSelectionFromChildren(),this.applySelectionToChildren()};render(){return s(n,{key:"3d649b84bad2e033febf852c62977db2997a0af7",role:"radio"===this.selectionType?"radiogroup":"group",onCardClick:this.handleCardClick,onKeyDown:this.handleKeyDown},s("slot",{key:"be88c1fe297b8f53a729639ed1a48e23a89f8efc",onSlotchange:this.handleSlotChange}))}static get watchers(){return{selectionType:["onSelectionTypeChanged"]}}};r.style=":host{display:block}";export{r as tet_snicker_card_group}