slint-ui 1.9.0-nightly.2024092723 → 1.9.0-nightly.2024100103

package/Cargo.toml

@@ -18,6 +18,7 @@ build = "build.rs"
 
 [lib]
 crate-type = ["cdylib"]
+path = "rust/lib.rs"
 
 [features]
 default = ["backend-winit", "renderer-femtovg", "renderer-software", "backend-qt", "accessibility"]
@@ -40,10 +41,10 @@ accessibility = ["slint-interpreter/accessibility"]
 [dependencies]
 napi = { version = "2.14.0", default-features = false, features = ["napi8"] }
 napi-derive = "2.14.0"
-i-slint-compiler = { features = ["default"] , git = "https://github.com/slint-ui/slint", rev = "b2016239d182278d5af5e2aecf62d70ff7659460", version = "=1.9.0", default-features = false }
-i-slint-core = { features = ["default"] , git = "https://github.com/slint-ui/slint", rev = "b2016239d182278d5af5e2aecf62d70ff7659460", version = "=1.9.0", default-features = false }
-i-slint-backend-selector = { git = "https://github.com/slint-ui/slint", rev = "b2016239d182278d5af5e2aecf62d70ff7659460", version = "=1.9.0", default-features = false }
-slint-interpreter = { default-features = false , features = ["display-diagnostics", "internal", "compat-1-2"] , git = "https://github.com/slint-ui/slint", rev = "b2016239d182278d5af5e2aecf62d70ff7659460", version = "=1.9.0"}
+i-slint-compiler = { features = ["default"] , git = "https://github.com/slint-ui/slint", rev = "f041075e76b61b95df3cff8c430776cb032e20fb", version = "=1.9.0", default-features = false }
+i-slint-core = { features = ["default"] , git = "https://github.com/slint-ui/slint", rev = "f041075e76b61b95df3cff8c430776cb032e20fb", version = "=1.9.0", default-features = false }
+i-slint-backend-selector = { git = "https://github.com/slint-ui/slint", rev = "f041075e76b61b95df3cff8c430776cb032e20fb", version = "=1.9.0", default-features = false }
+slint-interpreter = { default-features = false , features = ["display-diagnostics", "internal", "compat-1-2"] , git = "https://github.com/slint-ui/slint", rev = "f041075e76b61b95df3cff8c430776cb032e20fb", version = "=1.9.0"}
 spin_on = { version = "0.1" }
 css-color-parser2 = { version = "1.0.1" }
 itertools = { version = "0.13" }

package/{index.d.ts → dist/index.d.ts}

@@ -1,5 +1,8 @@
-import * as napi from "./rust-module.cjs";
-export { Diagnostic, DiagnosticLevel, RgbaColor, Brush, } from "./rust-module";
+import * as napi from "../rust-module.cjs";
+export { Diagnostic, DiagnosticLevel, RgbaColor, Brush, } from "../rust-module.cjs";
+import { Model } from "./models";
+export { Model };
+export { ArrayModel } from "./models";
 /**
  *  Represents a two-dimensional point.
  */
@@ -85,313 +88,6 @@ export interface ImageData {
      */
     get height(): number;
 }
-/**
- * Model<T> is the interface for feeding dynamic data into
- * `.slint` views.
- *
- * A model is organized like a table with rows of data. The
- * fields of the data type T behave like columns.
- *
- * @template T the type of the model's items.
- *
- * ### Example
- * As an example let's see the implementation of {@link ArrayModel}
- *
- * ```js
- * export class ArrayModel<T> extends Model<T> {
- *    private a: Array<T>
- *
- *   constructor(arr: Array<T>) {
- *        super();
- *        this.a = arr;
- *    }
- *
- *    rowCount() {
- *        return this.a.length;
- *    }
- *
- *    rowData(row: number) {
- *       return this.a[row];
- *    }
- *
- *    setRowData(row: number, data: T) {
- *        this.a[row] = data;
- *        this.notifyRowDataChanged(row);
- *    }
- *
- *    push(...values: T[]) {
- *        let size = this.a.length;
- *        Array.prototype.push.apply(this.a, values);
- *        this.notifyRowAdded(size, arguments.length);
- *    }
- *
- *    remove(index: number, size: number) {
- *        let r = this.a.splice(index, size);
- *        this.notifyRowRemoved(index, size);
- *    }
- *
- *    get length(): number {
- *        return this.a.length;
- *    }
- *
- *    values(): IterableIterator<T> {
- *        return this.a.values();
- *    }
- *
- *    entries(): IterableIterator<[number, T]> {
- *        return this.a.entries()
- *    }
- *}
- * ```
- */
-export declare abstract class Model<T> implements Iterable<T> {
-    /**
-     * @hidden
-     */
-    modelNotify: napi.ExternalObject<napi.SharedModelNotify>;
-    constructor();
-    /**
-     * Implementations of this function must return the current number of rows.
-     */
-    abstract rowCount(): number;
-    /**
-     * Implementations of this function must return the data at the specified row.
-     * @param row index in range 0..(rowCount() - 1).
-     * @returns undefined if row is out of range otherwise the data.
-     */
-    abstract rowData(row: number): T | undefined;
-    /**
-     * Implementations of this function must store the provided data parameter
-     * in the model at the specified row.
-     * @param _row index in range 0..(rowCount() - 1).
-     * @param _data new data item to store on the given row index
-     */
-    setRowData(_row: number, _data: T): void;
-    [Symbol.iterator](): Iterator<T>;
-    /**
-     * Notifies the view that the data of the current row is changed.
-     * @param row index of the changed row.
-     */
-    protected notifyRowDataChanged(row: number): void;
-    /**
-     * Notifies the view that multiple rows are added to the model.
-     * @param row index of the first added row.
-     * @param count the number of added items.
-     */
-    protected notifyRowAdded(row: number, count: number): void;
-    /**
-     * Notifies the view that multiple rows are removed to the model.
-     * @param row index of the first removed row.
-     * @param count the number of removed items.
-     */
-    protected notifyRowRemoved(row: number, count: number): void;
-    /**
-     * Notifies the view that the complete data must be reload.
-     */
-    protected notifyReset(): void;
-}
-/**
- * ArrayModel wraps a JavaScript array for use in `.slint` views. The underlying
- * array can be modified with the [[ArrayModel.push]] and [[ArrayModel.remove]] methods.
- */
-export declare class ArrayModel<T> extends Model<T> {
-    #private;
-    /**
-     * Creates a new ArrayModel.
-     *
-     * @param arr
-     */
-    constructor(arr: Array<T>);
-    /**
-     * Returns the number of entries in the array model.
-     */
-    get length(): number;
-    /**
-     * Returns the number of entries in the array model.
-     */
-    rowCount(): number;
-    /**
-     * Returns the data at the specified row.
-     * @param row index in range 0..(rowCount() - 1).
-     * @returns undefined if row is out of range otherwise the data.
-     */
-    rowData(row: number): T;
-    /**
-     * Stores the given data on the given row index and notifies run-time about the changed row.
-     * @param row index in range 0..(rowCount() - 1).
-     * @param data new data item to store on the given row index
-     */
-    setRowData(row: number, data: T): void;
-    /**
-     * Pushes new values to the array that's backing the model and notifies
-     * the run-time about the added rows.
-     * @param values list of values that will be pushed to the array.
-     */
-    push(...values: T[]): void;
-    /**
-     * Removes the last element from the array and returns it.
-     *
-     * @returns The removed element or undefined if the array is empty.
-     */
-    pop(): T | undefined;
-    /**
-     * Removes the specified number of element from the array that's backing
-     * the model, starting at the specified index.
-     * @param index index of first row to remove.
-     * @param size number of rows to remove.
-     */
-    remove(index: number, size: number): void;
-    /**
-     * Returns an iterable of values in the array.
-     */
-    values(): IterableIterator<T>;
-    /**
-     * Returns an iterable of key, value pairs for every entry in the array.
-     */
-    entries(): IterableIterator<[number, T]>;
-}
-export declare namespace private_api {
-    /**
-     * Provides rows that are generated by a map function based on the rows of another Model.
-     *
-     * @template T item type of source model that is mapped to U.
-     * @template U the type of the mapped items
-     *
-     * ## Example
-     *
-     *  Here we have a {@link ArrayModel} holding rows of a custom interface `Name` and a {@link MapModel} that maps the name rows
-     *  to single string rows.
-     *
-     * ```ts
-     * import { Model, ArrayModel, MapModel } from "./index";
-     *
-     * interface Name {
-     *     first: string;
-     *     last: string;
-     * }
-     *
-     * const model = new ArrayModel<Name>([
-     *     {
-     *         first: "Hans",
-     *         last: "Emil",
-     *     },
-     *     {
-     *         first: "Max",
-     *         last: "Mustermann",
-     *     },
-     *     {
-     *         first: "Roman",
-     *         last: "Tisch",
-     *     },
-     * ]);
-     *
-     * const mappedModel = new MapModel(
-     *     model,
-     *     (data) => {
-     *         return data.last + ", " + data.first;
-     *     }
-     * );
-     *
-     * // prints "Emil, Hans"
-     * console.log(mappedModel.rowData(0));
-     *
-     * // prints "Mustermann, Max"
-     * console.log(mappedModel.rowData(1));
-     *
-     * // prints "Tisch, Roman"
-     * console.log(mappedModel.rowData(2));
-     *
-     * // Alternatively you can use the shortcut {@link MapModel.map}.
-     *
-     * const model = new ArrayModel<Name>([
-     *     {
-     *         first: "Hans",
-     *         last: "Emil",
-     *     },
-     *     {
-     *         first: "Max",
-     *         last: "Mustermann",
-     *     },
-     *     {
-     *         first: "Roman",
-     *         last: "Tisch",
-     *     },
-     * ]);
-     *
-     * const mappedModel = model.map(
-     *     (data) => {
-     *         return data.last + ", " + data.first;
-     *     }
-     * );
-     *
-     *
-     * // prints "Emil, Hans"
-     * console.log(mappedModel.rowData(0));
-     *
-     * // prints "Mustermann, Max"
-     * console.log(mappedModel.rowData(1));
-     *
-     * // prints "Tisch, Roman"
-     * console.log(mappedModel.rowData(2));
-     *
-     * // You can modifying the underlying {@link ArrayModel}:
-     *
-     * const model = new ArrayModel<Name>([
-     *     {
-     *         first: "Hans",
-     *         last: "Emil",
-     *     },
-     *     {
-     *         first: "Max",
-     *         last: "Mustermann",
-     *     },
-     *     {
-     *         first: "Roman",
-     *         last: "Tisch",
-     *     },
-     * ]);
-     *
-     * const mappedModel = model.map(
-     *     (data) => {
-     *         return data.last + ", " + data.first;
-     *     }
-     * );
-     *
-     * model.setRowData(1, { first: "Minnie", last: "Musterfrau" } );
-     *
-     * // prints "Emil, Hans"
-     * console.log(mappedModel.rowData(0));
-     *
-     * // prints "Musterfrau, Minnie"
-     * console.log(mappedModel.rowData(1));
-     *
-     * // prints "Tisch, Roman"
-     * console.log(mappedModel.rowData(2));
-     * ```
-     */
-    class MapModel<T, U> extends Model<U> {
-        #private;
-        readonly sourceModel: Model<T>;
-        /**
-         * Constructs the MapModel with a source model and map functions.
-         * @template T item type of source model that is mapped to U.
-         * @template U the type of the mapped items.
-         * @param sourceModel the wrapped model.
-         * @param mapFunction maps the data from T to U.
-         */
-        constructor(sourceModel: Model<T>, mapFunction: (data: T) => U);
-        /**
-         * Returns the number of entries in the model.
-         */
-        rowCount(): number;
-        /**
-         * Returns the data at the specified row.
-         * @param row index in range 0..(rowCount() - 1).
-         * @returns undefined if row is out of range otherwise the data.
-         */
-        rowData(row: number): U | undefined;
-    }
-}
 /**
  * This interface describes the public API of a Slint component that is common to all instances. Use this to
  * show() the window on the screen, access the window and subsequent window properties, or start the
@@ -566,6 +262,148 @@ export declare function runEventLoop(args?: Function | {
  from run_event_loop() will resolve in a later tick of the nodejs event loop.
  */
 export declare function quitEventLoop(): void;
+export declare namespace private_api {
+    /**
+     * Provides rows that are generated by a map function based on the rows of another Model.
+     *
+     * @template T item type of source model that is mapped to U.
+     * @template U the type of the mapped items
+     *
+     * ## Example
+     *
+     *  Here we have a {@link ArrayModel} holding rows of a custom interface `Name` and a {@link MapModel} that maps the name rows
+     *  to single string rows.
+     *
+     * ```ts
+     * import { Model, ArrayModel, MapModel } from "./index";
+     *
+     * interface Name {
+     *     first: string;
+     *     last: string;
+     * }
+     *
+     * const model = new ArrayModel<Name>([
+     *     {
+     *         first: "Hans",
+     *         last: "Emil",
+     *     },
+     *     {
+     *         first: "Max",
+     *         last: "Mustermann",
+     *     },
+     *     {
+     *         first: "Roman",
+     *         last: "Tisch",
+     *     },
+     * ]);
+     *
+     * const mappedModel = new MapModel(
+     *     model,
+     *     (data) => {
+     *         return data.last + ", " + data.first;
+     *     }
+     * );
+     *
+     * // prints "Emil, Hans"
+     * console.log(mappedModel.rowData(0));
+     *
+     * // prints "Mustermann, Max"
+     * console.log(mappedModel.rowData(1));
+     *
+     * // prints "Tisch, Roman"
+     * console.log(mappedModel.rowData(2));
+     *
+     * // Alternatively you can use the shortcut {@link MapModel.map}.
+     *
+     * const model = new ArrayModel<Name>([
+     *     {
+     *         first: "Hans",
+     *         last: "Emil",
+     *     },
+     *     {
+     *         first: "Max",
+     *         last: "Mustermann",
+     *     },
+     *     {
+     *         first: "Roman",
+     *         last: "Tisch",
+     *     },
+     * ]);
+     *
+     * const mappedModel = model.map(
+     *     (data) => {
+     *         return data.last + ", " + data.first;
+     *     }
+     * );
+     *
+     *
+     * // prints "Emil, Hans"
+     * console.log(mappedModel.rowData(0));
+     *
+     * // prints "Mustermann, Max"
+     * console.log(mappedModel.rowData(1));
+     *
+     * // prints "Tisch, Roman"
+     * console.log(mappedModel.rowData(2));
+     *
+     * // You can modifying the underlying {@link ArrayModel}:
+     *
+     * const model = new ArrayModel<Name>([
+     *     {
+     *         first: "Hans",
+     *         last: "Emil",
+     *     },
+     *     {
+     *         first: "Max",
+     *         last: "Mustermann",
+     *     },
+     *     {
+     *         first: "Roman",
+     *         last: "Tisch",
+     *     },
+     * ]);
+     *
+     * const mappedModel = model.map(
+     *     (data) => {
+     *         return data.last + ", " + data.first;
+     *     }
+     * );
+     *
+     * model.setRowData(1, { first: "Minnie", last: "Musterfrau" } );
+     *
+     * // prints "Emil, Hans"
+     * console.log(mappedModel.rowData(0));
+     *
+     * // prints "Musterfrau, Minnie"
+     * console.log(mappedModel.rowData(1));
+     *
+     * // prints "Tisch, Roman"
+     * console.log(mappedModel.rowData(2));
+     * ```
+     */
+    class MapModel<T, U> extends Model<U> {
+        #private;
+        readonly sourceModel: Model<T>;
+        /**
+         * Constructs the MapModel with a source model and map functions.
+         * @template T item type of source model that is mapped to U.
+         * @template U the type of the mapped items.
+         * @param sourceModel the wrapped model.
+         * @param mapFunction maps the data from T to U.
+         */
+        constructor(sourceModel: Model<T>, mapFunction: (data: T) => U);
+        /**
+         * Returns the number of entries in the model.
+         */
+        rowCount(): number;
+        /**
+         * Returns the data at the specified row.
+         * @param row index in range 0..(rowCount() - 1).
+         * @returns undefined if row is out of range otherwise the data.
+         */
+        rowData(row: number): U | undefined;
+    }
+}
 /**
  * @hidden
  */