@progress/kendo-themes-html/dist/cjs/input/input-inner-span.js

A collection of HTML helpers used for developing Kendo UI themes

var G=Object.create;var S=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var q=(t,e)=>{for(var r in e)S(t,r,{get:e[r],enumerable:!0})},_=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of D(e))!U.call(t,i)&&i!==r&&S(t,i,{get:()=>e[i],enumerable:!(s=j(e,i))||s.enumerable});return t};var W=(t,e,r)=>(r=t!=null?G(K(t)):{},_(e||!t||!t.__esModule?S(r,"default",{value:t,enumerable:!0}):r,t)),J=t=>_(S({},"__esModule",{value:!0}),t);var ae={};q(ae,{InputInnerSpan:()=>C,default:()=>se});module.exports=J(ae);var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((r,s)=>e[s]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var f=(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.themeColor}`]:e.themeColor},{"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-rounded-none":e.rounded==="none"});var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var d={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"};var y=require("react/jsx-runtime"),T="k-font-icon",Q=[],X={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},Y={},k=t=>{let{size:e,themeColor:r,icon:s,rotate:i,flip:c,...m}=t;return s?(0,y.jsx)("span",{...m,className:l(t.className,T,f(T,{size:e}),{[`k-i-${s}`]:s,[`k-color-${r}`]:r,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):(0,y.jsx)(y.Fragment,{})};k.states=Q;k.options=X;k.className=T;k.defaultOptions=Y;var B=k;var x=require("react/jsx-runtime"),w="k-svg-icon",Z=[],ee={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[d.outline,d.solid,d.duotone]},$={viewBox:"0 0 24 24",variant:d.outline},N=t=>{var M,h;let{size:e,themeColor:r,rotate:s,flip:i,viewBox:c=$.viewBox,variant:m=$.variant,icon:a,...I}=t;if(!a)return(0,x.jsx)(x.Fragment,{});if(a==="none")return(0,x.jsx)("span",{...I,className:l(t.className,w,f("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let v=typeof a=="object"&&a.name&&a.name,g=typeof a=="object"?m&&((M=a.variants)==null?void 0:M[m])||((h=a.variants)==null?void 0:h.outline)||a.content:void 0;return(0,x.jsx)("span",{...I,className:l(t.className,w,f("k-icon",{size:e}),{[`k-svg-i-${v}`]:v,[`k-color-${r}`]:r,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:(0,x.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:c,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:a?void 0:t.children})})};N.states=Z;N.options=ee;N.className=w;N.defaultOptions=$;var A=N;var L=W(require("@progress/kendo-svg-icons"));var R="icon",H="icons";var P=require("react");var V=require("react"),F=(0,V.createContext)({iconsType:"svg"});var u=require("react/jsx-runtime"),z="k-icon",te=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),oe=[],ne={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[d.outline,d.solid,d.duotone]},O={viewBox:"0 0 24 24",type:"svg",variant:d.outline},p=t=>{let{iconsType:e}=(0,P.useContext)(F),{size:r,themeColor:s,icon:i,type:c=e||O.type,rotate:m,flip:a,viewBox:I=O.viewBox,variant:v=O.variant,...g}=t;if(!i)return(0,u.jsx)(u.Fragment,{});if((e||c)==="svg"){if(i==="none")return(0,u.jsx)(A,{...g,className:l(t.className,z),icon:i,size:r,variant:v});let h=L[i]?i:te(`${i}-icon`);return L[h]?(0,u.jsx)(A,{...g,className:l(t.className,z),icon:L[h],size:r,themeColor:s,rotate:m,flip:a,viewBox:I,variant:v}):(0,u.jsx)(u.Fragment,{})}return(0,u.jsx)(B,{...g,className:l(t.className,z),icon:i,size:r,themeColor:s,rotate:m,flip:a})};p.states=oe;p.options=ne;p.defaultOptions=O;p.className=z;p.moduleName=R;p.folderName=H;p.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var b=require("react/jsx-runtime"),E="k-input-inner",re=[],ie={},C=t=>{let{value:e,placeholder:r,showValue:s,valueIcon:i,valueIconName:c,...m}=t;return(0,b.jsxs)("span",{...m,className:l(t.className,E,f(E,t)),children:[i,!i&&c&&(0,b.jsx)(p,{className:"k-input-value-icon",icon:c}),s&&!e&&r,s&&e&&(0,b.jsx)("span",{className:"k-input-value-text",children:e})]})};C.states=re;C.options=ie;C.className=E;var se=C;