@progress/kendo-themes-html/dist/cjs/floating-label/templates/floating-label-input-value.js

A collection of HTML helpers used for developing Kendo UI themes

var Fe=Object.create;var W=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var Ge=Object.getOwnPropertyNames;var qe=Object.getPrototypeOf,Ue=Object.prototype.hasOwnProperty;var Xe=(t,e)=>{for(var n in e)W(t,n,{get:e[n],enumerable:!0})},Ie=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Ge(e))!Ue.call(t,r)&&r!==n&&W(t,r,{get:()=>e[r],enumerable:!(i=_e(e,r))||i.enumerable});return t};var Je=(t,e,n)=>(n=t!=null?Fe(qe(t)):{},Ie(e||!t||!t.__esModule?W(n,"default",{value:t,enumerable:!0}):n,t)),De=t=>Ie(W({},"__esModule",{value:!0}),t);var Rt={};Xe(Rt,{FloatingLabelInputValue:()=>Et});module.exports=De(Rt);var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((n,i)=>e[i]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var x=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),k=(t,e)=>l({"k-valid":e.valid,"k-invalid":e.invalid,"k-hover":e.hover,"k-focus":e.focus,"k-checked":e.checked,"k-active":e.active,"k-selected":e.selected,"k-disabled":e.disabled,"k-indeterminate":e.indeterminate&&!e.checked,"k-loading":e.loading,"k-empty":e.empty,"k-readonly":e.readonly,"k-highlighted":e.highlighted});var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={small:"small",medium:"medium",large:"large",full:"full"},u={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},a={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},o={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted"};var H=require("react/jsx-runtime"),le="k-floating-label-container",Qe=[o.hover,o.focus,o.valid,o.invalid,o.empty,o.disabled],We={},Ye={},P=t=>{let{hover:e,focus:n,disabled:i,invalid:r,valid:c,empty:d,label:f,optional:m,...g}=t;return(0,H.jsxs)("span",{...g,className:l(t.className,le,k(le,{hover:e,focus:n,disabled:i,empty:d,valid:c,invalid:r})),children:[t.children,f&&(0,H.jsxs)("label",{className:"k-floating-label",children:[f,m&&(0,H.jsx)("span",{className:"k-label-optional",children:"(Optional)"})]})]})};P.states=Qe;P.options=We;P.className=le;P.defaultOptions=Ye;var Ne=P;var ve=require("react/jsx-runtime"),Y="k-input",Ze=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],je={size:[s.small,s.medium,s.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[u.solid,u.flat,u.outline]},Z={size:s.medium,rounded:s.medium,fillMode:u.solid},N=t=>{let{hover:e,focus:n,disabled:i,invalid:r,valid:c,loading:d,readonly:f,size:m=Z.size,rounded:g=Z.rounded,fillMode:y=Z.fillMode,...S}=t;return(0,ve.jsx)("span",{...S,className:l(t.className,Y,x(Y,{size:m,rounded:g,fillMode:y}),k(Y,{hover:e,focus:n,disabled:i,invalid:r,valid:c,loading:d,readonly:f}))})};N.states=Ze;N.options=je;N.className=Y;N.defaultOptions=Z;var ye=require("react/jsx-runtime"),j="k-picker",et=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],tt={size:[s.small,s.medium,s.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[u.solid,u.flat,u.outline]},ee={size:s.medium,rounded:p.medium,fillMode:u.solid},te=t=>{let{hover:e,focus:n,disabled:i,invalid:r,valid:c,loading:d,readonly:f,size:m=ee.size,rounded:g=ee.rounded,fillMode:y=ee.fillMode,...S}=t;return(0,ye.jsx)("span",{...S,className:l(t.className,j,x(j,{size:m,rounded:g,fillMode:y}),k(j,{hover:e,focus:n,disabled:i,invalid:r,valid:c,loading:d,readonly:f})),children:t.children})};te.states=et;te.options=tt;te.className=j;te.defaultOptions=ee;var E=require("react/jsx-runtime"),ie="k-icon k-font-icon",ot=[],nt={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info,a.light,a.dark]},at={},R=t=>{let{size:e,themeColor:n,icon:i,rotate:r,flip:c,...d}=t;return i?(0,E.jsx)("span",{...d,className:l(t.className,ie,x(ie,{size:e}),{[`k-i-${i}`]:i,[`k-color-${n}`]:n,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):(0,E.jsx)(E.Fragment,{})};R.states=ot;R.options=nt;R.className=ie;R.defaultOptions=at;var ke=R;var M=require("react/jsx-runtime"),re="k-icon k-svg-icon",st=[],lt={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info,a.light,a.dark]},Se={viewBox:"0 0 24 24"},K=t=>{let{size:e,themeColor:n,rotate:i,flip:r,viewBox:c=Se.viewBox,icon:d,...f}=t;if(!d)return(0,M.jsx)(M.Fragment,{});d==="none"&&{...f,className:l(t.className,re,"k-none")};let m=typeof d=="object"&&d.name&&d.name;return(0,M.jsx)("span",{...f,className:l(t.className,re,x("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${n}`]:n,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:(0,M.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:c,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:t.children})})};K.states=st;K.options=lt;K.className=re;K.defaultOptions=Se;var de=K;var Me=Je(require("@progress/kendo-svg-icons")),v=require("react/jsx-runtime"),it=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),rt=[],dt={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info,a.light,a.dark]},ce={viewBox:"0 0 24 24",type:"svg"},b=t=>{let{size:e,themeColor:n,icon:i,type:r=ce.type,rotate:c,flip:d,viewBox:f=ce.viewBox,...m}=t;if(!i)return(0,v.jsx)(v.Fragment,{});if(r==="svg"){if(i==="none")return(0,v.jsx)(de,{...m,icon:i,size:e});let g=it(`${i}-icon`);return Me[g]?(0,v.jsx)(de,{...m,icon:Me[g],size:e,themeColor:n,rotate:c,flip:d,viewBox:f}):(0,v.jsx)(v.Fragment,{})}return(0,v.jsx)(ke,{...m,icon:i,size:e,themeColor:n,rotate:c,flip:d})};b.states=rt;b.options=dt;b.defaultOptions=ce;var w=require("react/jsx-runtime"),Te="k-clear-value",ct=[o.disabled,o.loading,o.readonly],pt={},V=t=>{let{disabled:e,loading:n,readonly:i,value:r}=t;return e||i||n||!r?(0,w.jsx)(w.Fragment,{}):(0,w.jsx)("span",{className:l(t.className,Te),children:(0,w.jsx)(b,{icon:"x"})})};V.states=ct;V.options=pt;V.className=Te;var Ce=require("react/jsx-runtime"),pe="k-input-inner",ut=[],mt={},oe={type:"text",autocomplete:"off",value:"",placeholder:""},$=t=>{let{value:e=oe.value,type:n=oe.type,placeholder:i=oe.placeholder,autocomplete:r=oe.autocomplete,...c}=t;return(0,Ce.jsx)("input",{...c,type:n,className:l(t.className,pe,x(pe,t)),placeholder:i,autoComplete:r,defaultValue:e})};$.states=ut;$.options=mt;$.className=pe;var F=require("react/jsx-runtime"),ue="k-input-inner",ft=[],xt={},me=t=>{let{value:e,placeholder:n,showValue:i,valueIcon:r,valueIconName:c,...d}=t;return(0,F.jsxs)("span",{...d,className:l(t.className,ue,x(ue,t)),children:[r,!r&&c&&(0,F.jsx)(b,{className:"k-input-value-icon",icon:c}),i&&!e&&n,i&&e&&(0,F.jsx)("span",{className:"k-input-value-text",children:e})]})};me.states=ft;me.options=xt;me.className=ue;var ze=require("react/jsx-runtime"),fe="k-input-inner",ht=[],bt={},Le={value:"",placeholder:""},xe=t=>{let{value:e=Le.value,placeholder:n=Le.placeholder,rows:i,...r}=t;return(0,ze.jsx)("textarea",{...r,className:l(t.className,fe,x(fe,t)),placeholder:n,rows:i,defaultValue:e})};xe.states=ht;xe.options=bt;xe.className=fe;var _=require("react/jsx-runtime"),Oe="k-input-loading-icon",gt=[o.disabled,o.loading],ne=t=>{let{disabled:e,loading:n}=t;return e||!n?(0,_.jsx)(_.Fragment,{}):(0,_.jsx)("span",{className:l(t.className,Oe,"k-icon k-i-loading")})};ne.states=gt;ne.className=Oe;var G=require("react/jsx-runtime"),we="k-input-validation-icon",It=[o.valid,o.invalid,o.disabled,o.loading],Nt={},q=t=>{let{valid:e,invalid:n,disabled:i,loading:r}=t,c=n?"warning-circle":"check-circle";return i||r||!!!(e||n)?(0,G.jsx)(G.Fragment,{}):(0,G.jsx)(b,{className:l(we),icon:c})};q.states=It;q.options=Nt;q.className=we;var U=require("react/jsx-runtime"),vt="k-input-prefix",yt={direction:"horizontal"},Ae=t=>{let{direction:e=yt.direction,...n}=t;return t.children?(0,U.jsx)("span",{...n,className:l(vt,t.className,{[`k-input-prefix-${e}`]:e}),children:t.children}):(0,U.jsx)(U.Fragment,{})};var X=require("react/jsx-runtime"),kt="k-input-suffix",St={direction:"horizontal"},Be=t=>{let{direction:e=St.direction,...n}=t;return t.children?(0,X.jsx)("span",{...n,className:l(kt,t.className,{[`k-input-suffix-${e}`]:e}),children:t.children}):(0,X.jsx)(X.Fragment,{})};var Mt=require("react/jsx-runtime");var Tt=require("react/jsx-runtime");var Pe=require("react/jsx-runtime"),He="k-input-separator",Ct={direction:"vertical"},he=t=>{let{direction:e=Ct.direction,...n}=t;return(0,Pe.jsx)("span",{...n,className:l(He,t.className,{[`${He}-${e}`]:e})})};var h=require("react/jsx-runtime"),Ee="k-textbox",Lt=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],zt={size:[s.small,s.medium,s.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[u.solid,u.flat,u.outline]},T={showClearButton:!0,showValidationIcon:!0,size:N.defaultOptions.size,rounded:N.defaultOptions.rounded,fillMode:N.defaultOptions.fillMode,separators:!0},A=t=>{let{size:e=T.size,rounded:n=T.rounded,fillMode:i=T.fillMode,separators:r=T.separators,showClearButton:c=T.showClearButton,showValidationIcon:d=T.showValidationIcon,prefix:f,suffix:m,type:g,value:y,placeholder:S,hover:B,focus:z,valid:J,invalid:D,required:se,loading:O,disabled:Q,readonly:ge,...$e}=t;return(0,h.jsxs)(N,{...$e,size:e,rounded:n,fillMode:i,hover:B,focus:z,valid:J,invalid:D,required:se,loading:O,disabled:Q,readonly:ge,className:l(t.className,Ee),children:[f&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(Ae,{children:f}),r&&(0,h.jsx)(he,{})]}),(0,h.jsx)($,{placeholder:S,value:y,type:g}),d&&(0,h.jsx)(q,{valid:J,invalid:D,loading:O,disabled:Q}),(0,h.jsx)(ne,{loading:O,disabled:Q}),c&&(0,h.jsx)(V,{loading:O,disabled:Q,readonly:ge,value:y}),m&&(0,h.jsxs)(h.Fragment,{children:[r&&(0,h.jsx)(he,{}),(0,h.jsx)(Be,{children:m})]})]})};A.states=Lt;A.options=zt;A.className=Ee;A.defaultOptions=T;var Ot=require("react/jsx-runtime");var Ke=require("react/jsx-runtime");var I=require("react/jsx-runtime"),ae="k-button",wt=[o.hover,o.focus,o.active,o.selected,o.disabled],At={size:[s.small,s.medium,s.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info,a.light,a.dark,a.inverse]},C={size:s.medium,rounded:p.medium,fillMode:u.solid,themeColor:a.base,showArrow:!1,arrowIconName:"caret-alt-down"},L=t=>{let{size:e=C.size,rounded:n=C.rounded,fillMode:i=C.fillMode,themeColor:r=C.themeColor,showArrow:c=C.showArrow,arrowIconName:d=C.arrowIconName,hover:f,focus:m,active:g,selected:y,disabled:S,icon:B,text:z,iconClassName:J,...D}=t,se=B!==void 0,O=t.children!==void 0;return(0,I.jsxs)("button",{...D,className:l(t.className,ae,x(ae,{size:e,rounded:n,fillMode:i,themeColor:r}),k(ae,{hover:f,focus:m,active:g,disabled:S,selected:y}),{"k-icon-button":!z&&!O&&se}),children:[B&&(0,I.jsx)(b,{className:l(J,"k-button-icon"),icon:B}),z?(0,I.jsxs)(I.Fragment,{children:[z&&(0,I.jsx)("span",{className:"k-button-text",children:z}),t.children]}):t.children&&(0,I.jsx)("span",{className:"k-button-text",children:t.children}),c&&(0,I.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,I.jsx)(b,{icon:d})})]})};L.states=wt;L.options=At;L.className=ae;L.defaultOptions=C;var Bt=require("react/jsx-runtime");var Ht=require("react/jsx-runtime");var Pt=require("react/jsx-runtime");var Ve=require("react/jsx-runtime");var be=require("react/jsx-runtime"),Et=t=>(0,be.jsx)(Ne,{label:"Label",children:(0,be.jsx)(A,{showClearButton:!1,value:"Value"}),...t});