@progress/kendo-themes-html/dist/cjs/appbar/templates/appbar-normal.js

A collection of HTML helpers used for developing Kendo UI themes

var Kt=Object.create;var ve=Object.defineProperty;var qt=Object.getOwnPropertyDescriptor;var Ht=Object.getOwnPropertyNames;var Dt=Object.getPrototypeOf,Vt=Object.prototype.hasOwnProperty;var Ut=(e,t)=>{for(var o in t)ve(e,o,{get:t[o],enumerable:!0})},et=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ht(t))!Vt.call(e,n)&&n!==o&&ve(e,n,{get:()=>t[n],enumerable:!(r=qt(t,n))||r.enumerable});return e};var $t=(e,t,o)=>(o=e!=null?Kt(Dt(e)):{},et(t||!e||!e.__esModule?ve(o,"default",{value:e,enumerable:!0}):o,e)),Ft=e=>et(ve({},"__esModule",{value:!0}),e);var ln={};Ut(ln,{AppbarNormal:()=>sn});module.exports=Ft(ln);var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var b=(e,t)=>l({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),X=(e,t)=>{let{valid:o,invalid:r,hover:n,focus:d,checked:c,active:u,selected:I,disabled:y,indeterminate:h,loading:T,empty:M,readonly:$,highlighted:F,...R}=t;return l({"k-valid":o,"k-invalid":r,"k-hover":n,"k-focus":d,"k-checked":c,"k-active":u,"k-selected":I,"k-disabled":y,"k-indeterminate":h&&!c,"k-loading":T,"k-empty":M,"k-readonly":$,"k-highlighted":F},Object.keys(R).reduce((S,B)=>(B.startsWith("k-")?S[B]=R[B]:S[`k-${B}`]=R[B],S),{}))};function tt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},_={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},a={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={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",generating:"generating",expanded:"expanded"};var Re="appbar",ot=Re;var nt=require("react/jsx-runtime"),ze="k-appbar",Xt=[],Gt={themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.inverse]},Jt={},k=e=>{let{themeColor:t,positionMode:o,position:r,...n}=e;return(0,nt.jsx)("div",{...n,className:l(e.className,ze,b(ze,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${r}`]:r}),children:e.children})};k.states=Xt;k.options=Gt;k.className=ze;k.defaultOptions=Jt;k.moduleName=Re;k.folderName=ot;k.ariaSpec={selector:".k-appbar",rules:[]};var at=require("react/jsx-runtime"),Qt="k-appbar-section",P=e=>{let{...t}=e;return(0,at.jsx)("div",{...t,className:l(Qt,e.className),children:e.children})};var _e="avatar",rt=_e;var qe=require("react/jsx-runtime"),ne="k-avatar";var Wt=[s.hover,s.focus,s.active,s.selected,s.disabled],Yt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary]},Ke={type:"text",border:!1},C=e=>{let{size:t,rounded:o,fillMode:r,themeColor:n,type:d=Ke.type,border:c=Ke.border,...u}=e;return(0,qe.jsx)("div",{...u,className:l(e.className,ne,b(ne,{size:t,rounded:o,fillMode:r,themeColor:n}),{[`${ne}-bordered`]:c}),children:(0,qe.jsx)("span",{className:`${ne}-${d}`,children:e.children})})};C.states=Wt;C.options=Yt;C.className=ne;C.defaultOptions=Ke;C.moduleName=_e;C.folderName=rt;C.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var q=C;var st=require("react/jsx-runtime"),it=e=>(0,st.jsx)(q,{type:"icon",...e});var pt=require("react/jsx-runtime"),lt=e=>(0,pt.jsx)(q,{type:"text",...e});var dt=require("react/jsx-runtime"),he=e=>(0,dt.jsx)(q,{type:"image",...e});var Zt=require("react/jsx-runtime");var ae=require("react/jsx-runtime"),He="k-font-icon",jt=[],eo={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info]},to={},re=e=>{let{size:t,themeColor:o,icon:r,rotate:n,flip:d,...c}=e;return r?(0,ae.jsx)("span",{...c,className:l(e.className,He,b(He,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):(0,ae.jsx)(ae.Fragment,{})};re.states=jt;re.options=eo;re.className=He;re.defaultOptions=to;var ut=re;var H=require("react/jsx-runtime"),De="k-svg-icon",oo=[],no={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info],variant:[_.outline,_.solid,_.duotone]},Ve={viewBox:"0 0 24 24",variant:_.outline},ie=e=>{var T,M;let{size:t,themeColor:o,rotate:r,flip:n,viewBox:d=Ve.viewBox,variant:c=Ve.variant,icon:u,...I}=e;if(!u)return(0,H.jsx)(H.Fragment,{});if(u==="none")return(0,H.jsx)("span",{...I,className:l(e.className,De,b("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let y=typeof u=="object"&&u.name&&u.name,h=typeof u=="object"?c&&((T=u.variants)==null?void 0:T[c])||((M=u.variants)==null?void 0:M.outline)||u.content:void 0;return(0,H.jsx)("span",{...I,className:l(e.className,De,b("k-icon",{size:t}),{[`k-svg-i-${y}`]:y,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:(0,H.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof u=="object"?u.viewBox:d,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:u?void 0:e.children})})};ie.states=oo;ie.options=no;ie.className=De;ie.defaultOptions=Ve;var Ue=ie;var $e=$t(require("@progress/kendo-svg-icons"));var ct="icon",mt="icons";var bt=require("react");var ft=require("react"),xt=(0,ft.createContext)({iconsType:"svg"});var K=require("react/jsx-runtime"),Ne="k-icon",ao=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ro=[],io={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info],variant:[_.outline,_.solid,_.duotone]},ge={viewBox:"0 0 24 24",type:"svg",variant:_.outline},f=e=>{let{iconsType:t}=(0,bt.useContext)(xt),{size:o,themeColor:r,icon:n,type:d=t||ge.type,rotate:c,flip:u,viewBox:I=ge.viewBox,variant:y=ge.variant,...h}=e;if(!n)return(0,K.jsx)(K.Fragment,{});if((t||d)==="svg"){if(n==="none")return(0,K.jsx)(Ue,{...h,className:l(e.className,Ne),icon:n,size:o,variant:y});let M=$e[n]?n:ao(`${n}-icon`);return $e[M]?(0,K.jsx)(Ue,{...h,className:l(e.className,Ne),icon:$e[M],size:o,themeColor:r,rotate:c,flip:u,viewBox:I,variant:y}):(0,K.jsx)(K.Fragment,{})}return(0,K.jsx)(ut,{...h,className:l(e.className,Ne),icon:n,size:o,themeColor:r,rotate:c,flip:u})};f.states=ro;f.options=io;f.defaultOptions=ge;f.className=Ne;f.moduleName=ct;f.folderName=mt;f.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 G=require("react/jsx-runtime"),so=C.options,lo=C.states,po={...C.defaultOptions,variant:"image"},uo=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],co=[],J=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,G.jsx)(it,{...o,children:(0,G.jsx)(f,{icon:"star"})});case"text":return(0,G.jsx)(lt,{...o,children:"JO"});default:return(0,G.jsx)(he,{...o,children:(0,G.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};J.options=so;J.states=lo;J.variants=uo;J.defaultOptions=po;J.modifiers=co;J.className=C.className;var Fe="button",vt=Fe;var E=require("react/jsx-runtime"),se="k-button",mo=["icon-button"],fo=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],xo={size:[i.undefined,i.xsmall,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[a.undefined,a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info,a.inverse]},Xe={showArrow:!1,arrowIconName:"chevron-down"},N=e=>{let{as:t="button",size:o,rounded:r,fillMode:n,themeColor:d,showArrow:c=Xe.showArrow,arrowIconName:u=Xe.arrowIconName,variant:I,hover:y,focus:h,active:T,selected:M,disabled:$,togglable:F,ariaDisabled:R,icon:S,iconSize:B,text:z,iconClassName:be,className:Le,...Be}=e,Pe=S!=null,we=e.children!==void 0;return(0,E.jsxs)(t,{className:l(Le,se,tt(se,I),b(se,{size:o,rounded:r,fillMode:n,themeColor:d}),X(se,{hover:y,focus:h,active:T,disabled:$||R,selected:M}),{"k-icon-button":!z&&!we&&Pe}),"aria-pressed":F?M?"true":"false":void 0,...Be,"aria-disabled":R?"true":void 0,disabled:$||void 0,children:[typeof S=="string"&&S&&(0,E.jsx)(f,{className:l(be,"k-button-icon"),icon:S,size:B}),S&&typeof S!="string"&&(0,E.jsx)(E.Fragment,{children:S}),z?(0,E.jsxs)(E.Fragment,{children:[z&&(0,E.jsx)("span",{className:"k-button-text",children:z}),e.children]}):e.children&&(0,E.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,E.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,E.jsx)(f,{icon:u})})]})};N.states=fo;N.options=xo;N.variants=mo;N.className=se;N.defaultOptions=Xe;N.moduleName=Fe;N.folderName=vt;N.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var ht=require("react/jsx-runtime"),le=e=>(0,ht.jsx)(N,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var gt=require("react/jsx-runtime"),Nt=e=>(0,gt.jsx)(N,{icon:"folder",children:"Button",...e});var It=require("react/jsx-runtime"),w=e=>(0,It.jsx)(N,{children:"Button",...e});var Ie=require("react/jsx-runtime"),bo=N.options,vo=N.states,ho={...N.defaultOptions,variant:"text"},No=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],go=[],Q=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ie.jsx)(le,{...o,icon:"star"});case"icon-and-text":return(0,Ie.jsx)(Nt,{...o,icon:"star",children:"Button"});default:return(0,Ie.jsx)(w,{...o,children:"Button"})}};Q.options=bo;Q.states=vo;Q.variants=No;Q.defaultOptions=ho;Q.modifiers=go;Q.className=N.className;var Ge="textbox",yt=Ge;var pe="input",ye=pe;var At=require("react/jsx-runtime"),Ae="k-input",Io=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],yo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Ao={},O=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:c,readonly:u,size:I,rounded:y,fillMode:h,...T}=e;return(0,At.jsx)("span",{...T,className:l(e.className,Ae,b(Ae,{size:I,rounded:y,fillMode:h}),X(Ae,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:c,readonly:u}))})};O.states=Io;O.options=yo;O.className=Ae;O.defaultOptions=Ao;O.moduleName=pe;O.folderName=ye;var Tt=require("react/jsx-runtime"),Te="k-picker",To=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Mo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ko={},W=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:c,readonly:u,size:I,rounded:y,fillMode:h,...T}=e;return(0,Tt.jsx)("span",{...T,className:l(e.className,Te,b(Te,{size:I,rounded:y,fillMode:h}),X(Te,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:c,readonly:u})),children:e.children})};W.states=To;W.options=Mo;W.className=Te;W.defaultOptions=ko;W.moduleName=pe;W.folderName=ye;var Y=require("react/jsx-runtime"),Mt="k-clear-value",So=[s.disabled,s.loading,s.readonly],Oo={},D=e=>{let{disabled:t,loading:o,readonly:r,value:n}=e;return t||r||o||!n?(0,Y.jsx)(Y.Fragment,{}):(0,Y.jsx)("span",{className:l(e.className,Mt),children:(0,Y.jsx)(f,{icon:"x"})})};D.states=So;D.options=Oo;D.className=Mt;var kt=require("react/jsx-runtime"),Je="k-input-inner",Co=[],Eo={},Me={type:"text",autocomplete:"off",value:"",placeholder:""},V=e=>{let{value:t=Me.value,type:o=Me.type,placeholder:r=Me.placeholder,autocomplete:n=Me.autocomplete,disabled:d,readOnly:c,...u}=e;return(0,kt.jsx)("input",{...u,type:o,className:l(e.className,Je,b(Je,e)),placeholder:r,autoComplete:n,defaultValue:t,disabled:d||void 0,readOnly:c||void 0})};V.states=Co;V.options=Eo;V.className=Je;var de=require("react/jsx-runtime"),Qe="k-input-inner",Lo=[],Bo={},We=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:n,valueIconName:d,...c}=e;return(0,de.jsxs)("span",{...c,className:l(e.className,Qe,b(Qe,e)),children:[n,!n&&d&&(0,de.jsx)(f,{className:"k-input-value-icon",icon:d}),r&&!t&&o,r&&t&&(0,de.jsx)("span",{className:"k-input-value-text",children:t})]})};We.states=Lo;We.options=Bo;We.className=Qe;var Ot=require("react/jsx-runtime"),Ye="k-input-inner",Po=[],wo={},St={value:"",placeholder:""},Ze=e=>{let{value:t=St.value,placeholder:o=St.placeholder,rows:r,disabled:n,...d}=e;return(0,Ot.jsx)("textarea",{...d,className:l(e.className,Ye,b(Ye,e)),placeholder:o,rows:r,defaultValue:t,disabled:n||void 0})};Ze.states=Po;Ze.options=wo;Ze.className=Ye;var ue=require("react/jsx-runtime"),Ct="k-input-loading-icon",Ro=[s.disabled,s.loading],Z=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,ue.jsx)(ue.Fragment,{}):(0,ue.jsx)("span",{className:l(e.className,Ct,"k-icon k-i-loading")})};Z.states=Ro;Z.className=Ct;var ce=require("react/jsx-runtime"),Et="k-input-validation-icon",zo=[s.valid,s.invalid,s.disabled,s.loading],_o={},U=e=>{let{valid:t,invalid:o,disabled:r,loading:n}=e,d=o?"warning-circle":"check-circle";return r||n||!!!(t||o)?(0,ce.jsx)(ce.Fragment,{}):(0,ce.jsx)(f,{className:l(Et),icon:d})};U.states=zo;U.options=_o;U.className=Et;var me=require("react/jsx-runtime"),Ko="k-input-prefix",qo={direction:"horizontal"},ke=e=>{let{direction:t=qo.direction,...o}=e;return e.children?(0,me.jsx)("span",{...o,className:l(Ko,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,me.jsx)(me.Fragment,{})};var fe=require("react/jsx-runtime"),Ho="k-input-suffix",Do={direction:"horizontal"},Se=e=>{let{direction:t=Do.direction,...o}=e;return e.children?(0,fe.jsx)("span",{...o,className:l(Ho,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,fe.jsx)(fe.Fragment,{})};var Vo=require("react/jsx-runtime");var Uo=require("react/jsx-runtime");var Bt=require("react/jsx-runtime"),Lt="k-input-separator",$o={direction:"vertical"},j=e=>{let{direction:t=$o.direction,...o}=e;return(0,Bt.jsx)("span",{...o,className:l(Lt,e.className,{[`${Lt}-${t}`]:t})})};var g=require("react/jsx-runtime"),Fo=O.states,Xo=O.defaultOptions,Go=O.options,Jo=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Qo=[],ee=e=>{let{modifiers:t,valid:o,invalid:r,loading:n,disabled:d,readonly:c,...u}=e,I=t==null?void 0:t.prefix,y=t==null?void 0:t.suffix,h=t==null?void 0:t["clear-button"],T=t==null?void 0:t["validation-icon"],M=t==null?void 0:t.separators;return(0,g.jsxs)(O,{...u,valid:o,invalid:r,loading:n,disabled:d,readonly:c,style:{width:300},children:[I&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(ke,{children:(0,g.jsx)(f,{icon:"lock"})}),M&&(0,g.jsx)(j,{})]}),(0,g.jsx)(V,{placeholder:"Placeholder",value:"Value"}),T&&(0,g.jsx)(U,{valid:o,invalid:r,loading:n,disabled:d}),(0,g.jsx)(Z,{loading:n,disabled:d}),h&&(0,g.jsx)(D,{loading:n,disabled:d,readonly:c,value:"Value"}),y&&(0,g.jsxs)(g.Fragment,{children:[M&&(0,g.jsx)(j,{}),(0,g.jsx)(Se,{children:(0,g.jsx)(w,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ee.options=Go;ee.states=Fo;ee.variants=Qo;ee.defaultOptions=Xo;ee.modifiers=Jo;ee.className=O.className;var A=require("react/jsx-runtime"),Pt="k-textbox",Wo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Yo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Oe={showClearButton:!0,showValidationIcon:!0,separators:!0},L=e=>{let{size:t,rounded:o,fillMode:r,separators:n=Oe.separators,showClearButton:d=Oe.showClearButton,showValidationIcon:c=Oe.showValidationIcon,prefix:u,suffix:I,type:y,value:h,placeholder:T,hover:M,focus:$,valid:F,invalid:R,required:S,loading:B,disabled:z,readonly:be,id:Le,"aria-label":Be,"aria-describedby":Pe,...we}=e;return(0,A.jsxs)(O,{...we,size:t,rounded:o,fillMode:r,hover:M,focus:$,valid:F,invalid:R,required:S,loading:B,disabled:z,readonly:be,className:l(e.className,Pt),children:[u&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(ke,{children:u}),n&&(0,A.jsx)(j,{})]}),(0,A.jsx)(V,{id:Le,placeholder:T,value:h,type:y,disabled:z,"aria-label":Be,"aria-describedby":Pe,"aria-invalid":R?"true":void 0}),c&&(0,A.jsx)(U,{valid:F,invalid:R,loading:B,disabled:z}),(0,A.jsx)(Z,{loading:B,disabled:z}),d&&(0,A.jsx)(D,{loading:B,disabled:z,readonly:be,value:h}),I&&(0,A.jsxs)(A.Fragment,{children:[n&&(0,A.jsx)(j,{}),(0,A.jsx)(Se,{children:I})]})]})};L.states=Wo;L.options=Yo;L.className=Pt;L.defaultOptions=Oe;L.moduleName=Ge;L.folderName=yt;L.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var xe=L;var wt=require("react/jsx-runtime"),Ce=e=>(0,wt.jsx)(xe,{...e});var Rt=require("react/jsx-runtime");var zt=require("react/jsx-runtime");var Zo=require("react/jsx-runtime");var Ee=require("react/jsx-runtime"),jo=L.states,en=L.defaultOptions,tn=L.options,on=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],nn=[],te=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t!=null&&t[n]?(0,Ee.jsx)(f,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t!=null&&t[n]?(0,Ee.jsx)(w,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,Ee.jsx)(Ce,{value:"Value",style:{width:300},...o,...r})};te.options=tn;te.states=jo;te.variants=nn;te.defaultOptions=en;te.modifiers=on;te.className=L.className;var m=require("react/jsx-runtime"),je={...k.options,positionMode:["static","sticky","fixed"]},an=k.states,_t={...k.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};je.themeColor=["primary",...je.themeColor.filter(e=>e!=="primary")];var rn=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],oe=e=>{let{variant:t,...o}={..._t,...e},r=(0,m.jsxs)(k,{position:t,...o,children:[(0,m.jsx)(P,{children:(0,m.jsx)(le,{fillMode:"flat",icon:"menu"})}),(0,m.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,m.jsx)(P,{children:(0,m.jsx)("h3",{className:"k-m-0",children:"AppBar"})}),(0,m.jsx)("span",{className:"k-spacer"}),(0,m.jsxs)(P,{children:[(0,m.jsx)(w,{fillMode:"flat",children:"Button"}),(0,m.jsx)(w,{fillMode:"flat",children:"Button"}),(0,m.jsx)(w,{fillMode:"flat",children:"Button"})]}),(0,m.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,m.jsx)(P,{children:(0,m.jsx)(Ce,{value:"Input value"})}),(0,m.jsxs)(P,{children:[(0,m.jsx)(le,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),(0,m.jsx)("span",{className:"k-appbar-separator"}),(0,m.jsx)(he,{className:"k-mx-sm",children:(0,m.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=(0,m.jsxs)("div",{style:{padding:"25px 10px"},children:[(0,m.jsx)("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),(0,m.jsx)("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),(0,m.jsx)("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),(0,m.jsx)("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?(0,m.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[n,r]}):(0,m.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[r,n]})};oe.options=je;oe.states=an;oe.variants=rn;oe.defaultOptions=_t;oe.modifiers=[];oe.className=k.className;var v=require("react/jsx-runtime"),sn=e=>(0,v.jsx)(k,{children:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(P,{children:(0,v.jsx)(f,{icon:"menu"})}),(0,v.jsx)("span",{className:"k-spacer k-spacer-sized"}),(0,v.jsx)(P,{children:(0,v.jsx)("h1",{className:"title",children:"Page Title"})}),(0,v.jsx)(P,{children:(0,v.jsxs)("ul",{children:[(0,v.jsx)("li",{children:"Menu Item"}),(0,v.jsx)("li",{children:"Menu Item"}),(0,v.jsx)("li",{children:"Menu Item"})]})}),(0,v.jsx)("span",{className:"k-spacer"}),(0,v.jsxs)(P,{children:[(0,v.jsx)(f,{icon:"bell"}),(0,v.jsx)("span",{className:"k-appbar-separator"}),(0,v.jsx)(f,{icon:"user"})]})]}),...e});