[{"data":1,"prerenderedAt":3897},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Foverlays\u002Fslideover":682},[4,11,128,525,584,626],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,70,107],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61,66],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":416},{"en":684,"id":2410},{"id":685,"title":415,"aside":686,"body":687,"collapse":10,"description":2405,"editLink":686,"extension":2406,"icon":9,"issueLink":686,"meta":2407,"navBadges":9,"navigation":9,"order":418,"path":416,"prevNext":686,"seo":2408,"stem":417,"toc":686,"__hash__":2409},"docs\u002Fcomponents\u002Foverlays\u002Fslideover.md",true,{"type":688,"value":689,"toc":2388},"minimark",[690,695,704,708,1050,1064,1069,1089,1092,1137,1141,1146,1149,1186,1190,1208,1211,1296,1300,1310,1313,1361,1365,1368,1371,1375,1384,1501,1512,1571,1577,1581,1604,1658,1661,1665,1669,1687,1703,1706,1866,1931,1955,1978,1982,2173,2187,2191,2289,2293,2363,2367,2384],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697,698,699,703],"p",{},"Slideover visibility is controlled with ",[700,701,702],"code",{},"v-model:open",", so it needs a ref\nfrom the page it's used on.",[705,706],"component-example",{"name":707},"slideover-basic",[709,710,715],"pre",{"className":711,"code":712,"language":713,"meta":714,"style":714},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst open = ref(false)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSButton @click=\"open = true\">\n    Open slideover\n  \u003C\u002FSButton>\n\n  \u003CSSlideover v-model:open=\"open\" title=\"Edit profile\" description=\"Update your personal details.\">\n    \u003Ctemplate #body>\n      Slideover content goes here.\n    \u003C\u002Ftemplate>\n    \u003Ctemplate #footer>\n      \u003CSButton variant=\"ghost\" @click=\"open = false\">\n        Cancel\n      \u003C\u002FSButton>\n      \u003CSButton @click=\"open = false\">\n        Save\n      \u003C\u002FSButton>\n    \u003C\u002Ftemplate>\n  \u003C\u002FSSlideover>\n\u003C\u002Ftemplate>\n","vue","",[700,716,717,746,772,782,788,798,830,836,846,851,893,908,913,923,937,971,977,987,1012,1018,1026,1034,1042],{"__ignoreMap":714},[718,719,721,725,729,733,736,739,743],"span",{"class":720,"line":8},"line",[718,722,724],{"class":723},"sVt8B","\u003C",[718,726,728],{"class":727},"s9eBZ","script",[718,730,732],{"class":731},"sScJk"," setup",[718,734,735],{"class":731}," lang",[718,737,738],{"class":723},"=",[718,740,742],{"class":741},"sZZnC","\"ts\"",[718,744,745],{"class":723},">\n",[718,747,749,753,757,760,763,766,769],{"class":720,"line":748},2,[718,750,752],{"class":751},"szBVR","const",[718,754,756],{"class":755},"sj4cs"," open",[718,758,759],{"class":751}," =",[718,761,762],{"class":731}," ref",[718,764,765],{"class":723},"(",[718,767,768],{"class":755},"false",[718,770,771],{"class":723},")\n",[718,773,775,778,780],{"class":720,"line":774},3,[718,776,777],{"class":723},"\u003C\u002F",[718,779,728],{"class":727},[718,781,745],{"class":723},[718,783,785],{"class":720,"line":784},4,[718,786,787],{"emptyLinePlaceholder":686},"\n",[718,789,791,793,796],{"class":720,"line":790},5,[718,792,724],{"class":723},[718,794,795],{"class":727},"template",[718,797,745],{"class":723},[718,799,801,804,807,810,813,815,818,821,823,826,828],{"class":720,"line":800},6,[718,802,803],{"class":723},"  \u003C",[718,805,806],{"class":727},"SButton",[718,808,809],{"class":723}," @",[718,811,812],{"class":731},"click",[718,814,738],{"class":723},[718,816,817],{"class":741},"\"",[718,819,820],{"class":723},"open ",[718,822,738],{"class":751},[718,824,825],{"class":755}," true",[718,827,817],{"class":741},[718,829,745],{"class":723},[718,831,833],{"class":720,"line":832},7,[718,834,835],{"class":723},"    Open slideover\n",[718,837,839,842,844],{"class":720,"line":838},8,[718,840,841],{"class":723},"  \u003C\u002F",[718,843,806],{"class":727},[718,845,745],{"class":723},[718,847,849],{"class":720,"line":848},9,[718,850,787],{"emptyLinePlaceholder":686},[718,852,853,855,858,861,864,867,869,871,873,875,878,880,883,886,888,891],{"class":720,"line":13},[718,854,803],{"class":723},[718,856,857],{"class":727},"SSlideover",[718,859,860],{"class":731}," v-model",[718,862,863],{"class":723},":",[718,865,866],{"class":731},"open",[718,868,738],{"class":723},[718,870,817],{"class":741},[718,872,866],{"class":723},[718,874,817],{"class":741},[718,876,877],{"class":731}," title",[718,879,738],{"class":723},[718,881,882],{"class":741},"\"Edit profile\"",[718,884,885],{"class":731}," description",[718,887,738],{"class":723},[718,889,890],{"class":741},"\"Update your personal details.\"",[718,892,745],{"class":723},[718,894,895,898,900,903,906],{"class":720,"line":151},[718,896,897],{"class":723},"    \u003C",[718,899,795],{"class":727},[718,901,902],{"class":723}," #",[718,904,905],{"class":731},"body",[718,907,745],{"class":723},[718,909,910],{"class":720,"line":170},[718,911,912],{"class":723},"      Slideover content goes here.\n",[718,914,916,919,921],{"class":720,"line":915},13,[718,917,918],{"class":723},"    \u003C\u002F",[718,920,795],{"class":727},[718,922,745],{"class":723},[718,924,926,928,930,932,935],{"class":720,"line":925},14,[718,927,897],{"class":723},[718,929,795],{"class":727},[718,931,902],{"class":723},[718,933,934],{"class":731},"footer",[718,936,745],{"class":723},[718,938,939,942,944,947,949,952,954,956,958,960,962,964,967,969],{"class":720,"line":648},[718,940,941],{"class":723},"      \u003C",[718,943,806],{"class":727},[718,945,946],{"class":731}," variant",[718,948,738],{"class":723},[718,950,951],{"class":741},"\"ghost\"",[718,953,809],{"class":723},[718,955,812],{"class":731},[718,957,738],{"class":723},[718,959,817],{"class":741},[718,961,820],{"class":723},[718,963,738],{"class":751},[718,965,966],{"class":755}," false",[718,968,817],{"class":741},[718,970,745],{"class":723},[718,972,974],{"class":720,"line":973},16,[718,975,976],{"class":723},"        Cancel\n",[718,978,980,983,985],{"class":720,"line":979},17,[718,981,982],{"class":723},"      \u003C\u002F",[718,984,806],{"class":727},[718,986,745],{"class":723},[718,988,990,992,994,996,998,1000,1002,1004,1006,1008,1010],{"class":720,"line":989},18,[718,991,941],{"class":723},[718,993,806],{"class":727},[718,995,809],{"class":723},[718,997,812],{"class":731},[718,999,738],{"class":723},[718,1001,817],{"class":741},[718,1003,820],{"class":723},[718,1005,738],{"class":751},[718,1007,966],{"class":755},[718,1009,817],{"class":741},[718,1011,745],{"class":723},[718,1013,1015],{"class":720,"line":1014},19,[718,1016,1017],{"class":723},"        Save\n",[718,1019,1020,1022,1024],{"class":720,"line":30},[718,1021,982],{"class":723},[718,1023,806],{"class":727},[718,1025,745],{"class":723},[718,1027,1028,1030,1032],{"class":720,"line":247},[718,1029,918],{"class":723},[718,1031,795],{"class":727},[718,1033,745],{"class":723},[718,1035,1036,1038,1040],{"class":720,"line":257},[718,1037,841],{"class":723},[718,1039,857],{"class":727},[718,1041,745],{"class":723},[718,1043,1044,1046,1048],{"class":720,"line":272},[718,1045,777],{"class":723},[718,1047,795],{"class":727},[718,1049,745],{"class":723},[696,1051,1052,1053,1056,1057,6,1060,1063],{},"Always pass ",[700,1054,1055],{},"title"," (or a ",[700,1058,1059],{},"header",[700,1061,1062],{},"content"," slot containing a heading) -\nwithout one, the panel has no accessible name for screen readers, and dev\nmode warns about it.",[1065,1066,1068],"h3",{"id":1067},"side","Side",[696,1070,1071,1073,1074,1077,1078,1081,1082,1085,1086,863],{},[700,1072,1067],{}," picks which edge the panel slides in from - ",[700,1075,1076],{},"top",", ",[700,1079,1080],{},"right","\n(default), ",[700,1083,1084],{},"bottom",", or ",[700,1087,1088],{},"left",[705,1090],{"name":1091},"slideover-side",[709,1093,1097],{"className":1094,"code":1095,"language":1096,"meta":714,"style":714},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSSlideover v-model:open=\"open\" side=\"left\" title=\"Filters\" \u002F>\n","vue-html",[700,1098,1099],{"__ignoreMap":714},[718,1100,1101,1103,1105,1107,1109,1111,1113,1115,1117,1119,1122,1124,1127,1129,1131,1134],{"class":720,"line":8},[718,1102,724],{"class":723},[718,1104,857],{"class":727},[718,1106,860],{"class":731},[718,1108,863],{"class":723},[718,1110,866],{"class":731},[718,1112,738],{"class":723},[718,1114,817],{"class":741},[718,1116,866],{"class":723},[718,1118,817],{"class":741},[718,1120,1121],{"class":731}," side",[718,1123,738],{"class":723},[718,1125,1126],{"class":741},"\"left\"",[718,1128,877],{"class":731},[718,1130,738],{"class":723},[718,1132,1133],{"class":741},"\"Filters\"",[718,1135,1136],{"class":723}," \u002F>\n",[1065,1138,1140],{"id":1139},"inset","Inset",[696,1142,1143,1145],{},[700,1144,1139],{}," floats the panel with a margin and rounded corners instead of\nsitting flush against the edge:",[705,1147],{"name":1148},"slideover-inset",[709,1150,1152],{"className":1094,"code":1151,"language":1096,"meta":714,"style":714},"\u003CSSlideover v-model:open=\"open\" inset title=\"Notifications\" \u002F>\n",[700,1153,1154],{"__ignoreMap":714},[718,1155,1156,1158,1160,1162,1164,1166,1168,1170,1172,1174,1177,1179,1181,1184],{"class":720,"line":8},[718,1157,724],{"class":723},[718,1159,857],{"class":727},[718,1161,860],{"class":731},[718,1163,863],{"class":723},[718,1165,866],{"class":731},[718,1167,738],{"class":723},[718,1169,817],{"class":741},[718,1171,866],{"class":723},[718,1173,817],{"class":741},[718,1175,1176],{"class":731}," inset",[718,1178,877],{"class":731},[718,1180,738],{"class":723},[718,1182,1183],{"class":741},"\"Notifications\"",[718,1185,1136],{"class":723},[1065,1187,1189],{"id":1188},"custom-content","Custom content",[696,1191,1192,1194,1195,1198,1199,1201,1202,6,1204,1207],{},[700,1193,1062],{}," replaces the header\u002Ftitle\u002Fdescription\u002Fbody\u002Ffooter structure\nentirely - useful when the panel doesn't fit the header-plus-body shape at\nall. ",[700,1196,1197],{},"close"," is ignored once ",[700,1200,1062],{}," is provided, since the slot owns\nthe whole visible panel - but ",[700,1203,1055],{},[700,1205,1206],{},"description",", if still set, stay\nregistered with Reka as the panel's accessible name\u002Fdescription, just\nvisually hidden instead of rendered as a header. Pass them if your own\ncustom content doesn't already include a heading Reka can associate with\nthe panel:",[705,1209],{"name":1210},"slideover-content",[709,1212,1214],{"className":1094,"code":1213,"language":1096,"meta":714,"style":714},"\u003CSSlideover v-model:open=\"open\">\n  \u003Ctemplate #content>\n    \u003Cdiv class=\"flex flex-col items-center gap-4 p-8 text-center\">\n      ...\n    \u003C\u002Fdiv>\n  \u003C\u002Ftemplate>\n\u003C\u002FSSlideover>\n",[700,1215,1216,1238,1250,1267,1272,1280,1288],{"__ignoreMap":714},[718,1217,1218,1220,1222,1224,1226,1228,1230,1232,1234,1236],{"class":720,"line":8},[718,1219,724],{"class":723},[718,1221,857],{"class":727},[718,1223,860],{"class":731},[718,1225,863],{"class":723},[718,1227,866],{"class":731},[718,1229,738],{"class":723},[718,1231,817],{"class":741},[718,1233,866],{"class":723},[718,1235,817],{"class":741},[718,1237,745],{"class":723},[718,1239,1240,1242,1244,1246,1248],{"class":720,"line":748},[718,1241,803],{"class":723},[718,1243,795],{"class":727},[718,1245,902],{"class":723},[718,1247,1062],{"class":731},[718,1249,745],{"class":723},[718,1251,1252,1254,1257,1260,1262,1265],{"class":720,"line":774},[718,1253,897],{"class":723},[718,1255,1256],{"class":727},"div",[718,1258,1259],{"class":731}," class",[718,1261,738],{"class":723},[718,1263,1264],{"class":741},"\"flex flex-col items-center gap-4 p-8 text-center\"",[718,1266,745],{"class":723},[718,1268,1269],{"class":720,"line":784},[718,1270,1271],{"class":723},"      ...\n",[718,1273,1274,1276,1278],{"class":720,"line":790},[718,1275,918],{"class":723},[718,1277,1256],{"class":727},[718,1279,745],{"class":723},[718,1281,1282,1284,1286],{"class":720,"line":800},[718,1283,841],{"class":723},[718,1285,795],{"class":727},[718,1287,745],{"class":723},[718,1289,1290,1292,1294],{"class":720,"line":832},[718,1291,777],{"class":723},[718,1293,857],{"class":727},[718,1295,745],{"class":723},[1065,1297,1299],{"id":1298},"non-modal","Non-modal",[696,1301,1302,1305,1306,1309],{},[700,1303,1304],{},"modal=\"false\""," stops the panel from blocking interaction with the rest of\nthe page - no focus trap, outside elements stay reachable and aren't hidden\nfrom assistive tech. ",[700,1307,1308],{},"overlay"," is independent of this - a non-modal panel\ncan still show (or hide) its own backdrop:",[705,1311],{"name":1312},"slideover-non-modal",[709,1314,1316],{"className":1094,"code":1315,"language":1096,"meta":714,"style":714},"\u003CSSlideover v-model:open=\"open\" :modal=\"false\" title=\"Non-modal\" \u002F>\n",[700,1317,1318],{"__ignoreMap":714},[718,1319,1320,1322,1324,1326,1328,1330,1332,1334,1336,1338,1341,1344,1346,1348,1350,1352,1354,1356,1359],{"class":720,"line":8},[718,1321,724],{"class":723},[718,1323,857],{"class":727},[718,1325,860],{"class":731},[718,1327,863],{"class":723},[718,1329,866],{"class":731},[718,1331,738],{"class":723},[718,1333,817],{"class":741},[718,1335,866],{"class":723},[718,1337,817],{"class":741},[718,1339,1340],{"class":723}," :",[718,1342,1343],{"class":731},"modal",[718,1345,738],{"class":723},[718,1347,817],{"class":741},[718,1349,768],{"class":755},[718,1351,817],{"class":741},[718,1353,877],{"class":731},[718,1355,738],{"class":723},[718,1357,1358],{"class":741},"\"Non-modal\"",[718,1360,1136],{"class":723},[1065,1362,1364],{"id":1363},"scrollable-content","Scrollable content",[696,1366,1367],{},"The panel is capped to the viewport - a body taller than that scrolls\ninternally on its own, while the header and footer stay pinned in place.",[705,1369],{"name":1370},"slideover-scrollable",[1065,1372,1374],{"id":1373},"intercepting-dismissal","Intercepting dismissal",[696,1376,1377,1379,1380,1383],{},[700,1378,857],{}," doesn't override Reka UI's own defaults (Escape and an\noutside click both dismiss it), but exposes the underlying events so you\ncan ",[700,1381,1382],{},"preventDefault()"," on them - e.g. to confirm before closing a panel\nwith unsaved changes:",[709,1385,1387],{"className":1094,"code":1386,"language":1096,"meta":714,"style":714},"\u003CSSlideover\n  v-model:open=\"open\"\n  title=\"Edit profile\"\n  @escape-key-down=\"(e) => hasChanges && e.preventDefault()\"\n  @pointer-down-outside=\"(e) => hasChanges && e.preventDefault()\"\n\u002F>\n",[700,1388,1389,1396,1414,1424,1465,1496],{"__ignoreMap":714},[718,1390,1391,1393],{"class":720,"line":8},[718,1392,724],{"class":723},[718,1394,1395],{"class":727},"SSlideover\n",[718,1397,1398,1401,1403,1405,1407,1409,1411],{"class":720,"line":748},[718,1399,1400],{"class":731},"  v-model",[718,1402,863],{"class":723},[718,1404,866],{"class":731},[718,1406,738],{"class":723},[718,1408,817],{"class":741},[718,1410,866],{"class":723},[718,1412,1413],{"class":741},"\"\n",[718,1415,1416,1419,1421],{"class":720,"line":774},[718,1417,1418],{"class":731},"  title",[718,1420,738],{"class":723},[718,1422,1423],{"class":741},"\"Edit profile\"\n",[718,1425,1426,1429,1432,1434,1436,1438,1442,1445,1448,1451,1454,1457,1460,1463],{"class":720,"line":784},[718,1427,1428],{"class":723},"  @",[718,1430,1431],{"class":731},"escape-key-down",[718,1433,738],{"class":723},[718,1435,817],{"class":741},[718,1437,765],{"class":723},[718,1439,1441],{"class":1440},"s4XuR","e",[718,1443,1444],{"class":723},") ",[718,1446,1447],{"class":751},"=>",[718,1449,1450],{"class":723}," hasChanges ",[718,1452,1453],{"class":751},"&&",[718,1455,1456],{"class":723}," e.",[718,1458,1459],{"class":731},"preventDefault",[718,1461,1462],{"class":723},"()",[718,1464,1413],{"class":741},[718,1466,1467,1469,1472,1474,1476,1478,1480,1482,1484,1486,1488,1490,1492,1494],{"class":720,"line":790},[718,1468,1428],{"class":723},[718,1470,1471],{"class":731},"pointer-down-outside",[718,1473,738],{"class":723},[718,1475,817],{"class":741},[718,1477,765],{"class":723},[718,1479,1441],{"class":1440},[718,1481,1444],{"class":723},[718,1483,1447],{"class":751},[718,1485,1450],{"class":723},[718,1487,1453],{"class":751},[718,1489,1456],{"class":723},[718,1491,1459],{"class":731},[718,1493,1462],{"class":723},[718,1495,1413],{"class":741},[718,1497,1498],{"class":720,"line":800},[718,1499,1500],{"class":723},"\u002F>\n",[696,1502,1503,1504,1507,1508,1511],{},"For the simpler, all-or-nothing case - a panel that must not be dismissed\nby anything but an explicit choice - ",[700,1505,1506],{},"dismissible=\"false\""," disables both\nEscape and outside-click at once, and ",[700,1509,1510],{},"close=\"false\""," removes the close\nbutton too:",[709,1513,1515],{"className":1094,"code":1514,"language":1096,"meta":714,"style":714},"\u003CSSlideover v-model:open=\"open\" :dismissible=\"false\" :close=\"false\" title=\"Confirm your plan\" \u002F>\n",[700,1516,1517],{"__ignoreMap":714},[718,1518,1519,1521,1523,1525,1527,1529,1531,1533,1535,1537,1539,1542,1544,1546,1548,1550,1552,1554,1556,1558,1560,1562,1564,1566,1569],{"class":720,"line":8},[718,1520,724],{"class":723},[718,1522,857],{"class":727},[718,1524,860],{"class":731},[718,1526,863],{"class":723},[718,1528,866],{"class":731},[718,1530,738],{"class":723},[718,1532,817],{"class":741},[718,1534,866],{"class":723},[718,1536,817],{"class":741},[718,1538,1340],{"class":723},[718,1540,1541],{"class":731},"dismissible",[718,1543,738],{"class":723},[718,1545,817],{"class":741},[718,1547,768],{"class":755},[718,1549,817],{"class":741},[718,1551,1340],{"class":723},[718,1553,1197],{"class":731},[718,1555,738],{"class":723},[718,1557,817],{"class":741},[718,1559,768],{"class":755},[718,1561,817],{"class":741},[718,1563,877],{"class":731},[718,1565,738],{"class":723},[718,1567,1568],{"class":741},"\"Confirm your plan\"",[718,1570,1136],{"class":723},[696,1572,1573,1574,1576],{},"The two raw events still fire even with ",[700,1575,1506],{}," - useful for\nsomething like a shake animation to signal the panel won't close that way.",[1065,1578,1580],{"id":1579},"customizing-the-close-button","Customizing the close button",[696,1582,1583,1584,1587,1588,1591,1592,1595,1596,1599,1600,1603],{},"The close button renders as a real ",[700,1585,1586],{},"\u003CSButton>",", so ",[700,1589,1590],{},":ui.close"," already\nreaches it fully - not just classes. An object ",[700,1593,1594],{},":ui"," value's non-",[700,1597,1598],{},"class","\nkeys apply as raw attrs\u002Fprops, so ",[700,1601,1602],{},":ui=\"{ close: { color: 'danger' } }\"","\nworks today without a dedicated prop for it:",[709,1605,1607],{"className":1094,"code":1606,"language":1096,"meta":714,"style":714},"\u003CSSlideover v-model:open=\"open\" title=\"Delete item\" :ui=\"{ close: { color: 'danger' } }\" \u002F>\n",[700,1608,1609],{"__ignoreMap":714},[718,1610,1611,1613,1615,1617,1619,1621,1623,1625,1627,1629,1631,1633,1636,1638,1641,1643,1645,1648,1651,1654,1656],{"class":720,"line":8},[718,1612,724],{"class":723},[718,1614,857],{"class":727},[718,1616,860],{"class":731},[718,1618,863],{"class":723},[718,1620,866],{"class":731},[718,1622,738],{"class":723},[718,1624,817],{"class":741},[718,1626,866],{"class":723},[718,1628,817],{"class":741},[718,1630,877],{"class":731},[718,1632,738],{"class":723},[718,1634,1635],{"class":741},"\"Delete item\"",[718,1637,1340],{"class":723},[718,1639,1640],{"class":731},"ui",[718,1642,738],{"class":723},[718,1644,817],{"class":741},[718,1646,1647],{"class":723},"{ close: { color: ",[718,1649,1650],{"class":741},"'danger'",[718,1652,1653],{"class":723}," } }",[718,1655,817],{"class":741},[718,1657,1136],{"class":723},[696,1659,1660],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's the panel's own theme file:",[1662,1663],"theme-source",{"name":1664},"slideover",[691,1666,1668],{"id":1667},"programmatic-usage","Programmatic usage",[696,1670,1671,1674,1675,1678,1679,1682,1683,1686],{},[700,1672,1673],{},"useSlideover()"," opens a panel from anywhere - a click handler, an async\ncallback - without a ",[700,1676,1677],{},"v-model"," of your own to manage. It works\nautomatically once ",[700,1680,1681],{},"\u003CSApp>"," wraps your app, exactly like ",[700,1684,1685],{},"useModal()",";\nthere's nothing extra to place.",[696,1688,1689,1690,1692,1693,1696,1697,1699,1700,863],{},"The given component owns the panel's entire content, the same as the\n",[700,1691,1062],{}," slot above - its own heading, its own buttons. ",[700,1694,1695],{},"open()"," returns\na promise that resolves with whatever value the component's own ",[700,1698,1197],{},"\nevent carries, so an explicit action can resolve with real data while\ndismissing via Escape or an outside click resolves with ",[700,1701,1702],{},"undefined",[705,1704],{"name":1705},"slideover-use-slideover",[709,1707,1709],{"className":1094,"code":1708,"language":1096,"meta":714,"style":714},"\u003C!-- SlideoverFilterPanel.vue - a self-contained panel -->\n\u003Ctemplate>\n  \u003Cdiv class=\"flex h-full flex-col\">\n    \u003Ch2>Filters\u003C\u002Fh2>\n    \u003CSCheckbox label=\"In stock only\" \u002F>\n    \u003CSButton variant=\"ghost\" @click=\"$emit('close', false)\">Cancel\u003C\u002FSButton>\n    \u003CSButton @click=\"$emit('close', true)\">Apply\u003C\u002FSButton>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[700,1710,1711,1717,1725,1740,1753,1770,1814,1850,1858],{"__ignoreMap":714},[718,1712,1713],{"class":720,"line":8},[718,1714,1716],{"class":1715},"sJ8bj","\u003C!-- SlideoverFilterPanel.vue - a self-contained panel -->\n",[718,1718,1719,1721,1723],{"class":720,"line":748},[718,1720,724],{"class":723},[718,1722,795],{"class":727},[718,1724,745],{"class":723},[718,1726,1727,1729,1731,1733,1735,1738],{"class":720,"line":774},[718,1728,803],{"class":723},[718,1730,1256],{"class":727},[718,1732,1259],{"class":731},[718,1734,738],{"class":723},[718,1736,1737],{"class":741},"\"flex h-full flex-col\"",[718,1739,745],{"class":723},[718,1741,1742,1744,1746,1749,1751],{"class":720,"line":784},[718,1743,897],{"class":723},[718,1745,691],{"class":727},[718,1747,1748],{"class":723},">Filters\u003C\u002F",[718,1750,691],{"class":727},[718,1752,745],{"class":723},[718,1754,1755,1757,1760,1763,1765,1768],{"class":720,"line":790},[718,1756,897],{"class":723},[718,1758,1759],{"class":727},"SCheckbox",[718,1761,1762],{"class":731}," label",[718,1764,738],{"class":723},[718,1766,1767],{"class":741},"\"In stock only\"",[718,1769,1136],{"class":723},[718,1771,1772,1774,1776,1778,1780,1782,1784,1786,1788,1790,1793,1795,1798,1800,1802,1805,1807,1810,1812],{"class":720,"line":800},[718,1773,897],{"class":723},[718,1775,806],{"class":727},[718,1777,946],{"class":731},[718,1779,738],{"class":723},[718,1781,951],{"class":741},[718,1783,809],{"class":723},[718,1785,812],{"class":731},[718,1787,738],{"class":723},[718,1789,817],{"class":741},[718,1791,1792],{"class":731},"$emit",[718,1794,765],{"class":723},[718,1796,1797],{"class":741},"'close'",[718,1799,1077],{"class":723},[718,1801,768],{"class":755},[718,1803,1804],{"class":723},")",[718,1806,817],{"class":741},[718,1808,1809],{"class":723},">Cancel\u003C\u002F",[718,1811,806],{"class":727},[718,1813,745],{"class":723},[718,1815,1816,1818,1820,1822,1824,1826,1828,1830,1832,1834,1836,1839,1841,1843,1846,1848],{"class":720,"line":832},[718,1817,897],{"class":723},[718,1819,806],{"class":727},[718,1821,809],{"class":723},[718,1823,812],{"class":731},[718,1825,738],{"class":723},[718,1827,817],{"class":741},[718,1829,1792],{"class":731},[718,1831,765],{"class":723},[718,1833,1797],{"class":741},[718,1835,1077],{"class":723},[718,1837,1838],{"class":755},"true",[718,1840,1804],{"class":723},[718,1842,817],{"class":741},[718,1844,1845],{"class":723},">Apply\u003C\u002F",[718,1847,806],{"class":727},[718,1849,745],{"class":723},[718,1851,1852,1854,1856],{"class":720,"line":838},[718,1853,841],{"class":723},[718,1855,1256],{"class":727},[718,1857,745],{"class":723},[718,1859,1860,1862,1864],{"class":720,"line":848},[718,1861,777],{"class":723},[718,1863,795],{"class":727},[718,1865,745],{"class":723},[709,1867,1871],{"className":1868,"code":1869,"language":1870,"meta":714,"style":714},"language-ts shiki shiki-themes github-light github-dark","import SlideoverFilterPanel from '.\u002FSlideoverFilterPanel.vue'\n\nconst slideover = useSlideover()\nconst applied = await slideover.open(SlideoverFilterPanel)\n\u002F\u002F true, false, or undefined if dismissed without an explicit choice\n","ts",[700,1872,1873,1887,1891,1906,1926],{"__ignoreMap":714},[718,1874,1875,1878,1881,1884],{"class":720,"line":8},[718,1876,1877],{"class":751},"import",[718,1879,1880],{"class":723}," SlideoverFilterPanel ",[718,1882,1883],{"class":751},"from",[718,1885,1886],{"class":741}," '.\u002FSlideoverFilterPanel.vue'\n",[718,1888,1889],{"class":720,"line":748},[718,1890,787],{"emptyLinePlaceholder":686},[718,1892,1893,1895,1898,1900,1903],{"class":720,"line":774},[718,1894,752],{"class":751},[718,1896,1897],{"class":755}," slideover",[718,1899,759],{"class":751},[718,1901,1902],{"class":731}," useSlideover",[718,1904,1905],{"class":723},"()\n",[718,1907,1908,1910,1913,1915,1918,1921,1923],{"class":720,"line":784},[718,1909,752],{"class":751},[718,1911,1912],{"class":755}," applied",[718,1914,759],{"class":751},[718,1916,1917],{"class":751}," await",[718,1919,1920],{"class":723}," slideover.",[718,1922,866],{"class":731},[718,1924,1925],{"class":723},"(SlideoverFilterPanel)\n",[718,1927,1928],{"class":720,"line":790},[718,1929,1930],{"class":1715},"\u002F\u002F true, false, or undefined if dismissed without an explicit choice\n",[696,1932,1933,1935,1936,6,1938,6,1940,6,1942,1944,1945,6,1947,6,1949,6,1951,1954],{},[700,1934,1695],{}," also takes the same ",[700,1937,1055],{},[700,1939,1206],{},[700,1941,1067],{},[700,1943,1139],{},"\u002F\n",[700,1946,1541],{},[700,1948,1343],{},[700,1950,1308],{},[700,1952,1953],{},"transition"," options as the declarative\nprops:",[709,1956,1958],{"className":1868,"code":1957,"language":1870,"meta":714,"style":714},"await slideover.open(SlideoverFilterPanel, { side: 'left' })\n",[700,1959,1960],{"__ignoreMap":714},[718,1961,1962,1965,1967,1969,1972,1975],{"class":720,"line":8},[718,1963,1964],{"class":751},"await",[718,1966,1920],{"class":723},[718,1968,866],{"class":731},[718,1970,1971],{"class":723},"(SlideoverFilterPanel, { side: ",[718,1973,1974],{"class":741},"'left'",[718,1976,1977],{"class":723}," })\n",[691,1979,1981],{"id":1980},"props","Props",[1983,1984,1985,2001],"table",{},[1986,1987,1988],"thead",{},[1989,1990,1991,1995,1998],"tr",{},[1992,1993,1994],"th",{},"Prop",[1992,1996,1997],{},"Type",[1992,1999,2000],{},"Default",[2002,2003,2004,2019,2034,2048,2060,2076,2090,2104,2118,2132,2146,2160],"tbody",{},[1989,2005,2006,2011,2016],{},[2007,2008,2009],"td",{},[700,2010,866],{},[2007,2012,2013],{},[700,2014,2015],{},"boolean",[2007,2017,2018],{},"uncontrolled (initially closed)",[1989,2020,2021,2026,2030],{},[2007,2022,2023],{},[700,2024,2025],{},"defaultOpen",[2007,2027,2028],{},[700,2029,2015],{},[2007,2031,2032],{},[700,2033,768],{},[1989,2035,2036,2040,2045],{},[2007,2037,2038],{},[700,2039,1055],{},[2007,2041,2042],{},[700,2043,2044],{},"string",[2007,2046,2047],{},"-",[1989,2049,2050,2054,2058],{},[2007,2051,2052],{},[700,2053,1206],{},[2007,2055,2056],{},[700,2057,2044],{},[2007,2059,2047],{},[1989,2061,2062,2066,2071],{},[2007,2063,2064],{},[700,2065,1067],{},[2007,2067,2068],{},[700,2069,2070],{},"'top' | 'right' | 'bottom' | 'left'",[2007,2072,2073],{},[700,2074,2075],{},"'right'",[1989,2077,2078,2082,2086],{},[2007,2079,2080],{},[700,2081,1139],{},[2007,2083,2084],{},[700,2085,2015],{},[2007,2087,2088],{},[700,2089,768],{},[1989,2091,2092,2096,2100],{},[2007,2093,2094],{},[700,2095,1541],{},[2007,2097,2098],{},[700,2099,2015],{},[2007,2101,2102],{},[700,2103,1838],{},[1989,2105,2106,2110,2114],{},[2007,2107,2108],{},[700,2109,1197],{},[2007,2111,2112],{},[700,2113,2015],{},[2007,2115,2116],{},[700,2117,1838],{},[1989,2119,2120,2124,2128],{},[2007,2121,2122],{},[700,2123,1343],{},[2007,2125,2126],{},[700,2127,2015],{},[2007,2129,2130],{},[700,2131,1838],{},[1989,2133,2134,2138,2142],{},[2007,2135,2136],{},[700,2137,1308],{},[2007,2139,2140],{},[700,2141,2015],{},[2007,2143,2144],{},[700,2145,1838],{},[1989,2147,2148,2152,2156],{},[2007,2149,2150],{},[700,2151,1953],{},[2007,2153,2154],{},[700,2155,2015],{},[2007,2157,2158],{},[700,2159,1838],{},[1989,2161,2162,2166,2171],{},[2007,2163,2164],{},[700,2165,1640],{},[2007,2167,2168],{},[700,2169,2170],{},"Partial\u003CRecord\u003C'overlay' | 'content' | 'header' | 'title' | 'description' | 'close' | 'body' | 'footer', string | object>>",[2007,2172,2047],{},[696,2174,2175,2176,2178,2179,2182,2183,2186],{},"A ",[700,2177,1598],{}," passed to ",[700,2180,2181],{},"\u003CSSlideover>"," is merged into the slideover panel. Use ",[700,2184,2185],{},"ui.content"," for the same panel, or put a class directly on the default-slot trigger to style that trigger.",[691,2188,2190],{"id":2189},"events","Events",[1983,2192,2193,2206],{},[1986,2194,2195],{},[1989,2196,2197,2200,2203],{},[1992,2198,2199],{},"Event",[1992,2201,2202],{},"Payload",[1992,2204,2205],{},"Description",[2002,2207,2208,2222,2240,2256,2272],{},[1989,2209,2210,2215,2219],{},[2007,2211,2212],{},[700,2213,2214],{},"update:open",[2007,2216,2217],{},[700,2218,2015],{},[2007,2220,2221],{},"Open state changed",[1989,2223,2224,2229,2234],{},[2007,2225,2226],{},[700,2227,2228],{},"escapeKeyDown",[2007,2230,2231],{},[700,2232,2233],{},"KeyboardEvent",[2007,2235,2236,2237,2239],{},"Escape was pressed - ",[700,2238,1382],{}," to stop it from closing",[1989,2241,2242,2247,2251],{},[2007,2243,2244],{},[700,2245,2246],{},"pointerDownOutside",[2007,2248,2249],{},[700,2250,2199],{},[2007,2252,2253,2254,2239],{},"A pointer went down outside the panel - ",[700,2255,1382],{},[1989,2257,2258,2263,2267],{},[2007,2259,2260],{},[700,2261,2262],{},"focusOutside",[2007,2264,2265],{},[700,2266,2199],{},[2007,2268,2269,2270,2239],{},"A non-modal panel's outside element received focus - ",[700,2271,1382],{},[1989,2273,2274,2279,2281],{},[2007,2275,2276],{},[700,2277,2278],{},"afterLeave",[2007,2280,2047],{},[2007,2282,2283,2284,2286,2287,1804],{},"The close transition has finished (or fires immediately if ",[700,2285,1953],{}," is ",[700,2288,768],{},[691,2290,2292],{"id":2291},"slots","Slots",[1983,2294,2295,2304],{},[1986,2296,2297],{},[1989,2298,2299,2302],{},[1992,2300,2301],{},"Slot",[1992,2303,2205],{},[2002,2305,2306,2314,2323,2332,2341,2350],{},[1989,2307,2308,2311],{},[2007,2309,2310],{},"default",[2007,2312,2313],{},"The trigger element",[1989,2315,2316,2320],{},[2007,2317,2318],{},[700,2319,1062],{},[2007,2321,2322],{},"Replaces the visible header\u002Fbody\u002Ffooter entirely (title\u002Fdescription, if set, still register for a11y)",[1989,2324,2325,2329],{},[2007,2326,2327],{},[700,2328,1059],{},[2007,2330,2331],{},"Overrides the default title\u002Fdescription block",[1989,2333,2334,2338],{},[2007,2335,2336],{},[700,2337,905],{},[2007,2339,2340],{},"Main content",[1989,2342,2343,2347],{},[2007,2344,2345],{},[700,2346,934],{},[2007,2348,2349],{},"Usually action buttons",[1989,2351,2352,2357],{},[2007,2353,2354],{},[700,2355,2356],{},"close-icon",[2007,2358,2359,2360,1804],{},"Replaces the close button's icon (default: ",[700,2361,2362],{},"hugeicons:cancel-01",[1065,2364,2366],{"id":2365},"initial-and-controlled-visibility","Initial and controlled visibility",[696,2368,2369,2371,2372,2374,2375,2377,2378,2380,2381,2383],{},[700,2370,2025],{}," sets initial visibility when ",[700,2373,866],{}," is omitted. Use ",[700,2376,702],{},"\nwhen a parent owns visibility; ",[700,2379,2214],{}," proposes changes without overriding\nthe parent's value. Changing ",[700,2382,2025],{}," after mount does not control the overlay.",[2385,2386,2387],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":714,"searchDepth":774,"depth":774,"links":2389},[2390,2399,2400,2401,2402],{"id":693,"depth":748,"text":694,"children":2391},[2392,2393,2394,2395,2396,2397,2398],{"id":1067,"depth":774,"text":1068},{"id":1139,"depth":774,"text":1140},{"id":1188,"depth":774,"text":1189},{"id":1298,"depth":774,"text":1299},{"id":1363,"depth":774,"text":1364},{"id":1373,"depth":774,"text":1374},{"id":1579,"depth":774,"text":1580},{"id":1667,"depth":748,"text":1668},{"id":1980,"depth":748,"text":1981},{"id":2189,"depth":748,"text":2190},{"id":2291,"depth":748,"text":2292,"children":2403},[2404],{"id":2365,"depth":774,"text":2366},"A panel that slides in from an edge of the screen, built on Reka UI's Dialog primitive.","md",{},{"title":415,"description":2405},"OKGu-qTzgn3eiWo-GVFDBCfcGfIZTf7RNtGSlAOMpEs",{"id":2411,"title":415,"aside":686,"body":2412,"collapse":10,"description":3891,"editLink":686,"extension":2406,"icon":9,"issueLink":686,"meta":3892,"navBadges":9,"navigation":9,"order":418,"path":3893,"prevNext":686,"seo":3894,"stem":3895,"toc":686,"__hash__":3896},"docs\u002Fid\u002Fcomponents\u002Foverlays\u002Fslideover.md",{"type":688,"value":2413,"toc":3874},[2414,2418,2424,2426,2694,2705,2707,2722,2724,2762,2764,2769,2771,2805,2809,2825,2827,2907,2909,2917,2919,2963,2967,2970,2972,2976,2984,3082,3091,3147,3153,3157,3175,3223,3226,3228,3232,3246,3260,3262,3410,3462,3484,3502,3504,3680,3691,3693,3783,3785,3851,3855,3872],[691,2415,2417],{"id":2416},"penggunaan","Penggunaan",[696,2419,2420,2421,2423],{},"Visibilitas Slideover dikontrol dengan ",[700,2422,702],{},", jadi ia membutuhkan ref dari halaman tempat ia digunakan.",[705,2425],{"name":707},[709,2427,2428],{"className":711,"code":712,"language":713,"meta":714,"style":714},[700,2429,2430,2446,2462,2470,2474,2482,2506,2510,2518,2522,2556,2568,2572,2580,2592,2622,2626,2634,2658,2662,2670,2678,2686],{"__ignoreMap":714},[718,2431,2432,2434,2436,2438,2440,2442,2444],{"class":720,"line":8},[718,2433,724],{"class":723},[718,2435,728],{"class":727},[718,2437,732],{"class":731},[718,2439,735],{"class":731},[718,2441,738],{"class":723},[718,2443,742],{"class":741},[718,2445,745],{"class":723},[718,2447,2448,2450,2452,2454,2456,2458,2460],{"class":720,"line":748},[718,2449,752],{"class":751},[718,2451,756],{"class":755},[718,2453,759],{"class":751},[718,2455,762],{"class":731},[718,2457,765],{"class":723},[718,2459,768],{"class":755},[718,2461,771],{"class":723},[718,2463,2464,2466,2468],{"class":720,"line":774},[718,2465,777],{"class":723},[718,2467,728],{"class":727},[718,2469,745],{"class":723},[718,2471,2472],{"class":720,"line":784},[718,2473,787],{"emptyLinePlaceholder":686},[718,2475,2476,2478,2480],{"class":720,"line":790},[718,2477,724],{"class":723},[718,2479,795],{"class":727},[718,2481,745],{"class":723},[718,2483,2484,2486,2488,2490,2492,2494,2496,2498,2500,2502,2504],{"class":720,"line":800},[718,2485,803],{"class":723},[718,2487,806],{"class":727},[718,2489,809],{"class":723},[718,2491,812],{"class":731},[718,2493,738],{"class":723},[718,2495,817],{"class":741},[718,2497,820],{"class":723},[718,2499,738],{"class":751},[718,2501,825],{"class":755},[718,2503,817],{"class":741},[718,2505,745],{"class":723},[718,2507,2508],{"class":720,"line":832},[718,2509,835],{"class":723},[718,2511,2512,2514,2516],{"class":720,"line":838},[718,2513,841],{"class":723},[718,2515,806],{"class":727},[718,2517,745],{"class":723},[718,2519,2520],{"class":720,"line":848},[718,2521,787],{"emptyLinePlaceholder":686},[718,2523,2524,2526,2528,2530,2532,2534,2536,2538,2540,2542,2544,2546,2548,2550,2552,2554],{"class":720,"line":13},[718,2525,803],{"class":723},[718,2527,857],{"class":727},[718,2529,860],{"class":731},[718,2531,863],{"class":723},[718,2533,866],{"class":731},[718,2535,738],{"class":723},[718,2537,817],{"class":741},[718,2539,866],{"class":723},[718,2541,817],{"class":741},[718,2543,877],{"class":731},[718,2545,738],{"class":723},[718,2547,882],{"class":741},[718,2549,885],{"class":731},[718,2551,738],{"class":723},[718,2553,890],{"class":741},[718,2555,745],{"class":723},[718,2557,2558,2560,2562,2564,2566],{"class":720,"line":151},[718,2559,897],{"class":723},[718,2561,795],{"class":727},[718,2563,902],{"class":723},[718,2565,905],{"class":731},[718,2567,745],{"class":723},[718,2569,2570],{"class":720,"line":170},[718,2571,912],{"class":723},[718,2573,2574,2576,2578],{"class":720,"line":915},[718,2575,918],{"class":723},[718,2577,795],{"class":727},[718,2579,745],{"class":723},[718,2581,2582,2584,2586,2588,2590],{"class":720,"line":925},[718,2583,897],{"class":723},[718,2585,795],{"class":727},[718,2587,902],{"class":723},[718,2589,934],{"class":731},[718,2591,745],{"class":723},[718,2593,2594,2596,2598,2600,2602,2604,2606,2608,2610,2612,2614,2616,2618,2620],{"class":720,"line":648},[718,2595,941],{"class":723},[718,2597,806],{"class":727},[718,2599,946],{"class":731},[718,2601,738],{"class":723},[718,2603,951],{"class":741},[718,2605,809],{"class":723},[718,2607,812],{"class":731},[718,2609,738],{"class":723},[718,2611,817],{"class":741},[718,2613,820],{"class":723},[718,2615,738],{"class":751},[718,2617,966],{"class":755},[718,2619,817],{"class":741},[718,2621,745],{"class":723},[718,2623,2624],{"class":720,"line":973},[718,2625,976],{"class":723},[718,2627,2628,2630,2632],{"class":720,"line":979},[718,2629,982],{"class":723},[718,2631,806],{"class":727},[718,2633,745],{"class":723},[718,2635,2636,2638,2640,2642,2644,2646,2648,2650,2652,2654,2656],{"class":720,"line":989},[718,2637,941],{"class":723},[718,2639,806],{"class":727},[718,2641,809],{"class":723},[718,2643,812],{"class":731},[718,2645,738],{"class":723},[718,2647,817],{"class":741},[718,2649,820],{"class":723},[718,2651,738],{"class":751},[718,2653,966],{"class":755},[718,2655,817],{"class":741},[718,2657,745],{"class":723},[718,2659,2660],{"class":720,"line":1014},[718,2661,1017],{"class":723},[718,2663,2664,2666,2668],{"class":720,"line":30},[718,2665,982],{"class":723},[718,2667,806],{"class":727},[718,2669,745],{"class":723},[718,2671,2672,2674,2676],{"class":720,"line":247},[718,2673,918],{"class":723},[718,2675,795],{"class":727},[718,2677,745],{"class":723},[718,2679,2680,2682,2684],{"class":720,"line":257},[718,2681,841],{"class":723},[718,2683,857],{"class":727},[718,2685,745],{"class":723},[718,2687,2688,2690,2692],{"class":720,"line":272},[718,2689,777],{"class":723},[718,2691,795],{"class":727},[718,2693,745],{"class":723},[696,2695,2696,2697,2699,2700,6,2702,2704],{},"Selalu berikan ",[700,2698,1055],{}," (atau slot ",[700,2701,1059],{},[700,2703,1062],{}," yang berisi heading) - tanpanya, panel tidak memiliki nama yang dapat diakses untuk screen reader, dan mode dev memperingatkan tentang hal itu.",[1065,2706,1068],{"id":1067},[696,2708,2709,2711,2712,1077,2714,2716,2717,2719,2720,863],{},[700,2710,1067],{}," memilih tepi mana panel meluncur masuk - ",[700,2713,1076],{},[700,2715,1080],{}," (default), ",[700,2718,1084],{},", atau ",[700,2721,1088],{},[705,2723],{"name":1091},[709,2725,2726],{"className":1094,"code":1095,"language":1096,"meta":714,"style":714},[700,2727,2728],{"__ignoreMap":714},[718,2729,2730,2732,2734,2736,2738,2740,2742,2744,2746,2748,2750,2752,2754,2756,2758,2760],{"class":720,"line":8},[718,2731,724],{"class":723},[718,2733,857],{"class":727},[718,2735,860],{"class":731},[718,2737,863],{"class":723},[718,2739,866],{"class":731},[718,2741,738],{"class":723},[718,2743,817],{"class":741},[718,2745,866],{"class":723},[718,2747,817],{"class":741},[718,2749,1121],{"class":731},[718,2751,738],{"class":723},[718,2753,1126],{"class":741},[718,2755,877],{"class":731},[718,2757,738],{"class":723},[718,2759,1133],{"class":741},[718,2761,1136],{"class":723},[1065,2763,1140],{"id":1139},[696,2765,2766,2768],{},[700,2767,1139],{}," mengambangkan panel dengan margin dan sudut membulat alih-alih duduk rapat di tepi:",[705,2770],{"name":1148},[709,2772,2773],{"className":1094,"code":1151,"language":1096,"meta":714,"style":714},[700,2774,2775],{"__ignoreMap":714},[718,2776,2777,2779,2781,2783,2785,2787,2789,2791,2793,2795,2797,2799,2801,2803],{"class":720,"line":8},[718,2778,724],{"class":723},[718,2780,857],{"class":727},[718,2782,860],{"class":731},[718,2784,863],{"class":723},[718,2786,866],{"class":731},[718,2788,738],{"class":723},[718,2790,817],{"class":741},[718,2792,866],{"class":723},[718,2794,817],{"class":741},[718,2796,1176],{"class":731},[718,2798,877],{"class":731},[718,2800,738],{"class":723},[718,2802,1183],{"class":741},[718,2804,1136],{"class":723},[1065,2806,2808],{"id":2807},"konten-kustom","Konten kustom",[696,2810,2811,2813,2814,2816,2817,2819,2820,6,2822,2824],{},[700,2812,1062],{}," menggantikan struktur header\u002Ftitle\u002Fdescription\u002Fbody\u002Ffooter sepenuhnya - berguna ketika panel sama sekali tidak cocok dengan bentuk header-plus-body. ",[700,2815,1197],{}," diabaikan setelah ",[700,2818,1062],{}," diberikan, karena slot memiliki seluruh panel yang terlihat - tapi ",[700,2821,1055],{},[700,2823,1206],{},", jika masih diatur, tetap terdaftar ke Reka sebagai nama\u002Fdeskripsi panel yang dapat diakses, hanya disembunyikan secara visual alih-alih dirender sebagai header. Berikan mereka jika konten kustom Anda sendiri belum menyertakan heading yang bisa diasosiasikan Reka dengan panel:",[705,2826],{"name":1210},[709,2828,2829],{"className":1094,"code":1213,"language":1096,"meta":714,"style":714},[700,2830,2831,2853,2865,2879,2883,2891,2899],{"__ignoreMap":714},[718,2832,2833,2835,2837,2839,2841,2843,2845,2847,2849,2851],{"class":720,"line":8},[718,2834,724],{"class":723},[718,2836,857],{"class":727},[718,2838,860],{"class":731},[718,2840,863],{"class":723},[718,2842,866],{"class":731},[718,2844,738],{"class":723},[718,2846,817],{"class":741},[718,2848,866],{"class":723},[718,2850,817],{"class":741},[718,2852,745],{"class":723},[718,2854,2855,2857,2859,2861,2863],{"class":720,"line":748},[718,2856,803],{"class":723},[718,2858,795],{"class":727},[718,2860,902],{"class":723},[718,2862,1062],{"class":731},[718,2864,745],{"class":723},[718,2866,2867,2869,2871,2873,2875,2877],{"class":720,"line":774},[718,2868,897],{"class":723},[718,2870,1256],{"class":727},[718,2872,1259],{"class":731},[718,2874,738],{"class":723},[718,2876,1264],{"class":741},[718,2878,745],{"class":723},[718,2880,2881],{"class":720,"line":784},[718,2882,1271],{"class":723},[718,2884,2885,2887,2889],{"class":720,"line":790},[718,2886,918],{"class":723},[718,2888,1256],{"class":727},[718,2890,745],{"class":723},[718,2892,2893,2895,2897],{"class":720,"line":800},[718,2894,841],{"class":723},[718,2896,795],{"class":727},[718,2898,745],{"class":723},[718,2900,2901,2903,2905],{"class":720,"line":832},[718,2902,777],{"class":723},[718,2904,857],{"class":727},[718,2906,745],{"class":723},[1065,2908,1299],{"id":1298},[696,2910,2911,2913,2914,2916],{},[700,2912,1304],{}," menghentikan panel memblokir interaksi dengan sisa halaman - tanpa focus trap, elemen luar tetap dapat dijangkau dan tidak disembunyikan dari teknologi asistif. ",[700,2915,1308],{}," independen dari ini - panel non-modal masih bisa menampilkan (atau menyembunyikan) backdrop-nya sendiri:",[705,2918],{"name":1312},[709,2920,2921],{"className":1094,"code":1315,"language":1096,"meta":714,"style":714},[700,2922,2923],{"__ignoreMap":714},[718,2924,2925,2927,2929,2931,2933,2935,2937,2939,2941,2943,2945,2947,2949,2951,2953,2955,2957,2959,2961],{"class":720,"line":8},[718,2926,724],{"class":723},[718,2928,857],{"class":727},[718,2930,860],{"class":731},[718,2932,863],{"class":723},[718,2934,866],{"class":731},[718,2936,738],{"class":723},[718,2938,817],{"class":741},[718,2940,866],{"class":723},[718,2942,817],{"class":741},[718,2944,1340],{"class":723},[718,2946,1343],{"class":731},[718,2948,738],{"class":723},[718,2950,817],{"class":741},[718,2952,768],{"class":755},[718,2954,817],{"class":741},[718,2956,877],{"class":731},[718,2958,738],{"class":723},[718,2960,1358],{"class":741},[718,2962,1136],{"class":723},[1065,2964,2966],{"id":2965},"konten-yang-dapat-di-scroll","Konten yang dapat di-scroll",[696,2968,2969],{},"Panel dibatasi pada viewport - body yang lebih tinggi dari itu scroll secara internal sendiri, sementara header dan footer tetap terjepit di tempat.",[705,2971],{"name":1370},[1065,2973,2975],{"id":2974},"mengintersep-penutupan","Mengintersep penutupan",[696,2977,2978,2980,2981,2983],{},[700,2979,857],{}," tidak mengoverride default Reka UI sendiri (Escape dan klik di luar keduanya menutupnya), tapi mengekspos event yang mendasarinya sehingga Anda bisa ",[700,2982,1382],{}," pada mereka - misalnya untuk konfirmasi sebelum menutup panel dengan perubahan yang belum disimpan:",[709,2985,2986],{"className":1094,"code":1386,"language":1096,"meta":714,"style":714},[700,2987,2988,2994,3010,3018,3048,3078],{"__ignoreMap":714},[718,2989,2990,2992],{"class":720,"line":8},[718,2991,724],{"class":723},[718,2993,1395],{"class":727},[718,2995,2996,2998,3000,3002,3004,3006,3008],{"class":720,"line":748},[718,2997,1400],{"class":731},[718,2999,863],{"class":723},[718,3001,866],{"class":731},[718,3003,738],{"class":723},[718,3005,817],{"class":741},[718,3007,866],{"class":723},[718,3009,1413],{"class":741},[718,3011,3012,3014,3016],{"class":720,"line":774},[718,3013,1418],{"class":731},[718,3015,738],{"class":723},[718,3017,1423],{"class":741},[718,3019,3020,3022,3024,3026,3028,3030,3032,3034,3036,3038,3040,3042,3044,3046],{"class":720,"line":784},[718,3021,1428],{"class":723},[718,3023,1431],{"class":731},[718,3025,738],{"class":723},[718,3027,817],{"class":741},[718,3029,765],{"class":723},[718,3031,1441],{"class":1440},[718,3033,1444],{"class":723},[718,3035,1447],{"class":751},[718,3037,1450],{"class":723},[718,3039,1453],{"class":751},[718,3041,1456],{"class":723},[718,3043,1459],{"class":731},[718,3045,1462],{"class":723},[718,3047,1413],{"class":741},[718,3049,3050,3052,3054,3056,3058,3060,3062,3064,3066,3068,3070,3072,3074,3076],{"class":720,"line":790},[718,3051,1428],{"class":723},[718,3053,1471],{"class":731},[718,3055,738],{"class":723},[718,3057,817],{"class":741},[718,3059,765],{"class":723},[718,3061,1441],{"class":1440},[718,3063,1444],{"class":723},[718,3065,1447],{"class":751},[718,3067,1450],{"class":723},[718,3069,1453],{"class":751},[718,3071,1456],{"class":723},[718,3073,1459],{"class":731},[718,3075,1462],{"class":723},[718,3077,1413],{"class":741},[718,3079,3080],{"class":720,"line":800},[718,3081,1500],{"class":723},[696,3083,3084,3085,3087,3088,3090],{},"Untuk kasus yang lebih sederhana, all-or-nothing - panel yang tidak boleh ditutup oleh apa pun kecuali pilihan eksplisit - ",[700,3086,1506],{}," menonaktifkan Escape dan klik-di-luar sekaligus, dan ",[700,3089,1510],{}," juga menghapus tombol tutup:",[709,3092,3093],{"className":1094,"code":1514,"language":1096,"meta":714,"style":714},[700,3094,3095],{"__ignoreMap":714},[718,3096,3097,3099,3101,3103,3105,3107,3109,3111,3113,3115,3117,3119,3121,3123,3125,3127,3129,3131,3133,3135,3137,3139,3141,3143,3145],{"class":720,"line":8},[718,3098,724],{"class":723},[718,3100,857],{"class":727},[718,3102,860],{"class":731},[718,3104,863],{"class":723},[718,3106,866],{"class":731},[718,3108,738],{"class":723},[718,3110,817],{"class":741},[718,3112,866],{"class":723},[718,3114,817],{"class":741},[718,3116,1340],{"class":723},[718,3118,1541],{"class":731},[718,3120,738],{"class":723},[718,3122,817],{"class":741},[718,3124,768],{"class":755},[718,3126,817],{"class":741},[718,3128,1340],{"class":723},[718,3130,1197],{"class":731},[718,3132,738],{"class":723},[718,3134,817],{"class":741},[718,3136,768],{"class":755},[718,3138,817],{"class":741},[718,3140,877],{"class":731},[718,3142,738],{"class":723},[718,3144,1568],{"class":741},[718,3146,1136],{"class":723},[696,3148,3149,3150,3152],{},"Kedua event mentah tetap terpicu bahkan dengan ",[700,3151,1506],{}," - berguna misalnya untuk animasi shake yang menandakan panel tidak akan menutup dengan cara itu.",[1065,3154,3156],{"id":3155},"mengkustomisasi-tombol-tutup","Mengkustomisasi tombol tutup",[696,3158,3159,3160,3162,3163,3165,3166,3168,3169,3171,3172,3174],{},"Tombol tutup dirender sebagai ",[700,3161,1586],{}," nyata, sehingga ",[700,3164,1590],{}," sudah menjangkaunya sepenuhnya - bukan sekadar class. Kunci non-",[700,3167,1598],{}," milik nilai ",[700,3170,1594],{}," objek berlaku sebagai attrs\u002Fprops mentah, sehingga ",[700,3173,1602],{}," berfungsi hari ini tanpa prop khusus untuk itu:",[709,3176,3177],{"className":1094,"code":1606,"language":1096,"meta":714,"style":714},[700,3178,3179],{"__ignoreMap":714},[718,3180,3181,3183,3185,3187,3189,3191,3193,3195,3197,3199,3201,3203,3205,3207,3209,3211,3213,3215,3217,3219,3221],{"class":720,"line":8},[718,3182,724],{"class":723},[718,3184,857],{"class":727},[718,3186,860],{"class":731},[718,3188,863],{"class":723},[718,3190,866],{"class":731},[718,3192,738],{"class":723},[718,3194,817],{"class":741},[718,3196,866],{"class":723},[718,3198,817],{"class":741},[718,3200,877],{"class":731},[718,3202,738],{"class":723},[718,3204,1635],{"class":741},[718,3206,1340],{"class":723},[718,3208,1640],{"class":731},[718,3210,738],{"class":723},[718,3212,817],{"class":741},[718,3214,1647],{"class":723},[718,3216,1650],{"class":741},[718,3218,1653],{"class":723},[718,3220,817],{"class":741},[718,3222,1136],{"class":723},[696,3224,3225],{},"Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default saat ini untuk setiap slot dan varian - berikut adalah file tema panel itu sendiri:",[1662,3227],{"name":1664},[691,3229,3231],{"id":3230},"penggunaan-programatik","Penggunaan programatik",[696,3233,3234,3236,3237,3239,3240,3242,3243,3245],{},[700,3235,1673],{}," membuka panel dari mana saja - click handler, callback async - tanpa ",[700,3238,1677],{}," milik Anda sendiri untuk dikelola. Ia berfungsi otomatis setelah ",[700,3241,1681],{}," membungkus aplikasi Anda, persis seperti ",[700,3244,1685],{},"; tidak ada yang perlu ditempatkan tambahan.",[696,3247,3248,3249,3251,3252,3254,3255,3257,3258,863],{},"Komponen yang diberikan memiliki seluruh konten panel, sama seperti slot ",[700,3250,1062],{}," di atas - heading-nya sendiri, tombolnya sendiri. ",[700,3253,1695],{}," mengembalikan promise yang resolve dengan nilai apa pun yang dibawa event ",[700,3256,1197],{}," milik komponen itu sendiri, sehingga aksi eksplisit bisa resolve dengan data nyata sementara penutupan via Escape atau klik di luar resolve dengan ",[700,3259,1702],{},[705,3261],{"name":1705},[709,3263,3265],{"className":1094,"code":3264,"language":1096,"meta":714,"style":714},"\u003C!-- SlideoverFilterPanel.vue - panel yang mandiri -->\n\u003Ctemplate>\n  \u003Cdiv class=\"flex h-full flex-col\">\n    \u003Ch2>Filters\u003C\u002Fh2>\n    \u003CSCheckbox label=\"In stock only\" \u002F>\n    \u003CSButton variant=\"ghost\" @click=\"$emit('close', false)\">Cancel\u003C\u002FSButton>\n    \u003CSButton @click=\"$emit('close', true)\">Apply\u003C\u002FSButton>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[700,3266,3267,3272,3280,3294,3306,3320,3360,3394,3402],{"__ignoreMap":714},[718,3268,3269],{"class":720,"line":8},[718,3270,3271],{"class":1715},"\u003C!-- SlideoverFilterPanel.vue - panel yang mandiri -->\n",[718,3273,3274,3276,3278],{"class":720,"line":748},[718,3275,724],{"class":723},[718,3277,795],{"class":727},[718,3279,745],{"class":723},[718,3281,3282,3284,3286,3288,3290,3292],{"class":720,"line":774},[718,3283,803],{"class":723},[718,3285,1256],{"class":727},[718,3287,1259],{"class":731},[718,3289,738],{"class":723},[718,3291,1737],{"class":741},[718,3293,745],{"class":723},[718,3295,3296,3298,3300,3302,3304],{"class":720,"line":784},[718,3297,897],{"class":723},[718,3299,691],{"class":727},[718,3301,1748],{"class":723},[718,3303,691],{"class":727},[718,3305,745],{"class":723},[718,3307,3308,3310,3312,3314,3316,3318],{"class":720,"line":790},[718,3309,897],{"class":723},[718,3311,1759],{"class":727},[718,3313,1762],{"class":731},[718,3315,738],{"class":723},[718,3317,1767],{"class":741},[718,3319,1136],{"class":723},[718,3321,3322,3324,3326,3328,3330,3332,3334,3336,3338,3340,3342,3344,3346,3348,3350,3352,3354,3356,3358],{"class":720,"line":800},[718,3323,897],{"class":723},[718,3325,806],{"class":727},[718,3327,946],{"class":731},[718,3329,738],{"class":723},[718,3331,951],{"class":741},[718,3333,809],{"class":723},[718,3335,812],{"class":731},[718,3337,738],{"class":723},[718,3339,817],{"class":741},[718,3341,1792],{"class":731},[718,3343,765],{"class":723},[718,3345,1797],{"class":741},[718,3347,1077],{"class":723},[718,3349,768],{"class":755},[718,3351,1804],{"class":723},[718,3353,817],{"class":741},[718,3355,1809],{"class":723},[718,3357,806],{"class":727},[718,3359,745],{"class":723},[718,3361,3362,3364,3366,3368,3370,3372,3374,3376,3378,3380,3382,3384,3386,3388,3390,3392],{"class":720,"line":832},[718,3363,897],{"class":723},[718,3365,806],{"class":727},[718,3367,809],{"class":723},[718,3369,812],{"class":731},[718,3371,738],{"class":723},[718,3373,817],{"class":741},[718,3375,1792],{"class":731},[718,3377,765],{"class":723},[718,3379,1797],{"class":741},[718,3381,1077],{"class":723},[718,3383,1838],{"class":755},[718,3385,1804],{"class":723},[718,3387,817],{"class":741},[718,3389,1845],{"class":723},[718,3391,806],{"class":727},[718,3393,745],{"class":723},[718,3395,3396,3398,3400],{"class":720,"line":838},[718,3397,841],{"class":723},[718,3399,1256],{"class":727},[718,3401,745],{"class":723},[718,3403,3404,3406,3408],{"class":720,"line":848},[718,3405,777],{"class":723},[718,3407,795],{"class":727},[718,3409,745],{"class":723},[709,3411,3413],{"className":1868,"code":3412,"language":1870,"meta":714,"style":714},"import SlideoverFilterPanel from '.\u002FSlideoverFilterPanel.vue'\n\nconst slideover = useSlideover()\nconst applied = await slideover.open(SlideoverFilterPanel)\n\u002F\u002F true, false, atau undefined jika ditutup tanpa pilihan eksplisit\n",[700,3414,3415,3425,3429,3441,3457],{"__ignoreMap":714},[718,3416,3417,3419,3421,3423],{"class":720,"line":8},[718,3418,1877],{"class":751},[718,3420,1880],{"class":723},[718,3422,1883],{"class":751},[718,3424,1886],{"class":741},[718,3426,3427],{"class":720,"line":748},[718,3428,787],{"emptyLinePlaceholder":686},[718,3430,3431,3433,3435,3437,3439],{"class":720,"line":774},[718,3432,752],{"class":751},[718,3434,1897],{"class":755},[718,3436,759],{"class":751},[718,3438,1902],{"class":731},[718,3440,1905],{"class":723},[718,3442,3443,3445,3447,3449,3451,3453,3455],{"class":720,"line":784},[718,3444,752],{"class":751},[718,3446,1912],{"class":755},[718,3448,759],{"class":751},[718,3450,1917],{"class":751},[718,3452,1920],{"class":723},[718,3454,866],{"class":731},[718,3456,1925],{"class":723},[718,3458,3459],{"class":720,"line":790},[718,3460,3461],{"class":1715},"\u002F\u002F true, false, atau undefined jika ditutup tanpa pilihan eksplisit\n",[696,3463,3464,3466,3467,6,3469,6,3471,6,3473,6,3475,6,3477,6,3479,6,3481,3483],{},[700,3465,1695],{}," juga menerima opsi ",[700,3468,1055],{},[700,3470,1206],{},[700,3472,1067],{},[700,3474,1139],{},[700,3476,1541],{},[700,3478,1343],{},[700,3480,1308],{},[700,3482,1953],{}," yang sama seperti props deklaratif:",[709,3485,3486],{"className":1868,"code":1957,"language":1870,"meta":714,"style":714},[700,3487,3488],{"__ignoreMap":714},[718,3489,3490,3492,3494,3496,3498,3500],{"class":720,"line":8},[718,3491,1964],{"class":751},[718,3493,1920],{"class":723},[718,3495,866],{"class":731},[718,3497,1971],{"class":723},[718,3499,1974],{"class":741},[718,3501,1977],{"class":723},[691,3503,1981],{"id":1980},[1983,3505,3506,3517],{},[1986,3507,3508],{},[1989,3509,3510,3512,3515],{},[1992,3511,1994],{},[1992,3513,3514],{},"Tipe",[1992,3516,2000],{},[2002,3518,3519,3532,3546,3558,3570,3584,3598,3612,3626,3640,3654,3668],{},[1989,3520,3521,3525,3529],{},[2007,3522,3523],{},[700,3524,866],{},[2007,3526,3527],{},[700,3528,2015],{},[2007,3530,3531],{},"tidak terkontrol (awalnya tertutup)",[1989,3533,3534,3538,3542],{},[2007,3535,3536],{},[700,3537,2025],{},[2007,3539,3540],{},[700,3541,2015],{},[2007,3543,3544],{},[700,3545,768],{},[1989,3547,3548,3552,3556],{},[2007,3549,3550],{},[700,3551,1055],{},[2007,3553,3554],{},[700,3555,2044],{},[2007,3557,2047],{},[1989,3559,3560,3564,3568],{},[2007,3561,3562],{},[700,3563,1206],{},[2007,3565,3566],{},[700,3567,2044],{},[2007,3569,2047],{},[1989,3571,3572,3576,3580],{},[2007,3573,3574],{},[700,3575,1067],{},[2007,3577,3578],{},[700,3579,2070],{},[2007,3581,3582],{},[700,3583,2075],{},[1989,3585,3586,3590,3594],{},[2007,3587,3588],{},[700,3589,1139],{},[2007,3591,3592],{},[700,3593,2015],{},[2007,3595,3596],{},[700,3597,768],{},[1989,3599,3600,3604,3608],{},[2007,3601,3602],{},[700,3603,1541],{},[2007,3605,3606],{},[700,3607,2015],{},[2007,3609,3610],{},[700,3611,1838],{},[1989,3613,3614,3618,3622],{},[2007,3615,3616],{},[700,3617,1197],{},[2007,3619,3620],{},[700,3621,2015],{},[2007,3623,3624],{},[700,3625,1838],{},[1989,3627,3628,3632,3636],{},[2007,3629,3630],{},[700,3631,1343],{},[2007,3633,3634],{},[700,3635,2015],{},[2007,3637,3638],{},[700,3639,1838],{},[1989,3641,3642,3646,3650],{},[2007,3643,3644],{},[700,3645,1308],{},[2007,3647,3648],{},[700,3649,2015],{},[2007,3651,3652],{},[700,3653,1838],{},[1989,3655,3656,3660,3664],{},[2007,3657,3658],{},[700,3659,1953],{},[2007,3661,3662],{},[700,3663,2015],{},[2007,3665,3666],{},[700,3667,1838],{},[1989,3669,3670,3674,3678],{},[2007,3671,3672],{},[700,3673,1640],{},[2007,3675,3676],{},[700,3677,2170],{},[2007,3679,2047],{},[696,3681,3682,3684,3685,3687,3688,3690],{},[700,3683,1598],{}," yang diberikan ke ",[700,3686,2181],{}," digabungkan ke panel slideover. Gunakan ",[700,3689,2185],{}," untuk panel yang sama, atau letakkan class langsung pada trigger default-slot untuk men-style trigger itu.",[691,3692,2190],{"id":2189},[1983,3694,3695,3706],{},[1986,3696,3697],{},[1989,3698,3699,3701,3703],{},[1992,3700,2199],{},[1992,3702,2202],{},[1992,3704,3705],{},"Deskripsi",[2002,3707,3708,3721,3737,3752,3767],{},[1989,3709,3710,3714,3718],{},[2007,3711,3712],{},[700,3713,2214],{},[2007,3715,3716],{},[700,3717,2015],{},[2007,3719,3720],{},"State terbuka berubah",[1989,3722,3723,3727,3731],{},[2007,3724,3725],{},[700,3726,2228],{},[2007,3728,3729],{},[700,3730,2233],{},[2007,3732,3733,3734,3736],{},"Escape ditekan - ",[700,3735,1382],{}," untuk mencegahnya menutup",[1989,3738,3739,3743,3747],{},[2007,3740,3741],{},[700,3742,2246],{},[2007,3744,3745],{},[700,3746,2199],{},[2007,3748,3749,3750,3736],{},"Pointer turun di luar panel - ",[700,3751,1382],{},[1989,3753,3754,3758,3762],{},[2007,3755,3756],{},[700,3757,2262],{},[2007,3759,3760],{},[700,3761,2199],{},[2007,3763,3764,3765,3736],{},"Elemen luar panel non-modal menerima fokus - ",[700,3766,1382],{},[1989,3768,3769,3773,3775],{},[2007,3770,3771],{},[700,3772,2278],{},[2007,3774,2047],{},[2007,3776,3777,3778,3780,3781,1804],{},"Transisi tutup telah selesai (atau langsung terpicu jika ",[700,3779,1953],{}," adalah ",[700,3782,768],{},[691,3784,2292],{"id":2291},[1983,3786,3787,3795],{},[1986,3788,3789],{},[1989,3790,3791,3793],{},[1992,3792,2301],{},[1992,3794,3705],{},[2002,3796,3797,3804,3813,3822,3831,3840],{},[1989,3798,3799,3801],{},[2007,3800,2310],{},[2007,3802,3803],{},"Elemen trigger",[1989,3805,3806,3810],{},[2007,3807,3808],{},[700,3809,1062],{},[2007,3811,3812],{},"Menggantikan header\u002Fbody\u002Ffooter yang terlihat sepenuhnya (title\u002Fdescription, jika diatur, tetap terdaftar untuk a11y)",[1989,3814,3815,3819],{},[2007,3816,3817],{},[700,3818,1059],{},[2007,3820,3821],{},"Menggantikan blok title\u002Fdescription bawaan",[1989,3823,3824,3828],{},[2007,3825,3826],{},[700,3827,905],{},[2007,3829,3830],{},"Konten utama",[1989,3832,3833,3837],{},[2007,3834,3835],{},[700,3836,934],{},[2007,3838,3839],{},"Biasanya tombol aksi",[1989,3841,3842,3846],{},[2007,3843,3844],{},[700,3845,2356],{},[2007,3847,3848,3849,1804],{},"Menggantikan ikon tombol tutup (default: ",[700,3850,2362],{},[1065,3852,3854],{"id":3853},"visibilitas-awal-dan-terkontrol","Visibilitas awal dan terkontrol",[696,3856,3857,3859,3860,3862,3863,3865,3866,3868,3869,3871],{},[700,3858,2025],{}," mengatur visibilitas awal ketika ",[700,3861,866],{}," dihilangkan. Gunakan ",[700,3864,702],{}," ketika parent memiliki visibilitas; ",[700,3867,2214],{}," mengusulkan perubahan tanpa mengoverride nilai parent. Mengubah ",[700,3870,2025],{}," setelah mount tidak mengontrol overlay.",[2385,3873,2387],{},{"title":714,"searchDepth":774,"depth":774,"links":3875},[3876,3885,3886,3887,3888],{"id":2416,"depth":748,"text":2417,"children":3877},[3878,3879,3880,3881,3882,3883,3884],{"id":1067,"depth":774,"text":1068},{"id":1139,"depth":774,"text":1140},{"id":2807,"depth":774,"text":2808},{"id":1298,"depth":774,"text":1299},{"id":2965,"depth":774,"text":2966},{"id":2974,"depth":774,"text":2975},{"id":3155,"depth":774,"text":3156},{"id":3230,"depth":748,"text":3231},{"id":1980,"depth":748,"text":1981},{"id":2189,"depth":748,"text":2190},{"id":2291,"depth":748,"text":2292,"children":3889},[3890],{"id":3853,"depth":774,"text":3854},"Panel yang meluncur masuk dari tepi layar, dibangun di atas primitif Dialog milik Reka UI.",{},"\u002Fid\u002Fcomponents\u002Foverlays\u002Fslideover",{"title":415,"description":3891},"id\u002Fcomponents\u002Foverlays\u002Fslideover","vbOIH-iuAawpebp6bHkDyQKds8k24mNiRvpnefSqvRs",1792925238816]