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

package/{index.js → dist/index.js}

@@ -2,390 +2,17 @@
 // Copyright © SixtyFPS GmbH <info@slint.dev>
 // SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-2.0 OR LicenseRef-Slint-Software-3.0
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.quitEventLoop = exports.runEventLoop = exports.loadSource = exports.loadFile = exports.CompileError = exports.private_api = exports.ArrayModel = exports.Model = void 0;
-const napi = require("./rust-module.cjs");
-class ModelIterator {
-    row;
-    model;
-    constructor(model) {
-        this.model = model;
-        this.row = 0;
-    }
-    next() {
-        if (this.row < this.model.rowCount()) {
-            const row = this.row;
-            this.row++;
-            return {
-                done: false,
-                value: this.model.rowData(row),
-            };
-        }
-        return {
-            done: true,
-            value: undefined,
-        };
-    }
-}
-/**
- * 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()
- *    }
- *}
- * ```
- */
-class Model {
-    /**
-     * @hidden
-     */
-    modelNotify;
-    constructor() {
-        this.modelNotify = napi.jsModelNotifyNew(this);
-    }
-    /**
-     * 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, _data) {
-        console.log("setRowData called on a model which does not re-implement this method. This happens when trying to modify a read-only model");
-    }
-    [Symbol.iterator]() {
-        return new ModelIterator(this);
-    }
-    /**
-     * Notifies the view that the data of the current row is changed.
-     * @param row index of the changed row.
-     */
-    notifyRowDataChanged(row) {
-        napi.jsModelNotifyRowDataChanged(this.modelNotify, row);
-    }
-    /**
-     * 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.
-     */
-    notifyRowAdded(row, count) {
-        napi.jsModelNotifyRowAdded(this.modelNotify, row, count);
-    }
-    /**
-     * 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.
-     */
-    notifyRowRemoved(row, count) {
-        napi.jsModelNotifyRowRemoved(this.modelNotify, row, count);
-    }
-    /**
-     * Notifies the view that the complete data must be reload.
-     */
-    notifyReset() {
-        napi.jsModelNotifyReset(this.modelNotify);
-    }
-}
-exports.Model = Model;
-/**
- * ArrayModel wraps a JavaScript array for use in `.slint` views. The underlying
- * array can be modified with the [[ArrayModel.push]] and [[ArrayModel.remove]] methods.
- */
-class ArrayModel extends Model {
-    /**
-     * @hidden
-     */
-    #array;
-    /**
-     * Creates a new ArrayModel.
-     *
-     * @param arr
-     */
-    constructor(arr) {
-        super();
-        this.#array = arr;
-    }
-    /**
-     * Returns the number of entries in the array model.
-     */
-    get length() {
-        return this.#array.length;
-    }
-    /**
-     * Returns the number of entries in the array model.
-     */
-    rowCount() {
-        return this.#array.length;
-    }
-    /**
-     * 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) {
-        return this.#array[row];
-    }
-    /**
-     * 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, data) {
-        this.#array[row] = data;
-        this.notifyRowDataChanged(row);
-    }
-    /**
-     * 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) {
-        const size = this.#array.length;
-        Array.prototype.push.apply(this.#array, values);
-        this.notifyRowAdded(size, arguments.length);
-    }
-    /**
-     * Removes the last element from the array and returns it.
-     *
-     * @returns The removed element or undefined if the array is empty.
-     */
-    pop() {
-        const last = this.#array.pop();
-        if (last !== undefined) {
-            this.notifyRowRemoved(this.#array.length, 1);
-        }
-        return last;
-    }
-    // FIXME: should this be named splice and have the splice api?
-    /**
-     * 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, size) {
-        const r = this.#array.splice(index, size);
-        this.notifyRowRemoved(index, size);
-    }
-    /**
-     * Returns an iterable of values in the array.
-     */
-    values() {
-        return this.#array.values();
-    }
-    /**
-     * Returns an iterable of key, value pairs for every entry in the array.
-     */
-    entries() {
-        return this.#array.entries();
-    }
-}
-exports.ArrayModel = ArrayModel;
-var private_api;
-(function (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 extends Model {
-        sourceModel;
-        #mapFunction;
-        /**
-         * 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, mapFunction) {
-            super();
-            this.sourceModel = sourceModel;
-            this.#mapFunction = mapFunction;
-        }
-        /**
-         * Returns the number of entries in the model.
-         */
-        rowCount() {
-            return this.sourceModel.rowCount();
-        }
-        /**
-         * 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) {
-            const data = this.sourceModel.rowData(row);
-            if (data === undefined) {
-                return undefined;
-            }
-            return this.#mapFunction(data);
-        }
-    }
-    private_api.MapModel = MapModel;
-})(private_api || (exports.private_api = private_api = {}));
+exports.private_api = exports.quitEventLoop = exports.runEventLoop = exports.loadSource = exports.loadFile = exports.CompileError = exports.ArrayModel = exports.Model = exports.Brush = exports.RgbaColor = exports.DiagnosticLevel = exports.Diagnostic = void 0;
+const napi = require("../rust-module.cjs");
+var rust_module_cjs_1 = require("../rust-module.cjs");
+Object.defineProperty(exports, "Diagnostic", { enumerable: true, get: function () { return rust_module_cjs_1.Diagnostic; } });
+Object.defineProperty(exports, "DiagnosticLevel", { enumerable: true, get: function () { return rust_module_cjs_1.DiagnosticLevel; } });
+Object.defineProperty(exports, "RgbaColor", { enumerable: true, get: function () { return rust_module_cjs_1.RgbaColor; } });
+Object.defineProperty(exports, "Brush", { enumerable: true, get: function () { return rust_module_cjs_1.Brush; } });
+const models_1 = require("./models");
+Object.defineProperty(exports, "Model", { enumerable: true, get: function () { return models_1.Model; } });
+var models_2 = require("./models");
+Object.defineProperty(exports, "ArrayModel", { enumerable: true, get: function () { return models_2.ArrayModel; } });
 /**
  * @hidden
  */
@@ -787,6 +414,162 @@ function quitEventLoop() {
     globalEventLoop.quit();
 }
 exports.quitEventLoop = quitEventLoop;
+var private_api;
+(function (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 extends models_1.Model {
+        sourceModel;
+        #mapFunction;
+        /**
+         * 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, mapFunction) {
+            super(sourceModel.modelNotify);
+            this.sourceModel = sourceModel;
+            this.#mapFunction = mapFunction;
+        }
+        /**
+         * Returns the number of entries in the model.
+         */
+        rowCount() {
+            return this.sourceModel.rowCount();
+        }
+        /**
+         * 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) {
+            const data = this.sourceModel.rowData(row);
+            if (data === undefined) {
+                return undefined;
+            }
+            return this.#mapFunction(data);
+        }
+    }
+    private_api.MapModel = MapModel;
+})(private_api || (exports.private_api = private_api = {}));
 /**
  * @hidden
  */