zui 0.0.1

data/Components/Builtins/BottomSheet.qml

@@ -0,0 +1,211 @@
+import QtQuick
+import QtQuick.Controls as QQC
+import "../../Theme"
+
+QQC.Popup {
+  id: sheetRoot
+
+  required property var renderer
+  readonly property bool requestedOpen: renderer.prop("opened", false) === true
+    && renderer.prop("visible", true) !== false
+  readonly property string contentLayout: String(renderer.prop("layout", "column"))
+  readonly property real sheetMargin: Number(renderer.prop("margin", Style.spacing.md))
+  readonly property real maximumWidth: Number(renderer.prop("max_width", 720))
+  readonly property real restingX: parent ? Math.max(sheetMargin,
+    (parent.width - width) / 2) : sheetMargin
+  readonly property real restingY: parent ? Math.max(0, parent.height - height - sheetMargin) : 0
+  property real dragOffset: 0
+  property real dragStartOffset: 0
+
+  function closePolicyValue(value) {
+    if (renderer.prop("dismissible", true) === false) return QQC.Popup.NoAutoClose
+    var names = Array.isArray(value) ? value : [value || "escape_and_outside"]
+    var result = 0
+    for (var index = 0; index < names.length; index++) {
+      var name = String(names[index])
+      if (name === "none") continue
+      if (name === "escape" || name === "escape_and_outside") result |= QQC.Popup.CloseOnEscape
+      if (name === "outside" || name === "escape_and_outside") result |= QQC.Popup.CloseOnPressOutside
+      if (name === "outside_parent") result |= QQC.Popup.CloseOnPressOutsideParent
+      if (name === "release_outside") result |= QQC.Popup.CloseOnReleaseOutside
+      if (name === "release_outside_parent") result |= QQC.Popup.CloseOnReleaseOutsideParent
+    }
+    return result
+  }
+
+  function syncOpenState() {
+    if (requestedOpen === opened) return
+    if (requestedOpen) open()
+    else close()
+  }
+
+  function updateDrag(value) {
+    dragOffset = Math.max(0, Math.min(height, value))
+    if (renderer.subscribed("drag"))
+      renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "drag", {
+        offset: dragOffset, progress: height > 0 ? dragOffset / height : 0
+      })
+  }
+
+  function finishDrag() {
+    var progress = height > 0 ? dragOffset / height : 0
+    renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "drag_end", {
+      offset: dragOffset, progress: progress
+    })
+    if (renderer.prop("dismissible", true) !== false
+        && progress >= Number(renderer.prop("dismiss_threshold", 0.3))) {
+      renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "dismiss", {
+        offset: dragOffset, progress: progress
+      })
+      close()
+    } else {
+      dragReturn.restart()
+    }
+  }
+
+  x: restingX
+  y: restingY + dragOffset
+  width: {
+    var available = parent ? parent.width - sheetMargin * 2 : maximumWidth
+    var requested = Number(renderer.prop("width", Math.min(available, maximumWidth)))
+    return Math.max(0, Math.min(requested, available, maximumWidth))
+  }
+  height: Number(renderer.prop("height", 320))
+  modal: renderer.prop("modal", true) !== false
+  dim: renderer.prop("dim", modal) !== false
+  focus: true
+  closePolicy: closePolicyValue(renderer.prop("close_policy", "escape_and_outside"))
+  enabled: renderer.prop("enabled", true) !== false
+  padding: Number(renderer.prop("padding", Style.spacing.lg))
+
+  background: Rectangle {
+    color: renderer.prop("background", Color.background)
+    radius: Number(renderer.prop("radius", Style.cornerRadius))
+    border.width: String(renderer.prop("border_color", "")).length > 0 ? Style.normalBorderWidth : 0
+    border.color: renderer.prop("border_color", "transparent")
+  }
+
+  contentItem: Column {
+    spacing: Number(renderer.prop("spacing", Style.spacing.md))
+
+    Item {
+      width: parent.width
+      height: renderer.prop("handle_visible", true) !== false
+        ? Math.max(Number(renderer.prop("handle_height", 4)) + Style.spacing.sm * 2, 24) : 0
+      visible: height > 0
+
+      Rectangle {
+        anchors.centerIn: parent
+        width: Number(renderer.prop("handle_width", 44))
+        height: Number(renderer.prop("handle_height", 4))
+        radius: height / 2
+        color: renderer.prop("muted", Color.muted)
+      }
+
+      DragHandler {
+        id: sheetDragHandler
+        enabled: renderer.prop("draggable", true) !== false
+          && renderer.prop("dismissible", true) !== false
+        target: null
+        xAxis.enabled: false
+        onActiveChanged: {
+          if (active) sheetRoot.dragStartOffset = sheetRoot.dragOffset
+          else sheetRoot.finishDrag()
+        }
+        onTranslationChanged: {
+          if (active) sheetRoot.updateDrag(sheetRoot.dragStartOffset + translation.y)
+        }
+      }
+    }
+
+    Loader {
+      width: parent.width
+      height: Math.max(0, parent.height - y)
+      sourceComponent: sheetRoot.contentLayout === "row" ? rowContent
+        : (sheetRoot.contentLayout === "stack" ? stackContent : columnContent)
+    }
+  }
+
+  Component {
+    id: columnContent
+    Column {
+      spacing: Number(renderer.prop("spacing", Style.spacing.md))
+      Repeater { model: renderer.node.children || []; delegate: renderer.childDelegateComponent }
+    }
+  }
+
+  Component {
+    id: rowContent
+    Row {
+      spacing: Number(renderer.prop("spacing", Style.spacing.md))
+      Repeater { model: renderer.node.children || []; delegate: renderer.childDelegateComponent }
+    }
+  }
+
+  Component {
+    id: stackContent
+    Item {
+      Repeater { model: renderer.node.children || []; delegate: renderer.childDelegateComponent }
+    }
+  }
+
+  NumberAnimation {
+    id: dragReturn
+    target: sheetRoot
+    property: "dragOffset"
+    to: 0
+    duration: renderer.prop("animated", true) !== false
+      ? Number(renderer.prop("duration", 180)) : 0
+    easing.type: renderer.easingType(renderer.prop("easing", "out_cubic"))
+  }
+
+  enter: Transition {
+    ParallelAnimation {
+      NumberAnimation {
+        property: "opacity"; from: 0; to: 1
+        duration: renderer.prop("animated", true) !== false
+          ? Number(renderer.prop("duration", 220)) : 0
+        easing.type: renderer.easingType(renderer.prop("easing", "out_cubic"))
+      }
+      NumberAnimation {
+        property: "y"; from: sheetRoot.parent ? sheetRoot.parent.height : sheetRoot.restingY
+        to: sheetRoot.restingY
+        duration: renderer.prop("animated", true) !== false
+          ? Number(renderer.prop("duration", 220)) : 0
+        easing.type: renderer.easingType(renderer.prop("easing", "out_cubic"))
+      }
+    }
+  }
+
+  exit: Transition {
+    ParallelAnimation {
+      NumberAnimation {
+        property: "opacity"; from: 1; to: 0
+        duration: renderer.prop("animated", true) !== false
+          ? Number(renderer.prop("duration", 180)) : 0
+        easing.type: renderer.easingType("in_cubic")
+      }
+      NumberAnimation {
+        property: "y"; from: sheetRoot.y
+        to: sheetRoot.parent ? sheetRoot.parent.height : sheetRoot.y + sheetRoot.height
+        duration: renderer.prop("animated", true) !== false
+          ? Number(renderer.prop("duration", 180)) : 0
+        easing.type: renderer.easingType("in_cubic")
+      }
+    }
+  }
+
+  Component.onCompleted: syncOpenState()
+  onRequestedOpenChanged: syncOpenState()
+  onOpened: {
+    dragOffset = 0
+    renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "open", {})
+  }
+  onClosed: renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "close", {})
+  onAboutToShow: renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "about_to_show", {})
+  onAboutToHide: renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "about_to_hide", {})
+  onVisibleChanged: renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId,
+    visible ? "show" : "hide", {})
+  onActiveFocusChanged: renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId,
+    activeFocus ? "focus" : "blur", {})
+}

data/Components/Builtins/Breadcrumb.qml

@@ -0,0 +1,169 @@
+import QtQuick
+import QtQuick.Controls as QQC
+import "../../Theme"
+
+QQC.Pane {
+  id: breadcrumbRoot
+
+  required property var renderer
+  readonly property var destinations: renderer.prop("items", [])
+  readonly property int requestedIndex: Number(renderer.prop("current_index",
+    Array.isArray(destinations) ? destinations.length - 1 : -1))
+  property int currentIndex: -1
+  property bool synchronizing: false
+
+  function itemAt(index) {
+    return Array.isArray(destinations) && index < destinations.length ? destinations[index] : null
+  }
+
+  function itemValue(index, name, fallback) {
+    var item = itemAt(index)
+    return item !== null && typeof item === "object" && item[name] !== undefined
+      ? item[name] : fallback
+  }
+
+  function itemLabel(index) {
+    var item = itemAt(index)
+    return item !== null && typeof item === "object"
+      ? String(item.label === undefined ? (item.text === undefined ? "" : item.text) : item.label)
+      : String(item === null ? "" : item)
+  }
+
+  function itemPayload(index) {
+    return {
+      index: index,
+      label: itemLabel(index),
+      value: itemValue(index, "value", itemLabel(index))
+    }
+  }
+
+  function boundedIndex(value) {
+    var count = Array.isArray(destinations) ? destinations.length : 0
+    return count === 0 ? -1 : Math.max(0, Math.min(count - 1, Number(value)))
+  }
+
+  function syncSelection() {
+    var next = boundedIndex(requestedIndex)
+    if (currentIndex === next) return
+    synchronizing = true
+    currentIndex = next
+    synchronizing = false
+  }
+
+  implicitWidth: Number(renderer.prop("width", 560))
+  implicitHeight: Number(renderer.prop("height", 48))
+  enabled: renderer.prop("enabled", true) !== false
+  visible: renderer.prop("visible", true) !== false
+  padding: Number(renderer.prop("padding", Style.spacing.sm))
+
+  background: Rectangle {
+    color: renderer.prop("background", "transparent")
+    radius: Number(renderer.prop("radius", 0))
+    border.width: String(renderer.prop("border_color", "")).length > 0 ? Style.normalBorderWidth : 0
+    border.color: renderer.prop("border_color", "transparent")
+  }
+
+  contentItem: Flickable {
+    clip: true
+    contentWidth: trail.implicitWidth
+    contentHeight: height
+    interactive: contentWidth > width
+    boundsBehavior: Flickable.StopAtBounds
+
+    Row {
+      id: trail
+      height: parent.height
+      spacing: Number(renderer.prop("spacing", Style.spacing.xs))
+
+      Repeater {
+        model: Array.isArray(breadcrumbRoot.destinations) ? breadcrumbRoot.destinations.length : 0
+        Row {
+          required property int index
+          height: trail.height
+          spacing: Number(renderer.prop("spacing", Style.spacing.xs))
+
+          QQC.ToolButton {
+            id: crumbButton
+            height: Number(renderer.prop("item_height", trail.height))
+            enabled: breadcrumbRoot.enabled && breadcrumbRoot.itemValue(index, "enabled", true) !== false
+            hoverEnabled: true
+
+            contentItem: Row {
+              anchors.centerIn: parent
+              spacing: Style.spacing.xs
+
+              Image {
+                visible: source.toString().length > 0
+                source: String(breadcrumbRoot.itemValue(index, "icon_source", ""))
+                width: Number(renderer.prop("icon_size", Style.font.icon))
+                height: width
+                fillMode: Image.PreserveAspectFit
+                onStatusChanged: {
+                  if (status === Image.Error)
+                    renderer.componentError("breadcrumb_icon_failed",
+                      "Unable to load the declared breadcrumb icon image",
+                      { index: index, source: String(source) })
+                }
+              }
+
+              Text {
+                visible: String(breadcrumbRoot.itemValue(index, "icon", "")).length > 0
+                  && String(breadcrumbRoot.itemValue(index, "icon_source", "")).length === 0
+                text: renderer.iconGlyph(breadcrumbRoot.itemValue(index, "icon", ""))
+                color: crumbButton.enabled ? renderer.prop("foreground", renderer.foreground)
+                  : renderer.prop("muted", Color.muted)
+                font.family: renderer.fontFamily
+                font.pixelSize: Number(renderer.prop("icon_size", Style.font.icon))
+                anchors.verticalCenter: parent.verticalCenter
+              }
+
+              Text {
+                text: breadcrumbRoot.itemLabel(index)
+                color: !crumbButton.enabled ? renderer.prop("muted", Color.muted)
+                  : (breadcrumbRoot.currentIndex === index ? renderer.prop("accent", Color.accent)
+                    : renderer.prop("foreground", renderer.foreground))
+                font.family: String(renderer.prop("font_family", renderer.fontFamily))
+                font.pixelSize: Number(renderer.prop("font_size", Style.font.body))
+                font.bold: breadcrumbRoot.currentIndex === index
+                anchors.verticalCenter: parent.verticalCenter
+              }
+            }
+
+            background: Rectangle { color: "transparent" }
+            onClicked: {
+              breadcrumbRoot.currentIndex = index
+              if (renderer.subscribed("select"))
+                renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId,
+                  "select", breadcrumbRoot.itemPayload(index))
+            }
+          }
+
+          Text {
+            visible: index < breadcrumbRoot.destinations.length - 1
+            text: renderer.iconGlyph(renderer.prop("separator", "chevron_right"))
+            color: renderer.prop("muted", Color.muted)
+            font.family: renderer.fontFamily
+            font.pixelSize: Number(renderer.prop("icon_size", Style.font.icon))
+            anchors.verticalCenter: parent.verticalCenter
+          }
+        }
+      }
+    }
+  }
+
+  onRequestedIndexChanged: syncSelection()
+  onDestinationsChanged: syncSelection()
+  Component.onCompleted: syncSelection()
+  onCurrentIndexChanged: {
+    if (synchronizing || currentIndex < 0) return
+    var payload = itemPayload(currentIndex)
+    if (renderer.subscribed("input"))
+      renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "input", payload)
+    if (renderer.subscribed("change"))
+      renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "change", payload)
+  }
+  onVisibleChanged: renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId,
+    visible ? "show" : "hide", {})
+  onActiveFocusChanged: renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId,
+    activeFocus ? "focus" : "blur", {})
+}

data/Components/Builtins/BubbleChart.qml

@@ -0,0 +1,3 @@
+import QtQuick
+import "Support" as Support
+Support.ChartCanvas { renderer: null; chartType: "bubble" }

data/Components/Builtins/BusyIndicator.qml

@@ -0,0 +1,24 @@
+import QtQuick
+import QtQuick.Controls as QQC
+import "../../Theme"
+
+QQC.BusyIndicator {
+  id: busyRoot
+
+  required property var renderer
+
+  running: renderer.prop("running", true) !== false
+  implicitWidth: Number(renderer.prop("width", 48))
+  implicitHeight: Number(renderer.prop("height", 48))
+  enabled: renderer.prop("enabled", true) !== false
+  opacity: Number(renderer.prop("opacity", enabled ? 1 : 0.5))
+  palette.highlight: renderer.prop("color", Color.accent)
+  palette.accent: renderer.prop("color", Color.accent)
+  Accessible.name: String(renderer.prop("accessible_name", "Loading"))
+  Accessible.role: Accessible.Indicator
+
+  onRunningChanged: renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId,
+    "running_change", { value: running })
+  onVisibleChanged: renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId,
+    visible ? "show" : "hide", {})
+}

data/Components/Builtins/Button.qml

@@ -0,0 +1,55 @@
+import QtMultimedia
+import QtQuick
+import QtQuick.Controls as QQC
+import QtQuick.Layouts
+import QtQuick.VectorImage
+import "../../Theme"
+import "../../Controls" as ZuiControls
+
+ZuiControls.Button {
+    required property var renderer
+
+    text: renderer.escapeAutoText(renderer.prop("text", ""))
+    iconText: renderer.iconGlyph(renderer.prop("icon", ""))
+    tooltipText: renderer.escapeAutoText(renderer.prop("tooltip", ""))
+    selected: renderer.prop("selected", false) === true
+    active: renderer.prop("active", false) === true
+    hasCursor: renderer.prop("cursor", false) === true
+    focusable: renderer.prop("focusable", true) !== false
+    bordered: renderer.prop("bordered", true) !== false
+    foreground: renderer.prop("foreground", renderer.foreground)
+    background: renderer.prop("background", "transparent")
+    accent: renderer.prop("accent", Color.accent)
+    fontFamily: String(renderer.prop("font_family", renderer.fontFamily))
+    fontSize: Number(renderer.prop("font_size", Style.font.body))
+    iconSize: Number(renderer.prop("icon_size", Style.font.icon))
+    iconRotation: Number(renderer.prop("icon_rotation", 0))
+    iconSpinning: renderer.prop("icon_spinning", false) === true
+    horizontalPadding: Number(renderer.prop("horizontal_padding", Style.spacing.controlPaddingX))
+    verticalPadding: Number(renderer.prop("vertical_padding", Style.spacing.controlPaddingY))
+    leftAlign: renderer.prop("left_align", false) === true
+    tooltipBackground: renderer.prop("tooltip_background", Color.tooltip.background)
+    tooltipForeground: renderer.prop("tooltip_foreground", Color.tooltip.text)
+    tooltipBorder: renderer.prop("tooltip_border", Color.tooltip.border)
+    onClicked: {
+        renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "click", {
+        });
+        const url = String(renderer.prop("url", ""));
+        if (url.length > 0) {
+            const opened = Qt.openUrlExternally(url);
+            const eventName = opened ? "open" : "error";
+            if (renderer.subscribed(eventName))
+                renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, eventName, {
+                "url": url
+            });
+
+        }
+    }
+    onRightClicked: renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "right_click", {
+    })
+    onHovered: function(value) {
+        renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "hover", {
+            "value": value
+        });
+    }
+}

data/Components/Builtins/ButtonGroup.qml

@@ -0,0 +1,18 @@
+import QtQuick
+import QtQuick.Controls as QQC
+import QtQuick.Layouts
+import QtMultimedia
+import QtQuick.VectorImage
+import "../../Theme"
+import "../../Controls" as ZuiControls
+
+ZuiControls.ButtonGroup {
+  required property var renderer
+      value: String(renderer.prop("value", "")); options: renderer.prop("options", [])
+      foreground: renderer.prop("foreground", renderer.foreground); background: renderer.prop("background", Color.background)
+      accent: renderer.prop("accent", Color.accent); fontFamily: String(renderer.prop("font_family", renderer.fontFamily))
+      fontSize: Number(renderer.prop("font_size", Style.font.body)); focusable: renderer.prop("focusable", true) !== false
+      cursorIndex: Number(renderer.prop("cursor_index", -1))
+      onChanged: function(value) { renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "change", { value: value }) }
+      onHovered: function(index, value) { renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "hover", { index: index, value: value }) }
+    }

data/Components/Builtins/Calendar.qml

@@ -0,0 +1,55 @@
+import QtQuick
+import QtQuick.Controls as QQC
+import "../../Theme"
+
+Rectangle {
+  id: calendarRoot
+  property var renderer: null
+  property date shownDate: requestedDate()
+  implicitWidth: Number(renderer ? renderer.prop("width", 360) : 360)
+  implicitHeight: Number(renderer ? renderer.prop("height", 360) : 360)
+  color: renderer ? renderer.prop("background", Color.background) : Color.background
+  radius: Number(renderer ? renderer.prop("radius", Style.cornerRadius) : Style.cornerRadius)
+  border.color: renderer ? renderer.prop("border_color", "transparent") : "transparent"
+
+  function parseDate(value) {
+    var parts = String(value || "").split("-")
+    return parts.length === 3 ? new Date(Number(parts[0]), Number(parts[1]) - 1, Number(parts[2])) : new Date()
+  }
+  function requestedDate() { var value=renderer?String(renderer.prop("date","")):"";if(value!=="")return parseDate(value);var now=new Date();return new Date(Number(renderer?renderer.prop("year",now.getFullYear()):now.getFullYear()),Number(renderer?renderer.prop("month",now.getMonth()+1):now.getMonth()+1)-1,now.getDate()) }
+  function dateAllowed(value) { var minimum=renderer?String(renderer.prop("minimum","")):"";var maximum=renderer?String(renderer.prop("maximum","")):"";var text=dateText(value);return (minimum===""||text>=minimum)&&(maximum===""||text<=maximum) }
+  function dateText(value) { return Qt.formatDate(value, "yyyy-MM-dd") }
+  function changeMonth(delta) {
+    shownDate = new Date(shownDate.getFullYear(), shownDate.getMonth() + delta, 1)
+    renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "navigate", { month: shownDate.getMonth() + 1, year: shownDate.getFullYear() })
+  }
+  Column {
+    anchors.fill: parent; anchors.margins: 8; spacing: 4
+    Rectangle {
+      width: parent.width; height: 40; visible: renderer.prop("show_navigation", true) !== false
+      color: renderer.prop("header_background", "transparent")
+      QQC.ToolButton { anchors.left: parent.left; text: "‹"; onClicked: calendarRoot.changeMonth(-1) }
+      Text { anchors.fill: parent; anchors.leftMargin: 40; anchors.rightMargin: 40; text: Qt.formatDate(calendarRoot.shownDate, "MMMM yyyy"); color: renderer.prop("foreground", renderer.foreground); font.family: renderer.prop("font_family", renderer.fontFamily); font.pixelSize: Number(renderer.prop("font_size", Style.font.body)); font.bold: true; horizontalAlignment: Text.AlignHCenter; verticalAlignment: Text.AlignVCenter }
+      QQC.ToolButton { anchors.right: parent.right; text: "›"; onClicked: calendarRoot.changeMonth(1) }
+    }
+    Item {
+      width: parent.width; height: parent.height - y
+      readonly property real weekWidth: renderer.prop("show_week_numbers", false) === true ? 36 : 0
+      QQC.DayOfWeekRow { x: parent.weekWidth; width: parent.width - parent.weekWidth; height: 32; locale: Qt.locale(String(renderer.prop("locale", Qt.locale().name))) }
+      QQC.WeekNumberColumn { visible: parent.weekWidth > 0; width: parent.weekWidth; y: 32; height: parent.height - 32; month: calendarRoot.shownDate.getMonth(); year: calendarRoot.shownDate.getFullYear(); locale: Qt.locale(String(renderer.prop("locale", Qt.locale().name))); delegate: Text { required property var model; text: model.weekNumber; color: renderer.prop("muted", Color.muted); horizontalAlignment: Text.AlignHCenter; verticalAlignment: Text.AlignVCenter } }
+      QQC.MonthGrid {
+        id: nativeGrid
+        x: parent.weekWidth; y: 32; width: parent.width - parent.weekWidth; height: parent.height - 32
+        month: calendarRoot.shownDate.getMonth(); year: calendarRoot.shownDate.getFullYear(); locale: Qt.locale(String(renderer.prop("locale", Qt.locale().name)))
+        delegate: Text {
+          required property var model
+          horizontalAlignment: Text.AlignHCenter; verticalAlignment: Text.AlignVCenter
+          text: model.day; opacity: calendarRoot.dateAllowed(model.date) ? 1 : 0.35; color: model.month === nativeGrid.month ? renderer.prop("foreground", renderer.foreground) : renderer.prop("muted", Color.muted)
+          font.family: renderer.prop("font_family", renderer.fontFamily); font.pixelSize: Number(renderer.prop("font_size", Style.font.body))
+          Rectangle { anchors.fill: parent; z: -1; radius: width / 2; color: calendarRoot.dateText(model.date) === calendarRoot.dateText(calendarRoot.shownDate) ? renderer.prop("selected_background", renderer.prop("accent", Color.accent)) : (calendarRoot.dateText(model.date) === calendarRoot.dateText(new Date()) ? renderer.prop("today_background", Color.popups.background) : "transparent") }
+        }
+        onClicked: function(date) { if(!calendarRoot.dateAllowed(date))return;calendarRoot.shownDate = date; var payload = { value: calendarRoot.dateText(date) }; renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "input", payload); renderer.bridge.sendEvent(renderer.surfaceName, renderer.controlId, "change", payload) }
+      }
+    }
+  }
+}

data/Components/Builtins/Camera.qml

@@ -0,0 +1,18 @@
+import QtQuick
+import QtMultimedia
+
+Item {
+  id:cameraRoot;property var renderer:null;property alias camera:nativeCamera;property int handledCommandRevision:-1
+  function deviceValid(){var requested=String(renderer?renderer.prop("camera_device",""):"");if(requested==="")return true;var list=mediaDevices.videoInputs;for(var i=0;i<list.length;i++)if(String(list[i].id)===requested||list[i].description===requested)return true;if(renderer)renderer.componentError("camera_device_not_found","The declared camera device does not exist",{device:requested});return false}
+  function device(){var requested=String(renderer?renderer.prop("camera_device",""):"");var list=mediaDevices.videoInputs;if(requested==="")return mediaDevices.defaultVideoInput;for(var i=0;i<list.length;i++)if(String(list[i].id)===requested||list[i].description===requested)return list[i];return null}
+  function focusMode(){var value=String(renderer?renderer.prop("focus_mode","auto"):"auto");if(value==="auto_near")return Camera.FocusModeAutoNear;if(value==="auto_far")return Camera.FocusModeAutoFar;if(value==="hyperfocal")return Camera.FocusModeHyperfocal;if(value==="infinity")return Camera.FocusModeInfinity;if(value==="manual")return Camera.FocusModeManual;return Camera.FocusModeAuto}
+  function flashMode(){var value=String(renderer?renderer.prop("flash_mode","auto"):"auto");if(value==="off")return Camera.FlashOff;if(value==="on")return Camera.FlashOn;return Camera.FlashAuto}
+  function torchMode(){var value=String(renderer?renderer.prop("torch_mode","off"):"off");if(value==="on")return Camera.TorchOn;if(value==="auto")return Camera.TorchAuto;return Camera.TorchOff}
+  function exposureMode(){var value=String(renderer?renderer.prop("exposure_mode","auto"):"auto");var modes={manual:Camera.ExposureManual,portrait:Camera.ExposurePortrait,night:Camera.ExposureNight,sports:Camera.ExposureSports,snow:Camera.ExposureSnow,beach:Camera.ExposureBeach,action:Camera.ExposureAction,landscape:Camera.ExposureLandscape,night_portrait:Camera.ExposureNightPortrait,theatre:Camera.ExposureTheatre,sunset:Camera.ExposureSunset,steady_photo:Camera.ExposureSteadyPhoto,fireworks:Camera.ExposureFireworks,party:Camera.ExposureParty,candlelight:Camera.ExposureCandlelight,barcode:Camera.ExposureBarcode};return modes[value]===undefined?Camera.ExposureAuto:modes[value]}
+  function whiteBalanceMode(){var value=String(renderer?renderer.prop("white_balance_mode","auto"):"auto");var modes={manual:Camera.WhiteBalanceManual,sunlight:Camera.WhiteBalanceSunlight,cloudy:Camera.WhiteBalanceCloudy,shade:Camera.WhiteBalanceShade,tungsten:Camera.WhiteBalanceTungsten,fluorescent:Camera.WhiteBalanceFluorescent,flash:Camera.WhiteBalanceFlash,sunset:Camera.WhiteBalanceSunset};return modes[value]===undefined?Camera.WhiteBalanceAuto:modes[value]}
+  function send(name,payload){if(renderer&&renderer.subscribed(name))renderer.bridge.sendEvent(renderer.surfaceName,renderer.controlId,name,payload||{})}
+  function command(){if(!renderer)return;var revision=Number(renderer.prop("command_revision",0));if(revision===handledCommandRevision)return;handledCommandRevision=revision;var value=String(renderer.prop("command",""));if(value==="start")nativeCamera.start();else if(value==="stop")nativeCamera.stop()}
+  MediaDevices{id:mediaDevices}
+  Camera{id:nativeCamera;cameraDevice:cameraRoot.device();active:renderer&&renderer.prop("active",false)===true&&cameraRoot.deviceValid();focusMode:cameraRoot.focusMode();flashMode:cameraRoot.flashMode();torchMode:cameraRoot.torchMode();exposureMode:cameraRoot.exposureMode();exposureCompensation:Number(renderer?renderer.prop("exposure_compensation",0):0);manualIsoSensitivity:Number(renderer?renderer.prop("iso",-1):-1);manualExposureTime:Number(renderer?renderer.prop("shutter_speed",-1):-1);whiteBalanceMode:cameraRoot.whiteBalanceMode();colorTemperature:Number(renderer?renderer.prop("color_temperature",0):0);zoomFactor:Number(renderer?renderer.prop("zoom_factor",1):1);onActiveChanged:{cameraRoot.send(active?"start":"stop",{});cameraRoot.send("active_change",{value:active})} onFocusModeChanged:cameraRoot.send("focus",{mode:focusMode,distance:focusDistance});onExposureModeChanged:cameraRoot.send("exposure",{mode:exposureMode,compensation:exposureCompensation,iso:isoSensitivity,shutter_speed:exposureTime});onErrorOccurred:function(error,errorString){renderer.componentError("camera_failed",errorString,{native_code:error})}}
+  Component.onCompleted:command();Connections{target:renderer;function onNodeChanged(){cameraRoot.command()}}
+}

data/Components/Builtins/CandlestickChart.qml

@@ -0,0 +1,3 @@
+import QtQuick
+import "Support" as Support
+Support.ChartCanvas { renderer: null; chartType: "candlestick" }