import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as o,Host as r,transformTag as a}from"@stencil/core/internal/client";import{d as n}from"./ezp-icon2.js";import{d as p}from"./ezp-label2.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.inputValueChanged=i(this,"inputValueChanged",7),this.timeout=null,this.label="Label",this.type="text",this.icon="color",this.placeholder="",this.focused=!1,this.setFocus=()=>{this.input.focus()},this.handleBlur=()=>{this.focused=!1},this.handleFocus=()=>{this.focused=!0}}handleChange(e){this.timeout&&clearTimeout(this.timeout),this.value=e.target.value?e.target.value:"number"===this.type?0:"",this.timeout=setTimeout((()=>{this.inputValueChanged.emit({type:this.eventType.toLowerCase(),value:this.value})}),500)}render(){return o(r,{key:"8b50da5bdd10b4d1b0b2621de73c77d7b8ef8161",class:{focused:this.focused},onClick:this.setFocus},o("ezp-icon",{key:"87e22adf85c53abed0523843390f2e38ab874ef0",id:"icon",name:this.icon}),o("ezp-label",{key:"c6814b9606a4b372221fb8aad5650194d58a5938",id:"label",noWrap:!0,level:"secondary",text:this.label}),o("input",{key:"b83fef53a29002ac87e75bea14f91fedb74b435a",id:"input",type:this.type,value:this.value,placeholder:this.placeholder,onInput:e=>this.handleChange(e),ref:e=>this.input=e,onFocus:this.handleFocus,onBlur:this.handleBlur}),this.suffix?o("ezp-label",{id:"suffix",level:"secondary",text:this.suffix}):null)}static get style(){return':host{display:grid;grid-template:var(--ezp-input-grid-template, auto/auto auto 1fr);height:30px;position:relative;gap:var(--ezp-spacing-3);background:var(--ezp-input-background, var(--ezp-core-surface-tertiary));padding:0 var(--ezp-spacing-3);z-index:var(--ezp-input-z-index, 3);border-radius:var(--ezp-input-border-radius, 0);-webkit-box-shadow:var(--ezp-input-box-shadow-position-top, 0 -1px 0 0) var(--ezp-core-outline), var(--ezp-input-box-shadow-position-right, 1px 0 0 0) var(--ezp-core-outline), var(--ezp-input-box-shadow-position-bottom, 0 1px 0 0) var(--ezp-core-outline), var(--ezp-input-box-shadow-position-left, -1px 0 0 0) var(--ezp-core-outline);box-shadow:var(--ezp-input-box-shadow-position-top, 0 -1px 0 0) var(--ezp-core-outline), var(--ezp-input-box-shadow-position-right, 1px 0 0 0) var(--ezp-core-outline), var(--ezp-input-box-shadow-position-bottom, 0 1px 0 0) var(--ezp-core-outline), var(--ezp-input-box-shadow-position-left, -1px 0 0 0) var(--ezp-core-outline);-ms-flex-align:center;align-items:center;cursor:pointer}:host([suffix]){--ezp-input-grid-template:auto / auto auto 1fr auto;--ezp-input-input-padding-right:0}:host(.focused){--ezp-input-icon-color:var(--ezp-theme-solid);--ezp-input-label-color:var(--ezp-theme-solid)}:host(:first-child){--ezp-input-border-radius:3px 3px 0 0}:host(:last-child){--ezp-input-border-radius:0 0 3px 3px}:host(:first-child:last-child){--ezp-input-border-radius:3px}:host(:not(:last-child)){--ezp-input-box-shadow-position-bottom:0 0 0 0}:host(:hover){--ezp-input-background:linear-gradient(       0deg,       var(--ezp-core-shade-primary) 0%,       var(--ezp-core-shade-primary) 100%     ),     var(--ezp-core-surface-tertiary)}#label{color:var(--ezp-input-label-color, var(--ezp-core-foreground-secondary))}#icon{color:var(--ezp-input-icon-color, var(--ezp-core-foreground-secondary))}#input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background:transparent;border:0;border-radius:3px;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--ezp-core-foreground-primary);cursor:inherit;font-family:inherit;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-size:14px;-webkit-font-smoothing:antialiased;height:30px;letter-spacing:-0.0062235443em;margin:0;outline:none;padding:0 var(--ezp-input-input-padding-right, var(--ezp-spacing-1)) 0 0;text-align:right;width:100%}#input[type=number]::-webkit-inner-spin-button,#input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}#suffix{color:var(--ezp-core-foreground-tertiary)}'}},[1,"ezp-input",{label:[1],value:[1032],type:[1],icon:[1],suffix:[513],eventType:[1,"event-type"],placeholder:[1],focused:[32]}]);function u(){"undefined"!=typeof customElements&&["ezp-input","ezp-icon","ezp-label"].forEach((e=>{switch(e){case"ezp-input":customElements.get(a(e))||customElements.define(a(e),s);break;case"ezp-icon":customElements.get(a(e))||n();break;case"ezp-label":customElements.get(a(e))||p()}}))}export{s as E,u as d}