[{"data":1,"prerenderedAt":5605},["ShallowReactive",2],{"content-\u002Fen\u002Fcomponents\u002Fnavigation-view":3,"content-en-fallback-\u002Fen\u002Fcomponents\u002Fnavigation-view":3013},{"id":4,"title":5,"body":6,"description":3004,"extension":3005,"meta":3006,"nav":3007,"navigation":3008,"path":3009,"seo":3010,"stem":3011,"__hash__":3012},"content_en\u002Fen\u002Fcomponents\u002Fnavigation-view.md","Navigation View",{"type":7,"value":8,"toc":2980},"minimark",[9,13,44,146,266,271,344,368,372,394,450,464,543,615,619,628,686,704,726,733,748,822,832,852,856,985,1014,1029,1033,1106,1172,1176,1280,1308,1383,1387,1580,1584,1643,1647,1856,1863,2061,2065,2071,2128,2154,2158,2163,2537,2624,2629,2820,2864,2873,2917,2936,2940,2976],[10,11,5],"h1",{"id":12},"navigation-view",[14,15,16,20,21,24,25,28,29,32,33,39,40,43],"p",{},[17,18,19],"code",{},"FluereNavigationView"," + ",[17,22,23],{},"FluereNavigationViewItem"," (plus ",[17,26,27],{},"...ItemHeader"," \u002F ",[17,30,31],{},"...ItemSeparator",") map to WinUI 3 \u002F Windows App SDK's ",[34,35,36],"strong",{},[17,37,38],{},"Microsoft.UI.Xaml.Controls.NavigationView",": a collapsible left pane plus a content area, with groups, multi-level children, a selection indicator and a built-in settings item. The ",[17,41,42],{},"DisplayMode"," state machine and the key bindings follow the source item by item.",[45,46,51],"pre",{"className":47,"code":48,"language":49,"meta":50,"style":50},"language-vue shiki shiki-themes github-light github-dark","\u003CFluereNavigationView v-model:selected-value=\"selected\" label=\"Navigation\" pane-title=\"Explorer\">\n  \u003CFluereNavigationViewItemHeader content=\"Quick access\" \u002F>\n  \u003CFluereNavigationViewItem value=\"home\" content=\"Home\">\n    \u003Ctemplate #icon>\u003CFluentIconStar24Regular :size=\"20\" \u002F>\u003C\u002Ftemplate>\n  \u003C\u002FFluereNavigationViewItem>\n  \u003Ctemplate #content>Content area\u003C\u002Ftemplate>\n\u003C\u002FFluereNavigationView>\n","vue","",[17,52,53,106,112,118,124,130,136],{"__ignoreMap":50},[54,55,58,62,65,69,72,75,78,82,85,87,90,92,95,98,100,103],"span",{"class":56,"line":57},"line",1,[54,59,61],{"class":60},"sVt8B","\u003C",[54,63,19],{"class":64},"s9eBZ",[54,66,68],{"class":67},"sScJk"," v-model",[54,70,71],{"class":60},":",[54,73,74],{"class":67},"selected-value",[54,76,77],{"class":60},"=",[54,79,81],{"class":80},"sZZnC","\"",[54,83,84],{"class":60},"selected",[54,86,81],{"class":80},[54,88,89],{"class":67}," label",[54,91,77],{"class":60},[54,93,94],{"class":80},"\"Navigation\"",[54,96,97],{"class":67}," pane-title",[54,99,77],{"class":60},[54,101,102],{"class":80},"\"Explorer\"",[54,104,105],{"class":60},">\n",[54,107,109],{"class":56,"line":108},2,[54,110,111],{"class":60},"  \u003CFluereNavigationViewItemHeader content=\"Quick access\" \u002F>\n",[54,113,115],{"class":56,"line":114},3,[54,116,117],{"class":60},"  \u003CFluereNavigationViewItem value=\"home\" content=\"Home\">\n",[54,119,121],{"class":56,"line":120},4,[54,122,123],{"class":60},"    \u003Ctemplate #icon>\u003CFluentIconStar24Regular :size=\"20\" \u002F>\u003C\u002Ftemplate>\n",[54,125,127],{"class":56,"line":126},5,[54,128,129],{"class":60},"  \u003C\u002FFluereNavigationViewItem>\n",[54,131,133],{"class":56,"line":132},6,[54,134,135],{"class":60},"  \u003Ctemplate #content>Content area\u003C\u002Ftemplate>\n",[54,137,139,142,144],{"class":56,"line":138},7,[54,140,141],{"class":60},"\u003C\u002F",[54,143,19],{"class":64},[54,145,105],{"class":60},[147,148,150,156],"demo-block",{"title":149},"Basic: groups, icons, selection indicator and settings item",[151,152,153],"template",{"v-slot:preview":50},[154,155],"navigation-view-basic-demo",{},[151,157,158],{"v-slot:code":50},[45,159,161],{"className":47,"code":160,"language":49,"meta":50,"style":50},"\u003CFluereNavigationView v-model:selected-value=\"selected\" label=\"Navigation\" pane-title=\"Explorer\">\n  \u003Ctemplate v-for=\"section in sections\" :key=\"section.title\">\n    \u003CFluereNavigationViewItemHeader :content=\"section.title\" \u002F>\n    \u003CFluereNavigationViewItem\n      v-for=\"item in section.items\"\n      :key=\"item.value\"\n      :value=\"item.value\"\n      :content=\"item.content\"\n    >\n      \u003Ctemplate #icon>\u003Ccomponent :is=\"item.icon\" :size=\"20\" \u002F>\u003C\u002Ftemplate>\n    \u003C\u002FFluereNavigationViewItem>\n  \u003C\u002Ftemplate>\n\u003C\u002FFluereNavigationView>\n",[17,162,163,197,202,207,212,217,222,227,233,239,245,251,257],{"__ignoreMap":50},[54,164,165,167,169,171,173,175,177,179,181,183,185,187,189,191,193,195],{"class":56,"line":57},[54,166,61],{"class":60},[54,168,19],{"class":64},[54,170,68],{"class":67},[54,172,71],{"class":60},[54,174,74],{"class":67},[54,176,77],{"class":60},[54,178,81],{"class":80},[54,180,84],{"class":60},[54,182,81],{"class":80},[54,184,89],{"class":67},[54,186,77],{"class":60},[54,188,94],{"class":80},[54,190,97],{"class":67},[54,192,77],{"class":60},[54,194,102],{"class":80},[54,196,105],{"class":60},[54,198,199],{"class":56,"line":108},[54,200,201],{"class":60},"  \u003Ctemplate v-for=\"section in sections\" :key=\"section.title\">\n",[54,203,204],{"class":56,"line":114},[54,205,206],{"class":60},"    \u003CFluereNavigationViewItemHeader :content=\"section.title\" \u002F>\n",[54,208,209],{"class":56,"line":120},[54,210,211],{"class":60},"    \u003CFluereNavigationViewItem\n",[54,213,214],{"class":56,"line":126},[54,215,216],{"class":60},"      v-for=\"item in section.items\"\n",[54,218,219],{"class":56,"line":132},[54,220,221],{"class":60},"      :key=\"item.value\"\n",[54,223,224],{"class":56,"line":138},[54,225,226],{"class":60},"      :value=\"item.value\"\n",[54,228,230],{"class":56,"line":229},8,[54,231,232],{"class":60},"      :content=\"item.content\"\n",[54,234,236],{"class":56,"line":235},9,[54,237,238],{"class":60},"    >\n",[54,240,242],{"class":56,"line":241},10,[54,243,244],{"class":60},"      \u003Ctemplate #icon>\u003Ccomponent :is=\"item.icon\" :size=\"20\" \u002F>\u003C\u002Ftemplate>\n",[54,246,248],{"class":56,"line":247},11,[54,249,250],{"class":60},"    \u003C\u002FFluereNavigationViewItem>\n",[54,252,254],{"class":56,"line":253},12,[54,255,256],{"class":60},"  \u003C\u002Ftemplate>\n",[54,258,260,262,264],{"class":56,"line":259},13,[54,261,141],{"class":60},[54,263,19],{"class":64},[54,265,105],{"class":60},[267,268,270],"h2",{"id":269},"version-and-evidence","Version and evidence",[272,273,274,287],"table",{},[275,276,277],"thead",{},[278,279,280,284],"tr",{},[281,282,283],"th",{},"Item",[281,285,286],{},"Value",[288,289,290,306,325],"tbody",{},[278,291,292,296],{},[293,294,295],"td",{},"Spec source tag",[293,297,298,301,302,305],{},[17,299,300],{},"winui3\u002Frelease\u002F2.5.1"," (commit ",[17,303,304],{},"ba3a8d5",")",[278,307,308,311],{},[293,309,310],{},"Key files",[293,312,313,20,316,20,319,20,322],{},[17,314,315],{},"src\u002Fcontrols\u002Fdev\u002FNavigationView\u002F{NavigationView.idl,NavigationView.xaml,NavigationView_themeresources.xaml,NavigationView.cpp,NavigationViewItem.cpp,NavigationViewItemPresenter.cpp,NavigationViewItemHeader.cpp,NavigationViewItemSeparator.cpp}",[17,317,318],{},"Generated\u002F{NavigationView,NavigationViewItem}.properties.cpp",[17,320,321],{},"SplitView\u002FSplitView_themeresources.xaml",[17,323,324],{},"Strings\u002F{en-us,zh-CN}\u002FResources.resw",[278,326,327,330],{},[293,328,329],{},"Built-in strings",[293,331,332,333,336,337,340,341,305],{},"4 strings (pane toggle button \u002F settings item) taken ",[34,334,335],{},"verbatim"," from upstream ",[17,338,339],{},"Resources.resw"," (see the table in ",[17,342,343],{},"packages\u002Fui\u002Fsrc\u002Fnavigation-view\u002Flocale.ts",[345,346,347],"blockquote",{},[14,348,349,355,356,359,360,363,364,367],{},[34,350,351,354],{},[17,352,353],{},"perf2026"," is not adopted",": upstream ships ",[17,357,358],{},"NavigationBackButton_perf2026.xaml"," (wired into ",[17,361,362],{},"NavigationView.vcxitems","); this library follows the 0.5.1 ",[17,365,366],{},"TitleBar"," ruling — not read, not referenced, no corresponding branch.",[267,369,371],{"id":370},"the-displaymode-state-machine","The DisplayMode state machine",[14,373,374,377,378,381,382,385,386,389,390,393],{},[17,375,376],{},"paneDisplayMode"," (mapping to ",[17,379,380],{},"NavigationViewPaneDisplayMode",") is ",[34,383,384],{},"configuration","; ",[17,387,388],{},"displayMode"," is the ",[34,391,392],{},"computed result",". Do not conflate them.",[272,395,396,407],{},[275,397,398],{},[278,399,400,404],{},[281,401,402],{},[17,403,376],{},[281,405,406],{},"Behaviour",[288,408,409,420,430,440],{},[278,410,411,417],{},[293,412,413,416],{},[17,414,415],{},"auto"," (default)",[293,418,419],{},"Adapts to container width (table below)",[278,421,422,427],{},[293,423,424],{},[17,425,426],{},"left",[293,428,429],{},"Always Expanded (320px pane)",[278,431,432,437],{},[293,433,434],{},[17,435,436],{},"left-compact",[293,438,439],{},"Always Compact (48px icon rail)",[278,441,442,447],{},[293,443,444],{},[17,445,446],{},"left-minimal",[293,448,449],{},"Same as Compact (see difference #2 below)",[14,451,452,453,455,456,459,460,463],{},"The ",[17,454,415],{}," predicate is copied verbatim from ",[17,457,458],{},"NavigationView.cpp:1452-1465"," (default thresholds from ",[17,461,462],{},"NavigationView.idl:176-180","):",[272,465,466,479],{},[275,467,468],{},[278,469,470,473,476],{},[281,471,472],{},"Container width",[281,474,475],{},"Upstream result",[281,477,478],{},"This library",[288,480,481,493,511,520,532],{},[278,482,483,488,491],{},[293,484,485],{},[17,486,487],{},"width >= 1008",[293,489,490],{},"Expanded",[293,492,490],{},[278,494,495,500,505],{},[293,496,497],{},[17,498,499],{},"0 \u003C width \u003C 641",[293,501,502],{},[34,503,504],{},"Minimal",[293,506,507,510],{},[34,508,509],{},"Compact"," (downgraded, see below)",[278,512,513,516,518],{},[293,514,515],{},"everything else (incl. 0)",[293,517,509],{},[293,519,509],{},[278,521,522,527,529],{},[293,523,524],{},[17,525,526],{},"width === 641",[293,528,509],{},[293,530,531],{},"Compact (the test is strictly less)",[278,533,534,539,541],{},[293,535,536],{},[17,537,538],{},"NaN",[293,540,509],{},[293,542,509],{},[147,544,546,551],{"title":545},"The three DisplayMode tiers and Auto adaptation",[151,547,548],{"v-slot:preview":50},[549,550],"navigation-view-display-mode-demo",{},[151,552,553],{"v-slot:code":50},[45,554,556],{"className":47,"code":555,"language":49,"meta":50,"style":50},"\u003CFluereNavigationView v-model:selected-value=\"selected\" :pane-display-mode=\"mode\" pane-title=\"Nav\">\n  …\n\u003C\u002FFluereNavigationView>\n",[17,557,558,602,607],{"__ignoreMap":50},[54,559,560,562,564,566,568,570,572,574,576,578,581,584,586,588,591,593,595,597,600],{"class":56,"line":57},[54,561,61],{"class":60},[54,563,19],{"class":64},[54,565,68],{"class":67},[54,567,71],{"class":60},[54,569,74],{"class":67},[54,571,77],{"class":60},[54,573,81],{"class":80},[54,575,84],{"class":60},[54,577,81],{"class":80},[54,579,580],{"class":60}," :",[54,582,583],{"class":67},"pane-display-mode",[54,585,77],{"class":60},[54,587,81],{"class":80},[54,589,590],{"class":60},"mode",[54,592,81],{"class":80},[54,594,97],{"class":67},[54,596,77],{"class":60},[54,598,599],{"class":80},"\"Nav\"",[54,601,105],{"class":60},[54,603,604],{"class":56,"line":108},[54,605,606],{"class":60},"  …\n",[54,608,609,611,613],{"class":56,"line":114},[54,610,141],{"class":60},[54,612,19],{"class":64},[54,614,105],{"class":60},[267,616,618],{"id":617},"pane-openclose-semantics","Pane open\u002Fclose semantics",[14,620,621,624,625,463],{},[17,622,623],{},"isPaneOpen"," is governed by the DisplayMode state machine (item by item from ",[17,626,627],{},"NavigationView.cpp:1494-1512",[629,630,631,646,654,660],"ul",{},[632,633,634,637,638,641,642,645],"li",{},[34,635,636],{},"Entering Expanded",": auto-opens only when ",[17,639,640],{},"isPaneVisible"," is true ",[34,643,644],{},"and"," the user has not manually closed it;",[632,647,648,653],{},[34,649,650],{},[17,651,652],{},"Expanded → Compact",": closes unconditionally;",[632,655,656,659],{},[34,657,658],{},"Entering Minimal",": closes unconditionally (Minimal is downgraded to Compact here, so \"anything but Expanded closes\");",[632,661,662,663,666,667,670,671,674,675,678,679,681,682,685],{},"\"Manually closed\" is a ",[34,664,665],{},"single global"," flag (upstream ",[17,668,669],{},"m_wasForceClosed",", ",[17,672,673],{},"NavigationView.h:466",") — there is ",[34,676,677],{},"no per-mode memory","; changing ",[17,680,583],{}," clears it (",[17,683,684],{},":4211",").",[14,687,688,689,692,693,696,697,700,701,685],{},"The toggle button shares one code path across all modes (",[17,690,691],{},":1662-1674","): open → close and set the flag; closed → open and clear it. ",[17,694,695],{},"isPaneToggleButtonVisible"," ",[34,698,699],{},"only controls visibility",", not whether the pane can be toggled (",[17,702,703],{},":4403-4407",[14,705,706,707,710,711,714,715,718,719,670,722,725],{},"A closed pane is ",[34,708,709],{},"not zero-width",": it is the 48px icon rail (upstream ",[17,712,713],{},"ListSizeCompact"," sets ",[17,716,717],{},"PaneContentGrid.Width"," to ",[17,720,721],{},"CompactPaneLength",[17,723,724],{},"NavigationView.xaml:83","), showing icons only while the text stays in the accessibility tree.",[727,728,730,731,305],"h3",{"id":729},"alignment-rules-for-the-collapsed-state-listsizecompact","Alignment rules for the collapsed state (",[17,732,713],{},[14,734,735,736,741,742,670,745,463],{},"The collapsed 48px rail follows three rules, driven ",[34,737,738,739],{},"not by ",[17,740,376],{}," but by \"compact and closed\" (upstream ",[17,743,744],{},"m_isClosedCompact",[17,746,747],{},"NavigationViewItem.cpp:253-263",[272,749,750,760],{},[275,751,752],{},[278,753,754,757],{},[281,755,756],{},"Rule",[281,758,759],{},"Level-A source",[288,761,762,782,802],{},[278,763,764,771],{},[293,765,766,767,770],{},"Pane title and ",[17,768,769],{},"#paneHeader"," are hidden together",[293,772,773,714,775,778,779,305],{},[17,774,713],{},[17,776,777],{},"Collapsed"," (",[17,780,781],{},"NavigationView.xaml:85",[278,783,784,794],{},[293,785,786,787,790,791],{},"The toggle row keeps ",[34,788,789],{},"no inline padding","; inset comes from the button's own ",[17,792,793],{},"Padding = 4,2",[293,795,796,778,799,305],{},[17,797,798],{},"NavigationViewButtonHolderGridMargin = 0,4",[17,800,801],{},":232",[278,803,804,814],{},[293,805,806,807,810,811,305],{},"The toggle button's icon column matches items (",[17,808,809],{},"SmallerIconWidth"," = ",[17,812,813],{},"CompactPaneLength - 8",[293,815,816,670,819],{},[17,817,818],{},":611-613",[17,820,821],{},"NavigationViewItemPresenter.cpp:289",[14,823,824,825,828,829,685],{},"So the hamburger icon in the collapsed state sits ",[34,826,827],{},"in the same column as every item icon"," (all centred on the 24px midline), and an item's background has symmetric gaps to both pane edges (4px each = the horizontal ",[17,830,831],{},"NavigationViewItemButtonMargin",[345,833,834],{},[14,835,836,837,840,841,844,845,848,849,851],{},"Four points previously drifted in this area (the hamburger was squeezed to ",[17,838,839],{},"7.41 × 20",", the title still occupied space, an item background was clipped 3px on the right, and the gear rendered as a solid blob): the first three are covered by the toggle-row \u002F title \u002F divider rules above, while the last was a wrong glyph choice for the settings icon (it must be the linear gear, not an outline-only truncated path). Root causes and fixes are recorded one by one under \"the four UI fixes for the collapsed state\" in ",[17,842,843],{},"packages\u002Fui\u002Fsrc\u002Fnavigation-view\u002Fnavigation-view.vue","'s file header; the contract tests live in ",[17,846,847],{},"navigation-view.test.ts"," under \"collapsed state (",[17,850,713],{},") UI regressions\".",[267,853,855],{"id":854},"keyboard-item-by-item-from-the-source","Keyboard (item by item from the source)",[272,857,858,871],{},[275,859,860],{},[278,861,862,865,868],{},[281,863,864],{},"Key",[281,866,867],{},"Precondition",[281,869,870],{},"Effect",[288,872,873,889,916,935,953,972],{},[278,874,875,880,883],{},[293,876,877],{},[17,878,879],{},"Enter",[293,881,882],{},"focus on an item",[293,884,885,886,305],{},"invoke (select + expand + emit ",[17,887,888],{},"itemInvoked",[278,890,891,896,902],{},[293,892,893],{},[17,894,895],{},"Space",[293,897,898,899],{},"focus on an item and ",[34,900,901],{},"no Alt",[293,903,904,905,908,909,912,913,305],{},"same as above; ",[17,906,907],{},"Alt+Space"," is explicitly ",[34,910,911],{},"not handled"," (yields to the system window menu, ",[17,914,915],{},":2752-2761",[278,917,918,926,928],{},[293,919,920,28,923],{},[17,921,922],{},"↑",[17,924,925],{},"↓",[293,927,882],{},[293,929,930,931,934],{},"move focus between ",[34,932,933],{},"visible"," items; crossing levels (into\u002Fout of expanded children, back to the parent) is equivalent to the source's XYFocus plus manual focusing",[278,936,937,945,947],{},[293,938,939,28,942],{},[17,940,941],{},"Home",[17,943,944],{},"End",[293,946,882],{},[293,948,949,950,305],{},"focus the first \u002F last focusable item (",[17,951,952],{},":2906-2950",[278,954,955,963,966],{},[293,956,957,20,960],{},[17,958,959],{},"←",[17,961,962],{},"Alt",[293,964,965],{},"pane open and light-dismissible",[293,967,968,969,305],{},"close the pane (",[17,970,971],{},":3136-3145",[278,973,974,979,982],{},[293,975,976],{},[17,977,978],{},"Tab",[293,980,981],{},"—",[293,983,984],{},"leave the pane (roving tabindex: one Tab stop per group)",[14,986,987,990,991,778,994,997,998,1001,1002,1005,1006,1009,1010,1013],{},[34,988,989],{},"Keys the source does not have"," (negative evidence — do not add them by intuition): ",[17,992,993],{},"→",[17,995,996],{},"NavigationView"," has zero hits for ",[17,999,1000],{},"VirtualKey::Right","), ",[17,1003,1004],{},"Esc"," (closing a Minimal pane belongs to core ",[17,1007,1008],{},"SplitView.cpp:576-581",", not NavigationView), ",[17,1011,1012],{},"Ctrl+digit",".",[345,1015,1016],{},[14,1017,1018,1019,778,1022,1025,1026,1013],{},"Holding a key does not repeat invoke: upstream guards with ",[17,1020,1021],{},"args.KeyStatus().WasKeyDown",[17,1023,1024],{},":2724","); this library uses ",[17,1027,1028],{},"event.repeat",[267,1030,1032],{"id":1031},"selection-and-expansion-semantics","Selection and expansion semantics",[629,1034,1035,1044,1064,1079,1091],{},[632,1036,1037,778,1040,1043],{},[34,1038,1039],{},"Clicking an item with children both selects it and toggles expansion",[17,1041,1042],{},"OnNavigationViewItemInvoked:1067"," does both, not either\u002For).",[632,1045,1046,1051,1052,1055,1056,1059,1060,1063],{},[34,1047,1048],{},[17,1049,1050],{},"selects-on-invoked=\"false\"",": invoke only expands and does not change selection (",[17,1053,1054],{},":1048","), useful for group-header-like items; conversely, forcing such an item via ",[17,1057,1058],{},"selectedValue"," is rolled back (",[17,1061,1062],{},":2281-2292",") — this library falls back to \"nothing selected\" and warns in dev.",[632,1065,1066,1071,1072,778,1075,1078],{},[34,1067,1068],{},[17,1069,1070],{},"isChildSelected",": selecting a child marks its ",[34,1073,1074],{},"entire ancestor chain",[17,1076,1077],{},"UpdateIsChildSelected:2509-2547","); here the parent derives it at render time (read-only), so consumers never pass it.",[632,1080,1081,1084,1085,778,1088,685],{},[34,1082,1083],{},"Indicator drill-down",": starting at the selected item, as long as a node is \"not itself selected but has a selected descendant\" and its parent is expanded, the indicator is drawn at the ",[34,1086,1087],{},"lowest visible level",[17,1089,1090],{},"FindLowestLevelContainerToDisplaySelectionIndicator:5562-5593",[632,1092,1093,778,1096,670,1099,1102,1103],{},[34,1094,1095],{},"Closing the pane force-collapses top-level items but remembers their state",[17,1097,1098],{},"HandleExpansionStateMemory",[17,1100,1101],{},"NavigationViewItem.cpp:269-285","): reopening the pane restores it. ",[34,1104,1105],{},"Top-level items only.",[147,1107,1109,1114],{"title":1108},"Groups, hierarchy and ancestor-chain selection",[151,1110,1111],{"v-slot:preview":50},[1112,1113],"navigation-view-hierarchy-demo",{},[151,1115,1116],{"v-slot:code":50},[45,1117,1119],{"className":47,"code":1118,"language":49,"meta":50,"style":50},"\u003CFluereNavigationViewItem value=\"music\" content=\"Music\">\n  \u003Ctemplate #children>\n    \u003CFluereNavigationViewItem value=\"albums\" content=\"Albums\" \u002F>\n    \u003CFluereNavigationViewItem value=\"artists\" content=\"Artists\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FFluereNavigationViewItem>\n",[17,1120,1121,1145,1150,1155,1160,1164],{"__ignoreMap":50},[54,1122,1123,1125,1127,1130,1132,1135,1138,1140,1143],{"class":56,"line":57},[54,1124,61],{"class":60},[54,1126,23],{"class":64},[54,1128,1129],{"class":67}," value",[54,1131,77],{"class":60},[54,1133,1134],{"class":80},"\"music\"",[54,1136,1137],{"class":67}," content",[54,1139,77],{"class":60},[54,1141,1142],{"class":80},"\"Music\"",[54,1144,105],{"class":60},[54,1146,1147],{"class":56,"line":108},[54,1148,1149],{"class":60},"  \u003Ctemplate #children>\n",[54,1151,1152],{"class":56,"line":114},[54,1153,1154],{"class":60},"    \u003CFluereNavigationViewItem value=\"albums\" content=\"Albums\" \u002F>\n",[54,1156,1157],{"class":56,"line":120},[54,1158,1159],{"class":60},"    \u003CFluereNavigationViewItem value=\"artists\" content=\"Artists\" \u002F>\n",[54,1161,1162],{"class":56,"line":126},[54,1163,256],{"class":60},[54,1165,1166,1168,1170],{"class":56,"line":132},[54,1167,141],{"class":60},[54,1169,23],{"class":64},[54,1171,105],{"class":60},[267,1173,1175],{"id":1174},"settings-item-and-slots","Settings item and slots",[272,1177,1178,1191],{},[275,1179,1180],{},[278,1181,1182,1185,1188],{},[281,1183,1184],{},"Slot",[281,1186,1187],{},"Maps to WinUI",[281,1189,1190],{},"Notes",[288,1192,1193,1214,1229,1243,1262],{},[278,1194,1195,1198,1203],{},[293,1196,1197],{},"default",[293,1199,1200],{},[17,1201,1202],{},"MenuItems",[293,1204,1205,1206,28,1208,28,1211],{},"holds ",[17,1207,283],{},[17,1209,1210],{},"ItemHeader",[17,1212,1213],{},"ItemSeparator",[278,1215,1216,1221,1226],{},[293,1217,1218],{},[17,1219,1220],{},"#content",[293,1222,1223],{},[17,1224,1225],{},"ContentPresenter",[293,1227,1228],{},"the content area",[278,1230,1231,1235,1240],{},[293,1232,1233],{},[17,1234,769],{},[293,1236,1237],{},[17,1238,1239],{},"PaneHeader",[293,1241,1242],{},"below the toggle button (expanded mode only)",[278,1244,1245,1250,1255],{},[293,1246,1247],{},[17,1248,1249],{},"#paneFooter",[293,1251,1252],{},[17,1253,1254],{},"PaneFooter",[293,1256,1257,1258,1261],{},"pane bottom, ",[34,1259,1260],{},"above"," the settings item",[278,1263,1264,1269,1277],{},[293,1265,1266],{},[17,1267,1268],{},"#settings",[293,1270,1271,778,1274,305],{},[17,1272,1273],{},"SettingsItem",[17,1275,1276],{},"FooterMenuItems",[293,1278,1279],{},"replaces the built-in settings item entirely",[14,1281,1282,1283,1285,1286,1289,1290,1293,1294,1296,1297,1300,1301,1307],{},"When the built-in settings item is selected, ",[17,1284,1058],{}," takes a ",[34,1287,1288],{},"reserved sentinel value"," (the exported constant ",[17,1291,1292],{},"FLUERE_NAVIGATION_SETTINGS_VALUE",") and ",[17,1295,888],{}," reports ",[17,1298,1299],{},"isSettingsInvoked: true",". ",[34,1302,1303,1304],{},"Consumers must not use that string as a menu item ",[17,1305,1306],{},"value"," (a contract test guards this).",[147,1309,1311,1316],{"title":1310},"Settings item, PaneFooter and events",[151,1312,1313],{"v-slot:preview":50},[1314,1315],"navigation-view-settings-demo",{},[151,1317,1318],{"v-slot:code":50},[45,1319,1321],{"className":47,"code":1320,"language":49,"meta":50,"style":50},"\u003CFluereNavigationView v-model:selected-value=\"selected\" @item-invoked=\"onInvoked\">\n  \u003CFluereNavigationViewItem value=\"docs\" content=\"Documents\" \u002F>\n  \u003Ctemplate #paneFooter>…\u003C\u002Ftemplate>\n  \u003Ctemplate #settings>…\u003C\u002Ftemplate>\n\u003C\u002FFluereNavigationView>\n",[17,1322,1323,1360,1365,1370,1375],{"__ignoreMap":50},[54,1324,1325,1327,1329,1331,1333,1335,1337,1339,1341,1343,1346,1349,1351,1353,1356,1358],{"class":56,"line":57},[54,1326,61],{"class":60},[54,1328,19],{"class":64},[54,1330,68],{"class":67},[54,1332,71],{"class":60},[54,1334,74],{"class":67},[54,1336,77],{"class":60},[54,1338,81],{"class":80},[54,1340,84],{"class":60},[54,1342,81],{"class":80},[54,1344,1345],{"class":60}," @",[54,1347,1348],{"class":67},"item-invoked",[54,1350,77],{"class":60},[54,1352,81],{"class":80},[54,1354,1355],{"class":60},"onInvoked",[54,1357,81],{"class":80},[54,1359,105],{"class":60},[54,1361,1362],{"class":56,"line":108},[54,1363,1364],{"class":60},"  \u003CFluereNavigationViewItem value=\"docs\" content=\"Documents\" \u002F>\n",[54,1366,1367],{"class":56,"line":114},[54,1368,1369],{"class":60},"  \u003Ctemplate #paneFooter>…\u003C\u002Ftemplate>\n",[54,1371,1372],{"class":56,"line":120},[54,1373,1374],{"class":60},"  \u003Ctemplate #settings>…\u003C\u002Ftemplate>\n",[54,1376,1377,1379,1381],{"class":56,"line":126},[54,1378,141],{"class":60},[54,1380,19],{"class":64},[54,1382,105],{"class":60},[267,1384,1386],{"id":1385},"differences-from-winui-deliberate-recorded-one-by-one","Differences from WinUI (deliberate, recorded one by one)",[1388,1389,1390,1438,1462,1479,1494,1512,1540],"ol",{},[632,1391,1392,1395,1396,1399,1400,1403,1404,28,1407,1410,1411,1414,1415,1418,1419,1422,1423,1426,1427,1430,1431,670,1434,1437],{},[34,1393,1394],{},"Left pane only",": ",[17,1397,1398],{},"PaneDisplayMode","'s ",[17,1401,1402],{},"Top"," is not implemented — top navigation is a different template (",[17,1405,1406],{},"TopNavArea",[17,1408,1409],{},"TopNavGrid"," \u002F overflow ",[17,1412,1413],{},"Flyout"," \u002F gamepad ",[17,1416,1417],{},"BumperNavigation","). Consequently ",[17,1420,1421],{},"ShoulderNavigationEnabled"," is not implemented either (the source returns ",[34,1424,1425],{},"false"," for non-Top, ",[17,1428,1429],{},":3165-3170",", i.e. the left pane never had gamepad navigation), nor are ",[17,1432,1433],{},"OverflowLabelMode",[17,1435,1436],{},"AutoSuggestBox"," and the back\u002Fclose buttons.",[632,1439,1440,1447,1448,714,1451,718,1454,1457,1458,1461],{},[34,1441,1442,1444,1445],{},[17,1443,504],{}," is downgraded to ",[17,1446,509],{},": upstream Minimal means \"pane as an overlay + focus trap\" (",[17,1449,1450],{},":4588-4596",[17,1452,1453],{},"KeyboardNavigationMode",[17,1455,1456],{},"Cycle","); overlay focus management belongs to 0.5.7's ",[17,1459,1460],{},"useFocusTrap",". Here, a width in the Minimal range renders as Compact (a persistent 48px pane) with no overlay.",[632,1463,1464,1467,1468,1471,1472,1475,1476,1013],{},[34,1465,1466],{},"Children are \"data-only subcomponents\"",": the three child components ",[34,1469,1470],{},"never mount"," (the parent reads vnode props \u002F slots at render time; see ",[17,1473,1474],{},"collection.ts","), so they cannot emit and their slots ",[34,1477,1478],{},"do not support scoped arguments",[632,1480,1481,1487,1488,1490,1491,685],{},[34,1482,1483,1486],{},[17,1484,1485],{},"SelectedItem"," becomes a value identity",": WinUI uses an object reference; the Vue side uses ",[17,1489,1058],{}," (consistent with ",[17,1492,1493],{},"FluereTabView",[632,1495,1496,1499,1500,1503,1504,1507,1508,1511],{},[34,1497,1498],{},"No child flyout",": upstream moves children into a ",[17,1501,1502],{},"ChildrenFlyout"," when compact and closed (",[17,1505,1506],{},"NavigationViewItem.cpp:908-911","). Here, compact mode ",[34,1509,1510],{},"hides the chevron and does not render children",", avoiding an arrow that appears to do nothing; expanding the pane shows children inline again.",[632,1513,1514,1517,1518,778,1521,1524,1525,1528,1529,1532,1533,670,1536,1539],{},[34,1515,1516],{},"No \"indicator sliding between items\" position animation",": upstream ",[17,1519,1520],{},"PlayIndicatorAnimations",[17,1522,1523],{},"NavigationView.cpp:2185-2235",") computes the offset between items with Composition, ",[17,1526,1527],{},"600ms"," across three easing segments plus a 200ms centre-point animation. Here only the current item's indicator fades in\u002Fout (upstream ",[17,1530,1531],{},"ShowSelectionIndicator"," likewise just sets ",[17,1534,1535],{},"Opacity",[17,1537,1538],{},"NavigationViewItem.cpp:402-408",", with no transition), so the static form matches.",[632,1541,1542,1545,1546,1549,1550,1553,1554,778,1557,1560,1561,1564,1565,1568,1569,1572,1573,778,1576,1579],{},[34,1543,1544],{},"The chevron expresses its two end states with a CSS rotation",": in the upstream default template ",[17,1547,1548],{},"RotateExpandCollapseChevron"," merely calls ",[17,1551,1552],{},"Begin()"," on two storyboards that ",[34,1555,1556],{},"do not exist",[17,1558,1559],{},"NavigationView.xaml"," has zero ",[17,1562,1563],{},"Storyboard"," entries and no ",[17,1566,1567],{},"Rotate","\u002F",[17,1570,1571],{},"Angle",") ⇒ it is a no-op for the default template; the actual rotation comes from the ",[17,1574,1575],{},"AnimatedIcon",[17,1577,1578],{},"AnimatedChevronUpDownSmallVisualSource","). This library does not ship Lottie and only expresses the two static ends (expanded 180° \u002F collapsed 0°).",[267,1581,1583],{"id":1582},"evidence-gaps-explicitly-recorded","Evidence gaps (explicitly recorded)",[629,1585,1586,1599,1612,1625],{},[632,1587,1588,1591,1592,1595,1596,685],{},[34,1589,1590],{},"Chevron per-frame keyframes",": the LottieGen output gives the total duration 433.33ms and 18 interval markers (",[17,1593,1594],{},"AnimatedChevronUpDownSmallVisualSource.cpp:104,782,789-825","), but the full path interpolation lives in the JSON source (not in this snapshot). This library only does the two static ends plus a single 50ms transition (override ",[17,1597,1598],{},"--fui-navigation-view-chevron-duration",[632,1600,1601,1395,1608,1611],{},[34,1602,1603,1604,1607],{},"Duration of ",[17,1605,1606],{},"ExpandCollapseRotate{Expanded,Collapsed}Storyboard"," is unobtainable",[17,1609,1610],{},"NavigationViewItemPresenter.cpp:73-74"," looks them up, but they do not exist in the default template, so there is no value to cite.",[632,1613,1614,1617,1618,1621,1622,1013],{},[34,1615,1616],{},"System accent colour",": the final value of ",[17,1619,1620],{},"AccentFillColorDefaultBrush"," is injected by the OS at runtime; the source tree only has an alias. This library reuses the repository's existing mapping, ",[17,1623,1624],{},"--colorBrandBackground",[632,1626,1627,1630,1631,1634,1635,1638,1639,1642],{},[34,1628,1629],{},"High contrast",": the HC palette comes from the OS at runtime (",[17,1632,1633],{},"themeresources:136-201"," are all ",[17,1636,1637],{},"SystemColor*"," references); this library implements no HC specifics beyond the ",[17,1640,1641],{},"forced-colors"," focus ring already handled by the 0.4.3 primitive.",[267,1644,1646],{"id":1645},"token-mapping","Token mapping",[272,1648,1649,1662],{},[275,1650,1651],{},[278,1652,1653,1656,1659],{},[281,1654,1655],{},"WinUI resource",[281,1657,1658],{},"Final colour (light \u002F dark)",[281,1660,1661],{},"Token in this library",[288,1663,1664,1688,1707,1730,1753,1776,1792,1815,1838],{},[278,1665,1666,1675,1683],{},[293,1667,1668,1671,1672],{},[17,1669,1670],{},"NavigationViewDefaultPaneBackground"," ← ",[17,1673,1674],{},"AcrylicInAppFillColorDefaultBrush",[293,1676,1677,28,1680],{},[17,1678,1679],{},"#F9F9F9",[17,1681,1682],{},"#2C2C2C",[293,1684,1685],{},[17,1686,1687],{},"--acrylicInAppFillColorDefault",[278,1689,1690,1698,1701],{},[293,1691,1692,1671,1695],{},[17,1693,1694],{},"NavigationViewExpandedPaneBackground",[17,1696,1697],{},"SolidBackgroundFillColorTransparent",[293,1699,1700],{},"fully transparent",[293,1702,1703,1706],{},[17,1704,1705],{},"--colorTransparentBackground"," (same appearance, different literal — see note 5 in the component header)",[278,1708,1709,1717,1725],{},[293,1710,1711,1671,1714],{},[17,1712,1713],{},"NavigationViewContentBackground",[17,1715,1716],{},"LayerFillColorDefaultBrush",[293,1718,1719,28,1722],{},[17,1720,1721],{},"#80FFFFFF",[17,1723,1724],{},"#4C3A3A3A",[293,1726,1727],{},[17,1728,1729],{},"--layerFillColorDefault",[278,1731,1732,1740,1742],{},[293,1733,1734,1671,1737],{},[17,1735,1736],{},"NavigationViewItemBackground*",[17,1738,1739],{},"SubtleFillColor{Transparent,Secondary,Tertiary}Brush",[293,1741,981],{},[293,1743,1744,28,1747,28,1750],{},[17,1745,1746],{},"--subtleFillColorTransparent",[17,1748,1749],{},"--subtleFillColorSecondary",[17,1751,1752],{},"--subtleFillColorTertiary",[278,1754,1755,1763,1765],{},[293,1756,1757,1671,1760],{},[17,1758,1759],{},"NavigationViewItemForeground*",[17,1761,1762],{},"TextFillColor{Primary,Secondary,Disabled}Brush",[293,1764,981],{},[293,1766,1767,28,1770,28,1773],{},[17,1768,1769],{},"--colorNeutralForeground1",[17,1771,1772],{},"--colorNeutralForeground2",[17,1774,1775],{},"--colorNeutralForegroundDisabled",[278,1777,1778,1785,1788],{},[293,1779,1780,1671,1783],{},[17,1781,1782],{},"NavigationViewSelectionIndicatorForeground",[17,1784,1620],{},[293,1786,1787],{},"system accent",[293,1789,1790],{},[17,1791,1624],{},[278,1793,1794,1802,1810],{},[293,1795,1796,1671,1799],{},[17,1797,1798],{},"NavigationViewItemSeparatorForeground",[17,1800,1801],{},"DividerStrokeColorDefaultBrush",[293,1803,1804,28,1807],{},[17,1805,1806],{},"#0F000000",[17,1808,1809],{},"#15FFFFFF",[293,1811,1812],{},[17,1813,1814],{},"--dividerStrokeColorDefault",[278,1816,1817,1825,1832],{},[293,1818,1819,1671,1822],{},[17,1820,1821],{},"NavigationViewContentGridBorderBrush",[17,1823,1824],{},"CardStrokeColorDefaultBrush",[293,1826,1827,28,1829],{},[17,1828,1806],{},[17,1830,1831],{},"#19000000",[293,1833,1834,1837],{},[17,1835,1836],{},"--colorNeutralStrokeAlpha"," (reusing the existing InfoBar \u002F ContentDialog \u002F TabView mapping)",[278,1839,1840,1846,1851],{},[293,1841,1842,1843],{},"Disabled opacity ← ",[17,1844,1845],{},"ListViewItemDisabledThemeOpacity",[293,1847,1848],{},[17,1849,1850],{},"0.3",[293,1852,1853],{},[17,1854,1855],{},"--fui-navigation-view-disabled-opacity",[267,1857,1859,1860,305],{"id":1858},"geometry-item-by-item-from-navigationview_themeresourcesxaml","Geometry (item by item from ",[17,1861,1862],{},"NavigationView_themeresources.xaml",[272,1864,1865,1877],{},[275,1866,1867],{},[278,1868,1869,1872,1874],{},[281,1870,1871],{},"Quantity",[281,1873,286],{},[281,1875,1876],{},"Source",[288,1878,1879,1894,1915,1934,1956,1977,1992,2017,2041],{},[278,1880,1881,1884,1889],{},[293,1882,1883],{},"Item min height",[293,1885,1886],{},[17,1887,1888],{},"36",[293,1890,1891],{},[17,1892,1893],{},":217",[278,1895,1896,1899,1908],{},[293,1897,1898],{},"Icon box height \u002F icon column",[293,1900,1901,28,1904,1907],{},[17,1902,1903],{},"16",[17,1905,1906],{},"max(0, CompactPaneLength - 8)"," = 40",[293,1909,1910,670,1913],{},[17,1911,1912],{},":219",[17,1914,818],{},[278,1916,1917,1920,1929],{},[293,1918,1919],{},"Selection indicator",[293,1921,1922,1925,1926],{},[17,1923,1924],{},"3 × 16",", radius ",[17,1927,1928],{},"2",[293,1930,1931],{},[17,1932,1933],{},":220-222",[278,1935,1936,1939,1948],{},[293,1937,1938],{},"Group header height \u002F font size",[293,1940,1941,28,1944,1947],{},[17,1942,1943],{},"40",[17,1945,1946],{},"14"," SemiBold",[293,1949,1950,670,1953],{},[17,1951,1952],{},"NavigationView.xaml:564",[17,1954,1955],{},":1081-1086",[278,1957,1958,1961,1969],{},[293,1959,1960],{},"Separator",[293,1962,1963,670,1966],{},[17,1964,1965],{},"1px",[17,1967,1968],{},"Margin 0,3,0,4",[293,1970,1971,670,1974],{},[17,1972,1973],{},":223",[17,1975,1976],{},":247",[278,1978,1979,1982,1987],{},[293,1980,1981],{},"Level indentation",[293,1983,1984],{},[17,1985,1986],{},"Depth() × 31",[293,1988,1989],{},[17,1990,1991],{},"NavigationViewItemBase.h:63",[278,1993,1994,1997,2009],{},[293,1995,1996],{},"Pane toggle button",[293,1998,1999,778,2002,2005,2006,2008],{},[17,2000,2001],{},"40 × 36",[17,2003,2004],{},"MinWidth × MinHeight","); collapsed button width = ",[17,2007,721],{},"(48)",[293,2010,2011,670,2014],{},[17,2012,2013],{},":205-206",[17,2015,2016],{},"NavigationView.cpp:1823-1829",[278,2018,2019,2022,2033],{},[293,2020,2021],{},"Corner radius",[293,2023,2024,2025,2028,2029,2032],{},"item ",[17,2026,2027],{},"OverlayCornerRadius","(8), button ",[17,2030,2031],{},"ControlCornerRadius","(4)",[293,2034,2035,670,2038],{},[17,2036,2037],{},":447",[17,2039,2040],{},":283",[278,2042,2043,2046,2056],{},[293,2044,2045],{},"Pane width",[293,2047,2048,2049,2052,2053],{},"Expanded ",[17,2050,2051],{},"320"," \u002F Compact ",[17,2054,2055],{},"48",[293,2057,2058],{},[17,2059,2060],{},"NavigationView.idl:195,198",[267,2062,2064],{"id":2063},"pane-openclose-motion","Pane open\u002Fclose motion",[14,2066,2067,2068,463],{},"The pane width animation comes from the SplitView template (NavigationView's pane is hosted by an internal ",[17,2069,2070],{},"SplitView",[272,2072,2073,2088],{},[275,2074,2075],{},[278,2076,2077,2080,2083,2085],{},[281,2078,2079],{},"Direction",[281,2081,2082],{},"Resource",[281,2084,286],{},[281,2086,2087],{},"Keyframe easing",[288,2089,2090,2110],{},[278,2091,2092,2095,2100,2105],{},[293,2093,2094],{},"Open",[293,2096,2097],{},[17,2098,2099],{},"SplitViewPaneAnimationOpenDuration",[293,2101,2102],{},[17,2103,2104],{},"200ms",[293,2106,2107],{},[17,2108,2109],{},"cubic-bezier(0, 0.35, 0.15, 1)",[278,2111,2112,2115,2120,2125],{},[293,2113,2114],{},"Close",[293,2116,2117],{},[17,2118,2119],{},"SplitViewPaneAnimationCloseDuration",[293,2121,2122],{},[17,2123,2124],{},"100ms",[293,2126,2127],{},"same",[14,2129,2130,2131,28,2134,2137,2138,2141,2142,2145,2146,2149,2150,2153],{},"Both durations map to ",[17,2132,2133],{},"--durationNormal",[17,2135,2136],{},"--durationFaster",", and are set to ",[17,2139,2140],{},"0ms"," under ",[17,2143,2144],{},"prefers-reduced-motion"," or ",[17,2147,2148],{},"motion=\"none\""," — turning motion off ",[34,2151,2152],{},"keeps a sensible static form"," (the pane still opens and closes, the indicator stays visible, the chevron still points the right way).",[267,2155,2157],{"id":2156},"api","API",[727,2159,2161],{"id":2160},"fluerenavigationview",[17,2162,19],{},[272,2164,2165,2180],{},[275,2166,2167],{},[278,2168,2169,2172,2175,2178],{},[281,2170,2171],{},"Prop",[281,2173,2174],{},"Type",[281,2176,2177],{},"Default",[281,2179,1187],{},[288,2181,2182,2202,2223,2244,2266,2285,2306,2327,2346,2365,2385,2405,2420,2442,2464,2482,2504,2522],{},[278,2183,2184,2188,2193,2198],{},[293,2185,2186],{},[17,2187,376],{},[293,2189,2190],{},[17,2191,2192],{},"'auto' | 'left' | 'left-compact' | 'left-minimal'",[293,2194,2195],{},[17,2196,2197],{},"'auto'",[293,2199,2200],{},[17,2201,1398],{},[278,2203,2204,2208,2213,2215],{},[293,2205,2206],{},[17,2207,623],{},[293,2209,2210],{},[17,2211,2212],{},"boolean",[293,2214,981],{},[293,2216,2217,778,2220,305],{},[17,2218,2219],{},"IsPaneOpen",[17,2221,2222],{},"v-model:is-pane-open",[278,2224,2225,2230,2234,2239],{},[293,2226,2227],{},[17,2228,2229],{},"defaultIsPaneOpen",[293,2231,2232],{},[17,2233,2212],{},[293,2235,2236],{},[17,2237,2238],{},"true",[293,2240,2241,2242],{},"dependency-property default of ",[17,2243,2219],{},[278,2245,2246,2251,2256,2261],{},[293,2247,2248],{},[17,2249,2250],{},"openPaneLength",[293,2252,2253],{},[17,2254,2255],{},"number",[293,2257,2258,2259],{},"token ",[17,2260,2051],{},[293,2262,2263],{},[17,2264,2265],{},"OpenPaneLength",[278,2267,2268,2273,2277,2281],{},[293,2269,2270],{},[17,2271,2272],{},"compactPaneLength",[293,2274,2275],{},[17,2276,2255],{},[293,2278,2258,2279],{},[17,2280,2055],{},[293,2282,2283],{},[17,2284,721],{},[278,2286,2287,2292,2296,2301],{},[293,2288,2289],{},[17,2290,2291],{},"compactModeThresholdWidth",[293,2293,2294],{},[17,2295,2255],{},[293,2297,2298],{},[17,2299,2300],{},"641",[293,2302,2303],{},[17,2304,2305],{},"CompactModeThresholdWidth",[278,2307,2308,2313,2317,2322],{},[293,2309,2310],{},[17,2311,2312],{},"expandedModeThresholdWidth",[293,2314,2315],{},[17,2316,2255],{},[293,2318,2319],{},[17,2320,2321],{},"1008",[293,2323,2324],{},[17,2325,2326],{},"ExpandedModeThresholdWidth",[278,2328,2329,2333,2337,2341],{},[293,2330,2331],{},[17,2332,695],{},[293,2334,2335],{},[17,2336,2212],{},[293,2338,2339],{},[17,2340,2238],{},[293,2342,2343],{},[17,2344,2345],{},"IsPaneToggleButtonVisible",[278,2347,2348,2352,2356,2360],{},[293,2349,2350],{},[17,2351,640],{},[293,2353,2354],{},[17,2355,2212],{},[293,2357,2358],{},[17,2359,2238],{},[293,2361,2362],{},[17,2363,2364],{},"IsPaneVisible",[278,2366,2367,2372,2376,2380],{},[293,2368,2369],{},[17,2370,2371],{},"isSettingsVisible",[293,2373,2374],{},[17,2375,2212],{},[293,2377,2378],{},[17,2379,2238],{},[293,2381,2382],{},[17,2383,2384],{},"IsSettingsVisible",[278,2386,2387,2391,2396,2398],{},[293,2388,2389],{},[17,2390,1058],{},[293,2392,2393],{},[17,2394,2395],{},"string | number",[293,2397,981],{},[293,2399,2400,778,2402,305],{},[17,2401,1485],{},[17,2403,2404],{},"v-model:selected-value",[278,2406,2407,2412,2416,2418],{},[293,2408,2409],{},[17,2410,2411],{},"defaultSelectedValue",[293,2413,2414],{},[17,2415,2395],{},[293,2417,981],{},[293,2419,981],{},[278,2421,2422,2427,2432,2437],{},[293,2423,2424],{},[17,2425,2426],{},"selectionFollowsFocus",[293,2428,2429],{},[17,2430,2431],{},"'disabled' | 'enabled'",[293,2433,2434],{},[17,2435,2436],{},"'disabled'",[293,2438,2439],{},[17,2440,2441],{},"SelectionFollowsFocus",[278,2443,2444,2449,2454,2459],{},[293,2445,2446],{},[17,2447,2448],{},"paneTitle",[293,2450,2451],{},[17,2452,2453],{},"string",[293,2455,2456],{},[17,2457,2458],{},"''",[293,2460,2461],{},[17,2462,2463],{},"PaneTitle",[278,2465,2466,2471,2475,2477],{},[293,2467,2468],{},[17,2469,2470],{},"label",[293,2472,2473],{},[17,2474,2453],{},[293,2476,981],{},[293,2478,2479],{},[17,2480,2481],{},"AutomationProperties.Name",[278,2483,2484,2489,2494,2499],{},[293,2485,2486],{},[17,2487,2488],{},"dir",[293,2490,2491],{},[17,2492,2493],{},"'ltr' | 'rtl'",[293,2495,2496],{},[17,2497,2498],{},"'ltr'",[293,2500,2501],{},[17,2502,2503],{},"FlowDirection",[278,2505,2506,2511,2516,2520],{},[293,2507,2508],{},[17,2509,2510],{},"motion",[293,2512,2513],{},[17,2514,2515],{},"'auto' | 'none'",[293,2517,2518],{},[17,2519,2197],{},[293,2521,981],{},[278,2523,2524,2529,2533,2535],{},[293,2525,2526],{},[17,2527,2528],{},"locale",[293,2530,2531],{},[17,2532,2453],{},[293,2534,981],{},[293,2536,981],{},[272,2538,2539,2549],{},[275,2540,2541],{},[278,2542,2543,2546],{},[281,2544,2545],{},"Event \u002F slot",[281,2547,2548],{},"Payload \u002F notes",[288,2550,2551,2562,2574,2585,2597,2609],{},[278,2552,2553,2558],{},[293,2554,2555],{},[17,2556,2557],{},"update:isPaneOpen",[293,2559,2560],{},[17,2561,2212],{},[278,2563,2564,2569],{},[293,2565,2566],{},[17,2567,2568],{},"update:selectedValue",[293,2570,2571],{},[17,2572,2573],{},"string | number | undefined",[278,2575,2576,2580],{},[293,2577,2578],{},[17,2579,888],{},[293,2581,2582],{},[17,2583,2584],{},"{ value, content, isSettingsInvoked, source: 'pointer' | 'keyboard' | 'focus' }",[278,2586,2587,2592],{},[293,2588,2589],{},[17,2590,2591],{},"selectionChanged",[293,2593,2594],{},[17,2595,2596],{},"{ value, previousValue, isSettingsSelected }",[278,2598,2599,2604],{},[293,2600,2601],{},[17,2602,2603],{},"displayModeChanged",[293,2605,2606],{},[17,2607,2608],{},"{ displayMode: 'minimal' | 'compact' | 'expanded' }",[278,2610,2611,2621],{},[293,2612,2613,28,2615,28,2617,28,2619],{},[17,2614,1220],{},[17,2616,769],{},[17,2618,1249],{},[17,2620,1268],{},[293,2622,2623],{},"see \"Settings item and slots\" above",[727,2625,2627],{"id":2626},"fluerenavigationviewitem",[17,2628,23],{},[272,2630,2631,2643],{},[275,2632,2633],{},[278,2634,2635,2637,2639,2641],{},[281,2636,2171],{},[281,2638,2174],{},[281,2640,2177],{},[281,2642,1187],{},[288,2644,2645,2663,2683,2703,2724,2744,2764,2783,2800],{},[278,2646,2647,2651,2655,2660],{},[293,2648,2649],{},[17,2650,1306],{},[293,2652,2653],{},[17,2654,2395],{},[293,2656,2657],{},[34,2658,2659],{},"required",[293,2661,2662],{},"(item identity on the Vue side)",[278,2664,2665,2670,2674,2678],{},[293,2666,2667],{},[17,2668,2669],{},"content",[293,2671,2672],{},[17,2673,2453],{},[293,2675,2676],{},[17,2677,2458],{},[293,2679,2680],{},[17,2681,2682],{},"Content",[278,2684,2685,2690,2694,2698],{},[293,2686,2687],{},[17,2688,2689],{},"selectsOnInvoked",[293,2691,2692],{},[17,2693,2212],{},[293,2695,2696],{},[17,2697,2238],{},[293,2699,2700],{},[17,2701,2702],{},"SelectsOnInvoked",[278,2704,2705,2710,2714,2716],{},[293,2706,2707],{},[17,2708,2709],{},"isExpanded",[293,2711,2712],{},[17,2713,2212],{},[293,2715,981],{},[293,2717,2718,778,2721,305],{},[17,2719,2720],{},"IsExpanded",[17,2722,2723],{},"v-model:is-expanded",[278,2725,2726,2731,2735,2739],{},[293,2727,2728],{},[17,2729,2730],{},"defaultIsExpanded",[293,2732,2733],{},[17,2734,2212],{},[293,2736,2737],{},[17,2738,1425],{},[293,2740,2741,2742],{},"default of ",[17,2743,2720],{},[278,2745,2746,2751,2755,2759],{},[293,2747,2748],{},[17,2749,2750],{},"hasUnrealizedChildren",[293,2752,2753],{},[17,2754,2212],{},[293,2756,2757],{},[17,2758,1425],{},[293,2760,2761],{},[17,2762,2763],{},"HasUnrealizedChildren",[278,2765,2766,2770,2774,2777],{},[293,2767,2768],{},[17,2769,1070],{},[293,2771,2772],{},[17,2773,2212],{},[293,2775,2776],{},"derived",[293,2778,2779,2782],{},[17,2780,2781],{},"IsChildSelected"," (read-only here)",[278,2784,2785,2790,2794,2796],{},[293,2786,2787],{},[17,2788,2789],{},"ariaLabel",[293,2791,2792],{},[17,2793,2453],{},[293,2795,981],{},[293,2797,2798],{},[17,2799,2481],{},[278,2801,2802,2807,2811,2815],{},[293,2803,2804],{},[17,2805,2806],{},"disabled",[293,2808,2809],{},[17,2810,2212],{},[293,2812,2813],{},[17,2814,1425],{},[293,2816,2817],{},[17,2818,2819],{},"Control.IsEnabled",[272,2821,2822,2830],{},[275,2823,2824],{},[278,2825,2826,2828],{},[281,2827,1184],{},[281,2829,1190],{},[288,2831,2832,2841,2851],{},[278,2833,2834,2836],{},[293,2835,1197],{},[293,2837,2838,2839,305],{},"item text \u002F rich content (takes precedence over ",[17,2840,2669],{},[278,2842,2843,2848],{},[293,2844,2845],{},[17,2846,2847],{},"#icon",[293,2849,2850],{},"icon (20px recommended)",[278,2852,2853,2858],{},[293,2854,2855],{},[17,2856,2857],{},"#children",[293,2859,2860,2861,2863],{},"child items (recursive; may nest ",[17,2862,2857],{}," again)",[727,2865,2867,28,2870],{"id":2866},"fluerenavigationviewitemheader-fluerenavigationviewitemseparator",[17,2868,2869],{},"FluereNavigationViewItemHeader",[17,2871,2872],{},"FluereNavigationViewItemSeparator",[272,2874,2875,2887],{},[275,2876,2877],{},[278,2878,2879,2882,2885],{},[281,2880,2881],{},"Component",[281,2883,2884],{},"Props",[281,2886,1187],{},[288,2888,2889,2904],{},[278,2890,2891,2895,2899],{},[293,2892,2893],{},[17,2894,2869],{},[293,2896,2897],{},[17,2898,2669],{},[293,2900,2901],{},[17,2902,2903],{},"NavigationViewItemHeader",[278,2905,2906,2910,2912],{},[293,2907,2908],{},[17,2909,2872],{},[293,2911,981],{},[293,2913,2914],{},[17,2915,2916],{},"NavigationViewItemSeparator",[14,2918,2919,2920,2923,2924,20,2927,670,2930,670,2933,685],{},"Both are ",[34,2921,2922],{},"not focusable and hidden from AT"," (upstream ",[17,2925,2926],{},"IsTabStop=False",[17,2928,2929],{},"AccessibilityView=Raw",[17,2931,2932],{},"NavigationView.xaml:505-509",[17,2934,2935],{},":574-576",[267,2937,2939],{"id":2938},"browser-verification","Browser verification",[14,2941,2942,2943,2946,2947,2950,2951,2958,2959,696,2962,2965,2966,2969,2970,2975],{},"The style contract tests read the ",[34,2944,2945],{},"SFC \u002F CSS source text"," (jsdom does not resolve ",[17,2948,2949],{},"var()",", see\n",[2952,2953,2957],"a",{"href":2954,"rel":2955},"https:\u002F\u002Fgithub.com\u002FAltermoe\u002Ffluere-vue\u002Fblob\u002Fmain\u002Fdocs\u002Fstyle-spec.md",[2956],"nofollow","style-spec §7.1","), so\n\"did the pane styles actually apply\" must be measured as computed styles in a real browser —\nespecially because this component's row visuals live in the ",[34,2960,2961],{},"non-scoped",[17,2963,2964],{},"navigation-view.css","\n(the same rows are rendered by the parent component and the recursive list component, whose\n",[17,2967,2968],{},"data-v-*"," ids differ, so one scoped block each would inevitably drift). The measurement results\nare recorded in the component comments and in\n",[2952,2971,2974],{"href":2972,"rel":2973},"https:\u002F\u002Fgithub.com\u002FAltermoe\u002Ffluere-vue\u002Fblob\u002Fmain\u002Fdocs\u002Ftodo.md",[2956],"docs\u002Ftodo.md"," under 0.5.4.",[2977,2978,2979],"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 .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);}",{"title":50,"searchDepth":108,"depth":108,"links":2981},[2982,2983,2984,2988,2989,2990,2991,2992,2993,2994,2996,2997,3003],{"id":269,"depth":108,"text":270},{"id":370,"depth":108,"text":371},{"id":617,"depth":108,"text":618,"children":2985},[2986],{"id":729,"depth":114,"text":2987},"Alignment rules for the collapsed state (ListSizeCompact)",{"id":854,"depth":108,"text":855},{"id":1031,"depth":108,"text":1032},{"id":1174,"depth":108,"text":1175},{"id":1385,"depth":108,"text":1386},{"id":1582,"depth":108,"text":1583},{"id":1645,"depth":108,"text":1646},{"id":1858,"depth":108,"text":2995},"Geometry (item by item from NavigationView_themeresources.xaml)",{"id":2063,"depth":108,"text":2064},{"id":2156,"depth":108,"text":2157,"children":2998},[2999,3000,3001],{"id":2160,"depth":114,"text":19},{"id":2626,"depth":114,"text":23},{"id":2866,"depth":114,"text":3002},"FluereNavigationViewItemHeader \u002F FluereNavigationViewItemSeparator",{"id":2938,"depth":108,"text":2939},"A collapsible left navigation pane with group headers, hierarchical children, a selection indicator and a built-in settings item; DisplayMode and keys aligned to WinUI NavigationView.","md",{},{"title":5},true,"\u002Fen\u002Fcomponents\u002Fnavigation-view",{"title":5,"description":3004},"en\u002Fcomponents\u002Fnavigation-view","e5yTXDVrDgBhZ0xd5QP20TOTM9etOHNOqvWmU7n3rU0",{"id":3014,"title":3015,"body":3016,"description":5598,"extension":3005,"meta":5599,"nav":5600,"navigation":3008,"path":5601,"seo":5602,"stem":5603,"__hash__":5604},"content\u002Fcomponents\u002Fnavigation-view.md","Navigation View 导航视图",{"type":7,"value":3017,"toc":5575},[3018,3021,3041,3112,3212,3215,3275,3294,3298,3317,3369,3380,3455,3520,3523,3530,3583,3597,3615,3622,3636,3702,3712,3726,3730,3844,3868,3881,3884,3948,4009,4012,4104,4133,4202,4206,4365,4369,4417,4420,4591,4597,4760,4763,4769,4821,4842,4844,4848,5180,5259,5263,5440,5481,5487,5528,5543,5546,5573],[10,3019,3015],{"id":3020},"navigation-view-导航视图",[14,3022,3023,20,3025,3027,3028,28,3030,3032,3033,3037,3038,3040],{},[17,3024,19],{},[17,3026,23],{},"（含 ",[17,3029,27],{},[17,3031,31],{},"）对位 WinUI 3 \u002F Windows App SDK 的 ",[34,3034,3035],{},[17,3036,38],{},"：左侧可折叠面板 + 内容区，支持分组、多级子项、选中指示条与内置「设置」项，",[17,3039,42],{}," 状态机与键位逐条抄源码。",[45,3042,3044],{"className":47,"code":3043,"language":49,"meta":50,"style":50},"\u003CFluereNavigationView v-model:selected-value=\"selected\" label=\"导航\" pane-title=\"Explorer\">\n  \u003CFluereNavigationViewItemHeader content=\"快速访问\" \u002F>\n  \u003CFluereNavigationViewItem value=\"home\" content=\"主页\">\n    \u003Ctemplate #icon>\u003CFluentIconStar24Regular :size=\"20\" \u002F>\u003C\u002Ftemplate>\n  \u003C\u002FFluereNavigationViewItem>\n  \u003Ctemplate #content>内容区\u003C\u002Ftemplate>\n\u003C\u002FFluereNavigationView>\n",[17,3045,3046,3081,3086,3091,3095,3099,3104],{"__ignoreMap":50},[54,3047,3048,3050,3052,3054,3056,3058,3060,3062,3064,3066,3068,3070,3073,3075,3077,3079],{"class":56,"line":57},[54,3049,61],{"class":60},[54,3051,19],{"class":64},[54,3053,68],{"class":67},[54,3055,71],{"class":60},[54,3057,74],{"class":67},[54,3059,77],{"class":60},[54,3061,81],{"class":80},[54,3063,84],{"class":60},[54,3065,81],{"class":80},[54,3067,89],{"class":67},[54,3069,77],{"class":60},[54,3071,3072],{"class":80},"\"导航\"",[54,3074,97],{"class":67},[54,3076,77],{"class":60},[54,3078,102],{"class":80},[54,3080,105],{"class":60},[54,3082,3083],{"class":56,"line":108},[54,3084,3085],{"class":60},"  \u003CFluereNavigationViewItemHeader content=\"快速访问\" \u002F>\n",[54,3087,3088],{"class":56,"line":114},[54,3089,3090],{"class":60},"  \u003CFluereNavigationViewItem value=\"home\" content=\"主页\">\n",[54,3092,3093],{"class":56,"line":120},[54,3094,123],{"class":60},[54,3096,3097],{"class":56,"line":126},[54,3098,129],{"class":60},[54,3100,3101],{"class":56,"line":132},[54,3102,3103],{"class":60},"  \u003Ctemplate #content>内容区\u003C\u002Ftemplate>\n",[54,3105,3106,3108,3110],{"class":56,"line":138},[54,3107,141],{"class":60},[54,3109,19],{"class":64},[54,3111,105],{"class":60},[147,3113,3115,3119],{"title":3114},"基础形态：分组 + 图标 + 选中指示条 + 设置项",[151,3116,3117],{"v-slot:preview":50},[154,3118],{},[151,3120,3121],{"v-slot:code":50},[45,3122,3124],{"className":47,"code":3123,"language":49,"meta":50,"style":50},"\u003CFluereNavigationView v-model:selected-value=\"selected\" label=\"导航\" pane-title=\"Explorer\">\n  \u003Ctemplate v-for=\"section in sections\" :key=\"section.title\">\n    \u003CFluereNavigationViewItemHeader :content=\"section.title\" \u002F>\n    \u003CFluereNavigationViewItem\n      v-for=\"item in section.items\"\n      :key=\"item.value\"\n      :value=\"item.value\"\n      :content=\"item.content\"\n    >\n      \u003Ctemplate #icon>\u003Ccomponent :is=\"item.icon\" :size=\"20\" \u002F>\u003C\u002Ftemplate>\n    \u003C\u002FFluereNavigationViewItem>\n  \u003C\u002Ftemplate>\n\u003C\u002FFluereNavigationView>\n",[17,3125,3126,3160,3164,3168,3172,3176,3180,3184,3188,3192,3196,3200,3204],{"__ignoreMap":50},[54,3127,3128,3130,3132,3134,3136,3138,3140,3142,3144,3146,3148,3150,3152,3154,3156,3158],{"class":56,"line":57},[54,3129,61],{"class":60},[54,3131,19],{"class":64},[54,3133,68],{"class":67},[54,3135,71],{"class":60},[54,3137,74],{"class":67},[54,3139,77],{"class":60},[54,3141,81],{"class":80},[54,3143,84],{"class":60},[54,3145,81],{"class":80},[54,3147,89],{"class":67},[54,3149,77],{"class":60},[54,3151,3072],{"class":80},[54,3153,97],{"class":67},[54,3155,77],{"class":60},[54,3157,102],{"class":80},[54,3159,105],{"class":60},[54,3161,3162],{"class":56,"line":108},[54,3163,201],{"class":60},[54,3165,3166],{"class":56,"line":114},[54,3167,206],{"class":60},[54,3169,3170],{"class":56,"line":120},[54,3171,211],{"class":60},[54,3173,3174],{"class":56,"line":126},[54,3175,216],{"class":60},[54,3177,3178],{"class":56,"line":132},[54,3179,221],{"class":60},[54,3181,3182],{"class":56,"line":138},[54,3183,226],{"class":60},[54,3185,3186],{"class":56,"line":229},[54,3187,232],{"class":60},[54,3189,3190],{"class":56,"line":235},[54,3191,238],{"class":60},[54,3193,3194],{"class":56,"line":241},[54,3195,244],{"class":60},[54,3197,3198],{"class":56,"line":247},[54,3199,250],{"class":60},[54,3201,3202],{"class":56,"line":253},[54,3203,256],{"class":60},[54,3205,3206,3208,3210],{"class":56,"line":259},[54,3207,141],{"class":60},[54,3209,19],{"class":64},[54,3211,105],{"class":60},[267,3213,3214],{"id":3214},"版本与证据口径",[272,3216,3217,3227],{},[275,3218,3219],{},[278,3220,3221,3224],{},[281,3222,3223],{},"项",[281,3225,3226],{},"值",[288,3228,3229,3242,3257],{},[278,3230,3231,3234],{},[293,3232,3233],{},"规格源 tag",[293,3235,3236,3238,3239,3241],{},[17,3237,300],{},"（commit ",[17,3240,304],{},"）",[278,3243,3244,3247],{},[293,3245,3246],{},"关键文件",[293,3248,3249,20,3251,20,3253,20,3255],{},[17,3250,315],{},[17,3252,318],{},[17,3254,321],{},[17,3256,324],{},[278,3258,3259,3262],{},[293,3260,3261],{},"内建文案",[293,3263,3264,3265,3268,3269,3271,3272,3274],{},"开关按钮 \u002F 设置项共 4 条",[34,3266,3267],{},"逐字","取自上游 ",[17,3270,339],{},"（见 ",[17,3273,343],{}," 的对照表）",[345,3276,3277],{},[14,3278,3279,3284,3285,3287,3288,3290,3291,3293],{},[34,3280,3281,3283],{},[17,3282,353],{}," 不采纳","：上游存在 ",[17,3286,358],{},"（已挂进 ",[17,3289,362],{},"），本库沿用 0.5.1 ",[17,3292,366],{}," 的裁定 —— 不读、不参考、不产生对应分支。",[267,3295,3297],{"id":3296},"displaymode-状态机","DisplayMode 状态机",[14,3299,3300,3302,3303,3305,3306,3309,3310,3312,3313,3316],{},[17,3301,376],{},"（对齐 ",[17,3304,380],{},"）是",[34,3307,3308],{},"配置","，",[17,3311,388],{}," 是",[34,3314,3315],{},"运行时算出来的结果","，两者不要混。",[272,3318,3319,3330],{},[275,3320,3321],{},[278,3322,3323,3327],{},[281,3324,3325],{},[17,3326,376],{},[281,3328,3329],{},"行为",[288,3331,3332,3342,3351,3360],{},[278,3333,3334,3339],{},[293,3335,3336,3338],{},[17,3337,415],{},"（缺省）",[293,3340,3341],{},"按容器宽度自适应（下表）",[278,3343,3344,3348],{},[293,3345,3346],{},[17,3347,426],{},[293,3349,3350],{},"恒 Expanded（面板 320px）",[278,3352,3353,3357],{},[293,3354,3355],{},[17,3356,436],{},[293,3358,3359],{},"恒 Compact（面板 48px 图标轨道）",[278,3361,3362,3366],{},[293,3363,3364],{},[17,3365,446],{},[293,3367,3368],{},"同 Compact（见下「与 WinUI 的差异」第 2 条）",[14,3370,3371,3373,3374,3376,3377,3379],{},[17,3372,415],{}," 档的判据逐字照抄 ",[17,3375,458],{},"（阈值缺省来自 ",[17,3378,462],{},"）：",[272,3381,3382,3395],{},[275,3383,3384],{},[278,3385,3386,3389,3392],{},[281,3387,3388],{},"容器宽度",[281,3390,3391],{},"上游结果",[281,3393,3394],{},"本库结果",[288,3396,3397,3407,3422,3434,3445],{},[278,3398,3399,3403,3405],{},[293,3400,3401],{},[17,3402,487],{},[293,3404,490],{},[293,3406,490],{},[278,3408,3409,3413,3417],{},[293,3410,3411],{},[17,3412,499],{},[293,3414,3415],{},[34,3416,504],{},[293,3418,3419,3421],{},[34,3420,509],{},"（降级，见差异表）",[278,3423,3424,3430,3432],{},[293,3425,3426,3427,3241],{},"其余（含 ",[17,3428,3429],{},"width === 0",[293,3431,509],{},[293,3433,509],{},[278,3435,3436,3440,3442],{},[293,3437,3438],{},[17,3439,526],{},[293,3441,509],{},[293,3443,3444],{},"Compact（判据是严格小于）",[278,3446,3447,3451,3453],{},[293,3448,3449],{},[17,3450,538],{},[293,3452,509],{},[293,3454,509],{},[147,3456,3458,3462],{"title":3457},"DisplayMode 三档与 Auto 自适应",[151,3459,3460],{"v-slot:preview":50},[549,3461],{},[151,3463,3464],{"v-slot:code":50},[45,3465,3466],{"className":47,"code":555,"language":49,"meta":50,"style":50},[17,3467,3468,3508,3512],{"__ignoreMap":50},[54,3469,3470,3472,3474,3476,3478,3480,3482,3484,3486,3488,3490,3492,3494,3496,3498,3500,3502,3504,3506],{"class":56,"line":57},[54,3471,61],{"class":60},[54,3473,19],{"class":64},[54,3475,68],{"class":67},[54,3477,71],{"class":60},[54,3479,74],{"class":67},[54,3481,77],{"class":60},[54,3483,81],{"class":80},[54,3485,84],{"class":60},[54,3487,81],{"class":80},[54,3489,580],{"class":60},[54,3491,583],{"class":67},[54,3493,77],{"class":60},[54,3495,81],{"class":80},[54,3497,590],{"class":60},[54,3499,81],{"class":80},[54,3501,97],{"class":67},[54,3503,77],{"class":60},[54,3505,599],{"class":80},[54,3507,105],{"class":60},[54,3509,3510],{"class":56,"line":108},[54,3511,606],{"class":60},[54,3513,3514,3516,3518],{"class":56,"line":114},[54,3515,141],{"class":60},[54,3517,19],{"class":64},[54,3519,105],{"class":60},[267,3521,3522],{"id":3522},"面板开合语义",[14,3524,3525,3527,3528,3379],{},[17,3526,623],{}," 受 DisplayMode 状态机支配（逐条对齐 ",[17,3529,627],{},[629,3531,3532,3545,3552,3558],{},[632,3533,3534,3537,3538,3540,3541,3544],{},[34,3535,3536],{},"进入 Expanded","：仅当 ",[17,3539,640],{}," 为真且",[34,3542,3543],{},"用户没有手动关过","才自动开；",[632,3546,3547,3551],{},[34,3548,3549],{},[17,3550,652],{},"：无条件关；",[632,3553,3554,3557],{},[34,3555,3556],{},"进入 Minimal","：无条件关（本库 Minimal 降级为 Compact，因此「非 Expanded 一律关」）；",[632,3559,3560,3563,3564,3567,3568,3309,3570,3572,3573,3576,3577,3579,3580,3582],{},[34,3561,3562],{},"手动关过","是一个",[34,3565,3566],{},"全局","标志（上游 ",[17,3569,669],{},[17,3571,673],{},"）—— ",[34,3574,3575],{},"不存在按模式分别记忆","；切换 ",[17,3578,583],{}," 会清掉它（",[17,3581,684],{},"）。",[14,3584,3585,3586,3588,3589,696,3591,3594,3595,3582],{},"开关按钮的点击逻辑所有模式共用一段（",[17,3587,691],{},"）：开 → 关并置标志；关 → 开并清标志。",[17,3590,695],{},[34,3592,3593],{},"只控可见性","，不控可开合性（",[17,3596,703],{},[14,3598,3599,3600,3603,3604,3606,3607,3609,3610,3309,3612,3614],{},"面板收起时",[34,3601,3602],{},"不是归零","，而是 48px 的图标轨道（上游 ",[17,3605,713],{}," 把 ",[17,3608,717],{}," 设为 ",[17,3611,721],{},[17,3613,724],{},"），此时只显示图标、文本留在无障碍树里。",[727,3616,3618,3619,3621],{"id":3617},"折叠态listsizecompact的对齐规则","折叠态（",[17,3620,713],{},"）的对齐规则",[14,3623,3624,3625,3631,3632,3309,3634,3379],{},"收起后的 48px 轨道由三条规则决定，",[34,3626,3627,3628,3630],{},"与 ",[17,3629,376],{}," 无关","，只看「紧凑且关闭」（上游 ",[17,3633,744],{},[17,3635,747],{},[272,3637,3638,3648],{},[275,3639,3640],{},[278,3641,3642,3645],{},[281,3643,3644],{},"规则",[281,3646,3647],{},"A 级依据",[288,3649,3650,3668,3686],{},[278,3651,3652,3658],{},[293,3653,3654,3655,3657],{},"面板标题与 ",[17,3656,769],{}," 一并隐藏",[293,3659,3660,3662,3663,3665,3666,3241],{},[17,3661,713],{}," 置 ",[17,3664,777],{},"（",[17,3667,781],{},[278,3669,3670,3680],{},[293,3671,3672,3673,3676,3677,3679],{},"开关行",[34,3674,3675],{},"横向不留内边距","，视觉内缩由按钮自身的 ",[17,3678,793],{}," 提供",[293,3681,3682,3665,3684,3241],{},[17,3683,798],{},[17,3685,801],{},[278,3687,3688,3695],{},[293,3689,3690,3691,810,3693,3241],{},"开关按钮的图标列与导航项同宽（",[17,3692,809],{},[17,3694,813],{},[293,3696,3697,3699,3700],{},[17,3698,818],{},"、",[17,3701,821],{},[14,3703,3704,3705,3708,3709,3711],{},"因此",[34,3706,3707],{},"折叠态的汉堡图标与每个导航项图标严格同列","（都落在 24px 中线上），项背景到面板两侧的间隙也对称（左右各 4px = ",[17,3710,831],{}," 的横向值）。",[345,3713,3714],{},[14,3715,3716,3717,3719,3720,3722,3723,3725],{},"这一带曾出现四处偏差（汉堡图标被压成 ",[17,3718,839],{},"、标题仍占位、行背景右侧被裁 3px、齿轮渲染成实心块）：前三处由上表的开关行 \u002F 标题 \u002F 分居线规则负责，最后一处是设置项图标的字形选错（应为线性齿轮，而不是只有外轮廓的截断路径）。根因与修法逐条记在 ",[17,3721,843],{}," 的文件头《折叠态的四个 UI 修正》，契约测试见同目录 ",[17,3724,847],{}," 的「折叠态（ListSizeCompact）UI 回归」。",[267,3727,3729],{"id":3728},"键盘逐条对齐源码","键盘（逐条对齐源码）",[272,3731,3732,3745],{},[275,3733,3734],{},[278,3735,3736,3739,3742],{},[281,3737,3738],{},"触发键",[281,3740,3741],{},"前置条件",[281,3743,3744],{},"效果",[288,3746,3747,3761,3785,3802,3817,3833],{},[278,3748,3749,3753,3756],{},[293,3750,3751],{},[17,3752,879],{},[293,3754,3755],{},"焦点在项上",[293,3757,3758,3759,3241],{},"invoke（选中 + 展开 + 抛 ",[17,3760,888],{},[278,3762,3763,3767,3773],{},[293,3764,3765],{},[17,3766,895],{},[293,3768,3769,3770],{},"焦点在项上且",[34,3771,3772],{},"未按 Alt",[293,3774,3775,3776,3778,3779,3782,3783,3241],{},"同上；",[17,3777,907],{}," 明确",[34,3780,3781],{},"不处理","（让出系统窗口菜单，",[17,3784,915],{},[278,3786,3787,3793,3795],{},[293,3788,3789,28,3791],{},[17,3790,922],{},[17,3792,925],{},[293,3794,3755],{},[293,3796,3797,3798,3801],{},"在",[34,3799,3800],{},"可见项","之间移动焦点；跨层（进 \u002F 出展开的子项、回到父项）与源码的 XYFocus + 手动聚焦等价",[278,3803,3804,3810,3812],{},[293,3805,3806,28,3808],{},[17,3807,941],{},[17,3809,944],{},[293,3811,3755],{},[293,3813,3814,3815,3241],{},"焦点到列表首 \u002F 末可聚焦项（",[17,3816,952],{},[278,3818,3819,3825,3828],{},[293,3820,3821,20,3823],{},[17,3822,959],{},[17,3824,962],{},[293,3826,3827],{},"面板开着且可轻触关闭",[293,3829,3830,3831,3241],{},"关面板（",[17,3832,971],{},[278,3834,3835,3839,3841],{},[293,3836,3837],{},[17,3838,978],{},[293,3840,981],{},[293,3842,3843],{},"移出面板（roving tabindex：一组里只有一个 Tab 停靠点）",[14,3845,3846,3849,3850,3665,3852,3854,3855,3857,3858,3860,3861,3863,3864,3867],{},[34,3847,3848],{},"源码里没有的键","（负面证据，不要按直觉补）：",[17,3851,993],{},[17,3853,996],{}," 对 ",[17,3856,1000],{}," 零命中）、",[17,3859,1004],{},"（关 Minimal 面板是 core ",[17,3862,1008],{}," 的职责，不在 NavigationView 里）、",[17,3865,3866],{},"Ctrl+数字","。",[345,3869,3870],{},[14,3871,3872,3873,3875,3876,3878,3879,3867],{},"按住不放不会连发 invoke：上游用 ",[17,3874,1021],{}," 挡（",[17,3877,1024],{},"），本库对应 ",[17,3880,1028],{},[267,3882,3883],{"id":3883},"选择与展开语义",[629,3885,3886,3894,3910,3924,3935],{},[632,3887,3888,3665,3891,3893],{},[34,3889,3890],{},"点击有子项的项「既选中也切换展开」",[17,3892,1042],{}," 两件事都做，不是二选一）。",[632,3895,3896,3900,3901,3903,3904,3906,3907,3909],{},[34,3897,3898],{},[17,3899,1050],{},"：invoke 只展开、不改选中（",[17,3902,1054],{},"），适合当分组标题用；反过来用 ",[17,3905,1058],{}," 强行选中它会被回滚（",[17,3908,1062],{},"），本库对此回退为「无选中」并给开发期警告。",[632,3911,3912,3916,3917,3920,3921,3923],{},[34,3913,3914],{},[17,3915,1070],{},"：选中子项时，其",[34,3918,3919],{},"整条祖先链","都会拿到该状态（",[17,3922,1077],{},"）；本库由父组件在渲染期推导（只读），无需消费方传。",[632,3925,3926,3929,3930,3665,3933,3582],{},[34,3927,3928],{},"选中指示条下钻","：从选中项往下走，只要「自身未选中但后代被选中」且父项已展开，就画在",[34,3931,3932],{},"最低可见层",[17,3934,1090],{},[632,3936,3937,3665,3940,3309,3942,3944,3945,3867],{},[34,3938,3939],{},"面板关闭时顶层项强制折叠但记住状态",[17,3941,1098],{},[17,3943,1101],{},"）：重新展开面板会自动恢复。",[34,3946,3947],{},"只对顶层项生效",[147,3949,3951,3955],{"title":3950},"分组、层级与祖先链选中",[151,3952,3953],{"v-slot:preview":50},[1112,3954],{},[151,3956,3957],{"v-slot:code":50},[45,3958,3960],{"className":47,"code":3959,"language":49,"meta":50,"style":50},"\u003CFluereNavigationViewItem value=\"music\" content=\"音乐\">\n  \u003Ctemplate #children>\n    \u003CFluereNavigationViewItem value=\"albums\" content=\"专辑\" \u002F>\n    \u003CFluereNavigationViewItem value=\"artists\" content=\"艺术家\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FFluereNavigationViewItem>\n",[17,3961,3962,3983,3987,3992,3997,4001],{"__ignoreMap":50},[54,3963,3964,3966,3968,3970,3972,3974,3976,3978,3981],{"class":56,"line":57},[54,3965,61],{"class":60},[54,3967,23],{"class":64},[54,3969,1129],{"class":67},[54,3971,77],{"class":60},[54,3973,1134],{"class":80},[54,3975,1137],{"class":67},[54,3977,77],{"class":60},[54,3979,3980],{"class":80},"\"音乐\"",[54,3982,105],{"class":60},[54,3984,3985],{"class":56,"line":108},[54,3986,1149],{"class":60},[54,3988,3989],{"class":56,"line":114},[54,3990,3991],{"class":60},"    \u003CFluereNavigationViewItem value=\"albums\" content=\"专辑\" \u002F>\n",[54,3993,3994],{"class":56,"line":120},[54,3995,3996],{"class":60},"    \u003CFluereNavigationViewItem value=\"artists\" content=\"艺术家\" \u002F>\n",[54,3998,3999],{"class":56,"line":126},[54,4000,256],{"class":60},[54,4002,4003,4005,4007],{"class":56,"line":132},[54,4004,141],{"class":60},[54,4006,23],{"class":64},[54,4008,105],{"class":60},[267,4010,4011],{"id":4011},"设置项与插槽",[272,4013,4014,4027],{},[275,4015,4016],{},[278,4017,4018,4021,4024],{},[281,4019,4020],{},"插槽",[281,4022,4023],{},"对应 WinUI",[281,4025,4026],{},"说明",[288,4028,4029,4047,4060,4073,4089],{},[278,4030,4031,4034,4038],{},[293,4032,4033],{},"默认插槽",[293,4035,4036],{},[17,4037,1202],{},[293,4039,4040,4041,28,4043,28,4045],{},"放 ",[17,4042,283],{},[17,4044,1210],{},[17,4046,1213],{},[278,4048,4049,4053,4057],{},[293,4050,4051],{},[17,4052,1220],{},[293,4054,4055],{},[17,4056,1225],{},[293,4058,4059],{},"窗口内容区",[278,4061,4062,4066,4070],{},[293,4063,4064],{},[17,4065,769],{},[293,4067,4068],{},[17,4069,1239],{},[293,4071,4072],{},"开关按钮下方（仅展开档显示）",[278,4074,4075,4079,4083],{},[293,4076,4077],{},[17,4078,1249],{},[293,4080,4081],{},[17,4082,1254],{},[293,4084,4085,4086],{},"面板底部、设置项",[34,4087,4088],{},"上方",[278,4090,4091,4095,4101],{},[293,4092,4093],{},[17,4094,1268],{},[293,4096,4097,3665,4099,3241],{},[17,4098,1273],{},[17,4100,1276],{},[293,4102,4103],{},"整块替换内置设置项",[14,4105,4106,4107,4109,4110,4113,4114,4116,4117,4119,4120,4123,4124,3867,4126,4132],{},"内置设置项选中时，",[17,4108,1058],{}," 取",[34,4111,4112],{},"保留哨兵值","（导出常量 ",[17,4115,1292],{},"），",[17,4118,888],{}," 的 ",[17,4121,4122],{},"isSettingsInvoked"," 为 ",[17,4125,2238],{},[34,4127,4128,4129,4131],{},"消费方不得把菜单项的 ",[17,4130,1306],{}," 设成这个字符串","（契约测试有断言守这条）。",[147,4134,4136,4140],{"title":4135},"设置项、PaneFooter 与事件",[151,4137,4138],{"v-slot:preview":50},[1314,4139],{},[151,4141,4142],{"v-slot:code":50},[45,4143,4145],{"className":47,"code":4144,"language":49,"meta":50,"style":50},"\u003CFluereNavigationView v-model:selected-value=\"selected\" @item-invoked=\"onInvoked\">\n  \u003CFluereNavigationViewItem value=\"docs\" content=\"文档\" \u002F>\n  \u003Ctemplate #paneFooter>…\u003C\u002Ftemplate>\n  \u003Ctemplate #settings>…\u003C\u002Ftemplate>\n\u003C\u002FFluereNavigationView>\n",[17,4146,4147,4181,4186,4190,4194],{"__ignoreMap":50},[54,4148,4149,4151,4153,4155,4157,4159,4161,4163,4165,4167,4169,4171,4173,4175,4177,4179],{"class":56,"line":57},[54,4150,61],{"class":60},[54,4152,19],{"class":64},[54,4154,68],{"class":67},[54,4156,71],{"class":60},[54,4158,74],{"class":67},[54,4160,77],{"class":60},[54,4162,81],{"class":80},[54,4164,84],{"class":60},[54,4166,81],{"class":80},[54,4168,1345],{"class":60},[54,4170,1348],{"class":67},[54,4172,77],{"class":60},[54,4174,81],{"class":80},[54,4176,1355],{"class":60},[54,4178,81],{"class":80},[54,4180,105],{"class":60},[54,4182,4183],{"class":56,"line":108},[54,4184,4185],{"class":60},"  \u003CFluereNavigationViewItem value=\"docs\" content=\"文档\" \u002F>\n",[54,4187,4188],{"class":56,"line":114},[54,4189,1369],{"class":60},[54,4191,4192],{"class":56,"line":120},[54,4193,1374],{"class":60},[54,4195,4196,4198,4200],{"class":56,"line":126},[54,4197,141],{"class":60},[54,4199,19],{"class":64},[54,4201,105],{"class":60},[267,4203,4205],{"id":4204},"与-winui-的差异有意为之逐条记录","与 WinUI 的差异（有意为之，逐条记录）",[1388,4207,4208,4244,4265,4281,4295,4311,4333],{},[632,4209,4210,4213,4214,4119,4216,4218,4219,28,4221,4223,4224,4226,4227,4229,4230,4232,4233,3309,4236,4238,4239,3699,4241,4243],{},[34,4211,4212],{},"只做左侧面板","：",[17,4215,1398],{},[17,4217,1402],{}," 不实现 —— 顶部导航是另一套模板（",[17,4220,1406],{},[17,4222,1409],{}," \u002F 溢出 ",[17,4225,1413],{}," \u002F 手柄导航 ",[17,4228,1417],{},"）。连带不实现 ",[17,4231,1421],{},"（源码里对非 Top ",[34,4234,4235],{},"恒返回 false",[17,4237,1429],{},"，即左侧面板本来就没有手柄导航）、",[17,4240,1433],{},[17,4242,1436],{},"、返回 \u002F 关闭按钮。",[632,4245,4246,4253,4254,3606,4256,4258,4259,4261,4262,4264],{},[34,4247,4248,4250,4251],{},[17,4249,504],{}," 档降级为 ",[17,4252,509],{},"：上游 Minimal 是「面板浮层化 + 焦点陷阱」（",[17,4255,1450],{},[17,4257,1453],{}," 设成 ",[17,4260,1456],{},"），浮层焦点管理属 0.5.7 ",[17,4263,1460],{}," 的范围。本库在宽度落在 Minimal 区间时渲染为 Compact 形态（面板常驻 48px），不弹浮层。",[632,4266,4267,4270,4271,4274,4275,4277,4278,3867],{},[34,4268,4269],{},"子项是「数据型子组件」","：三个子组件",[34,4272,4273],{},"不会挂载","（父组件在渲染期读 vnode props \u002F slots，理由见 ",[17,4276,1474],{},"），因此它们不能 emit，子项插槽",[34,4279,4280],{},"不支持作用域参数",[632,4282,4283,4288,4289,4291,4292,4294],{},[34,4284,4285,4287],{},[17,4286,1485],{}," 换成「值标识」","：WinUI 用对象引用，Vue 侧用 ",[17,4290,1058],{},"（与 ",[17,4293,1493],{}," 的选中口径一致）。",[632,4296,4297,4300,4301,4303,4304,4306,4307,4310],{},[34,4298,4299],{},"不做子项 flyout","：上游「紧凑且关闭时把子项搬进 ",[17,4302,1502],{},"」（",[17,4305,1506],{},"）。本库紧凑时",[34,4308,4309],{},"隐藏 chevron 且不渲染子项","，避免出现点了没反应的箭头；展开面板后子项照常内联显示。",[632,4312,4313,4316,4317,3665,4319,4321,4322,4324,4325,4327,4328,3309,4330,4332],{},[34,4314,4315],{},"不做「指示条在项之间滑动」的位置动画","：上游 ",[17,4318,1520],{},[17,4320,1523],{},"）用 Composition 算前后项位移，",[17,4323,1527],{}," \u002F 三段缓动 + 200ms 中心点动画。本库只做当前项指示条淡入淡出（上游 ",[17,4326,1531],{}," 就是直接改 ",[17,4329,1535],{},[17,4331,1538],{},"，无过渡），静态形态一致。",[632,4334,4335,4338,4339,4341,4342,4344,4345,4348,4349,4351,4352,4354,4355,1568,4357,4359,4360,3665,4362,4364],{},[34,4336,4337],{},"chevron 用 CSS 旋转表达两端","：上游默认模板里 ",[17,4340,1548],{}," 只是 ",[17,4343,1552],{}," 两个",[34,4346,4347],{},"不存在","的 Storyboard（",[17,4350,1559],{}," 里 ",[17,4353,1563],{}," 计数 0、无 ",[17,4356,1567],{},[17,4358,1571],{},"）⇒ 对默认模板是 no-op，真正的旋转由 ",[17,4361,1575],{},[17,4363,1578],{},"）承担。本库不引入 Lottie，只表达「展开 180° \u002F 收起 0°」的静态两端。",[267,4366,4368],{"id":4367},"证据缺口显式标注","证据缺口（显式标注）",[629,4370,4371,4382,4392,4402],{},[632,4372,4373,4376,4377,4379,4380,3582],{},[34,4374,4375],{},"chevron 逐帧关键帧","：LottieGen 产物给了总时长 433.33ms 与 18 段区间 marker（",[17,4378,1594],{},"），但完整路径插值在 JSON 源里（不在本快照）。本库只做静态两端 + 单段 50ms 过渡（覆写 ",[17,4381,1598],{},[632,4383,4384,4213,4389,4391],{},[34,4385,4386,4388],{},[17,4387,1606],{}," 的时长取不到",[17,4390,1610],{}," 查找这两个名字，但默认模板里不存在，因此没有可引用的数值。",[632,4393,4394,4213,4397,4399,4400,3867],{},[34,4395,4396],{},"系统强调色",[17,4398,1620],{}," 的最终值由系统运行时决定，源码树只给别名；本库沿用仓库既有映射 ",[17,4401,1624],{},[632,4403,4404,4407,4408,4410,4411,4413,4414,4416],{},[34,4405,4406],{},"高对比度","：HC 色板来自系统运行时（",[17,4409,1633],{}," 全是 ",[17,4412,1637],{}," 引用），本库不实现 HC 专项，只保留 ",[17,4415,1641],{}," 下的焦点环（0.4.3 原语已处理）。",[267,4418,4419],{"id":4419},"令牌映射",[272,4421,4422,4435],{},[275,4423,4424],{},[278,4425,4426,4429,4432],{},[281,4427,4428],{},"WinUI 资源",[281,4430,4431],{},"最终色（亮 \u002F 暗）",[281,4433,4434],{},"本库 token",[288,4436,4437,4455,4471,4489,4507,4525,4539,4557,4576],{},[278,4438,4439,4445,4451],{},[293,4440,4441,1671,4443],{},[17,4442,1670],{},[17,4444,1674],{},[293,4446,4447,28,4449],{},[17,4448,1679],{},[17,4450,1682],{},[293,4452,4453],{},[17,4454,1687],{},[278,4456,4457,4463,4466],{},[293,4458,4459,1671,4461],{},[17,4460,1694],{},[17,4462,1697],{},[293,4464,4465],{},"全透明",[293,4467,4468,4470],{},[17,4469,1705],{},"（同观感、非同字面量，见组件注释第 5 条）",[278,4472,4473,4479,4485],{},[293,4474,4475,1671,4477],{},[17,4476,1713],{},[17,4478,1716],{},[293,4480,4481,28,4483],{},[17,4482,1721],{},[17,4484,1724],{},[293,4486,4487],{},[17,4488,1729],{},[278,4490,4491,4497,4499],{},[293,4492,4493,1671,4495],{},[17,4494,1736],{},[17,4496,1739],{},[293,4498,981],{},[293,4500,4501,28,4503,28,4505],{},[17,4502,1746],{},[17,4504,1749],{},[17,4506,1752],{},[278,4508,4509,4515,4517],{},[293,4510,4511,1671,4513],{},[17,4512,1759],{},[17,4514,1762],{},[293,4516,981],{},[293,4518,4519,28,4521,28,4523],{},[17,4520,1769],{},[17,4522,1772],{},[17,4524,1775],{},[278,4526,4527,4533,4535],{},[293,4528,4529,1671,4531],{},[17,4530,1782],{},[17,4532,1620],{},[293,4534,4396],{},[293,4536,4537],{},[17,4538,1624],{},[278,4540,4541,4547,4553],{},[293,4542,4543,1671,4545],{},[17,4544,1798],{},[17,4546,1801],{},[293,4548,4549,28,4551],{},[17,4550,1806],{},[17,4552,1809],{},[293,4554,4555],{},[17,4556,1814],{},[278,4558,4559,4565,4571],{},[293,4560,4561,1671,4563],{},[17,4562,1821],{},[17,4564,1824],{},[293,4566,4567,28,4569],{},[17,4568,1806],{},[17,4570,1831],{},[293,4572,4573,4575],{},[17,4574,1836],{},"（沿用 InfoBar \u002F ContentDialog \u002F TabView 的既有映射）",[278,4577,4578,4583,4587],{},[293,4579,4580,4581],{},"禁用不透明度 ← ",[17,4582,1845],{},[293,4584,4585],{},[17,4586,1850],{},[293,4588,4589],{},[17,4590,1855],{},[267,4592,4594,4595,3241],{"id":4593},"几何逐条来自-navigationview_themeresourcesxaml","几何（逐条来自 ",[17,4596,1862],{},[272,4598,4599,4611],{},[275,4600,4601],{},[278,4602,4603,4606,4608],{},[281,4604,4605],{},"量",[281,4607,3226],{},[281,4609,4610],{},"出处",[288,4612,4613,4626,4643,4659,4676,4693,4706,4726,4745],{},[278,4614,4615,4618,4622],{},[293,4616,4617],{},"项最小高度",[293,4619,4620],{},[17,4621,1888],{},[293,4623,4624],{},[17,4625,1893],{},[278,4627,4628,4631,4637],{},[293,4629,4630],{},"图标盒高 \u002F 图标列宽",[293,4632,4633,28,4635,1907],{},[17,4634,1903],{},[17,4636,1906],{},[293,4638,4639,3699,4641],{},[17,4640,1912],{},[17,4642,818],{},[278,4644,4645,4648,4655],{},[293,4646,4647],{},"选中指示条",[293,4649,4650,4652,4653],{},[17,4651,1924],{},"、圆角 ",[17,4654,1928],{},[293,4656,4657],{},[17,4658,1933],{},[278,4660,4661,4664,4670],{},[293,4662,4663],{},"分组标题行高 \u002F 字号",[293,4665,4666,28,4668,1947],{},[17,4667,1943],{},[17,4669,1946],{},[293,4671,4672,3699,4674],{},[17,4673,1952],{},[17,4675,1955],{},[278,4677,4678,4681,4687],{},[293,4679,4680],{},"分隔线",[293,4682,4683,3699,4685],{},[17,4684,1965],{},[17,4686,1968],{},[293,4688,4689,3699,4691],{},[17,4690,1973],{},[17,4692,1976],{},[278,4694,4695,4698,4702],{},[293,4696,4697],{},"层级缩进",[293,4699,4700],{},[17,4701,1986],{},[293,4703,4704],{},[17,4705,1991],{},[278,4707,4708,4711,4720],{},[293,4709,4710],{},"开关按钮",[293,4712,4713,3665,4715,4717,4718,2008],{},[17,4714,2001],{},[17,4716,2004],{},"）；紧凑关闭时按钮宽 = ",[17,4719,721],{},[293,4721,4722,3699,4724],{},[17,4723,2013],{},[17,4725,2016],{},[278,4727,4728,4731,4739],{},[293,4729,4730],{},"圆角",[293,4732,4733,4734,4736,4737,2032],{},"项 ",[17,4735,2027],{},"(8)、按钮 ",[17,4738,2031],{},[293,4740,4741,3699,4743],{},[17,4742,2037],{},[17,4744,2040],{},[278,4746,4747,4750,4756],{},[293,4748,4749],{},"面板宽",[293,4751,2048,4752,2052,4754],{},[17,4753,2051],{},[17,4755,2055],{},[293,4757,4758],{},[17,4759,2060],{},[267,4761,4762],{"id":4762},"面板开合动效",[14,4764,4765,4766,4768],{},"面板宽度的开合动画来自 SplitView 模板（NavigationView 的 pane 由内部 ",[17,4767,2070],{}," 承载）：",[272,4770,4771,4786],{},[275,4772,4773],{},[278,4774,4775,4778,4781,4783],{},[281,4776,4777],{},"方向",[281,4779,4780],{},"资源",[281,4782,3226],{},[281,4784,4785],{},"关键帧缓动",[288,4787,4788,4805],{},[278,4789,4790,4793,4797,4801],{},[293,4791,4792],{},"展开",[293,4794,4795],{},[17,4796,2099],{},[293,4798,4799],{},[17,4800,2104],{},[293,4802,4803],{},[17,4804,2109],{},[278,4806,4807,4810,4814,4818],{},[293,4808,4809],{},"收起",[293,4811,4812],{},[17,4813,2119],{},[293,4815,4816],{},[17,4817,2124],{},[293,4819,4820],{},"同上",[14,4822,4823,4824,28,4826,4828,4829,4831,4832,4834,4835,4837,4838,4841],{},"本库把两个时长映射到 ",[17,4825,2133],{},[17,4827,2136],{},"，并在 ",[17,4830,2144],{}," 或 ",[17,4833,2148],{}," 下置 ",[17,4836,2140],{}," —— 关闭动效后",[34,4839,4840],{},"静态形态保留","（面板仍可开合、指示条仍可见、箭头仍指向正确方向）。",[267,4843,2157],{"id":2156},[727,4845,4846],{"id":2160},[17,4847,19],{},[272,4849,4850,4864],{},[275,4851,4852],{},[278,4853,4854,4856,4859,4862],{},[281,4855,2171],{},[281,4857,4858],{},"类型",[281,4860,4861],{},"缺省",[281,4863,4023],{},[288,4865,4866,4884,4902,4921,4940,4958,4976,4994,5012,5030,5048,5066,5080,5098,5116,5132,5150,5166],{},[278,4867,4868,4872,4876,4880],{},[293,4869,4870],{},[17,4871,376],{},[293,4873,4874],{},[17,4875,2192],{},[293,4877,4878],{},[17,4879,2197],{},[293,4881,4882],{},[17,4883,1398],{},[278,4885,4886,4890,4894,4896],{},[293,4887,4888],{},[17,4889,623],{},[293,4891,4892],{},[17,4893,2212],{},[293,4895,981],{},[293,4897,4898,3665,4900,3241],{},[17,4899,2219],{},[17,4901,2222],{},[278,4903,4904,4908,4912,4916],{},[293,4905,4906],{},[17,4907,2229],{},[293,4909,4910],{},[17,4911,2212],{},[293,4913,4914],{},[17,4915,2238],{},[293,4917,4918,4920],{},[17,4919,2219],{}," 的依赖属性默认值",[278,4922,4923,4927,4931,4936],{},[293,4924,4925],{},[17,4926,2250],{},[293,4928,4929],{},[17,4930,2255],{},[293,4932,4933,4934],{},"令牌 ",[17,4935,2051],{},[293,4937,4938],{},[17,4939,2265],{},[278,4941,4942,4946,4950,4954],{},[293,4943,4944],{},[17,4945,2272],{},[293,4947,4948],{},[17,4949,2255],{},[293,4951,4933,4952],{},[17,4953,2055],{},[293,4955,4956],{},[17,4957,721],{},[278,4959,4960,4964,4968,4972],{},[293,4961,4962],{},[17,4963,2291],{},[293,4965,4966],{},[17,4967,2255],{},[293,4969,4970],{},[17,4971,2300],{},[293,4973,4974],{},[17,4975,2305],{},[278,4977,4978,4982,4986,4990],{},[293,4979,4980],{},[17,4981,2312],{},[293,4983,4984],{},[17,4985,2255],{},[293,4987,4988],{},[17,4989,2321],{},[293,4991,4992],{},[17,4993,2326],{},[278,4995,4996,5000,5004,5008],{},[293,4997,4998],{},[17,4999,695],{},[293,5001,5002],{},[17,5003,2212],{},[293,5005,5006],{},[17,5007,2238],{},[293,5009,5010],{},[17,5011,2345],{},[278,5013,5014,5018,5022,5026],{},[293,5015,5016],{},[17,5017,640],{},[293,5019,5020],{},[17,5021,2212],{},[293,5023,5024],{},[17,5025,2238],{},[293,5027,5028],{},[17,5029,2364],{},[278,5031,5032,5036,5040,5044],{},[293,5033,5034],{},[17,5035,2371],{},[293,5037,5038],{},[17,5039,2212],{},[293,5041,5042],{},[17,5043,2238],{},[293,5045,5046],{},[17,5047,2384],{},[278,5049,5050,5054,5058,5060],{},[293,5051,5052],{},[17,5053,1058],{},[293,5055,5056],{},[17,5057,2395],{},[293,5059,981],{},[293,5061,5062,3665,5064,3241],{},[17,5063,1485],{},[17,5065,2404],{},[278,5067,5068,5072,5076,5078],{},[293,5069,5070],{},[17,5071,2411],{},[293,5073,5074],{},[17,5075,2395],{},[293,5077,981],{},[293,5079,981],{},[278,5081,5082,5086,5090,5094],{},[293,5083,5084],{},[17,5085,2426],{},[293,5087,5088],{},[17,5089,2431],{},[293,5091,5092],{},[17,5093,2436],{},[293,5095,5096],{},[17,5097,2441],{},[278,5099,5100,5104,5108,5112],{},[293,5101,5102],{},[17,5103,2448],{},[293,5105,5106],{},[17,5107,2453],{},[293,5109,5110],{},[17,5111,2458],{},[293,5113,5114],{},[17,5115,2463],{},[278,5117,5118,5122,5126,5128],{},[293,5119,5120],{},[17,5121,2470],{},[293,5123,5124],{},[17,5125,2453],{},[293,5127,981],{},[293,5129,5130],{},[17,5131,2481],{},[278,5133,5134,5138,5142,5146],{},[293,5135,5136],{},[17,5137,2488],{},[293,5139,5140],{},[17,5141,2493],{},[293,5143,5144],{},[17,5145,2498],{},[293,5147,5148],{},[17,5149,2503],{},[278,5151,5152,5156,5160,5164],{},[293,5153,5154],{},[17,5155,2510],{},[293,5157,5158],{},[17,5159,2515],{},[293,5161,5162],{},[17,5163,2197],{},[293,5165,981],{},[278,5167,5168,5172,5176,5178],{},[293,5169,5170],{},[17,5171,2528],{},[293,5173,5174],{},[17,5175,2453],{},[293,5177,981],{},[293,5179,981],{},[272,5181,5182,5192],{},[275,5183,5184],{},[278,5185,5186,5189],{},[281,5187,5188],{},"事件 \u002F 插槽",[281,5190,5191],{},"载荷 \u002F 说明",[288,5193,5194,5204,5214,5224,5234,5244],{},[278,5195,5196,5200],{},[293,5197,5198],{},[17,5199,2557],{},[293,5201,5202],{},[17,5203,2212],{},[278,5205,5206,5210],{},[293,5207,5208],{},[17,5209,2568],{},[293,5211,5212],{},[17,5213,2573],{},[278,5215,5216,5220],{},[293,5217,5218],{},[17,5219,888],{},[293,5221,5222],{},[17,5223,2584],{},[278,5225,5226,5230],{},[293,5227,5228],{},[17,5229,2591],{},[293,5231,5232],{},[17,5233,2596],{},[278,5235,5236,5240],{},[293,5237,5238],{},[17,5239,2603],{},[293,5241,5242],{},[17,5243,2608],{},[278,5245,5246,5256],{},[293,5247,5248,28,5250,28,5252,28,5254],{},[17,5249,1220],{},[17,5251,769],{},[17,5253,1249],{},[17,5255,1268],{},[293,5257,5258],{},"见上文《设置项与插槽》",[727,5260,5261],{"id":2626},[17,5262,23],{},[272,5264,5265,5277],{},[275,5266,5267],{},[278,5268,5269,5271,5273,5275],{},[281,5270,2171],{},[281,5272,4858],{},[281,5274,4861],{},[281,5276,4023],{},[288,5278,5279,5297,5315,5333,5351,5370,5388,5406,5422],{},[278,5280,5281,5285,5289,5294],{},[293,5282,5283],{},[17,5284,1306],{},[293,5286,5287],{},[17,5288,2395],{},[293,5290,5291],{},[34,5292,5293],{},"必填",[293,5295,5296],{},"（Vue 侧的项身份）",[278,5298,5299,5303,5307,5311],{},[293,5300,5301],{},[17,5302,2669],{},[293,5304,5305],{},[17,5306,2453],{},[293,5308,5309],{},[17,5310,2458],{},[293,5312,5313],{},[17,5314,2682],{},[278,5316,5317,5321,5325,5329],{},[293,5318,5319],{},[17,5320,2689],{},[293,5322,5323],{},[17,5324,2212],{},[293,5326,5327],{},[17,5328,2238],{},[293,5330,5331],{},[17,5332,2702],{},[278,5334,5335,5339,5343,5345],{},[293,5336,5337],{},[17,5338,2709],{},[293,5340,5341],{},[17,5342,2212],{},[293,5344,981],{},[293,5346,5347,3665,5349,3241],{},[17,5348,2720],{},[17,5350,2723],{},[278,5352,5353,5357,5361,5365],{},[293,5354,5355],{},[17,5356,2730],{},[293,5358,5359],{},[17,5360,2212],{},[293,5362,5363],{},[17,5364,1425],{},[293,5366,5367,5369],{},[17,5368,2720],{}," 的默认值",[278,5371,5372,5376,5380,5384],{},[293,5373,5374],{},[17,5375,2750],{},[293,5377,5378],{},[17,5379,2212],{},[293,5381,5382],{},[17,5383,1425],{},[293,5385,5386],{},[17,5387,2763],{},[278,5389,5390,5394,5398,5401],{},[293,5391,5392],{},[17,5393,1070],{},[293,5395,5396],{},[17,5397,2212],{},[293,5399,5400],{},"推导",[293,5402,5403,5405],{},[17,5404,2781],{},"（本库只读）",[278,5407,5408,5412,5416,5418],{},[293,5409,5410],{},[17,5411,2789],{},[293,5413,5414],{},[17,5415,2453],{},[293,5417,981],{},[293,5419,5420],{},[17,5421,2481],{},[278,5423,5424,5428,5432,5436],{},[293,5425,5426],{},[17,5427,2806],{},[293,5429,5430],{},[17,5431,2212],{},[293,5433,5434],{},[17,5435,1425],{},[293,5437,5438],{},[17,5439,2819],{},[272,5441,5442,5450],{},[275,5443,5444],{},[278,5445,5446,5448],{},[281,5447,4020],{},[281,5449,4026],{},[288,5451,5452,5461,5470],{},[278,5453,5454,5456],{},[293,5455,4033],{},[293,5457,5458,5459,3241],{},"项文本 \u002F 富内容（优先于 ",[17,5460,2669],{},[278,5462,5463,5467],{},[293,5464,5465],{},[17,5466,2847],{},[293,5468,5469],{},"图标（建议 20px）",[278,5471,5472,5476],{},[293,5473,5474],{},[17,5475,2857],{},[293,5477,5478,5479,3241],{},"下级项（递归，可继续嵌 ",[17,5480,2857],{},[727,5482,5483,28,5485],{"id":2866},[17,5484,2869],{},[17,5486,2872],{},[272,5488,5489,5500],{},[275,5490,5491],{},[278,5492,5493,5496,5498],{},[281,5494,5495],{},"组件",[281,5497,2884],{},[281,5499,4023],{},[288,5501,5502,5516],{},[278,5503,5504,5508,5512],{},[293,5505,5506],{},[17,5507,2869],{},[293,5509,5510],{},[17,5511,2669],{},[293,5513,5514],{},[17,5515,2903],{},[278,5517,5518,5522,5524],{},[293,5519,5520],{},[17,5521,2872],{},[293,5523,981],{},[293,5525,5526],{},[17,5527,2916],{},[14,5529,5530,5531,5534,5535,20,5537,3309,5539,3699,5541,3582],{},"两者都",[34,5532,5533],{},"不可聚焦、对 AT 隐藏","（上游 ",[17,5536,2926],{},[17,5538,2929],{},[17,5540,2932],{},[17,5542,2935],{},[267,5544,5545],{"id":5545},"浏览器实测",[14,5547,5548,5549,5552,5553,5555,5556,5559,5560,4119,5563,5565,5566,5568,5569,5572],{},"样式契约测试读的是 ",[34,5550,5551],{},"SFC \u002F CSS 源码文本","（jsdom 不解析 ",[17,5554,2949],{},"，见\n",[2952,5557,2957],{"href":2954,"rel":5558},[2956],"），\n因此「面板样式有没有真的生效」必须在真实浏览器里量计算样式 —— 尤其是本组件的行视觉写在\n",[34,5561,5562],{},"非 scoped",[17,5564,2964],{}," 里（同一套行由父组件与递归列表组件分别渲染，\n两个 ",[17,5567,2968],{}," 不同，各写一份 scoped 块必然漂移）。实测结论见组件注释与\n",[2952,5570,2974],{"href":2972,"rel":5571},[2956]," 的 0.5.4 记录。",[2977,5574,2979],{},{"title":50,"searchDepth":108,"depth":108,"links":5576},[5577,5578,5579,5583,5584,5585,5586,5587,5588,5589,5591,5592,5597],{"id":3214,"depth":108,"text":3214},{"id":3296,"depth":108,"text":3297},{"id":3522,"depth":108,"text":3522,"children":5580},[5581],{"id":3617,"depth":114,"text":5582},"折叠态（ListSizeCompact）的对齐规则",{"id":3728,"depth":108,"text":3729},{"id":3883,"depth":108,"text":3883},{"id":4011,"depth":108,"text":4011},{"id":4204,"depth":108,"text":4205},{"id":4367,"depth":108,"text":4368},{"id":4419,"depth":108,"text":4419},{"id":4593,"depth":108,"text":5590},"几何（逐条来自 NavigationView_themeresources.xaml）",{"id":4762,"depth":108,"text":4762},{"id":2156,"depth":108,"text":2157,"children":5593},[5594,5595,5596],{"id":2160,"depth":114,"text":19},{"id":2626,"depth":114,"text":23},{"id":2866,"depth":114,"text":3002},{"id":5545,"depth":108,"text":5545},"左侧可折叠导航面板：分组标题、层级子项、选中指示条、内置设置项；DisplayMode 三档与键位逐条对齐 WinUI NavigationView。",{},{"title":3015},"\u002Fcomponents\u002Fnavigation-view",{"title":3015,"description":5598},"components\u002Fnavigation-view","Ax4R1pchD1PlYopYU-Kk_4BFc1KzbrQ7gJzGUXtpbRU",1792150932236]