@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 23.8 kB
JavaScript
var Yt=Object.create;var Ne=Object.defineProperty;var Wt=Object.getOwnPropertyDescriptor;var Qt=Object.getOwnPropertyNames;var Zt=Object.getPrototypeOf,jt=Object.prototype.hasOwnProperty;var eo=(t,e)=>{for(var o in e)Ne(t,o,{get:e[o],enumerable:!0})},st=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Qt(e))!jt.call(t,n)&&n!==o&&Ne(t,n,{get:()=>e[n],enumerable:!(a=Wt(e,n))||a.enumerable});return t};var to=(t,e,o)=>(o=t!=null?Yt(Zt(t)):{},st(e||!t||!t.__esModule?Ne(o,"default",{value:t,enumerable:!0}):o,t)),oo=t=>st(Ne({},"__esModule",{value:!0}),t);var Sn={};eo(Sn,{ACTIONSHEET_CLASSNAME:()=>it,ActionSheet:()=>P,default:()=>gn});module.exports=oo(Sn);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((o,a)=>e[a]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var S=(t,e)=>i({[`${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"}),Y=(t,e)=>{let{valid:o,invalid:a,hover:n,focus:l,checked:p,active:c,selected:x,disabled:m,indeterminate:h,loading:b,empty:v,readonly:K,highlighted:z,...k}=e;return i({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":l,"k-checked":p,"k-active":c,"k-selected":x,"k-disabled":m,"k-indeterminate":h&&!p,"k-loading":b,"k-empty":v,"k-readonly":K,"k-highlighted":z},Object.keys(k).reduce((T,C)=>(C.startsWith("k-")?T[C]=k[C]:T[`k-${C}`]=k[C],T),{}))};function rt(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},_={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},d={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 we="popup",lt=we;var Pe=require("react/jsx-runtime"),dt="k-animation-container",no=[],ao={},Be={positionMode:"absolute",shown:!0},D=t=>{let{positionMode:e=Be.positionMode,shown:o=Be.shown,animationStyle:a,offset:n,...l}=t;return(0,Pe.jsx)("div",{...l,style:{...n,...t.style},className:i(t.className,dt,{"k-animation-container-shown":o,"k-animation-container-fixed":e==="fixed"}),children:(0,Pe.jsx)("div",{className:"k-child-animation-container",style:a,children:t.children})})};D.states=no;D.options=ao;D.className=dt;D.defaultOptions=Be;D.moduleName=we;D.folderName=lt;var Ke="action-buttons",ct=Ke;var pt=require("react/jsx-runtime"),ve="k-actions",io=[],so={},ze={alignment:"start",orientation:"horizontal"},V=t=>{let{alignment:e=ze.alignment,orientation:o=ze.orientation,...a}=t;return(0,pt.jsx)("div",{...a,className:i(ve,{[`${ve}-${e}`]:e,[`${ve}-${o}`]:o},t.className),children:t.children})};V.states=io;V.options=so;V.className=ve;V.defaultOptions=ze;V.moduleName=Ke;V.folderName=ct;var mt=require("react/jsx-runtime"),ro="k-actionsheet-footer",ut={alignment:"stretched",orientation:"horizontal"},De=t=>{let{alignment:e=ut.alignment,orientation:o=ut.orientation,template:a,as:n=a?"div":V,...l}=t;return(0,mt.jsx)(n,{...l,...!a&&{alignment:e,orientation:o},className:i(t.className,ro),children:t.children})};var ae="input",Ie=ae;var ft=require("react/jsx-runtime"),ge="k-input",lo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],co={size:[r.undefined,r.small,r.medium,r.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},po={},A=t=>{let{hover:e,focus:o,disabled:a,invalid:n,valid:l,loading:p,readonly:c,size:x,rounded:m,fillMode:h,...b}=t;return(0,ft.jsx)("span",{...b,className:i(t.className,ge,S(ge,{size:x,rounded:m,fillMode:h}),Y(ge,{hover:e,focus:o,disabled:a,invalid:n,valid:l,loading:p,readonly:c}))})};A.states=lo;A.options=co;A.className=ge;A.defaultOptions=po;A.moduleName=ae;A.folderName=Ie;var xt=require("react/jsx-runtime"),Se="k-picker",uo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],mo={size:[r.undefined,r.small,r.medium,r.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},fo={},W=t=>{let{hover:e,focus:o,disabled:a,invalid:n,valid:l,loading:p,readonly:c,size:x,rounded:m,fillMode:h,...b}=t;return(0,xt.jsx)("span",{...b,className:i(t.className,Se,S(Se,{size:x,rounded:m,fillMode:h}),Y(Se,{hover:e,focus:o,disabled:a,invalid:n,valid:l,loading:p,readonly:c})),children:t.children})};W.states=uo;W.options=mo;W.className=Se;W.defaultOptions=fo;W.moduleName=ae;W.folderName=Ie;var ie=require("react/jsx-runtime"),Ve="k-font-icon",xo=[],ho={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info]},bo={},se=t=>{let{size:e,themeColor:o,icon:a,rotate:n,flip:l,...p}=t;return a?(0,ie.jsx)("span",{...p,className:i(t.className,Ve,S(Ve,{size:e}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):(0,ie.jsx)(ie.Fragment,{})};se.states=xo;se.options=ho;se.className=Ve;se.defaultOptions=bo;var ht=se;var q=require("react/jsx-runtime"),Fe="k-svg-icon",No=[],vo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info],variant:[_.outline,_.solid,_.duotone]},Ue={viewBox:"0 0 24 24",variant:_.outline},re=t=>{var b,v;let{size:e,themeColor:o,rotate:a,flip:n,viewBox:l=Ue.viewBox,variant:p=Ue.variant,icon:c,...x}=t;if(!c)return(0,q.jsx)(q.Fragment,{});if(c==="none")return(0,q.jsx)("span",{...x,className:i(t.className,Fe,S("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let m=typeof c=="object"&&c.name&&c.name,h=typeof c=="object"?p&&((b=c.variants)==null?void 0:b[p])||((v=c.variants)==null?void 0:v.outline)||c.content:void 0;return(0,q.jsx)("span",{...x,className:i(t.className,Fe,S("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:(0,q.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:c?void 0:t.children})})};re.states=No;re.options=vo;re.className=Fe;re.defaultOptions=Ue;var $e=re;var Xe=to(require("@progress/kendo-svg-icons"));var bt="icon",Nt="icons";var gt=require("react");var vt=require("react"),It=(0,vt.createContext)({iconsType:"svg"});var R=require("react/jsx-runtime"),Te="k-icon",Io=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),go=[],So={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info],variant:[_.outline,_.solid,_.duotone]},Ae={viewBox:"0 0 24 24",type:"svg",variant:_.outline},N=t=>{let{iconsType:e}=(0,gt.useContext)(It),{size:o,themeColor:a,icon:n,type:l=e||Ae.type,rotate:p,flip:c,viewBox:x=Ae.viewBox,variant:m=Ae.variant,...h}=t;if(!n)return(0,R.jsx)(R.Fragment,{});if((e||l)==="svg"){if(n==="none")return(0,R.jsx)($e,{...h,className:i(t.className,Te),icon:n,size:o,variant:m});let v=Xe[n]?n:Io(`${n}-icon`);return Xe[v]?(0,R.jsx)($e,{...h,className:i(t.className,Te),icon:Xe[v],size:o,themeColor:a,rotate:p,flip:c,viewBox:x,variant:m}):(0,R.jsx)(R.Fragment,{})}return(0,R.jsx)(ht,{...h,className:i(t.className,Te),icon:n,size:o,themeColor:a,rotate:p,flip:c})};N.states=go;N.options=So;N.defaultOptions=Ae;N.className=Te;N.moduleName=bt;N.folderName=Nt;N.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 Q=require("react/jsx-runtime"),St="k-clear-value",To=[s.disabled,s.loading,s.readonly],Ao={},H=t=>{let{disabled:e,loading:o,readonly:a,value:n}=t;return e||a||o||!n?(0,Q.jsx)(Q.Fragment,{}):(0,Q.jsx)("span",{className:i(t.className,St),children:(0,Q.jsx)(N,{icon:"x"})})};H.states=To;H.options=Ao;H.className=St;var Tt=require("react/jsx-runtime"),qe="k-input-inner",yo=[],Mo={},ye={type:"text",autocomplete:"off",value:"",placeholder:""},w=t=>{let{value:e=ye.value,type:o=ye.type,placeholder:a=ye.placeholder,autocomplete:n=ye.autocomplete,disabled:l,readOnly:p,...c}=t;return(0,Tt.jsx)("input",{...c,type:o,className:i(t.className,qe,S(qe,t)),placeholder:a,autoComplete:n,defaultValue:e,disabled:l||void 0,readOnly:p||void 0})};w.states=yo;w.options=Mo;w.className=qe;var le=require("react/jsx-runtime"),Je="k-input-inner",Eo=[],Oo={},Ge=t=>{let{value:e,placeholder:o,showValue:a,valueIcon:n,valueIconName:l,...p}=t;return(0,le.jsxs)("span",{...p,className:i(t.className,Je,S(Je,t)),children:[n,!n&&l&&(0,le.jsx)(N,{className:"k-input-value-icon",icon:l}),a&&!e&&o,a&&e&&(0,le.jsx)("span",{className:"k-input-value-text",children:e})]})};Ge.states=Eo;Ge.options=Oo;Ge.className=Je;var yt=require("react/jsx-runtime"),Ye="k-input-inner",ko=[],Co={},At={value:"",placeholder:""},We=t=>{let{value:e=At.value,placeholder:o=At.placeholder,rows:a,disabled:n,...l}=t;return(0,yt.jsx)("textarea",{...l,className:i(t.className,Ye,S(Ye,t)),placeholder:o,rows:a,defaultValue:e,disabled:n||void 0})};We.states=ko;We.options=Co;We.className=Ye;var de=require("react/jsx-runtime"),Mt="k-input-loading-icon",Lo=[s.disabled,s.loading],F=t=>{let{disabled:e,loading:o}=t;return e||!o?(0,de.jsx)(de.Fragment,{}):(0,de.jsx)("span",{className:i(t.className,Mt,"k-icon k-i-loading")})};F.states=Lo;F.className=Mt;var ce=require("react/jsx-runtime"),Et="k-input-validation-icon",_o=[s.valid,s.invalid,s.disabled,s.loading],Ro={},B=t=>{let{valid:e,invalid:o,disabled:a,loading:n}=t,l=o?"warning-circle":"check-circle";return a||n||!!!(e||o)?(0,ce.jsx)(ce.Fragment,{}):(0,ce.jsx)(N,{className:i(Et),icon:l})};B.states=_o;B.options=Ro;B.className=Et;var pe=require("react/jsx-runtime"),Ho="k-input-prefix",wo={direction:"horizontal"},Me=t=>{let{direction:e=wo.direction,...o}=t;return t.children?(0,pe.jsx)("span",{...o,className:i(Ho,t.className,{[`k-input-prefix-${e}`]:e}),children:t.children}):(0,pe.jsx)(pe.Fragment,{})};var ue=require("react/jsx-runtime"),Bo="k-input-suffix",Po={direction:"horizontal"},Ee=t=>{let{direction:e=Po.direction,...o}=t;return t.children?(0,ue.jsx)("span",{...o,className:i(Bo,t.className,{[`k-input-suffix-${e}`]:e}),children:t.children}):(0,ue.jsx)(ue.Fragment,{})};var Ko=require("react/jsx-runtime");var zo=require("react/jsx-runtime");var kt=require("react/jsx-runtime"),Ot="k-input-separator",Do={direction:"vertical"},Z=t=>{let{direction:e=Do.direction,...o}=t;return(0,kt.jsx)("span",{...o,className:i(Ot,t.className,{[`${Ot}-${e}`]:e})})};var Qe="button",Ct=Qe;var E=require("react/jsx-runtime"),me="k-button",Vo=["icon-button"],Fo=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Uo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.inverse]},Ze={showArrow:!1,arrowIconName:"chevron-down"},I=t=>{let{as:e="button",size:o,rounded:a,fillMode:n,themeColor:l,showArrow:p=Ze.showArrow,arrowIconName:c=Ze.arrowIconName,variant:x,hover:m,focus:h,active:b,selected:v,disabled:K,togglable:z,ariaDisabled:k,icon:T,iconSize:C,text:L,iconClassName:be,className:Le,..._e}=t,Re=T!=null,He=t.children!==void 0;return(0,E.jsxs)(e,{className:i(Le,me,rt(me,x),S(me,{size:o,rounded:a,fillMode:n,themeColor:l}),Y(me,{hover:m,focus:h,active:b,disabled:K||k,selected:v}),{"k-icon-button":!L&&!He&&Re}),"aria-pressed":z?v?"true":"false":void 0,..._e,"aria-disabled":k?"true":void 0,disabled:K||void 0,children:[typeof T=="string"&&T&&(0,E.jsx)(N,{className:i(be,"k-button-icon"),icon:T,size:C}),T&&typeof T!="string"&&(0,E.jsx)(E.Fragment,{children:T}),L?(0,E.jsxs)(E.Fragment,{children:[L&&(0,E.jsx)("span",{className:"k-button-text",children:L}),t.children]}):t.children&&(0,E.jsx)("span",{className:"k-button-text",children:t.children}),p&&(0,E.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,E.jsx)(N,{icon:c})})]})};I.states=Fo;I.options=Uo;I.variants=Vo;I.className=me;I.defaultOptions=Ze;I.moduleName=Qe;I.folderName=Ct;I.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 Lt=require("react/jsx-runtime"),J=t=>(0,Lt.jsx)(I,{children:"Button",...t});var g=require("react/jsx-runtime"),$o=A.states,Xo=A.defaultOptions,qo=A.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"}],Go=[],j=t=>{let{modifiers:e,valid:o,invalid:a,loading:n,disabled:l,readonly:p,...c}=t,x=e==null?void 0:e.prefix,m=e==null?void 0:e.suffix,h=e==null?void 0:e["clear-button"],b=e==null?void 0:e["validation-icon"],v=e==null?void 0:e.separators;return(0,g.jsxs)(A,{...c,valid:o,invalid:a,loading:n,disabled:l,readonly:p,style:{width:300},children:[x&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(Me,{children:(0,g.jsx)(N,{icon:"lock"})}),v&&(0,g.jsx)(Z,{})]}),(0,g.jsx)(w,{placeholder:"Placeholder",value:"Value"}),b&&(0,g.jsx)(B,{valid:o,invalid:a,loading:n,disabled:l}),(0,g.jsx)(F,{loading:n,disabled:l}),h&&(0,g.jsx)(H,{loading:n,disabled:l,readonly:p,value:"Value"}),m&&(0,g.jsxs)(g.Fragment,{children:[v&&(0,g.jsx)(Z,{}),(0,g.jsx)(Ee,{children:(0,g.jsx)(J,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};j.options=qo;j.states=$o;j.variants=Go;j.defaultOptions=Xo;j.modifiers=Jo;j.className=A.className;var je="searchbox",_t=je;var U=require("react/jsx-runtime"),Rt="k-searchbox",Yo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Wo={size:[r.undefined,r.small,r.medium,r.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},et={showIcon:!0,icon:"search"},$=t=>{let{value:e,placeholder:o,size:a,rounded:n,fillMode:l,hover:p,focus:c,valid:x,invalid:m,required:h,loading:b,disabled:v,showIcon:K=et.showIcon,icon:z=et.icon,"aria-label":k,...T}=t;return(0,U.jsxs)(A,{...T,size:a,rounded:n,fillMode:l,hover:p,focus:c,valid:x,invalid:m,required:h,loading:b,disabled:v,className:i(t.className,Rt),children:[K&&(0,U.jsx)(N,{className:"k-input-icon",icon:z}),(0,U.jsx)(w,{placeholder:o,value:e,"aria-label":k}),(0,U.jsx)(F,{...t}),(0,U.jsx)(B,{...t}),(0,U.jsx)(H,{...t})]})};$.states=Yo;$.options=Wo;$.className=Rt;$.defaultOptions=et;$.moduleName=je;$.folderName=_t;var Qo=require("react/jsx-runtime");var tt="textbox",Ht=tt;var y=require("react/jsx-runtime"),wt="k-textbox",Zo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],jo={size:[r.undefined,r.small,r.medium,r.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Oe={showClearButton:!0,showValidationIcon:!0,separators:!0},M=t=>{let{size:e,rounded:o,fillMode:a,separators:n=Oe.separators,showClearButton:l=Oe.showClearButton,showValidationIcon:p=Oe.showValidationIcon,prefix:c,suffix:x,type:m,value:h,placeholder:b,hover:v,focus:K,valid:z,invalid:k,required:T,loading:C,disabled:L,readonly:be,id:Le,"aria-label":_e,"aria-describedby":Re,...He}=t;return(0,y.jsxs)(A,{...He,size:e,rounded:o,fillMode:a,hover:v,focus:K,valid:z,invalid:k,required:T,loading:C,disabled:L,readonly:be,className:i(t.className,wt),children:[c&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Me,{children:c}),n&&(0,y.jsx)(Z,{})]}),(0,y.jsx)(w,{id:Le,placeholder:b,value:h,type:m,disabled:L,"aria-label":_e,"aria-describedby":Re,"aria-invalid":k?"true":void 0}),p&&(0,y.jsx)(B,{valid:z,invalid:k,loading:C,disabled:L}),(0,y.jsx)(F,{loading:C,disabled:L}),l&&(0,y.jsx)(H,{loading:C,disabled:L,readonly:be,value:h}),x&&(0,y.jsxs)(y.Fragment,{children:[n&&(0,y.jsx)(Z,{}),(0,y.jsx)(Ee,{children:x})]})]})};M.states=Zo;M.options=jo;M.className=wt;M.defaultOptions=Oe;M.moduleName=tt;M.folderName=Ht;M.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 fe=M;var Pt=require("react/jsx-runtime"),Bt=t=>(0,Pt.jsx)(fe,{...t});var Kt=require("react/jsx-runtime");var Dt=require("react/jsx-runtime"),zt=t=>(0,Dt.jsx)(I,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});var Ft=require("react/jsx-runtime"),Vt=t=>(0,Ft.jsx)(I,{icon:"folder",children:"Button",...t});var ke=require("react/jsx-runtime"),en=I.options,tn=I.states,on={...I.defaultOptions,variant:"text"},nn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],an=[],ee=t=>{let{variant:e,...o}=t;switch(e){case"icon-only":return(0,ke.jsx)(zt,{...o,icon:"star"});case"icon-and-text":return(0,ke.jsx)(Vt,{...o,icon:"star",children:"Button"});default:return(0,ke.jsx)(J,{...o,children:"Button"})}};ee.options=en;ee.states=tn;ee.variants=nn;ee.defaultOptions=on;ee.modifiers=an;ee.className=I.className;var Ut=require("react/jsx-runtime");var sn=require("react/jsx-runtime");var Ce=require("react/jsx-runtime"),rn=M.states,ln=M.defaultOptions,dn=M.options,cn=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],pn=[],te=t=>{let{modifiers:e,...o}=t,a={};return Object.keys(e||{}).forEach(n=>{switch(n){case"prefix":a.prefix=e!=null&&e[n]?(0,Ce.jsx)(N,{icon:"lock"}):void 0;break;case"suffix":a.suffix=e!=null&&e[n]?(0,Ce.jsx)(J,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=e==null?void 0:e[n];break;default:break}}),(0,Ce.jsx)(Bt,{value:"Value",style:{width:300},...o,...a})};te.options=dn;te.states=rn;te.variants=pn;te.defaultOptions=ln;te.modifiers=cn;te.className=M.className;var O=require("react/jsx-runtime"),$t="k-actionsheet-titlebar",un={},xe=t=>{let{title:e,subtitle:o,actionsStart:a,actionsEnd:n,filter:l,input:p,inputValue:c,inputPlaceholder:x,adaptive:m,titleId:h,children:b,...v}=t;return(0,O.jsxs)("div",{...v,className:i(t.className,$t),children:[(0,O.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,O.jsx)("div",{className:"k-actionsheet-actions",children:a}),!b&&(0,O.jsxs)("div",{className:"k-actionsheet-title",id:h,children:[e&&(0,O.jsx)("div",{className:"k-text-center",children:e}),o&&(0,O.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),b&&(0,O.jsx)("div",{className:"k-actionsheet-title",id:h,children:b}),n&&(0,O.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(p||l)&&(0,O.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,O.jsx)(M,{value:c,placeholder:x,size:m?"large":"medium","aria-label":e||x||"Input"}):(0,O.jsx)($,{placeholder:"Filter",size:m?"large":"medium","aria-label":"Filter options"})})]})};xe.className=$t;xe.defaultOptions=un;var oe=require("react/jsx-runtime"),ot="k-actionsheet-view",mn=[],fn={},xn={},ne=t=>{let{adaptive:e,animated:o,children:a,header:n,footer:l,titleId:p,...c}=t,x=(n==null?void 0:n.type)===xe&&(0,oe.jsx)(xe,{adaptive:e,titleId:p,...n==null?void 0:n.props}),m=(l==null?void 0:l.type)===De&&(0,oe.jsx)(De,{...l==null?void 0:l.props});return(0,oe.jsxs)("div",{...c,className:i(t.className,ot,{[`${ot}-animated`]:o}),children:[x,(0,oe.jsx)("div",{className:"k-actionsheet-content",children:a}),m]})};ne.states=mn;ne.options=fn;ne.className=ot;ne.defaultOptions=xn;var nt="action-sheet",Xt=nt;var at="overlay",qt=at;var Gt=require("react/jsx-runtime"),Jt="k-overlay",hn=[],bn={},Nn={},X=t=>{let{...e}=t;return(0,Gt.jsx)("div",{...e,className:i(t.className,Jt),children:t.children})};X.states=hn;X.options=bn;X.className=Jt;X.defaultOptions=Nn;X.moduleName=at;X.folderName=qt;var G=require("react/jsx-runtime"),it="k-actionsheet",vn=[],In={},he={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},P=t=>{let{side:e=he.side,fullscreen:o=he.fullscreen,adaptive:a=he.adaptive,overlay:n=he.overlay,template:l,children:p,header:c,footer:x,id:m,...h}=t,b=m&&!l&&c?`${m}-title`:void 0;return(0,G.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,G.jsx)(X,{}),(0,G.jsx)(D,{animationStyle:{[`${o===!0?"top":e}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${e==="top"||e==="bottom"?"width":null}`]:"100%",[`${e==="left"||e==="right"?"height":null}`]:"100%"},children:(0,G.jsx)("div",{...h,id:m,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":b,className:i(t.className,it,{[`k-actionsheet-${e}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l||(0,G.jsx)(ne,{header:c,footer:x,adaptive:a,titleId:b,...t,children:p})})})]})};P.states=vn;P.options=In;P.className=it;P.defaultOptions=he;P.moduleName=nt;P.folderName=Xt;P.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var gn=P;