@tet/tet-components 1.3.92-staging → 1.3.93-testing

package/dist/types/components.d.ts

@@ -14,6 +14,7 @@ import { AddressInterface, CallCenterTaskRequest, CustomerAsset, CustomerNotFoun
 import { UniqueAddressInterface } from "./components/advanced/customer/tet-asset-addresses/tet-asset-addresses";
 import { UniqueAddressInterface as UniqueAddressInterface1 } from "./components/advanced/customer/tet-asset-availability-addresses/tet-asset-availability-addresses";
 import { OptionInterface } from "./components/advanced/address/tet-autocomplete/tet-autocomplete";
+import { B2BCard, B2bCardUpdateEvent } from "./components/advanced/cards/tet-b2b-compare-card/tet-b2b-compare-card";
 import { ITetBarGraphData } from "./components/simple/tables-and-graphs/tet-bar-graph/tet-bar-graph";
 import { TetBusinessButtonType, TetBusinessTheme } from "./components/advanced/cards/tet-business-card/tet-business-card";
 import { TetBusinessTheme as TetBusinessTheme1 } from "./components/advanced/cards/tet-business-card/tet-business-card";
@@ -69,6 +70,7 @@ export { AddressInterface, CallCenterTaskRequest, CustomerAsset, CustomerNotFoun
 export { UniqueAddressInterface } from "./components/advanced/customer/tet-asset-addresses/tet-asset-addresses";
 export { UniqueAddressInterface as UniqueAddressInterface1 } from "./components/advanced/customer/tet-asset-availability-addresses/tet-asset-availability-addresses";
 export { OptionInterface } from "./components/advanced/address/tet-autocomplete/tet-autocomplete";
+export { B2BCard, B2bCardUpdateEvent } from "./components/advanced/cards/tet-b2b-compare-card/tet-b2b-compare-card";
 export { ITetBarGraphData } from "./components/simple/tables-and-graphs/tet-bar-graph/tet-bar-graph";
 export { TetBusinessButtonType, TetBusinessTheme } from "./components/advanced/cards/tet-business-card/tet-business-card";
 export { TetBusinessTheme as TetBusinessTheme1 } from "./components/advanced/cards/tet-business-card/tet-business-card";
@@ -614,6 +616,26 @@ export namespace Components {
          */
         "theme": 'classic' | 'dark' | 'mint';
     }
+    interface TetB2bCompareCard {
+        /**
+          * The current quantity count for the item (eg. count that is added to cart in the parent)
+         */
+        "count": number | undefined | null;
+        /**
+          * Tracks whether the card is visually expanded/selected.
+          * @default false
+         */
+        "isSelected": boolean;
+        /**
+          * The core data object containing the title, prices, benefits, and counter options.
+         */
+        "options": B2BCard;
+        /**
+          * The theme used for the component's styling.
+          * @default 'light'
+         */
+        "theme": 'light' | 'dark';
+    }
     /**
      * B2B service calculator.
      */
@@ -638,7 +660,7 @@ export namespace Components {
         /**
           * Go to specific slide
          */
-        "goTo": (index: number) => Promise<void>;
+        "goTo": (index: number, source: string) => Promise<void>;
         /**
           * The translation language.
          */
@@ -3348,6 +3370,10 @@ export interface TetAvailabilityContactFormCustomEvent<T> extends CustomEvent<T>
     detail: T;
     target: HTMLTetAvailabilityContactFormElement;
 }
+export interface TetB2bCompareCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTetB2bCompareCardElement;
+}
 export interface TetBannerNavCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTetBannerNavElement;
@@ -3689,6 +3715,24 @@ declare global {
         prototype: HTMLTetAvailabilityContactFormElement;
         new (): HTMLTetAvailabilityContactFormElement;
     };
+    interface HTMLTetB2bCompareCardElementEventMap {
+        "countChange": B2bCardUpdateEvent;
+        "selectedChange": boolean;
+    }
+    interface HTMLTetB2bCompareCardElement extends Components.TetB2bCompareCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTetB2bCompareCardElementEventMap>(type: K, listener: (this: HTMLTetB2bCompareCardElement, ev: TetB2bCompareCardCustomEvent<HTMLTetB2bCompareCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLTetB2bCompareCardElementEventMap>(type: K, listener: (this: HTMLTetB2bCompareCardElement, ev: TetB2bCompareCardCustomEvent<HTMLTetB2bCompareCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLTetB2bCompareCardElement: {
+        prototype: HTMLTetB2bCompareCardElement;
+        new (): HTMLTetB2bCompareCardElement;
+    };
     /**
      * B2B service calculator.
      */
@@ -3699,7 +3743,7 @@ declare global {
         new (): HTMLTetB2bServiceCalculatorElement;
     };
     interface HTMLTetBannerNavElementEventMap {
-        "slideChange": { index: number; previousIndex: number };
+        "slideChange": { index: number; previousIndex: number; source : string };
         "pauseStateChange": { paused: boolean };
     }
     /**
@@ -4773,6 +4817,7 @@ declare global {
         "tet-autocomplete": HTMLTetAutocompleteElement;
         "tet-autocomplete-dropdown": HTMLTetAutocompleteDropdownElement;
         "tet-availability-contact-form": HTMLTetAvailabilityContactFormElement;
+        "tet-b2b-compare-card": HTMLTetB2bCompareCardElement;
         "tet-b2b-service-calculator": HTMLTetB2bServiceCalculatorElement;
         "tet-banner-nav": HTMLTetBannerNavElement;
         "tet-bar-graph": HTMLTetBarGraphElement;
@@ -5392,6 +5437,36 @@ declare namespace LocalJSX {
          */
         "theme"?: 'classic' | 'dark' | 'mint';
     }
+    interface TetB2bCompareCard {
+        /**
+          * The current quantity count for the item (eg. count that is added to cart in the parent)
+         */
+        "count"?: number | undefined | null;
+        /**
+          * Tracks whether the card is visually expanded/selected.
+          * @default false
+         */
+        "isSelected"?: boolean;
+        /**
+          * Emitted when the user changes the quantity counter value and submits; or on card close event.
+          * @event
+         */
+        "onCountChange"?: (event: TetB2bCompareCardCustomEvent<B2bCardUpdateEvent>) => void;
+        /**
+          * Emitted when the card is clicked to change its selected state
+          * @event
+         */
+        "onSelectedChange"?: (event: TetB2bCompareCardCustomEvent<boolean>) => void;
+        /**
+          * The core data object containing the title, prices, benefits, and counter options.
+         */
+        "options"?: B2BCard;
+        /**
+          * The theme used for the component's styling.
+          * @default 'light'
+         */
+        "theme"?: 'light' | 'dark';
+    }
     /**
      * B2B service calculator.
      */
@@ -5424,7 +5499,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when slide changes
          */
-        "onSlideChange"?: (event: TetBannerNavCustomEvent<{ index: number; previousIndex: number }>) => void;
+        "onSlideChange"?: (event: TetBannerNavCustomEvent<{ index: number; previousIndex: number; source : string }>) => void;
         /**
           * Pause state
          */
@@ -8100,6 +8175,7 @@ declare namespace LocalJSX {
         "tet-autocomplete": TetAutocomplete;
         "tet-autocomplete-dropdown": TetAutocompleteDropdown;
         "tet-availability-contact-form": TetAvailabilityContactForm;
+        "tet-b2b-compare-card": TetB2bCompareCard;
         "tet-b2b-service-calculator": TetB2bServiceCalculator;
         "tet-banner-nav": TetBannerNav;
         "tet-bar-graph": TetBarGraph;
@@ -8231,6 +8307,7 @@ declare module "@stencil/core" {
              * to create a manual task for the call center in Salesforce.'
              */
             "tet-availability-contact-form": LocalJSX.TetAvailabilityContactForm & JSXBase.HTMLAttributes<HTMLTetAvailabilityContactFormElement>;
+            "tet-b2b-compare-card": LocalJSX.TetB2bCompareCard & JSXBase.HTMLAttributes<HTMLTetB2bCompareCardElement>;
             /**
              * B2B service calculator.
              */

package/package.json

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

package/dist/tet-components/p-78b74b41.js

@@ -1 +0,0 @@
-const a=a=>{a.target===a.currentTarget&&["Space","Enter"].includes(a.code)&&(a.preventDefault(),a.target.click())};export{a}

package/dist/tet-components/p-af0ce418.entry.js

@@ -1 +0,0 @@
-import{r as t,c as n,f as i,h as a}from"./p-67c5dc0a.js";import{p as e,t as o}from"./p-e649ab36.js";import"./p-d0d6a340.js";import"./p-18c16e72.js";const r=class{constructor(i){t(this,i),this.slideChange=n(this,"slideChange",7),this.pauseStateChange=n(this,"pauseStateChange",7),this.handlePauseClick=()=>{this.isPaused?this.play():this.pause()},this.slides=4,this.duration=5e3,this.paused=!1,this.isPaused=!1,this.mobileLayout=!1,this.theme="light",this.language="lv",this.currentSlide=0,this.firstLoad=!1}onPausedStateChange(t){t?this.pause():this.play()}async onLanguageChange(t){e("tet-components",t).then((()=>i(this)))}componentWillLoad(){this.isPaused=this.paused,this.firstLoad=!0,e("tet-components",this.language).then((()=>i(this)))}componentDidLoad(){this.isPaused||this.startAutoAdvance()}disconnectedCallback(){this.stopAutoAdvance()}async pause(){this.isPaused=!0,this.stopAutoAdvance(),this.pauseStateChange.emit({paused:!0})}async play(){this.isPaused=!1,this.startAutoAdvance(),this.pauseStateChange.emit({paused:!1})}async goTo(t){const n=this.currentSlide;this.currentSlide=Math.max(0,Math.min(t,this.slides-1)),this.slideChange.emit({index:this.currentSlide,previousIndex:n}),this.isPaused||this.startAutoAdvance()}async next(){this.currentSlide===this.slides-1&&(this.firstLoad=!1);const t=(this.currentSlide+1)%this.slides;await this.goTo(t)}async previous(){const t=0===this.currentSlide?this.slides-1:this.currentSlide-1;await this.goTo(t)}async getCurrentSlide(){return this.currentSlide}startAutoAdvance(){this.stopAutoAdvance(),this.autoTimer=window.setInterval((()=>{this.next()}),this.duration)}stopAutoAdvance(){this.autoTimer&&(clearInterval(this.autoTimer),this.autoTimer=void 0)}render(){return 1===this.slides?null:a("div",{class:{"banner-navigation":!0,[`banner-navigation--${this.theme}`]:!0,"banner-navigation--paused":this.isPaused,"banner-navigation--mobile":this.mobileLayout},style:{"--progress-duration":`${this.duration}ms`}},a("button",{class:"banner-navigation__pause",onClick:this.handlePauseClick,"aria-label":o(this.isPaused?"components-banner-nav-resume-slideshow":"components-banner-nav-pause-slideshow")},a("tet-icon",{style:{"--icon-size":"16px","--icon-container-display":"flex"},name:this.isPaused?"tc-play":"tc-pause"})),Array.from({length:this.slides},((t,n)=>a("div",{class:"banner-navigation__button-container"},a("button",{tabIndex:0,class:{"banner-navigation__button":!0,"banner-navigation__button--active":n===this.currentSlide,"banner-navigation__button--paused":this.isPaused,"banner-navigation__button--done":n<this.currentSlide,"banner-navigation__button--resetting":!this.firstLoad&&0===this.currentSlide,"banner-navigation__button--last":!this.firstLoad&&0===this.currentSlide&&n===this.slides-1,"nav-svg--filled":n<this.currentSlide,"nav-svg--unfilled":n>this.currentSlide},onClick:()=>this.goTo(n),"aria-label":o("components-banner-nav-go-to-slide")+" "+(n+1),"aria-pressed":n===this.currentSlide?"true":"false"},a("div",{class:"svg-wrapper"},a("svg",{class:"nav-svg",width:"23",height:"13",viewBox:"0 0 23 12",fill:"none"},a("defs",null,a("clipPath",{id:`nav-clip-${n}`},a("rect",{class:"clip-rect",x:"0.5",y:"0.5",height:"11"}))),a("rect",{class:"rect outer-rect",x:"0.5",y:"0.5",width:"22",height:"11",rx:"5.5",stroke:"currentColor",fill:"none"}),a("rect",{class:"rect hover-rect",x:"0.5",y:"0.5",height:"11",width:"22",rx:"5.5",fill:"transparent"}),a("g",{"clip-path":`url(#nav-clip-${n})`},a("rect",{class:"rect rect-opacity",x:"0.5",y:"0.5",height:"11",width:"22",rx:"5.5",fill:"var(--fill-color)"})))))))))}static get watchers(){return{paused:["onPausedStateChange"],language:["onLanguageChange"]}}};r.style='.banner-navigation{display:inline-flex;align-items:flex-end}.banner-navigation--light{color:var(--tc-icon-primary);--fill-color:var(--tc-icon-primary);--outline-color:var(--tc-blue-40, rgba(25, 98, 212, 1));--hover-color:rgba(12, 12, 14, 0.10);--done-hover-color:var(--tc-grey-80);--pause-icon-color:var( --tc-icon-primary);--active-color:var(--tc-grey-110);--inactive-color:var(--tc-grey-60)}.banner-navigation--dark{color:var(--tc-icon-primary-dark);--fill-color:var(--tc-icon-primary-dark);--outline-color:var(--tc-blue-40-dark, rgba(52, 129, 247, 1));--hover-color:rgba(187, 189, 191, 0.2);--done-hover-color:var(--tc-grey-80-dark);--pause-icon-color:var(--tc-icon-primary-dark);--active-color:var(--tc-grey-110-dark);--inactive-color:var(--tc-grey-60-dark)}.banner-navigation__pause{display:flex;align-items:center;border:none;background:none;padding:0.125rem;margin-right:0.375rem;cursor:pointer}.banner-navigation__pause:focus-visible{outline:var(--outline-color) auto 1px}.banner-navigation__pause tet-icon{--icon-color:var(--pause-icon-color)}.banner-navigation__pause:hover tet-icon{--icon-color:var(--done-hover-color)}.banner-navigation__button-container{margin:0 0 2px 0}.banner-navigation__button{display:flex;align-items:flex-end;justify-content:center;appearance:none;border:none;background:none;cursor:pointer;padding:0.125rem;color:var(--inactive-color)}.banner-navigation__button:hover .hover-rect{fill:var(--hover-color)}.banner-navigation__button--done:hover .rect-opacity,.banner-navigation__button--active:hover .rect-opacity{fill:var(--done-hover-color)}.banner-navigation__button--done:hover .outer-rect,.banner-navigation__button--active:hover .outer-rect{color:var(--done-hover-color)}.banner-navigation__button .clip-rect{width:22px}.banner-navigation__button--active,.banner-navigation__button--done{color:var(--active-color)}.banner-navigation__button--active .clip-rect{animation:fill-progress var(--progress-duration, 5000ms) linear forwards}.banner-navigation__button--done .clip-rect{width:22px}.banner-navigation__button--active.banner-navigation__button--paused .clip-rect{animation:none;width:0}@keyframes fill-progress{from{width:0}to{width:22px}}.svg-wrapper{position:relative;display:inline-block;width:12px;height:12px;transition:width 0.2s linear;pointer-events:none}.svg-wrapper .nav-svg{position:absolute;top:50%;left:0;transform:translateY(-50%);transform-origin:left center;height:12px;pointer-events:none}.svg-wrapper .rect{transition:width 0.2s linear, rx 0.2s ease-out}.nav-svg--unfilled .rect-opacity{opacity:0;width:22px;transition:width 0.2s linear, rx 0.2s ease-out, opacity 0.2s ease-in}.nav-svg--unfilled .rect{rx:10;width:11px}.nav-svg--filled .rect-opacity{opacity:1}.nav-svg--filled .rect{width:11px;rx:10}.banner-navigation__button--active .svg-wrapper{width:23px}@media (prefers-reduced-motion: reduce){.banner-navigation__button--active .clip-rect,.rect,.rect-opacity{transition:none;width:22px}}.banner-navigation__button:focus-visible{position:relative;width:fit-content;height:fit-content;outline:none}.banner-navigation__button:focus-visible::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;scale:1.2;transform-origin:center center;outline:2px solid;outline-offset:-0.125rem;outline-color:var(--outline-color);border-radius:11px}.banner-navigation--mobile .banner-navigation__button{padding:0.3125rem}.banner-navigation--mobile .banner-navigation__pause{padding:0.3125rem;margin-right:0.4375rem;outline-offset:-0.25rem}.banner-navigation--mobile .banner-navigation__button:focus-visible::after{outline-offset:-0.3125rem}';export{r as tet_banner_nav}

package/dist/tet-components/p-b604ca3e.js

@@ -1 +0,0 @@
-import{h as t}from"./p-67c5dc0a.js";import{c as e}from"./p-baa9231f.js";var o;!function(t){t.LIGHT="light",t.DARK="dark"}(o||(o={}));const a="tet-components-theme",r=t=>Object.values(o).some((e=>e===t)),{state:c,onChange:n}=e({theme:(()=>{const t=localStorage.getItem(a);return r(t)?t:o.LIGHT})()});n("theme",(t=>{const e=t.toString();if(!r(e))throw new Error(`Invalid theme: "${e}"`);localStorage.setItem(a,e)}));const s=t=>`theme-${t}`,m=({theme:e},o)=>t("div",{class:{[s(e||c.theme)]:!0}},o);export{o as T,m as a}

package/dist/tet-components/p-f6532c63.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,h as e,f as r}from"./p-67c5dc0a.js";import{p as n,t as i}from"./p-e649ab36.js";import"./p-d0d6a340.js";import"./p-18c16e72.js";const s=class{constructor(r){t(this,r),this.inputValueChanged=o(this,"inputValueChanged",7),this.onChevronClick=()=>{this.isOpen=!this.isOpen,this.onDropdownOpenChanged()},this.closeDropdown=()=>{this.isOpen=!1},this.dropdownItemRefs=[],this.renderDropdownContent=()=>(this.dropdownItemRefs=[],this.suffixes?this.suffixes.map(((t,o)=>{const r=this.suffix===t;return e("div",{ref:t=>{this.dropdownItemRefs[o]=t},onClick:()=>this.onDropdownItemClick(t),onKeyDown:this.handleOptionKeydown((()=>this.onDropdownItemClick(t))),class:{"number-input__dropdown-item":!0,active:r},tabIndex:0},t.name,r&&e("tet-icon",{class:"check",name:"check"}))})):[]),this.handleContainerKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onChevronClick())},this.label=void 0,this.theme="light",this.accessibilityLabel="",this.buttonAccessibilityLabel="",this.helperText=void 0,this.suffixes=void 0,this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=void 0,this.error=void 0,this.completed=void 0,this.selectOnFocus=void 0,this.suffix=void 0,this.isOpen=void 0,this.isValueHidden=!1,this.isKeyboardFocus=!1}async getValue(){return this.value}async resetSuffix(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0])}componentDidLoad(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0]),this.suffix&&0===this.suffix.value&&(this.isValueHidden=!0),this.resizeObserver=new ResizeObserver((()=>{var t;this.inputElement.style.width=`${null===(t=this.inputElementHidden)||void 0===t?void 0:t.getBoundingClientRect().width}px`})),this.resizeObserver.observe(this.inputElementHidden)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onTabKeydown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onFocus(){this.inputElement.select()}onSuffixChange(t){this.isValueHidden=!(!t||0!==t.value)}onClick(t){this.isKeyboardFocus=!1,this.inputWrapperElement.classList.remove("focus-visible");const o=t.composedPath();o.includes(this.dropdownElement)||o.includes(this.chevronElement)||this.closeDropdown()}inputChangeHandler(){this.handleInputChange()}onBlur(){this.handleInputChange(),this.value<this.min&&(this.value=this.min),this.inputElement.value=this.value.toString(),this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.inputWrapperElement.classList.remove("focus-visible")}handleInputChange(){if(this.disabled)return;const t=this.inputElement;let o=parseInt(t.value);isNaN(o)||o<0?o=0:o>this.max&&(o=this.max),this.value=o,t.value=o.toString()}handleOptionKeydown(t){return o=>{const{key:e,target:r}=o;switch(e){case" ":case"Enter":o.preventDefault(),t();break;case"ArrowUp":o.preventDefault(),function(t){const o=t.previousElementSibling;null==o||o.focus()}(r);break;case"ArrowDown":o.preventDefault(),function(t){const o=t.nextElementSibling;null==o||o.focus()}(r);break;case"Escape":this.isOpen=!1,this.inputWrapperElement.classList.add("focus-visible")}}}toggleKeyboardFocus(t){if(this.isKeyboardFocus)return t?this.inputWrapperElement.classList.add("focus-visible"):this.inputWrapperElement.classList.remove("focus-visible")}onDropdownItemClick(t){this.suffix=t,this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.isKeyboardFocus||this.closeDropdown()}onDropdownOpenChanged(){this.isOpen&&this.suffixes&&setTimeout((()=>{const t=this.suffixes.findIndex((t=>t===this.suffix)),o=this.dropdownItemRefs[-1!==t?t:0];null==o||o.focus()}),0)}render(){const{label:t,helperText:o,value:r,disabled:n,error:i,completed:s,isOpen:a,suffix:f}=this;return e("div",{key:"38083e1dd519ff70e2187e4014934de621af7c79",class:{"number-input":!0,[this.theme]:!!this.theme,disabled:n,error:i,completed:s}},!!t&&e("label",{key:"b822955d91311d81e36332cf3c735e9b092f2b4a",class:"number-input__label",htmlFor:"number-input"},t),e("div",{key:"caba01b6d74c72570d809b0adb889f0e7e9c370e",class:"number-input__input-container",onKeyDown:this.handleContainerKeydown,ref:t=>this.inputWrapperElement=t},e("input",Object.assign({key:"e6b46b67637a9fe30c445e3701086f30e17c4957",onFocusin:()=>this.toggleKeyboardFocus(!0),onFocusout:()=>this.toggleKeyboardFocus(!1),ref:t=>this.inputElement=t,class:{"number-input__input":!0,"number-input__input--hidden":this.isValueHidden},disabled:n,value:r,type:"number",id:"number-input"},this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{})),e("div",{key:"6850930f70f1a8a0c08b1c59e804f1df99d0b405",ref:t=>this.inputElementHidden=t,class:"number-input__input-invisible"},r),!!f&&e("div",{key:"9cf2bd81c162c35528dee9407d3b5ba7c72890e4",class:"number-input__input-suffix"},f.name),!!this.suffixes&&this.suffixes.length>1&&e("tet-button",{key:"8faa8f13ef61786dae74c78322b42ad590c4b791",type:"ghost",size:"small",ref:t=>this.chevronElement=t,class:{"number-input__cheveron":!0},onClick:this.onChevronClick,"accessibility-label":this.buttonAccessibilityLabel,tabindex:"-1"},!a&&e("tet-icon",{key:"70d35808928faa2f767cd780e405da3e5eda34b1",name:"chevron-down"}),a&&e("tet-icon",{key:"c42ecd4737febb9fae42ddb4efb6d2d974c689bc",name:"chevron-up"})),a&&e("div",{key:"f8ee78a8f6529696d429843aa2634d105ee72c7d",class:"number-input__dropdown",ref:t=>this.dropdownElement=t},this.renderDropdownContent())),!!o&&e("div",{key:"d86f1a21011e2c5cc4365e4758028697016e1f2b",class:"number-input__helper-text"},o))}static get watchers(){return{suffix:["onSuffixChange"]}}};s.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{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}';const a=class{constructor(e){t(this,e),this.inputValueChanged=o(this,"inputValueChanged",7),this.onMinusClick=()=>{this.value-this.step<this.min?this.value=this.min:this.value-=this.step},this.onPlusClick=()=>{this.value+this.step>this.max?this.value=this.max:this.value+=this.step},this.value=void 0,this.theme="light",this.min=void 0,this.max=void 0,this.step=void 0,this.selectOnFocus=void 0,this.accessibilityLabel="",this.language="lv"}async onLanguageChange(t){n("tet-components",t).then((()=>r(this)))}async componentWillLoad(){n("tet-components",this.language).then((()=>r(this)))}async getValue(){return this.value}onValueChange(){this.inputValueChanged.emit(this.value)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onFocus(){this.inputElement.select()}inputChangeHandler(){const t=this.inputElement,o=parseInt(t.value);if(isNaN(o)||o<0)return t.value=`${this.min}`,void(this.value=this.min);this.value=o<this.min?this.min:o>this.max?this.max:o,t.value=`${this.value}`}handleOptionKeydown(t){return o=>{const{key:e}=o;switch(e){case" ":case"Enter":o.preventDefault(),t()}}}render(){const{onMinusClick:t,value:o,onPlusClick:r}=this;return e("div",{key:"c2ae3d5889c20ea021a3c7a2c952a0b623032f90",class:{"stepper-input":!0,[this.theme]:!!this.theme}},e("tet-button",{key:"675815e5387ae39b72f0ecc41c9454c9069ab0f2",type:"secondary",iconMode:!0,theme:this.theme,size:"small","aria-label":i("components-number-input-decrease"),onKeyDown:this.handleOptionKeydown(t),onClick:t},e("tet-icon",{key:"ed6229feb4a58680d991ebd59bd9cdbd712eb981",name:"remove",onClick:t})),e("input",Object.assign({key:"48df0484f36b427c20afa87aaf8f6aec2fcdfd6c",ref:t=>this.inputElement=t,class:"stepper-input__value",value:o,type:"number"},this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{})),e("tet-button",{key:"ecc27f004b908035f70092fa2155f7c1fcd05c06",type:"secondary",iconMode:!0,theme:this.theme,size:"small","aria-label":i("components-number-input-increase"),onKeyDown:this.handleOptionKeydown(r),onClick:r},e("tet-icon",{key:"c09b9c4d46034a489f154209dbaf4bd517eeec45",name:"add",onClick:r})))}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{--stepper-input-control-background-color:var(--tc-background-secondary);--stepper-input-suffix-color:var(--tc-text-secondary);--stepper-input-border-color:var(--tc-border-tertiary);--stepper-input-border-color-active:var(--tc-border-primary);--stepper-button-bg:var(--tc-button-text-primary);--stepper-button-border:var(--tc-button-text-secondary);--stepper-value-color:var(--tc-button-text-inverse-disabled);--stepper-input-focus-outline-color:var(--tc-blue-40);display:inline-flex}.stepper-input{justify-content:center;align-items:center;gap:0.625rem;display:inline-flex}.stepper-input.dark{--stepper-input-control-background-color:var(--tc-background-primary-dark);--stepper-input-suffix-color:var(--tc-text-secondary-dark);--stepper-input-border-color:var(--tc-border-tertiary-dark);--stepper-input-border-color-active:var(--tc-border-primary-dark);--stepper-button-bg:var(--tc-button-text-primary-dark);--stepper-button-border:var(--tc-border-primary-dark);--stepper-value-color:var(--tc-button-text-inverse-disabled-dark);--stepper-input-focus-outline-color:var(--tc-blue-40)}.stepper-input__control{background:var(--stepper-button-bg);border:0.125rem solid var(--stepper-button-border);box-sizing:border-box;margin:0.25rem;border-radius:50%;cursor:pointer;padding-block:0;padding-inline:0;height:2.25rem;width:2.25rem}.stepper-input__control:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--stepper-input-focus-outline-color)}.stepper-input__value{border:0.0625rem solid var(--stepper-value-color);font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--stepper-value-color);background-color:var(--stepper-input-control-background-color);padding-inline:0;padding-block:0;width:3.125rem;height:2.75rem;text-align:center;box-sizing:border-box;letter-spacing:-0.029375rem;border-radius:0.625rem;appearance:textfield;-moz-appearance:textfield}.stepper-input__value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input__value:focus-within{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--stepper-input-focus-outline-color);border:0.0625rem solid var(--stepper-input-border-color-active)}.stepper-input tet-icon{--icon-color:var(--stepper-button-border)}.stepper-input tet-button::part(button){width:2.75rem;height:2.75rem}';export{s as tet_number_input,a as tet_stepper_input}