[{"data":1,"prerenderedAt":1417},["ShallowReactive",2],{"navigation":3,"\u002Ffeatures\u002Finteractive":252,"\u002Ffeatures\u002Finteractive-surround":1412},[4,89,128,171,213,217,248],{"title":5,"path":6,"stem":7,"children":8,"icon":88},"Guide","\u002Fguide","1.guide\u002F01.index",[9,10,14,18,22,26,30,34,38,42,73],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Install","\u002Fguide\u002Finstall","1.guide\u002F02.install",{"title":15,"path":16,"stem":17},"First widget","\u002Fguide\u002Ffirst-widget","1.guide\u002F03.first-widget",{"title":19,"path":20,"stem":21},"Concepts","\u002Fguide\u002Fconcepts","1.guide\u002F05.concepts",{"title":23,"path":24,"stem":25},"Apple data transport","\u002Fguide\u002Ftransport","1.guide\u002F06.transport",{"title":27,"path":28,"stem":29},"Doctor","\u002Fguide\u002Fdoctor","1.guide\u002F07.doctor",{"title":31,"path":32,"stem":33},"CLI","\u002Fguide\u002Fcli","1.guide\u002F08.cli",{"title":35,"path":36,"stem":37},"Core vs extended","\u002Fguide\u002Ftiers","1.guide\u002F09.tiers",{"title":39,"path":40,"stem":41},"Troubleshooting","\u002Fguide\u002Ftroubleshooting","1.guide\u002F10.troubleshooting",{"title":43,"path":44,"stem":45,"children":46,"icon":72},"Platform setup","\u002Fguide\u002Fsetup","1.guide\u002F12.setup\u002F1.index",[47,48,52,56,60,64,68],{"title":43,"path":44,"stem":45},{"title":49,"path":50,"stem":51},"Android setup","\u002Fguide\u002Fsetup\u002Fandroid","1.guide\u002F12.setup\u002F2.android",{"title":53,"path":54,"stem":55},"iOS setup","\u002Fguide\u002Fsetup\u002Fios","1.guide\u002F12.setup\u002F3.ios",{"title":57,"path":58,"stem":59},"macOS setup","\u002Fguide\u002Fsetup\u002Fmacos","1.guide\u002F12.setup\u002F4.macos",{"title":61,"path":62,"stem":63},"Windows setup","\u002Fguide\u002Fsetup\u002Fwindows","1.guide\u002F12.setup\u002F5.windows",{"title":65,"path":66,"stem":67},"Linux setup","\u002Fguide\u002Fsetup\u002Flinux","1.guide\u002F12.setup\u002F6.linux",{"title":69,"path":70,"stem":71},"Desktop webview","\u002Fguide\u002Fsetup\u002Fdesktop","1.guide\u002F12.setup\u002F7.desktop","i-lucide-monitor-smartphone",{"title":74,"icon":75,"path":76,"stem":77,"children":78,"page":87},"Recipes","i-lucide-chef-hat","\u002Fguide\u002Frecipes","1.guide\u002F13.recipes",[79,83],{"title":80,"path":81,"stem":82},"Multi-widget","\u002Fguide\u002Frecipes\u002Fmulti-widget","1.guide\u002F13.recipes\u002F4.multi-widget",{"title":84,"path":85,"stem":86},"Testing your widget","\u002Fguide\u002Frecipes\u002Ftesting","1.guide\u002F13.recipes\u002F5.testing",false,"i-lucide-rocket",{"title":90,"path":91,"stem":92,"children":93,"icon":127},"Elements","\u002Felements","2.elements\u002F1.index",[94,95,99,103,107,111,115,119,123],{"title":90,"path":91,"stem":92},{"title":96,"path":97,"stem":98},"Layout elements","\u002Felements\u002Flayout","2.elements\u002F2.layout",{"title":100,"path":101,"stem":102},"Text elements","\u002Felements\u002Ftext","2.elements\u002F3.text",{"title":104,"path":105,"stem":106},"Media elements","\u002Felements\u002Fmedia","2.elements\u002F4.media",{"title":108,"path":109,"stem":110},"Data elements","\u002Felements\u002Fdata","2.elements\u002F5.data",{"title":112,"path":113,"stem":114},"Interactive elements","\u002Felements\u002Finteractive","2.elements\u002F6.interactive",{"title":116,"path":117,"stem":118},"Spacing elements","\u002Felements\u002Fspacing","2.elements\u002F7.spacing",{"title":120,"path":121,"stem":122},"Style","\u002Felements\u002Fstyle","2.elements\u002F8.style",{"title":124,"path":125,"stem":126},"Colors","\u002Felements\u002Fcolors","2.elements\u002F9.colors","i-lucide-blocks",{"title":129,"path":130,"stem":131,"children":132,"icon":170},"Features","\u002Ffeatures","2.features\u002F01.index",[133,134,138,142,146,150,154,158,162,166],{"title":129,"path":130,"stem":131},{"title":135,"path":136,"stem":137},"Dynamic Island","\u002Ffeatures\u002Fdynamic-island","2.features\u002F02.dynamic-island",{"title":139,"path":140,"stem":141},"Interactive widgets","\u002Ffeatures\u002Finteractive","2.features\u002F03.interactive",{"title":143,"path":144,"stem":145},"Live activities","\u002Ffeatures\u002Flive-activities","2.features\u002F04.live-activities",{"title":147,"path":148,"stem":149},"Timelines and transitions","\u002Ffeatures\u002Ftimelines","2.features\u002F05.timelines",{"title":151,"path":152,"stem":153},"Remote data","\u002Ffeatures\u002Fremote-data","2.features\u002F06.remote-data",{"title":155,"path":156,"stem":157},"Widget updater","\u002Ffeatures\u002Fwidget-updater","2.features\u002F07.widget-updater",{"title":159,"path":160,"stem":161},"Instances","\u002Ffeatures\u002Finstances","2.features\u002F08.instances",{"title":163,"path":164,"stem":165},"Conditions, lists and templates","\u002Ffeatures\u002Fdynamic-content","2.features\u002F09.dynamic-content",{"title":167,"path":168,"stem":169},"Images","\u002Ffeatures\u002Fimages","2.features\u002F10.images","i-lucide-sparkles",{"title":172,"icon":173,"path":174,"stem":175,"children":176,"page":87},"API","i-lucide-file-code","\u002Fapi","3.api",[177,181,185,189,193,197,201,205,209],{"title":178,"path":179,"stem":180},"JavaScript API","\u002Fapi\u002Fjs","3.api\u002F1.js",{"title":182,"path":183,"stem":184},"JS reference","\u002Fapi\u002Freference","3.api\u002F2.reference",{"title":186,"path":187,"stem":188},"Rust API","\u002Fapi\u002Frust","3.api\u002F3.rust",{"title":190,"path":191,"stem":192},"Tauri commands","\u002Fapi\u002Fcommands","3.api\u002F4.commands",{"title":194,"path":195,"stem":196},"Plugin config","\u002Fapi\u002Fplugin-config","3.api\u002F5.plugin-config",{"title":198,"path":199,"stem":200},"Cargo features","\u002Fapi\u002Fcargo-features","3.api\u002F6.cargo-features",{"title":202,"path":203,"stem":204},"Environment variables","\u002Fapi\u002Fenv","3.api\u002F7.env",{"title":206,"path":207,"stem":208},"Permissions","\u002Fapi\u002Fpermissions","3.api\u002F8.permissions",{"title":210,"path":211,"stem":212},"JSON Schema","\u002Fapi\u002Fjson-schema","3.api\u002F9.json-schema",{"title":214,"path":215,"stem":216},"Showcase","\u002Fshowcase","4.showcase",{"title":218,"path":219,"stem":220,"children":221,"icon":247},"Contributing","\u002Fcontributing","5.contributing\u002F1.index",[222,223,227,231,235,239,243],{"title":218,"path":219,"stem":220},{"title":224,"path":225,"stem":226},"Development guide","\u002Fcontributing\u002Fdevelopment","5.contributing\u002F2.development",{"title":228,"path":229,"stem":230},"Render testing (config → geometry \u002F pixels)","\u002Fcontributing\u002Frender-testing","5.contributing\u002F3.render-testing",{"title":232,"path":233,"stem":234},"Visual stand (Level-2 pixels)","\u002Fcontributing\u002Fvisual-stand","5.contributing\u002F4.visual-stand",{"title":236,"path":237,"stem":238},"Linux harness (Docker)","\u002Fcontributing\u002Flinux-harness","5.contributing\u002F5.linux-harness",{"title":240,"path":241,"stem":242},"Windows surface split","\u002Fcontributing\u002Fwindows-surfaces","5.contributing\u002F6.windows-surfaces",{"title":244,"path":245,"stem":246},"Mutation testing","\u002Fcontributing\u002Fmutation-testing","5.contributing\u002F7.mutation-testing","i-lucide-git-pull-request",{"title":249,"path":250,"stem":251},"Changelog","\u002Fchangelog","6.changelog",{"id":253,"title":139,"body":254,"description":1406,"extension":1407,"generated":87,"links":1408,"meta":1409,"navigation":338,"path":140,"seo":1410,"stem":141,"__hash__":1411},"docs\u002F2.features\u002F03.interactive.md",{"type":255,"value":256,"toc":1402},"minimark",[257,273,288,442,448,454,466,484,489,1035,1062,1130,1147,1150,1342,1350,1398],[258,259,260,264,265,268,269,272],"p",{},[261,262,263],"code",{},"button"," and ",[261,266,267],{},"link"," elements emit ",[261,270,271],{},"widget-action"," events back to the app.",[258,274,275,282],{},[276,277],"img",{"alt":278,"className":279,"src":281},"Widget action event flowing back to the host app",[280],"dark:hidden","\u002Fillustrations\u002Factions.light.svg",[276,283],{"alt":278,"className":284,"src":287},[285,286],"hidden","dark:block","\u002Fillustrations\u002Factions.dark.svg",[289,290,295],"pre",{"className":291,"code":292,"language":293,"meta":294,"style":294},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { onWidgetAction } from \"tauri-plugin-widgets-api\";\n\nawait onWidgetAction((data) => {\n  console.log(\"Action:\", data.action, data.payload, data.widgetId, data.group);\n});\n","typescript","",[261,296,297,333,340,368,432],{"__ignoreMap":294},[298,299,302,306,310,314,317,320,323,327,330],"span",{"class":300,"line":301},"line",1,[298,303,305],{"class":304},"s7zQu","import",[298,307,309],{"class":308},"sMK4o"," {",[298,311,313],{"class":312},"sTEyZ"," onWidgetAction",[298,315,316],{"class":308}," }",[298,318,319],{"class":304}," from",[298,321,322],{"class":308}," \"",[298,324,326],{"class":325},"sfazB","tauri-plugin-widgets-api",[298,328,329],{"class":308},"\"",[298,331,332],{"class":308},";\n",[298,334,336],{"class":300,"line":335},2,[298,337,339],{"emptyLinePlaceholder":338},true,"\n",[298,341,343,346,349,352,354,358,361,365],{"class":300,"line":342},3,[298,344,345],{"class":304},"await",[298,347,313],{"class":348},"s2Zo4",[298,350,351],{"class":312},"(",[298,353,351],{"class":308},[298,355,357],{"class":356},"sHdIc","data",[298,359,360],{"class":308},")",[298,362,364],{"class":363},"spNyl"," =>",[298,366,367],{"class":308}," {\n",[298,369,371,374,377,380,383,385,388,390,393,396,398,401,403,405,407,410,412,414,416,419,421,423,425,428,430],{"class":300,"line":370},4,[298,372,373],{"class":312},"  console",[298,375,376],{"class":308},".",[298,378,379],{"class":348},"log",[298,381,351],{"class":382},"swJcz",[298,384,329],{"class":308},[298,386,387],{"class":325},"Action:",[298,389,329],{"class":308},[298,391,392],{"class":308},",",[298,394,395],{"class":312}," data",[298,397,376],{"class":308},[298,399,400],{"class":312},"action",[298,402,392],{"class":308},[298,404,395],{"class":312},[298,406,376],{"class":308},[298,408,409],{"class":312},"payload",[298,411,392],{"class":308},[298,413,395],{"class":312},[298,415,376],{"class":308},[298,417,418],{"class":312},"widgetId",[298,420,392],{"class":308},[298,422,395],{"class":312},[298,424,376],{"class":308},[298,426,427],{"class":312},"group",[298,429,360],{"class":382},[298,431,332],{"class":308},[298,433,435,438,440],{"class":300,"line":434},5,[298,436,437],{"class":308},"}",[298,439,360],{"class":312},[298,441,332],{"class":308},[258,443,444,445,376],{},"Action payload shape: ",[261,446,447],{},"{ action, payload?, ts, widgetId, group }",[258,449,450,451,376],{},"You can also emit from the host with ",[261,452,453],{},"widgetAction(action, payload?)",[455,456,458,459,462,463,360],"h2",{"id":457},"local-state-state-set","Local state (",[261,460,461],{},"state",", ",[261,464,465],{},"set",[258,467,468,469,471,472,474,475,462,477,480,481,483],{},"A widget can change itself on tap without the app: check off a task, switch a tab, count.\n",[261,470,461],{}," holds the defaults; ",[261,473,465],{}," on a ",[261,476,263],{},[261,478,479],{},"toggle"," or ",[261,482,267],{}," changes them when tapped.\nThe renderer writes the new value right where the widget runs (a WidgetKit AppIntent, the\nAndroid widget receiver, the desktop window) and redraws — the app does not have to run.",[485,486],"demo-video",{"caption":487,"src":488},"Local state: taps check off tasks and count cups with no app code (desktop renderer).","interactive-state",[289,490,494],{"className":491,"code":492,"language":493,"meta":294,"style":294},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"state\": { \"tab\": \"today\", \"done\": false, \"cups\": 0 },\n  \"small\": {\n    \"type\": \"vstack\",\n    \"children\": [\n      { \"type\": \"toggle\", \"label\": \"Done\", \"isOn\": false,\n        \"bind\": { \"isOn\": \"state.done\" }, \"set\": { \"done\": \"$toggle\" } },\n      { \"type\": \"button\", \"label\": \"{{state.cups}} cups\", \"set\": { \"cups\": \"$inc\" } },\n      { \"type\": \"repeat\", \"each\": \"data.tabs\", \"as\": \"tab\",\n        \"template\": { \"type\": \"button\", \"label\": \"{{tab.title}}\", \"set\": { \"tab\": \"{{tab.id}}\" } } },\n      { \"type\": \"text\", \"content\": \"Today's list\", \"when\": { \"path\": \"state.tab\", \"eq\": \"today\" } }\n    ]\n  }\n}\n","json",[261,495,496,501,562,575,597,611,663,725,792,849,928,1017,1023,1029],{"__ignoreMap":294},[298,497,498],{"class":300,"line":301},[298,499,500],{"class":308},"{\n",[298,502,503,506,508,510,513,515,517,521,523,525,527,530,532,534,536,539,541,543,546,548,551,553,555,559],{"class":300,"line":335},[298,504,505],{"class":308},"  \"",[298,507,461],{"class":363},[298,509,329],{"class":308},[298,511,512],{"class":308},":",[298,514,309],{"class":308},[298,516,322],{"class":308},[298,518,520],{"class":519},"sBMFI","tab",[298,522,329],{"class":308},[298,524,512],{"class":308},[298,526,322],{"class":308},[298,528,529],{"class":325},"today",[298,531,329],{"class":308},[298,533,392],{"class":308},[298,535,322],{"class":308},[298,537,538],{"class":519},"done",[298,540,329],{"class":308},[298,542,512],{"class":308},[298,544,545],{"class":308}," false,",[298,547,322],{"class":308},[298,549,550],{"class":519},"cups",[298,552,329],{"class":308},[298,554,512],{"class":308},[298,556,558],{"class":557},"sbssI"," 0",[298,560,561],{"class":308}," },\n",[298,563,564,566,569,571,573],{"class":300,"line":342},[298,565,505],{"class":308},[298,567,568],{"class":363},"small",[298,570,329],{"class":308},[298,572,512],{"class":308},[298,574,367],{"class":308},[298,576,577,580,583,585,587,589,592,594],{"class":300,"line":370},[298,578,579],{"class":308},"    \"",[298,581,582],{"class":519},"type",[298,584,329],{"class":308},[298,586,512],{"class":308},[298,588,322],{"class":308},[298,590,591],{"class":325},"vstack",[298,593,329],{"class":308},[298,595,596],{"class":308},",\n",[298,598,599,601,604,606,608],{"class":300,"line":434},[298,600,579],{"class":308},[298,602,603],{"class":519},"children",[298,605,329],{"class":308},[298,607,512],{"class":308},[298,609,610],{"class":308}," [\n",[298,612,614,617,619,621,623,625,627,629,631,633,635,638,640,642,644,647,649,651,653,656,658,660],{"class":300,"line":613},6,[298,615,616],{"class":308},"      {",[298,618,322],{"class":308},[298,620,582],{"class":557},[298,622,329],{"class":308},[298,624,512],{"class":308},[298,626,322],{"class":308},[298,628,479],{"class":325},[298,630,329],{"class":308},[298,632,392],{"class":308},[298,634,322],{"class":308},[298,636,637],{"class":557},"label",[298,639,329],{"class":308},[298,641,512],{"class":308},[298,643,322],{"class":308},[298,645,646],{"class":325},"Done",[298,648,329],{"class":308},[298,650,392],{"class":308},[298,652,322],{"class":308},[298,654,655],{"class":557},"isOn",[298,657,329],{"class":308},[298,659,512],{"class":308},[298,661,662],{"class":308}," false,\n",[298,664,666,669,672,674,676,678,680,682,684,686,688,691,693,696,698,700,702,704,706,708,710,712,714,716,719,721,723],{"class":300,"line":665},7,[298,667,668],{"class":308},"        \"",[298,670,671],{"class":557},"bind",[298,673,329],{"class":308},[298,675,512],{"class":308},[298,677,309],{"class":308},[298,679,322],{"class":308},[298,681,655],{"class":382},[298,683,329],{"class":308},[298,685,512],{"class":308},[298,687,322],{"class":308},[298,689,690],{"class":325},"state.done",[298,692,329],{"class":308},[298,694,695],{"class":308}," },",[298,697,322],{"class":308},[298,699,465],{"class":557},[298,701,329],{"class":308},[298,703,512],{"class":308},[298,705,309],{"class":308},[298,707,322],{"class":308},[298,709,538],{"class":382},[298,711,329],{"class":308},[298,713,512],{"class":308},[298,715,322],{"class":308},[298,717,718],{"class":325},"$toggle",[298,720,329],{"class":308},[298,722,316],{"class":308},[298,724,561],{"class":308},[298,726,728,730,732,734,736,738,740,742,744,746,748,750,752,754,756,759,761,763,765,767,769,771,773,775,777,779,781,783,786,788,790],{"class":300,"line":727},8,[298,729,616],{"class":308},[298,731,322],{"class":308},[298,733,582],{"class":557},[298,735,329],{"class":308},[298,737,512],{"class":308},[298,739,322],{"class":308},[298,741,263],{"class":325},[298,743,329],{"class":308},[298,745,392],{"class":308},[298,747,322],{"class":308},[298,749,637],{"class":557},[298,751,329],{"class":308},[298,753,512],{"class":308},[298,755,322],{"class":308},[298,757,758],{"class":325},"{{state.cups}} cups",[298,760,329],{"class":308},[298,762,392],{"class":308},[298,764,322],{"class":308},[298,766,465],{"class":557},[298,768,329],{"class":308},[298,770,512],{"class":308},[298,772,309],{"class":308},[298,774,322],{"class":308},[298,776,550],{"class":382},[298,778,329],{"class":308},[298,780,512],{"class":308},[298,782,322],{"class":308},[298,784,785],{"class":325},"$inc",[298,787,329],{"class":308},[298,789,316],{"class":308},[298,791,561],{"class":308},[298,793,795,797,799,801,803,805,807,810,812,814,816,819,821,823,825,828,830,832,834,837,839,841,843,845,847],{"class":300,"line":794},9,[298,796,616],{"class":308},[298,798,322],{"class":308},[298,800,582],{"class":557},[298,802,329],{"class":308},[298,804,512],{"class":308},[298,806,322],{"class":308},[298,808,809],{"class":325},"repeat",[298,811,329],{"class":308},[298,813,392],{"class":308},[298,815,322],{"class":308},[298,817,818],{"class":557},"each",[298,820,329],{"class":308},[298,822,512],{"class":308},[298,824,322],{"class":308},[298,826,827],{"class":325},"data.tabs",[298,829,329],{"class":308},[298,831,392],{"class":308},[298,833,322],{"class":308},[298,835,836],{"class":557},"as",[298,838,329],{"class":308},[298,840,512],{"class":308},[298,842,322],{"class":308},[298,844,520],{"class":325},[298,846,329],{"class":308},[298,848,596],{"class":308},[298,850,852,854,857,859,861,863,865,867,869,871,873,875,877,879,881,883,885,887,889,892,894,896,898,900,902,904,906,908,911,913,915,917,920,922,924,926],{"class":300,"line":851},10,[298,853,668],{"class":308},[298,855,856],{"class":557},"template",[298,858,329],{"class":308},[298,860,512],{"class":308},[298,862,309],{"class":308},[298,864,322],{"class":308},[298,866,582],{"class":382},[298,868,329],{"class":308},[298,870,512],{"class":308},[298,872,322],{"class":308},[298,874,263],{"class":325},[298,876,329],{"class":308},[298,878,392],{"class":308},[298,880,322],{"class":308},[298,882,637],{"class":382},[298,884,329],{"class":308},[298,886,512],{"class":308},[298,888,322],{"class":308},[298,890,891],{"class":325},"{{tab.title}}",[298,893,329],{"class":308},[298,895,392],{"class":308},[298,897,322],{"class":308},[298,899,465],{"class":382},[298,901,329],{"class":308},[298,903,512],{"class":308},[298,905,309],{"class":308},[298,907,322],{"class":308},[298,909,520],{"class":910},"su27w",[298,912,329],{"class":308},[298,914,512],{"class":308},[298,916,322],{"class":308},[298,918,919],{"class":325},"{{tab.id}}",[298,921,329],{"class":308},[298,923,316],{"class":308},[298,925,316],{"class":308},[298,927,561],{"class":308},[298,929,931,933,935,937,939,941,943,946,948,950,952,955,957,959,961,964,966,968,970,973,975,977,979,981,984,986,988,990,993,995,997,999,1002,1004,1006,1008,1010,1012,1014],{"class":300,"line":930},11,[298,932,616],{"class":308},[298,934,322],{"class":308},[298,936,582],{"class":557},[298,938,329],{"class":308},[298,940,512],{"class":308},[298,942,322],{"class":308},[298,944,945],{"class":325},"text",[298,947,329],{"class":308},[298,949,392],{"class":308},[298,951,322],{"class":308},[298,953,954],{"class":557},"content",[298,956,329],{"class":308},[298,958,512],{"class":308},[298,960,322],{"class":308},[298,962,963],{"class":325},"Today's list",[298,965,329],{"class":308},[298,967,392],{"class":308},[298,969,322],{"class":308},[298,971,972],{"class":557},"when",[298,974,329],{"class":308},[298,976,512],{"class":308},[298,978,309],{"class":308},[298,980,322],{"class":308},[298,982,983],{"class":382},"path",[298,985,329],{"class":308},[298,987,512],{"class":308},[298,989,322],{"class":308},[298,991,992],{"class":325},"state.tab",[298,994,329],{"class":308},[298,996,392],{"class":308},[298,998,322],{"class":308},[298,1000,1001],{"class":382},"eq",[298,1003,329],{"class":308},[298,1005,512],{"class":308},[298,1007,322],{"class":308},[298,1009,529],{"class":325},[298,1011,329],{"class":308},[298,1013,316],{"class":308},[298,1015,1016],{"class":308}," }\n",[298,1018,1020],{"class":300,"line":1019},12,[298,1021,1022],{"class":308},"    ]\n",[298,1024,1026],{"class":300,"line":1025},13,[298,1027,1028],{"class":308},"  }\n",[298,1030,1032],{"class":300,"line":1031},14,[298,1033,1034],{"class":308},"}\n",[258,1036,1037,1039,1040,1042,1043,462,1046,596,1049,1052,1053,1056,1057,1059,1060,512],{},[261,1038,461],{}," is a root like ",[261,1041,357],{},": ",[261,1044,1045],{},"{{state.key}}",[261,1047,1048],{},"when: { \"path\": \"state.key\" }",[261,1050,1051],{},"bind: { \"isOn\": \"state.done\" }"," (keeps the JSON type), ",[261,1054,1055],{},"repeat.each: \"state.list\"",". Loop\nvariables and template arguments named ",[261,1058,461],{}," hide it. Values in ",[261,1061,465],{},[1063,1064,1065,1078],"table",{},[1066,1067,1068],"thead",{},[1069,1070,1071,1075],"tr",{},[1072,1073,1074],"th",{},"Value",[1072,1076,1077],{},"Writes",[1079,1080,1081,1095,1109,1119],"tbody",{},[1069,1082,1083,1089],{},[1084,1085,1086],"td",{},[261,1087,1088],{},"\"$toggle\"",[1084,1090,1091,1092,360],{},"the opposite boolean (missing → ",[261,1093,1094],{},"true",[1069,1096,1097,1106],{},[1084,1098,1099,1102,1103],{},[261,1100,1101],{},"\"$inc\""," \u002F ",[261,1104,1105],{},"\"$dec\"",[1084,1107,1108],{},"the number plus \u002F minus 1 (missing → 0 first)",[1069,1110,1111,1116],{},[1084,1112,1113],{},[261,1114,1115],{},"null",[1084,1117,1118],{},"removes the key, so the default shows again",[1069,1120,1121,1124],{},[1084,1122,1123],{},"anything else",[1084,1125,1126,1127,360],{},"that JSON value (strings may use placeholders: ",[261,1128,1129],{},"\"{{tab.id}}\"",[258,1131,1132,1133,1135,1136,1139,1140,1143,1144,1146],{},"The stored state is merged over ",[261,1134,461],{}," per top-level key: first the widget's\n(",[261,1137,1138],{},"state:{widgetId}","), then the placement's own (",[261,1141,1142],{},"state:{widgetId}#{instance}","). A tap writes\nthe placement's own when the widget has an instance. If the element also has ",[261,1145,400],{},", the\naction goes to the app after the write.",[258,1148,1149],{},"From the app:",[289,1151,1155],{"className":1152,"code":1153,"language":1154,"meta":294,"style":294},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { setWidgetState, getWidgetState } from \"tauri-plugin-widgets-api\";\nimport { listen } from \"@tauri-apps\u002Fapi\u002Fevent\";\n\nawait setWidgetState(\"tasks\", { tab: \"week\", cups: \"$inc\" }); \u002F\u002F same operators\nconst state = await getWidgetState(\"tasks\");                    \u002F\u002F defaults + stored\nawait listen(\"widget-state-changed\", (e) => console.log(e.payload)); \u002F\u002F { widgetId, instance, state }\n","ts",[261,1156,1157,1183,1205,1209,1264,1295],{"__ignoreMap":294},[298,1158,1159,1161,1163,1166,1168,1171,1173,1175,1177,1179,1181],{"class":300,"line":301},[298,1160,305],{"class":304},[298,1162,309],{"class":308},[298,1164,1165],{"class":312}," setWidgetState",[298,1167,392],{"class":308},[298,1169,1170],{"class":312}," getWidgetState",[298,1172,316],{"class":308},[298,1174,319],{"class":304},[298,1176,322],{"class":308},[298,1178,326],{"class":325},[298,1180,329],{"class":308},[298,1182,332],{"class":308},[298,1184,1185,1187,1189,1192,1194,1196,1198,1201,1203],{"class":300,"line":335},[298,1186,305],{"class":304},[298,1188,309],{"class":308},[298,1190,1191],{"class":312}," listen",[298,1193,316],{"class":308},[298,1195,319],{"class":304},[298,1197,322],{"class":308},[298,1199,1200],{"class":325},"@tauri-apps\u002Fapi\u002Fevent",[298,1202,329],{"class":308},[298,1204,332],{"class":308},[298,1206,1207],{"class":300,"line":342},[298,1208,339],{"emptyLinePlaceholder":338},[298,1210,1211,1213,1215,1217,1219,1222,1224,1226,1228,1231,1233,1235,1238,1240,1242,1245,1247,1249,1251,1253,1255,1257,1260],{"class":300,"line":370},[298,1212,345],{"class":304},[298,1214,1165],{"class":348},[298,1216,351],{"class":312},[298,1218,329],{"class":308},[298,1220,1221],{"class":325},"tasks",[298,1223,329],{"class":308},[298,1225,392],{"class":308},[298,1227,309],{"class":308},[298,1229,1230],{"class":382}," tab",[298,1232,512],{"class":308},[298,1234,322],{"class":308},[298,1236,1237],{"class":325},"week",[298,1239,329],{"class":308},[298,1241,392],{"class":308},[298,1243,1244],{"class":382}," cups",[298,1246,512],{"class":308},[298,1248,322],{"class":308},[298,1250,785],{"class":325},[298,1252,329],{"class":308},[298,1254,316],{"class":308},[298,1256,360],{"class":312},[298,1258,1259],{"class":308},";",[298,1261,1263],{"class":1262},"sHwdD"," \u002F\u002F same operators\n",[298,1265,1266,1269,1272,1275,1278,1280,1282,1284,1286,1288,1290,1292],{"class":300,"line":434},[298,1267,1268],{"class":363},"const",[298,1270,1271],{"class":312}," state ",[298,1273,1274],{"class":308},"=",[298,1276,1277],{"class":304}," await",[298,1279,1170],{"class":348},[298,1281,351],{"class":312},[298,1283,329],{"class":308},[298,1285,1221],{"class":325},[298,1287,329],{"class":308},[298,1289,360],{"class":312},[298,1291,1259],{"class":308},[298,1293,1294],{"class":1262},"                    \u002F\u002F defaults + stored\n",[298,1296,1297,1299,1301,1303,1305,1308,1310,1312,1315,1318,1320,1322,1325,1327,1329,1332,1334,1337,1339],{"class":300,"line":613},[298,1298,345],{"class":304},[298,1300,1191],{"class":348},[298,1302,351],{"class":312},[298,1304,329],{"class":308},[298,1306,1307],{"class":325},"widget-state-changed",[298,1309,329],{"class":308},[298,1311,392],{"class":308},[298,1313,1314],{"class":308}," (",[298,1316,1317],{"class":356},"e",[298,1319,360],{"class":308},[298,1321,364],{"class":363},[298,1323,1324],{"class":312}," console",[298,1326,376],{"class":308},[298,1328,379],{"class":348},[298,1330,1331],{"class":312},"(e",[298,1333,376],{"class":308},[298,1335,1336],{"class":312},"payload))",[298,1338,1259],{"class":308},[298,1340,1341],{"class":1262}," \u002F\u002F { widgetId, instance, state }\n",[258,1343,1344,1347,1348,376],{},[261,1345,1346],{},"setWidgetState(widgetId, null)"," clears the stored state. Taps made while the app is\nrunning also send ",[261,1349,1307],{},[1063,1351,1352,1364],{},[1066,1353,1354],{},[1069,1355,1356,1359],{},[1072,1357,1358],{},"Platform",[1072,1360,1361,1363],{},[261,1362,465],{}," tap",[1079,1365,1366,1374,1382,1390],{},[1069,1367,1368,1371],{},[1084,1369,1370],{},"iOS 17+ \u002F macOS 14+",[1084,1372,1373],{},"AppIntent in the extension writes the App Group store, WidgetKit redraws",[1069,1375,1376,1379],{},[1084,1377,1378],{},"Android",[1084,1380,1381],{},"The widget's broadcast receiver writes the store and redraws",[1069,1383,1384,1387],{},[1084,1385,1386],{},"Desktop window",[1084,1388,1389],{},"The window writes through the plugin and redraws every window of the widget",[1069,1391,1392,1395],{},[1084,1393,1394],{},"Windows Widgets Board",[1084,1396,1397],{},"Shows the state; taps are not handled",[1399,1400,1401],"style",{},"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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .su27w, html code.shiki .su27w{--shiki-light:#916B53;--shiki-default:#916B53;--shiki-dark:#916B53}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":294,"searchDepth":335,"depth":342,"links":1403},[1404],{"id":457,"depth":335,"text":1405},"Local state (state, set)","Buttons and links that reach your app, and taps that change the widget by themselves (local state).","md",null,{},{"title":139,"description":1406},"_mj_p0-UjlReQ6mVOl3Wp_ggWSrVnAWW2qfFx4JHP08",[1413,1415],{"title":135,"path":136,"stem":137,"description":1414,"children":-1},"A live activity as a Dynamic-Island pill on iPhone, macOS (around the notch), Windows and Linux.",{"title":143,"path":144,"stem":145,"description":1416,"children":-1},"[object Object]",1794660585746]