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

A collection of HTML helpers used for developing Kendo UI themes

var Be=Object.create;var P=Object.defineProperty;var Ie=Object.getOwnPropertyDescriptor;var Me=Object.getOwnPropertyNames;var we=Object.getPrototypeOf,Ae=Object.prototype.hasOwnProperty;var Ee=(t,e)=>{for(var n in e)P(t,n,{get:e[n],enumerable:!0})},se=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Me(e))!Ae.call(t,r)&&r!==n&&P(t,r,{get:()=>e[r],enumerable:!(i=Ie(e,r))||i.enumerable});return t};var ze=(t,e,n)=>(n=t!=null?Be(we(t)):{},se(e||!t||!t.__esModule?P(n,"default",{value:t,enumerable:!0}):n,t)),_e=t=>se(P({},"__esModule",{value:!0}),t);var nt={};Ee(nt,{SuggestionGroupNormal:()=>ot});module.exports=_e(nt);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 S=(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"}),U=(t,e)=>{let{valid:n,invalid:i,hover:r,focus:u,checked:d,active:c,selected:O,disabled:N,indeterminate:g,loading:T,empty:x,readonly:R,highlighted:W,...E}=e;return l({"k-valid":n,"k-invalid":i,"k-hover":r,"k-focus":u,"k-checked":d,"k-active":c,"k-selected":O,"k-disabled":N,"k-indeterminate":g&&!d,"k-loading":T,"k-empty":x,"k-readonly":R,"k-highlighted":W},Object.keys(E).reduce((p,B)=>(B.startsWith("k-")?p[B]=E[B]:p[`k-${B}`]=E[B],p),{}))};function re(t,e){if(!e)return{};let n=Array.isArray(e)?e:[e];return Object.fromEntries(n.map(i=>[`k-${i}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},I={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},M={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},h={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"},f={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 _=require("react/jsx-runtime"),J="k-font-icon",Le=[],Ke={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},Ge={},L=t=>{let{size:e,themeColor:n,icon:i,rotate:r,flip:u,...d}=t;return i?(0,_.jsx)("span",{...d,className:l(t.className,J,S(J,{size:e}),{[`k-i-${i}`]:i,[`k-color-${n}`]:n,[`k-rotate-${r}`]:r,"k-flip-h":u==="h"||u==="both","k-flip-v":u==="v"||u==="both"}),"aria-hidden":"true"}):(0,_.jsx)(_.Fragment,{})};L.states=Le;L.options=Ke;L.className=J;L.defaultOptions=Ge;var ie=L;var w=require("react/jsx-runtime"),Q="k-svg-icon",Re=[],$e={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[h.outline,h.solid,h.duotone]},X={viewBox:"0 0 24 24",variant:h.outline},K=t=>{var T,x;let{size:e,themeColor:n,rotate:i,flip:r,viewBox:u=X.viewBox,variant:d=X.variant,icon:c,...O}=t;if(!c)return(0,w.jsx)(w.Fragment,{});if(c==="none")return(0,w.jsx)("span",{...O,className:l(t.className,Q,S("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let N=typeof c=="object"&&c.name&&c.name,g=typeof c=="object"?d&&((T=c.variants)==null?void 0:T[d])||((x=c.variants)==null?void 0:x.outline)||c.content:void 0;return(0,w.jsx)("span",{...O,className:l(t.className,Q,S("k-icon",{size:e}),{[`k-svg-i-${N}`]:N,[`k-color-${n}`]:n,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,w.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:u,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:c?void 0:t.children})})};K.states=Re;K.options=$e;K.className=Q;K.defaultOptions=X;var Y=K;var Z=ze(require("@progress/kendo-svg-icons"));var ae="icon",le="icons";var de=require("react");var ce=require("react"),ue=(0,ce.createContext)({iconsType:"svg"});var C=require("react/jsx-runtime"),H="k-icon",Pe=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ue=[],He={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[h.outline,h.solid,h.duotone]},D={viewBox:"0 0 24 24",type:"svg",variant:h.outline},b=t=>{let{iconsType:e}=(0,de.useContext)(ue),{size:n,themeColor:i,icon:r,type:u=e||D.type,rotate:d,flip:c,viewBox:O=D.viewBox,variant:N=D.variant,...g}=t;if(!r)return(0,C.jsx)(C.Fragment,{});if((e||u)==="svg"){if(r==="none")return(0,C.jsx)(Y,{...g,className:l(t.className,H),icon:r,size:n,variant:N});let x=Z[r]?r:Pe(`${r}-icon`);return Z[x]?(0,C.jsx)(Y,{...g,className:l(t.className,H),icon:Z[x],size:n,themeColor:i,rotate:d,flip:c,viewBox:O,variant:N}):(0,C.jsx)(C.Fragment,{})}return(0,C.jsx)(ie,{...g,className:l(t.className,H),icon:r,size:n,themeColor:i,rotate:d,flip:c})};b.states=Ue;b.options=He;b.defaultOptions=D;b.className=H;b.moduleName=ae;b.folderName=le;b.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 j="button",me=j;var m=require("react/jsx-runtime"),G="k-button",De=["icon-button"],Fe=[f.hover,f.focus,f.active,f.selected,f.disabled,f.generating],Ve={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[I.undefined,I.none,I.small,I.medium,I.large,I.full],fillMode:[M.undefined,M.solid,M.flat,M.outline,M.clear,M.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},ee={showArrow:!1,arrowIconName:"chevron-down"},a=t=>{let{as:e="button",size:n,rounded:i,fillMode:r,themeColor:u,showArrow:d=ee.showArrow,arrowIconName:c=ee.arrowIconName,variant:O,hover:N,focus:g,active:T,selected:x,disabled:R,togglable:W,ariaDisabled:E,icon:p,iconSize:B,text:$,iconClassName:Se,className:Ce,...ke}=t,Oe=p!=null,Te=t.children!==void 0;return(0,m.jsxs)(e,{className:l(Ce,G,re(G,O),S(G,{size:n,rounded:i,fillMode:r,themeColor:u}),U(G,{hover:N,focus:g,active:T,disabled:R||E,selected:x}),{"k-icon-button":!$&&!Te&&Oe}),"aria-pressed":W?x?"true":"false":void 0,...ke,"aria-disabled":E?"true":void 0,disabled:R||void 0,children:[typeof p=="string"&&p&&(0,m.jsx)(b,{className:l(Se,"k-button-icon"),icon:p,size:B}),p&&typeof p!="string"&&(0,m.jsx)(m.Fragment,{children:p}),$?(0,m.jsxs)(m.Fragment,{children:[$&&(0,m.jsx)("span",{className:"k-button-text",children:$}),t.children]}):t.children&&(0,m.jsx)("span",{className:"k-button-text",children:t.children}),d&&(0,m.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,m.jsx)(b,{icon:c})})]})};a.states=Fe;a.options=Ve;a.variants=De;a.className=G;a.defaultOptions=ee;a.moduleName=j;a.folderName=me;a.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 fe=require("react/jsx-runtime"),pe=t=>(0,fe.jsx)(a,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});var xe=require("react/jsx-runtime"),ge=t=>(0,xe.jsx)(a,{icon:"folder",children:"Button",...t});var be=require("react/jsx-runtime"),he=t=>(0,be.jsx)(a,{children:"Button",...t});var F=require("react/jsx-runtime"),qe=a.options,We=a.states,Je={...a.defaultOptions,variant:"text"},Qe=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Xe=[],z=t=>{let{variant:e,...n}=t;switch(e){case"icon-only":return(0,F.jsx)(pe,{...n,icon:"star"});case"icon-and-text":return(0,F.jsx)(ge,{...n,icon:"star",children:"Button"});default:return(0,F.jsx)(he,{...n,children:"Button"})}};z.options=qe;z.states=We;z.variants=Qe;z.defaultOptions=Je;z.modifiers=Xe;z.className=a.className;var te="suggestion",ve=te;var A=require("react/jsx-runtime"),V="k-suggestion-group",Ye=[],Ze={},ye={layout:"scrollable",scrollingPosition:"start"},v=t=>{let{layout:e=ye.layout,scrollingPosition:n,...i}=t,r=(0,A.jsx)("div",{...i,className:l(V,{"k-suggestion-group-scrollable":e=="scrollable",[`${V}-scrollable-start`]:n==="start"||n==="both",[`${V}-scrollable-end`]:n==="end"||n==="both"},t.className),role:"group",children:e==="scrollable"||e==="scrollButtons"?(0,A.jsx)("div",{className:"k-suggestions-scroll",children:t.children}):t.children});return e=="scrollButtons"?(0,A.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,A.jsx)(a,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),r,(0,A.jsx)(a,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):r};v.states=Ye;v.options=Ze;v.className=V;v.defaultOptions=ye;v.moduleName=te;v.folderName=ve;var Ne=require("react/jsx-runtime"),q="k-suggestion",je=[f.active,f.hover,f.focus],et={themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary]},tt={text:"Suggestion"},y=t=>{let{themeColor:e,active:n,hover:i,focus:r,text:u,...d}=t;return(0,Ne.jsx)("span",{...d,className:l(t.className,q,U(q,{hover:i,active:n,focus:r}),S(q,{themeColor:e})),role:"button",tabIndex:0,"aria-label":u,children:u})};y.states=je;y.options=et;y.className=q;y.item=tt;var oe=require("react/jsx-runtime");var ne=require("react/jsx-runtime");var k=require("react/jsx-runtime"),ot=t=>(0,k.jsx)(v,{children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(y,{text:"Suggestion"}),(0,k.jsx)(y,{text:"Suggestion"}),(0,k.jsx)(y,{text:"Suggestion"})]}),...t});