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

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

@@ -0,0 +1,376 @@
+import { r as registerInstance, g as getElement, h, H as Host } from './index-e933a7d2.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-e933a7d2.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-e933a7d2.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-cf4d7d54.js}

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

package/dist/esm/{translations-4712c45f.js → translations-e60db8fd.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-cf0086d4.js';
 
 /**
  * Returns whether the object is empty.

package/dist/tet-components/{p-805fb580.entry.js → p-0416fa6c.entry.js}

@@ -1 +1 @@
-import{r as e,h as o,H as t}from"./p-83f43fdd.js";const a=class{constructor(o){e(this,o)}render(){return o(t,{key:"17e289f5edb6a89416195b4a3a7338e99f2d5208"},o("div",{key:"9a7c7a69c991c4157a92193fdf06f3e4469293a9",class:"variable-container"},o("div",{key:"ba87027977ae9780191b66f5a182c809c64ef43a",class:"container-title main"},"Border rādiusa klase"),o("div",{key:"1494f6b8b1d8fc7533bdff632e62919a49a40351",class:"container-section"},o("div",{key:"ac5a2e0bf94a5bdd744a3920586990bed974e09c",class:"variable-name"},o("div",{key:"93efd3537da317dd39540b3861aeb59757734d12",class:"variable-part"},"tet"),o("div",{key:"936a13a39ddfd0a9c354db56edeebf7efe315551",class:"variable-part"},"-border"),o("div",{key:"1af168b3a1cc53bdfe5b478c29428ec20498f2f1",class:"variable-part variable variable-type"},"-radius"),o("div",{key:"c606262273c264af2d728b1bc357868c90980d18",class:"variable-part variable variable-size"},"--md")))),o("div",{key:"3e224d4340550d195a2124ddb1dc33bda61c3636",class:"tet-fonts-container"},o("div",{key:"5102b6ca57ad56d3f2a7cb993ae60ff00691d27f",class:"container-title"},"Rādiusa izmēri"),o("div",{key:"b1ca54338f176e7019c14f1cd4208e67a780304b",class:"section"},o("div",{key:"6101f3c66bf1135571fdde1e78185ff67158dbe5",class:"section-variable"},o("div",{key:"08b49169697b45c191b03449e3f42c74c11adcdc",class:"border tet-border-radius--xs"}),o("div",{key:"f600021b058806e9e52054eae77623d955d829bf",class:"section-font-class"},"klase: tet-border-radius--xs"),o("div",{key:"679d0a62a5fe4b2930fc382e3eb82636c261ac85",class:"section-font-size"},"border radius: 0.25rem / 4px")),o("div",{key:"b8e9b34545469973781e599dc475a34eeafdfa19",class:"section-variable"},o("div",{key:"151accedd875ca434f0788cfb000e8f8eabb9424",class:"border tet-border-radius--sm"}),o("div",{key:"bc5e6be89b2fc8353c91f47fd1223b34dc8d7b56",class:"section-font-class"},"klase: tet-border-radius--sm"),o("div",{key:"7efcd7fc88579a94bc105badc8d6725930a2e32d",class:"section-font-size"},"border radius: 0.5rem / 8px")),o("div",{key:"cbd2b07d5d08da862c0dcf16841383aa57f3d691",class:"section-variable"},o("div",{key:"6e82253050115282d58dbd559e5c2c5bd949fa64",class:"border tet-border-radius--md"}),o("div",{key:"e6cd310003a48c397acbb3e8af8f1bd2b34b3e0c",class:"section-font-class"},"klase: tet-border-radius--md"),o("div",{key:"e9adfe25a62892e94ebe6adde8f00733e1e61073",class:"section-font-size"},"border radius: 1rem / 16px")),o("div",{key:"d88c9b00a4f3e3a656da47cbb35caee2fe157e5e",class:"section-variable"},o("div",{key:"86e560af9b70b38ba9ea9171453a4de5a4078368",class:"border tet-border-radius--lg"}),o("div",{key:"df20e8526a9d492dd0eda8c27f317a14edf77276",class:"section-font-class"},"klase: tet-border-radius--lg"),o("div",{key:"082e965fea9e9dba88728c8eb35de0b09b90a13e",class:"section-font-size"},"border radius: 1.5rem / 24px"),o("div",{key:"c236917099e7b64888b4e760df4ff2212a3fa214",class:"section-font-size"})),o("div",{key:"5833cf498d886880b08bb87812d44ec29b5707e2",class:"section-variable"},o("div",{key:"d57058915bb711081278fd6fd1fafc7207f8abe5",class:"border tet-border-radius--xl"}),o("div",{key:"2e17f209db58d64898c8fd9b8589c7157d14e88f",class:"section-font-class"},"klase: tet-border-radius--xl"),o("div",{key:"e9dc585ea30e90fa6af1d974ff47350da0ea1d98",class:"section-font-size"},"border radius: 2rem / 32px")))))}};a.style='@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)}.tet-border-radius--xs{border-radius:0.25rem}.tet-border-radius--sm{border-radius:0.5rem}.tet-border-radius--md{border-radius:1rem}.tet-border-radius--lg{border-radius:1.5rem}.tet-border-radius--xl{border-radius:2rem}.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-type:after{display:none;border-top:0.125rem solid #779af5;content:"tips";position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{border-top:0.125rem solid #779af5;content:"izmērs";position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.section{display:flex;flex-direction:column}.section-variable{border:0.0625rem solid gray;padding:1rem 2rem;border-radius:2rem}.section-title{font-size:1rem;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-font-class{padding-top:1rem;font-size:1rem;color:black}.border{margin:auto;height:4.375rem;width:5.625rem;background-color:rgb(52, 132, 244)}';export{a as tet_border_radius}
+import{r as e,h as o,H as t}from"./p-5abb3bea.js";const a=class{constructor(o){e(this,o)}render(){return o(t,{key:"17e289f5edb6a89416195b4a3a7338e99f2d5208"},o("div",{key:"9a7c7a69c991c4157a92193fdf06f3e4469293a9",class:"variable-container"},o("div",{key:"ba87027977ae9780191b66f5a182c809c64ef43a",class:"container-title main"},"Border rādiusa klase"),o("div",{key:"1494f6b8b1d8fc7533bdff632e62919a49a40351",class:"container-section"},o("div",{key:"ac5a2e0bf94a5bdd744a3920586990bed974e09c",class:"variable-name"},o("div",{key:"93efd3537da317dd39540b3861aeb59757734d12",class:"variable-part"},"tet"),o("div",{key:"936a13a39ddfd0a9c354db56edeebf7efe315551",class:"variable-part"},"-border"),o("div",{key:"1af168b3a1cc53bdfe5b478c29428ec20498f2f1",class:"variable-part variable variable-type"},"-radius"),o("div",{key:"c606262273c264af2d728b1bc357868c90980d18",class:"variable-part variable variable-size"},"--md")))),o("div",{key:"3e224d4340550d195a2124ddb1dc33bda61c3636",class:"tet-fonts-container"},o("div",{key:"5102b6ca57ad56d3f2a7cb993ae60ff00691d27f",class:"container-title"},"Rādiusa izmēri"),o("div",{key:"b1ca54338f176e7019c14f1cd4208e67a780304b",class:"section"},o("div",{key:"6101f3c66bf1135571fdde1e78185ff67158dbe5",class:"section-variable"},o("div",{key:"08b49169697b45c191b03449e3f42c74c11adcdc",class:"border tet-border-radius--xs"}),o("div",{key:"f600021b058806e9e52054eae77623d955d829bf",class:"section-font-class"},"klase: tet-border-radius--xs"),o("div",{key:"679d0a62a5fe4b2930fc382e3eb82636c261ac85",class:"section-font-size"},"border radius: 0.25rem / 4px")),o("div",{key:"b8e9b34545469973781e599dc475a34eeafdfa19",class:"section-variable"},o("div",{key:"151accedd875ca434f0788cfb000e8f8eabb9424",class:"border tet-border-radius--sm"}),o("div",{key:"bc5e6be89b2fc8353c91f47fd1223b34dc8d7b56",class:"section-font-class"},"klase: tet-border-radius--sm"),o("div",{key:"7efcd7fc88579a94bc105badc8d6725930a2e32d",class:"section-font-size"},"border radius: 0.5rem / 8px")),o("div",{key:"cbd2b07d5d08da862c0dcf16841383aa57f3d691",class:"section-variable"},o("div",{key:"6e82253050115282d58dbd559e5c2c5bd949fa64",class:"border tet-border-radius--md"}),o("div",{key:"e6cd310003a48c397acbb3e8af8f1bd2b34b3e0c",class:"section-font-class"},"klase: tet-border-radius--md"),o("div",{key:"e9adfe25a62892e94ebe6adde8f00733e1e61073",class:"section-font-size"},"border radius: 1rem / 16px")),o("div",{key:"d88c9b00a4f3e3a656da47cbb35caee2fe157e5e",class:"section-variable"},o("div",{key:"86e560af9b70b38ba9ea9171453a4de5a4078368",class:"border tet-border-radius--lg"}),o("div",{key:"df20e8526a9d492dd0eda8c27f317a14edf77276",class:"section-font-class"},"klase: tet-border-radius--lg"),o("div",{key:"082e965fea9e9dba88728c8eb35de0b09b90a13e",class:"section-font-size"},"border radius: 1.5rem / 24px"),o("div",{key:"c236917099e7b64888b4e760df4ff2212a3fa214",class:"section-font-size"})),o("div",{key:"5833cf498d886880b08bb87812d44ec29b5707e2",class:"section-variable"},o("div",{key:"d57058915bb711081278fd6fd1fafc7207f8abe5",class:"border tet-border-radius--xl"}),o("div",{key:"2e17f209db58d64898c8fd9b8589c7157d14e88f",class:"section-font-class"},"klase: tet-border-radius--xl"),o("div",{key:"e9dc585ea30e90fa6af1d974ff47350da0ea1d98",class:"section-font-size"},"border radius: 2rem / 32px")))))}};a.style='@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)}.tet-border-radius--xs{border-radius:0.25rem}.tet-border-radius--sm{border-radius:0.5rem}.tet-border-radius--md{border-radius:1rem}.tet-border-radius--lg{border-radius:1.5rem}.tet-border-radius--xl{border-radius:2rem}.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-type:after{display:none;border-top:0.125rem solid #779af5;content:"tips";position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{border-top:0.125rem solid #779af5;content:"izmērs";position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.section{display:flex;flex-direction:column}.section-variable{border:0.0625rem solid gray;padding:1rem 2rem;border-radius:2rem}.section-title{font-size:1rem;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-font-class{padding-top:1rem;font-size:1rem;color:black}.border{margin:auto;height:4.375rem;width:5.625rem;background-color:rgb(52, 132, 244)}';export{a as tet_border_radius}

package/dist/tet-components/{p-25bb7d4f.entry.js → p-08aeaafd.entry.js}

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