[{"data":1,"prerenderedAt":2824},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fswipe-action":460,"\u002Fcomponents\u002Fswipe-action-surround":2819},[4,34,51,301,327,332,337,406],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"title":407,"path":408,"stem":409,"children":410,"package":11,"icon":412},"Guides","\u002Fguides","8.guides\u002F1.index",[411,413,417,422,427,432,437,441,446,450,455],{"title":407,"path":408,"stem":409,"package":11,"icon":412},"i-lucide-book-open",{"title":414,"path":415,"stem":416,"package":11,"icon":348},"Instant first-frame rendering","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":418,"path":419,"stem":420,"package":11,"icon":421},"Why use Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":423,"path":424,"stem":425,"package":11,"icon":426},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":428,"path":429,"stem":430,"package":11,"icon":431},"What is Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":433,"path":434,"stem":435,"package":11,"icon":436},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":438,"path":439,"stem":440,"package":11,"icon":84},"Testing on your phone","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":442,"path":443,"stem":444,"package":11,"icon":445},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":447,"path":448,"stem":449,"package":11,"icon":27},"The rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":451,"path":452,"stem":453,"package":11,"icon":454},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":456,"path":457,"stem":458,"package":11,"icon":459},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":461,"title":262,"body":462,"description":2807,"extension":2808,"links":2809,"meta":2815,"navigation":2816,"package":63,"path":263,"seo":2817,"stem":264,"__hash__":2818},"docs\u002F3.components\u002Fswipe-action.md",{"type":463,"value":464,"toc":2788},"minimark",[465,470,482,487,491,502,1089,1098,1103,1113,1610,1614,1619,1806,1810,1821,1918,1922,1932,2103,2107,2169,2173,2280,2291,2316,2326,2330,2514,2526,2530,2572,2577,2581,2623,2627,2636,2679,2707,2710,2718,2731,2735,2757,2761,2784],[466,467,469],"h2",{"id":468},"overview","Overview",[471,472,473,477,478,481],"p",{},[474,475,476],"code",{},"VySwipeAction"," places an action panel behind a foreground row. A leftward drag reveals the panel, a short rightward flick closes it, and a sufficiently long or fast leftward swipe emits ",[474,479,480],{},"commit",".",[483,484],"component-code",{"height":485,"name":486},"160px","swipe-action-example",[466,488,490],{"id":489},"usage","Usage",[471,492,493,494,497,498,501],{},"Both ",[474,495,496],{},"rowWidth"," and ",[474,499,500],{},"actionWidth"," are required because the core gesture primitive performs its threshold and translation calculations in pixels.",[503,504,509],"pre",{"className":505,"code":506,"language":507,"meta":508,"style":508},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VySwipeAction } from '@vyui\u002Fkit\u002Fswipe-action'\n\nconst open = ref(false)\nconst archived = ref(false)\n\nfunction archive() {\n  archived.value = true\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySwipeAction\n    v-if=\"!archived\"\n    v-model:open=\"open\"\n    :row-width=\"360\"\n    :action-width=\"96\"\n    @commit=\"archive\"\n  >\n    \u003Cview class=\"h-16 px-4 justify-center bg-white\">\n      \u003Ctext class=\"font-medium\">Quarterly report\u003C\u002Ftext>\n      \u003Ctext class=\"text-sm text-neutral-500\">Swipe left to archive\u003C\u002Ftext>\n    \u003C\u002Fview>\n\n    \u003Ctemplate #actions=\"{ close }\">\n      \u003Cview\n        class=\"w-24 items-center justify-center bg-primary-600\"\n        accessibility-element=\"true\"\n        accessibility-traits=\"button\"\n        accessibility-label=\"Archive quarterly report\"\n        @tap=\"archive(); close()\"\n      >\n        \u003Ctext class=\"text-white font-medium\">Archive\u003C\u002Ftext>\n      \u003C\u002Fview>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVySwipeAction>\n\u003C\u002Ftemplate>\n","vue","",[474,510,511,546,574,595,602,626,644,649,664,681,687,697,702,712,721,737,752,767,782,797,803,826,858,887,897,902,932,940,955,970,985,1000,1015,1021,1051,1061,1070,1080],{"__ignoreMap":508},[512,513,516,520,524,528,531,534,537,541,543],"span",{"class":514,"line":515},"line",1,[512,517,519],{"class":518},"sMK4o","\u003C",[512,521,523],{"class":522},"swJcz","script",[512,525,527],{"class":526},"spNyl"," setup",[512,529,530],{"class":526}," lang",[512,532,533],{"class":518},"=",[512,535,536],{"class":518},"\"",[512,538,540],{"class":539},"sfazB","ts",[512,542,536],{"class":518},[512,544,545],{"class":518},">\n",[512,547,549,553,556,560,563,566,569,571],{"class":514,"line":548},2,[512,550,552],{"class":551},"s7zQu","import",[512,554,555],{"class":518}," {",[512,557,559],{"class":558},"sTEyZ"," ref",[512,561,562],{"class":518}," }",[512,564,565],{"class":551}," from",[512,567,568],{"class":518}," '",[512,570,507],{"class":539},[512,572,573],{"class":518},"'\n",[512,575,577,579,581,584,586,588,590,593],{"class":514,"line":576},3,[512,578,552],{"class":551},[512,580,555],{"class":518},[512,582,583],{"class":558}," VySwipeAction",[512,585,562],{"class":518},[512,587,565],{"class":551},[512,589,568],{"class":518},[512,591,592],{"class":539},"@vyui\u002Fkit\u002Fswipe-action",[512,594,573],{"class":518},[512,596,598],{"class":514,"line":597},4,[512,599,601],{"emptyLinePlaceholder":600},true,"\n",[512,603,605,608,611,613,616,619,623],{"class":514,"line":604},5,[512,606,607],{"class":526},"const",[512,609,610],{"class":558}," open ",[512,612,533],{"class":518},[512,614,559],{"class":615},"s2Zo4",[512,617,618],{"class":558},"(",[512,620,622],{"class":621},"sfNiH","false",[512,624,625],{"class":558},")\n",[512,627,629,631,634,636,638,640,642],{"class":514,"line":628},6,[512,630,607],{"class":526},[512,632,633],{"class":558}," archived ",[512,635,533],{"class":518},[512,637,559],{"class":615},[512,639,618],{"class":558},[512,641,622],{"class":621},[512,643,625],{"class":558},[512,645,647],{"class":514,"line":646},7,[512,648,601],{"emptyLinePlaceholder":600},[512,650,652,655,658,661],{"class":514,"line":651},8,[512,653,654],{"class":526},"function",[512,656,657],{"class":615}," archive",[512,659,660],{"class":518},"()",[512,662,663],{"class":518}," {\n",[512,665,667,670,672,675,678],{"class":514,"line":666},9,[512,668,669],{"class":558},"  archived",[512,671,481],{"class":518},[512,673,674],{"class":558},"value",[512,676,677],{"class":518}," =",[512,679,680],{"class":621}," true\n",[512,682,684],{"class":514,"line":683},10,[512,685,686],{"class":518},"}\n",[512,688,690,693,695],{"class":514,"line":689},11,[512,691,692],{"class":518},"\u003C\u002F",[512,694,523],{"class":522},[512,696,545],{"class":518},[512,698,700],{"class":514,"line":699},12,[512,701,601],{"emptyLinePlaceholder":600},[512,703,705,707,710],{"class":514,"line":704},13,[512,706,519],{"class":518},[512,708,709],{"class":522},"template",[512,711,545],{"class":518},[512,713,715,718],{"class":514,"line":714},14,[512,716,717],{"class":518},"  \u003C",[512,719,720],{"class":522},"VySwipeAction\n",[512,722,724,727,729,731,734],{"class":514,"line":723},15,[512,725,726],{"class":526},"    v-if",[512,728,533],{"class":518},[512,730,536],{"class":518},[512,732,733],{"class":539},"!archived",[512,735,736],{"class":518},"\"\n",[512,738,740,743,745,747,750],{"class":514,"line":739},16,[512,741,742],{"class":526},"    v-model:open",[512,744,533],{"class":518},[512,746,536],{"class":518},[512,748,749],{"class":539},"open",[512,751,736],{"class":518},[512,753,755,758,760,762,765],{"class":514,"line":754},17,[512,756,757],{"class":526},"    :row-width",[512,759,533],{"class":518},[512,761,536],{"class":518},[512,763,764],{"class":539},"360",[512,766,736],{"class":518},[512,768,770,773,775,777,780],{"class":514,"line":769},18,[512,771,772],{"class":526},"    :action-width",[512,774,533],{"class":518},[512,776,536],{"class":518},[512,778,779],{"class":539},"96",[512,781,736],{"class":518},[512,783,785,788,790,792,795],{"class":514,"line":784},19,[512,786,787],{"class":526},"    @commit",[512,789,533],{"class":518},[512,791,536],{"class":518},[512,793,794],{"class":539},"archive",[512,796,736],{"class":518},[512,798,800],{"class":514,"line":799},20,[512,801,802],{"class":518},"  >\n",[512,804,806,809,812,815,817,819,822,824],{"class":514,"line":805},21,[512,807,808],{"class":518},"    \u003C",[512,810,811],{"class":522},"view",[512,813,814],{"class":526}," class",[512,816,533],{"class":518},[512,818,536],{"class":518},[512,820,821],{"class":539},"h-16 px-4 justify-center bg-white",[512,823,536],{"class":518},[512,825,545],{"class":518},[512,827,829,832,835,837,839,841,844,846,849,852,854,856],{"class":514,"line":828},22,[512,830,831],{"class":518},"      \u003C",[512,833,834],{"class":522},"text",[512,836,814],{"class":526},[512,838,533],{"class":518},[512,840,536],{"class":518},[512,842,843],{"class":539},"font-medium",[512,845,536],{"class":518},[512,847,848],{"class":518},">",[512,850,851],{"class":558},"Quarterly report",[512,853,692],{"class":518},[512,855,834],{"class":522},[512,857,545],{"class":518},[512,859,861,863,865,867,869,871,874,876,878,881,883,885],{"class":514,"line":860},23,[512,862,831],{"class":518},[512,864,834],{"class":522},[512,866,814],{"class":526},[512,868,533],{"class":518},[512,870,536],{"class":518},[512,872,873],{"class":539},"text-sm text-neutral-500",[512,875,536],{"class":518},[512,877,848],{"class":518},[512,879,880],{"class":558},"Swipe left to archive",[512,882,692],{"class":518},[512,884,834],{"class":522},[512,886,545],{"class":518},[512,888,890,893,895],{"class":514,"line":889},24,[512,891,892],{"class":518},"    \u003C\u002F",[512,894,811],{"class":522},[512,896,545],{"class":518},[512,898,900],{"class":514,"line":899},25,[512,901,601],{"emptyLinePlaceholder":600},[512,903,905,907,909,912,915,917,919,922,925,928,930],{"class":514,"line":904},26,[512,906,808],{"class":518},[512,908,709],{"class":522},[512,910,911],{"class":518}," #",[512,913,914],{"class":526},"actions",[512,916,533],{"class":518},[512,918,536],{"class":518},[512,920,921],{"class":518},"{",[512,923,924],{"class":558}," close ",[512,926,927],{"class":518},"}",[512,929,536],{"class":518},[512,931,545],{"class":518},[512,933,935,937],{"class":514,"line":934},27,[512,936,831],{"class":518},[512,938,939],{"class":522},"view\n",[512,941,943,946,948,950,953],{"class":514,"line":942},28,[512,944,945],{"class":526},"        class",[512,947,533],{"class":518},[512,949,536],{"class":518},[512,951,952],{"class":539},"w-24 items-center justify-center bg-primary-600",[512,954,736],{"class":518},[512,956,958,961,963,965,968],{"class":514,"line":957},29,[512,959,960],{"class":526},"        accessibility-element",[512,962,533],{"class":518},[512,964,536],{"class":518},[512,966,967],{"class":539},"true",[512,969,736],{"class":518},[512,971,973,976,978,980,983],{"class":514,"line":972},30,[512,974,975],{"class":526},"        accessibility-traits",[512,977,533],{"class":518},[512,979,536],{"class":518},[512,981,982],{"class":539},"button",[512,984,736],{"class":518},[512,986,988,991,993,995,998],{"class":514,"line":987},31,[512,989,990],{"class":526},"        accessibility-label",[512,992,533],{"class":518},[512,994,536],{"class":518},[512,996,997],{"class":539},"Archive quarterly report",[512,999,736],{"class":518},[512,1001,1003,1006,1008,1010,1013],{"class":514,"line":1002},32,[512,1004,1005],{"class":526},"        @tap",[512,1007,533],{"class":518},[512,1009,536],{"class":518},[512,1011,1012],{"class":539},"archive(); close()",[512,1014,736],{"class":518},[512,1016,1018],{"class":514,"line":1017},33,[512,1019,1020],{"class":518},"      >\n",[512,1022,1024,1027,1029,1031,1033,1035,1038,1040,1042,1045,1047,1049],{"class":514,"line":1023},34,[512,1025,1026],{"class":518},"        \u003C",[512,1028,834],{"class":522},[512,1030,814],{"class":526},[512,1032,533],{"class":518},[512,1034,536],{"class":518},[512,1036,1037],{"class":539},"text-white font-medium",[512,1039,536],{"class":518},[512,1041,848],{"class":518},[512,1043,1044],{"class":558},"Archive",[512,1046,692],{"class":518},[512,1048,834],{"class":522},[512,1050,545],{"class":518},[512,1052,1054,1057,1059],{"class":514,"line":1053},35,[512,1055,1056],{"class":518},"      \u003C\u002F",[512,1058,811],{"class":522},[512,1060,545],{"class":518},[512,1062,1064,1066,1068],{"class":514,"line":1063},36,[512,1065,892],{"class":518},[512,1067,709],{"class":522},[512,1069,545],{"class":518},[512,1071,1073,1076,1078],{"class":514,"line":1072},37,[512,1074,1075],{"class":518},"  \u003C\u002F",[512,1077,476],{"class":522},[512,1079,545],{"class":518},[512,1081,1083,1085,1087],{"class":514,"line":1082},38,[512,1084,692],{"class":518},[512,1086,709],{"class":522},[512,1088,545],{"class":518},[471,1090,1091,1092,1094,1095,1097],{},"Handle ",[474,1093,480],{}," by completing or confirming the action. A committed row animates through the full ",[474,1096,496],{},"; removing the completed row from its list is the usual pattern.",[1099,1100,1102],"h3",{"id":1101},"delete-action","Delete action",[471,1104,1105,1106,1109,1110,481],{},"Use the slot's ",[474,1107,1108],{},"close"," function after a panel action. This animates the row closed and updates ",[474,1111,1112],{},"v-model:open",[503,1114,1116],{"className":505,"code":1115,"language":507,"meta":508,"style":508},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VySwipeAction } from '@vyui\u002Fkit\u002Fswipe-action'\n\nconst open = ref(false)\nconst deleted = ref(false)\n\nfunction remove() {\n  deleted.value = true\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySwipeAction\n    v-if=\"!deleted\"\n    v-model:open=\"open\"\n    :row-width=\"320\"\n    :action-width=\"88\"\n    @commit=\"remove\"\n  >\n    \u003Ctemplate #default=\"{ open: isOpen }\">\n      \u003Cview class=\"h-16 px-4 flex-row items-center justify-between bg-white\">\n        \u003Ctext>Draft message\u003C\u002Ftext>\n        \u003Ctext class=\"text-sm text-neutral-500\">{{ isOpen ? 'Actions open' : 'Swipe left' }}\u003C\u002Ftext>\n      \u003C\u002Fview>\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #actions=\"{ close }\">\n      \u003Cview\n        class=\"w-[88px] items-center justify-center bg-error-600\"\n        accessibility-element=\"true\"\n        accessibility-traits=\"button\"\n        accessibility-label=\"Delete draft message\"\n        @tap=\"remove(); close()\"\n      >\n        \u003Ctext class=\"text-white font-medium\">Delete\u003C\u002Ftext>\n      \u003C\u002Fview>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVySwipeAction>\n\u003C\u002Ftemplate>\n",[474,1117,1118,1138,1156,1174,1178,1194,1211,1215,1226,1239,1243,1251,1255,1263,1269,1282,1294,1307,1320,1333,1337,1369,1388,1405,1432,1440,1448,1452,1476,1482,1495,1507,1519,1532,1545,1549,1576,1584,1592,1601],{"__ignoreMap":508},[512,1119,1120,1122,1124,1126,1128,1130,1132,1134,1136],{"class":514,"line":515},[512,1121,519],{"class":518},[512,1123,523],{"class":522},[512,1125,527],{"class":526},[512,1127,530],{"class":526},[512,1129,533],{"class":518},[512,1131,536],{"class":518},[512,1133,540],{"class":539},[512,1135,536],{"class":518},[512,1137,545],{"class":518},[512,1139,1140,1142,1144,1146,1148,1150,1152,1154],{"class":514,"line":548},[512,1141,552],{"class":551},[512,1143,555],{"class":518},[512,1145,559],{"class":558},[512,1147,562],{"class":518},[512,1149,565],{"class":551},[512,1151,568],{"class":518},[512,1153,507],{"class":539},[512,1155,573],{"class":518},[512,1157,1158,1160,1162,1164,1166,1168,1170,1172],{"class":514,"line":576},[512,1159,552],{"class":551},[512,1161,555],{"class":518},[512,1163,583],{"class":558},[512,1165,562],{"class":518},[512,1167,565],{"class":551},[512,1169,568],{"class":518},[512,1171,592],{"class":539},[512,1173,573],{"class":518},[512,1175,1176],{"class":514,"line":597},[512,1177,601],{"emptyLinePlaceholder":600},[512,1179,1180,1182,1184,1186,1188,1190,1192],{"class":514,"line":604},[512,1181,607],{"class":526},[512,1183,610],{"class":558},[512,1185,533],{"class":518},[512,1187,559],{"class":615},[512,1189,618],{"class":558},[512,1191,622],{"class":621},[512,1193,625],{"class":558},[512,1195,1196,1198,1201,1203,1205,1207,1209],{"class":514,"line":628},[512,1197,607],{"class":526},[512,1199,1200],{"class":558}," deleted ",[512,1202,533],{"class":518},[512,1204,559],{"class":615},[512,1206,618],{"class":558},[512,1208,622],{"class":621},[512,1210,625],{"class":558},[512,1212,1213],{"class":514,"line":646},[512,1214,601],{"emptyLinePlaceholder":600},[512,1216,1217,1219,1222,1224],{"class":514,"line":651},[512,1218,654],{"class":526},[512,1220,1221],{"class":615}," remove",[512,1223,660],{"class":518},[512,1225,663],{"class":518},[512,1227,1228,1231,1233,1235,1237],{"class":514,"line":666},[512,1229,1230],{"class":558},"  deleted",[512,1232,481],{"class":518},[512,1234,674],{"class":558},[512,1236,677],{"class":518},[512,1238,680],{"class":621},[512,1240,1241],{"class":514,"line":683},[512,1242,686],{"class":518},[512,1244,1245,1247,1249],{"class":514,"line":689},[512,1246,692],{"class":518},[512,1248,523],{"class":522},[512,1250,545],{"class":518},[512,1252,1253],{"class":514,"line":699},[512,1254,601],{"emptyLinePlaceholder":600},[512,1256,1257,1259,1261],{"class":514,"line":704},[512,1258,519],{"class":518},[512,1260,709],{"class":522},[512,1262,545],{"class":518},[512,1264,1265,1267],{"class":514,"line":714},[512,1266,717],{"class":518},[512,1268,720],{"class":522},[512,1270,1271,1273,1275,1277,1280],{"class":514,"line":723},[512,1272,726],{"class":526},[512,1274,533],{"class":518},[512,1276,536],{"class":518},[512,1278,1279],{"class":539},"!deleted",[512,1281,736],{"class":518},[512,1283,1284,1286,1288,1290,1292],{"class":514,"line":739},[512,1285,742],{"class":526},[512,1287,533],{"class":518},[512,1289,536],{"class":518},[512,1291,749],{"class":539},[512,1293,736],{"class":518},[512,1295,1296,1298,1300,1302,1305],{"class":514,"line":754},[512,1297,757],{"class":526},[512,1299,533],{"class":518},[512,1301,536],{"class":518},[512,1303,1304],{"class":539},"320",[512,1306,736],{"class":518},[512,1308,1309,1311,1313,1315,1318],{"class":514,"line":769},[512,1310,772],{"class":526},[512,1312,533],{"class":518},[512,1314,536],{"class":518},[512,1316,1317],{"class":539},"88",[512,1319,736],{"class":518},[512,1321,1322,1324,1326,1328,1331],{"class":514,"line":784},[512,1323,787],{"class":526},[512,1325,533],{"class":518},[512,1327,536],{"class":518},[512,1329,1330],{"class":539},"remove",[512,1332,736],{"class":518},[512,1334,1335],{"class":514,"line":799},[512,1336,802],{"class":518},[512,1338,1339,1341,1343,1345,1348,1350,1352,1354,1357,1360,1363,1365,1367],{"class":514,"line":805},[512,1340,808],{"class":518},[512,1342,709],{"class":522},[512,1344,911],{"class":518},[512,1346,1347],{"class":526},"default",[512,1349,533],{"class":518},[512,1351,536],{"class":518},[512,1353,921],{"class":518},[512,1355,1356],{"class":522}," open",[512,1358,1359],{"class":518},":",[512,1361,1362],{"class":558}," isOpen ",[512,1364,927],{"class":518},[512,1366,536],{"class":518},[512,1368,545],{"class":518},[512,1370,1371,1373,1375,1377,1379,1381,1384,1386],{"class":514,"line":828},[512,1372,831],{"class":518},[512,1374,811],{"class":522},[512,1376,814],{"class":526},[512,1378,533],{"class":518},[512,1380,536],{"class":518},[512,1382,1383],{"class":539},"h-16 px-4 flex-row items-center justify-between bg-white",[512,1385,536],{"class":518},[512,1387,545],{"class":518},[512,1389,1390,1392,1394,1396,1399,1401,1403],{"class":514,"line":860},[512,1391,1026],{"class":518},[512,1393,834],{"class":522},[512,1395,848],{"class":518},[512,1397,1398],{"class":558},"Draft message",[512,1400,692],{"class":518},[512,1402,834],{"class":522},[512,1404,545],{"class":518},[512,1406,1407,1409,1411,1413,1415,1417,1419,1421,1423,1426,1428,1430],{"class":514,"line":889},[512,1408,1026],{"class":518},[512,1410,834],{"class":522},[512,1412,814],{"class":526},[512,1414,533],{"class":518},[512,1416,536],{"class":518},[512,1418,873],{"class":539},[512,1420,536],{"class":518},[512,1422,848],{"class":518},[512,1424,1425],{"class":558},"{{ isOpen ? 'Actions open' : 'Swipe left' }}",[512,1427,692],{"class":518},[512,1429,834],{"class":522},[512,1431,545],{"class":518},[512,1433,1434,1436,1438],{"class":514,"line":899},[512,1435,1056],{"class":518},[512,1437,811],{"class":522},[512,1439,545],{"class":518},[512,1441,1442,1444,1446],{"class":514,"line":904},[512,1443,892],{"class":518},[512,1445,709],{"class":522},[512,1447,545],{"class":518},[512,1449,1450],{"class":514,"line":934},[512,1451,601],{"emptyLinePlaceholder":600},[512,1453,1454,1456,1458,1460,1462,1464,1466,1468,1470,1472,1474],{"class":514,"line":942},[512,1455,808],{"class":518},[512,1457,709],{"class":522},[512,1459,911],{"class":518},[512,1461,914],{"class":526},[512,1463,533],{"class":518},[512,1465,536],{"class":518},[512,1467,921],{"class":518},[512,1469,924],{"class":558},[512,1471,927],{"class":518},[512,1473,536],{"class":518},[512,1475,545],{"class":518},[512,1477,1478,1480],{"class":514,"line":957},[512,1479,831],{"class":518},[512,1481,939],{"class":522},[512,1483,1484,1486,1488,1490,1493],{"class":514,"line":972},[512,1485,945],{"class":526},[512,1487,533],{"class":518},[512,1489,536],{"class":518},[512,1491,1492],{"class":539},"w-[88px] items-center justify-center bg-error-600",[512,1494,736],{"class":518},[512,1496,1497,1499,1501,1503,1505],{"class":514,"line":987},[512,1498,960],{"class":526},[512,1500,533],{"class":518},[512,1502,536],{"class":518},[512,1504,967],{"class":539},[512,1506,736],{"class":518},[512,1508,1509,1511,1513,1515,1517],{"class":514,"line":1002},[512,1510,975],{"class":526},[512,1512,533],{"class":518},[512,1514,536],{"class":518},[512,1516,982],{"class":539},[512,1518,736],{"class":518},[512,1520,1521,1523,1525,1527,1530],{"class":514,"line":1017},[512,1522,990],{"class":526},[512,1524,533],{"class":518},[512,1526,536],{"class":518},[512,1528,1529],{"class":539},"Delete draft message",[512,1531,736],{"class":518},[512,1533,1534,1536,1538,1540,1543],{"class":514,"line":1023},[512,1535,1005],{"class":526},[512,1537,533],{"class":518},[512,1539,536],{"class":518},[512,1541,1542],{"class":539},"remove(); close()",[512,1544,736],{"class":518},[512,1546,1547],{"class":514,"line":1053},[512,1548,1020],{"class":518},[512,1550,1551,1553,1555,1557,1559,1561,1563,1565,1567,1570,1572,1574],{"class":514,"line":1063},[512,1552,1026],{"class":518},[512,1554,834],{"class":522},[512,1556,814],{"class":526},[512,1558,533],{"class":518},[512,1560,536],{"class":518},[512,1562,1037],{"class":539},[512,1564,536],{"class":518},[512,1566,848],{"class":518},[512,1568,1569],{"class":558},"Delete",[512,1571,692],{"class":518},[512,1573,834],{"class":522},[512,1575,545],{"class":518},[512,1577,1578,1580,1582],{"class":514,"line":1072},[512,1579,1056],{"class":518},[512,1581,811],{"class":522},[512,1583,545],{"class":518},[512,1585,1586,1588,1590],{"class":514,"line":1082},[512,1587,892],{"class":518},[512,1589,709],{"class":522},[512,1591,545],{"class":518},[512,1593,1595,1597,1599],{"class":514,"line":1594},39,[512,1596,1075],{"class":518},[512,1598,476],{"class":522},[512,1600,545],{"class":518},[512,1602,1604,1606,1608],{"class":514,"line":1603},40,[512,1605,692],{"class":518},[512,1607,709],{"class":522},[512,1609,545],{"class":518},[1099,1611,1613],{"id":1612},"multiple-actions","Multiple actions",[471,1615,1616,1617,481],{},"The action panel can contain more than one control as long as their combined width matches ",[474,1618,500],{},[503,1620,1622],{"className":505,"code":1621,"language":507,"meta":508,"style":508},"\u003CVySwipeAction\n  v-model:open=\"open\"\n  :row-width=\"360\"\n  :action-width=\"176\"\n>\n  \u003Cview class=\"h-16 px-4 justify-center bg-white\">\n    \u003Ctext>Conversation\u003C\u002Ftext>\n  \u003C\u002Fview>\n\n  \u003Ctemplate #actions=\"{ close }\">\n    \u003Cview\n      class=\"w-[88px] items-center justify-center bg-neutral-200\"\n      accessibility-element=\"true\"\n      accessibility-traits=\"button\"\n      accessibility-label=\"Mark conversation unread\"\n      @tap=\"markUnread(); close()\"\n    >\n      \u003Ctext>Unread\u003C\u002Ftext>\n    \u003C\u002Fview>\n    \u003Cview\n      class=\"w-[88px] items-center justify-center bg-error-600\"\n      accessibility-element=\"true\"\n      accessibility-traits=\"button\"\n      accessibility-label=\"Delete conversation\"\n      @tap=\"remove(); close()\"\n    >\n      \u003Ctext class=\"text-white\">Delete\u003C\u002Ftext>\n    \u003C\u002Fview>\n  \u003C\u002Ftemplate>\n\u003C\u002FVySwipeAction>\n",[474,1623,1624,1630,1647,1664,1680,1684,1689,1694,1699,1703,1708,1713,1718,1723,1728,1733,1738,1743,1748,1753,1757,1762,1766,1770,1775,1780,1784,1789,1793,1798],{"__ignoreMap":508},[512,1625,1626,1628],{"class":514,"line":515},[512,1627,519],{"class":518},[512,1629,720],{"class":522},[512,1631,1632,1635,1637,1639,1641,1643,1645],{"class":514,"line":548},[512,1633,1634],{"class":526},"  v-model",[512,1636,1359],{"class":518},[512,1638,749],{"class":526},[512,1640,533],{"class":518},[512,1642,536],{"class":518},[512,1644,749],{"class":558},[512,1646,736],{"class":518},[512,1648,1649,1652,1655,1657,1659,1662],{"class":514,"line":576},[512,1650,1651],{"class":518},"  :",[512,1653,1654],{"class":526},"row-width",[512,1656,533],{"class":518},[512,1658,536],{"class":518},[512,1660,764],{"class":1661},"sbssI",[512,1663,736],{"class":518},[512,1665,1666,1668,1671,1673,1675,1678],{"class":514,"line":597},[512,1667,1651],{"class":518},[512,1669,1670],{"class":526},"action-width",[512,1672,533],{"class":518},[512,1674,536],{"class":518},[512,1676,1677],{"class":1661},"176",[512,1679,736],{"class":518},[512,1681,1682],{"class":514,"line":604},[512,1683,545],{"class":518},[512,1685,1686],{"class":514,"line":628},[512,1687,1688],{"class":558},"  \u003Cview class=\"h-16 px-4 justify-center bg-white\">\n",[512,1690,1691],{"class":514,"line":646},[512,1692,1693],{"class":558},"    \u003Ctext>Conversation\u003C\u002Ftext>\n",[512,1695,1696],{"class":514,"line":651},[512,1697,1698],{"class":558},"  \u003C\u002Fview>\n",[512,1700,1701],{"class":514,"line":666},[512,1702,601],{"emptyLinePlaceholder":600},[512,1704,1705],{"class":514,"line":683},[512,1706,1707],{"class":558},"  \u003Ctemplate #actions=\"{ close }\">\n",[512,1709,1710],{"class":514,"line":689},[512,1711,1712],{"class":558},"    \u003Cview\n",[512,1714,1715],{"class":514,"line":699},[512,1716,1717],{"class":558},"      class=\"w-[88px] items-center justify-center bg-neutral-200\"\n",[512,1719,1720],{"class":514,"line":704},[512,1721,1722],{"class":558},"      accessibility-element=\"true\"\n",[512,1724,1725],{"class":514,"line":714},[512,1726,1727],{"class":558},"      accessibility-traits=\"button\"\n",[512,1729,1730],{"class":514,"line":723},[512,1731,1732],{"class":558},"      accessibility-label=\"Mark conversation unread\"\n",[512,1734,1735],{"class":514,"line":739},[512,1736,1737],{"class":558},"      @tap=\"markUnread(); close()\"\n",[512,1739,1740],{"class":514,"line":754},[512,1741,1742],{"class":558},"    >\n",[512,1744,1745],{"class":514,"line":769},[512,1746,1747],{"class":558},"      \u003Ctext>Unread\u003C\u002Ftext>\n",[512,1749,1750],{"class":514,"line":784},[512,1751,1752],{"class":558},"    \u003C\u002Fview>\n",[512,1754,1755],{"class":514,"line":799},[512,1756,1712],{"class":558},[512,1758,1759],{"class":514,"line":805},[512,1760,1761],{"class":558},"      class=\"w-[88px] items-center justify-center bg-error-600\"\n",[512,1763,1764],{"class":514,"line":828},[512,1765,1722],{"class":558},[512,1767,1768],{"class":514,"line":860},[512,1769,1727],{"class":558},[512,1771,1772],{"class":514,"line":889},[512,1773,1774],{"class":558},"      accessibility-label=\"Delete conversation\"\n",[512,1776,1777],{"class":514,"line":899},[512,1778,1779],{"class":558},"      @tap=\"remove(); close()\"\n",[512,1781,1782],{"class":514,"line":904},[512,1783,1742],{"class":558},[512,1785,1786],{"class":514,"line":934},[512,1787,1788],{"class":558},"      \u003Ctext class=\"text-white\">Delete\u003C\u002Ftext>\n",[512,1790,1791],{"class":514,"line":942},[512,1792,1752],{"class":558},[512,1794,1795],{"class":514,"line":957},[512,1796,1797],{"class":558},"  \u003C\u002Ftemplate>\n",[512,1799,1800,1802,1804],{"class":514,"line":972},[512,1801,692],{"class":518},[512,1803,476],{"class":522},[512,1805,545],{"class":518},[1099,1807,1809],{"id":1808},"default-open-and-disabled","Default open and disabled",[471,1811,1812,1813,1816,1817,1820],{},"Use ",[474,1814,1815],{},"defaultOpen"," for uncontrolled initial state. ",[474,1818,1819],{},"disabled"," prevents drag interaction.",[503,1822,1824],{"className":505,"code":1823,"language":507,"meta":508,"style":508},"\u003CVySwipeAction\n  :row-width=\"320\"\n  :action-width=\"88\"\n  default-open\n  disabled\n>\n  \u003Cview class=\"h-16 px-4 justify-center bg-white\">\n    \u003Ctext>Locked row\u003C\u002Ftext>\n  \u003C\u002Fview>\n  \u003Ctemplate #actions>\n    \u003Cview class=\"w-[88px] items-center justify-center bg-neutral-200\">\n      \u003Ctext>Locked\u003C\u002Ftext>\n    \u003C\u002Fview>\n  \u003C\u002Ftemplate>\n\u003C\u002FVySwipeAction>\n",[474,1825,1826,1832,1846,1860,1865,1870,1874,1878,1883,1887,1892,1897,1902,1906,1910],{"__ignoreMap":508},[512,1827,1828,1830],{"class":514,"line":515},[512,1829,519],{"class":518},[512,1831,720],{"class":522},[512,1833,1834,1836,1838,1840,1842,1844],{"class":514,"line":548},[512,1835,1651],{"class":518},[512,1837,1654],{"class":526},[512,1839,533],{"class":518},[512,1841,536],{"class":518},[512,1843,1304],{"class":1661},[512,1845,736],{"class":518},[512,1847,1848,1850,1852,1854,1856,1858],{"class":514,"line":576},[512,1849,1651],{"class":518},[512,1851,1670],{"class":526},[512,1853,533],{"class":518},[512,1855,536],{"class":518},[512,1857,1317],{"class":1661},[512,1859,736],{"class":518},[512,1861,1862],{"class":514,"line":597},[512,1863,1864],{"class":526},"  default-open\n",[512,1866,1867],{"class":514,"line":604},[512,1868,1869],{"class":526},"  disabled\n",[512,1871,1872],{"class":514,"line":628},[512,1873,545],{"class":518},[512,1875,1876],{"class":514,"line":646},[512,1877,1688],{"class":558},[512,1879,1880],{"class":514,"line":651},[512,1881,1882],{"class":558},"    \u003Ctext>Locked row\u003C\u002Ftext>\n",[512,1884,1885],{"class":514,"line":666},[512,1886,1698],{"class":558},[512,1888,1889],{"class":514,"line":683},[512,1890,1891],{"class":558},"  \u003Ctemplate #actions>\n",[512,1893,1894],{"class":514,"line":689},[512,1895,1896],{"class":558},"    \u003Cview class=\"w-[88px] items-center justify-center bg-neutral-200\">\n",[512,1898,1899],{"class":514,"line":699},[512,1900,1901],{"class":558},"      \u003Ctext>Locked\u003C\u002Ftext>\n",[512,1903,1904],{"class":514,"line":704},[512,1905,1752],{"class":558},[512,1907,1908],{"class":514,"line":714},[512,1909,1797],{"class":558},[512,1911,1912,1914,1916],{"class":514,"line":723},[512,1913,692],{"class":518},[512,1915,476],{"class":522},[512,1917,545],{"class":518},[1099,1919,1921],{"id":1920},"custom-styles","Custom styles",[471,1923,1812,1924,1927,1928,1931],{},[474,1925,1926],{},"class"," for the root or ",[474,1929,1930],{},"ui"," for the foreground and action panel wrappers.",[503,1933,1935],{"className":505,"code":1934,"language":507,"meta":508,"style":508},"\u003CVySwipeAction\n  v-model:open=\"open\"\n  :row-width=\"360\"\n  :action-width=\"96\"\n  class=\"rounded-xl\"\n  :ui=\"{\n    content: 'bg-neutral-50',\n    actions: 'bg-error-50',\n  }\"\n>\n  \u003Cview class=\"h-16 px-4 justify-center\">\n    \u003Ctext>Styled row\u003C\u002Ftext>\n  \u003C\u002Fview>\n  \u003Ctemplate #actions=\"{ close }\">\n    \u003Cview class=\"w-24 items-center justify-center\" @tap=\"close\">\n      \u003Ctext class=\"text-error-700\">Close\u003C\u002Ftext>\n    \u003C\u002Fview>\n  \u003C\u002Ftemplate>\n\u003C\u002FVySwipeAction>\n",[474,1936,1937,1943,1959,1973,1987,2001,2014,2032,2048,2055,2059,2064,2069,2073,2077,2082,2087,2091,2095],{"__ignoreMap":508},[512,1938,1939,1941],{"class":514,"line":515},[512,1940,519],{"class":518},[512,1942,720],{"class":522},[512,1944,1945,1947,1949,1951,1953,1955,1957],{"class":514,"line":548},[512,1946,1634],{"class":526},[512,1948,1359],{"class":518},[512,1950,749],{"class":526},[512,1952,533],{"class":518},[512,1954,536],{"class":518},[512,1956,749],{"class":558},[512,1958,736],{"class":518},[512,1960,1961,1963,1965,1967,1969,1971],{"class":514,"line":576},[512,1962,1651],{"class":518},[512,1964,1654],{"class":526},[512,1966,533],{"class":518},[512,1968,536],{"class":518},[512,1970,764],{"class":1661},[512,1972,736],{"class":518},[512,1974,1975,1977,1979,1981,1983,1985],{"class":514,"line":597},[512,1976,1651],{"class":518},[512,1978,1670],{"class":526},[512,1980,533],{"class":518},[512,1982,536],{"class":518},[512,1984,779],{"class":1661},[512,1986,736],{"class":518},[512,1988,1989,1992,1994,1996,1999],{"class":514,"line":604},[512,1990,1991],{"class":526},"  class",[512,1993,533],{"class":518},[512,1995,536],{"class":518},[512,1997,1998],{"class":539},"rounded-xl",[512,2000,736],{"class":518},[512,2002,2003,2005,2007,2009,2011],{"class":514,"line":628},[512,2004,1651],{"class":518},[512,2006,1930],{"class":526},[512,2008,533],{"class":518},[512,2010,536],{"class":518},[512,2012,2013],{"class":518},"{\n",[512,2015,2016,2019,2021,2023,2026,2029],{"class":514,"line":646},[512,2017,2018],{"class":522},"    content",[512,2020,1359],{"class":518},[512,2022,568],{"class":518},[512,2024,2025],{"class":539},"bg-neutral-50",[512,2027,2028],{"class":518},"'",[512,2030,2031],{"class":518},",\n",[512,2033,2034,2037,2039,2041,2044,2046],{"class":514,"line":651},[512,2035,2036],{"class":522},"    actions",[512,2038,1359],{"class":518},[512,2040,568],{"class":518},[512,2042,2043],{"class":539},"bg-error-50",[512,2045,2028],{"class":518},[512,2047,2031],{"class":518},[512,2049,2050,2053],{"class":514,"line":666},[512,2051,2052],{"class":518},"  }",[512,2054,736],{"class":518},[512,2056,2057],{"class":514,"line":683},[512,2058,545],{"class":518},[512,2060,2061],{"class":514,"line":689},[512,2062,2063],{"class":558},"  \u003Cview class=\"h-16 px-4 justify-center\">\n",[512,2065,2066],{"class":514,"line":699},[512,2067,2068],{"class":558},"    \u003Ctext>Styled row\u003C\u002Ftext>\n",[512,2070,2071],{"class":514,"line":704},[512,2072,1698],{"class":558},[512,2074,2075],{"class":514,"line":714},[512,2076,1707],{"class":558},[512,2078,2079],{"class":514,"line":723},[512,2080,2081],{"class":558},"    \u003Cview class=\"w-24 items-center justify-center\" @tap=\"close\">\n",[512,2083,2084],{"class":514,"line":739},[512,2085,2086],{"class":558},"      \u003Ctext class=\"text-error-700\">Close\u003C\u002Ftext>\n",[512,2088,2089],{"class":514,"line":754},[512,2090,1752],{"class":558},[512,2092,2093],{"class":514,"line":769},[512,2094,1797],{"class":558},[512,2096,2097,2099,2101],{"class":514,"line":784},[512,2098,692],{"class":518},[512,2100,476],{"class":522},[512,2102,545],{"class":518},[466,2104,2106],{"id":2105},"features-and-behavior","Features and behavior",[2108,2109,2110,2120,2131,2140,2155,2161,2166],"ul",{},[2111,2112,2113,2114,2116,2117,2119],"li",{},"Bind ",[474,2115,1112],{}," for controlled open state, or use ",[474,2118,1815],{}," for an uncontrolled initial state.",[2111,2121,2122,2123,2126,2127,2130],{},"The foreground row translates from ",[474,2124,2125],{},"0"," when closed to ",[474,2128,2129],{},"-actionWidth"," when open.",[2111,2132,2133,2134,497,2136,2139],{},"During a drag, translation is clamped between ",[474,2135,2125],{},[474,2137,2138],{},"-rowWidth",", allowing a full-swipe commit beyond the visible action panel.",[2111,2141,2142,2143,497,2145,2147,2148,2150,2151,2154],{},"The ",[474,2144,1347],{},[474,2146,914],{}," slots both receive the resolved ",[474,2149,749],{}," state and a ",[474,2152,2153],{},"close()"," function.",[2111,2156,2157,2158,2160],{},"External changes to ",[474,2159,749],{}," animate the row to its open or closed position.",[2111,2162,2163,2165],{},[474,2164,1819],{}," ignores touch start, so the current state remains unchanged.",[2111,2167,2168],{},"Vertical intent is yielded to a surrounding list after the gesture direction is resolved.",[1099,2170,2172],{"id":2171},"gesture-behavior","Gesture behavior",[2174,2175,2176,2192],"table",{},[2177,2178,2179],"thead",{},[2180,2181,2182,2186,2189],"tr",{},[2183,2184,2185],"th",{},"Release condition",[2183,2187,2188],{},"Default",[2183,2190,2191],{},"Result",[2193,2194,2195,2212,2226,2238,2252,2267],"tbody",{},[2180,2196,2197,2204,2209],{},[2198,2199,2200,2201],"td",{},"Drag past ",[474,2202,2203],{},"threshold × actionWidth",[2198,2205,2206],{},[474,2207,2208],{},"0.5 × actionWidth",[2198,2210,2211],{},"Snaps the row open.",[2180,2213,2214,2220,2223],{},[2198,2215,2216,2217],{},"Leftward velocity at least ",[474,2218,2219],{},"400px\u002Fs",[2198,2221,2222],{},"Core default",[2198,2224,2225],{},"Snaps open even before the position threshold.",[2180,2227,2228,2233,2235],{},[2198,2229,2230,2231],{},"Rightward velocity at least ",[474,2232,2219],{},[2198,2234,2222],{},[2198,2236,2237],{},"Closes even when the row is past the open threshold.",[2180,2239,2240,2245,2247],{},[2198,2241,2200,2242],{},[474,2243,2244],{},"0.5 × rowWidth",[2198,2246,2222],{},[2198,2248,2249,2250,481],{},"Animates through the row and emits ",[474,2251,480],{},[2180,2253,2254,2259,2261],{},[2198,2255,2216,2256],{},[474,2257,2258],{},"1200px\u002Fs",[2198,2260,2222],{},[2198,2262,2263,2264,2266],{},"Emits ",[474,2265,480],{}," regardless of position.",[2180,2268,2269,2272,2277],{},[2198,2270,2271],{},"Release animation",[2198,2273,2274],{},[474,2275,2276],{},"240ms",[2198,2278,2279],{},"Animates to closed, open, or committed position.",[471,2281,2282,2283,2286,2287,2290],{},"The gesture stays undecided for the first ",[474,2284,2285],{},"8px",". It then claims drags within the horizontal ",[474,2288,2289],{},"45°"," cone and yields predominantly vertical drags for the rest of that touch.",[471,2292,2293,2294,2297,2298,2300,2301,2304,2305,2304,2308,2311,2312,2315],{},"Only the open ",[474,2295,2296],{},"threshold"," is exposed by ",[474,2299,476],{},". The core primitive also has ",[474,2302,2303],{},"commitThreshold",", ",[474,2306,2307],{},"commitVelocity",[474,2309,2310],{},"velocityThreshold",", and ",[474,2313,2314],{},"duration"," props, but the current kit wrapper does not forward them.",[2317,2318,2319],"warning",{},[471,2320,2321,2322,2325],{},"The action panel is physically anchored to the trailing right edge and opens with a leftward swipe. ",[474,2323,2324],{},"side=\"left\""," currently changes action alignment styling only; it does not move the panel or reverse the gesture.",[466,2327,2329],{"id":2328},"props","Props",[2174,2331,2332,2347],{},[2177,2333,2334],{},[2180,2335,2336,2339,2342,2344],{},[2183,2337,2338],{},"Prop",[2183,2340,2341],{},"Type",[2183,2343,2188],{},[2183,2345,2346],{},"Description",[2193,2348,2349,2366,2381,2402,2419,2436,2458,2478,2496],{},[2180,2350,2351,2355,2360,2363],{},[2198,2352,2353],{},[474,2354,500],{},[2198,2356,2357],{},[474,2358,2359],{},"number",[2198,2361,2362],{},"Required",[2198,2364,2365],{},"Revealed action-panel width in pixels and the basis for the open threshold.",[2180,2367,2368,2372,2376,2378],{},[2198,2369,2370],{},[474,2371,496],{},[2198,2373,2374],{},[474,2375,2359],{},[2198,2377,2362],{},[2198,2379,2380],{},"Full row width in pixels and the basis for the commit threshold.",[2180,2382,2383,2387,2392,2397],{},[2198,2384,2385],{},[474,2386,749],{},[2198,2388,2389],{},[474,2390,2391],{},"boolean",[2198,2393,2394],{},[474,2395,2396],{},"undefined",[2198,2398,2399,2400,481],{},"Controlled open state used by ",[474,2401,1112],{},[2180,2403,2404,2408,2412,2416],{},[2198,2405,2406],{},[474,2407,1815],{},[2198,2409,2410],{},[474,2411,2391],{},[2198,2413,2414],{},[474,2415,622],{},[2198,2417,2418],{},"Initial open state when uncontrolled.",[2180,2420,2421,2425,2429,2433],{},[2198,2422,2423],{},[474,2424,1819],{},[2198,2426,2427],{},[474,2428,2391],{},[2198,2430,2431],{},[474,2432,622],{},[2198,2434,2435],{},"Disables drag interaction.",[2180,2437,2438,2442,2446,2452],{},[2198,2439,2440],{},[474,2441,2296],{},[2198,2443,2444],{},[474,2445,2359],{},[2198,2447,2448,2451],{},[474,2449,2450],{},"0.5"," in core",[2198,2453,2454,2455,2457],{},"Fraction of ",[474,2456,500],{}," required to snap open without a velocity override.",[2180,2459,2460,2465,2470,2475],{},[2198,2461,2462],{},[474,2463,2464],{},"side",[2198,2466,2467],{},[474,2468,2469],{},"'left' | 'right'",[2198,2471,2472],{},[474,2473,2474],{},"'right'",[2198,2476,2477],{},"Action alignment theme variant; the physical panel remains on the right.",[2180,2479,2480,2484,2489,2493],{},[2198,2481,2482],{},[474,2483,1926],{},[2198,2485,2486],{},[474,2487,2488],{},"any",[2198,2490,2491],{},[474,2492,2396],{},[2198,2494,2495],{},"Classes merged onto the root slot.",[2180,2497,2498,2502,2507,2511],{},[2198,2499,2500],{},[474,2501,1930],{},[2198,2503,2504],{},[474,2505,2506],{},"Partial\u003CRecord\u003CSwipeActionSlot, any>>",[2198,2508,2509],{},[474,2510,2396],{},[2198,2512,2513],{},"Per-instance theme slot overrides.",[471,2515,2516,2517,2519,2520,497,2522,2525],{},"Keep ",[474,2518,2296],{}," between ",[474,2521,2125],{},[474,2523,2524],{},"1",". Widths must match the rendered layout; stale or approximate values produce incorrect snap and commit points.",[466,2527,2529],{"id":2528},"emits","Emits",[2174,2531,2532,2544],{},[2177,2533,2534],{},[2180,2535,2536,2539,2542],{},[2183,2537,2538],{},"Event",[2183,2540,2541],{},"Payload",[2183,2543,2346],{},[2193,2545,2546,2560],{},[2180,2547,2548,2553,2557],{},[2198,2549,2550],{},[474,2551,2552],{},"update:open",[2198,2554,2555],{},[474,2556,2391],{},[2198,2558,2559],{},"The row snapped open, closed, or was closed through the slot helper.",[2180,2561,2562,2566,2569],{},[2198,2563,2564],{},[474,2565,480],{},[2198,2567,2568],{},"none",[2198,2570,2571],{},"A release crossed the core full-swipe position or velocity threshold.",[471,2573,2574,2576],{},[474,2575,480],{}," describes the gesture; it does not delete, archive, or otherwise mutate application data for you.",[466,2578,2580],{"id":2579},"slots","Slots",[2174,2582,2583,2594],{},[2177,2584,2585],{},[2180,2586,2587,2590,2592],{},[2183,2588,2589],{},"Slot",[2183,2591,2329],{},[2183,2593,2346],{},[2193,2595,2596,2610],{},[2180,2597,2598,2602,2607],{},[2198,2599,2600],{},[474,2601,1347],{},[2198,2603,2604],{},[474,2605,2606],{},"{ open: boolean, close: () => void }",[2198,2608,2609],{},"Foreground row content that moves with the gesture.",[2180,2611,2612,2616,2620],{},[2198,2613,2614],{},[474,2615,914],{},[2198,2617,2618],{},[474,2619,2606],{},[2198,2621,2622],{},"Trailing action-panel content revealed beneath the row.",[466,2624,2626],{"id":2625},"styling-and-theming","Styling and theming",[471,2628,2629,2630,2633,2634,481],{},"Override globally through ",[474,2631,2632],{},"appConfig.ui.swipeAction"," or locally with ",[474,2635,1930],{},[2174,2637,2638,2648],{},[2177,2639,2640],{},[2180,2641,2642,2645],{},[2183,2643,2644],{},"UI slot",[2183,2646,2647],{},"Purpose",[2193,2649,2650,2660,2669],{},[2180,2651,2652,2657],{},[2198,2653,2654],{},[474,2655,2656],{},"root",[2198,2658,2659],{},"Relative clipping container around the primitive.",[2180,2661,2662,2666],{},[2198,2663,2664],{},[474,2665,914],{},[2198,2667,2668],{},"Flex wrapper inside the trailing action panel.",[2180,2670,2671,2676],{},[2198,2672,2673],{},[474,2674,2675],{},"content",[2198,2677,2678],{},"Flex wrapper around the foreground row content.",[471,2680,2142,2681,2683,2684,2687,2688,2691,2692,2694,2695,497,2698,2701,2702,2706],{},[474,2682,2464],{}," variant sets ",[474,2685,2686],{},"justify-start"," or ",[474,2689,2690],{},"justify-end"," on ",[474,2693,914],{},". The default theme uses the ",[474,2696,2697],{},"bg-default",[474,2699,2700],{},"bg-elevated"," surface tokens for the foreground and action wrapper, so it adapts automatically under dark mode (see ",[2703,2704,2705],"a",{"href":319},"Theming → Dark Mode",").",[466,2708,328],{"id":2709},"accessibility",[471,2711,2712,2714,2715,2717],{},[474,2713,476],{}," does not currently add native button, adjustable, group, expanded-state, or gesture instructions to the row. Swipe gestures also have no direct keyboard or switch-control equivalent. Every action in the ",[474,2716,914],{}," slot should therefore be an independently labeled native control, and any destructive full-swipe behavior should have a visible, non-gesture alternative.",[471,2719,2720,2721,2304,2724,2311,2727,2730],{},"The examples add Lynx ",[474,2722,2723],{},"accessibility-element",[474,2725,2726],{},"accessibility-traits",[474,2728,2729],{},"accessibility-label"," attributes to tappable action views. Also expose the same operation elsewhere when a row can be committed by swiping, and consider confirmation or undo for destructive actions.",[466,2732,2734],{"id":2733},"platform-notes","Platform notes",[2108,2736,2737,2740,2743,2751,2754],{},[2111,2738,2739],{},"Touch tracking, axis locking, velocity calculation, clamping, and release animation run on the Lynx main thread.",[2111,2741,2742],{},"The component is designed for rows inside vertical native lists; predominantly vertical gestures are released without moving or snapping the row.",[2111,2744,2745,2746,497,2748,2750],{},"There is no automatic measurement. Recalculate and pass ",[474,2747,496],{},[474,2749,500],{}," when layout width changes.",[2111,2752,2753],{},"Only a trailing right-edge panel and leftward reveal gesture are implemented today. RTL and leading-edge reveal are not exposed.",[2111,2755,2756],{},"A full-swipe commit should update or remove the affected row promptly so the completed translation does not leave stale content on screen.",[466,2758,2760],{"id":2759},"related-components","Related components",[2108,2762,2763,2770,2778],{},[2111,2764,2765,2769],{},[2703,2766,2767],{"href":268},[474,2768,267],{}," for paging between full content panels.",[2111,2771,2772,2777],{},[2703,2773,2774],{"href":67},[474,2775,2776],{},"ActionSheet"," for presenting a temporary list of actions.",[2111,2779,2780,2783],{},[474,2781,2782],{},"DropdownMenu"," for actions opened by an explicit trigger.",[2785,2786,2787],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":508,"searchDepth":515,"depth":548,"links":2789},[2790,2791,2797,2800,2801,2802,2803,2804,2805,2806],{"id":468,"depth":548,"text":469},{"id":489,"depth":548,"text":490,"children":2792},[2793,2794,2795,2796],{"id":1101,"depth":576,"text":1102},{"id":1612,"depth":576,"text":1613},{"id":1808,"depth":576,"text":1809},{"id":1920,"depth":576,"text":1921},{"id":2105,"depth":548,"text":2106,"children":2798},[2799],{"id":2171,"depth":576,"text":2172},{"id":2328,"depth":548,"text":2329},{"id":2528,"depth":548,"text":2529},{"id":2579,"depth":548,"text":2580},{"id":2625,"depth":548,"text":2626},{"id":2709,"depth":548,"text":328},{"id":2733,"depth":548,"text":2734},{"id":2759,"depth":548,"text":2760},"Reveal trailing row actions or commit an action with a full swipe.","md",[2810],{"label":2811,"icon":2812,"to":2813,"target":2814},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FSwipeAction.vue","_blank",{},{"icon":265},{"title":262,"description":2807},"lJUvUR1r5KKGsRF3KhNQ9-MrmNpFiZFHw7t6rLLbpO0",[2820,2822],{"title":257,"path":258,"stem":259,"description":2821,"icon":-1,"children":-1,"navigation":-1},"Show progress through an ordered, optionally linear sequence of steps.",{"title":267,"path":268,"stem":269,"description":2823,"icon":-1,"children":-1,"navigation":-1},"Present swipeable, snapping content as a paged carousel.",1785060126261]