@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 25.9 kB
JavaScript
import{r as t,h as e,H as o,c as i,g as r}from"./p-D-JVwta2.js";import{E as n}from"./p-SVedE_O8.js";import{b as a,a as l}from"./p-DzZLIMy0.js";import"./p-DwRzddFC.js";import"./p-DVds6a5Z.js";import{b as s,a as c,d as p}from"./p-CojoW2Y2.js";import"./p-BcMhjKoS.js";import"./p-Do0EyoO8.js";import"./p-CBuzk8fR.js";import"./p-DHk26cGe.js";import"./p-7ioMFMb5.js";import{i as d}from"./p-BA_npyc9.js";import{a as h,g as u}from"./p-DQfCDnBw.js";import{I as v}from"./p-B7XkO3Wx.js";import{i as f}from"./p-DjSNdVAB.js";import{m as g}from"./p-DkMsLawH.js";import"./p-CiDQ1Z66.js";import"./p-DfPM2t43.js";import"./p-Dkd2PDJ-.js";import"./p-BFTU3MAI.js";import"./p-Dp5Jdzmz.js";import"./p-CK4jS9_E.js";import"./p-DVju43gQ.js";const x=class{constructor(e){t(this,e)}render(){return e(o,{key:"9744993691fcad91fb41cf486c42f06e626de62e"},e("kv-icon",{key:"2e82415195d005db5067f183fedf48b142b76764",name:n.Circle,class:"dot",part:"dot"}))}};x.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--dot-color:var(--kv-secondary-5, #8358fe);--dot-height:6px;--dot-width:6px}.dot{--icon-color:var(--dot-color);--icon-height:var(--dot-height);--icon-width:var(--dot-width)}';const b=class{constructor(e){t(this,e),this.helpText=[],this.state=s.None}helpTextChangeHandler(t){this._helpTexts=this.buildHelpTextMessages(t)}componentWillLoad(){this._helpTexts=this.buildHelpTextMessages(this.helpText)}buildHelpTextMessages(t){return t=t||[],Array.isArray(t)?t:[t]}render(){return e(o,{key:"270589a3d2b4b801186368e1f651164aaac57579"},!d(this._helpTexts)&&e("div",{key:"2fc516f00482998194970308532883d2ae70e742",class:{"help-text-container":!0,invalid:this.state===s.Invalid}},this.state===s.Invalid&&e("kv-icon",{key:"ddd960b2a27cd396c0d895e76f203db43f4bb58a",name:n.Error,customClass:"icon-16"}),this._helpTexts.map((t=>e("span",{class:"help-text"},t)))))}static get watchers(){return{helpText:["helpTextChangeHandler"]}}};b.style='@charset "UTF-8";@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--help-text-default-color:var(--kv-neutral-4, #bebebe);--help-text-error-color:var(--kv-error-light, #f9d1cc)}.help-text-container{width:calc(100% - var(--kv-spacing-2x, 8px));overflow:hidden;padding:var(--kv-spacing, 4px) 0 0 var(--kv-spacing-2x, 8px);color:var(--help-text-default-color);box-sizing:border-box}.help-text-container .help-text{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;text-transform:none;margin-right:var(--kv-spacing, 4px);color:var(--help-text-default-color)}.help-text-container span+span::before{content:"•";padding-right:var(--kv-spacing, 4px)}.help-text-container kv-icon{--icon-color:var(--help-text-default-color);align-items:center;margin-right:var(--kv-spacing-2x, 8px);float:left;margin-top:2px}.help-text-container.invalid{color:var(--help-text-error-color)}.help-text-container.invalid .help-text{color:var(--help-text-error-color)}.help-text-container.invalid kv-icon{--icon-color:var(--help-text-error-color)}';const m=class{constructor(e){t(this,e)}render(){return e(o,{key:"5e6266f1840de5eb1e1ec90d963d690ce9a465c3"},e("div",{key:"239914614f97a770ab3bf285b5124324b9295df9",class:"form-field-container"},h(this.label)&&e("div",{key:"63a8dfd9500eac893251862ee4db8bb2598d88d9",class:"label-container"},this.required&&e("span",{key:"00c16d9d85f45e07f0bd4b0ba2a97e31dfb99fdd",class:"required"},"*"),this.label&&e("span",{key:"72e13e80ba2d64ac25c8fc2e5bf9341f9e5b4d71",class:"label"},this.label))))}};m.style={light:'@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{}.required{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;letter-spacing:1.5px;text-transform:uppercase}.required+label{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;letter-spacing:1.5px;text-transform:uppercase}.label{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;letter-spacing:1.5px;text-transform:uppercase;color:var(--label-color);margin-left:var(--kv-spacing, 4px)}.required{color:var(--kv-error, #e11900);margin-left:var(--kv-spacing, 4px)}.label-container{margin-bottom:var(--kv-spacing, 4px)}:host{--label-color:var(--kv-neutral-5, #707070)}',night:'@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{}.required{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;letter-spacing:1.5px;text-transform:uppercase}.required+label{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;letter-spacing:1.5px;text-transform:uppercase}.label{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;letter-spacing:1.5px;text-transform:uppercase;color:var(--label-color);margin-left:var(--kv-spacing, 4px)}.required{color:var(--kv-error, #e11900);margin-left:var(--kv-spacing, 4px)}.label-container{margin-bottom:var(--kv-spacing, 4px)}:host{--label-color:var(--kv-neutral-4, #bebebe)}'};const k={rightAlign:!1,showMaskOnHover:!1,showMaskOnFocus:!1,clearMaskOnLostFocus:!1,placeholder:"",oncleared:function(){this.value=""}},y={alias:"datetime",inputFormat:"dd-mm-yyyy HH:MM:ss",displayFormat:"dd-mm-yyyy 00:00:00",placeholder:"dd-mm-yyyy 00:00:00",jitMasking:!0,showMaskOnHover:!1,clearMaskOnLostFocus:!1},w={position:a.TopStart,truncate:!0};function z(t){return"number"==typeof t?t.toString():(t||"").toString()}const j=class{constructor(e){t(this,e),this.textChange=i(this,"textChange",7),this.textFieldBlur=i(this,"textFieldBlur",7),this.rightActionClick=i(this,"rightActionClick",7),this.fieldClick=i(this,"fieldClick",7),this.type=c.Text,this.placeholder="",this.size=l.Large,this.inputDisabled=!1,this.inputRequired=!1,this.loading=!1,this.state=s.None,this.inputReadonly=!1,this.helpText=[],this.forcedFocus=!1,this.value="",this.isDirty=!1,this.inputMaskRegex="",this.fitContent=!0,this.focused=!1,this.onHostClick=t=>{this.inputDisabled||(t.preventDefault(),this.fieldClick.emit())},this.onRightActionClick=t=>{t.preventDefault(),this.rightActionClick.emit()},this.onInputHandler=({target:t})=>{const e=t;if(this.maxLength&&u(e.value)>this.maxLength){const t=e.selectionStart-1;return e.value=this.getValue().substring(0,this.maxLength),void e.setSelectionRange(t,t)}f(e)||(this.value=e.value||""),this.textChange.emit(this.getValue())},this.onPasteHandler=t=>{const e=u(this.nativeInput.value),o=t.clipboardData.getData("text/plain");this.maxLength&&e+u(o)>this.maxLength&&t.preventDefault()},this.onBlurHandler=({target:t})=>{this.textFieldBlur.emit(t.value),this.forcedFocus||(this.focused=!1)},this.onFocusHandler=()=>{this.focused=!0},this.getTooltipConfig=()=>{var t;return g({},w,null!==(t=this.tooltipConfig)&&void 0!==t?t:{})},this.getMinValue=()=>void 0!==this.min?this.min:this.type===c.Number?Number.MIN_SAFE_INTEGER:void 0,this.getMaxValue=()=>void 0!==this.max?this.max:this.type===c.Number?Number.MAX_SAFE_INTEGER:void 0,this.getUseInputMask=()=>{var t;return null!==(t=this.useInputMask)&&void 0!==t?t:this.type===c.Number}}async focusInput(){this.nativeInput.focus()}valueChangeHandler(t){const e=z(t);this.nativeInput&&this.nativeInput.value!==e&&this.updateAndEmitValue(e)}helpTextChangeHandler(t){this._helpTexts=this.buildHelpTextMessages(t)}forcedFocusChangeHandler(t){this.focused=t,this.focused?(this.el.focus(),this.nativeInput.focus()):(this.el.blur(),this.nativeInput.blur())}handleUseInputMask(t=this.type===c.Number){var e,o,i,r,n;t&&[c.Number,c.Text,c.DateTime].includes(this.type)&&!this.maskInstance?(this.maskInstance=(e=this.nativeInput,o=this.type,i={min:this.getMinValue(),max:this.getMaxValue(),regex:this.inputMaskRegex},r=this.maxLength,Inputmask(Object.assign(Object.assign(Object.assign({},(n=o,n===c.Text?k:n===c.DateTime?y:Object.assign({alias:"numeric"},k))),i),{onBeforePaste:t=>r?u(t)<=r&&t:t})).mask(e)),this.maskInstance.shadowRoot=this.el.shadowRoot):this.nativeInput&&(v.remove(this.nativeInput),this.valueChangeHandler(this.value))}componentWillLoad(){this._helpTexts=this.buildHelpTextMessages(this.helpText),this.focused=this.forcedFocus}componentDidLoad(){var t,e;this.handleUseInputMask(this.getUseInputMask()),this.updateAndEmitValue(this.getValue()),this.focused?(this.el.focus(),null===(e=this.nativeInput)||void 0===e||e.focus()):(this.el.blur(),null===(t=this.nativeInput)||void 0===t||t.blur())}updateAndEmitValue(t){this.value=this.maxLength?t.substring(0,this.maxLength):t,this.nativeInput&&this.nativeInput.value&&(this.nativeInput.value=this.value),this.value!==t&&this.textChange.emit(this.value)}buildHelpTextMessages(t){return t=t||[],Array.isArray(t)?t:[t]}getValue(){return z(this.value)}getType(){return this.getUseInputMask()?c.Text:this.type}render(){const t=this.el.getAttribute("id"),i=this.getValue(),r=this.getType();return e(o,{key:"a7829d5d3688cfe05b18df12c027659db90e1418",onClick:this.onHostClick,style:Object.assign({},this.customStyle)},e("kv-tooltip",Object.assign({key:"9c93ee2b2b128df6774459ff00faeaae204f9ad3"},this.getTooltipConfig()),e("div",{key:"e70a0cdcba828f71c53b4ad91195376017453592",class:"text-field-container"},e("kv-form-label",{key:"e279663945e21d643787ef583d759be8caf2657a",label:this.label,required:this.inputRequired}),this.loading?e("div",{class:{"input-container-loading":!0,[`input-container-loading--size-${this.size}`]:!0}}):e("div",{part:"input-container",class:{"input-container":!0,[`input-container--size-${this.size}`]:!0,invalid:this.state===s.Invalid,focused:this.focused,disabled:this.inputDisabled}},e("div",{class:{"left-slot-container":!0,focus:this.focused,invalid:this.state===s.Invalid,disabled:this.inputDisabled}},e("slot",{name:"left-slot"}),this.icon&&e("kv-icon",{name:this.icon,exportparts:"icon",class:{invalid:this.state===s.Invalid,disabled:this.inputDisabled,focus:this.focused}}),i&&this.valuePrefix&&e("div",{class:"value-prefix"},this.valuePrefix)),e("div",{class:"resize-container"},this.fitContent&&e("span",{class:"resize-text"},i||this.placeholder),e("slot",{name:"input"},e("input",{ref:t=>this.nativeInput=t,type:r,list:f(this.examples)?void 0:`examples_${t}`,name:this.inputName,placeholder:this.placeholder,disabled:this.inputDisabled,max:this.getMaxValue(),min:this.getMinValue(),minLength:this.minLength,step:this.step,value:i,onInput:this.onInputHandler,onBlur:this.onBlurHandler,onFocus:this.onFocusHandler,onPaste:this.onPasteHandler,class:{"resize-input":!0,"forced-focus":this.focused},readonly:this.inputReadonly}))),e("div",{class:{"right-slot-container":!0,focus:this.focused,disabled:this.inputDisabled}},e("slot",{name:"right-slot"}),this.isDirty&&e("kv-dirty-dot",null),this.badge&&e("kv-badge",{state:p.Info,exportparts:"badge"},this.badge),this.actionIcon&&e("kv-icon",{name:this.actionIcon,onClick:this.onRightActionClick,class:{invalid:this.state===s.Invalid,disabled:this.inputDisabled,focus:this.focused}}))),e("kv-form-help-text",{key:"742c37161773be063c52edcf7f0d23e1d17b1e8a",helpText:this._helpTexts,state:this.state})),d(this.examples)?null:e("datalist",{id:`examples_${t}`},this.examples.map((t=>e("option",{key:t,value:t}))))))}get el(){return r(this)}static get watchers(){return{value:["valueChangeHandler"],helpText:["helpTextChangeHandler"],forcedFocus:["forcedFocusChangeHandler"],useInputMask:["handleUseInputMask"]}}};j.style={light:'@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--input-height-large:36px;--input-height-small:28px;--input-width:auto;--input-min-width:140px;--input-max-width:100%;--text-color-help-text-default:var(--kv-neutral-4, #bebebe);--text-color-help-text-error:var(--kv-error-light, #f9d1cc);--border-color-error:var(--kv-error, #e11900);--action-icon-size:16px}kv-form-label{--label-color:var(--text-color-label)}kv-form-help-text{--help-text-default-color:var(--text-color-help-text-default);--help-text-error-color:var(--text-color-help-text-error)}kv-tooltip::part(container){font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none;color:var(--kv-neutral-2, #e5e5e5)}kv-tooltip::part(content){width:100%}.resize-container{display:inline-block;position:relative;flex:1;overflow:hidden}.resize-input,.resize-text{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none;flex:1;appearance:textfield;border:0;height:100%;outline:0;box-sizing:border-box;color:var(--text-color-input-default);background-color:transparent}.resize-text{padding:0 var(--kv-spacing, 4px);display:inline-block;visibility:hidden;white-space:pre}.resize-input{position:absolute;top:0;left:0;right:0;bottom:0}input{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input::placeholder{color:var(--text-color-placeholder-default)}input:disabled{color:var(--text-color-input-disabled)}input:disabled::placeholder{color:var(--text-color-placeholder-disabled)}input:focus,input.forced-focus{color:var(--text-color-input-focused)}input:focus::placeholder,input.forced-focus::placeholder{color:var(--text-color-placeholder-focused)}input:read-only:not(:disabled){cursor:pointer}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.input-container{display:flex;width:var(--input-width);min-width:var(--input-min-width);max-width:var(--input-max-width);padding:0 var(--kv-spacing-2x, 8px);border:solid 1px var(--border-color-default);border-radius:4px;position:relative;overflow:hidden;background-color:var(--background-color-default);box-sizing:border-box}.input-container.invalid{border-color:var(--border-color-error)}.input-container.disabled{border-color:var(--background-color-disabled);background-color:var(--background-color-disabled)}.input-container.focused:not(.invalid){border-color:var(--border-color-focused)}.input-container .left-slot-container kv-icon{--icon-color:var(--text-color-icon-default)}.input-container .left-slot-container kv-icon.disabled{--icon-color:var(--text-color-icon-disabled)}.input-container .left-slot-container kv-icon.focus:not(.invalid){--icon-color:var(--text-color-icon-focused)}.input-container .right-slot-container kv-icon{--icon-color:var(--text-color-action-icon-default)}.input-container .right-slot-container kv-icon.disabled{--icon-color:var(--text-color-action-icon-disabled)}.input-container .right-slot-container kv-icon.focus:not(.invalid){--icon-color:var(--text-color-action-icon-focused)}.input-container .left-slot-container,.input-container .right-slot-container{height:100%;display:flex;align-items:center;gap:var(--kv-spacing, 4px)}.input-container .left-slot-container.invalid,.input-container .right-slot-container.invalid{color:var(--text-color-help-text-error)}.input-container .left-slot-container.disabled,.input-container .right-slot-container.disabled{color:var(--text-color-icon-disabled)}.input-container .left-slot-container.focus:not(.invalid),.input-container .right-slot-container.focus:not(.invalid){color:var(--text-color-input-focused)}.input-container .left-slot-container{color:var(--text-color-input-default);overflow:hidden;user-select:none}.input-container .left-slot-container kv-icon{--icon-width:24px;--icon-height:24px}.input-container .left-slot-container .value-prefix{white-space:nowrap;margin-right:calc(var(--kv-spacing, 4px) / 2);font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none}.input-container .right-slot-container{justify-content:center}.input-container .right-slot-container:not(.disabled){cursor:pointer}.input-container .right-slot-container kv-icon{--icon-width:var(--action-icon-size);--icon-height:var(--action-icon-size);margin-left:var(--kv-spacing, 4px)}.input-container--size-large{height:var(--input-height-large)}.input-container--size-small{height:var(--input-height-small)}.input-container--size-small .left-slot-container kv-icon{--icon-width:16px;--icon-height:16px}.input-container-loading{width:100%;display:flex;margin-top:var(--kv-spacing, 4px)}.input-container-loading--size-large{height:var(--input-height-large)}.input-container-loading--size-small{height:var(--input-height-small)}:host{--text-color-label:var(--kv-neutral-5, #707070);--text-color-icon-default:var(--kv-neutral-4, #bebebe);--text-color-icon-disabled:var(--kv-neutral-4, #bebebe);--text-color-icon-focused:var(--kv-primary, #005cc7);--text-color-action-icon-default:var(--kv-neutral-4, #bebebe);--text-color-action-icon-disabled:var(--kv-neutral-4, #bebebe);--text-color-action-icon-focused:var(--kv-primary, #005cc7);--text-color-input-default:var(--kv-neutral-8, #202020);--text-color-input-disabled:var(--kv-neutral-5, #707070);--text-color-input-focused:var(--kv-primary, #005cc7);--text-color-placeholder-default:var(--kv-neutral-5, #707070);--text-color-placeholder-disabled:var(--kv-neutral-5, #707070);--text-color-placeholder-focused:var(--kv-neutral-5, #707070);--border-color-default:var(--kv-neutral-3, #ddd);--border-color-focused:var(--kv-primary, #005cc7);--background-color-default:var(--kv-neutral-0, #fff);--background-color-disabled:var(--kv-neutral-2, #e5e5e5)}.input-container-loading{background:linear-gradient(90deg, rgba(var(--kv-neutral-2-rgb, 229, 229, 229), 0.3) 0%, var(--kv-neutral-2, #e5e5e5) 50%, rgba(var(--kv-neutral-2-rgb, 229, 229, 229), 0.3) 100%);background-size:200%;animation:ghostGradientAnimation 0.8s infinite ease-out;transition:all 1s ease-in;border-radius:4px;transition:none}@keyframes ghostGradientAnimation{0%{background-position:-100% 0}100%{background-position:100% 0}}',night:'@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--input-height-large:36px;--input-height-small:28px;--input-width:auto;--input-min-width:140px;--input-max-width:100%;--text-color-help-text-default:var(--kv-neutral-4, #bebebe);--text-color-help-text-error:var(--kv-error-light, #f9d1cc);--border-color-error:var(--kv-error, #e11900);--action-icon-size:16px}kv-form-label{--label-color:var(--text-color-label)}kv-form-help-text{--help-text-default-color:var(--text-color-help-text-default);--help-text-error-color:var(--text-color-help-text-error)}kv-tooltip::part(container){font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none;color:var(--kv-neutral-2, #e5e5e5)}kv-tooltip::part(content){width:100%}.resize-container{display:inline-block;position:relative;flex:1;overflow:hidden}.resize-input,.resize-text{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none;flex:1;appearance:textfield;border:0;height:100%;outline:0;box-sizing:border-box;color:var(--text-color-input-default);background-color:transparent}.resize-text{padding:0 var(--kv-spacing, 4px);display:inline-block;visibility:hidden;white-space:pre}.resize-input{position:absolute;top:0;left:0;right:0;bottom:0}input{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input::placeholder{color:var(--text-color-placeholder-default)}input:disabled{color:var(--text-color-input-disabled)}input:disabled::placeholder{color:var(--text-color-placeholder-disabled)}input:focus,input.forced-focus{color:var(--text-color-input-focused)}input:focus::placeholder,input.forced-focus::placeholder{color:var(--text-color-placeholder-focused)}input:read-only:not(:disabled){cursor:pointer}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.input-container{display:flex;width:var(--input-width);min-width:var(--input-min-width);max-width:var(--input-max-width);padding:0 var(--kv-spacing-2x, 8px);border:solid 1px var(--border-color-default);border-radius:4px;position:relative;overflow:hidden;background-color:var(--background-color-default);box-sizing:border-box}.input-container.invalid{border-color:var(--border-color-error)}.input-container.disabled{border-color:var(--background-color-disabled);background-color:var(--background-color-disabled)}.input-container.focused:not(.invalid){border-color:var(--border-color-focused)}.input-container .left-slot-container kv-icon{--icon-color:var(--text-color-icon-default)}.input-container .left-slot-container kv-icon.disabled{--icon-color:var(--text-color-icon-disabled)}.input-container .left-slot-container kv-icon.focus:not(.invalid){--icon-color:var(--text-color-icon-focused)}.input-container .right-slot-container kv-icon{--icon-color:var(--text-color-action-icon-default)}.input-container .right-slot-container kv-icon.disabled{--icon-color:var(--text-color-action-icon-disabled)}.input-container .right-slot-container kv-icon.focus:not(.invalid){--icon-color:var(--text-color-action-icon-focused)}.input-container .left-slot-container,.input-container .right-slot-container{height:100%;display:flex;align-items:center;gap:var(--kv-spacing, 4px)}.input-container .left-slot-container.invalid,.input-container .right-slot-container.invalid{color:var(--text-color-help-text-error)}.input-container .left-slot-container.disabled,.input-container .right-slot-container.disabled{color:var(--text-color-icon-disabled)}.input-container .left-slot-container.focus:not(.invalid),.input-container .right-slot-container.focus:not(.invalid){color:var(--text-color-input-focused)}.input-container .left-slot-container{color:var(--text-color-input-default);overflow:hidden;user-select:none}.input-container .left-slot-container kv-icon{--icon-width:24px;--icon-height:24px}.input-container .left-slot-container .value-prefix{white-space:nowrap;margin-right:calc(var(--kv-spacing, 4px) / 2);font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none}.input-container .right-slot-container{justify-content:center}.input-container .right-slot-container:not(.disabled){cursor:pointer}.input-container .right-slot-container kv-icon{--icon-width:var(--action-icon-size);--icon-height:var(--action-icon-size);margin-left:var(--kv-spacing, 4px)}.input-container--size-large{height:var(--input-height-large)}.input-container--size-small{height:var(--input-height-small)}.input-container--size-small .left-slot-container kv-icon{--icon-width:16px;--icon-height:16px}.input-container-loading{width:100%;display:flex;margin-top:var(--kv-spacing, 4px)}.input-container-loading--size-large{height:var(--input-height-large)}.input-container-loading--size-small{height:var(--input-height-small)}:host{--text-color-label:var(--kv-neutral-4, #bebebe);--text-color-icon-default:var(--kv-neutral-4, #bebebe);--text-color-icon-disabled:var(--kv-neutral-5, #707070);--text-color-icon-focused:var(--kv-neutral-2, #e5e5e5);--text-color-action-icon-default:var(--kv-neutral-4, #bebebe);--text-color-action-icon-disabled:var(--kv-neutral-5, #707070);--text-color-action-icon-focused:var(--kv-neutral-2, #e5e5e5);--text-color-input-default:var(--kv-neutral-2, #e5e5e5);--text-color-input-disabled:var(--kv-neutral-5, #707070);--text-color-input-focused:var(--kv-neutral-2, #e5e5e5);--text-color-placeholder-default:var(--kv-neutral-4, #bebebe);--text-color-placeholder-disabled:var(--kv-neutral-5, #707070);--text-color-placeholder-focused:var(--kv-neutral-4, #bebebe);--border-color-default:var(--kv-neutral-6, #3f3f3f);--border-color-focused:var(--kv-neutral-0, #fff);--background-color-default:var(--kv-neutral-6, #3f3f3f);--background-color-disabled:var(--kv-neutral-7, #2a2a2a)}input{color-scheme:dark}.input-container-loading{background:linear-gradient(90deg, rgba(var(--kv-neutral-7-rgb, 42, 42, 42), 0.3) 0%, var(--kv-neutral-7, #2a2a2a) 50%, rgba(var(--kv-neutral-7-rgb, 42, 42, 42), 0.3) 100%);background-size:200%;animation:ghostGradientAnimation 0.8s infinite ease-out;transition:all 1s ease-in;border-radius:4px;transition:none}@keyframes ghostGradientAnimation{0%{background-position:-100% 0}100%{background-position:100% 0}}'};export{x as kv_dirty_dot,b as kv_form_help_text,m as kv_form_label,j as kv_text_field}