buninu-browser 0.3.0 → 0.4.0

package/test/fixtures/flea-helpers/highlight-cases.json

@@ -0,0 +1,227 @@
+[
+  {
+    "name": "sample.js",
+    "lang": "js",
+    "text": "const answer = 42; // comment\n"
+  },
+  {
+    "name": "sample.mjs",
+    "lang": "JavaScript",
+    "text": "export const answer = 42;\n"
+  },
+  {
+    "name": "sample.cjs",
+    "lang": "node",
+    "text": "const answer = require(\"fs\");\n"
+  },
+  {
+    "name": "sample.jsx",
+    "lang": "jsx",
+    "text": "const answer = 42;\n"
+  },
+  {
+    "name": "sample.ts",
+    "lang": "ts",
+    "text": "const answer: number = 42;\n"
+  },
+  {
+    "name": "sample.tsx",
+    "lang": "tsx",
+    "text": "const answer: number = 42;\n"
+  },
+  {
+    "name": "sample.mts",
+    "lang": "typescript",
+    "text": "export const answer: number = 42;\n"
+  },
+  {
+    "name": "sample.py",
+    "lang": "python3",
+    "text": "def answer():\n    return 42 # comment\n"
+  },
+  {
+    "name": "sample.sh",
+    "lang": "bash",
+    "text": "#!/bin/sh\necho \"$HOME\" # comment\n"
+  },
+  {
+    "name": "sample.zsh",
+    "lang": "zsh",
+    "text": "#!/bin/zsh\necho \"$HOME\"\n"
+  },
+  {
+    "name": "sample.fish",
+    "lang": "fish",
+    "text": "echo \"$HOME\"\n"
+  },
+  {
+    "name": "sample.json",
+    "lang": "json",
+    "text": "{\"answer\":42,\"ok\":true}\n"
+  },
+  {
+    "name": "sample.jsonc",
+    "lang": "jsonc",
+    "text": "{\"answer\":42} // comment\n"
+  },
+  {
+    "name": "sample.json5",
+    "lang": "json5",
+    "text": "{\"answer\":42}\n"
+  },
+  {
+    "name": "sample.jsonl",
+    "lang": "jsonl",
+    "text": "{\"answer\":42}\n"
+  },
+  {
+    "name": "sample.yaml",
+    "lang": "yml",
+    "text": "answer: 42 # comment\n"
+  },
+  {
+    "name": "sample.toml",
+    "lang": "toml",
+    "text": "answer = 42 # comment\n"
+  },
+  {
+    "name": "sample.ini",
+    "lang": "ini",
+    "text": "[section]\nanswer = 42\n"
+  },
+  {
+    "name": ".env",
+    "lang": "dotenv",
+    "text": "ANSWER=\"hello\" # comment\n"
+  },
+  {
+    "name": "sample.html",
+    "lang": "HTML",
+    "text": "<div class=\"hello\">world</div>\n"
+  },
+  {
+    "name": "sample.xml",
+    "lang": "xml",
+    "text": "<hello answer=\"42\"/>\n"
+  },
+  {
+    "name": "sample.css",
+    "lang": "css",
+    "text": "body { color: red; margin: 42px; }\n"
+  },
+  {
+    "name": "sample.scss",
+    "lang": "css",
+    "text": "body { color: red; }\n"
+  },
+  {
+    "name": "sample.sql",
+    "lang": "sql",
+    "text": "SELECT * FROM users WHERE id = 42;\n"
+  },
+  {
+    "name": "sample.c",
+    "lang": "c",
+    "text": "int main(void) { return 42; }\n"
+  },
+  {
+    "name": "sample.cpp",
+    "lang": "cpp",
+    "text": "int main() { return 42; }\n"
+  },
+  {
+    "name": "sample.cs",
+    "lang": "c#",
+    "text": "public class Hello { int answer = 42; }\n"
+  },
+  {
+    "name": "sample.go",
+    "lang": "golang",
+    "text": "package main\nfunc main() { println(42) }\n"
+  },
+  {
+    "name": "sample.rs",
+    "lang": "rs",
+    "text": "fn main() { let answer = 42; }\n"
+  },
+  {
+    "name": "sample.java",
+    "lang": "java",
+    "text": "public class Hello { int answer = 42; }\n"
+  },
+  {
+    "name": "sample.kt",
+    "lang": "kt",
+    "text": "val answer = 42\n"
+  },
+  {
+    "name": "sample.rb",
+    "lang": "rb",
+    "text": "def answer\n  return 42\nend\n"
+  },
+  {
+    "name": "sample.php",
+    "lang": "php",
+    "text": "<?php echo \"hello\"; ?>\n"
+  },
+  {
+    "name": "sample.lua",
+    "lang": "lua",
+    "text": "local answer = 42 -- comment\n"
+  },
+  {
+    "name": "sample.pl",
+    "lang": "perl",
+    "text": "my $answer = 42; # comment\n"
+  },
+  {
+    "name": "sample.ps1",
+    "lang": "pwsh",
+    "text": "$answer = \"hello\" # comment\n"
+  },
+  {
+    "name": "sample.bat",
+    "lang": "cmd",
+    "text": "@echo off\nset ANSWER=42\nREM comment\n"
+  },
+  {
+    "name": "Dockerfile",
+    "lang": "docker",
+    "text": "FROM debian:13\nRUN echo hello\n"
+  },
+  {
+    "name": "Makefile",
+    "lang": "make",
+    "text": "all:\n\techo \"hello\" # comment\n"
+  },
+  {
+    "name": "CMakeLists.txt",
+    "lang": "cmake",
+    "text": "set(ANSWER 42) # comment\n"
+  },
+  {
+    "name": "sample.md",
+    "lang": "md",
+    "text": "# Heading\n**bold** and `code`\n"
+  },
+  {
+    "name": "sample.diff",
+    "lang": "diff",
+    "text": "--- a/file\n+++ b/file\n@@ -1 +1 @@\n-old\n+new\n"
+  },
+  {
+    "name": "sample.tf",
+    "lang": "tf",
+    "text": "variable \"answer\" { default = 42 }\n"
+  },
+  {
+    "name": "sample.vue",
+    "lang": "vue",
+    "text": "<template><div class=\"hello\">Hello</div></template>\n"
+  },
+  {
+    "name": "sample.svelte",
+    "lang": "svelte",
+    "text": "<script>const answer = 42;</script>\n"
+  }
+]

package/test/fixtures/flea-helpers/source-mime.xml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<mime-info xmlns="http://www.freedesktop.org/standards/shared-mime-info">
+  <!-- Low priority: retain the distribution's more specific MIME definitions. -->
+  <mime-type type="text/x-buninu-source">
+    <comment>Source code</comment>
+    <sub-class-of type="text/plain"/>
+    <generic-icon name="text-x-script"/>
+    <glob pattern="*.jsonl" weight="10"/>
+    <glob pattern="*.ndjson" weight="10"/>
+    <glob pattern="*.jsonc" weight="10"/>
+    <glob pattern="*.json5" weight="10"/>
+    <glob pattern="*.jsx" weight="10"/>
+    <glob pattern="Dockerfile" weight="10"/>
+    <glob pattern="*.cjs" weight="10"/>
+    <glob pattern="*.ini" weight="10"/>
+    <glob pattern="*.mts" weight="10"/>
+    <glob pattern="*.cts" weight="10"/>
+    <glob pattern="*.vue" weight="10"/>
+    <glob pattern="*.svelte" weight="10"/>
+  </mime-type>
+  <!-- TSX is ambiguous: prefer TypeScript JSX over Debian's Tiled tileset rule (50). -->
+  <mime-type type="text/x-buninu-tsx">
+    <comment>TypeScript JSX source</comment>
+    <sub-class-of type="text/plain"/>
+    <generic-icon name="text-x-script"/>
+    <glob pattern="*.tsx" weight="60"/>
+  </mime-type>
+</mime-info>

package/test/fixtures/flea-helpers/syntax-compat.mjs

@@ -0,0 +1,23 @@
+// jsmdcui 0.19.2's Micro rules contain Go regex flags/boundaries unsupported by JS.
+// Adapt those rule objects locally; do not modify the installed npm package.
+export function adaptSyntaxRules(definitions, SyntaxDefinition) {
+ function compile(pattern, original) {
+  if(typeof pattern!=='string'||!(/\(\?[ims]+\)|\\[<>]/.test(pattern)))return original;
+  const flags=new Set();
+  const source=pattern.replace(/\(\?([ims]+)\)/g,(_,letters)=>{for(const flag of letters)flags.add(flag);return '';})
+   .replaceAll('\\<','\\b(?=\\w)').replaceAll('\\>','(?<=\\w)\\b');
+  const regex=new SyntaxDefinition({}, {rules:[{compat:source}]}).rules[0]?.regex;
+  if(!regex)return original;
+  try{return new RegExp(regex.source,[...new Set([...regex.flags,...flags])].join(''));}catch{return original;}
+ }
+ function visit(rules) {
+  for(const rule of rules){
+   if(rule.type==='pattern')rule.regex=compile(rule.source,rule.regex);
+   if(rule.type==='region'){
+    for(const key of ['start','end','skip'])rule[key]=compile(rule.source?.[key],rule[key]);
+    visit(rule.rules);
+   }
+  }
+ }
+ for(const definition of definitions)visit(definition.rules);
+}

package/test/fixtures/flea-thumbnail-stub/flea-placeholder.thumbnailer

@@ -0,0 +1,4 @@
+[Thumbnailer Entry]
+TryExec=/usr/local/bin/flea-thumbnail-stub
+Exec=/usr/local/bin/flea-thumbnail-stub %i %o %s
+MimeType=video/mp4;video/webm;video/x-matroska;video/quicktime;video/x-msvideo;video/mpeg;video/ogg;

package/test/fixtures/flea-thumbnail-stub/flea-thumbnail-stub

@@ -0,0 +1,3 @@
+#!/bin/sh
+# Placeholder only: every video gets the same opaque PNG. Args: input output size.
+printf '%s' 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR4nGMwsHAAAAFEAKn1rVKOAAAAAElFTkSuQmCC' | /usr/bin/base64 -d > "$2"

package/test/fixtures/qml/flea/EscapeHint.qml

@@ -0,0 +1,11 @@
+import QtQuick
+
+// The word that closes a surface, in the corner every surface puts it in: Dialogs rule 7, and the
+// spelling ui/SettingsPanel.qml already uses, so no two dialogs can name the way out differently.
+Text {
+    text: "esc"
+    color: Theme.color.muted
+    font.family: Theme.font.family
+    font.pixelSize: Theme.font.caption
+    textFormat: Text.PlainText
+}

package/test/fixtures/qml/flea/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 GM
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/test/fixtures/qml/flea/README.md

@@ -0,0 +1,25 @@
+# Flea leaf-component import test
+
+`EscapeHint.qml` is an unchanged copy of `ui/EscapeHint.qml` from
+https://github.com/thisisgm/flea at f21789e56cc4b0877caa3156fff7bce52a8dd9c2.
+MIT, Copyright (c) 2026 GM; see LICENSE.
+
+`demo.qml` now imports this component normally through `import "." as Flea`
+and `qmldir`. Two instances share `Theme.qml`, a **local test theme** declared
+as a real QML singleton. The button changes its property and both labels react.
+There is no source-body inlining or injected global JavaScript Theme object.
+
+This Theme.qml is our test implementation, not Flea's upstream Theme. The real
+Flea Theme also needs Omarchy modules, Quickshell services and more QML syntax.
+Those dependencies remain explicit compatibility gaps, not silent stubs.
+
+```sh
+XDG_RUNTIME_DIR=/tmp WAYLAND_DISPLAY=wayland-buninu bun test/manual-flea-qml.js
+bun test test/qml-flea.test.js
+```
+
+EscapeHint 保留上游原碼與授權。範例透過真正的相對 import、qmldir 與 QML
+singleton 載入兩個實例；按鈕會修改共用主題，兩個 esc 一起變色。
+不再拼接元件內容，也不注入 JS 全域 Theme。
+
+Theme.qml 是明確標示的測試主題，並非 Flea 上游的 Omarchy 主題實作。

package/test/fixtures/qml/flea/Theme.qml

@@ -0,0 +1,8 @@
+pragma Singleton
+import QtQuick
+// Test theme, not Flea's Omarchy-dependent Theme.qml. Loaded normally via qmldir.
+QtObject {
+    property bool alternate: false
+    readonly property var color: ({muted: alternate ? "#ffcc66" : "#70e1e8"})
+    readonly property var font: ({family: "sans-serif", caption: 24})
+}

package/test/fixtures/qml/flea/demo.qml

@@ -0,0 +1,24 @@
+import QtQuick
+import QtQuick.Controls
+import Quickshell
+import "." as Flea
+FloatingWindow {
+    title: "Browser — Flea real import test"
+    color: "#172b36"
+    Column {
+        width: parent.width - 64
+        anchors.centerIn: parent
+        spacing: 24
+        Text { text: "Flea EscapeHint.qml — real import"; color: "white"; font.pixelSize: 24 }
+        Text { text: "Local Theme.qml singleton (test theme)"; color: "#a9bcc6" }
+        Item {
+            width: parent.width; height: 50
+            Flea.EscapeHint { id: first }
+            Flea.EscapeHint { id: second; x: 180 }
+        }
+        Button {
+            text: "Toggle shared theme"
+            onClicked: { Flea.Theme.alternate = !Flea.Theme.alternate; }
+        }
+    }
+}

package/test/fixtures/qml/flea/qmldir

@@ -0,0 +1,3 @@
+module FleaLeafTest
+EscapeHint EscapeHint.qml
+singleton Theme Theme.qml

package/test/fixtures/qml/flea-theme/LICENSE-Flea

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 GM
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/test/fixtures/qml/flea-theme/LICENSE-Omarchy

@@ -0,0 +1,20 @@
+Copyright (c) David Heinemeier Hansson
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/test/fixtures/qml/flea-theme/README.md

@@ -0,0 +1,70 @@
+# Real Flea Theme fixture
+
+Unmodified dependency sources, selected by the QML import graph:
+
+- `ui/`: https://github.com/thisisgm/flea at `f21789e56cc4b0877caa3156fff7bce52a8dd9c2`, MIT (`LICENSE-Flea`).
+- `imports/qs/Commons/`: https://github.com/basecamp/omarchy at `3c7027db2a4fa9fa6a49d7af7f87c27ac48e677d`, MIT (`LICENSE-Omarchy`).
+- `demo.qml`: our test window. Both original qmldir files are preserved; entries outside the tested dependency graph are not bundled.
+
+Unlike `../flea/`, this fixture uses the actual Theme.qml, ThemeColors.qml,
+Glass.qml, ViewState.qml and Omarchy Color/Style/Util singletons. Nothing injects
+fake Theme/Style values. Test HOME contains sample colors.toml and shell.toml;
+these are input data, not substitute QML implementations.
+
+`bun test/manual-flea-theme.js` opens it on the existing Wayland socket and creates
+an isolated temporary HOME. Closing the window removes that temporary directory.
+`bun test test/qml-host.test.js` verifies real palette parsing, measured column
+widths, font size changes through the theme.name watch, process output and cleanup,
+and return from local QML host mode to ordinary sandboxed HTML.
+
+No running Hyprland or Flea Rust backend is required for this Theme test. Missing
+hyprctl takes the upstream fallback paths; live Hyprland-dependent GlassTagger
+creation and full Flea settings writes are not claimed as tested or supported.
+The current test covers the Theme path on Land, not the entire Flea application.
+
+本目錄保留真正上游 QML／JS；Theme 及 Commons 不是 stub。手動示範使用獨立的
+臨時 HOME，讀入範例 TOML，關窗後移除。測試涵蓋主題讀取、文字尺寸、主題更新、
+程序輸出與清理，以及切回普通網頁的隔離。未宣稱完整 Flea 或 Hyprland 相容。
+
+## SettingsRuler
+
+`ui/SettingsRuler.qml` is another unchanged file from the same Flea revision.
+`settings.qml` is our interactive test wrapper: selecting a size changes the real
+ViewState in memory; Theme updates both the original ruler and a text preview.
+The wrapper does not call the persistent settings writer.
+
+`test/qml-quickshell-settings.test.js` optionally runs the same wrapper and upstream
+sources with a locally available Quickshell binary on an isolated Land instance.
+Qt eagerly checks qmldir entries absent from this subset, so only its temporary
+fixture copy filters those missing entries. No QML/JS source is replaced or stubbed.
+The repository's original qmldir files remain unchanged.
+
+SettingsRuler 來自同一上游版本，原檔未修改。互動範例只調整記憶體內的 ViewState，
+不寫個人設定；Quickshell 對照的暫存副本只刪除未打包檔案的 qmldir 索引。
+
+## Additional unchanged controls and models
+
+The following files are copied byte-for-byte from the same Flea revision above:
+
+- `ui/SettingsSegment.qml`, `ui/DialogButton.qml`, `ui/DialogField.qml`
+- `ui/Glyph.qml`, `ui/GlyphSolid.qml`, `ui/Reveal.qml`, `ui/StableModel.qml`
+- `ui/js/Icons.js`, `ui/js/Motion.js`
+
+`button.qml`, `field.qml` and `segment.qml` are our small test wrappers, not
+upstream files. DialogButton and DialogField are tested both through this browser
+and the genuine Quickshell binary. StableModel is tested with a virtualized view,
+including resizing and warm delegates. Source fixtures are not reformatted.
+
+The larger `qml-flea-app`, `qml-flea-previews`, `qml-flea-compile` and
+`qml-flea-wayland` opt-in tests read existing external checkouts instead of
+bundling the entire Flea application. They use a temporary HOME and XDG state;
+backend replies are never replaced. Without an explicitly supplied real FLEA_BIN,
+the unavailable backend state is expected. Those tests do not claim file-manager
+operations or mounting work.
+
+本輪新增的上述上游檔案均保持原文；三個 wrapper 是自製測試入口。
+完整主程式測試讀取隔壁既有 checkout，不把整個 Flea 打包進本專案，
+也不偽造後端服務。沒有實際後端時，不能據此宣稱檔案操作已通過。
+
+`text-metrics.qml` is also our wrapper. It compares empty-string and multiline
+line counts with the actual Quickshell binary; no Qt implementation source is used.

package/test/fixtures/qml/flea-theme/button.qml

@@ -0,0 +1,17 @@
+import QtQuick
+import Quickshell
+import "./ui" as Flea
+FloatingWindow {
+ id: demo
+ width: 600; height: 320
+ color: Flea.Theme.color.background
+ title: "Flea buttons | "+presses
+ Component.onCompleted: action.forceActiveFocus()
+ property int presses: 0
+ Column {
+  x:24;y:24;spacing:24
+  Flea.DialogButton {id:action;label:"Activate";primary:true;tabStop:true;onActivated:demo.presses++}
+  Flea.DialogButton {label:"Disabled";available:false}
+  Text {id:status;text:"Activated: "+demo.presses;color:Flea.Theme.color.foreground}
+ }
+}

package/test/fixtures/qml/flea-theme/demo.qml

@@ -0,0 +1,27 @@
+import QtQuick
+import QtQuick.Controls
+import Quickshell
+import "./ui" as Flea
+FloatingWindow {
+  id: demo
+  property bool alternate: false
+  title: "Flea — real Theme and Omarchy Commons"
+  width: 800; height: 760
+  color: Flea.Theme.color.background
+  Column {
+    x: 24; y: 20; spacing: 12
+    Text {text: "Real Flea Theme"; color: Flea.Theme.color.foreground; font.pixelSize: 24}
+    Text {id: readiness; text: "Palette ready: " + Flea.Theme.ready; color: Flea.Theme.color.muted; font.pixelSize: 16}
+    Flea.EscapeHint {}
+    Button {
+      text: "Toggle palette"
+      onClicked: {
+        demo.alternate = !demo.alternate
+        Flea.Theme.applyColors(demo.alternate
+          ? 'background = "#202030"\nforeground = "#ffeebb"\naccent = "#ffcc66"\nred = "#ff3333"'
+          : 'background = "#101315"\nforeground = "#eeeeee"\naccent = "#70e1e8"\nred = "#ff3333"')
+      }
+    }
+    Text {id: metrics; text: Flea.Theme.tokens(); color: Flea.Theme.color.foreground; font.pixelSize: 13; font.family: Flea.Theme.font.family}
+  }
+}

package/test/fixtures/qml/flea-theme/field.qml

@@ -0,0 +1,21 @@
+import QtQuick
+import Quickshell
+import "./ui" as Flea
+FloatingWindow {
+ id:demo;width:600;height:320
+ property string source:"first"
+ property int edits:0
+ property int accepts:0
+ property int tabs:0
+ color:Flea.Theme.color.background
+ title:"Flea field | "+field.text+" | "+edits+":"+accepts+":"+tabs
+ Flea.DialogField {
+  id:field;x:24;y:24;width:300;label:"Name";text:demo.source
+  onEdited:demo.edits++
+  onAccepted:demo.accepts++
+  onTabbed:function(from,back){demo.tabs+=back?-1:1}
+ }
+ Text {id:status;y:150;text:field.text+"|"+demo.edits+":"+demo.accepts+":"+demo.tabs;color:Flea.Theme.color.foreground}
+ Flea.DialogButton {id:change;x:24;y:200;label:"Change";onActivated:demo.source="second"}
+ Component.onCompleted:field.takeFocus()
+}