@hkdigital/lib-core 0.4.30 → 0.4.32

package/dist/ui/components/drag-drop/DropZone.svelte.d.ts

@@ -3,49 +3,49 @@ type DropZone = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<{
         [key: string]: any;
-        zone?: string;
-        group?: string;
-        disabled?: boolean;
-        accepts?: (dragData: any, target: {
+        zone?: string | undefined;
+        group?: string | undefined;
+        disabled?: boolean | undefined;
+        accepts?: ((dragData: any, target: {
             zone: string;
             group: string;
-        }) => boolean;
-        base?: string;
-        classes?: string;
-        minHeight?: string;
-        maxHeight?: string;
-        heightMode?: "fill" | "fixed" | "flexible";
-        children?: Snippet<[]>;
-        contextKey?: ContextKey;
-        dropPreviewSnippet?: Snippet<[DragData]>;
-        isDragOver?: boolean;
-        canDrop?: boolean;
-        onDragEnter?: (detail: {
+        }) => boolean) | undefined;
+        base?: string | undefined;
+        classes?: string | undefined;
+        minHeight?: string | undefined;
+        maxHeight?: string | undefined;
+        heightMode?: "fill" | "fixed" | "flexible" | undefined;
+        children?: Snippet<[]> | undefined;
+        contextKey?: ContextKey | undefined;
+        dropPreviewSnippet?: Snippet<[DragData]> | undefined;
+        isDragOver?: boolean | undefined;
+        canDrop?: boolean | undefined;
+        onDragEnter?: ((detail: {
             event: DragEvent;
             zone: string;
             canDrop: boolean;
-        }) => void;
-        onDragOver?: (detail: {
+        }) => void) | undefined;
+        onDragOver?: ((detail: {
             event: DragEvent;
             zone: string;
-        }) => void;
-        onDragLeave?: (detail: {
+        }) => void) | undefined;
+        onDragLeave?: ((detail: {
             event: DragEvent;
             zone: string;
-        }) => void;
-        onDrop?: (detail: DropData) => any;
-        onDropStart?: (detail: {
+        }) => void) | undefined;
+        onDrop?: ((detail: DropData) => any) | undefined;
+        onDropStart?: ((detail: {
             event: DragEvent;
             zone: string;
             data: any;
-        }) => void;
-        onDropEnd?: (detail: {
+        }) => void) | undefined;
+        onDropEnd?: ((detail: {
             event: DragEvent;
             zone: string;
             data: any;
             success: boolean;
-            error?: Error;
-        }) => void;
+            error?: Error | undefined;
+        }) => void) | undefined;
     }>): void;
 };
 declare const DropZone: import("svelte").Component<{

package/dist/ui/components/drag-drop/DropZoneArea.svelte.d.ts

@@ -3,46 +3,46 @@ type DropZoneArea = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<{
         [key: string]: any;
-        zone?: string;
-        group?: string;
-        disabled?: boolean;
-        accepts?: (item: any) => boolean;
-        fillContainer?: boolean;
-        aspectRatio?: string;
-        overflow?: "scroll" | "auto" | "hidden" | "visible";
-        base?: string;
-        classes?: string;
-        children?: Snippet<[]>;
-        contextKey?: ContextKey;
-        dropPreviewSnippet?: Snippet<[DragData]>;
-        isDragOver?: boolean;
-        canDrop?: boolean;
-        onDragEnter?: (detail: {
+        zone?: string | undefined;
+        group?: string | undefined;
+        disabled?: boolean | undefined;
+        accepts?: ((item: any) => boolean) | undefined;
+        fillContainer?: boolean | undefined;
+        aspectRatio?: string | undefined;
+        overflow?: "scroll" | "auto" | "hidden" | "visible" | undefined;
+        base?: string | undefined;
+        classes?: string | undefined;
+        children?: Snippet<[]> | undefined;
+        contextKey?: ContextKey | undefined;
+        dropPreviewSnippet?: Snippet<[DragData]> | undefined;
+        isDragOver?: boolean | undefined;
+        canDrop?: boolean | undefined;
+        onDragEnter?: ((detail: {
             event: DragEvent;
             zone: string;
             canDrop: boolean;
-        }) => void;
-        onDragOver?: (detail: {
+        }) => void) | undefined;
+        onDragOver?: ((detail: {
             event: DragEvent;
             zone: string;
-        }) => void;
-        onDragLeave?: (detail: {
+        }) => void) | undefined;
+        onDragLeave?: ((detail: {
             event: DragEvent;
             zone: string;
-        }) => void;
-        onDrop?: (detail: DropData) => any;
-        onDropStart?: (detail: {
+        }) => void) | undefined;
+        onDrop?: ((detail: DropData) => any) | undefined;
+        onDropStart?: ((detail: {
             event: DragEvent;
             zone: string;
             data: any;
-        }) => void;
-        onDropEnd?: (detail: {
+        }) => void) | undefined;
+        onDropEnd?: ((detail: {
             event: DragEvent;
             zone: string;
             data: any;
             success: boolean;
-            error?: Error;
-        }) => void;
+            error?: Error | undefined;
+        }) => void) | undefined;
     }>): void;
 };
 declare const DropZoneArea: import("svelte").Component<{

package/dist/ui/components/drag-drop/DropZoneList.svelte.d.ts

@@ -3,47 +3,47 @@ type DropZoneList = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<{
         [key: string]: any;
-        zone?: string;
-        group?: string;
-        disabled?: boolean;
-        accepts?: (item: any) => boolean;
-        minHeight?: string;
-        maxHeight?: string;
-        gap?: string;
-        direction?: "vertical" | "horizontal";
-        base?: string;
-        classes?: string;
-        children?: Snippet<[]>;
-        contextKey?: ContextKey;
-        dropPreviewSnippet?: Snippet<[DragData]>;
-        isDragOver?: boolean;
-        canDrop?: boolean;
-        onDragEnter?: (detail: {
+        zone?: string | undefined;
+        group?: string | undefined;
+        disabled?: boolean | undefined;
+        accepts?: ((item: any) => boolean) | undefined;
+        minHeight?: string | undefined;
+        maxHeight?: string | undefined;
+        gap?: string | undefined;
+        direction?: "vertical" | "horizontal" | undefined;
+        base?: string | undefined;
+        classes?: string | undefined;
+        children?: Snippet<[]> | undefined;
+        contextKey?: ContextKey | undefined;
+        dropPreviewSnippet?: Snippet<[DragData]> | undefined;
+        isDragOver?: boolean | undefined;
+        canDrop?: boolean | undefined;
+        onDragEnter?: ((detail: {
             event: DragEvent;
             zone: string;
             canDrop: boolean;
-        }) => void;
-        onDragOver?: (detail: {
+        }) => void) | undefined;
+        onDragOver?: ((detail: {
             event: DragEvent;
             zone: string;
-        }) => void;
-        onDragLeave?: (detail: {
+        }) => void) | undefined;
+        onDragLeave?: ((detail: {
             event: DragEvent;
             zone: string;
-        }) => void;
-        onDrop?: (detail: DropData) => any;
-        onDropStart?: (detail: {
+        }) => void) | undefined;
+        onDrop?: ((detail: DropData) => any) | undefined;
+        onDropStart?: ((detail: {
             event: DragEvent;
             zone: string;
             data: any;
-        }) => void;
-        onDropEnd?: (detail: {
+        }) => void) | undefined;
+        onDropEnd?: ((detail: {
             event: DragEvent;
             zone: string;
             data: any;
             success: boolean;
-            error?: Error;
-        }) => void;
+            error?: Error | undefined;
+        }) => void) | undefined;
     }>): void;
 };
 declare const DropZoneList: import("svelte").Component<{

package/dist/ui/components/drag-drop/drag-state.svelte.d.ts

@@ -7,8 +7,8 @@ declare class DragState {
     draggables: Map<any, any>;
     draggableIdCount: number;
     dropZones: Map<any, any>;
-    activeDropZone: any;
-    lastActiveDropZone: any;
+    activeDropZone: null;
+    lastActiveDropZone: null;
     /**
      * Register a dropzone
      * @param {string} zoneId
@@ -43,7 +43,7 @@ declare class DragState {
      * @param {number} y
      * @returns {Object|null}
      */
-    getDropZoneAtPoint(x: number, y: number): any | null;
+    getDropZoneAtPoint(x: number, y: number): Object | null;
     /**
      * Update active dropzone based on coordinates
      *
@@ -83,7 +83,7 @@ declare class DragState {
      *
      * @returns {Object|null} The drag data, or null for file drops or not found
      */
-    getDraggable(event: DragEvent | SimulatedDragEvent): any | null;
+    getDraggable(event: DragEvent | SimulatedDragEvent): Object | null;
     /**
      * Get the most recently started drag operation (convenience method)
      * @returns {import('./typedef.js').DragData|undefined}

package/dist/ui/components/drag-drop/typedef/drag.d.ts

@@ -11,7 +11,7 @@ export type DragData = {
     /**
      * - Source identifier
      */
-    source?: string;
+    source?: string | undefined;
 };
 export type SimulatedDragEvent = {
     type: "dragstart" | "dragover" | "dragleave" | "drop" | "dragend";

package/dist/ui/components/game-box/GameBox.svelte.d.ts

@@ -3,26 +3,26 @@ type GameBox = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<{
         [attr: string]: any;
-        base?: string;
-        bg?: string;
-        classes?: string;
-        style?: string;
-        aspectOnLandscape?: number;
-        aspectOnPortrait?: number;
-        marginLeft?: number;
-        marginRight?: number;
-        marginTop?: number;
-        marginBottom?: number;
-        center?: boolean;
-        enableScaling?: boolean;
+        base?: string | undefined;
+        bg?: string | undefined;
+        classes?: string | undefined;
+        style?: string | undefined;
+        aspectOnLandscape?: number | undefined;
+        aspectOnPortrait?: number | undefined;
+        marginLeft?: number | undefined;
+        marginRight?: number | undefined;
+        marginTop?: number | undefined;
+        marginBottom?: number | undefined;
+        center?: boolean | undefined;
+        enableScaling?: boolean | undefined;
         designLandscape?: {
             width: number;
             height: number;
-        };
+        } | undefined;
         designPortrait?: {
             width: number;
             height: number;
-        };
+        } | undefined;
         clamping?: {
             ui: {
                 min: number;
@@ -40,11 +40,11 @@ type GameBox = {
                 min: number;
                 max: number;
             };
-        };
-        snippetLandscape?: Snippet<[SnippetParams]>;
-        snippetPortrait?: Snippet<[SnippetParams]>;
-        snippetRequireFullscreen?: Snippet<[SnippetParams]>;
-        snippetInstallOnHomeScreen?: Snippet<[SnippetParams]>;
+        } | undefined;
+        snippetLandscape?: Snippet<[SnippetParams]> | undefined;
+        snippetPortrait?: Snippet<[SnippetParams]> | undefined;
+        snippetRequireFullscreen?: Snippet<[SnippetParams]> | undefined;
+        snippetInstallOnHomeScreen?: Snippet<[SnippetParams]> | undefined;
     }>): void;
 };
 declare const GameBox: import("svelte").Component<{

package/dist/ui/components/game-box/gamebox.util.d.ts

@@ -11,7 +11,7 @@
 export function getGameWidthOnLandscape({ windowWidth, windowHeight, aspectOnLandscape }: {
     windowWidth: number;
     windowHeight: number;
-    aspectOnLandscape?: number;
+    aspectOnLandscape?: number | undefined;
 }): number;
 /**
  * Get game width for portrait mode
@@ -26,7 +26,7 @@ export function getGameWidthOnLandscape({ windowWidth, windowHeight, aspectOnLan
 export function getGameWidthOnPortrait({ windowWidth, windowHeight, aspectOnPortrait }: {
     windowWidth: number;
     windowHeight: number;
-    aspectOnPortrait?: number;
+    aspectOnPortrait?: number | undefined;
 }): number;
 export const ERROR_WINDOW_SIZE_NOT_LANDSCAPE: "Window size is not landsccape";
 export const ERROR_WINDOW_SIZE_NOT_PORTRAIT: "Window size is not portrait";

package/dist/ui/components/grid-layers/GridLayers.svelte.d.ts

@@ -3,13 +3,13 @@ type GridLayers = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<{
         [attr: string]: any;
-        base?: string;
-        bg?: string;
-        padding?: string;
-        margin?: string;
-        classes?: string;
-        style?: string;
-        overflow?: string;
+        base?: string | undefined;
+        bg?: string | undefined;
+        padding?: string | undefined;
+        margin?: string | undefined;
+        classes?: string | undefined;
+        style?: string | undefined;
+        overflow?: string | undefined;
         children: Snippet<[]>;
     }>): void;
 };

package/dist/ui/components/image-box/ImageBox.svelte.d.ts

@@ -3,20 +3,20 @@ type ImageBox = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<{
         [attr: string]: any;
-        base?: string;
-        bg?: string;
-        classes?: string;
-        width?: string;
-        height?: string;
-        aspect?: string;
-        overflow?: string;
-        fit?: "fill" | "cover" | "contain";
-        position?: string;
-        imageSource?: ImageSource;
-        imageLoader?: ImageLoader;
-        alt?: string;
-        id?: string | Symbol;
-        onProgress?: (progress: LoadingProgress, id: string | Symbol) => void;
+        base?: string | undefined;
+        bg?: string | undefined;
+        classes?: string | undefined;
+        width?: string | undefined;
+        height?: string | undefined;
+        aspect?: string | undefined;
+        overflow?: string | undefined;
+        fit?: "fill" | "cover" | "contain" | undefined;
+        position?: string | undefined;
+        imageSource?: ImageSource | undefined;
+        imageLoader?: ImageLoader | undefined;
+        alt?: string | undefined;
+        id?: string | Symbol | undefined;
+        onProgress?: ((progress: LoadingProgress, id: string | Symbol) => void) | undefined;
     }>): void;
 };
 declare const ImageBox: import("svelte").Component<{

package/dist/ui/components/presenter/ImageSlide.svelte.d.ts

@@ -3,19 +3,19 @@ type ImageSlide = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<{
         [attr: string]: any;
-        imageMeta?: ImageSource;
-        slideDuration?: number;
-        nextSlideLabel?: string;
+        imageMeta?: ImageSource | undefined;
+        slideDuration?: number | undefined;
+        nextSlideLabel?: string | undefined;
         presenter?: {
             gotoSlide: (name: string) => void;
             getCurrentSlideName: () => string;
-        };
-        getLoadingController?: () => {
+        } | undefined;
+        getLoadingController?: (() => {
             loaded: () => void;
             cancel: () => void;
-        };
-        fit?: "fill" | "cover" | "contain";
-        position?: string;
+        }) | undefined;
+        fit?: "fill" | "cover" | "contain" | undefined;
+        position?: string | undefined;
     }>): void;
 };
 declare const ImageSlide: import("svelte").Component<{

package/dist/ui/components/presenter/Presenter.state.svelte.d.ts

@@ -42,7 +42,7 @@ export class PresenterState {
      * @param {Slide[]} [_.slides] - Array of slides for the presentation
      */
     configure({ slides }: {
-        slides?: Slide[];
+        slides?: import("./typedef").Slide[] | undefined;
     }): void;
     /**
      * Configure the presentation slides

package/dist/ui/components/presenter/Presenter.svelte.d.ts

@@ -2,11 +2,11 @@ export default Presenter;
 type Presenter = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<{
-        classes?: string;
-        slides?: Slide[];
-        presenterRef?: PresenterRef;
-        layoutSnippet: Snippet<[Slide, Layer]>;
-        loadingSnippet?: Snippet<[]>;
+        classes?: string | undefined;
+        slides?: Slide[] | undefined;
+        presenterRef?: PresenterRef | undefined;
+        layoutSnippet: Snippet<[Slide | null, Layer]>;
+        loadingSnippet?: Snippet<[]> | undefined;
     }>): void;
 };
 declare const Presenter: import("svelte").Component<{

package/dist/ui/components/presenter/typedef.d.ts

@@ -72,21 +72,21 @@ export type SlideLayer = {
 };
 export type Slide = {
     name: string;
-    data?: SlideData;
-    layers?: SlideLayer[];
-    intro?: Transition[];
-    outro?: Transition[];
-    duration?: number;
+    data?: SlideData | undefined;
+    layers?: SlideLayer[] | undefined;
+    intro?: Transition[] | undefined;
+    outro?: Transition[] | undefined;
+    duration?: number | undefined;
 };
 export type Layer = {
     z: number;
     visible: boolean;
-    stageIdle?: boolean;
-    stageBeforeIn?: boolean;
-    stageIn?: boolean;
-    stageShow?: boolean;
-    stageBeforeOut?: boolean;
-    stageOut?: boolean;
-    stageAfter?: boolean;
-    transitions?: Transition[];
+    stageIdle?: boolean | undefined;
+    stageBeforeIn?: boolean | undefined;
+    stageIn?: boolean | undefined;
+    stageShow?: boolean | undefined;
+    stageBeforeOut?: boolean | undefined;
+    stageOut?: boolean | undefined;
+    stageAfter?: boolean | undefined;
+    transitions?: Transition[] | undefined;
 };

package/dist/ui/components/rows/panel-grid-row/PanelGridRow.svelte.d.ts

@@ -2,13 +2,13 @@ export default PanelGridRow;
 type PanelGridRow = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<{
-        base?: string;
-        bg?: string;
-        justify?: "normal" | "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch";
-        justifyItems?: "center" | "start" | "end" | "stretch";
-        gap?: string;
-        classes?: string;
-        children?: Snippet<[]>;
+        base?: string | undefined;
+        bg?: string | undefined;
+        justify?: "normal" | "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch" | undefined;
+        justifyItems?: "center" | "start" | "end" | "stretch" | undefined;
+        gap?: string | undefined;
+        classes?: string | undefined;
+        children?: Snippet<[]> | undefined;
     } & {
         [attr: string]: any;
     }>): void;

package/dist/ui/components/rows/panel-row-2/PanelRow2.svelte.d.ts

@@ -2,13 +2,13 @@ export default PanelRow2;
 type PanelRow2 = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<{
-        base?: string;
-        bg?: string;
-        justify?: "normal" | "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch";
-        justifyItems?: "center" | "start" | "end" | "stretch";
-        gap?: string;
-        classes?: string;
-        children?: Snippet<[]>;
+        base?: string | undefined;
+        bg?: string | undefined;
+        justify?: "normal" | "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch" | undefined;
+        justifyItems?: "center" | "start" | "end" | "stretch" | undefined;
+        gap?: string | undefined;
+        classes?: string | undefined;
+        children?: Snippet<[]> | undefined;
     } & {
         [attr: string]: any;
     }>): void;

package/dist/ui/components/tab-bar/HkTabBar.svelte.d.ts

@@ -2,17 +2,17 @@ export default HkTabBar;
 type HkTabBar = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<{
-        cols?: number;
-        base?: string;
-        bg?: string;
-        padding?: string;
-        margin?: string;
-        classes?: string;
-        style?: string;
-        contextKey?: ContextKey;
+        cols?: number | undefined;
+        base?: string | undefined;
+        bg?: string | undefined;
+        padding?: string | undefined;
+        margin?: string | undefined;
+        classes?: string | undefined;
+        style?: string | undefined;
+        contextKey?: ContextKey | undefined;
         children: Snippet<[]>;
-        onmount?: Function;
-        domElem?: HTMLElement;
+        onmount?: Function | undefined;
+        domElem?: HTMLElement | undefined;
     } & {
         [attr: string]: any;
     }>): void;

package/dist/ui/components/tab-bar/HkTabBarSelector.state.svelte.d.ts

@@ -11,7 +11,7 @@ export class HkTabBarSelectorState {
      * @param {import('./HkTabBar.state.svelte.js').HkTabBarState} tabBarState
      */
     linkToTabBarState(tabBarState: import("./HkTabBar.state.svelte.js").HkTabBarState): void;
-    tabBarState: import("./HkTabBar.state.svelte.js").HkTabBarState;
+    tabBarState: import("./HkTabBar.state.svelte.js").HkTabBarState | undefined;
     #private;
 }
 export const createOrGetState: (contextKey?: import("../../../state/typedef.js").ContextKey) => HkTabBarSelectorState;

package/dist/ui/components/tab-bar/HkTabBarSelector.svelte.d.ts

@@ -2,18 +2,18 @@ export default HkTabBarSelector;
 type HkTabBarSelector = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<{
-        base?: string;
-        bg?: string;
-        classes?: string;
-        boxBase?: string;
-        boxBg?: string;
-        boxPadding?: string;
-        boxMargin?: string;
-        boxClasses?: string;
+        base?: string | undefined;
+        bg?: string | undefined;
+        classes?: string | undefined;
+        boxBase?: string | undefined;
+        boxBg?: string | undefined;
+        boxPadding?: string | undefined;
+        boxMargin?: string | undefined;
+        boxClasses?: string | undefined;
         boxAttrs?: {
             [attr: string]: any;
-        };
-        contextKey?: ContextKey;
+        } | undefined;
+        contextKey?: ContextKey | undefined;
     } & {
         [attr: string]: any;
     }>): void;

package/dist/ui/components/tab-bar/typedef.d.ts

@@ -2,7 +2,7 @@ declare const _default: {};
 export default _default;
 export type Tab = {
     icon: import("../../typedef.js").IconSource;
-    label?: string;
-    route?: string;
-    routePrefix?: string;
+    label?: string | undefined;
+    route?: string | undefined;
+    routePrefix?: string | undefined;
 };