@api-client/ui 0.0.17 → 0.1.1

package/build/src/builders/DialogBuilder.js

@@ -1,227 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { UiDialogElement } from '../md/dialog/ui-dialog.js';
-import { bound } from '../decorators/bound.js';
-import '../md/dialog/ui-dialog.js';
-/**
- * A programmatic access to the dialog UI.
- * It hook ups to the `Activity` lifecycle methods to control the dialog.
- * When the activity is destroyed, the dialog is destroyed along with it.
- * When the activity is paused, the dialog is hidden, but not removed from the DOM.
- * THe dialog then becomes visible again when the activity resumes.
- */
-let DialogBuilder = (() => {
-    let _instanceExtraInitializers = [];
-    let _handleActivityDestroy_decorators;
-    let _handleActivityPause_decorators;
-    let _handleActivityResume_decorators;
-    let _handleDialogClosed_decorators;
-    return class DialogBuilder {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _handleActivityDestroy_decorators = [bound];
-            _handleActivityPause_decorators = [bound];
-            _handleActivityResume_decorators = [bound];
-            _handleDialogClosed_decorators = [bound];
-            __esDecorate(this, null, _handleActivityDestroy_decorators, { kind: "method", name: "handleActivityDestroy", static: false, private: false, access: { has: obj => "handleActivityDestroy" in obj, get: obj => obj.handleActivityDestroy }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleActivityPause_decorators, { kind: "method", name: "handleActivityPause", static: false, private: false, access: { has: obj => "handleActivityPause" in obj, get: obj => obj.handleActivityPause }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleActivityResume_decorators, { kind: "method", name: "handleActivityResume", static: false, private: false, access: { has: obj => "handleActivityResume" in obj, get: obj => obj.handleActivityResume }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleDialogClosed_decorators, { kind: "method", name: "handleDialogClosed", static: false, private: false, access: { has: obj => "handleDialogClosed" in obj, get: obj => obj.handleDialogClosed }, metadata: _metadata }, null, _instanceExtraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        parent = __runInitializers(this, _instanceExtraInitializers);
-        title;
-        description;
-        positiveAction;
-        negativeAction;
-        /**
-         * When rendered, it sets the corresponding class name to the dialog.
-         */
-        renderAs = 'message';
-        dialogTemplate;
-        #formCallback;
-        dialog;
-        /**
-         * The styles to be ingected into the dialog's shadow DOM.
-         */
-        dialogStyles;
-        constructor(parent) {
-            this.parent = parent;
-            parent.addEventListener('activity:destroy', this.handleActivityDestroy);
-            parent.addEventListener('activity:pause', this.handleActivityPause);
-            parent.addEventListener('activity:resume', this.handleActivityResume);
-            parent.addEventListener('fragment:destroy', this.handleActivityDestroy);
-            parent.addEventListener('fragment:pause', this.handleActivityPause);
-            parent.addEventListener('fragment:resume', this.handleActivityResume);
-        }
-        /**
-         * Sets the dialog title.
-         * @param title The title of the dialog to set. Undefined/empty to clear.
-         * @returns The instance of this class for chaining.
-         */
-        setTitle(title) {
-            this.title = title;
-            return this;
-        }
-        /**
-         * Sets the dialog description.
-         * @param title The value to to set. Undefined/empty to clear.
-         * @returns The instance of this class for chaining.
-         */
-        setDescription(description) {
-            this.description = description;
-            return this;
-        }
-        /**
-         * Sets the positive action that closes the dialog.
-         *
-         * @param action The action to call when the positive action is triggered.
-         * @param label The label of the positive button. Default to "OK"
-         * @returns The instance of this class for chaining.
-         */
-        setPositiveAction(options) {
-            this.positiveAction = options;
-            return this;
-        }
-        /**
-         * Sets the negative action that closes the dialog.
-         *
-         * @param action The action to call when the negative action is triggered.
-         * @param label The label of the negative button. Default to "Cancel"
-         * @returns The instance of this class for chaining.
-         */
-        setNegativeAction(options) {
-            this.negativeAction = options;
-            return this;
-        }
-        /**
-         * By default, the dialog is rendered as a message dialog. Set to a different type to
-         * change the rendering.
-         *
-         * @param renderAs The value for the type of the dialog.
-         * @returns The instance of this class for chaining.
-         */
-        setRenderAs(renderAs) {
-            this.renderAs = renderAs;
-            return this;
-        }
-        /**
-         * Sets the template to render inside the dialog's body.
-         * @param template The lit template to render.
-         * @param host The event target to use for binding
-         * @returns The instance of this class for chaining.
-         */
-        setTemplate(template) {
-            this.dialogTemplate = template;
-            return this;
-        }
-        setStyles(styles) {
-            this.dialogStyles = styles;
-            return this;
-        }
-        /**
-         * Wraps the dialog content into a form. The form is submitted by the positive action.
-         * If the event passed in the callback is not cancelled, the positive action is called.
-         * @param callback The function to be called when the form is submitted.
-         * @returns This for chaining
-         */
-        useForm(callback) {
-            this.#formCallback = callback;
-            return this;
-        }
-        /**
-         * Creates the dialog and returns the instance of it.
-         * The dialog is not yet added to the DOM nor it is opened.
-         *
-         * @returns The instance of the dialog class.
-         */
-        build() {
-            const dialog = new UiDialogElement();
-            dialog.classList.add('activity-dialog');
-            dialog.classList.add(this.renderAs);
-            dialog.classList.add(this.parent.constructor.name.toLocaleLowerCase());
-            if (this.title) {
-                dialog.innerHTML += `<span slot="title">${this.title}</span>`;
-            }
-            if (this.description) {
-                dialog.innerHTML += `<div class="dialog-description">${this.description}</div>`;
-            }
-            if (this.dialogTemplate) {
-                dialog.inject(this.dialogTemplate, this.dialogStyles);
-            }
-            if (this.negativeAction) {
-                const { label = 'Cancel' } = this.negativeAction;
-                dialog.dismissLabel = label;
-            }
-            if (this.positiveAction) {
-                const { label = 'OK' } = this.positiveAction;
-                dialog.confirmLabel = label;
-                dialog.confirmValue = this.positiveAction.value;
-            }
-            if (this.#formCallback) {
-                dialog.useForm = true;
-                dialog.addEventListener('submit', this.#formCallback.bind(this.parent));
-            }
-            dialog.addEventListener('close', this.handleDialogClosed);
-            return dialog;
-        }
-        /**
-         * Creates the dialog by calling the `build()` function,
-         * sets the `dialog` property, appends it to the body,
-         * and finally opens the dialog as modal.
-         *
-         * This method does not return `this` as you can't manipulate the dialog anymore.
-         */
-        open() {
-            if (!this.dialog) {
-                this.dialog = this.build();
-                document.body.appendChild(this.dialog);
-            }
-            this.dialog.open = true;
-            this.dialog.modal = true;
-        }
-        /**
-         * Closes the dialog. The dialog behaves like the a negative action was triggered.
-         */
-        close() {
-            if (this.dialog) {
-                this.dialog.open = false;
-            }
-        }
-        handleActivityDestroy() {
-            this.dispose();
-        }
-        handleActivityPause() {
-            this.dialog?.classList.add('hidden');
-        }
-        handleActivityResume() {
-            this.dialog?.classList.remove('hidden');
-        }
-        handleDialogClosed(event) {
-            const { cancelled, value } = event.detail;
-            if (cancelled && this.negativeAction && this.negativeAction.action) {
-                this.negativeAction.action(value);
-            }
-            else if (!cancelled && this.positiveAction && this.positiveAction.action) {
-                this.positiveAction.action(value);
-            }
-            this.dispose();
-        }
-        /**
-         * Removes the dialog from the DOM and removes all listeners.
-         * The dialog does not call any lifecycle methods.
-         */
-        dispose() {
-            this.dialog?.removeEventListener('close', this.handleDialogClosed);
-            this.dialog?.remove();
-            this.dialog = undefined;
-            this.parent.removeEventListener('activity:destroy', this.handleActivityDestroy);
-            this.parent.removeEventListener('activity:pause', this.handleActivityPause);
-            this.parent.removeEventListener('activity:resume', this.handleActivityResume);
-            parent.removeEventListener('fragment:destroy', this.handleActivityDestroy);
-            parent.removeEventListener('fragment:pause', this.handleActivityPause);
-            parent.removeEventListener('fragment:resume', this.handleActivityResume);
-        }
-    };
-})();
-export { DialogBuilder };
-//# sourceMappingURL=DialogBuilder.js.map

package/build/src/builders/DialogBuilder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogBuilder.js","sourceRoot":"","sources":["../../../src/builders/DialogBuilder.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultOrNative, type TemplateResult } from 'lit'\nimport type { Activity } from '../core/Activity.js'\nimport type { Fragment } from '../core/Fragment.js'\nimport { RenderFunction, type UiDialogClosingReason } from '../md/dialog/internals/Dialog.js'\nimport { UiDialogElement } from '../md/dialog/ui-dialog.js'\nimport { bound } from '../decorators/bound.js'\n\nimport '../md/dialog/ui-dialog.js'\n\nexport type RenderAs = 'message' | 'error' | 'picker'\n\nexport interface ActionOptions {\n  /**\n   * The label to show on the action button.\n   * Default labels are `OK` for the positive action and `Cancel` for the negative action.\n   */\n  label?: string\n\n  /**\n   * The action to call when the positive action is triggered.\n   * @param value Optional value returned by the dialog.\n   */\n  action?: (value?: unknown) => void\n}\n\nexport interface PositiveActionOptions extends ActionOptions {\n  /**\n   * When set it sets the value on the positive action button.\n   */\n  value?: string\n}\n\n/**\n * A programmatic access to the dialog UI.\n * It hook ups to the `Activity` lifecycle methods to control the dialog.\n * When the activity is destroyed, the dialog is destroyed along with it.\n * When the activity is paused, the dialog is hidden, but not removed from the DOM.\n * THe dialog then becomes visible again when the activity resumes.\n */\nexport class DialogBuilder {\n  private title: string | undefined\n  private description: string | undefined\n  private positiveAction: PositiveActionOptions | undefined\n  private negativeAction: ActionOptions | undefined\n  /**\n   * When rendered, it sets the corresponding class name to the dialog.\n   */\n  private renderAs: RenderAs = 'message'\n  private dialogTemplate?: TemplateResult | RenderFunction\n  #formCallback?: (e: SubmitEvent) => void\n  dialog?: UiDialogElement\n  /**\n   * The styles to be ingected into the dialog's shadow DOM.\n   */\n  dialogStyles?: CSSResultOrNative[]\n\n  constructor(private parent: Activity | Fragment) {\n    parent.addEventListener('activity:destroy', this.handleActivityDestroy)\n    parent.addEventListener('activity:pause', this.handleActivityPause)\n    parent.addEventListener('activity:resume', this.handleActivityResume)\n    parent.addEventListener('fragment:destroy', this.handleActivityDestroy)\n    parent.addEventListener('fragment:pause', this.handleActivityPause)\n    parent.addEventListener('fragment:resume', this.handleActivityResume)\n  }\n\n  /**\n   * Sets the dialog title.\n   * @param title The title of the dialog to set. Undefined/empty to clear.\n   * @returns The instance of this class for chaining.\n   */\n  setTitle(title?: string): this {\n    this.title = title\n    return this\n  }\n\n  /**\n   * Sets the dialog description.\n   * @param title The value to to set. Undefined/empty to clear.\n   * @returns The instance of this class for chaining.\n   */\n  setDescription(description: string): this {\n    this.description = description\n    return this\n  }\n\n  /**\n   * Sets the positive action that closes the dialog.\n   *\n   * @param action The action to call when the positive action is triggered.\n   * @param label The label of the positive button. Default to \"OK\"\n   * @returns The instance of this class for chaining.\n   */\n  setPositiveAction(options?: PositiveActionOptions): this {\n    this.positiveAction = options\n    return this\n  }\n\n  /**\n   * Sets the negative action that closes the dialog.\n   *\n   * @param action The action to call when the negative action is triggered.\n   * @param label The label of the negative button. Default to \"Cancel\"\n   * @returns The instance of this class for chaining.\n   */\n  setNegativeAction(options?: ActionOptions): this {\n    this.negativeAction = options\n    return this\n  }\n\n  /**\n   * By default, the dialog is rendered as a message dialog. Set to a different type to\n   * change the rendering.\n   *\n   * @param renderAs The value for the type of the dialog.\n   * @returns The instance of this class for chaining.\n   */\n  setRenderAs(renderAs: RenderAs): this {\n    this.renderAs = renderAs\n    return this\n  }\n\n  /**\n   * Sets the template to render inside the dialog's body.\n   * @param template The lit template to render.\n   * @param host The event target to use for binding\n   * @returns The instance of this class for chaining.\n   */\n  setTemplate(template: TemplateResult | RenderFunction | undefined): this {\n    this.dialogTemplate = template\n    return this\n  }\n\n  setStyles(styles: CSSResultOrNative[]): this {\n    this.dialogStyles = styles\n    return this\n  }\n\n  /**\n   * Wraps the dialog content into a form. The form is submitted by the positive action.\n   * If the event passed in the callback is not cancelled, the positive action is called.\n   * @param callback The function to be called when the form is submitted.\n   * @returns This for chaining\n   */\n  useForm(callback: (e: SubmitEvent) => void): this {\n    this.#formCallback = callback\n    return this\n  }\n\n  /**\n   * Creates the dialog and returns the instance of it.\n   * The dialog is not yet added to the DOM nor it is opened.\n   *\n   * @returns The instance of the dialog class.\n   */\n  build(): UiDialogElement {\n    const dialog = new UiDialogElement()\n    dialog.classList.add('activity-dialog')\n    dialog.classList.add(this.renderAs)\n    dialog.classList.add(this.parent.constructor.name.toLocaleLowerCase())\n    if (this.title) {\n      dialog.innerHTML += `<span slot=\"title\">${this.title}</span>`\n    }\n    if (this.description) {\n      dialog.innerHTML += `<div class=\"dialog-description\">${this.description}</div>`\n    }\n    if (this.dialogTemplate) {\n      dialog.inject(this.dialogTemplate, this.dialogStyles)\n    }\n    if (this.negativeAction) {\n      const { label = 'Cancel' } = this.negativeAction\n      dialog.dismissLabel = label\n    }\n    if (this.positiveAction) {\n      const { label = 'OK' } = this.positiveAction\n      dialog.confirmLabel = label\n      dialog.confirmValue = this.positiveAction.value\n    }\n    if (this.#formCallback) {\n      dialog.useForm = true\n      dialog.addEventListener('submit', this.#formCallback.bind(this.parent))\n    }\n    dialog.addEventListener('close', this.handleDialogClosed)\n    return dialog\n  }\n\n  /**\n   * Creates the dialog by calling the `build()` function,\n   * sets the `dialog` property, appends it to the body,\n   * and finally opens the dialog as modal.\n   *\n   * This method does not return `this` as you can't manipulate the dialog anymore.\n   */\n  open(): void {\n    if (!this.dialog) {\n      this.dialog = this.build()\n      document.body.appendChild(this.dialog)\n    }\n    this.dialog.open = true\n    this.dialog.modal = true\n  }\n\n  /**\n   * Closes the dialog. The dialog behaves like the a negative action was triggered.\n   */\n  close(): void {\n    if (this.dialog) {\n      this.dialog.open = false\n    }\n  }\n\n  @bound private handleActivityDestroy(): void {\n    this.dispose()\n  }\n\n  @bound private handleActivityPause(): void {\n    this.dialog?.classList.add('hidden')\n  }\n\n  @bound private handleActivityResume(): void {\n    this.dialog?.classList.remove('hidden')\n  }\n\n  @bound private handleDialogClosed(event: Event): void {\n    const { cancelled, value } = (event as CustomEvent<UiDialogClosingReason>).detail\n    if (cancelled && this.negativeAction && this.negativeAction.action) {\n      this.negativeAction.action(value)\n    } else if (!cancelled && this.positiveAction && this.positiveAction.action) {\n      this.positiveAction.action(value)\n    }\n    this.dispose()\n  }\n\n  /**\n   * Removes the dialog from the DOM and removes all listeners.\n   * The dialog does not call any lifecycle methods.\n   */\n  dispose(): void {\n    this.dialog?.removeEventListener('close', this.handleDialogClosed)\n    this.dialog?.remove()\n    this.dialog = undefined\n    this.parent.removeEventListener('activity:destroy', this.handleActivityDestroy)\n    this.parent.removeEventListener('activity:pause', this.handleActivityPause)\n    this.parent.removeEventListener('activity:resume', this.handleActivityResume)\n    parent.removeEventListener('fragment:destroy', this.handleActivityDestroy)\n    parent.removeEventListener('fragment:pause', this.handleActivityPause)\n    parent.removeEventListener('fragment:resume', this.handleActivityResume)\n  }\n}\n"]}

package/build/src/core/LiveData.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LiveData.d.ts","sourceRoot":"","sources":["../../../src/core/LiveData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAkC,MAAM,wBAAwB,CAAA;AAE/F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,qBAAa,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,WAAW;;IAIzD;;;;OAIG;IACH,IAAI,KAAK,IAAI,CAAC,CAEb;IAED;;;;OAIG;IACH,IAAI,eAAe,IAAI,MAAM,GAAG,IAAI,CAEnC;IAED;;OAEG;gBACS,GAAG,EAAE,CAAC;IAKlB,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI;IAQjB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS;IAgCtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4CG;IACH,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,GAAG,MAAM,IAAI;CA2BjG"}

package/build/src/core/LiveData.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LiveData.js","sourceRoot":"","sources":["../../../src/core/LiveData.ts"],"names":[],"mappings":"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","sourcesContent":["import { type ChangeEventDetail, createReactive, unhookReactive } from './reactive/reactive.js'\n\n/**\n * `LiveData` is a utility class that wraps an object and allows you to observe changes\n * to its properties. It uses a `Proxy` to intercept property access and modification,\n * and dispatches an `update` event whenever a change occurs. This makes it easy to\n * react to data updates within your application, especially in UI components.\n *\n * It also tracks the path of the last changed property using dot notation (e.g., \"a.b.c\").\n *\n * @template T The type of the object being wrapped.\n *\n * @example\n * ```typescript\n * // Example usage of LiveData with a simple object\n * const data = { name: 'John Doe', age: 30 }\n * const liveData = new LiveData(data)\n *\n * // Listen for updates\n * liveData.addEventListener('update', (event) => {\n *   const { path, host } = (event as CustomEvent).detail\n *   console.log(`Property at path '${path}' updated to`, host)\n * })\n *\n * // Modify the object through the proxy\n * liveData.value.name = 'Jane Doe' // Output: Property at path 'name' updated to Jane Doe\n * liveData.value.age = 31 // Output: Property at path 'age' updated to 31\n * ```\n *\n * @example\n * ```typescript\n * // Example usage of LiveData with a nested object\n * const nestedData = {\n *   user: {\n *     profile: {\n *       name: 'John Doe',\n *       age: 30,\n *     }\n *   },\n *   address: {\n *     street: \"Main St\",\n *   }\n * }\n * const nestedLiveData = new LiveData(nestedData)\n *\n * nestedLiveData.addEventListener('update', (event) => {\n *    const { path, host } = (event as CustomEvent).detail\n *    console.log(`Property at path '${path}' updated to`, host)\n * })\n *\n * // Output: Property at path 'user.profile.name' updated to Jane Doe\n * nestedLiveData.value.user.profile.name = 'Jane Doe'\n * // Output: Property at path 'address.street' updated to New St\n * nestedLiveData.value.address.street = \"New St\"\n * ```\n *\n * @example\n * ```typescript\n * // Example usage of LiveData with an array\n * const arrayData = { items: ['apple', 'banana', 'orange'] };\n * const arrayLiveData = new LiveData(arrayData);\n *\n * arrayLiveData.addEventListener('update', (event) => {\n *   const { path, host } = (event as CustomEvent).detail;\n *   console.log(`Property at path '${path}' updated to`, host);\n * });\n *\n * arrayLiveData.value.items.push('grape'); // Output: Property at path 'items.3' updated to grape\n * arrayLiveData.value.items[0] = 'apricot'; // Output: Property at path 'items.0' updated to apricot\n * ```\n *\n * @example\n * ```typescript\n * // Example of getting the path of the last changed property.\n * const exampleData = { a: 'b', c: ['d'], e: { f: 'g' } };\n * const exampleLiveData = new LiveData(exampleData);\n *\n * exampleLiveData.addEventListener('update', () => {\n *   console.log('Last changed path:', exampleLiveData.lastChangedPath);\n * });\n *\n * exampleLiveData.value.a = 'new value'; // Output: Last changed path: a\n * exampleLiveData.value.c.push('new item'); // Output: Last changed path: c.1\n * exampleLiveData.value.c[0] = \"new d\"; // Output: Last changed path: c.0\n * exampleLiveData.value.e.f = 'new g'; // Output: Last changed path: e.f\n * ```\n */\nexport class LiveData<T extends object> extends EventTarget {\n  #proxy: T\n  #lastChangedPath: string | null = null\n\n  /**\n   * Gets the wrapped object. Changes to the object must be done using the `value` property.\n   *\n   * @returns The wrapped object.\n   */\n  get value(): T {\n    return this.#proxy\n  }\n\n  /**\n   * Returns the path to the last changed property in dot notation.\n   *\n   * @returns The dot notation path to the last changed property, or `null` if no changes have occurred.\n   */\n  get lastChangedPath(): string | null {\n    return this.#lastChangedPath\n  }\n\n  /**\n   * @param obj The source object to use.\n   */\n  constructor(obj: T) {\n    super()\n    this.#proxy = createReactive(obj, this.#updated.bind(this))\n  }\n\n  set(obj: T): void {\n    const old = this.#proxy\n    // Before setting new object we need to clean old one from callbacks.\n    unhookReactive(old)\n    this.#proxy = createReactive(obj, this.#updated.bind(this))\n    this.#updated({ path: '', value: this.#proxy, oldValue: old })\n  }\n\n  get(path: string): unknown | undefined {\n    if (!path) {\n      return undefined\n    }\n    const segments = path.split('.')\n    let current: unknown = this.value\n    for (const segment of segments) {\n      if (current === null || current === undefined || typeof current !== 'object') {\n        return undefined\n      }\n      if (Array.isArray(current)) {\n        const index = parseInt(segment, 10)\n        if (isNaN(index) || index < 0 || index >= current.length) {\n          return undefined\n        }\n        current = current[index]\n      } else {\n        current = (current as Record<string, unknown>)[segment]\n      }\n    }\n    return current\n  }\n\n  #updated(detail: ChangeEventDetail): void {\n    this.#notify(detail)\n  }\n\n  #notify(detail: ChangeEventDetail): void {\n    this.#lastChangedPath = detail.path\n    this.dispatchEvent(new CustomEvent<ChangeEventDetail>('update', { detail }))\n  }\n\n  /**\n   * Registers a callback function to be executed when specific properties of the LiveData's value change.\n   * Supports filtering by deep properties using dot notation (e.g., \"prop.arr[1].value\")\n   * and wildcards (e.g., \"rootProperty.*\").\n   *\n   * @param properties - An array of property paths to filter updates for.\n   * @param callback - The function to be called when any of the specified properties change.\n   *                   The callback receives the new value, the previous value, and the full path\n   *                   of the changed property.\n   * @returns A function that can be called to unregister the callback.\n   *\n   * @example\n   * ```typescript\n   * const myData = new LiveData({\n   *   name: 'Initial Name',\n   *   user: { address: { city: 'Some City' } },\n   *   items: ['a','b','c']\n   * });\n   *\n   * // Observing a deep property\n   * const unsubscribe1 = myData.observeProperties(['user.address.city'], ({ value, previousValue, path }) => {\n   *   console.log(`City changed: ${previousValue} -> ${value}`);\n   * });\n   * myData.value.user.address.city = 'New City'; // Triggers the callback\n   *\n   * // Observing a property with wildcard\n   * const unsubscribe2 = myData.observeProperties(['items.*'], ({ value, previousValue, path }) => {\n   *   console.log(`Items changed at path: ${path} from: ${previousValue} to: ${value}`);\n   * });\n   *\n   * myData.value.items[0] = 'd'; // Triggers the callback\n   * myData.value.items.push('e'); // Triggers the callback\n   *\n   *\n   * // Observing root property with wildcard\n   * const unsubscribe3 = myData.observeProperties(['user.*'], ({ value, previousValue, path }) => {\n   *   console.log(`User child changed at path: ${path} from: ${previousValue} to: ${value}`);\n   * });\n   * myData.value.user.address = {city: 'test'}; // Triggers the callback\n   *\n   * unsubscribe1(); // Stop listening for changes\n   * unsubscribe2(); // Stop listening for changes\n   * unsubscribe3(); // Stop listening for changes\n   * ```\n   */\n  observeProperties(properties: string[], callback: (data: ChangeEventDetail) => void): () => void {\n    const eventCallback = (event: Event) => {\n      const customEvent = event as CustomEvent<ChangeEventDetail>\n      const { path } = customEvent.detail\n      for (const propFilter of properties) {\n        if (this.#matches(path, propFilter)) {\n          callback(customEvent.detail)\n          break // Avoid calling the callback multiple times for the same update\n        }\n      }\n    }\n\n    this.addEventListener('update', eventCallback)\n\n    return () => {\n      this.removeEventListener('update', eventCallback)\n    }\n  }\n\n  #matches(path: string, filter: string): boolean {\n    if (filter.endsWith('*')) {\n      const prefix = filter.slice(0, -1)\n      return path.startsWith(prefix)\n    } else {\n      return path === filter\n    }\n  }\n}\n"]}

package/build/src/core/container.d.ts

@@ -1,14 +0,0 @@
-import type { ConfigurationBindings } from '../bindings/base/ConfigurationBindings.js';
-import type { UiSdk } from '../sdk/UiSdk.js';
-import type UserService from '../apps/services/UserService.js';
-import type OrganizationService from '../apps/services/OrganizationService.js';
-import { Container } from '../core/container/container.js';
-interface KnownBindings {
-    config: ConfigurationBindings;
-    sdk: UiSdk;
-    user: UserService;
-    org: OrganizationService;
-}
-declare const container: Container<KnownBindings>;
-export default container;
-//# sourceMappingURL=container.d.ts.map

package/build/src/core/container.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/core/container.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAA;AACtF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,KAAK,WAAW,MAAM,iCAAiC,CAAA;AAC9D,OAAO,KAAK,mBAAmB,MAAM,yCAAyC,CAAA;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAE1D,UAAU,aAAa;IACrB,MAAM,EAAE,qBAAqB,CAAA;IAC7B,GAAG,EAAE,KAAK,CAAA;IACV,IAAI,EAAE,WAAW,CAAA;IACjB,GAAG,EAAE,mBAAmB,CAAA;CACzB;AAED,QAAA,MAAM,SAAS,0BAAiC,CAAA;AAChD,eAAe,SAAS,CAAA"}

package/build/src/core/container.js

@@ -1,4 +0,0 @@
-import { Container } from '../core/container/container.js';
-const container = new Container();
-export default container;
-//# sourceMappingURL=container.js.map

package/build/src/core/container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/core/container.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAS1D,MAAM,SAAS,GAAG,IAAI,SAAS,EAAiB,CAAA;AAChD,eAAe,SAAS,CAAA","sourcesContent":["import type { ConfigurationBindings } from '../bindings/base/ConfigurationBindings.js'\nimport type { UiSdk } from '../sdk/UiSdk.js'\nimport type UserService from '../apps/services/UserService.js'\nimport type OrganizationService from '../apps/services/OrganizationService.js'\nimport { Container } from '../core/container/container.js'\n\ninterface KnownBindings {\n  config: ConfigurationBindings\n  sdk: UiSdk\n  user: UserService\n  org: OrganizationService\n}\n\nconst container = new Container<KnownBindings>()\nexport default container\n"]}

package/build/src/core/reactive/reactive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactive.d.ts","sourceRoot":"","sources":["../../../../src/core/reactive/reactive.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,OAAO,CAAA;CAClB;AAOD,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,MAAM,EAAE,CAAC,EACT,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,EAC7C,IAAI,SAAK,GACR,CAAC,CAiEH;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAQ9D"}

package/build/src/core/reactive/reactive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactive.js","sourceRoot":"","sources":["../../../../src/core/reactive/reactive.ts"],"names":[],"mappings":"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","sourcesContent":["export interface ChangeEventDetail {\n  path: string\n  value: unknown\n  oldValue: unknown\n}\n\n// target -> Proxy\nconst cachedRaw = new WeakMap<object, object>()\n// Proxy -> target\nconst cachedProxies = new WeakMap<object, object>()\n\nexport function createReactive<T extends object>(\n  target: T,\n  onChange: (detail: ChangeEventDetail) => void,\n  path = ''\n): T {\n  if (cachedRaw.has(target)) {\n    // return target\n    return cachedRaw.get(target) as T // Return existing proxy\n  }\n  if (cachedProxies.has(target)) {\n    return target\n  }\n\n  const handler: ProxyHandler<T> = {\n    get(target, prop, receiver) {\n      const value = Reflect.get(target, prop, receiver)\n      if (typeof value === 'object' && value !== null) {\n        const finalPath = path ? `${path}.${String(prop)}` : String(prop)\n        return createReactive(value, onChange, finalPath)\n      }\n      return value\n    },\n    set(target, prop, value, receiver) {\n      const oldValue = Reflect.get(target, prop, receiver)\n      const success = Reflect.set(target, prop, value) // do not set the receiver here\n      // he receiver is the proxy itself and if we set the value on the proxy, it will\n      // create an infinite loop.\n      if (success && oldValue !== value) {\n        // Check if the old value was proxied and remove it from the cache\n        if (typeof oldValue === 'object' && oldValue !== null) {\n          const oldProxy = cachedRaw.get(oldValue)\n          if (oldProxy) {\n            cachedRaw.delete(oldValue)\n            cachedProxies.delete(oldProxy)\n          }\n        }\n        onChange({\n          path: path ? `${path}.${String(prop)}` : String(prop),\n          value,\n          oldValue,\n        })\n      }\n      return success\n    },\n    deleteProperty(target, prop) {\n      const oldValue = Reflect.get(target, prop)\n      const success = Reflect.deleteProperty(target, prop)\n      if (success) {\n        // Check if the old value was proxied and remove it from the cache\n        if (typeof oldValue === 'object' && oldValue !== null) {\n          const oldProxy = cachedRaw.get(oldValue)\n          if (oldProxy) {\n            cachedRaw.delete(oldValue)\n            cachedProxies.delete(oldProxy)\n          }\n        }\n        onChange({\n          path: path ? `${path}.${String(prop)}` : String(prop),\n          value: undefined,\n          oldValue,\n        })\n      }\n      return success\n    },\n  }\n  const proxy = new Proxy(target, handler)\n  cachedRaw.set(target, proxy)\n  cachedProxies.set(proxy, target)\n  return proxy\n}\n\n/**\n * Removes the proxy and cleans up the cached data.\n *\n * @param reactiveObject The reactive object to unhook.\n * @returns true if the object was reactive and was unhooked, false otherwise.\n */\nexport function unhookReactive(reactiveObject: object): boolean {\n  const raw = cachedProxies.get(reactiveObject)\n  if (!raw) {\n    return false // Not a reactive object\n  }\n  cachedRaw.delete(raw)\n  cachedProxies.delete(reactiveObject)\n  return true\n}\n"]}

package/build/src/data/BreadcrumbsModel.d.ts

@@ -1,36 +0,0 @@
-import { type FileBreadcrumb } from '@api-client/core/browser.js';
-import { Model } from '../core/Model.js';
-import { LiveData } from '../core/LiveData.js';
-import type SdkService from '../apps/services/SdkService.js';
-declare enum ModelState {
-    /**
-     * Not doing anything.
-     */
-    idle = 0,
-    /**
-     * Currently querying for breadcrumb data.
-     */
-    reading = 1
-}
-export default class BreadcrumbsModel extends Model<FileBreadcrumb[]> {
-    #private;
-    protected oid: string;
-    protected sdk: SdkService;
-    /**
-     * The current state of the model.
-     */
-    state: ModelState;
-    /**
-     * The current breadcrumbs
-     */
-    breadcrumbs: LiveData<FileBreadcrumb[]>;
-    /**
-     * The parent folder.
-     */
-    parent?: string;
-    constructor(oid: string, sdk: SdkService);
-    reset(): void;
-    scheduleQuery(parent?: string): void;
-}
-export {};
-//# sourceMappingURL=BreadcrumbsModel.d.ts.map

package/build/src/data/BreadcrumbsModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbsModel.d.ts","sourceRoot":"","sources":["../../../src/data/BreadcrumbsModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,KAAK,UAAU,MAAM,gCAAgC,CAAA;AAE5D,aAAK,UAAU;IACb;;OAEG;IACH,IAAI,IAAA;IACJ;;OAEG;IACH,OAAO,IAAA;CACR;AAED,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;;IAgBjE,SAAS,CAAC,GAAG,EAAE,MAAM;IACrB,SAAS,CAAC,GAAG,EAAE,UAAU;IAhB3B;;OAEG;IACH,KAAK,EAAE,UAAU,CAAkB;IAEnC;;OAEG;IACH,WAAW,EAAE,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAqC;IAC5E;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;gBAGH,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,UAAU;IAK3B,KAAK,IAAI,IAAI;IAMb,aAAa,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;CAwBrC"}

package/build/src/data/BreadcrumbsModel.js

@@ -1,65 +0,0 @@
-import { Model } from '../core/Model.js';
-import { LiveData } from '../core/LiveData.js';
-var ModelState;
-(function (ModelState) {
-    /**
-     * Not doing anything.
-     */
-    ModelState[ModelState["idle"] = 0] = "idle";
-    /**
-     * Currently querying for breadcrumb data.
-     */
-    ModelState[ModelState["reading"] = 1] = "reading";
-})(ModelState || (ModelState = {}));
-export default class BreadcrumbsModel extends Model {
-    oid;
-    sdk;
-    /**
-     * The current state of the model.
-     */
-    state = ModelState.idle;
-    /**
-     * The current breadcrumbs
-     */
-    breadcrumbs = new LiveData([]);
-    /**
-     * The parent folder.
-     */
-    parent;
-    constructor(oid, sdk) {
-        super();
-        this.oid = oid;
-        this.sdk = sdk;
-    }
-    reset() {
-        this.state = ModelState.idle;
-        this.parent = undefined;
-        this.breadcrumbs.set([]);
-    }
-    scheduleQuery(parent) {
-        this.parent = parent;
-        this.debounce(this.#query);
-    }
-    async #query() {
-        if (this.state !== ModelState.idle) {
-            return;
-        }
-        if (!this.parent) {
-            this.breadcrumbs.set([]);
-            return;
-        }
-        this.state = ModelState.reading;
-        try {
-            const br = await this.sdk.file.breadcrumbs(this.oid, this.parent);
-            this.breadcrumbs.set(br.items);
-        }
-        catch (e) {
-            const err = e;
-            this.notifyError(new Error(`Unable to load breadcrumbs list. ${err.message}`));
-        }
-        finally {
-            this.state = ModelState.idle;
-        }
-    }
-}
-//# sourceMappingURL=BreadcrumbsModel.js.map

package/build/src/data/BreadcrumbsModel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbsModel.js","sourceRoot":"","sources":["../../../src/data/BreadcrumbsModel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAG9C,IAAK,UASJ;AATD,WAAK,UAAU;IACb;;OAEG;IACH,2CAAI,CAAA;IACJ;;OAEG;IACH,iDAAO,CAAA;AACT,CAAC,EATI,UAAU,KAAV,UAAU,QASd;AAED,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAuB;IAgBvD;IACA;IAhBZ;;OAEG;IACH,KAAK,GAAe,UAAU,CAAC,IAAI,CAAA;IAEnC;;OAEG;IACH,WAAW,GAA+B,IAAI,QAAQ,CAAmB,EAAE,CAAC,CAAA;IAC5E;;OAEG;IACH,MAAM,CAAS;IAEf,YACY,GAAW,EACX,GAAe;QAEzB,KAAK,EAAE,CAAA;QAHG,QAAG,GAAH,GAAG,CAAQ;QACX,QAAG,GAAH,GAAG,CAAY;IAG3B,CAAC;IAED,KAAK;QACH,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAA;QAC5B,IAAI,CAAC,MAAM,GAAG,SAAS,CAAA;QACvB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;IAC1B,CAAC;IAED,aAAa,CAAC,MAAe;QAC3B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAC5B,CAAC;IAED,KAAK,CAAC,MAAM;QACV,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,IAAI,EAAE,CAAC;YACnC,OAAM;QACR,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YACxB,OAAM;QACR,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,OAAO,CAAA;QAC/B,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;YACjE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAA;QAChC,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,MAAM,GAAG,GAAG,CAAU,CAAA;YACtB,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,oCAAoC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;QAChF,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAA;QAC9B,CAAC;IACH,CAAC;CACF","sourcesContent":["import { type FileBreadcrumb } from '@api-client/core/browser.js'\nimport { Model } from '../core/Model.js'\nimport { LiveData } from '../core/LiveData.js'\nimport type SdkService from '../apps/services/SdkService.js'\n\nenum ModelState {\n  /**\n   * Not doing anything.\n   */\n  idle,\n  /**\n   * Currently querying for breadcrumb data.\n   */\n  reading,\n}\n\nexport default class BreadcrumbsModel extends Model<FileBreadcrumb[]> {\n  /**\n   * The current state of the model.\n   */\n  state: ModelState = ModelState.idle\n\n  /**\n   * The current breadcrumbs\n   */\n  breadcrumbs: LiveData<FileBreadcrumb[]> = new LiveData<FileBreadcrumb[]>([])\n  /**\n   * The parent folder.\n   */\n  parent?: string\n\n  constructor(\n    protected oid: string,\n    protected sdk: SdkService\n  ) {\n    super()\n  }\n\n  reset(): void {\n    this.state = ModelState.idle\n    this.parent = undefined\n    this.breadcrumbs.set([])\n  }\n\n  scheduleQuery(parent?: string): void {\n    this.parent = parent\n    this.debounce(this.#query)\n  }\n\n  async #query(): Promise<void> {\n    if (this.state !== ModelState.idle) {\n      return\n    }\n    if (!this.parent) {\n      this.breadcrumbs.set([])\n      return\n    }\n    this.state = ModelState.reading\n    try {\n      const br = await this.sdk.file.breadcrumbs(this.oid, this.parent)\n      this.breadcrumbs.set(br.items)\n    } catch (e) {\n      const err = e as Error\n      this.notifyError(new Error(`Unable to load breadcrumbs list. ${err.message}`))\n    } finally {\n      this.state = ModelState.idle\n    }\n  }\n}\n"]}

package/build/src/data/FileModel.d.ts

@@ -1,35 +0,0 @@
-import { type IFile } from '@api-client/core/browser.js';
-import { Model } from '../core/Model.js';
-import { LiveData } from '../core/LiveData.js';
-import type SdkService from '../apps/services/SdkService.js';
-declare enum ModelState {
-    /**
-     * Not doing anything.
-     */
-    idle = 0,
-    /**
-     * Currently querying for file data.
-     */
-    reading = 1,
-    /**
-     * Data was received and the result yielded no results or less than the limit.
-     */
-    ended = 2
-}
-export default class FileModel extends Model<IFile> {
-    #private;
-    protected oid: string;
-    protected sdk: SdkService;
-    /**
-     * The current files
-     */
-    file?: LiveData<IFile>;
-    /**
-     * The current state of the model.
-     */
-    state: ModelState;
-    constructor(oid: string, sdk: SdkService);
-    read(key: string): void;
-}
-export {};
-//# sourceMappingURL=FileModel.d.ts.map

package/build/src/data/FileModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileModel.d.ts","sourceRoot":"","sources":["../../../src/data/FileModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,KAAK,UAAU,MAAM,gCAAgC,CAAA;AAE5D,aAAK,UAAU;IACb;;OAEG;IACH,IAAI,IAAA;IACJ;;OAEG;IACH,OAAO,IAAA;IACP;;OAEG;IACH,KAAK,IAAA;CACN;AAED,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,KAAK,CAAC;;IAY/C,SAAS,CAAC,GAAG,EAAE,MAAM;IACrB,SAAS,CAAC,GAAG,EAAE,UAAU;IAZ3B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEtB;;OAEG;IACH,KAAK,EAAE,UAAU,CAAkB;gBAGvB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,UAAU;IAK3B,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;CAmBxB"}

package/build/src/data/FileModel.js

@@ -1,54 +0,0 @@
-import { Model } from '../core/Model.js';
-import { LiveData } from '../core/LiveData.js';
-var ModelState;
-(function (ModelState) {
-    /**
-     * Not doing anything.
-     */
-    ModelState[ModelState["idle"] = 0] = "idle";
-    /**
-     * Currently querying for file data.
-     */
-    ModelState[ModelState["reading"] = 1] = "reading";
-    /**
-     * Data was received and the result yielded no results or less than the limit.
-     */
-    ModelState[ModelState["ended"] = 2] = "ended";
-})(ModelState || (ModelState = {}));
-export default class FileModel extends Model {
-    oid;
-    sdk;
-    /**
-     * The current files
-     */
-    file;
-    /**
-     * The current state of the model.
-     */
-    state = ModelState.idle;
-    constructor(oid, sdk) {
-        super();
-        this.oid = oid;
-        this.sdk = sdk;
-    }
-    read(key) {
-        this.debounce(this.#read.bind(this, key));
-    }
-    async #read(key) {
-        if (this.state !== ModelState.idle) {
-            return;
-        }
-        this.state = ModelState.reading;
-        try {
-            const result = await this.sdk.file.read(this.oid, key);
-            this.file = new LiveData(result);
-        }
-        catch (e) {
-            const err = e;
-            this.notifyError(new Error(`Unable to load the file. ${err.message}`));
-            this.state = ModelState.idle;
-        }
-        this.dispatchEvent(new Event('querycomplete'));
-    }
-}
-//# sourceMappingURL=FileModel.js.map

package/build/src/data/FileModel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileModel.js","sourceRoot":"","sources":["../../../src/data/FileModel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAG9C,IAAK,UAaJ;AAbD,WAAK,UAAU;IACb;;OAEG;IACH,2CAAI,CAAA;IACJ;;OAEG;IACH,iDAAO,CAAA;IACP;;OAEG;IACH,6CAAK,CAAA;AACP,CAAC,EAbI,UAAU,KAAV,UAAU,QAad;AAED,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAY;IAYrC;IACA;IAZZ;;OAEG;IACH,IAAI,CAAkB;IAEtB;;OAEG;IACH,KAAK,GAAe,UAAU,CAAC,IAAI,CAAA;IAEnC,YACY,GAAW,EACX,GAAe;QAEzB,KAAK,EAAE,CAAA;QAHG,QAAG,GAAH,GAAG,CAAQ;QACX,QAAG,GAAH,GAAG,CAAY;IAG3B,CAAC;IAED,IAAI,CAAC,GAAW;QACd,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;IAC3C,CAAC;IAED,KAAK,CAAC,KAAK,CAAC,GAAW;QACrB,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,IAAI,EAAE,CAAC;YACnC,OAAM;QACR,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,OAAO,CAAA;QAC/B,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;YACtD,IAAI,CAAC,IAAI,GAAG,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAA;QAClC,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,MAAM,GAAG,GAAG,CAAU,CAAA;YACtB,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,4BAA4B,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;YACtE,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAA;QAC9B,CAAC;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;IAChD,CAAC;CACF","sourcesContent":["import { type IFile } from '@api-client/core/browser.js'\nimport { Model } from '../core/Model.js'\nimport { LiveData } from '../core/LiveData.js'\nimport type SdkService from '../apps/services/SdkService.js'\n\nenum ModelState {\n  /**\n   * Not doing anything.\n   */\n  idle,\n  /**\n   * Currently querying for file data.\n   */\n  reading,\n  /**\n   * Data was received and the result yielded no results or less than the limit.\n   */\n  ended,\n}\n\nexport default class FileModel extends Model<IFile> {\n  /**\n   * The current files\n   */\n  file?: LiveData<IFile>\n\n  /**\n   * The current state of the model.\n   */\n  state: ModelState = ModelState.idle\n\n  constructor(\n    protected oid: string,\n    protected sdk: SdkService\n  ) {\n    super()\n  }\n\n  read(key: string): void {\n    this.debounce(this.#read.bind(this, key))\n  }\n\n  async #read(key: string): Promise<void> {\n    if (this.state !== ModelState.idle) {\n      return\n    }\n    this.state = ModelState.reading\n    try {\n      const result = await this.sdk.file.read(this.oid, key)\n      this.file = new LiveData(result)\n    } catch (e) {\n      const err = e as Error\n      this.notifyError(new Error(`Unable to load the file. ${err.message}`))\n      this.state = ModelState.idle\n    }\n    this.dispatchEvent(new Event('querycomplete'))\n  }\n}\n"]}

package/build/src/data/FilesModel.d.ts

@@ -1,71 +0,0 @@
-import { ListFileKind, type ContextListResult, type ContextListOptions, type IFile } from '@api-client/core/browser.js';
-import { Model } from '../core/Model.js';
-import { LiveData } from '../core/LiveData.js';
-import type SdkService from '../apps/services/SdkService.js';
-export type FilesSource = 'own' | 'shared';
-declare enum ModelState {
-    /**
-     * Not doing anything.
-     */
-    idle = 0,
-    /**
-     * Currently querying for file data.
-     */
-    reading = 1,
-    /**
-     * Data was received and the result yielded no results or less than the limit.
-     */
-    ended = 2
-}
-export default class FilesModel extends Model<IFile[]> {
-    #private;
-    protected oid: string;
-    protected sdk: SdkService;
-    source: FilesSource;
-    /**
-     * The current files
-     */
-    files: LiveData<IFile[]>;
-    /**
-     * The pagination cursor for files to use with the next query.
-     */
-    cursor?: string;
-    /**
-     * The current state of the model.
-     */
-    state: ModelState;
-    /**
-     * The list of file kinds to list.
-     * Folders are always included.
-     */
-    kinds?: ListFileKind[];
-    /**
-     * The variable parent folder key.
-     * This is set when interacting with the UI or when the `folder` attribute change.
-     */
-    parent?: string;
-    constructor(oid: string, sdk: SdkService, source?: FilesSource);
-    resetListState(): void;
-    scheduleQuery(): void;
-    /**
-     * Sets a parent and makes the query.
-     * It does nothing if the parent is already set.
-     *
-     * @param key The key of the parent to query. Empty for root folder.
-     */
-    selectFolder(key?: string): void;
-    /**
-     * Finds a file by the key.
-     * @param key The key of the file to find
-     * @returns The file, if any
-     */
-    getFile(key: string): IFile | undefined;
-    replaceFile(file: IFile): void;
-    addFile(file: IFile): void;
-    removeFile(key: string): void;
-    removeFiles(keys: string[]): void;
-    listFiles(): Promise<ContextListResult<IFile>>;
-    getPageQueryOptions(): ContextListOptions;
-}
-export {};
-//# sourceMappingURL=FilesModel.d.ts.map

package/build/src/data/FilesModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilesModel.d.ts","sourceRoot":"","sources":["../../../src/data/FilesModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,KAAK,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACvH,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,KAAK,UAAU,MAAM,gCAAgC,CAAA;AAG5D,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,CAAA;AAE1C,aAAK,UAAU;IACb;;OAEG;IACH,IAAI,IAAA;IACJ;;OAEG;IACH,OAAO,IAAA;IACP;;OAEG;IACH,KAAK,IAAA;CACN;AAED,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,KAAK,EAAE,CAAC;;IA+BlD,SAAS,CAAC,GAAG,EAAE,MAAM;IACrB,SAAS,CAAC,GAAG,EAAE,UAAU;IA/B3B,MAAM,EAAE,WAAW,CAAQ;IAE3B;;OAEG;IACH,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAA4B;IAEpD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,KAAK,EAAE,UAAU,CAAkB;IAEnC;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IAEtB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;gBAGH,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,UAAU,EACzB,MAAM,GAAE,WAAmB;IAO7B,cAAc,IAAI,IAAI;IAMtB,aAAa,IAAI,IAAI;IAIrB;;;;;OAKG;IACH,YAAY,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI;IAShC;;;;OAIG;IACH,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS;IAIvC,WAAW,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI;IAW9B,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI;IAM1B,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAS7B,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI;IAqC3B,SAAS,IAAI,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IASpD,mBAAmB,IAAI,kBAAkB;CAgB1C"}