@kosdev-code/kos-ui-sdk 2.0.25 → 2.0.27

package/models/models/canvas-dispatcher/utils/renderers/solid-color-renderer.d.ts

@@ -0,0 +1,17 @@
+import { Canvas2DRendererBase } from './base/canvas-2d-renderer';
+import { OneShotCapable, Renderer } from '../../types';
+
+declare const Base: import('./mixins/one-shot-renderer-mixin').AbstractConstructor<Canvas2DRendererBase & OneShotCapable>;
+/**
+ * Renders a single solid color frame onto the canvas.
+ * Implements OneShotCapable, signaling `onDone()` after the first render.
+ */
+export declare class SolidColorRenderer extends Base implements Renderer, OneShotCapable {
+    private color;
+    constructor(r?: number, g?: number, b?: number);
+    setColor(r: number, g: number, b: number): void;
+    reset(): void;
+    renderFrame(width: number, height: number): void;
+}
+export {};
+//# sourceMappingURL=solid-color-renderer.d.ts.map

package/models/models/canvas-dispatcher/utils/renderers/solid-color-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"solid-color-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/models/models/canvas-dispatcher/utils/renderers/solid-color-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAGjE,QAAA,MAAM,IAAI,uGAA6C,CAAC;AAExD;;;GAGG;AACH,qBAAa,kBACX,SAAQ,IACR,YAAW,QAAQ,EAAE,cAAc;IAEnC,OAAO,CAAC,KAAK,CAAS;gBAEV,CAAC,SAAI,EAAE,CAAC,SAAI,EAAE,CAAC,SAAI;IAK/B,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAKtC,KAAK,IAAI,IAAI;IAIb,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;CAW1D"}

package/models/models/canvas-dispatcher/utils/renderers/sweep-renderer.d.ts

@@ -0,0 +1,48 @@
+import { Canvas2DRendererBase } from './base/canvas-2d-renderer';
+import { Renderer } from '../../types';
+
+/**
+ * A horizontal hue sweep renderer using 2D canvas.
+ *
+ * This renderer generates a horizontally scrolling gradient across a configurable hue range.
+ * The hue scrolls left-to-right in HSL color space, creating a smooth and colorful sweep animation.
+ */
+export declare class SweepRenderer extends Canvas2DRendererBase implements Renderer {
+    /** The horizontal pixel offset into the hue sweep */
+    private offset;
+    /** Minimum hue (in degrees) to include in the sweep (e.g. 0 for red) */
+    private minHue;
+    /** Maximum hue (in degrees) to include in the sweep (e.g. 60 for yellow) */
+    private maxHue;
+    /** Horizontal sweep speed in pixels per update step */
+    private speed;
+    /**
+     * Constructs a sweep renderer.
+     *
+     * @param minHue - Start of the hue range (in degrees, default 0)
+     * @param maxHue - End of the hue range (in degrees, default 360)
+     * @param speed - Horizontal speed of the sweep (pixels per update, default 1)
+     */
+    constructor(minHue?: number, maxHue?: number, speed?: number);
+    /**
+     * Resets the animation state to the beginning of the sweep.
+     */
+    reset(): void;
+    /**
+     * Converts an HSL color to RGB.
+     *
+     * @param h - Hue [0, 1]
+     * @param s - Saturation [0, 1]
+     * @param l - Lightness [0, 1]
+     * @returns Tuple of [r, g, b] in range [0, 255]
+     */
+    private hslToRgb;
+    /**
+     * Renders the current frame by drawing a hue-mapped horizontal gradient across the canvas.
+     *
+     * @param width - Width of the canvas in pixels
+     * @param height - Height of the canvas in pixels
+     */
+    renderFrame(width: number, height: number): void;
+}
+//# sourceMappingURL=sweep-renderer.d.ts.map

package/models/models/canvas-dispatcher/utils/renderers/sweep-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sweep-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/models/models/canvas-dispatcher/utils/renderers/sweep-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;;;;GAKG;AACH,qBAAa,aAAc,SAAQ,oBAAqB,YAAW,QAAQ;IACzE,qDAAqD;IACrD,OAAO,CAAC,MAAM,CAAK;IAEnB,wEAAwE;IACxE,OAAO,CAAC,MAAM,CAAS;IAEvB,4EAA4E;IAC5E,OAAO,CAAC,MAAM,CAAS;IAEvB,uDAAuD;IACvD,OAAO,CAAC,KAAK,CAAS;IAEtB;;;;;;OAMG;gBACS,MAAM,SAAI,EAAE,MAAM,SAAM,EAAE,KAAK,SAAI;IAO/C;;OAEG;IACH,KAAK,IAAI,IAAI;IAKb;;;;;;;OAOG;IACH,OAAO,CAAC,QAAQ;IAyBhB;;;;;OAKG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;CA4BjD"}

package/models/models/canvas-dispatcher/utils/renderers/swirl-renderer.d.ts

@@ -0,0 +1,13 @@
+import { VideoRendererBase } from './base/video-base-renderer';
+
+/**
+ * The `SwirlRenderer` class extends the `VideoRendererBase` to provide
+ * functionality for rendering a swirling video effect. It initializes
+ * the renderer with a predefined video asset (`swirl.mp4`).
+ *
+ * @extends VideoRendererBase
+ */
+export declare class SwirlRenderer extends VideoRendererBase {
+    constructor();
+}
+//# sourceMappingURL=swirl-renderer.d.ts.map

package/models/models/canvas-dispatcher/utils/renderers/swirl-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swirl-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/models/models/canvas-dispatcher/utils/renderers/swirl-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D;;;;;;GAMG;AACH,qBAAa,aAAc,SAAQ,iBAAiB;;CAInD"}

package/models/models/canvas-renderer/canvas-renderer-model.d.ts

@@ -0,0 +1,45 @@
+import { CanvasRendererOptions } from './types';
+import { Renderer } from '../canvas-dispatcher';
+import { PublicModelInterface } from '../../../core/types';
+import { IKosIdentifiable } from '../../../core/core/types';
+import { IKosDataModel, KosCreationContext } from '../../../core/core/kosModel';
+
+export declare const MODEL_TYPE = "canvas-renderer-model";
+export type CanvasRendererModel = PublicModelInterface<CanvasRendererModelImpl>;
+export declare class CanvasRendererModelImpl implements IKosDataModel, IKosIdentifiable {
+    id: string;
+    private router;
+    private logger;
+    private _renderer;
+    private isStreaming;
+    private renderLoopId;
+    private sendIntervalId;
+    private timeoutId;
+    private apiPath;
+    private endpointName;
+    width: number;
+    height: number;
+    fps: number;
+    durationMs: number | null;
+    private _onFrame;
+    constructor(modelId: string, options: CanvasRendererOptions, context: KosCreationContext);
+    set onFrame(callback: (dataString: string) => void);
+    set renderer(renderer: Renderer | null);
+    /**
+     * Sends a data frame to the canvas dispatcher.
+     *
+     * @param data - The data frame to be sent as a string.
+     *
+     * @remarks
+     * This method is responsible for dispatching the provided data frame
+     * to the canvas system using the `sendCanvasData` function.
+     */
+    sendDataFrame(data: string, apiPath?: string): void;
+    checkOneShot(): void;
+    private handleFrame;
+    stopStreaming(): void;
+    startStreaming(): void;
+    init(): Promise<void>;
+    load(): Promise<void>;
+}
+//# sourceMappingURL=canvas-renderer-model.d.ts.map

package/models/models/canvas-renderer/canvas-renderer-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-renderer-model.d.ts","sourceRoot":"","sources":["../../../../../../../packages/sdk/kos-ui-sdk/src/models/models/canvas-renderer/canvas-renderer-model.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,aAAa,EAEb,kBAAkB,EACnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,OAAO,KAAK,EAAa,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAIhE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,UAAU,0BAA0B,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,uBAAuB,CAAC,CAAC;AAKhF,qBACa,uBACX,YAAW,aAAa,EAAE,gBAAgB;IAE1C,EAAE,EAAE,MAAM,CAAC;IAKX,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,cAAc,CAA+C;IACrE,OAAO,CAAC,SAAS,CAA8C;IAC/D,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,YAAY,CAAS;IAC7B,KAAK,SAAM;IACX,MAAM,SAAM;IACZ,GAAG,SAAM;IACT,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IACjC,OAAO,CAAC,QAAQ,CAA+C;gBAG7D,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,qBAAqB,EAC9B,OAAO,EAAE,kBAAkB;IAa7B,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,EAEjD;IAED,IAAI,QAAQ,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAYrC;IAED;;;;;;;;OAQG;IACH,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAInD,YAAY;IAaZ,OAAO,CAAC,WAAW;IAMnB,aAAa;IAQb,cAAc;IA+DR,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAIrB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;CAsB5B"}

package/models/models/canvas-renderer/canvas-renderer-registration.d.ts

@@ -0,0 +1,87 @@
+import { CanvasRendererModel } from './canvas-renderer-model';
+import { CanvasRendererOptions } from './types';
+import { KosModelRegistrationFactory } from '../../../core/core/registration';
+
+/**
+ * # CanvasRenderer
+ *
+ * The registration bean includes convenience methods for creating and working with CanvasRendererModel instances.
+ *
+ * ## type
+ * The type property is a string that identifies the model type.
+ * The type is used to identify the model type in the model registry and to narrow down the model type in type predicates.  It's most frequently
+ * used when declaring dependencies on models.
+ *
+ * @example
+ * ```typescript
+ *
+ * @kosDependency({modelType: CanvasRenderer.type, id: "canvasRendererId"})
+ * private canvasRendererModel: CanvasRendererModel;
+ * ```
+ *
+ *
+ * ## factory
+ *
+ * The factory method creates a factory function that can be used to create new CanvasRendererModel instances.
+ *
+ 
+ * The factory function is a curried function that takes the model id as the first argument and the options as the second argument.
+ *
+ * If a model with the specified id already exists, the factory function will return the existing model.  The options will be ignored
+ * in this case and the existing model will be returned in its current state.
+ *
+ * @example
+ * ```typescript
+ * const model = CanvasRenderer.factory("canvasRendererId")({
+ *   // Add option data
+ * });
+ * ```
+ 
+
+ *
+ * ## predicate
+ *
+ * [Typescript type predicate](https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates) function that will identify and narrow down a model to a CanvasRendererModel.
+ *
+ * @example
+ * ```typescript
+ *
+ * const model: IKosDataModel = ...; // some model
+ *
+ * if (CanvasRenderer.predicate(model)) {
+ *    // if the function evaluates to true, the model is narrowed down to CanvasRendererModel
+ *    // and the compiler will know that the model has the CanvasRendererModel interface
+ *    model.updateAvailability(false);
+ * }
+ * ```
+ *
+ * ## registration
+ *
+ * The registration property is an object that can be used to simplify registration of the model with the model registry.  The registration object
+ * can be spread into the model registration and provides all of the required information to register the model implementation class against the model type.
+ *
+ *
+ * @example
+ *
+ * In an application registration file you can declare the model registration as follows:
+ *
+ * **registration.ts**
+ * ```typescript
+ * import { CanvasRenderer } from "@kos-ui/project-models";
+ * import { KosModelRegistry } from "@kosdev-code/kos-dispense-sdk";
+ *
+ * import { initKosProvider } from "@kosdev-code/kos-ui-sdk";
+ *
+ * KosModelRegistry.dispense
+ * .models()
+ * .model(CanvasRenderer);
+ * ```
+ *
+ * ## registration.singleton
+ 
+ * The canvasRenderer model is NOT a singleton model.  This means that each time the factory function is called with a unique ID, a new model instance will be created.
+ * If the factory function is called with an ID that already exists, the existing model will be returned.
+ 
+ * */
+export declare const CanvasRenderer: KosModelRegistrationFactory<CanvasRendererModel, CanvasRendererOptions>;
+//# sourceMappingURL=canvas-renderer-registration.d.ts.map

package/models/models/canvas-renderer/canvas-renderer-registration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-renderer-registration.d.ts","sourceRoot":"","sources":["../../../../../../../packages/sdk/kos-ui-sdk/src/models/models/canvas-renderer/canvas-renderer-registration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgFK;AACL,eAAO,MAAM,cAAc,yEAMzB,CAAC"}

package/models/models/canvas-renderer/index.d.ts

@@ -0,0 +1,4 @@
+export { CanvasRenderer } from './canvas-renderer-registration';
+export type * from './types';
+export type { CanvasRendererModel } from './canvas-renderer-model';
+//# sourceMappingURL=index.d.ts.map

package/models/models/canvas-renderer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/sdk/kos-ui-sdk/src/models/models/canvas-renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,mBAAmB,SAAS,CAAC;AAC7B,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/models/models/canvas-renderer/types/index.d.ts

@@ -0,0 +1,8 @@
+export interface CanvasRendererOptions {
+  height?: number;
+  width?: number;
+  fps?: number;
+  durationMs?: number | null;
+  apiPath: string;
+  endpoint: string;
+}

package/models/utils/core-registration-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core-registration-manager.d.ts","sourceRoot":"","sources":["../../../../../../packages/sdk/kos-ui-sdk/src/models/utils/core-registration-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAGnB,KAAK,kBAAkB,EACxB,MAAM,YAAY,CAAC;AAgBpB,eAAO,MAAM,kBAAkB,YACnB,CAAC;;;;;CA2BV,CAAC;AAEJ,KAAK,aAAa,CAAC,CAAC,IAAI;IACtB,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC;IAC9C,OAAO,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACnE,KAAK,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,SAAS,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;CACtE,CAAC;AAEF,QAAA,MAAM,iBAAiB,IAAK,CAAC;AAc7B,KAAK,oBAAoB,GAAG,aAAa,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEpE,QAAA,MAAM,gBAAgB,EAAE,oBAA+C,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"core-registration-manager.d.ts","sourceRoot":"","sources":["../../../../../../packages/sdk/kos-ui-sdk/src/models/utils/core-registration-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAGnB,KAAK,kBAAkB,EACxB,MAAM,YAAY,CAAC;AAkBpB,eAAO,MAAM,kBAAkB,YACnB,CAAC;;;;;CA6BV,CAAC;AAEJ,KAAK,aAAa,CAAC,CAAC,IAAI;IACtB,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC;IAC9C,OAAO,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACnE,KAAK,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,SAAS,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;CACtE,CAAC;AAEF,QAAA,MAAM,iBAAiB,IAAK,CAAC;AAc7B,KAAK,oBAAoB,GAAG,aAAa,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEpE,QAAA,MAAM,gBAAgB,EAAE,oBAA+C,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/models/utils/extension-manager.d.ts

@@ -1,5 +1,5 @@
 import { TroubleModel } from '../models/trouble/types';
-import { PropertyMapper } from '../../core';
+import { PropertyMapper, DataLoader } from '../../core';
 
 type TroubleRankMapper<AdditionalData extends object = Record<string, any>> = PropertyMapper<TroubleModel<AdditionalData>, number, any>;
 type TroubleRoleMapper<AdditionalData extends object = Record<string, any>> = PropertyMapper<TroubleModel<AdditionalData>, string, any>;
@@ -16,6 +16,8 @@ export declare class CoreExtensionManager {
      * Maps the color property of the trouble into the {@link TroubleModel}
      * */
     registerTroubleColorMapper(troubleColorMapper: TroubleRoleMapper): this;
+    registerModelLoader(id: string, loader: DataLoader): void;
+    registerCanvasPatternLoader(loader: DataLoader): void;
 }
 export {};
 //# sourceMappingURL=extension-manager.d.ts.map

package/models/utils/extension-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extension-manager.d.ts","sourceRoot":"","sources":["../../../../../../packages/sdk/kos-ui-sdk/src/models/utils/extension-manager.ts"],"names":[],"mappings":"AAEA,OAAO,EAAoB,cAAc,EAAE,MAAM,YAAY,CAAC;AAE9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,KAAK,iBAAiB,CAAC,cAAc,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACxE,cAAc,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;AAK5D,KAAK,iBAAiB,CAAC,cAAc,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACxE,cAAc,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;AAE5D,qBAAa,oBAAoB;IAC/B;;SAEK;IACL,yBAAyB,CAAC,iBAAiB,EAAE,iBAAiB;IAQ9D;;SAEK;IACL,yBAAyB,CAAC,iBAAiB,EAAE,iBAAiB;IAQ9D;;SAEK;IACL,0BAA0B,CAAC,kBAAkB,EAAE,iBAAiB;CAOjE"}
+{"version":3,"file":"extension-manager.d.ts","sourceRoot":"","sources":["../../../../../../packages/sdk/kos-ui-sdk/src/models/utils/extension-manager.ts"],"names":[],"mappings":"AAEA,OAAO,EAAoB,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAG/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,KAAK,iBAAiB,CAAC,cAAc,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACxE,cAAc,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;AAK5D,KAAK,iBAAiB,CAAC,cAAc,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACxE,cAAc,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;AAE5D,qBAAa,oBAAoB;IAC/B;;SAEK;IACL,yBAAyB,CAAC,iBAAiB,EAAE,iBAAiB;IAQ9D;;SAEK;IACL,yBAAyB,CAAC,iBAAiB,EAAE,iBAAiB;IAQ9D;;SAEK;IACL,0BAA0B,CAAC,kBAAkB,EAAE,iBAAiB;IAQhE,mBAAmB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;IAIlD,2BAA2B,CAAC,MAAM,EAAE,UAAU;CAG/C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kosdev-code/kos-ui-sdk",
-  "version": "2.0.25",
+  "version": "2.0.27",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",
@@ -36,7 +36,7 @@
   },
   "kos": {
     "build": {
-      "gitHash": "5fc0983cfc745f3b9c8189eab02b15852fcdd7ec"
+      "gitHash": "4de142647640cda4e2f5d08687769cafd1053389"
     }
   }
 }

package/ui/features/canvas/components/canvas-streamer/canvas-streamer.d.ts

@@ -0,0 +1,15 @@
+import { CanvasDispatcherModel } from '../../../../../models/models/canvas-dispatcher';
+
+interface CanvasStreamerProps {
+    height?: number;
+    width?: number;
+    defaultFps?: number;
+    showPreview?: boolean;
+    name: string;
+    apiPath?: string;
+    canvasDispatcher: CanvasDispatcherModel;
+}
+export declare const CanvasStreamerBase: React.FunctionComponent<CanvasStreamerProps>;
+export declare const CanvasStreamer: (props: Omit<CanvasStreamerProps, "canvasDispatcher">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=canvas-streamer.d.ts.map

package/ui/features/canvas/components/canvas-streamer/canvas-streamer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-streamer.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/components/canvas-streamer/canvas-streamer.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAS5F,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,qBAAqB,CAAC;CACzC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAqFzE,CAAC;AAEJ,eAAO,MAAM,cAAc,4GAA2C,CAAC"}

package/ui/features/canvas/components/canvas-streamer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './canvas-streamer';
+//# sourceMappingURL=index.d.ts.map

package/ui/features/canvas/components/canvas-streamer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/components/canvas-streamer/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/ui/features/canvas/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './canvas-streamer';
+//# sourceMappingURL=index.d.ts.map

package/ui/features/canvas/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/ui/features/canvas/components/rgb-332-visualizer/rgb-332-visualizer.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare const RGB332Visualizer: React.FC;
+export default RGB332Visualizer;
+//# sourceMappingURL=rgb-332-visualizer.d.ts.map

package/ui/features/canvas/components/rgb-332-visualizer/rgb-332-visualizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rgb-332-visualizer.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/components/rgb-332-visualizer/rgb-332-visualizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA8D7B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/ui/features/canvas/hooks/canvas-dispatcher/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-canvas-dispatcher';
+export * from './with-canvas-dispatcher';
+//# sourceMappingURL=index.d.ts.map

package/ui/features/canvas/hooks/canvas-dispatcher/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/canvas-dispatcher/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC"}

package/ui/features/canvas/hooks/canvas-dispatcher/use-canvas-dispatcher.d.ts

@@ -0,0 +1,14 @@
+import { CanvasDispatcherModel } from '../../../../../models/models/canvas-dispatcher';
+
+export declare const useCanvasDispatcher: () => {
+    model: CanvasDispatcherModel | undefined;
+    ready: boolean;
+    error: string | undefined;
+    status: {
+        model: CanvasDispatcherModel | undefined;
+        ready: boolean;
+        error: string | undefined;
+    };
+    KosModelLoader: import('react').FunctionComponent<import('react').PropsWithChildren<import('../../../../components/error-boundary/error-boundary').ErrorBoundaryProps & import('../../../..').KosModelLoaderProps>>;
+};
+//# sourceMappingURL=use-canvas-dispatcher.d.ts.map

package/ui/features/canvas/hooks/canvas-dispatcher/use-canvas-dispatcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-canvas-dispatcher.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/canvas-dispatcher/use-canvas-dispatcher.ts"],"names":[],"mappings":";AAAA,OAAO,EAEL,KAAK,qBAAqB,EAE3B,MAAM,gDAAgD,CAAC;AAGxD,eAAO,MAAM,mBAAmB;;;;;;;;;;CAS/B,CAAC"}

package/ui/features/canvas/hooks/canvas-dispatcher/with-canvas-dispatcher.d.ts

@@ -0,0 +1,9 @@
+import { CanvasDispatcherModel } from '../../../../../models/models/canvas-dispatcher';
+
+interface CanvasDispatcherProps {
+    canvasDispatcher: CanvasDispatcherModel;
+}
+type HoCCanvasDispatcherProps = CanvasDispatcherProps;
+export declare function withCanvasDispatcher<T extends HoCCanvasDispatcherProps = HoCCanvasDispatcherProps>(WrappedComponent: React.ComponentType<T>): (props: Omit<T, keyof CanvasDispatcherProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=with-canvas-dispatcher.d.ts.map

package/ui/features/canvas/hooks/canvas-dispatcher/with-canvas-dispatcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-canvas-dispatcher.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/canvas-dispatcher/with-canvas-dispatcher.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAG5F,UAAU,qBAAqB;IAC7B,gBAAgB,EAAE,qBAAqB,CAAC;CACzC;AAED,KAAK,wBAAwB,GAAG,qBAAqB,CAAC;AAEtD,wBAAgB,oBAAoB,CAClC,CAAC,SAAS,wBAAwB,GAAG,wBAAwB,EAC7D,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,WACzB,KAAK,CAAC,EAAE,MAAM,qBAAqB,CAAC,sDASpD"}

package/ui/features/canvas/hooks/use-gradient-renderer.d.ts

@@ -0,0 +1,14 @@
+import { GradientDirection } from '../../../../models/models/canvas-dispatcher/utils/renderers/gradient-renderer';
+
+interface UseGradientRendererProps {
+    width: number;
+    height: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+    colors: string[];
+    direction: GradientDirection;
+    speed?: number;
+    loop?: boolean;
+}
+export declare const useGradientRenderer: ({ width, height, onFrame, colors, direction, speed, loop, }: UseGradientRendererProps) => readonly [boolean, () => void];
+export {};
+//# sourceMappingURL=use-gradient-renderer.d.ts.map

package/ui/features/canvas/hooks/use-gradient-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-gradient-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-gradient-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,+EAA+E,CAAC;AAGvF,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,mBAAmB,gEAQ7B,wBAAwB,mCAe1B,CAAC"}

package/ui/features/canvas/hooks/use-image-renderer.d.ts

@@ -0,0 +1,22 @@
+interface UseImageRendererProps {
+    width: number;
+    height: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+    src: string;
+}
+/**
+ * A custom hook that initializes and manages a video renderer for streaming video frames.
+ *
+ * @param {UseImageRendererProps} props - The properties required to configure the video renderer.
+ * @param {number} props.width - The width of the image frame.
+ * @param {number} props.height - The height of the image frame.
+ * @param {Function} props.onFrame - A callback function invoked for each rendered frame.
+ * @param {string} props.src - The source URL or path of the image to be rendered.
+ *
+ * @returns {readonly [boolean, () => void]} A tuple containing:
+ * - `isStreaming` (boolean): Indicates whether the video is currently streaming.
+ * - `startStreaming` (Function): A function to start the video streaming process.
+ */
+export declare const useImageRenderer: ({ width, height, onFrame, src, }: UseImageRendererProps) => readonly [boolean, () => void];
+export {};
+//# sourceMappingURL=use-image-renderer.d.ts.map

package/ui/features/canvas/hooks/use-image-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-image-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-image-renderer.ts"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,GAAG,EAAE,MAAM,CAAC;CACb;AACD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB,qCAM1B,qBAAqB,mCAWvB,CAAC"}

package/ui/features/canvas/hooks/use-solid-color-renderer.d.ts

@@ -0,0 +1,11 @@
+interface UseSolidColorRendererProps {
+    width: number;
+    height: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+    r: number;
+    g: number;
+    b: number;
+}
+export declare const useSolidColorRenderer: ({ width, height, onFrame, r, g, b, }: UseSolidColorRendererProps) => readonly [boolean, () => void];
+export {};
+//# sourceMappingURL=use-solid-color-renderer.d.ts.map

package/ui/features/canvas/hooks/use-solid-color-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-solid-color-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-solid-color-renderer.ts"],"names":[],"mappings":"AAIA,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,eAAO,MAAM,qBAAqB,yCAO/B,0BAA0B,mCAkB5B,CAAC"}

package/ui/features/canvas/hooks/use-streamable-renderer.d.ts

@@ -0,0 +1,17 @@
+import { Renderer } from '../../../../models/models/canvas-dispatcher';
+
+interface UseStreamableRendererProps {
+    renderer: Renderer | null;
+    width: number;
+    height: number;
+    fps: number;
+    durationMs?: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+}
+export declare function useStreamableRenderer({ renderer, width, height, fps, durationMs, onFrame, }: UseStreamableRendererProps): {
+    isStreaming: boolean;
+    startStreaming: () => void;
+    stopStreaming: () => void;
+};
+export {};
+//# sourceMappingURL=use-streamable-renderer.d.ts.map

package/ui/features/canvas/hooks/use-streamable-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-streamable-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-streamable-renderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,QAAQ,EACT,MAAM,6CAA6C,CAAC;AAErD,UAAU,0BAA0B;IAClC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7C;AAMD,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,MAAM,EACN,GAAG,EACH,UAAiB,EACjB,OAAO,GACR,EAAE,0BAA0B;;;;EAuF5B"}

package/ui/features/canvas/hooks/use-sweep-renderer.d.ts

@@ -0,0 +1,32 @@
+interface UseSweepRendererProps {
+    width: number;
+    height: number;
+    fps: number;
+    durationMs?: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+    minHue?: number;
+    maxHue?: number;
+    speed?: number;
+}
+/**
+ * A custom hook that initializes and manages a `SweepRenderer` instance for rendering
+ * animations with configurable hue sweeps. It also integrates with a streamable renderer
+ * to handle streaming frames.
+ *
+ * @param {Object} props - The properties for configuring the sweep renderer.
+ * @param {number} props.width - The width of the rendering canvas.
+ * @param {number} props.height - The height of the rendering canvas.
+ * @param {number} props.fps - The frames per second for the rendering.
+ * @param {Function} props.onFrame - A callback function invoked on each frame render.
+ * @param {number} [props.durationMs=5000] - The total duration of the rendering in milliseconds.
+ * @param {number} [props.minHue=0] - The minimum hue value for the sweep.
+ * @param {number} [props.maxHue=360] - The maximum hue value for the sweep.
+ * @param {number} [props.speed=1] - The speed of the hue sweep animation.
+ *
+ * @returns {readonly [boolean, () => void]} A tuple containing:
+ * - `isStreaming` (boolean): Indicates whether the rendering is currently streaming.
+ * - `startStreaming` (Function): A function to start the rendering stream.
+ */
+export declare const useSweepRenderer: ({ width, height, fps, onFrame, durationMs, minHue, maxHue, speed, }: UseSweepRendererProps) => readonly [boolean, () => void];
+export {};
+//# sourceMappingURL=use-sweep-renderer.d.ts.map

package/ui/features/canvas/hooks/use-sweep-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sweep-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-sweep-renderer.ts"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,gBAAgB,wEAS1B,qBAAqB,mCAgBvB,CAAC"}

package/ui/features/canvas/hooks/use-swirl-renderer.d.ts

@@ -0,0 +1,22 @@
+interface UseSwirlRendererProps {
+    width: number;
+    height: number;
+    fps: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+}
+/**
+ * Custom hook to initialize and manage a swirl video renderer.
+ *
+ * @param {UseSwirlRendererProps} props - The properties required to configure the swirl renderer.
+ * @param {number} props.width - The width of the video renderer.
+ * @param {number} props.height - The height of the video renderer.
+ * @param {number} props.fps - The frames per second for the video renderer.
+ * @param {Function} props.onFrame - Callback function invoked on each frame render.
+ *
+ * @returns {readonly [boolean, () => void]} A tuple containing:
+ * - `isStreaming` (boolean): Indicates whether the video renderer is currently streaming.
+ * - `startStreaming` (function): A function to start the video streaming process.
+ */
+export declare const useSwirlRenderer: ({ width, height, fps, onFrame, }: UseSwirlRendererProps) => readonly [boolean, () => void];
+export {};
+//# sourceMappingURL=use-swirl-renderer.d.ts.map

package/ui/features/canvas/hooks/use-swirl-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-swirl-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-swirl-renderer.ts"],"names":[],"mappings":"AAEA,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7C;AACD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB,qCAK1B,qBAAqB,mCAUvB,CAAC"}

package/ui/features/canvas/hooks/use-video-renderer.d.ts

@@ -0,0 +1,24 @@
+interface UseVideoRendererProps {
+    width: number;
+    height: number;
+    fps: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+    src: string;
+}
+/**
+ * A custom hook that initializes and manages a video renderer for streaming video frames.
+ *
+ * @param {UseVideoRendererProps} props - The properties required to configure the video renderer.
+ * @param {number} props.width - The width of the video frame.
+ * @param {number} props.height - The height of the video frame.
+ * @param {number} props.fps - The frames per second for the video stream.
+ * @param {Function} props.onFrame - A callback function invoked for each rendered frame.
+ * @param {string} props.src - The source URL or path of the video to be rendered.
+ *
+ * @returns {readonly [boolean, () => void]} A tuple containing:
+ * - `isStreaming` (boolean): Indicates whether the video is currently streaming.
+ * - `startStreaming` (Function): A function to start the video streaming process.
+ */
+export declare const useVideoRenderer: ({ width, height, fps, onFrame, src, }: UseVideoRendererProps) => readonly [boolean, () => void];
+export {};
+//# sourceMappingURL=use-video-renderer.d.ts.map

package/ui/features/canvas/hooks/use-video-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-video-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-video-renderer.ts"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,GAAG,EAAE,MAAM,CAAC;CACb;AACD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,gBAAgB,0CAM1B,qBAAqB,mCAWvB,CAAC"}

package/ui/features/canvas/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

package/ui/features/canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/ui/features/canvas/utils/preview-decoder.d.ts

@@ -0,0 +1,29 @@
+export declare const decodeBase64RGB: (base64: string, width: number, height: number) => Uint8ClampedArray;
+export declare const decodeRGB332: (data: string, width: number, height: number) => Uint8ClampedArray;
+/**
+ * Renders a decoded preview onto a canvas context by decoding image data
+ * from a specified format and scaling it to the desired size.
+ *
+ * @param ctx - The 2D rendering context of the target canvas.
+ * @param format - The format of the input data string. Can be either 'base64' or 'rgb332'.
+ * @param dataString - The encoded image data as a string.
+ * @param width - The width of the image in pixels.
+ * @param height - The height of the image in pixels.
+ * @param pixelSize - The scaling factor for each pixel in the rendered image.
+ *
+ * @remarks
+ * - If `format` is 'base64', the `dataString` is decoded using `decodeBase64RGB`.
+ * - If `format` is 'rgb332', the `dataString` is decoded using `decodeRGB332`.
+ * - The function creates a temporary canvas to decode and render the image data
+ *   before scaling it onto the target canvas.
+ * - Image smoothing is disabled to preserve the pixelated appearance of the image.
+ */
+export declare function renderDecodedPreview({ ctx, format, dataString, width, height, pixelSize, }: {
+    ctx: CanvasRenderingContext2D;
+    format: "base64" | "rgb332";
+    dataString: string;
+    width: number;
+    height: number;
+    pixelSize: number;
+}): void;
+//# sourceMappingURL=preview-decoder.d.ts.map

package/ui/features/canvas/utils/preview-decoder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-decoder.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/utils/preview-decoder.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,WAClB,MAAM,SACP,MAAM,UACL,MAAM,KACb,iBAUF,CAAC;AAEF,eAAO,MAAM,YAAY,SACjB,MAAM,SACL,MAAM,UACL,MAAM,KACb,iBAcF,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,GAAG,EACH,MAAM,EACN,UAAU,EACV,KAAK,EACL,MAAM,EACN,SAAS,GACV,EAAE;IACD,GAAG,EAAE,wBAAwB,CAAC;IAC9B,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,QAeA"}