@tet/tet-components 1.4.140-staging → 1.4.141-testing

package/dist/collection/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.js

@@ -214,6 +214,10 @@ export class TetCompareCardV3 {
             return [...productOptions, ...(option.dropdownOptions?.length ? option.dropdownOptions : [option])];
         }, []);
     }
+    /** Returns whether the initial loaded render has completed and cardLoaded has been emitted. */
+    async isLoaded() {
+        return this.didEmitCardLoaded;
+    }
     /** Returns loaded API product data with a complete form URL for each contract term. */
     async getProductByCode(code) {
         const option = this.getProductOptions().find(option => option.productCode === code);
@@ -625,10 +629,10 @@ export class TetCompareCardV3 {
             ? this.getCompleteUrl(manualProductData.formUrl, null)
             : this.getCompleteUrl(baseUrl, selectedOption?.productCode ?? '', contractTermData);
         const titleBadgeText = selectedOption?.titleBadge;
-        return (h("div", { class: "content content__top" }, (mainTitle || titleBadgeText) && (h("div", { class: "title-container" }, mainTitle && h("h3", { class: "title" }, mainTitle), titleBadgeText && (h("span", { class: "title-badge" }, h("tet-icon", { class: "title-badge__icon", name: "tc-info-circle" }), titleBadgeText)))), this.renderPrice(priceData), this.renderCardLabel(selectedOption), h("div", { class: "button-wrapper" }, h("tet-button", { class: "button", type: "primary", theme: "light", size: this.buttonSize, url: link, urlTarget: this.linkOpenBlank ? '_blank' : '_self' }, this.buttonTitle)), shouldRenderSecondaryLink && (h("div", { class: "secondary-link" }, h("a", { class: "tet-link", href: secondaryLink, target: secondaryLinkTarget, rel: secondaryLinkRel }, this.secondaryLinkText)))));
+        return (h("div", { key: "content-top", class: "content content__top" }, (mainTitle || titleBadgeText) && (h("div", { class: "title-container" }, mainTitle && h("h3", { class: "title" }, mainTitle), titleBadgeText && (h("span", { class: "title-badge" }, h("tet-icon", { class: "title-badge__icon", name: "tc-info-circle" }), titleBadgeText)))), this.renderPrice(priceData), this.renderCardLabel(selectedOption), h("div", { class: "button-wrapper" }, h("tet-button", { class: "button", type: "primary", theme: "light", size: this.buttonSize, url: link, urlTarget: this.linkOpenBlank ? '_blank' : '_self' }, this.buttonTitle)), shouldRenderSecondaryLink && (h("div", { class: "secondary-link" }, h("a", { class: "tet-link", href: secondaryLink, target: secondaryLinkTarget, rel: secondaryLinkRel }, this.secondaryLinkText)))));
     }
     renderContentBottom() {
-        return (h("div", { class: "content content__bottom" }, this.showControlsFirst
+        return (h("div", { key: "content-bottom", class: "content content__bottom" }, this.showControlsFirst
             ? [this.renderControls(), this.renderBonuses()]
             : [this.renderBonuses(), this.renderControls()]));
     }
@@ -655,7 +659,7 @@ export class TetCompareCardV3 {
         return (h("tet-placeholder", { class: { 'card__placeholder': true, 'single-card': this.cardType === 'single-card' }, height: "100%", width: "100%", darkTheme: this.theme === 'dark' }));
     }
     render() {
-        return (h(Host, { key: 'bdb678ad96f88995c307d7cdf4b22ab4cbfe2a09', "data-contains-focusable-content": true }, this.showLoader ? this.renderLoader() : this.renderCard()));
+        return (h(Host, { key: '681b0b3acd21c3eeb254b3789708ac511f6c8cf9', "data-contains-focusable-content": true }, this.showLoader ? this.renderLoader() : this.renderCard()));
     }
     static get is() { return "tet-compare-card-v3"; }
     static get encapsulation() { return "shadow"; }
@@ -1088,6 +1092,23 @@ export class TetCompareCardV3 {
     }
     static get methods() {
         return {
+            "isLoaded": {
+                "complexType": {
+                    "signature": "() => Promise<boolean>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<boolean>"
+                },
+                "docs": {
+                    "text": "Returns whether the initial loaded render has completed and cardLoaded has been emitted.",
+                    "tags": []
+                }
+            },
             "getProductByCode": {
                 "complexType": {
                     "signature": "(code: string) => Promise<ProductComparisonWithCompleteUrl | undefined>",

package/dist/collection/components/simple/misc/tet-sticky-offer/tet-sticky-offer.css

@@ -354,15 +354,14 @@
   display: block;
   max-width: 113.5rem;
   position: fixed;
-  bottom: var(--bottom-offset);
+  bottom: calc(var(--bottom-offset) + var(--boundary-bottom, 0rem));
   right: 0.5rem;
   left: 0.5rem;
   z-index: 10;
   margin: 0 auto;
-  transform: translateY(calc(100% + var(--bottom-offset) + 0.125rem));
-  visibility: hidden;
+  transform: translateY(calc(100% + var(--bottom-offset) + var(--boundary-bottom, 0rem) + 0.125rem));
   pointer-events: none;
-  transition: transform var(--animation-duration) ease, visibility 0s linear var(--animation-duration);
+  transition: transform var(--animation-duration) ease;
 }
 @media screen and (min-width: 31.25rem) {
   :host {
@@ -376,37 +375,47 @@
     left: 2rem;
   }
 }
-@media screen and (min-width: 80rem) {
+@media screen and (min-width: 90rem) {
   :host {
     right: 2.25rem;
     left: 2.25rem;
   }
 }
 
-:host([visible]:not(.scroll-hidden)) {
+:host(.offer-docked) {
+  position: relative;
+  left: var(--dock-left);
+  right: auto;
+  width: var(--dock-width);
+  bottom: auto;
+  margin: 0;
+}
+
+:host(.offer-visible) {
   transform: translateY(0);
-  visibility: visible;
   pointer-events: auto;
-  transition: visibility 0s;
+  transition: none;
   animation: sticky-offer-slide-in var(--animation-duration) ease;
 }
 
-:host([visible].scroll-hidden) {
+:host(.offer-visible) .sticky-offer {
   visibility: visible;
-}
-
-:host([visible]:not(.scroll-hidden)) .sticky-offer {
+  transition: visibility 0s;
   box-shadow: 0 4px 28.8px 0 rgba(0, 0, 0, 0.25);
 }
 
 @media (prefers-reduced-motion: reduce) {
   :host,
-  :host([visible]:not(.scroll-hidden)) {
+  :host(.offer-visible),
+  .sticky-offer,
+  :host(.offer-visible) .sticky-offer {
     transition: none;
     animation: none;
   }
 }
 .sticky-offer {
+  visibility: hidden;
+  transition: visibility 0s linear var(--animation-duration);
   display: flex;
   flex-direction: column;
   gap: 0.5rem;

package/dist/collection/components/simple/misc/tet-sticky-offer/tet-sticky-offer.js

@@ -1,13 +1,9 @@
 import { h, Host } from "@stencil/core";
-const HIDE_SCROLL_DISTANCE = 205;
-const SHOW_SCROLL_DISTANCE = 24;
 /** Offer anchored to the bottom of the viewport. */
 export class TetStickyOffer {
     host;
     /** Shows the offer when true and slides it out of view when false. */
     visible = true;
-    /** Hides the offer after scrolling down and shows it when scrolling up. Set to false to disable. */
-    hideOnScroll = true;
     /** Offer name displayed in the banner. */
     offerName = '';
     /** Formatted price amount, without the suffix. */
@@ -20,93 +16,158 @@ export class TetStickyOffer {
     actionUrl = '';
     /** Browsing context for actionUrl when it is set. */
     actionTarget = '_self';
-    scrollHidden = false;
+    /** Scrolling element whose top must pass above the top boundary's bottom before the offer appears. */
+    triggerElement;
+    /** Element whose bottom defines the visibility threshold when a trigger is provided. Defaults to the viewport top. */
+    topBoundaryElement;
+    /** Footer before which the offer docks, matching the preceding module's bottom padding. */
+    bottomBoundaryElement;
     /** Emitted when the offer action is activated. */
     applyClick;
-    lastScrollY = 0;
-    lastDocumentHeight = 0;
-    scrollDistance = 0;
-    scrollDirection = 0;
-    scrollFrame = null;
-    connectedCallback() {
-        this.resetScrollVisibility();
+    boundaryVisible = true;
+    boundaryBottom = 0;
+    docked = false;
+    dockingSpace;
+    moving = false;
+    fixedBottomOffset = 0;
+    refreshDockSize = false;
+    boundaryObserver;
+    boundaryFrame = null;
+    hasLoaded = false;
+    detectedModule = null;
+    componentWillLoad() {
+        this.updateBoundaries();
     }
-    disconnectedCallback() {
-        if (this.scrollFrame !== null) {
-            cancelAnimationFrame(this.scrollFrame);
-            this.scrollFrame = null;
-        }
+    componentDidLoad() {
+        this.hasLoaded = true;
+        this.setupDockingSpace();
     }
-    resetScrollVisibility() {
-        if (this.scrollFrame !== null) {
-            cancelAnimationFrame(this.scrollFrame);
-            this.scrollFrame = null;
+    connectedCallback() {
+        if (this.hasLoaded && !this.moving) {
+            this.setupDockingSpace();
         }
-        this.scrollHidden = false;
-        this.scrollDistance = 0;
-        this.scrollDirection = 0;
-        this.lastScrollY = Math.max(0, window.scrollY);
-        this.lastDocumentHeight = this.getDocumentHeight();
     }
-    onWindowScroll() {
-        if (!this.visible || !this.hideOnScroll || this.scrollFrame !== null) {
+    disconnectedCallback() {
+        if (this.moving) {
             return;
         }
-        this.scrollFrame = requestAnimationFrame(() => this.updateScrollVisibility());
+        this.dockingSpace?.remove();
+        this.dockingSpace = undefined;
+        this.detectedModule = null;
+        this.docked = false;
+        this.host.classList.remove('offer-docked');
+        this.boundaryObserver?.disconnect();
+        if (this.boundaryFrame !== null) {
+            cancelAnimationFrame(this.boundaryFrame);
+            this.boundaryFrame = null;
+        }
     }
-    updateScrollVisibility() {
-        this.scrollFrame = null;
-        const scrollY = Math.max(0, window.scrollY);
-        const documentHeight = this.getDocumentHeight();
-        if (documentHeight !== this.lastDocumentHeight) {
-            this.lastDocumentHeight = documentHeight;
-            this.lastScrollY = scrollY;
-            this.scrollDistance = 0;
-            this.scrollDirection = 0;
+    setupDockingSpace() {
+        if (!this.hasLoaded || this.dockingSpace) {
             return;
         }
-        const delta = scrollY - this.lastScrollY;
-        this.lastScrollY = scrollY;
-        if (scrollY === 0) {
-            this.scrollDistance = 0;
-            this.scrollDirection = 0;
-            this.scrollHidden = false;
-            return;
+        if (this.bottomBoundaryElement?.parentNode) {
+            this.dockingSpace = document.createElement('div');
+            this.dockingSpace.style.boxSizing = 'border-box';
+            this.bottomBoundaryElement.parentNode.insertBefore(this.dockingSpace, this.bottomBoundaryElement);
+            this.moving = true;
+            try {
+                this.dockingSpace.appendChild(this.host);
+            }
+            finally {
+                this.moving = false;
+            }
         }
-        const direction = Math.sign(delta);
-        if (!direction) {
+        this.observeBoundaries();
+    }
+    observeBoundaries() {
+        if (!this.hasLoaded) {
             return;
         }
-        if (document.activeElement === this.host || this.host.contains(document.activeElement)) {
-            this.scrollDistance = 0;
-            return;
+        this.boundaryObserver?.disconnect();
+        if (this.triggerElement || this.bottomBoundaryElement) {
+            this.boundaryObserver = new ResizeObserver(() => this.scheduleBoundaryUpdate(true));
+            const elements = [this.host, this.triggerElement, this.topBoundaryElement, this.bottomBoundaryElement, document.body];
+            for (const element of elements) {
+                if (element) {
+                    this.boundaryObserver.observe(element);
+                }
+            }
         }
-        this.scrollDistance = direction === this.scrollDirection
-            ? this.scrollDistance + Math.abs(delta)
-            : Math.abs(delta);
-        this.scrollDirection = direction;
-        if (direction > 0 && !this.scrollHidden && this.scrollDistance >= HIDE_SCROLL_DISTANCE) {
-            this.scrollHidden = true;
+        this.updateBoundaries();
+    }
+    updateBoundaries() {
+        this.boundaryVisible = this.triggerElement
+            ? this.triggerElement.getBoundingClientRect().top <= (this.topBoundaryElement?.getBoundingClientRect().bottom ?? 0)
+            : true;
+        if (this.dockingSpace) {
+            this.boundaryBottom = 0;
+            this.updateDocking();
+            return;
         }
-        else if (direction < 0 && this.scrollHidden && this.scrollDistance >= SHOW_SCROLL_DISTANCE) {
-            this.scrollHidden = false;
+        this.boundaryBottom = this.bottomBoundaryElement
+            ? Math.max(0, window.innerHeight - this.bottomBoundaryElement.getBoundingClientRect().top)
+            : 0;
+    }
+    onScroll() {
+        if (this.dockingSpace) {
+            this.updateBoundaries();
         }
         else {
+            this.scheduleBoundaryUpdate();
+        }
+    }
+    onResize() {
+        this.scheduleBoundaryUpdate(true);
+    }
+    scheduleBoundaryUpdate(refreshDockSize = false) {
+        this.refreshDockSize ||= refreshDockSize;
+        if ((!this.triggerElement && !this.bottomBoundaryElement) || this.boundaryFrame !== null) {
             return;
         }
-        this.scrollDistance = 0;
+        this.boundaryFrame = requestAnimationFrame(() => {
+            this.boundaryFrame = null;
+            this.updateBoundaries();
+            this.refreshDockSize = false;
+        });
     }
-    getDocumentHeight() {
-        return Math.max(document.documentElement.scrollHeight ?? 0, document.body?.scrollHeight ?? 0);
+    updateDocking() {
+        if (!this.dockingSpace)
+            return;
+        const space = this.dockingSpace;
+        const spaceRect = space.getBoundingClientRect();
+        const module = this.getModuleAboveDock(spaceRect);
+        if (!this.docked || this.refreshDockSize) {
+            this.host.classList.remove('offer-docked');
+            const rect = this.host.getBoundingClientRect();
+            this.fixedBottomOffset = Number.parseFloat(getComputedStyle(this.host).bottom) || 0;
+            space.style.setProperty('--dock-left', `${rect.left - spaceRect.left}px`);
+            space.style.setProperty('--dock-width', `${rect.width}px`);
+            if (this.docked) {
+                this.host.classList.add('offer-docked');
+            }
+        }
+        const gap = (module ? Number.parseFloat(getComputedStyle(module).paddingBottom) : 0) || this.fixedBottomOffset;
+        const height = this.host.getBoundingClientRect().height;
+        const show = this.visible && this.boundaryVisible;
+        space.style.minHeight = `${show ? height + gap : 0}px`;
+        space.style.paddingBottom = `${show ? gap : 0}px`;
+        const viewportHeight = document.documentElement.clientHeight || window.innerHeight;
+        this.docked = show && spaceRect.top <= viewportHeight - height - this.fixedBottomOffset;
+        this.host.classList[this.docked ? 'add' : 'remove']('offer-docked');
     }
-    onFocusIn() {
-        if (this.scrollHidden) {
-            this.scrollHidden = false;
-            this.scrollDistance = 0;
+    getModuleAboveDock(rect) {
+        const module = document.elementsFromPoint(rect.left + rect.width / 2, rect.top - 1)
+            .filter(element => element !== this.host && !this.host.contains(element) && element !== this.dockingSpace)
+            .map(element => element.closest('.module-inner'))
+            .find(element => element && element.getBoundingClientRect().height > 0);
+        if (module) {
+            this.detectedModule = module;
         }
+        return this.detectedModule;
     }
     render() {
-        return (h(Host, { key: 'cee22e0817476a55e3f38f33fbcc1217469bf196', class: { 'scroll-hidden': this.scrollHidden } }, h("div", { key: '7f28335ce0e9fe33b567d4dd46b31df4bcaedc2e', class: "sticky-offer", inert: !this.visible, onFocusin: () => this.onFocusIn() }, h("span", { key: '9d1c54f6d8d2b674634e741cdec8d2ba98d1d600', class: "sticky-offer__name", "aria-live": "polite", "aria-atomic": "true" }, this.offerName), h("div", { key: '9cded6e4fd98e352b12b15db525506894616e762', class: "sticky-offer__inner-container" }, h("div", { key: '12f14c8840e895d4511a1c97379d9c561470d9bf', class: "sticky-offer__price-container", "aria-live": "polite", "aria-atomic": "true" }, h("span", { key: '2461ff768954fd2aa4f1f5e8e783ca0d8e4244c9', class: "sticky-offer__price" }, this.price), this.priceSuffix && (h("span", { key: '8ad22116b920ee1f63d1070bef4e4b49d08f9f8f', class: "sticky-offer__price-suffix" }, this.priceSuffix))), h("tet-button", { key: '96dcd941d0393948ee21aff797a756aff216a909', size: "small", theme: "light", breakpointConfig: {
+        return (h(Host, { key: '050e9efaa967642b61ef5af7af8a4352a46677f1', class: { 'offer-visible': this.visible && this.boundaryVisible }, style: { '--boundary-bottom': `${this.boundaryBottom}px` } }, h("div", { key: 'ca93b30409a5adb481d88197268981e4942730f3', class: "sticky-offer", inert: !this.visible || !this.boundaryVisible }, h("span", { key: 'b7f96b13d94d9138ccf6bd221c67a49bb57ab479', class: "sticky-offer__name", "aria-live": "polite", "aria-atomic": "true" }, this.offerName), h("div", { key: '9522bf5ad6df226b09ff3cc338217d2863c883f8', class: "sticky-offer__inner-container" }, h("div", { key: 'c7650ad7d5b115a51dfc0f510febb7a9116d57bb', class: "sticky-offer__price-container", "aria-live": "polite", "aria-atomic": "true" }, h("span", { key: '56a29f81f29d3ef7acced8755dbd327b895d4901', class: "sticky-offer__price" }, this.price), this.priceSuffix && (h("span", { key: '20c863ee368d698e4ec34c009914306feb33a719', class: "sticky-offer__price-suffix" }, this.priceSuffix))), h("tet-button", { key: '871d4e641f1c507656f10343dce8abc919922c85', size: "small", theme: "light", breakpointConfig: {
                 lg: { size: 'medium' },
                 xl: { size: 'large' },
             }, url: this.actionUrl, urlTarget: this.actionTarget, onClick: () => this.applyClick.emit() }, this.actionLabel)))));
@@ -145,26 +206,6 @@ export class TetStickyOffer {
                 "attribute": "visible",
                 "defaultValue": "true"
             },
-            "hideOnScroll": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Hides the offer after scrolling down and shows it when scrolling up. Set to false to disable."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "hide-on-scroll",
-                "defaultValue": "true"
-            },
             "offerName": {
                 "type": "string",
                 "mutable": false,
@@ -284,12 +325,79 @@ export class TetStickyOffer {
                 "reflect": false,
                 "attribute": "action-target",
                 "defaultValue": "'_self'"
+            },
+            "triggerElement": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "HTMLElement",
+                    "resolved": "HTMLElement",
+                    "references": {
+                        "HTMLElement": {
+                            "location": "global",
+                            "id": "global::HTMLElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Scrolling element whose top must pass above the top boundary's bottom before the offer appears."
+                },
+                "getter": false,
+                "setter": false
+            },
+            "topBoundaryElement": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "HTMLElement",
+                    "resolved": "HTMLElement",
+                    "references": {
+                        "HTMLElement": {
+                            "location": "global",
+                            "id": "global::HTMLElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Element whose bottom defines the visibility threshold when a trigger is provided. Defaults to the viewport top."
+                },
+                "getter": false,
+                "setter": false
+            },
+            "bottomBoundaryElement": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "HTMLElement",
+                    "resolved": "HTMLElement",
+                    "references": {
+                        "HTMLElement": {
+                            "location": "global",
+                            "id": "global::HTMLElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Footer before which the offer docks, matching the preceding module's bottom padding."
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }
     static get states() {
         return {
-            "scrollHidden": {}
+            "boundaryVisible": {},
+            "boundaryBottom": {}
         };
     }
     static get events() {
@@ -313,17 +421,29 @@ export class TetStickyOffer {
     static get elementRef() { return "host"; }
     static get watchers() {
         return [{
-                "propName": "visible",
-                "methodName": "resetScrollVisibility"
+                "propName": "bottomBoundaryElement",
+                "methodName": "setupDockingSpace"
+            }, {
+                "propName": "triggerElement",
+                "methodName": "observeBoundaries"
+            }, {
+                "propName": "topBoundaryElement",
+                "methodName": "observeBoundaries"
             }, {
-                "propName": "hideOnScroll",
-                "methodName": "resetScrollVisibility"
+                "propName": "visible",
+                "methodName": "updateBoundaries"
             }];
     }
     static get listeners() {
         return [{
                 "name": "scroll",
-                "method": "onWindowScroll",
+                "method": "onScroll",
+                "target": "window",
+                "capture": true,
+                "passive": true
+            }, {
+                "name": "resize",
+                "method": "onResize",
                 "target": "window",
                 "capture": false,
                 "passive": true

package/dist/components/index.js

@@ -1 +1 @@
-import{t}from"./p-ChxhsA_J.js";export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-ChxhsA_J.js";import{TetAccordion as o}from"./tet-accordion.js";import{TetAddressOffers as m}from"./tet-address-offers.js";import{TetAddressOffersFilters as e}from"./tet-address-offers-filters.js";import{TetAddressOffersFiltersProducts as i}from"./tet-address-offers-filters-products.js";import{TetAddressOffersView as p}from"./tet-address-offers-view.js";import{TetAddressSearch as f}from"./tet-address-search.js";import{TetAssembler as j}from"./tet-assembler.js";import{TetAssetAvailabilityAddresses as c}from"./tet-asset-availability-addresses.js";import{TetAutocomplete as n}from"./tet-autocomplete.js";import{TetAutocompleteDropdown as d}from"./tet-autocomplete-dropdown.js";import{TetAvailabilityContactForm as l}from"./tet-availability-contact-form.js";import{TetB2bCheckOutForm as u}from"./tet-b2b-check-out-form.js";import{TetB2bCompareCard as h}from"./tet-b2b-compare-card.js";import{TetB2bConfigurator as k}from"./tet-b2b-configurator.js";import{TetB2bConfiguratorCart as v}from"./tet-b2b-configurator-cart.js";import{TetBannerNav as w}from"./tet-banner-nav.js";import{TetBarGraph as y}from"./tet-bar-graph.js";import{TetBorderRadius as x}from"./tet-border-radius.js";import{TetBusinessCard as A}from"./tet-business-card.js";import{TetBusinessCompareCard as E}from"./tet-business-compare-card.js";import{TetBusinessNavigation as P}from"./tet-business-navigation.js";import{TetBusinessRoundStepper as C}from"./tet-business-round-stepper.js";import{TetBusinessSummaryCard as J}from"./tet-business-summary-card.js";import{TetButton as _}from"./tet-button.js";import{TetCardList as N}from"./tet-card-list.js";import{TetCarousel as O}from"./tet-carousel.js";import{TetCheckbox as q}from"./tet-checkbox.js";import{TetCloudApplicationFormDialog as z}from"./tet-cloud-application-form-dialog.js";import{TetCloudConfigurator as B}from"./tet-cloud-configurator.js";import{TetColors as D}from"./tet-colors.js";import{TetCompareCard as F}from"./tet-compare-card.js";import{TetCompareCardV2 as G}from"./tet-compare-card-v2.js";import{TetCompareCardV3 as H}from"./tet-compare-card-v3.js";import{TetCompareCards as I}from"./tet-compare-cards.js";import{TetCompareCardsTab as K}from"./tet-compare-cards-tab.js";import{TetContainer as L}from"./tet-container.js";import{TetCountdown as M}from"./tet-countdown.js";import{TetCounter as Q}from"./tet-counter.js";import{TetDatepicker as R}from"./tet-datepicker.js";import{TetDatepickerHeader as S}from"./tet-datepicker-header.js";import{TetDatepickerMonthView as T}from"./tet-datepicker-month-view.js";import{TetDatepickerMultiYearView as U}from"./tet-datepicker-multi-year-view.js";import{TetDatepickerYearView as V}from"./tet-datepicker-year-view.js";import{TetDialog as W}from"./tet-dialog.js";import{TetDisplay as X}from"./tet-display.js";import{TetDivider as Y}from"./tet-divider.js";import{TetDropdown as Z}from"./tet-dropdown.js";import{TetDynamicCard as $}from"./tet-dynamic-card.js";import{TetExpandableInput as tt}from"./tet-expandable-input.js";import{TetExpansionPanel as rt}from"./tet-expansion-panel.js";import{TetFeedbackForm as ot}from"./tet-feedback-form.js";import{TetFilter as mt}from"./tet-filter.js";import{TetFloatingBlock as et}from"./tet-floating-block.js";import{TetFontWeight as st}from"./tet-font-weight.js";import{TetFonts as it}from"./tet-fonts.js";import{TetGrid as pt}from"./tet-grid.js";import{TetIcon as ft}from"./tet-icon.js";import{TetInlineMessage as at}from"./tet-inline-message.js";import{TetInput as jt}from"./tet-input.js";import{TetLayout as ct}from"./tet-layout.js";import{TetLink as nt}from"./tet-link.js";import{TetLinkCardList as dt}from"./tet-link-card-list.js";import{TetLoader as lt}from"./tet-loader.js";import{TetMenu as ut}from"./tet-menu.js";import{TetMenuMobile as bt}from"./tet-menu-mobile.js";import{TetMiniCompareCard as gt}from"./tet-mini-compare-card.js";import{TetMultiStepDialog as ht}from"./tet-multi-step-dialog.js";import{TetNavigationMobile as kt}from"./tet-navigation-mobile.js";import{TetNewsCardList as vt}from"./tet-news-card-list.js";import{TetNotification as wt}from"./tet-notification.js";import{TetNumberInput as yt}from"./tet-number-input.js";import{TetPlaceholder as xt}from"./tet-placeholder.js";import{TetPosition as At}from"./tet-position.js";import{TetPriceView as Et}from"./tet-price-view.js";import{TetRadio as Pt}from"./tet-radio.js";import{TetRadioBlocks as Ct}from"./tet-radio-blocks.js";import{TetRangeSlider as Jt}from"./tet-range-slider.js";import{TetRoundStepper as _t}from"./tet-round-stepper.js";import{TetSelectionList as Nt}from"./tet-selection-list.js";import{TetSnickerCard as Ot}from"./tet-snicker-card.js";import{TetSnickerCardGroup as qt}from"./tet-snicker-card-group.js";import{TetSpacing as zt}from"./tet-spacing.js";import{TetSpinner as Bt}from"./tet-spinner.js";import{TetStepperInput as Dt}from"./tet-stepper-input.js";import{TetStepperV3 as Ft}from"./tet-stepper-v3.js";import{TetStickyOffer as Gt}from"./tet-sticky-offer.js";import{TetSupportSearch as Ht}from"./tet-support-search.js";import{TetSwitch as It}from"./tet-switch.js";import{TetTabContent as Kt}from"./tet-tab-content.js";import{TetTabHeader as Lt}from"./tet-tab-header.js";import{TetTable as Mt}from"./tet-table.js";import{TetTag as Qt}from"./tet-tag.js";import{TetTagGroup as Rt}from"./tet-tag-group.js";import{TetText as St}from"./tet-text.js";import{TetTextList as Tt}from"./tet-text-list.js";import{TetTextarea as Ut}from"./tet-textarea.js";import{TetThankYouViewV3 as Vt}from"./tet-thank-you-view-v3.js";import{TetTooltip as Wt}from"./tet-tooltip.js";const Xt=r=>{"undefined"!=typeof customElements&&[o,m,e,i,p,f,j,c,n,d,l,u,h,k,v,w,y,x,A,E,P,C,J,_,N,O,q,z,B,D,F,G,H,I,K,L,M,Q,R,S,T,U,V,W,X,Y,Z,$,tt,rt,ot,mt,et,st,it,pt,ft,at,jt,ct,nt,dt,lt,ut,bt,gt,ht,kt,vt,wt,yt,xt,At,Et,Pt,Ct,Jt,_t,Nt,Ot,qt,zt,Bt,Dt,Ft,Gt,Ht,It,Kt,Lt,Mt,Qt,Rt,St,Tt,Ut,Vt,Wt].forEach((o=>{customElements.get(t(o.is))||customElements.define(t(o.is),o,r)}))};export{Xt as defineCustomElements}
+import{t}from"./p-nb3MHK7A.js";export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-nb3MHK7A.js";import{TetAccordion as o}from"./tet-accordion.js";import{TetAddressOffers as m}from"./tet-address-offers.js";import{TetAddressOffersFilters as e}from"./tet-address-offers-filters.js";import{TetAddressOffersFiltersProducts as i}from"./tet-address-offers-filters-products.js";import{TetAddressOffersView as p}from"./tet-address-offers-view.js";import{TetAddressSearch as f}from"./tet-address-search.js";import{TetAssembler as j}from"./tet-assembler.js";import{TetAssetAvailabilityAddresses as n}from"./tet-asset-availability-addresses.js";import{TetAutocomplete as c}from"./tet-autocomplete.js";import{TetAutocompleteDropdown as d}from"./tet-autocomplete-dropdown.js";import{TetAvailabilityContactForm as l}from"./tet-availability-contact-form.js";import{TetB2bCheckOutForm as u}from"./tet-b2b-check-out-form.js";import{TetB2bCompareCard as k}from"./tet-b2b-compare-card.js";import{TetB2bConfigurator as v}from"./tet-b2b-configurator.js";import{TetB2bConfiguratorCart as h}from"./tet-b2b-configurator-cart.js";import{TetBannerNav as w}from"./tet-banner-nav.js";import{TetBarGraph as y}from"./tet-bar-graph.js";import{TetBorderRadius as x}from"./tet-border-radius.js";import{TetBusinessCard as A}from"./tet-business-card.js";import{TetBusinessCompareCard as E}from"./tet-business-compare-card.js";import{TetBusinessNavigation as P}from"./tet-business-navigation.js";import{TetBusinessRoundStepper as H}from"./tet-business-round-stepper.js";import{TetBusinessSummaryCard as K}from"./tet-business-summary-card.js";import{TetButton as M}from"./tet-button.js";import{TetCardList as N}from"./tet-card-list.js";import{TetCarousel as O}from"./tet-carousel.js";import{TetCheckbox as q}from"./tet-checkbox.js";import{TetCloudApplicationFormDialog as z}from"./tet-cloud-application-form-dialog.js";import{TetCloudConfigurator as B}from"./tet-cloud-configurator.js";import{TetColors as C}from"./tet-colors.js";import{TetCompareCard as D}from"./tet-compare-card.js";import{TetCompareCardV2 as F}from"./tet-compare-card-v2.js";import{TetCompareCardV3 as G}from"./tet-compare-card-v3.js";import{TetCompareCards as I}from"./tet-compare-cards.js";import{TetCompareCardsTab as J}from"./tet-compare-cards-tab.js";import{TetContainer as L}from"./tet-container.js";import{TetCountdown as Q}from"./tet-countdown.js";import{TetCounter as R}from"./tet-counter.js";import{TetDatepicker as S}from"./tet-datepicker.js";import{TetDatepickerHeader as T}from"./tet-datepicker-header.js";import{TetDatepickerMonthView as U}from"./tet-datepicker-month-view.js";import{TetDatepickerMultiYearView as V}from"./tet-datepicker-multi-year-view.js";import{TetDatepickerYearView as W}from"./tet-datepicker-year-view.js";import{TetDialog as X}from"./tet-dialog.js";import{TetDisplay as Y}from"./tet-display.js";import{TetDivider as Z}from"./tet-divider.js";import{TetDropdown as $}from"./tet-dropdown.js";import{TetDynamicCard as _}from"./tet-dynamic-card.js";import{TetExpandableInput as tt}from"./tet-expandable-input.js";import{TetExpansionPanel as rt}from"./tet-expansion-panel.js";import{TetFeedbackForm as ot}from"./tet-feedback-form.js";import{TetFilter as mt}from"./tet-filter.js";import{TetFloatingBlock as et}from"./tet-floating-block.js";import{TetFontWeight as st}from"./tet-font-weight.js";import{TetFonts as it}from"./tet-fonts.js";import{TetGrid as pt}from"./tet-grid.js";import{TetIcon as ft}from"./tet-icon.js";import{TetInlineMessage as at}from"./tet-inline-message.js";import{TetInput as jt}from"./tet-input.js";import{TetLayout as nt}from"./tet-layout.js";import{TetLink as ct}from"./tet-link.js";import{TetLinkCardList as dt}from"./tet-link-card-list.js";import{TetLoader as lt}from"./tet-loader.js";import{TetMenu as ut}from"./tet-menu.js";import{TetMenuMobile as bt}from"./tet-menu-mobile.js";import{TetMiniCompareCard as gt}from"./tet-mini-compare-card.js";import{TetMultiStepDialog as kt}from"./tet-multi-step-dialog.js";import{TetNavigationMobile as vt}from"./tet-navigation-mobile.js";import{TetNewsCardList as ht}from"./tet-news-card-list.js";import{TetNotification as wt}from"./tet-notification.js";import{TetNumberInput as yt}from"./tet-number-input.js";import{TetPlaceholder as xt}from"./tet-placeholder.js";import{TetPosition as At}from"./tet-position.js";import{TetPriceView as Et}from"./tet-price-view.js";import{TetRadio as Pt}from"./tet-radio.js";import{TetRadioBlocks as Ht}from"./tet-radio-blocks.js";import{TetRangeSlider as Kt}from"./tet-range-slider.js";import{TetRoundStepper as Mt}from"./tet-round-stepper.js";import{TetSelectionList as Nt}from"./tet-selection-list.js";import{TetSnickerCard as Ot}from"./tet-snicker-card.js";import{TetSnickerCardGroup as qt}from"./tet-snicker-card-group.js";import{TetSpacing as zt}from"./tet-spacing.js";import{TetSpinner as Bt}from"./tet-spinner.js";import{TetStepperInput as Ct}from"./tet-stepper-input.js";import{TetStepperV3 as Dt}from"./tet-stepper-v3.js";import{TetStickyOffer as Ft}from"./tet-sticky-offer.js";import{TetSupportSearch as Gt}from"./tet-support-search.js";import{TetSwitch as It}from"./tet-switch.js";import{TetTabContent as Jt}from"./tet-tab-content.js";import{TetTabHeader as Lt}from"./tet-tab-header.js";import{TetTable as Qt}from"./tet-table.js";import{TetTag as Rt}from"./tet-tag.js";import{TetTagGroup as St}from"./tet-tag-group.js";import{TetText as Tt}from"./tet-text.js";import{TetTextList as Ut}from"./tet-text-list.js";import{TetTextarea as Vt}from"./tet-textarea.js";import{TetThankYouViewV3 as Wt}from"./tet-thank-you-view-v3.js";import{TetTooltip as Xt}from"./tet-tooltip.js";const Yt=r=>{"undefined"!=typeof customElements&&[o,m,e,i,p,f,j,n,c,d,l,u,k,v,h,w,y,x,A,E,P,H,K,M,N,O,q,z,B,C,D,F,G,I,J,L,Q,R,S,T,U,V,W,X,Y,Z,$,_,tt,rt,ot,mt,et,st,it,pt,ft,at,jt,nt,ct,dt,lt,ut,bt,gt,kt,vt,ht,wt,yt,xt,At,Et,Pt,Ht,Kt,Mt,Nt,Ot,qt,zt,Bt,Ct,Dt,Ft,Gt,It,Jt,Lt,Qt,Rt,St,Tt,Ut,Vt,Wt,Xt].forEach((o=>{customElements.get(t(o.is))||customElements.define(t(o.is),o,r)}))};export{Yt as defineCustomElements}

package/dist/components/{p-CVKvk6QH.js → p-1M2reaCU.js}

@@ -1 +1 @@
-import{p as t,H as o,d as e,h as n,t as i}from"./p-ChxhsA_J.js";import{a as r}from"./p-CoQ-OVcl.js";import{i as a}from"./p-Cef0hbKH.js";const f=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internalDateChanged=e(this,"internalDateChanged"),this.datepickerViewChanged=e(this,"datepickerViewChanged")}months=r;todayDate;selectedDate;internalDate;internalDateChanged;datepickerViewChanged;componentWillLoad(){this.todayDate=new Date}isCurrentMonth(t){return this.todayDate.getMonth()===t}handleMonthSelection=t=>{const o=new Date(this.internalDate.setMonth(t));this.internalDateChanged.emit(o),this.datepickerViewChanged.emit("month")};isMonthSelected=t=>{if(a(this.selectedDate))return!1;const o=this.selectedDate.getFullYear()===this.internalDate.getFullYear(),e=this.selectedDate.getMonth()===t;return o&&e};getMonthClasses=t=>({month:!0,current:this.isCurrentMonth(t),selected:this.isMonthSelected(t)});render(){return n("div",{key:"8968d573ef922b5ae1e1fc5e3f3bede1cca24fc3",class:"container"},this.months.map(((t,o)=>n("div",{class:"month-container"},n("div",{class:this.getMonthClasses(o),onClick:()=>this.handleMonthSelection(o)},t)))))}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;-webkit-tap-highlight-color:transparent}.container{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:2rem;column-gap:0.25rem;margin:1.25rem 0.5rem 0.75rem 0;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.container .month{display:flex;width:100%;height:2.875rem;align-items:center;justify-content:center;border-radius:1.5rem;cursor:pointer}.container .month.current:not(.container .month.selected,.container .month:active){border:0.09375rem solid rgb(153, 160, 174)}.container .month:active,.container .month.selected{color:var(--text-color-primary-light);background:rgb(10, 11, 13)}.container .month:hover:not(.container .month.selected,.container .month:active){background:var(--interaction-state-gray)}'}},[513,"tet-datepicker-year-view",{selectedDate:[16],internalDate:[16]}]);function s(){"undefined"!=typeof customElements&&["tet-datepicker-year-view"].forEach((t=>{"tet-datepicker-year-view"===t&&(customElements.get(i(t))||customElements.define(i(t),f))}))}export{f as T,s as d}
+import{p as t,H as o,d as e,h as n,t as i}from"./p-nb3MHK7A.js";import{a as r}from"./p-CoQ-OVcl.js";import{i as a}from"./p-Cef0hbKH.js";const f=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internalDateChanged=e(this,"internalDateChanged"),this.datepickerViewChanged=e(this,"datepickerViewChanged")}months=r;todayDate;selectedDate;internalDate;internalDateChanged;datepickerViewChanged;componentWillLoad(){this.todayDate=new Date}isCurrentMonth(t){return this.todayDate.getMonth()===t}handleMonthSelection=t=>{const o=new Date(this.internalDate.setMonth(t));this.internalDateChanged.emit(o),this.datepickerViewChanged.emit("month")};isMonthSelected=t=>{if(a(this.selectedDate))return!1;const o=this.selectedDate.getFullYear()===this.internalDate.getFullYear(),e=this.selectedDate.getMonth()===t;return o&&e};getMonthClasses=t=>({month:!0,current:this.isCurrentMonth(t),selected:this.isMonthSelected(t)});render(){return n("div",{key:"8968d573ef922b5ae1e1fc5e3f3bede1cca24fc3",class:"container"},this.months.map(((t,o)=>n("div",{class:"month-container"},n("div",{class:this.getMonthClasses(o),onClick:()=>this.handleMonthSelection(o)},t)))))}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;-webkit-tap-highlight-color:transparent}.container{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:2rem;column-gap:0.25rem;margin:1.25rem 0.5rem 0.75rem 0;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.container .month{display:flex;width:100%;height:2.875rem;align-items:center;justify-content:center;border-radius:1.5rem;cursor:pointer}.container .month.current:not(.container .month.selected,.container .month:active){border:0.09375rem solid rgb(153, 160, 174)}.container .month:active,.container .month.selected{color:var(--text-color-primary-light);background:rgb(10, 11, 13)}.container .month:hover:not(.container .month.selected,.container .month:active){background:var(--interaction-state-gray)}'}},[513,"tet-datepicker-year-view",{selectedDate:[16],internalDate:[16]}]);function s(){"undefined"!=typeof customElements&&["tet-datepicker-year-view"].forEach((t=>{"tet-datepicker-year-view"===t&&(customElements.get(i(t))||customElements.define(i(t),f))}))}export{f as T,s as d}