1var Os=Object.defineProperty,qs=Object.defineProperties;var Es=Object.getOwnPropertyDescriptors;var Ie=Object.getOwnPropertySymbols;var zs=Object.prototype.hasOwnProperty,ys=Object.prototype.propertyIsEnumerable;var Le=(s,l,o)=>l in s?Os(s,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):s[l]=o,W=(s,l)=>{for(var o in l||(l={}))zs.call(l,o)&&Le(s,o,l[o]);if(Ie)for(var o of Ie(l))ys.call(l,o)&&Le(s,o,l[o]);return s},le=(s,l)=>qs(s,Es(l));var L=(s,l,o)=>new Promise((h,m)=>{var j=S=>{try{g(o.next(S))}catch(D){m(D)}},x=S=>{try{g(o.throw(S))}catch(D){m(D)}},g=S=>S.done?h(S.value):Promise.resolve(S.value).then(j,x);g((o=o.apply(s,l)).next())});import{b as Je,j as e,r as c,F as k}from"./vendor-CdyVhcFp.js";import{l as Ke,m as Y,i as R,V as As,n as Us,o as Ts,p as Ws,u as Gs,q as v,C as H,M as $s,r as je,h as Zs,s as re,t as Qs,B as d,v as Xs,w as Js,O as Ks,x as _s,y as Ys,z as Pe,D as Vs,G as et,H as st,W as Be,J as ne,K as O,N as tt,P as Re,Q as De,T as it,U as He,X as ge,F as at,Y as z,Z as lt,_ as rt,b as nt}from"./main-g-ZnRNk3.js";import{V as xe}from"./ValidationMessage-ChAGHmwq.js";import{F as V}from"./FormGroup-DjFcA4MW.js";import{C as ot,N as ct}from"./CurrencyInput-CSffOktu.js";import{gc as dt,gd as ut,ge as mt,gf as xt,gg as ht,gh as jt,gi as gt,gj as bt,gk as vt,gl as pt,gm as ft,gn as Ct,go as St,gp as kt,gq as wt,gr as Nt,gs as Mt,gt as Ft,gu as p,gv as f,gw as n,gx as It,gy as Lt,gz as Pt,gA as Bt,gB as Rt,gC as Dt,gD as Ht,gE as Ot,gF as qt,gG as Et,gH as zt,gI as yt,gJ as At,gK as Ut,gL as Tt,gM as Wt,gN as Gt,gO as Oe,gP as qe,gQ as Ee,gR as $t,gS as Zt,gT as Qt,gU as Xt,gV as Jt,gW as Kt,gX as _t,gY as Yt}from"./cssModules-BUIZcazZ.js";import{B as Q}from"./Button-NOZXTRtp.js";import{C as Vt}from"./Checkbox-DYPV_04C.js";import{L as ei}from"./LocationSelectorField-BTTV4qNh.js";import{T as ze}from"./TextAreaField-V6gJjdYZ.js";import{T as ye}from"./TextField-C10Wm-Ur.js";import{P as si}from"./PillToggleSwitch-BYWZhEdw.js";import{G as ti}from"./GalleryAction-DwoXwS2l.js";import{C as oe}from"./CurrencyField-CDuyXNtx.js";import{T as be}from"./TextField-DxYWdCoX.js";import{M as ii}from"./MobileNumberField-BLR7VL81.js";import{N as ce,M as ai}from"./MakeModelSingleSelect-ZMIUvi45.js";import{C as li,B as ri}from"./BadgesCredit-Bc0zXuco.js";import{F as G}from"./FilterTag-CrcQCxDE.js";import{F as _e}from"./FixedFooter-YB9lhFma.js";import{P as ni,a as oi}from"./PartialScrollableContent-5D9SM1yF.js";import{S as ci}from"./SearchClient-DEqV1EL6.js";import{V as di}from"./VehicleCategoryDropdown-BkTqucbR.js";import{H as w}from"./HorizontalComponentContainer-UexfF2-E.js";import{C as ui}from"./CurrencyInput-9xZVwgfv.js";import{N as Ae}from"./NumberInput-D0_fWrYw.js";import{L as mi}from"./LocationSelector-CHb6KPO2.js";import{c as q,F as xi,C as hi,B as ji,K as gi}from"./FacetSingleSelectList-C9a3iLBH.js";import{C as bi,W as vi}from"./WideCircleImage-B24HcfP6.js";import{C as I}from"./CardButton-Bc38h6c2.js";import{C as de,F as Ue}from"./ApplyResetFooter-CvbcYj-Z.js";import{F as ue}from"./Favourite-By-rcAkB.js";import{L as J}from"./ListingIndicators-DrHCGNAD.js";import{P as K}from"./PriceRating-CivhFTXD.js";import{H as $}from"./HighlightMessageStacked-DG1b1_5b.js";import{H as Z}from"./HighlightMessageHorizontal-uzak8UXB.js";import{M as pi,a as fi}from"./MultiSelectList-DFSGuiyP.js";import{P as Ci,I as Si,a as ki,b as wi}from"./ImagesClient-DRmSSeaw.js";import{B as Ni}from"./BadgeArtificialIntelligence-DgwARDN-.js";import{P as E,c as Te,a as We}from"./chevron-left-white-BbwZkVdn.js";import{c as Ge,a as $e}from"./chevron-left-grey-disabled-BSVknFUP.js";import{I as Mi}from"./InlineMessageHorizontal-C5_P-t5n.js";import{I as Fi}from"./InlineMessageStacked-DZ-KM3SK.js";import{R as Ze}from"./RatingProgressBar-D2dd-S9V.js";import{L as N}from"./Label-C21UvAzZ.js";import{V as b}from"./VehicleSpecTag-BzeBo2P4.js";import{A as Ii,a as Li}from"./AccordionHeader-DiHCfnxO.js";import"./Spinner-iGCsqlB0.js";import"./check-DjEBwTiF.js";import"./InputPrefixIcon-b2L4_JUj.js";import"./FiltersAffectingResults-DzG3TRvO.js";import"./new-search-D83ZllDy.js";import"./check-BqdmFD3k.js";import"./location-dot-BpWMEY97.js";import"./InlineContent-GWhk-E5P.js";import"./ProfileClient-B7kfsLFM.js";import"./PriceRatingDetail-CuyLBB_p.js";import"./Toast-hz-Trfeo.js";import"./PriceRatingContent-BOVQNXAS.js";import"./OverlayContentHeader-BmcMeCmr.js";import"./OverlayContentHeaderTitle-XP-hHEMv.js";import"./close-white-CzwDw2gl.js";function Qe(s){const{setFieldValue:l,validateField:o}=Je(),h=Ke(s),[m,j,x]=Y({name:h.name,validate:s.validate}),g=S=>L(null,null,function*(){s.validateOnChange===!0?(yield l(s.name.toString(),S,!1),yield o(s.name.toString())):x.setValue(S)});return e.jsxs(V,{name:s.label,nameSuffix:s.labelSuffix,hasError:!R(j.error),groupClass:dt,noBottomMargin:s.noBottomMargin,htmlFor:s.htmlFor,children:[e.jsxs("div",{className:ut,children:[e.jsx("div",{className:mt,children:e.jsx(ot,{disabled:h.disabled,value:m.value,onChange:g,small:s.small,suffix:s.suffix,placeholder:s.placeholder,inputMode:s.inputMode,htmlFor:s.htmlFor})}),s.fieldSuffix]}),e.jsx(xe,{message:j.error})]})}function Pi(s){const l=(m,j)=>e.jsxs("label",{children:[c.createElement("input",le(W({type:"radio",disabled:s.disabled},j),{checked:m==j.value,onChange:()=>s.onChange(j.value),value:j.value,key:Math.random()})),e.jsx("span",{className:ht}),e.jsx("span",{className:jt,children:j.text})]},`radio_${j.value}`);let o=xt+" ";return s.colour==="white"?o+=gt:o+=bt,e.jsx("span",{className:o,children:s.radioButtons.map(m=>l(s.value,m))})}function Bi(s){const l=Ke(s),[o,h,m]=Y({name:l.name,validate:s.validate});return e.jsxs(V,{name:s.label,hasError:!R(h.error),noBottomMargin:s.noBottomMargin,children:[e.jsx(Pi,{value:o.value,onChange:m.setValue,radioButtons:s.items}),s.children,e.jsx(As,{message:h.error})]})}
1function Ri(s){const[l,o,h]=Y({name:s.name.toString(),validate:s.validate,type:"checkbox"});return e.jsxs(V,{hasError:!R(o.error),noBottomMargin:s.noBottomMargin,children:[e.jsxs(Vt,{checked:l.value,onClick:()=>h.setValue(!l.value),wrap:s.wrap,multipleCheckboxes:s.multipleCheckboxes,children:[s.label&&s.label,s.children&&s.children]}),e.jsx(xe,{message:o.error})]})}function r(s){return e.jsx("span",{className:vt,children:e.jsx("h6",{className:`${pt} ${s.marginBottom?ft:Ct}`,children:s.children})})}function me(s){const[l,o,h]=Y({name:s.name.toString(),validate:s.validate});return e.jsxs(V,{name:s.label,hasError:!R(o.error),noBottomMargin:s.noBottomMargin,children:[e.jsx("div",{className:"e-input-container",children:e.jsx(ct,{name:l.name,value:l.value,onChange:m=>{h.setValue(m),R(s.onChange)||s.onChange(m)},onBlur:()=>h.setTouched(!0),min:s.min,max:s.max,decimals:s.decimals,placeholder:s.nullText,format:s.format,suffix:s.suffix,small:s.small,prefix:s.prefix,inputMode:s.inputMode})}),e.jsx(xe,{message:o.error})]})}function Di(s){function l(){let x=kt;return s.disabled&&(x+=" "+wt),s.small===!0&&(x+=" "+Nt),x}function o(x){if(s.items)return s.items[x].value}function h(x){if(s.items)return s.items.findIndex(g=>g.value===x)}function m(x){const g=parseInt(x.target.value);isNaN(g)?s.onChange(void 0):s.onChange(o(g))}function j(){if(R(s.placeholderText)){if(!R(s.nullText))return e.jsx("option",{value:"",children:s.nullText},"nullTextKey")}else return e.jsx("option",{value:"",hidden:!0,children:s.placeholderText},"placeholderTextKey");return null}return e.jsxs(e.Fragment,{children:[s.disabled&&e.jsxs("div",{className:l(),children:[s.nullText,e.jsx("span",{className:"e-caret"})]}),!s.disabled&&e.jsx("div",{className:St,children:e.jsxs("select",{className:l(),value:R(s.value)?"":h(s.value),disabled:s.disabled,onChange:m,children:[j(),s.items&&s.items.map((x,g)=>e.jsx("option",{value:g,children:x.text},`${g}-${x.text}`))]})})]})}function Xe(s){const{setFieldValue:l,validateField:o}=Je(),[h,m,j]=Y({name:s.name.toString(),validate:s.validate});c.useEffect(()=>{!R(s.updateDependentFields)&&!Us(s.dependentFields)&&s.dependentFields.forEach(g=>{s.updateDependentFields(g,h.value)})},[h.value]);const x=g=>L(null,null,function*(){s.validateOnChange===!0?(yield l(s.name.toString(),g,!1),yield o(s.name.toString())):j.setValue(g)});return e.jsx("span",{className:[Mt,"m-dropdown-arrow"].join(" "),children:e.jsxs(V,{name:s.label,hasError:!R(m.error),noBottomMargin:s.noBottomMargin,required:s.required,
1children:[e.jsx(Di,{disabled:s.disabled,nullText:s.nullText,placeholderText:s.placeholderText,items:s.items,value:h.value,onChange:x,small:s.small}),e.jsx(xe,{message:m.error})]})})}function Hi(){const[s,l]=c.useState(null);if(s)throw s;return e.jsx(Q,{onClick:()=>{l(new Error("This is an error"))},children:"Click here to error out the component"})}const Oi=()=>{const s="The quick brown fox jumps over the lazy dog";return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:Ft,children:[e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:"Preview"}),e.jsx("div",{className:n,children:"Name"}),e.jsx("div",{className:n,children:"Weight"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("h1",{className:It,children:s})}),e.jsx("div",{className:n,children:"Headings/H1 Hero"}),e.jsx("div",{className:n,children:"Medium (500)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("h1",{children:s})}),e.jsx("div",{className:n,children:"Headings/H1"}),e.jsx("div",{className:n,children:"Medium (500)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("h2",{children:s})}),e.jsx("div",{className:n,children:"Headings/H2"}),e.jsx("div",{className:n,children:"Medium (500)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("h3",{children:s})}),e.jsx("div",{className:n,children:"Headings/H3"}),e.jsx("div",{className:n,children:"Medium (500)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("h4",{children:s})}),e.jsx("div",{className:n,children:"Headings/H4"}),e.jsx("div",{className:n,children:"Medium (500)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("h4",{className:Lt,children:s})}),e.jsx("div",{className:n,children:"Headings/H4 Regular"}),e.jsx("div",{className:n,children:"Regular (400)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("h5",{children:s})}),e.jsx("div",{className:n,children:"Headings/H5"}),e.jsx("div",{className:n,children:"Medium (500)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("h5",{className:Pt,children:s})}),e.jsx("div",{className:n,children:"Headings/H5 Regular"}),e.jsx("div",{className:n,children:"Regular (400)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("h6",{children:s})}),e.jsx("div",{className:n,children:"Headings/H6"}),e.jsx("div",{className:n,children:"Medium (500)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("h6",{className:Bt,children:s})}),e.jsx("div",{className:n,children:"Headings/H6 Regular"}),e.jsx("div",{className:n,children:"Regular (400)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("p",{className:Rt,children:s})}),e.jsx("div",{className:n,children:"XLarge/Medium"}),e.jsx("div",{className:n,children:"Medium (500)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("p",{className:Dt,children:s})}),e.jsx("div",{className:n,children:"XLarge/Regular"}),e.jsx("div",{className:n,children:"Regular (400)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("p",{className:Ht,children:s})}),e.jsx("div",{className:n,children:"Large/Medium"}),e.jsx("div",{className:n,children:"Medium (500)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("p",{className:Ot,children:s})}),e.jsx("div",{className:n,children:"Large/Regular"}),e.jsx("div",{className:n,children:"Regular (400)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("p",{className:qt,children:s})}),e.jsx("div",{className:n,children:"Base/Medium"}),e.jsx("div",{className:n,children:"Medium (500)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("p",{className:Et,children:s})}),e.jsx("div",{className:n,children:"Base/Regular"}),e.jsx("div",{className:n,children:"Regular (400)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("p",{className:zt,children:s})}),e.jsx("div",{className:n,children:"Small/Medium"}),e.jsx("div",{className:n,children:"Medium (500)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("p",{className:yt,children:s})}),e.jsx("div",{className:n,children:"Small/Regular"}),e.jsx("div",{className:n,children:"Regular (400)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("p",{className:At,children:s})}),e.jsx("div",{className:n,children:"XSmall/Medium"}),e.jsx("div",{className:n,children:"Medium (500)"})]}),e.jsxs("div",{className:p,children:[e.jsx("div",{className:f,children:e.jsx("p",{className:Ut,children:s})}),e.jsx("div",{className:n,children:"XSmall/Regular"}),e.jsx("div",{className:n,children:"Regular (400)"})]})]}),e.jsx("hr",{}),e.jsx("br",{}),e.jsx("h4",{children:"Paragraph"}),e.jsx("p",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."})]})},qi=s=>e.jsx("div",{className:Tt,children:e.jsx(_e,{children:s.children})});var _=(s=>(s[s.Beige=1]="Beige",s[s.Black=2]="Black",s[s.Blue=3]="Blue",s[s.Bronze=4]="Bronze",s[s.Brown=5]="Brown",s[s.Burgundy=6]="Burgundy",s[s.Gold=7]="Gold",s[s.Green=8]="Green",s[s.Grey=9]="Grey",s[s.Indigo=10]="Indigo",s[s.Magenta=11]="Magenta",s[s.Maroon=12]="Maroon",s[s.Navy=13]="Navy",s[s.Orange=14]="Orange",s[s.Pink=15]="Pink",s[s.Purple=16]="Purple",s[s.Red=17]="Red",s[s.Silver=18]="Silver",s[s.Turquoise=19]="Turquoise",s[s.White=20]="White",s[s.Yellow=21]="Yellow",s))(_||{}),y=(s=>
1(s[s.Cabriolet=1]="Cabriolet",s[s.Coupe=2]="Coupe",s[s.CrewBus=3]="CrewBus",s[s.DoubleCab=4]="DoubleCab",s[s.ExtendedCab=5]="ExtendedCab",s[s.Fastback=6]="Fastback",s[s.Hatchback=7]="Hatchback",s[s.KingCab=8]="KingCab",s[s.LightCommercialVehicle=9]="LightCommercialVehicle",s[s.Minibus=10]="Minibus",s[s.MultiPurposeVehicle=11]="MultiPurposeVehicle",s[s.PanelVan=12]="PanelVan",s[s.Sedan=13]="Sedan",s[s.SingleCab=14]="SingleCab",s[s.Sportback=15]="Sportback",s[s.StationWagon=16]="StationWagon",s[s.SuperCab=17]="SuperCab",s[s.SportsUtilityVehicle=18]="SportsUtilityVehicle",s[s.Adventure=19]="Adventure",s[s.Chopper=20]="Chopper",s[s.Classic=21]="Classic",s[s.Commuter=22]="Commuter",s[s.Cruiser=23]="Cruiser",s[s.CustomCruiser=24]="CustomCruiser",s[s.DualPurpose=25]="DualPurpose",s[s.DualSport=26]="DualSport",s[s.SideBySide=27]="SideBySide",s[s.Enduro=28]="Enduro",s[s.HyperSport=29]="HyperSport",s[s.MiniBike=30]="MiniBike",s[s.Moped=31]="Moped",s[s.Motocross=32]="Motocross",s[s.Naked=33]="Naked",s[s.Pitbike=34]="Pitbike",s[s.Quad=35]="Quad",s[s.QuadSport=36]="QuadSport",s[s.QuadUtility=37]="QuadUtility",s[s.RoadsterOrRetro=38]="RoadsterOrRetro",s[s.Scooter=39]="Scooter",s[s.Scrambler=40]="Scrambler",s[s.Sidecar=41]="Sidecar",s[s.Spider=42]="Spider",s[s.Sports=43]="Sports",s[s.SportsTourer=44]="SportsTourer",s[s.Street=45]="Street",s[s.SuperBike=46]="SuperBike",s[s.SuperMoto=47]="SuperMoto",s[s.SuperSports=48]="SuperSports",s[s.ThreeWheeler=49]="ThreeWheeler",s[s.Tourer=50]="Tourer",s[s.TrailBike=51]="TrailBike",s[s.TrialsBike=52]="TrialsBike",s[s.BendyBus=53]="BendyBus",s[s.Coach=54]="Coach",s[s.DoubleDeckerCoach=55]="DoubleDeckerCoach",s[s.DoubleDeckerBus=56]="DoubleDeckerBus",s[s.OpenDeckBus=57]="OpenDeckBus",s[s.SingleDeckerBus=58]="SingleDeckerBus",s[s.TripleDeckerBus=59]="TripleDeckerBus",s))(y||{});const Ye=c.createContext(void 0);function Ei(s){const[l,o]=c.useState(s.selectedId),h=c.useContext(c.createContext({isSelected:j=>l==j}));function m(){const j=[];return c.Children.forEach(s.children,x=>{Ts(x.props.title)||j.push(e.jsx("div",{className:`e-tab ${x.props.id==l?"m-active":""}`,onClick:()=>o(x.props.id),children:e.jsx("span",{className:"e-text",children:x.props.title})},`${x.props.title}`))}),e.jsx(e.Fragment,{children:j})}return e.jsx(Ye.Provider,{value:h,children:e.jsxs("div",{className:"b-form-tab",children:[e.jsx("div",{className:"e-form-tabs",children:m()}),e.jsx("div",{className:"e-form-content",children:s.children})]})})}function B(s){return e.jsx(Ye.Consumer,{children:({isSelected:l})=>e.jsx(e.Fragment,{children:l(s.id)&&e.jsx("div",{className:"e-tab-content",children:s.children})})})}const zi="/Bundles/client/assets/dealer-logo-example-DgDEvNiT.jpg",yi="/Bundles/client/assets/profile-picture-example-B0LC1Yha.jpg";class Ai{allIcons(l){return L(this,null,function*(){return Ws.ajax({method:"POST",url:"/allIcons",caller:"ComponentIconClient.allIcons"},l)})}}const Ui=new Ai,Ti=()=>{const[s,l]=c.useState([]),[o,h]=c.useState([]),[m,j]=c.useState(""),[x,g]=c.useState(!0),[S,D]=c.useState(null);if(c.useEffect(()=>{L(null,null,function*(){try{g(!0);const M=yield Ui.allIcons();l(M),h(M)}catch(M){D(M.message)}finally{g(!1)}})},[]),c.useEffect(()=>{if(m.trim()==="")h(s);else{const C=s.filter(M=>M.iconName.toLowerCase().includes(m.toLowerCase()));h(C)}},[m,s]),x)return e.jsx("div",{children:"Loading icons..."});if(S)return e.jsxs("div",{children:["Error: ",S]});const ee=m.trim()?{}:s.reduce((C,M)=>{const a=M.iconFolderName||"Unknown Folder";return C[a]||(C[a]=[]),C[a].push(M),C},{});return e.jsxs("div",{className:Wt,children:[e.jsx("div",{children:e.jsx("input",{type:"text",placeholder:"Search icons...",className:Gt,value:m,onChange:C=>j(C.target.value)})}),m.trim()?e.jsx("div",{className:Oe,children:o.map(C=>e.jsxs("div",{className:qe,children:[e.jsx("img",{src:C.iconRelativePath,alt:C.iconName,style:{width:"50px",height:"50px",marginBottom:"8px"}}),e.jsx("span",{className:Ee,children:C.iconName})]},C.iconName))}):Object.entries(ee).map(([C,M])=>e.jsxs("div",{className:"",children:[e.jsx("h2",{children:C}),e.jsx("div",{className:Oe,children:M.map(a=>e.jsxs("div",{className:qe,children:[e.jsx("img",{src:a.iconRelativePath,alt:a.iconName,className:$t}),e.jsx("span",{className:Ee,children:a.iconName})]},a.iconName))})]},C))]})},Wi="/Bundles/client/assets/placeholder-plus-circle-C_P4dNXh.svg",Gi="/Bundles/client/assets/Red-B2MgxwBT.svg",$i="/Bundles/client/assets/Blue-4kUlqYo-.svg",Zi="/Bundles/client/assets/Green-BstvBR_m.
1svg",Qi="/Bundles/client/assets/White-3bNJ7ZWC.svg",Xi="/Bundles/client/assets/coupe-BihJ18lZ.svg",Ji="/Bundles/client/assets/cabriolet-B0YJFSVH.svg",Ki="/Bundles/client/assets/fastback-DS9ZW-kk.svg",_i="/Bundles/client/assets/single-cab-CPuPvMqA.svg",Yi="/Bundles/client/assets/sportback-DSEFd1AI.svg",Vi="/Bundles/client/assets/suv-DfsGxeDn.svg",ve=new ci,ea=new wi;function dl(){const s=Gs()==="SmartPhone",[l,o]=c.useState(!1),[h,m]=c.useState(!1),[j,x]=c.useState(!1),g=()=>{o(t=>!t)},S=()=>{m(t=>!t)},D={text:"",number:0,boolean:!1,small:!0},ee=[{value:"1",text:"Option 1"},{value:"2",text:"Option 2"},{value:"3",text:"Option 3"}],C=[{value:"1",text:"Option 1",count:10},{value:"2",text:"Option 2",count:20},{value:"3",text:"Option 3",count:30}],M=[{value:"small",text:"Small"},{value:"large",text:"Large"}];function a(){return L(this,null,function*(){yield ne(2e3)})}function P(){return L(this,null,function*(){yield ne(2e3),yield Promise.reject()})}const[Ve,pe]=c.useState(!1),[es,fe]=c.useState(!1),[ss,Ce]=c.useState(!1),[ts,Se]=c.useState(!1),ke=[{text:"Option 1",value:"Option 1"},{text:"Option 2",value:"Option 2"}],[se,is]=c.useState(ke[0].value),[as,ls]=c.useState(0),rs=5,ns=t=>{ls(t)},os=Object.values(li).filter(t=>typeof t=="number"),cs=[{value:1,text:"Option 1"},{value:2,text:"Option 2"},{value:3,text:"Option 3"}],ds=[{value:1,text:"Option 1"},{value:2,text:"Option 2"},{value:3,text:"Option 3"}],us=[{value:_.Red,text:"Red",iconUrl:Gi,hexCode:"#FF0000",count:10,badgeText:null,isChild:null},{value:_.Blue,text:"Blue",iconUrl:$i,hexCode:"#0000FF",count:20,badgeText:null,isChild:null},{value:_.Green,text:"Green",iconUrl:Zi,hexCode:"#00FF00",count:30,badgeText:null,isChild:null},{value:_.White,text:"White",iconUrl:Qi,hexCode:"#FFFFFF",count:40,badgeText:null,isChild:null}],[ms,xs]=c.useState(1),A=new $s;function U(t){return v[t]}const hs=[{channel:H.Bikes,count:45,iconUrl:A.getChannelImageUrl(H.Bikes,"grey"),activeIconUrl:"",value:v.Bikes,text:U(v.Bikes)},{channel:H.Leisure,count:20,iconUrl:A.getVehicleCategoryImageUrl(v.Boats),activeIconUrl:"",value:v.Boats,text:U(v.Boats)},{channel:H.Leisure,count:1,iconUrl:A.getVehicleCategoryImageUrl(v.Caravans),activeIconUrl:"",value:v.Caravans,text:U(v.Caravans)},{channel:H.Commercial,count:50,iconUrl:A.getVehicleCategoryImageUrl(v.Attachments),activeIconUrl:"",value:v.Attachments,text:U(v.Attachments)},{channel:H.Commercial,count:75,iconUrl:A.getVehicleCategoryImageUrl(v.Trucks),activeIconUrl:"",value:v.Trucks,text:U(v.Trucks)},{channel:H.Cars,count:80905,iconUrl:A.getChannelImageUrl(H.Cars,"grey"),activeIconUrl:"",value:v.Cars,text:U(v.Cars)}],[js,gs]=c.useState(null),[te,bs]=c.useState([]),[ie,vs]=c.useState([]),[we,ps]=c.useState(!1),[fs,Cs]=c.useState([]),[Ss,ks]=c.useState([]),ws=[{value:y.Coupe,text:"Coupe",count:15,imageUrl:Xi},{value:y.Cabriolet,text:"Cabriolet",count:20,imageUrl:Ji},{value:y.Fastback,text:"Fastback",count:11,imageUrl:Ki},{value:y.SingleCab,text:"Single-cab",count:55,imageUrl:_i},{value:y.Sportback,text:"Sportback",count:100,imageUrl:Yi},{value:y.SportsUtilityVehicle,text:"SUV",count:10,imageUrl:Vi}],[Ns,Ms]=c.useState([]),[Fs,Is]=c.useState(void 0),Ls={id:1,type:De.BlackFridaySpecial},Ps={id:1,type:De.UsedCarSpecial},[Bs,Rs]=c.useState([]),[Ne,Me]=c.useState(void 0),Fe={vehicleCategory:v.Cars,sortOrder:je.Default,pageNumber:1,keywords:[],numberOfOwners:[],serviceHistory:[],searchFilterCount:0,searchFilterCountExceptMakeModel:0},Ds=t=>L(null,null,function*(){const i=yield ve.searchLocations(Fe,t);Me(i)});c.useEffect(()=>{Ds("")},[]);const[T,ae]=c.useState([]),he=t=>{switch(t.type){case"add":ae(i=>[...i,t.image]);break;case"update":ae(i=>i.map((u,F)=>F===t.index?W(W({},u),t.image):u));break;case"remove":ae(i=>i.filter((u,F)=>F!==t.index));break;case"replace":ae(t.imageIds.map(i=>[...T].find(u=>u.id===i)));break}},Hs=()=>L(null,null,function*(){const t=[...T].sort((i,u)=>i.id-u.id);he({type:"replace",imageIds:t.map(i=>i.id)})});return e.jsx("div",{className:`${Zt} b-responsive-container`,children:e.jsx("div",{className:Qt,children:e.jsxs(Ei,{selectedId:0,children:[e.jsx(B,{title:"Forms",id:0,children:e.jsx(k,{initialValues:D,onSubmit:()=>{},children:t=>e.jsxs(e.Fragment,{children:[e.jsxs(w,{children:[e.jsx(k,{initialValues:{Error:void 0},initialErrors:{Error:"This is an error message"},initialTouched:{Error:!0},onSubmit:i=>{console.log("Form submitted with values:",i)},children:()=>e.jsx(be,{name:"Error",label:"Label",topLabel:"Text"})}),e.jsx(k,{initialValues:{help:null},onSubmit:i=>{console.log("Form submitted with values:",i)},children:()=>e.jsx(be,{name:"help",label:"Label",helpText:"Help Text",topLabel:"Text",disabled:!0})}),e.jsx(k,{initialValues:{inputWithIcon:null},onSubmit:i=>{console.log("Form submitted with values:",i)},children:()=>e.jsx(be,{prefix:e.jsx("span",{className:Xt,children:e.jsx("img",{src:Wi,alt:"Placeholder Icon",width:"20",height:"20"})}),name:"inputWithIcon",helpText:"Help Text",topLabel:"Text",placeholder:"Placeholder text"})})]}),e.jsx("br",{}),e.jsxs(w,{children:[e.jsx(k,{initialValues:{Error:void 0},initialErrors:{Error:"This is an error message"},initialTouched:{Error:!0},onSubmit:i=>{console.log("Form submitted with values:",i)},children:()=>e.jsx(oe,{name:"Error",label:"Label",topLabel:"Currency"})}),e.jsx(k,{initialValues:{help:null},onSubmit:i=>{console.log("Form submitted with values:",i)},children:()=>e.jsx(oe,{name:"help",label:"Label",helpText:"Help Text",topLabel:"Currency",disabled:!0})}),e.jsx(k,{initialValues:{inputWithIcon:null},onSubmit:i=>{console.log("Form submitted with values:",i)},children:()=>e.jsx(oe,{name:"inputWithIcon",label:"Label",topLabel:"Currency",helpText:"Help Text"})})]}),e.jsx("br",{}),e.jsxs(w,{children:[e.jsx(k,{initialValues:{Error:void 0},initialErrors:{Error:"This is an error message"},initialTouched:{Error:!0},onSubmit:i=>{console.log("Form submitted with values:",i)},children:()=>e.jsx(ce,{name:"Error",label:"Label",topLabel:"Numbers"})}),e.jsx(k,{initialValues:{help:null},onSubmit:i=>{console.log("Form submitted with values:",i)},children:()=>e.jsx(ce,{name:"help",label:"Label",helpText:"Help Text",topLabel:"Numbers",disabled:!0})}),e.jsx(k,{initialValues:{inputWithIcon:null},onSubmit:i=>{console.log("Form submitted with values:",i)},children:()=>e.jsx(ce,{name:"inputWithIcon",label:"Label",topLabel:"Numbers",helpText:"Help Text"})})]}),e.jsx("br",{}),e.jsxs(w,{children:[e.jsx(k,{initialValues:{Error:void 0},initialErrors:{Error:"This is an error message"},initialTouched:{Error:!0},onSubmit:i=>{console.log("Form submitted with values:",i)},children:()=>e.jsx(Zs,{name:"Error",placeholder:"Email",topLabel:"Email"})}),e.jsx(k,{initialValues:{Error:void 0},initialErrors:{Error:"This is an error message"},initialTouched:{Error:!0},onSubmit:i=>{console.log("Form submitted with values:",i)},children:()=>e.jsx(ii,{name:"Error",placeholder:"Mobile number",topLabel:"Mobile number"})})]}),e.jsx(r,{marginBottom:!0,children:"Checkbox"}),e.jsx(re,{changed:i=>{},disabled:!0,children:"Indeterminate"}),e.jsx(re,{checked:we,changed:ps,children:we?"Checked":"Unchecked"}),e.jsx(r,{marginBottom:!0,children:"Search Input"}),e.jsx(r,{marginBottom:!0,children:"Pre Element"}),e.jsx("pre",{children:JSON.stringify(t.values,null,2)}),e.jsx(r,{children:"Component Error"}),e.jsx(Qs,{children:e.jsx(Hi,{})})]})})}),e.jsxs(B,{title:"Modals",id:1,children:[e.jsx(r,{children:"Modal (Screen Overlay)"}),e.jsx(d,{onClick:()=>fe(!0),size:"small",disabled:!s,layout:"fit",children:"Show Modal"}),!s&&e.jsx("p",{children:"Only available on mobile."}),es&&e.jsx(Xs,{header:e.jsx(Ks,{title:"Modal Title",onClose:()=>fe(!1)}),footer:e.jsx(qi,{children:e.jsx(d,{onClick:()=>{},children:"Search 3 829 bikes"})}),children:e.jsx(Js,{children:e.jsxs("div",{style:{padding:"16px"},children:[e.jsx("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc i
1d eros id turpis accumsan accumsan ut sit amet magna. Fusce risus leo, eleifend a enim sed, tempor viverra nisl. Praesent a dictum erat. In vel condimentum lorem, ut aliquam neque. Suspendisse at tincidunt mi. Quisque molestie, nibh eget cursus consectetur, ipsum lectus venenatis ex, eget posuere mauris quam id arcu. Aenean nec orci at lorem vehicula bibendum at at libero. Phasellus eros arcu, suscipit sit amet diam id, pellentesque ornare augue. Pellentesque at ante interdum, efficitur augue in, auctor risus. Vivamus auctor tortor ipsum, ut interdum justo vestibulum at. Nam libero sapien, tincidunt ut pellentesque vitae, mollis pharetra nisi. Integer ultricies nibh et laoreet finibus. Vivamus et mauris sagittis, molestie augue eget, gravida enim."}),e.jsx("p",{children:"Ut ut euismod purus. Proin in tincidunt justo. Aliquam non sem molestie, tempus eros sodales, interdum turpis. Aenean laoreet ullamcorper nisl vitae porta. Morbi accumsan nulla est. Sed ut magna quis lacus maximus cursus. Maecenas ultricies urna ante, non rhoncus nibh fringilla condimentum. Duis aliquam, ligula in gravida blandit, diam velit tempor diam, ornare vulputate sapien ante et augue. Duis ligula nulla, rutrum vel congue vitae, tempor id ipsum. Proin fringilla quam non dui mollis, nec scelerisque mi lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam ornare dapibus ante ut pellentesque. Vestibulum scelerisque non sem id blandit. Sed eget erat viverra, finibus libero in, egestas tellus. Vivamus eget sapien dictum, rutrum odio et, ullamcorper enim."})]})})}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx(r,{children:"Modal (Screen Overlay - Legacy)"}),e.jsx(d,{onClick:()=>Ce(!0),size:"small",disabled:!s,layout:"fit",children:"Show Modal"}),!s&&e.jsx("p",{children:"Only available on mobile."}),ss&&e.jsx(_s,{headerText:"Modal Title",onClosed:()=>Ce(!1),footer:e.jsx(_e,{children:e.jsx(d,{onClick:()=>{},children:"Search 3 829 bikes"})}),children:e.jsxs("div",{style:{padding:"16px"},children:[e.jsx("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id eros id turpis accumsan accumsan ut sit amet magna. Fusce risus leo, eleifend a enim sed, tempor viverra nisl. Praesent a dictum erat. In vel condimentum lorem, ut aliquam neque. Suspendisse at tincidunt mi. Quisque molestie, nibh eget cursus consectetur, ipsum lectus venenatis ex, eget posuere mauris quam id arcu. Aenean nec orci at lorem vehicula bibendum at at libero. Phasellus eros arcu, suscipit sit amet diam id, pellentesque ornare augue. Pellentesque at ante interdum, efficitur augue in, auctor risus. Vivamus auctor tortor ipsum, ut interdum justo vestibulum at. Nam libero sapien, tincidunt ut pellentesque vitae, mollis pharetra nisi. Integer ultricies nibh et laoreet finibus. Vivamus et mauris sagittis, molestie augue eget, gravida enim."}),e.jsx("p",{children:"Ut ut euismod purus. Proin in tincidunt justo. Aliquam non sem molestie, tempus eros sodales, interdum turpis. Aenean laoreet ullamcorper nisl vitae porta. Morbi accumsan nulla est. Sed ut magna quis lacus maximus cursus. Maecenas ultricies urna ante, non rhoncus nibh fringilla condimentum. Duis aliquam, ligula in gravida blandit, diam velit tempor diam, ornare vulputate sapien ante et augue. Duis ligula nulla, rutrum vel congue vitae, tempor id ipsum. Proin fringilla quam non dui mollis, nec scelerisque mi lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam ornare dapibus ante ut pellentesque. Vestibulum scelerisque non sem id blandit. Sed eget erat viverra, finibus libero in, egestas tellus. Vivamus eget sapien dictum, rutrum odio et, ullamcorper enim."})]})}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx(r,{children:"Modal (Partial Slide Up Modal)"}),e.jsx(d,{onClick:()=>Se(!0),size:"small",disabled:!s,layout:"fit",children:"Show Slide Up Modal"}),!s&&e.jsx("p",{children:"Only available on mobile."}),ts&&e.jsx(ni,{close:()=>Se(!1),children:e.jsxs(oi,{children:[e.jsx("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc i
1d eros id turpis accumsan accumsan ut sit amet magna. Fusce risus leo, eleifend a enim sed, tempor viverra nisl. Praesent a dictum erat. In vel condimentum lorem, ut aliquam neque. Suspendisse at tincidunt mi. Quisque molestie, nibh eget cursus consectetur, ipsum lectus venenatis ex, eget posuere mauris quam id arcu. Aenean nec orci at lorem vehicula bibendum at at libero. Phasellus eros arcu, suscipit sit amet diam id, pellentesque ornare augue. Pellentesque at ante interdum, efficitur augue in, auctor risus. Vivamus auctor tortor ipsum, ut interdum justo vestibulum at. Nam libero sapien, tincidunt ut pellentesque vitae, mollis pharetra nisi. Integer ultricies nibh et laoreet finibus. Vivamus et mauris sagittis, molestie augue eget, gravida enim."}),e.jsx("p",{children:"Ut ut euismod purus. Proin in tincidunt justo. Aliquam non sem molestie, tempus eros sodales, interdum turpis. Aenean laoreet ullamcorper nisl vitae porta. Morbi accumsan nulla est. Sed ut magna quis lacus maximus cursus. Maecenas ultricies urna ante, non rhoncus nibh fringilla condimentum. Duis aliquam, ligula in gravida blandit, diam velit tempor diam, ornare vulputate sapien ante et augue. Duis ligula nulla, rutrum vel congue vitae, tempor id ipsum. Proin fringilla quam non dui mollis, nec scelerisque mi lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam ornare dapibus ante ut pellentesque. Vestibulum scelerisque non sem id blandit. Sed eget erat viverra, finibus libero in, egestas tellus. Vivamus eget sapien dictum, rutrum odio et, ullamcorper enim."})]})}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx(r,{children:"Modal (Auto Desktop / Mobile Switch on page Load)"}),e.jsx(d,{onClick:()=>pe(!0),size:"small",layout:"fit",children:"Show Modal"}),Ve&&e.jsxs(Ys,{title:"Modal Title",onClose:()=>pe(!1),children:[e.jsx("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id eros id turpis accumsan accumsan ut sit amet magna. Fusce risus leo, eleifend a enim sed, tempor viverra nisl. Praesent a dictum erat. In vel condimentum lorem, ut aliquam neque. Suspendisse at tincidunt mi. Quisque molestie, nibh eget cursus consectetur, ipsum lectus venenatis ex, eget posuere mauris quam id arcu. Aenean nec orci at lorem vehicula bibendum at at libero. Phasellus eros arcu, suscipit sit amet diam id, pellentesque ornare augue. Pellentesque at ante interdum, efficitur augue in, auctor risus. Vivamus auctor tortor ipsum, ut interdum justo vestibulum at. Nam libero sapien, tincidunt ut pellentesque vitae, mollis pharetra nisi. Integer ultricies nibh et laoreet finibus. Vivamus et mauris sagittis, molestie augue eget, gravida enim."}),e.jsx("p",{children:"Ut ut euismod purus. Proin in tincidunt justo. Aliquam non sem molestie, tempus eros sodales, interdum turpis. Aenean laoreet ullamcorper nisl vitae porta. Morbi accumsan nulla est. Sed ut magna quis lacus maximus cursus. Maecenas ultricies urna ante, non rhoncus nibh fringilla condimentum. Duis aliquam, ligula in gravida blandit, diam velit tempor diam, ornare vulputate sapien ante et augue. Duis ligula nulla, rutrum vel congue vitae, tempor id ipsum. Proin fringilla quam non dui mollis, nec scelerisque mi lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam ornare dapibus ante ut pellentesque. Vestibulum scelerisque non sem id blandit. Sed eget erat viverra, finibus libero in, egestas tellus. Vivamus eget sapien dictum, rutrum odio et, ullamcorper enim. "})]}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx(r,{children:"Sidebar Modal"}),e.jsx(d,{onClick:g,size:"small",layout:"fit",children:"Toggle Sidebar"}),l&&e.jsx(Pe,{onClose:g,header:e.jsx(Vs,{close:g,title:"Sidebar Modal"}),children:e.jsx("h2",{children:"Content"})}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx(r,{children:"Sidebar Modal - Chevron Close Header"}),e.jsx(d,{onClick:S,size:"small",layout:"fit",children:"Toggle Sidebar (Chevron Close)"}),h&&e.jsx(Pe,{onClose:S,header:e.jsx(et,{close:S,title:"Sidebar Modal"}),children:e.jsx("h2",{children:"Content"})}),e.jsx("br",{}),e.jsx(r,{children:"Scroll Sticky Bar"}),e.jsxs("div",{className:Jt,children:[e.jsx("span",{children:e.jsx(re,{checked:j,changed:t=>x(t),children:e.jsx("span",{children:"Show sticky header on scroll"})})}),j==!0&&e.jsx(st,{children:e.jsx("div",{className:Kt,children:e.jsx("h4",{children:"Scroll Sticky Bar"})})})]})]}),e.jsxs(B,{title:"Buttons",id:2,children:[e.jsx(r,{children:"Buttons"}),e.jsx(d,{onClick:a,children:"Button"}),e.jsx(d,{onClick:a,size:"medium",children:"Button"}),e.jsx(d,{onClick:a,size:"small",children:"Button"}),e.jsx(d,{onClick:a,size:"small",disabled:!0,children:"Button Disabled"}),e.jsx(d,{onClick:a,style:"secondary",children:"Button"}),e.jsx(d,{onClick:a,style:"secondary",size:"medium",children:"Button"}),e.jsx(d,{onClick:a,style:"secondary",size:"small",children:"Button"}),e.jsx(d,{onClick:a,style:"secondary",size:"small",disabled:!0,children:"Button Disabled"}),e.jsx(d,{onClick:a,style:"outline",children:"Button"}),e.jsx(d,{onClick:a,style:"outline",size:"medium",children:"Button"}),e.jsx(d,{onClick:a,style:"outline",size:"small",children:"Button"}),e.jsx(d,{onClick:a,style:"outline",size:"small",disabled:!0,children:"Button Disabled"}),e.jsx(d,{onClick:a,style:"outline-grey",children:"Button"}),e.jsx(d,{onClick:a,style:"outline-grey",size:"medium",children:"Button"}),e.jsx(d,{onClick:a,style:"outline-grey",size:"small",children:"Button"}),e.jsx(d,{onClick:a,style:"outline-grey",size:"small",disabled:!0,children:"Button Disabled"}),e.jsx(d,{onClick:a,style:"alert",children:"Button"}),e.jsx(d,{onClick:a,style:"alert",size:"medium",children:"Button"}),e.jsx(d,{onClick:a,style:"alert",size:"small",children:"Button"}),e.jsx(d,{onClick:a,style:"ai",children:"Button"}),e.jsx(d,{onClick:a,style:"ai",size:"medium",children:"Button"}),e.jsx(d,{onClick:a,style:"ai",size:"small",children:"Button"}),e.jsx(d,{onClick:P,children:"Button which has onClick error"}),e.jsx(d,{onClick:P,style:"secondary",children:"Button which has onClick error"}),e.jsx(d,{onClick:P,style:"outline",children:"Button which has onClick error"}),e.jsx(d,{onClick:P,style:"outline-grey",children:"Button which has onClick error"}),e.jsx(k,{initialValues:{},onSubmit:()=>L(null,null,function*(){return yield ne(500)}),children:e.jsx(Be,{children:"WhatsApp submit button"})}),e.jsx(k,{initialValues:{},onSubmit:()=>L(null,null,function*(){yield ne(500),yield Promise.reject(new Error("WhatsApp submit button error"))}),children:e.jsx(Be,{children:"WhatsApp submit button with error"})}),e.jsx(O,{onClick:a,logoPosition:"left",text:"Button",logo:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 4C12.5523 4 13 4.44772 13 5V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V5C11 4.44772 11.4477 4 12 4Z",fill:"#FFF"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z",fill:"#FFF"})]})}),e.jsx(O,{onClick:a,logoPosition:"right",text:"Button",logo:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 4C12.5523 4 13 4.44772 13 5V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V5C11 4.44772 11.4477 4 12 4Z",fill:"#FFF"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z",fill:"#FFF"})]})}),e.jsx(O,{onClick:a,logoPosition:"left",text:"Button",size:"medium",logo:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.0002 3.33333C10.4604 3.33333 10.8335 3.70642 10.8335 4.16666V15.8333C10.8335 16.2936 10.4604 16.6667 10.0002 16.6667C9.53993 16.6667 9.16683 16.2936 9.16683 15.8333V4.16666C9.16683 3.70642 9.53993 3.33333 10.0002 3.33333Z",fill:"white"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.3335 9.99999C3.3335 9.53976 3.70659 9.16666 4.16683 9.16666H15.8335C16.2937 9.16666 16.6668 9.53976 16.6668 9.99999C16.6668 10.4602 16.2937 10.8333 15.8335 10.8333H4.16683C3.70659 10.8333 3.3335 10.4602 3.3335 9.99999Z",fill:"white"})]})}),e.jsx(O,{onClick:a,logoPosition:"right",text:"Button",size:"medium",logo:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.0002 3.33333C10.4604 3.33333 10.8335 3.70642 10.8335 4.16666V15.8333C10.8335 16.2936 10.4604 16.6667 10.0002 16.6667C9.53993 16.6667 9.16683 16.2936 9.16683 15.8333V4.16666C9.16683 3.70642 9.53993 3.33333 10.0002 3.33333Z",fill:"white"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.3335 9.99999C3.3335 9.53976 3.70659 9.16666 4.16683 9.16666H15.8335C16.2937 9.16666 16.6668 9.53976 16.6668 9.99999C16.6668 10.4602 16.2937 10.8333 15.8335 10.8333H4.16683C3.70659 10.8333 3.3335 10.4602 3.3335 9.99999Z",fill:"white"})]})}),e.jsx(O,{onClick:a,logoPosition:"left",text:"Button",size:"small",logo:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.00016 2.33333C7.32233 2.33333 7.5835 2.5945 7.5835 2.91666V11.0833C7.5835 11.4055 7.32233 11.6667 7.00016 11.6667C6.678 11.6667 6.41683 11.4055 6.41683 11.0833V2.91666C6.41683 2.5945 6.678 2.33333 7.00016 2.33333Z",fill:"white"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.3335 7C2.3335 6.67783 2.59466 6.41666 2.91683 6.41666H11.0835C11.4057 6.41666 11.6668 6.67783 11.6668 7C11.6668 7.32216 11.4057 7.58333 11.0835 7.58333H2.91683C2.59466 7.58333 2.3335 7.32216 2.3335 7Z",fill:"white"})]})}),e.jsx(O,{onClick:a,logoPosition:"right",text:"Button",size:"small",logo:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.00016 2.33333C7.32233 2.33333 7.5835 2.5945 7.5835 2.91666V11.0833C7.5835 11.4055 7.32233 11.6667 7.00016 11.6667C6.678 11.6667 6.41683 11.4055 6.41683 11.0833V2.91666C6.41683 2.5945 6.678 2.33333 7.00016 2.33333Z",fill:"white"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.3335 7C2.3335 6.67783 2.59466 6.41666 2.91683 6.41666H11.0835C11.4057 6.41666 11.6668 6.67783 11.6668 7C11.6668 7.32216 11.4057 7.58333 11.0835 7.58333H2.91683C2.59466 7.58333 2.3335 7.32216 2.3335 7Z",fill:"white"})]})}),e.jsx(O,{onClick:P,logoPosition:"left",text:"Button with error",logo:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 4C12.5523 4 13 4.44772 13 5V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V5C11 4.44772 11.4477 4 12 4Z",fill:"#FFF"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z",fill:"#FFF"})]})}),e.jsx(O,{onClick:P,logoPosition:"right",text:"Button with error",logo:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 4C12.5523 4 13 4.44772 13 5V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V5C11 4.44772 11.4477 4 12 4Z",fill:"#FFF"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z",fill:"#FFF"})]})}),e.jsx(r,{children:"Pagination Anchor Buttons"}),e.jsxs(w,{children:[e.jsx(E,{logoPosition:"right",logo:e.jsx("img",{src:Te,alt:"Next page",width:"7.5",height:"13.5"}),text:"Next page",onClick:a}),e.jsx(E,{disabled:!0,logoPosition:"right",logo:e.jsx("img",{src:Ge,alt:"Previous page",width:"7.5",height:"13.5"}),text:"Next page",onClick:a})]}),e.jsxs(w,{children:[e.jsx(E,{logoPosition:"left",logo:e.jsx("img",{src:We,alt:"Previous page",width:"7.5",height:"13.5"}),text:"Prev page",onClick:a}),e.jsx(E,{disabled:!0,logoPosition:"left",logo:e.jsx("img",{src:$e,alt:"Previous page",width:"7.5",height:"13.5"}),text:"Prev page",onClick:a})]}),e.jsxs(w,{children:[e.jsx(E,{logoPosition:"right",logo:e.jsx("img",{src:Te,alt:"Next page",width:"7.5",height:"13.5"}),text:"",onClick:a}),e.jsx(E,{disabled:!0,logoPosition:"right",logo:e.jsx("img",{src:Ge,alt:"Previous page",width:"7.5",height:"13.5"}),text:"",onClick:a})]}),e.jsxs(w,{children:[e.jsx(E,{logoPosition:"left",logo:e.jsx("img",{src:We,alt:"Previous page",width:"7.5",height:"13.5"}),text:"",onClick:a}),e.jsx(E,{disabled:!0,logoPosition:"left",logo:e.jsx("img",{src:$e,alt:"Previous page",width:"7.5",height:"13.5"}),text:"",onClick:a})]}),e.jsx(r,{children:"Card Buttons"}),e.jsx(I,{color:"default",onClick:a,text:"Default"}),e.jsx(I,{color:"default",onClick:a,type:"ban",text:"Ban"}),e.jsx(I,{color:"default",onClick:a,type:"call",text:"Call"}),e.jsx(I,{color:"primary",onClick:a,type:"call-primary",text:"Call primary"}),e.jsx(I,{color:"default",onClick:a,type:"message",text:"Message"}),e.jsx(I,{color:"default",onClick:a,type:"search",text:"Search"}),e.jsx(I,{color:"default",onClick:a,type:"user",text:"User"}),e.jsx(I,{color:"whatsapp",onClick:a,type:"whatsapp",text:"WhatsApp"}),e.jsx(I,{color:"default",onClick:P,text:"Default with error"}),e.jsx(I,{color:"default",onClick:P,type:"call",text:"Call with error"}),e.jsx(I,{color:"primary",onClick:P,type:"call-primary",text:"Call primary with error"}),e.jsx(I,{color:"whatsapp",onClick:P,type:"whatsapp",text:"WhatsApp with error"}),e.jsx(r,{children:"Favourite Buttons"}),e.jsxs("div",{className:_t,children:[e.jsx(ue,{isFavourite:!1,isInactive:!1,listingId:1}),e.jsx(ue,{isFavourite:!1,isInactive:!0,listingId:1}),e.jsx(ue,{isFavourite:!0,isInactive:!1,listingId:1}),e.jsx(ue,{isFavourite:!0,isInactive:!0,listingId:1})]}),e.jsx(r,{children:"Icon Buttons"}),e.jsx(w,{children:e.jsx(tt,{size:"small",onClick:a,color:"transparent",children:"T"})})]}),e.jsx(B,{title:"Typography",id:3,children:e.jsx(Oi,{})}),e.jsxs(B,{title:"Navigation",id:4,children:[e.jsx(r,{children:"Tabs Menu"}),e.jsx(si,{options:ke,selected:se,onSelectionChange:is}
1),e.jsx("br",{}),e.jsxs("span",{children:["Selected Option: ",se]})]}),e.jsxs(B,{title:"Indicators",id:5,children:[e.jsx("h5",{children:"Badges"}),e.jsx(r,{marginBottom:!0,children:"Credit Badges"}),e.jsx(w,{children:os.map(t=>e.jsx(ri,{rating:t},`rating-${t}`))}),e.jsx("br",{}),e.jsx(r,{marginBottom:!0,children:"Indicators (Price Ratings)"}),e.jsxs(w,{children:[e.jsx(J,{priceRating:K.Low,specials:[],enablePriceRatings:!0,showInfoModal:!1,marketPriceData:null}),e.jsx("br",{}),e.jsx(J,{priceRating:K.Great,specials:[],enablePriceRatings:!0,showInfoModal:!1,marketPriceData:null}),e.jsx("br",{}),e.jsx(J,{priceRating:K.Fair,specials:[],enablePriceRatings:!0,showInfoModal:!1,marketPriceData:null}),e.jsx("br",{}),e.jsx(J,{priceRating:K.High,specials:[],enablePriceRatings:!0,showInfoModal:!1,marketPriceData:null}),e.jsx("br",{}),e.jsx(J,{priceRating:K.NoRating,specials:[],enablePriceRatings:!0,showInfoModal:!1,marketPriceData:null})]}),e.jsx("br",{}),e.jsx(r,{marginBottom:!0,children:"Badges (Other - Special)"}),e.jsxs(w,{children:[e.jsx(Re,{special:Ls,expiryDate:"2 Days"},1),e.jsx(Re,{special:Ps,expiryDate:""},1)]}),e.jsx("br",{}),e.jsx(r,{marginBottom:!0,children:"Badges AI"}),e.jsx(w,{children:e.jsx(Ni,{label:"Label"})}),e.jsx(r,{marginBottom:!0,children:"Chips"}),e.jsx(de,{onClick:()=>{},children:"Chip"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(de,{onClick:()=>{},style:"secondary",children:"Chip"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(de,{children:"Chip without remove"}),e.jsx(r,{marginBottom:!0,children:"Facet Count"}),e.jsx(Ue,{count:1}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(Ue,{count:1e3}),e.jsx(r,{marginBottom:!0,children:"Filter Tags"}),e.jsx(G,{text:"Label",isActive:!0,onClick:()=>{}}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(G,{text:"Label",isActive:!1,onClick:()=>{}}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(G,{text:"Label",isActive:!1,onClick:()=>{},disabled:!0}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(G,{text:"Label",isActive:!0,onClick:()=>{},small:!0}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(G,{text:"Label",isActive:!1,onClick:()=>{},small:!0}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(G,{text:"Label",isActive:!1,onClick:()=>{},disabled:!0,small:!0}),e.jsx("br",{}),e.jsx(r,{marginBottom:!0,children:"Vehicle Spec Tags"}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"20px"},children:[e.jsxs("div",{children:[e.jsx(b,{size:"large",text:"Label",isTextBold:!0,icon:e.jsx("img",{src:q,alt:"Certified",width:"20",height:"20"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"large",text:"Label",isTextBold:!1,icon:""}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"large",text:"Label",isTextBold:!0,icon:""})]}),e.jsxs("div",{children:[e.jsx(b,{size:"medium",text:"Label",isTextBold:!0,icon:e.jsx("img",{src:q,alt:"Certified",width:"16",height:"16 "})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"medium",text:"Label",isTextBold:!1,icon:""}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"medium",text:"Label",isTextBold:!0,icon:""})]}),e.jsxs("div",{children:[e.jsx(b,{size:"small",text:"Label",isTextBold:!0,icon:e.jsx("img",{src:q,alt:"Certified",width:"16",height:"16"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"small",text:"Label",isTextBold:!1,icon:""}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"small",text:"Label",isTextBold:!0,icon:""})]}),e.jsxs("div",{children:[e.jsx(b,{size:"tiny",text:"Label",isTextBold:!0,icon:e.jsx("img",{src:q,alt:"Certified",width:"14",height:"14"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"tiny",text:"Label",isTextBold:!1,icon:""}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"tiny",text:"Label",isTextBold:!0,icon:""})]})]}),e.jsx(r,{marginBottom:!0,children:"Vehicle Spec Tags - Grey"}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"20px"},children:[e.jsxs("div",{children:[e.jsx(b,{size:"large",text:"Label",isTextBold:!0,icon:e.jsx("img",{src:q,alt:"Certified",width:"20",height:"20"}),tagStyle:"grey"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"large",text:"Label",isTextBold:!1,icon:"",tagStyle:"grey"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"large",text:"Label",isTextBold:!0,icon:"",tagStyle:"grey"})]}),e.jsxs("div",{children:[e.jsx(b,{size:"medium",text:"Label",isTextBold:!0,icon:e.jsx("img",{src:q,alt:"Certified",width:"16",height:"16 "}),tagStyle:"grey"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"medium",text:"Label",isTextBold:!1,icon:"",tagStyle:"grey"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"medium",text:"Label",isTextBold:!0,icon:"",tagStyle:"grey"})]}),e.jsxs("div",{children:[e.jsx(b,{size:"small",text:"Label",isTextBold:!0,icon:e.jsx("img",{src:q,alt:"Certified",width:"16",height:"16"}),tagStyle:"grey"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"small",text:"Label",isTextBold:!1,icon:"",tagStyle:"grey"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"small",text:"Label",isTextBold:!0,icon:"",tagStyle:"grey"})]}),e.jsxs("div",{children:[e.jsx(b,{size:"tiny",text:"Label",isTextBold:!0,icon:e.jsx("img",{src:q,alt:"Certified",width:"14",height:"14"}),tagStyle:"grey"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"tiny",text:"Label",isTextBold:!1,icon:"",tagStyle:"grey"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(b,{size:"tiny",text:"Label",isTextBold:!0,icon:"",tagStyle:"grey"})]})]}),e.jsx(r,{marginBottom:!0,children:"Small Tags"}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"20px"},children:[e.jsxs("div",{children:[e.jsx("h6",{style:{fontSize:"12px",margin:"12px 0px"},children:"Tint"}),e.jsx(N,{statusColor:"brand",shadeStyle:"tint",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"success",shadeStyle:"tint",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"warning",shadeStyle:"tint",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"error",shadeStyle:"tint",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"highlight",shadeStyle:"tint",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"info",shadeStyle:"tint",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"archive",shadeStyle:"tint",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"white",shadeStyle:"tint",children:"Label"}),e.jsx("br",{}),e.jsx("br",{})]}),e.jsxs("div",{children:[e.jsx("h6",{style:{fontSize:"12px",margin:"12px 0px"},children:"Solid"}),e.jsx(N,{statusColor:"brand",shadeStyle:"solid",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"success",shadeStyle:"solid",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"warning",shadeStyle:"solid",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"error",shadeStyle:"solid",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"highlight",shadeStyle:"solid",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"info",shadeStyle:"solid",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"archive",shadeStyle:"solid",children:"Label"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(N,{statusColor:"white",shadeStyle:"solid",children:"Label"}),e.jsx("br",{}),e.jsx("br",{})]})]}),e.jsx(r,{marginBottom:!0,children:"Dots"}),e.jsx(w,{children:e.jsx(it,{totalDots:rs,activeIndex:as,onDotClick:ns})}),e.jsx(r,{marginBottom:!0,children:"Highlight Messages"}),e.jsx("h6",{children:"Stacked"}),e.jsx($,{type:"confirmation",showIcon:!0,title:"Title",content:"Test",link:e.jsx("a",{href:"#",children:"Link"}),onClosed:()=>{}}),e.jsx("br",{}),e.jsx($,{type:"info",showIcon:!0,content:"Test",onClosed:()=>{}}),e.jsx("br",{}),e.jsx($,{type:"highlight",showIcon:!0,content:"Test",onClosed:()=>{}}),e.jsx("br",{}),e.jsx($,{type:"warning",showIcon:!0,content:"Test",onClosed:()=>{}}),e.jsx("br",{}),e.jsx($,{type:"error",showIcon:!0,content:"Test",onClosed:()=>{}}),e.jsx("br",{}),e.jsx($,{type:"brand",showIcon:!0,content:"Test",onClosed:()=>{}}),e.jsx("br",{}),e.jsx("h6",{children:"Horizontal"}),e.jsx(Z,{type:"confirmation",showIcon:!0,text:"Test",link:e.jsx("a",{href:"#",children:"Link"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(Z,{type:"info",showIcon:!0,text:"Test"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(Z,{type:"highlight",showIcon:!0,text:"Test"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(Z,{type:"warning",showIcon:!0,text:"Test"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(Z,{type:"error",showIcon:!0,text:"Test"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(Z,{type:"brand",showIcon:!0,text:"Test"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(r,{marginBottom:!0,children:"Other"}),e.jsx(Mi,{text:"Test",title:"Title"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(Fi,{text:"Test",title:"Title",buttonText:"Start new search",onClick:function(){throw new Error("Function not implemented.")}}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(r,{marginBottom:!0,children:"Loaders"}),e.jsxs("div",{style:{background:"#cecece ",display:"flex",gap:"10px",padding:"10px"},children:[e.jsx(He,{color:"blue"}),e.jsx(He,{color:"white"})]}),e.jsx("br",{}),e.jsx(r,{marginBottom:!0,children:"Field Validation"}),e.jsx(ge,{validationType:"default",children:"Text"}),e.jsx("br",{}),e.jsx(ge,{validationType:"success",children:"Text"}),e.jsx("br",{}),e.jsx(ge,{validationType:"error",children:"Text"}),e.jsx(r,{marginBottom:!0,children:"Stepper"}),e.jsx(Ci,{progress:50}),e.jsx("br",{}),e.jsx(Ze,{percentage:30}),e.jsx("br",{}),e.jsx(Ze,{percentage:15})]}),e.jsxs(B,{title:"Controls",id:6,children:[e.jsx(r,{marginBottom:!0,children:"Gallery Action"}),e.jsx(ti,{size:"small",children:"1/ 20"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(at,{children:({focused:t})=>e.jsx(z,{header:"Dropdown",focused:t,children:e.jsx(lt,{children:e.jsx("span",{children:"This is my content."})})})}),e.jsx(rt,{items:cs,value:js,label:"Dropdown",valueChanged:gs,defaultOption:"Any"}),e.jsx(r,{marginBottom:!0,children:"Make Model Multi-Select"}),e.jsx(pi,{vehicleCategory:v.Cars,makeModels:fs,onMakeModelChanged:Cs,searchMakeModelsAutocomplete:(t,i)=>ve.searchMakeModelsAutocomplete({vehicleCategory:v.Cars,sortOrder:je.Default,pageNumber:1,keywords:[],numberOfOwners:[],serviceHistory:[],searchFilterCount:0,searchFilterCountExceptMakeModel:0},t,i),searchStyling:"default",children:({header:t,suggestions:i,expanded:u,onExpanded:F})=>s?e.jsxs(e.Fragment,{children:[e.jsx(z,{focused:u,header:t,onClick:F}),u&&i]}):e.jsx(z,{focused:u,header:t,listPadding:!0,children:i})}),e.jsx(r,{marginBottom:!0,children:"Make Model Single-Select"}),e.jsx(ai,{vehicleCategory:v.Cars,makeModels:Ss,onMakeModelChanged:ks,searchMakeModelsAutocomplete:(t,i)=>ve.searchMakeModelsAutocomplete({vehicleCategory:v.Cars,sortOrder:je.Default,pageNumber:1,keywords:[],searchFilterCount:0,searchFilterCountExceptMakeModel:0},t,i),searchStyling:"default",children:({header:t,suggestions:i,expanded:u,onExpanded:F})=>s?e.jsxs(e.Fragment,{children:[e.jsx(z,{focused:u,header:t,onClick:F}),u&&i]}):e.jsx(z,{focused:u,header:t,listPadding:!0,children:i})}),e.jsx(di,{items:hs,value:ms,valueChanged:xs,children:({header:t,items:i,expanded:u,onExpanded:F})=>s?e.jsxs(e.Fragment,{children:[e.jsx(z,{focused:u,header:t,onClick:F}),u&&i]}):e.jsx(z,{focused:u,header:t,listPadding:!0,children:i})}),(()=>{const t=C.find(u=>u.value===se);function i(u){throw new Error("Function not implemented.")}return e.jsx(Ii,{header:e.jsx(Li,{textType:"smallBold",children:"Manual / Automatic"}),content:u=>!u&&t&&e.jsx("div",{className:"",children:e.jsx(de,{title:`Remove ${t.text} from your filters`,onClick:()=>i(),children:t.text},`${t.text}`)}),children:e.jsx("div",{className:"",children:e.jsx(xi,{items:C,selectedItem:se,onSelectionChange:u=>{i()},defaultItemName:"Any",noScroll:!0})})})})(),e.jsx("br",{}),e.jsx(fi,{items:ds,selectedItems:te,onSelectionChange:t=>{let i;t?te.indexOf(t)>-1?i=te.filter(u=>u!==t):i=[...te,t]:i=[],bs(i)},defaultItemName:"Any",item:t=>t.text}),e.jsx(hi,{items:us,selectedItems:ie,onSelectionChange:t=>{let i;t?ie.indexOf(t)>-1?i=ie.filter(u=>u!==t):i=[...ie,t]:i=[],vs(i)},defaultItemName:"Any"}),e.jsxs(w,{children:[e.jsx(ui,{label:"Currency input",name:"CurrencyInput",value:void 0,onChange:()=>{}}),e.jsx(Ae,{label:"Number input",name:"NumberInput",value:void 0,onChange:()=>{}}),e.jsx(Ae,{label:"Percentage input",name:"PercentageInput",value:void 0,onChange:()=>{},suffix:e.jsx("span",{className:Yt,children:"%"}),decimals:2,min:0,max:100})]}),e.jsxs(w,{children:[e.jsx(k,{initialValues:{currencyMinAndMax:null},onSubmit:t=>{console.log("Form submitted with values:",t)},children:()=>e.jsx(oe,{name:"currencyMinAndMax",label:"Currency Field with min(5) and max(100)",max:100,min:5})}),e.jsx(k,{initialValues:{numberMinAndMax:null},onSubmit:t=>{console.log("Form submitted with values:",t)},children:()=>e.jsx(ce,{name:"numberMinAndMax",label:"Number Field with min(5) and max(100)",max:100,min:5})})]}),e.jsx("br",{}),e.jsx(ji,{bodyTypes:ws,selected:Ns,changed:Ms}),Ne&&e.jsx(mi,{locationsWithCounts:Ne,locationModel:Fs,onLocationSelected:(t,i)=>Is({location:t,radius:i}
1),onLocationsAutocomplete:(t,i)=>Me(i),query:Fe}),e.jsx(gi,{keywords:Bs,changed:Rs,placeholder:"Search (e.g. Sunroof)"})]}),e.jsx(B,{title:"Legacy components",id:7,children:e.jsx(k,{initialValues:D,onSubmit:()=>{},children:t=>e.jsxs(e.Fragment,{children:[e.jsx(Xe,{name:"select",items:M,label:"Size",small:t.values.small}),e.jsx(r,{children:"Basic"}),e.jsx(ye,{name:"text",label:"Text",small:t.values.small}),e.jsx(ze,{name:"text",label:"Multi-line text",small:t.values.small}),e.jsx(r,{children:"Basic"}),e.jsx(ye,{name:"text",label:"Text",small:t.values.small}),e.jsx(ze,{name:"text",label:"Multi-line text",small:t.values.small}),e.jsx(r,{children:"Numeric"}),e.jsx(me,{name:"number",label:"Number",small:t.values.small}),e.jsx(me,{name:"number",label:"Number with suffix",small:t.values.small,suffix:"km"}),e.jsx(me,{name:"number",label:"Number with prefix",small:t.values.small,prefix:"R"}),e.jsx(me,{name:"number",label:"Number with prefix and suffix",small:t.values.small,prefix:"?",suffix:"?"}),e.jsx(Qe,{name:"number",label:"Currency",small:t.values.small}),e.jsx(Qe,{name:"number",label:"Currency",small:t.values.small,fieldSuffix:e.jsxs("div",{children:[e.jsx(nt,{name:"circle-info"})," "]})}),e.jsx(r,{children:"Basic"}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx(r,{children:"Boolean"}),e.jsx(Ri,{name:"boolean",label:"Boolean",multipleCheckboxes:!1}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx(r,{children:"Select"}),e.jsx(Xe,{name:"select",label:"Dropdown",items:ee,nullText:"",small:t.values.small}),e.jsx(Bi,{label:"Radio Group",name:"select",items:ee}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx(r,{children:"Specialized"}),e.jsx(ei,{name:"suburb",label:"Suburb"}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx(r,{children:"Buttons"}),e.jsx(Q,{onClick:a,children:"Button"}),e.jsx(Q,{color:"blue",onClick:a,children:"Button"}),e.jsx(Q,{color:"dark-blue",onClick:a,children:"Button"}),e.jsx(Q,{color:"white",onClick:a,children:"Button"}),e.jsx(Q,{color:"red",onClick:a,children:"Button"})]})})}),e.jsxs(B,{title:"Image Components",id:8,children:[e.jsx("h6",{children:"Circle Image (Profile Picture)"}),e.jsx(bi,{imageUrl:yi}),e.jsx("br",{}),e.jsx("h6",{children:"Wide Circle Image (Dealer Logo)"}),e.jsx(vi,{imageUrl:zi,logoBackgroundColour:"#f0f2f4"}),e.jsx("h6",{children:"Image Manager"}),e.jsx(Si,{metadata:"custom",customMetadata:t=>{var F;const i=T.find(X=>X.id===t),u=T.findIndex(X=>X.id===t);return e.jsx(re,{checked:(F=i==null?void 0:i.isFeatured)!=null?F:!1,disabled:!i,changed:X=>he({type:"update",index:u,image:le(W({},i),{isFeatured:X})}),children:"Is featured"})},createImage:t=>le(W({},t),{isFeatured:!1}),images:T,fetchUrl:"/Images/FetchImage",uploadImage:ea.uploadImage,onImageChange:he,resizeOption:ki.Ensure,onValidate:()=>!0}),T.map((t,i)=>e.jsx("div",{children:e.jsx("pre",{children:JSON.stringify(t)})},`image-${t.id}-${i}`)),e.jsx(d,{onClick:Hs,children:"Sort images"})]}),e.jsxs(B,{title:"Icons",id:9,children:[e.jsx("h6",{children:"SVG Icons"}),e.jsx(Ti,{})]})]})})})}export{dl as Components};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.