PySide6-Examples 6.7.0__cp39-abi3-win_amd64.whl

PySide6/examples/demos/colorpaletteclient/ColorPalette/UserMenu.qml

@@ -0,0 +1,139 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+pragma ComponentBehavior: Bound
+
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import QtQuick.Effects
+
+import QtExampleStyle
+import ColorPalette
+
+Popup {
+    id: userMenu
+
+    required property BasicLogin userLoginService
+    required property PaginatedColorUsersResource userMenuUsers
+
+    width: 280
+    height: 270
+
+    ColumnLayout {
+        anchors.fill: parent
+
+        ListView {
+            id: userListView
+
+            model: userMenu.userMenuUsers.model
+            spacing: 5
+            footerPositioning: ListView.PullBackFooter
+            clip: true
+
+            Layout.fillHeight: true
+            Layout.fillWidth: true
+
+            delegate: Rectangle {
+                id: userInfo
+
+                required property string email
+                required property string avatar
+
+                height: 30
+                width: userListView.width
+
+
+                readonly property bool logged: (email === loginService.user)
+
+                Rectangle {
+                    id: userImageCliped
+                    anchors.left: parent.left
+                    anchors.verticalCenter: parent.verticalCenter
+                    width: 30
+                    height: 30
+
+                    Image {
+                        id: userImage
+                        anchors.fill: parent
+                        source: userInfo.avatar
+                        visible: false
+                    }
+
+                    Image {
+                        id: userMask
+                        source: "qrc:/qt/qml/ColorPalette/icons/userMask.svg"
+                        anchors.fill: userImage
+                        anchors.margins: 4
+                        visible: false
+                    }
+
+                    MultiEffect {
+                        source: userImage
+                        anchors.fill: userImage
+                        maskSource: userMask
+                        maskEnabled: true
+                    }
+                }
+
+                Text {
+                    id: userMailLabel
+                    anchors.left: userImageCliped.right
+                    anchors.verticalCenter: parent.verticalCenter
+                    anchors.margins: 5
+                    text: userInfo.email
+                    font.bold: userInfo.logged
+                }
+
+                ToolButton {
+                    anchors.right: parent.right
+                    anchors.verticalCenter: parent.verticalCenter
+                    anchors.margins: 5
+
+                    icon.source: UIStyle.iconPath(userInfo.logged
+                                 ? "logout" : "login")
+                    enabled: userInfo.logged || !userMenu.userLoginService.loggedIn
+
+                    onClicked: {
+                        if (userInfo.logged) {
+                            userMenu.userLoginService.logout()
+                        } else {
+                            //! [Login]
+                            userMenu.userLoginService.login({"email" : userInfo.email,
+                                                "password" : "apassword",
+                                                "id" : userInfo.id})
+                            //! [Login]
+                            userMenu.close()
+                        }
+                    }
+                }
+
+            }
+            footer: ToolBar {
+                // Paginate buttons if more than one page
+                visible: userMenu.userMenuUsers.pages > 1
+                implicitWidth: parent.width
+
+                RowLayout {
+                    anchors.fill: parent
+
+                    Item { Layout.fillWidth: true /* spacer */ }
+
+                    Repeater {
+                        model: userMenu.userMenuUsers.pages
+
+                        ToolButton {
+                            text: page
+                            font.bold: userMenu.userMenuUsers.page === page
+
+                            required property int index
+                            readonly property int page: (index + 1)
+
+                            onClicked: userMenu.userMenuUsers.page = page
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

PySide6/examples/demos/colorpaletteclient/ColorPalette/qmldir

@@ -0,0 +1,7 @@
+module ColorPalette
+Main 1.0 Main.qml
+ColorDialogDelete 1.0 ColorDialogDelete.qml
+ColorDialogEditor 1.0 ColorDialogEditor.qml
+ColorView 1.0 ColorView.qml
+ServerSelection 1.0 ServerSelection.qml
+UserMenu 1.0 UserMenu.qml

PySide6/examples/demos/colorpaletteclient/QtExampleStyle/Button.qml

@@ -0,0 +1,48 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Controls.impl
+import QtQuick.Templates as T
+
+T.Button {
+    id: control
+
+    property alias buttonColor: rect.color
+    property alias textColor: label.color
+
+    implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
+                            implicitContentWidth + leftPadding + rightPadding)
+    implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
+                             implicitContentHeight + topPadding + bottomPadding)
+
+    leftPadding: 15
+    rightPadding: 15
+    topPadding: 10
+    bottomPadding: 10
+
+    background: Rectangle {
+        id: rect
+        radius: 8
+        border.color: "#E0E2E7"
+        border.width: 1
+        color: "#FFFFFF"
+    }
+
+    icon.width: 24
+    icon.height: 24
+    icon.color: control.palette.buttonText
+
+    contentItem: IconLabel {
+        id: label
+        spacing: control.spacing
+        mirrored: control.mirrored
+        display: control.display
+
+        icon: control.icon
+        text: control.text
+        font.pixelSize: 14
+        color: "#667085"
+    }
+}

PySide6/examples/demos/colorpaletteclient/QtExampleStyle/CMakeLists.txt

@@ -0,0 +1,54 @@
+# Copyright (C) 2023 The Qt Company Ltd.
+# SPDX-License-Identifier: BSD-3-Clause
+
+cmake_minimum_required(VERSION 3.16)
+project(qtexamplestyle LANGUAGES CXX)
+
+set(CMAKE_AUTOMOC ON)
+
+if(NOT DEFINED INSTALL_EXAMPLESDIR)
+    set(INSTALL_EXAMPLESDIR "examples")
+endif()
+
+set(INSTALL_EXAMPLEDIR "${INSTALL_EXAMPLESDIR}/quickcontrols/colorpaletteclient/QtExampleStyle")
+
+find_package(Qt6 REQUIRED COMPONENTS Core Gui Quick QuickControls2)
+
+set_source_files_properties(UIStyle.qml
+    PROPERTIES
+        QT_QML_SINGLETON_TYPE TRUE
+)
+
+qt_policy(SET QTP0001 NEW)
+qt_add_qml_module(qtexamplestyle
+    URI QtExampleStyle
+    PLUGIN_TARGET qtexamplestyle
+    QML_FILES
+        Button.qml
+        Popup.qml
+        UIStyle.qml
+        TextField.qml
+)
+
+target_link_libraries(qtexamplestyle PUBLIC
+    Qt6::Core
+    Qt6::Gui
+    Qt6::Quick
+    Qt6::QuickControls2
+)
+
+if(UNIX AND NOT APPLE AND CMAKE_CROSSCOMPILING)
+    find_package(Qt6 REQUIRED COMPONENTS QuickTemplates2)
+
+    # Work around QTBUG-86533
+    target_link_libraries(qtexamplestyle PRIVATE Qt6::QuickTemplates2)
+endif()
+
+install(TARGETS qtexamplestyle
+    RUNTIME DESTINATION "${INSTALL_EXAMPLEDIR}"
+    BUNDLE DESTINATION "${INSTALL_EXAMPLEDIR}"
+    LIBRARY DESTINATION "${INSTALL_EXAMPLEDIR}"
+)
+install(FILES ${CMAKE_CURRENT_BINARY_DIR}/qmldir
+    DESTINATION "${INSTALL_EXAMPLEDIR}"
+)

PySide6/examples/demos/colorpaletteclient/QtExampleStyle/Popup.qml

@@ -0,0 +1,27 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+import QtQuick
+import QtQuick.Templates as T
+
+T.Popup {
+    id: control
+
+    implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
+                            implicitContentWidth + leftPadding + rightPadding)
+    implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
+                             implicitContentHeight + topPadding + bottomPadding)
+
+    leftPadding: 15
+    rightPadding: 15
+    topPadding: 10
+    bottomPadding: 10
+
+    background: Rectangle {
+        id: bg
+        radius: 8
+        border.color: "#E0E2E7"
+        border.width: 2
+        color: "#FFFFFF"
+    }
+}

PySide6/examples/demos/colorpaletteclient/QtExampleStyle/TextField.qml

@@ -0,0 +1,22 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+import QtQuick
+import QtQuick.Templates as T
+
+T.TextField {
+    id: control
+    placeholderText: ""
+
+    implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset, contentWidth + leftPadding + rightPadding)
+    implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
+                             contentHeight + topPadding + bottomPadding)
+
+    background: Rectangle {
+        implicitWidth: 200
+        implicitHeight: 40
+        radius: 8
+        color: control.enabled ? "transparent" : "#353637"
+        border.color: "#E0E2E7"
+    }
+}

PySide6/examples/demos/colorpaletteclient/QtExampleStyle/UIStyle.qml

@@ -0,0 +1,29 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+pragma Singleton
+
+import QtQuick
+
+QtObject {
+    id: uiStyle
+
+    // Font Sizes
+    readonly property int fontSizeXXS: 10
+    readonly property int fontSizeXS: 15
+    readonly property int fontSizeS: 20
+    readonly property int fontSizeM: 25
+    readonly property int fontSizeL: 30
+    readonly property int fontSizeXL: 35
+    readonly property int fontSizeXXL: 40
+
+    // Color Scheme
+    // Green
+    readonly property color colorQtPrimGreen: "#41cd52"
+    readonly property color colorQtAuxGreen1: "#21be2b"
+    readonly property color colorQtAuxGreen2: "#17a81a"
+
+    function iconPath(baseImagePath) {
+        return `qrc:/qt/qml/ColorPalette/icons/${baseImagePath}.svg`
+    }
+}

PySide6/examples/demos/colorpaletteclient/QtExampleStyle/qmldir

@@ -0,0 +1,5 @@
+module QtExampleStyle
+Button 1.0 Button.qml
+Popup 1.0 Popup.qml
+TextField 1.0 TextField.qml
+singleton UIStyle 1.0 UIStyle.qml

PySide6/examples/demos/colorpaletteclient/abstractresource.py

@@ -0,0 +1,24 @@
+# Copyright (C) 2024 The Qt Company Ltd.
+# SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+from PySide6.QtCore import QObject
+from PySide6.QtQml import QmlAnonymous
+
+
+QML_IMPORT_NAME = "ColorPalette"
+QML_IMPORT_MAJOR_VERSION = 1
+
+
+@QmlAnonymous
+class AbstractResource(QObject):
+
+    def __init__(self, parent=None):
+        super().__init__(parent)
+        self.m_manager = None  # QRestAccessManager
+        self.m_api = None  # QNetworkRequestFactory
+
+    def setAccessManager(self, manager):
+        self.m_manager = manager
+
+    def setServiceApi(self, serviceApi):
+        self.m_api = serviceApi

PySide6/examples/demos/colorpaletteclient/basiclogin.py

@@ -0,0 +1,100 @@
+# Copyright (C) 2024 The Qt Company Ltd.
+# SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+import sys
+from functools import partial
+from dataclasses import dataclass
+
+from PySide6.QtCore import Property, Signal, Slot
+from PySide6.QtNetwork import QHttpHeaders
+from PySide6.QtQml import QmlElement
+
+from abstractresource import AbstractResource
+
+
+tokenField = "token"
+emailField = "email"
+idField = "id"
+
+
+QML_IMPORT_NAME = "ColorPalette"
+QML_IMPORT_MAJOR_VERSION = 1
+
+
+@QmlElement
+class BasicLogin(AbstractResource):
+    @dataclass
+    class User:
+        email: str
+        token: bytes
+        id: int
+
+    userChanged = Signal()
+
+    def __init__(self, parent=None):
+        super().__init__(parent)
+        self.m_user = None
+        self.m_loginPath = ""
+        self.m_logoutPath = ""
+        self.m_user = None
+
+    @Property(str, notify=userChanged)
+    def user(self):
+        return self.m_user.email if self.m_user else ""
+
+    @Property(bool, notify=userChanged)
+    def loggedIn(self):
+        return bool(self.m_user)
+
+    @Property(str)
+    def loginPath(self):
+        return self.m_loginPath
+
+    @loginPath.setter
+    def loginPath(self, p):
+        self.m_loginPath = p
+
+    @Property(str)
+    def logoutPath(self):
+        return self.m_logoutPath
+
+    @logoutPath.setter
+    def logoutPath(self, p):
+        self.m_logoutPath = p
+
+    @Slot("QVariantMap")
+    def login(self, data):
+        request = self.m_api.createRequest(self.m_loginPath)
+        self.m_manager.post(request, data, self, partial(self.loginReply, data))
+
+    def loginReply(self, data, reply):
+        self.m_user = None
+        if not reply.isSuccess():
+            print("login: ", reply.errorString(), file=sys.stderr)
+        (json, error) = reply.readJson()
+        if json and json.isObject():
+            json_object = json.object()
+            token = json_object.get(tokenField)
+            if token:
+                email = data[emailField]
+                token = json_object[tokenField]
+                id = data[idField]
+                self.m_user = BasicLogin.User(email, token, id)
+
+        headers = QHttpHeaders()
+        headers.append("token", self.m_user.token if self.m_user else "")
+        self.m_api.setCommonHeaders(headers)
+        self.userChanged.emit()
+
+    @Slot()
+    def logout(self):
+        request = self.m_api.createRequest(self.m_logoutPath)
+        self.m_manager.post(request, b"", self, self.logoutReply)
+
+    def logoutReply(self, reply):
+        if reply.isSuccess():
+            self.m_user = None
+            self.m_api.clearCommonHeaders()  # clears 'token' header
+            self.userChanged.emit()
+        else:
+            print("logout: ", reply.errorString(), file=sys.stderr)

PySide6/examples/demos/colorpaletteclient/colorpaletteclient.pyproject

@@ -0,0 +1,21 @@
+{
+    "files": [
+        "abstractresource.py",
+        "basiclogin.py",
+        "main.py",
+        "paginatedresource.py",
+        "restservice.py",
+        "colorpaletteclient.qrc",
+        "ColorPalette/ColorDialogDelete.qml",
+        "ColorPalette/ColorDialogEditor.qml",
+        "ColorPalette/ColorView.qml",
+        "ColorPalette/Main.qml",
+        "ColorPalette/ServerSelection.qml",
+        "ColorPalette/UserMenu.qml",
+        "QtExampleStyle/Button.qml",
+        "QtExampleStyle/Popup.qml",
+        "QtExampleStyle/TextField.qml",
+        "QtExampleStyle/UIStyle.qml",
+        "colorpaletteclient.qrc"
+    ]
+}

PySide6/examples/demos/colorpaletteclient/colorpaletteclient.qrc

@@ -0,0 +1,17 @@
+<RCC>
+    <qresource prefix="/qt/qml/ColorPalette">
+        <file>icons/close.svg</file>
+        <file>icons/delete.svg</file>
+        <file>icons/dots.svg</file>
+        <file>icons/edit.svg</file>
+        <file>icons/login.svg</file>
+        <file>icons/logout.svg</file>
+        <file>icons/ok.svg</file>
+        <file>icons/plus.svg</file>
+        <file>icons/qt.png</file>
+        <file>icons/testserver.png</file>
+        <file>icons/update.svg</file>
+        <file>icons/user.svg</file>
+        <file>icons/userMask.svg</file>
+    </qresource>
+</RCC>

PySide6/examples/demos/colorpaletteclient/doc/colorpaletteclient.rst

@@ -0,0 +1,79 @@
+RESTful API client
+==================
+
+Example of how to create a RESTful API QML client.
+
+This example shows how to create a basic QML RESTful API client with an
+imaginary color palette service. The application uses RESTful communication
+with the selected server to request and send data. The REST service is provided
+as a QML element whose child elements wrap the individual JSON data APIs
+provided by the server.
+
+Application functionality
+-------------------------
+
+The example provides the following basic functionalities:
+* Select the server to communicate with
+* List users and colors
+* Login and logout users
+* Modify and create new colors
+
+Server selection
+----------------
+
+At start the application presents the options for the color palette server to communicate
+with. The predefined options are:
+
+* ``https://reqres.in``, a publicly available REST API test service
+* A Qt-based REST API server example in ``QtHttpServer``
+
+Once selected, the RESTful API client issues a test HTTP GET to the color API
+to check if the service is accessible.
+
+One major difference between the two predefined API options is that the
+Qt-based REST API server example is a stateful application which allows
+modifying colors, whereas the ``reqres.in`` is a stateless API testing service.
+In other words, when using the ``reqres.in`` backend, modifying the colors has
+no lasting impact.
+
+The users and colors are paginated resources on the server-side. This means
+that the server provides the data in chunks called pages. The UI listing
+reflects this pagination and views the data on pages.
+
+Viewing the data on UI is done with standard QML views where the model are
+QAbstractListModel-derived classes representing JSON data received from the
+server.
+
+Logging in happens via the login function provided by the login popup. Under
+the hood the login sends a HTTP POST request. Upon receiving a successful
+response the authorization token is extracted from the response, which in turn
+is then used in subsequent HTTP requests which require the token.
+
+Editing and adding new colors is done in a popup. Note that uploading the color
+changes to the server requires that a user has logged in.
+
+REST implementation
+-------------------
+
+The example illustrates one way to compose a REST service from individual resource elements. In
+this example the resources are the paginated user and color resources plus the login service.
+The resource elements are bound together by the base URL (server URL) and the shared network access
+manager.
+
+The basis of the REST service is the RestService QML element whose children items
+compose the actual service.
+
+Upon instantiation the RestService element loops its children elements and sets
+them up to use the same network access manager. This way the individual
+resources share the same access details such as the server URL and
+authorization token.
+
+The actual communication is done with a rest access manager which implements
+some convenience functionality to deal specifically with HTTP REST APIs and
+effectively deals with sending and receiving the ``QNetworkRequest`` and
+``QNetworkReply`` as needed.
+
+.. image:: colorpaletteclient.webp
+   :width: 90%
+   :align: center
+   :alt: RESTful API client

PySide6/examples/demos/colorpaletteclient/icons/close.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.4501 37.65L10.3501 35.55L21.9001 24L10.3501 12.45L12.4501 10.35L24.0001 21.9L35.5501 10.35L37.6501 12.45L26.1001 24L37.6501 35.55L35.5501 37.65L24.0001 26.1L12.4501 37.65Z" fill="#667085"/>
+</svg>

PySide6/examples/demos/colorpaletteclient/icons/delete.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.05 42C12.225 42 11.5187 41.7062 10.9313 41.1188C10.3438 40.5312 10.05 39.825 10.05 39V10.5H8V7.5H17.4V6H30.6V7.5H40V10.5H37.95V39C37.95 39.8 37.65 40.5 37.05 41.1C36.45 41.7 35.75 42 34.95 42H13.05ZM34.95 10.5H13.05V39H34.95V10.5ZM18.35 34.7H21.35V14.75H18.35V34.7ZM26.65 34.7H29.65V14.75H26.65V34.7Z" fill="#667085"/>
+</svg>

PySide6/examples/demos/colorpaletteclient/icons/dots.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3929 26.4C9.73097 26.4 9.16667 26.1643 8.7 25.6929C8.23333 25.2215 8 24.6548 8 23.9929C8 23.3309 8.2357 22.7666 8.7071 22.3C9.17847 21.8333 9.74513 21.6 10.4071 21.6C11.069 21.6 11.6333 21.8357 12.1 22.3071C12.5667 22.7784 12.8 23.3451 12.8 24.0071C12.8 24.669 12.5643 25.2333 12.0929 25.7C11.6215 26.1666 11.0549 26.4 10.3929 26.4ZM23.9929 26.4C23.331 26.4 22.7667 26.1643 22.3 25.6929C21.8333 25.2215 21.6 24.6548 21.6 23.9929C21.6 23.3309 21.8357 22.7666 22.3071 22.3C22.7785 21.8333 23.3451 21.6 24.0071 21.6C24.669 21.6 25.2333 21.8357 25.7 22.3071C26.1667 22.7784 26.4 23.3451 26.4 24.0071C26.4 24.669 26.1643 25.2333 25.6929 25.7C25.2215 26.1666 24.6549 26.4 23.9929 26.4ZM37.5929 26.4C36.931 26.4 36.3667 26.1643 35.9 25.6929C35.4333 25.2215 35.2 24.6548 35.2 23.9929C35.2 23.3309 35.4357 22.7666 35.9071 22.3C36.3785 21.8333 36.9451 21.6 37.6071 21.6C38.269 21.6 38.8333 21.8357 39.3 22.3071C39.7667 22.7784 40 23.3451 40 24.0071C40 24.669 39.7643 25.2333 39.2929 25.7C38.8215 26.1666 38.2549 26.4 37.5929 26.4Z" fill="#667085"/>
+</svg>

PySide6/examples/demos/colorpaletteclient/icons/edit.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 39H11.2L33.35 16.85L31.15 14.65L9 36.8V39ZM39.7 14.7L33.3 8.29998L35.4 6.19998C35.9667 5.63331 36.6667 5.34998 37.5 5.34998C38.3333 5.34998 39.0333 5.63331 39.6 6.19998L41.8 8.39998C42.3667 8.96664 42.65 9.66664 42.65 10.5C42.65 11.3333 42.3667 12.0333 41.8 12.6L39.7 14.7ZM37.6 16.8L12.4 42H6V35.6L31.2 10.4L37.6 16.8ZM32.25 15.75L31.15 14.65L33.35 16.85L32.25 15.75Z" fill="#667085"/>
+</svg>

PySide6/examples/demos/colorpaletteclient/icons/login.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.45 42V39H39V9H24.45V6H39C39.8 6 40.5 6.3 41.1 6.9C41.7 7.5 42 8.2 42 9V39C42 39.8 41.7 40.5 41.1 41.1C40.5 41.7 39.8 42 39 42H24.45ZM20.55 32.75L18.4 30.6L23.5 25.5H6V22.5H23.4L18.3 17.4L20.45 15.25L29.25 24.05L20.55 32.75Z" fill="#667085"/>
+</svg>

PySide6/examples/demos/colorpaletteclient/icons/logout.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 42C8.2 42 7.5 41.7 6.9 41.1C6.3 40.5 6 39.8 6 39V9C6 8.2 6.3 7.5 6.9 6.9C7.5 6.3 8.2 6 9 6H23.55V9H9V39H23.55V42H9ZM33.3 32.75L31.15 30.6L36.25 25.5H18.75V22.5H36.15L31.05 17.4L33.2 15.25L42 24.05L33.3 32.75Z" fill="#667085"/>
+</svg>

PySide6/examples/demos/colorpaletteclient/icons/ok.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.9002 35.7L7.7002 24.5L9.8502 22.35L18.9002 31.4L38.1002 12.2L40.2502 14.35L18.9002 35.7Z" fill="#667085"/>
+</svg>

PySide6/examples/demos/colorpaletteclient/icons/plus.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5 38V25.5H10V22.5H22.5V10H25.5V22.5H38V25.5H25.5V38H22.5Z" fill="#667085"/>
+</svg>

PySide6/examples/demos/colorpaletteclient/icons/qt_attribution.json

@@ -0,0 +1,14 @@
+{
+    "Id": "colorpaletteclient",
+    "Name": "Selected Material Icons",
+    "QDocModule": "qtdoc",
+    "QtUsage": "Used in Color Palette Client example in QtDoc",
+    "QtParts": [
+        "examples"
+    ],
+    "Files": "close.svg delete.svg dots.svg edit.svg login.svg logout.svg ok.svg update.svg user.svg",
+    "Homepage": "https://fonts.google.com/icons",
+    "License": "Apache License Version 2.0",
+    "LicenseId": "Apache-2.0",
+    "Copyright": "Copyright 2018 Google, Inc. All Rights Reserved."
+}

PySide6/examples/demos/colorpaletteclient/icons/update.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 40C19.5667 40 15.7917 38.4417 12.675 35.325C9.55833 32.2083 8 28.4333 8 24C8 19.5667 9.55833 15.7917 12.675 12.675C15.7917 9.55833 19.5667 8 24 8C26.8333 8 29.3167 8.575 31.45 9.725C33.5833 10.875 35.4333 12.45 37 14.45V8H40V20.7H27.3V17.7H35.7C34.4333 15.7 32.8167 14.0833 30.85 12.85C28.8833 11.6167 26.6 11 24 11C20.3667 11 17.2917 12.2583 14.775 14.775C12.2583 17.2917 11 20.3667 11 24C11 27.6333 12.2583 30.7083 14.775 33.225C17.2917 35.7417 20.3667 37 24 37C26.7667 37 29.3 36.2083 31.6 34.625C33.9 33.0417 35.5 30.95 36.4 28.35H39.5C38.5333 31.85 36.6167 34.6667 33.75 36.8C30.8833 38.9333 27.6333 40 24 40Z" fill="#667085"/>
+</svg>

PySide6/examples/demos/colorpaletteclient/icons/user.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="#E6E6E6"/>
+<path d="M15.5 12C16.3284 12 17 12.6716 17 13.5V14C17 15.9714 15.1405 18 12 18C8.85951 18 7 15.9714 7 14V13.5C7 12.6716 7.67157 12 8.5 12H15.5ZM15.5 13H8.5C8.22386 13 8 13.2239 8 13.5V14C8 15.4376 9.43216 17 12 17C14.5678 17 16 15.4376 16 14V13.5C16 13.2239 15.7761 13 15.5 13ZM12 5.5C13.5188 5.5 14.75 6.73122 14.75 8.25C14.75 9.76878 13.5188 11 12 11C10.4812 11 9.25 9.76878 9.25 8.25C9.25 6.73122 10.4812 5.5 12 5.5ZM12 6.5C11.0335 6.5 10.25 7.2835 10.25 8.25C10.25 9.2165 11.0335 10 12 10C12.9665 10 13.75 9.2165 13.75 8.25C13.75 7.2835 12.9665 6.5 12 6.5Z" fill="#616161"/>
+</svg>

PySide6/examples/demos/colorpaletteclient/icons/userMask.svg

@@ -0,0 +1,3 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="15" cy="15" rx="13" ry="13" fill="black"/>
+</svg>