@hkdigital/lib-sveltekit 0.1.22 → 0.1.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/classes/svelte/image/ImageScene.svelte.d.ts +54 -26
- package/dist/classes/svelte/image/ImageScene.svelte.js +208 -75
- package/dist/classes/svelte/image/ImageVariantsLoader.svelte.d.ts +5 -6
- package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js +39 -55
- package/dist/components/area/HkArea.svelte.d.ts +0 -14
- package/dist/components/area/HkGridArea.svelte.d.ts +0 -22
- package/dist/components/buttons/button/Button.svelte.d.ts +0 -21
- package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte.d.ts +0 -9
- package/dist/components/buttons/button-text/TextButton.svelte.d.ts +0 -7
- package/dist/components/debug/debug-panel-design-scaling/DebugPanelDesignScaling.svelte.d.ts +0 -4
- package/dist/components/hkdev/blocks/TextBlock.svelte.d.ts +0 -13
- package/dist/components/hkdev/buttons/CheckButton.svelte.d.ts +0 -18
- package/dist/components/icons/HkIcon.svelte.d.ts +0 -12
- package/dist/components/icons/HkTabIcon.svelte.d.ts +0 -21
- package/dist/components/icons/SteezeIcon.svelte.d.ts +0 -12
- package/dist/components/inputs/text-input/TextInput.svelte.d.ts +0 -28
- package/dist/components/layout/grid-layers/GridLayers.svelte.d.ts +0 -23
- package/dist/components/panels/panel/Panel.svelte.d.ts +0 -13
- package/dist/components/rows/panel-grid-row/PanelGridRow.svelte.d.ts +0 -14
- package/dist/components/rows/panel-row-2/PanelRow2.svelte.d.ts +0 -14
- package/dist/components/tab-bar/HkTabBar.svelte.d.ts +0 -18
- package/dist/components/tab-bar/HkTabBarSelector.svelte.d.ts +0 -19
- package/dist/design/tailwind-theme-extend.d.ts +4 -4
- package/dist/server/logger.d.ts +0 -1
- package/dist/widgets/button-group/ButtonGroup.svelte.d.ts +0 -20
- package/dist/widgets/compare-left-right/CompareLeftRight.svelte.d.ts +0 -10
- package/dist/widgets/game-box/GameBox.svelte.d.ts +0 -41
- package/dist/widgets/hk-app-layout/HkAppLayout.svelte.d.ts +0 -11
- package/dist/widgets/image-box/ImageBox.svelte +4 -4
- package/dist/widgets/image-box/ImageBox.svelte.d.ts +1 -21
- package/dist/widgets/presenter/(broken) Presenter.state.svelte.js__ +613 -0
- package/dist/widgets/presenter/ImageSlide.svelte.d.ts +1 -5
- package/dist/widgets/presenter/Presenter.state.svelte.d.ts +3 -22
- package/dist/widgets/presenter/Presenter.state.svelte.js +156 -155
- package/dist/widgets/presenter/Presenter.svelte +23 -7
- package/dist/widgets/presenter/Presenter.svelte.d.ts +3 -12
- package/dist/widgets/presenter/Presenter.svelte__ +125 -0
- package/dist/widgets/virtual-viewport/VirtualViewport.svelte.d.ts +0 -22
- package/package.json +1 -1
- package/dist/classes/svelte/image/ImageScene.svelte.js__ +0 -253
- package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js--responsive-loading-fails-fix-tried__ +0 -184
|
@@ -1,13 +1,4 @@
|
|
|
1
1
|
export default SteezeIconButton;
|
|
2
|
-
type SteezeIconButton = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
[key: string]: any;
|
|
6
|
-
src: IconSource;
|
|
7
|
-
iconSize?: string;
|
|
8
|
-
theme?: string;
|
|
9
|
-
}>): void;
|
|
10
|
-
};
|
|
11
2
|
declare const SteezeIconButton: import("svelte").Component<{
|
|
12
3
|
[key: string]: any;
|
|
13
4
|
src: import("../../icons/typedef.js").IconSource;
|
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
export default TextButton;
|
|
2
|
-
type TextButton = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
[key: string]: any;
|
|
6
|
-
children: Snippet<[]>;
|
|
7
|
-
}>): void;
|
|
8
|
-
};
|
|
9
2
|
declare const TextButton: import("svelte").Component<{
|
|
10
3
|
[key: string]: any;
|
|
11
4
|
children: import("svelte").Snippet;
|
package/dist/components/debug/debug-panel-design-scaling/DebugPanelDesignScaling.svelte.d.ts
CHANGED
|
@@ -1,6 +1,2 @@
|
|
|
1
1
|
export default DebugPanelDesignScaling;
|
|
2
|
-
type DebugPanelDesignScaling = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<Record<string, never>>): void;
|
|
5
|
-
};
|
|
6
2
|
declare const DebugPanelDesignScaling: import("svelte").Component<Record<string, never>, {}, "">;
|
|
@@ -1,17 +1,4 @@
|
|
|
1
1
|
export default TextBlock;
|
|
2
|
-
type TextBlock = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
base?: string;
|
|
6
|
-
bg?: string;
|
|
7
|
-
classes?: string;
|
|
8
|
-
title?: Snippet<[]>;
|
|
9
|
-
content?: Snippet<[]>;
|
|
10
|
-
footer?: Snippet<[]>;
|
|
11
|
-
} & {
|
|
12
|
-
[attr: string]: any;
|
|
13
|
-
}>): void;
|
|
14
|
-
};
|
|
15
2
|
declare const TextBlock: import("svelte").Component<{
|
|
16
3
|
base?: string;
|
|
17
4
|
bg?: string;
|
|
@@ -1,22 +1,4 @@
|
|
|
1
1
|
export default CheckButton;
|
|
2
|
-
type CheckButton = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
checked?: boolean;
|
|
6
|
-
activeChild?: boolean;
|
|
7
|
-
inactiveChild?: boolean;
|
|
8
|
-
iconActiveBase?: string;
|
|
9
|
-
classes?: string;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
title: string;
|
|
12
|
-
iconInactiveBase?: string;
|
|
13
|
-
inactiveClasses?: string;
|
|
14
|
-
activeClasses: string;
|
|
15
|
-
onclick?: () => void;
|
|
16
|
-
onchange?: () => void;
|
|
17
|
-
topic?: string;
|
|
18
|
-
}>): void;
|
|
19
|
-
};
|
|
20
2
|
declare const CheckButton: import("svelte").Component<{
|
|
21
3
|
checked?: boolean;
|
|
22
4
|
activeChild?: boolean;
|
|
@@ -1,16 +1,4 @@
|
|
|
1
1
|
export default HkIcon;
|
|
2
|
-
type HkIcon = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
src: IconSource;
|
|
6
|
-
size?: string;
|
|
7
|
-
theme?: string;
|
|
8
|
-
base?: string;
|
|
9
|
-
classes?: string;
|
|
10
|
-
} & {
|
|
11
|
-
[attr: string]: any;
|
|
12
|
-
}>): void;
|
|
13
|
-
};
|
|
14
2
|
declare const HkIcon: import("svelte").Component<{
|
|
15
3
|
src: import("./typedef.js").IconSource;
|
|
16
4
|
size?: string;
|
|
@@ -1,25 +1,4 @@
|
|
|
1
1
|
export default HkTabIcon;
|
|
2
|
-
type HkTabIcon = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
src: IconSource;
|
|
6
|
-
iconTheme?: string;
|
|
7
|
-
label?: string;
|
|
8
|
-
route?: string;
|
|
9
|
-
active?: boolean;
|
|
10
|
-
base?: string;
|
|
11
|
-
bg?: string;
|
|
12
|
-
padding?: string;
|
|
13
|
-
margin?: string;
|
|
14
|
-
classes?: string;
|
|
15
|
-
iconClasses?: string;
|
|
16
|
-
iconHeight?: string;
|
|
17
|
-
labelClasses?: string;
|
|
18
|
-
rect?: DOMRect;
|
|
19
|
-
} & {
|
|
20
|
-
[attr: string]: any;
|
|
21
|
-
}>): void;
|
|
22
|
-
};
|
|
23
2
|
declare const HkTabIcon: import("svelte").Component<{
|
|
24
3
|
src: import("./typedef.js").IconSource;
|
|
25
4
|
iconTheme?: string;
|
|
@@ -1,16 +1,4 @@
|
|
|
1
1
|
export default SteezeIcon;
|
|
2
|
-
type SteezeIcon = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
src: IconSource;
|
|
6
|
-
size?: string;
|
|
7
|
-
theme?: string;
|
|
8
|
-
base?: string;
|
|
9
|
-
classes?: string;
|
|
10
|
-
} & {
|
|
11
|
-
[attr: string]: any;
|
|
12
|
-
}>): void;
|
|
13
|
-
};
|
|
14
2
|
declare const SteezeIcon: import("svelte").Component<{
|
|
15
3
|
src: import("./typedef.js").IconSource;
|
|
16
4
|
size?: string;
|
|
@@ -1,32 +1,4 @@
|
|
|
1
1
|
export default TextInput;
|
|
2
|
-
type TextInput = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
base?: string;
|
|
6
|
-
borderShape?: string;
|
|
7
|
-
classes?: string;
|
|
8
|
-
inputBase?: string;
|
|
9
|
-
inputClasses?: string;
|
|
10
|
-
legendBase?: string;
|
|
11
|
-
legendClasses?: string;
|
|
12
|
-
iconClasses?: string;
|
|
13
|
-
value?: string;
|
|
14
|
-
type?: "number" | "url" | "text" | "email";
|
|
15
|
-
pattern?: string;
|
|
16
|
-
required?: boolean;
|
|
17
|
-
title?: string;
|
|
18
|
-
placeholder?: string;
|
|
19
|
-
isValid?: boolean;
|
|
20
|
-
isPristine?: boolean;
|
|
21
|
-
hasFocus?: boolean;
|
|
22
|
-
validate?: (value: string) => string;
|
|
23
|
-
iconRequired?: Snippet<[]>;
|
|
24
|
-
iconValid?: Snippet<[]>;
|
|
25
|
-
iconInvalid?: Snippet<[]>;
|
|
26
|
-
} & {
|
|
27
|
-
[attr: string]: any;
|
|
28
|
-
}>): void;
|
|
29
|
-
};
|
|
30
2
|
declare const TextInput: import("svelte").Component<{
|
|
31
3
|
base?: string;
|
|
32
4
|
borderShape?: string;
|
|
@@ -1,27 +1,4 @@
|
|
|
1
1
|
export default GridLayers;
|
|
2
|
-
type GridLayers = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
[attr: string]: any;
|
|
6
|
-
base?: string;
|
|
7
|
-
bg?: string;
|
|
8
|
-
padding?: string;
|
|
9
|
-
margin?: string;
|
|
10
|
-
height?: string;
|
|
11
|
-
classes?: string;
|
|
12
|
-
style?: string;
|
|
13
|
-
cellBase?: string;
|
|
14
|
-
cellBg?: string;
|
|
15
|
-
cellPadding?: string;
|
|
16
|
-
cellMargin?: string;
|
|
17
|
-
cellClasses?: string;
|
|
18
|
-
cellStyle?: string;
|
|
19
|
-
children: Snippet<[]>;
|
|
20
|
-
cellAttrs?: {
|
|
21
|
-
[attr: string]: any;
|
|
22
|
-
};
|
|
23
|
-
}>): void;
|
|
24
|
-
};
|
|
25
2
|
declare const GridLayers: import("svelte").Component<{
|
|
26
3
|
[attr: string]: any;
|
|
27
4
|
base?: string;
|
|
@@ -1,17 +1,4 @@
|
|
|
1
1
|
export default Panel;
|
|
2
|
-
type Panel = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
base?: string;
|
|
6
|
-
bg?: string;
|
|
7
|
-
classes?: string;
|
|
8
|
-
width?: "sm" | "md" | "lg";
|
|
9
|
-
variant?: string;
|
|
10
|
-
children?: Snippet<[]>;
|
|
11
|
-
} & {
|
|
12
|
-
[attr: string]: any;
|
|
13
|
-
}>): void;
|
|
14
|
-
};
|
|
15
2
|
declare const Panel: import("svelte").Component<{
|
|
16
3
|
base?: string;
|
|
17
4
|
bg?: string;
|
|
@@ -1,18 +1,4 @@
|
|
|
1
1
|
export default PanelGridRow;
|
|
2
|
-
type PanelGridRow = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
base?: string;
|
|
6
|
-
bg?: string;
|
|
7
|
-
justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | "stretch" | "normal";
|
|
8
|
-
justifyItems?: "start" | "center" | "end" | "stretch";
|
|
9
|
-
gap?: string;
|
|
10
|
-
classes?: string;
|
|
11
|
-
children?: Snippet<[]>;
|
|
12
|
-
} & {
|
|
13
|
-
[attr: string]: any;
|
|
14
|
-
}>): void;
|
|
15
|
-
};
|
|
16
2
|
declare const PanelGridRow: import("svelte").Component<{
|
|
17
3
|
base?: string;
|
|
18
4
|
bg?: string;
|
|
@@ -1,18 +1,4 @@
|
|
|
1
1
|
export default PanelRow2;
|
|
2
|
-
type PanelRow2 = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
base?: string;
|
|
6
|
-
bg?: string;
|
|
7
|
-
justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | "stretch" | "normal";
|
|
8
|
-
justifyItems?: "start" | "center" | "end" | "stretch";
|
|
9
|
-
gap?: string;
|
|
10
|
-
classes?: string;
|
|
11
|
-
children?: Snippet<[]>;
|
|
12
|
-
} & {
|
|
13
|
-
[attr: string]: any;
|
|
14
|
-
}>): void;
|
|
15
|
-
};
|
|
16
2
|
declare const PanelRow2: import("svelte").Component<{
|
|
17
3
|
base?: string;
|
|
18
4
|
bg?: string;
|
|
@@ -1,22 +1,4 @@
|
|
|
1
1
|
export default HkTabBar;
|
|
2
|
-
type HkTabBar = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
cols?: number;
|
|
6
|
-
base?: string;
|
|
7
|
-
bg?: string;
|
|
8
|
-
padding?: string;
|
|
9
|
-
margin?: string;
|
|
10
|
-
classes?: string;
|
|
11
|
-
style?: string;
|
|
12
|
-
instanceKey?: string | Symbol;
|
|
13
|
-
children: Snippet<[]>;
|
|
14
|
-
onmount?: Function;
|
|
15
|
-
domElem?: HTMLElement;
|
|
16
|
-
} & {
|
|
17
|
-
[attr: string]: any;
|
|
18
|
-
}>): void;
|
|
19
|
-
};
|
|
20
2
|
declare const HkTabBar: import("svelte").Component<{
|
|
21
3
|
cols?: number;
|
|
22
4
|
base?: string;
|
|
@@ -1,23 +1,4 @@
|
|
|
1
1
|
export default HkTabBarSelector;
|
|
2
|
-
type HkTabBarSelector = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
base?: string;
|
|
6
|
-
bg?: string;
|
|
7
|
-
classes?: string;
|
|
8
|
-
boxBase?: string;
|
|
9
|
-
boxBg?: string;
|
|
10
|
-
boxPadding?: string;
|
|
11
|
-
boxMargin?: string;
|
|
12
|
-
boxClasses?: string;
|
|
13
|
-
boxAttrs?: {
|
|
14
|
-
[attr: string]: any;
|
|
15
|
-
};
|
|
16
|
-
instanceKey?: string | Symbol;
|
|
17
|
-
} & {
|
|
18
|
-
[attr: string]: any;
|
|
19
|
-
}>): void;
|
|
20
|
-
};
|
|
21
2
|
declare const HkTabBarSelector: import("svelte").Component<{
|
|
22
3
|
base?: string;
|
|
23
4
|
bg?: string;
|
|
@@ -10,14 +10,14 @@ export const borderRadius: {
|
|
|
10
10
|
[x: string]: string;
|
|
11
11
|
};
|
|
12
12
|
export const borderWidth: {
|
|
13
|
-
[
|
|
13
|
+
[x: string]: string;
|
|
14
14
|
};
|
|
15
15
|
export const strokeWidth: {
|
|
16
|
-
[
|
|
16
|
+
[x: string]: string;
|
|
17
17
|
};
|
|
18
18
|
export const outlineWidth: {
|
|
19
|
-
[
|
|
19
|
+
[x: string]: string;
|
|
20
20
|
};
|
|
21
21
|
export const outlineOffset: {
|
|
22
|
-
[
|
|
22
|
+
[x: string]: string;
|
|
23
23
|
};
|
package/dist/server/logger.d.ts
CHANGED
|
@@ -1,19 +1,4 @@
|
|
|
1
1
|
export default ButtonGroup;
|
|
2
|
-
type ButtonGroup = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
[attr: string]: any;
|
|
6
|
-
base?: string;
|
|
7
|
-
bg?: string;
|
|
8
|
-
classes?: string;
|
|
9
|
-
buttons: ButtonDef[];
|
|
10
|
-
selected?: ButtonDef;
|
|
11
|
-
buttonSnippet: Snippet<[{
|
|
12
|
-
text: string;
|
|
13
|
-
props: any;
|
|
14
|
-
}]>;
|
|
15
|
-
}>): void;
|
|
16
|
-
};
|
|
17
2
|
declare const ButtonGroup: import("svelte").Component<{
|
|
18
3
|
[attr: string]: any;
|
|
19
4
|
base?: string;
|
|
@@ -34,8 +19,3 @@ declare const ButtonGroup: import("svelte").Component<{
|
|
|
34
19
|
props: any;
|
|
35
20
|
}]>;
|
|
36
21
|
}, {}, "selected">;
|
|
37
|
-
type ButtonDef = {
|
|
38
|
-
text: string;
|
|
39
|
-
disabled?: boolean;
|
|
40
|
-
props?: any;
|
|
41
|
-
};
|
|
@@ -1,14 +1,4 @@
|
|
|
1
1
|
export default CompareLeftRight;
|
|
2
|
-
type CompareLeftRight = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
leftContent?: Snippet<[]>;
|
|
6
|
-
rightContent?: Snippet<[]>;
|
|
7
|
-
classes?: string;
|
|
8
|
-
dividerColor?: string;
|
|
9
|
-
handleColor?: string;
|
|
10
|
-
} & Record<string, any>>): void;
|
|
11
|
-
};
|
|
12
2
|
declare const CompareLeftRight: import("svelte").Component<{
|
|
13
3
|
leftContent?: import("svelte").Snippet;
|
|
14
4
|
rightContent?: import("svelte").Snippet;
|
|
@@ -1,45 +1,4 @@
|
|
|
1
1
|
export default GameBox;
|
|
2
|
-
type GameBox = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
[attr: string]: any;
|
|
6
|
-
base?: string;
|
|
7
|
-
bg?: string;
|
|
8
|
-
classes?: string;
|
|
9
|
-
style?: string;
|
|
10
|
-
aspectOnLandscape?: number;
|
|
11
|
-
aspectOnPortrait?: number;
|
|
12
|
-
enableScaling?: boolean;
|
|
13
|
-
designLandscape?: {
|
|
14
|
-
width: number;
|
|
15
|
-
height: number;
|
|
16
|
-
};
|
|
17
|
-
designPortrait?: {
|
|
18
|
-
width: number;
|
|
19
|
-
height: number;
|
|
20
|
-
};
|
|
21
|
-
clamping?: {
|
|
22
|
-
ui: {
|
|
23
|
-
min: number;
|
|
24
|
-
max: number;
|
|
25
|
-
};
|
|
26
|
-
textBase: {
|
|
27
|
-
min: number;
|
|
28
|
-
max: number;
|
|
29
|
-
};
|
|
30
|
-
textHeading: {
|
|
31
|
-
min: number;
|
|
32
|
-
max: number;
|
|
33
|
-
};
|
|
34
|
-
textUi: {
|
|
35
|
-
min: number;
|
|
36
|
-
max: number;
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
snippetLandscape?: Snippet<[]>;
|
|
40
|
-
snippetPortrait?: Snippet<[]>;
|
|
41
|
-
}>): void;
|
|
42
|
-
};
|
|
43
2
|
declare const GameBox: import("svelte").Component<{
|
|
44
3
|
[attr: string]: any;
|
|
45
4
|
base?: string;
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
export default HkAppLayout;
|
|
2
|
-
type HkAppLayout = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<AppLayoutProps>): void;
|
|
5
|
-
};
|
|
6
2
|
declare const HkAppLayout: import("svelte").Component<{
|
|
7
3
|
bgPageSnippet?: import("svelte").Snippet | undefined;
|
|
8
4
|
bgSnippet?: import("svelte").Snippet | undefined;
|
|
@@ -10,10 +6,3 @@ declare const HkAppLayout: import("svelte").Component<{
|
|
|
10
6
|
bottomSnippet?: import("svelte").Snippet | undefined;
|
|
11
7
|
children: import("svelte").Snippet;
|
|
12
8
|
}, {}, "">;
|
|
13
|
-
type AppLayoutProps = {
|
|
14
|
-
bgPageSnippet?: import("svelte").Snippet | undefined;
|
|
15
|
-
bgSnippet?: import("svelte").Snippet | undefined;
|
|
16
|
-
topSnippet?: import("svelte").Snippet | undefined;
|
|
17
|
-
bottomSnippet?: import("svelte").Snippet | undefined;
|
|
18
|
-
children: import("svelte").Snippet;
|
|
19
|
-
};
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
* imageMeta?: import('../../config/typedef.js').ImageMeta | import('../../config/typedef.js').ImageMeta[],
|
|
18
18
|
* imageLoader?: import('../../classes/svelte/image/index.js').ImageLoader,
|
|
19
19
|
* alt?: string,
|
|
20
|
-
* id?: string
|
|
21
|
-
* onProgress?: (progress: import('../../classes/svelte/network-loader/typedef.js').LoadingProgress, id
|
|
20
|
+
* id?: string|Symbol
|
|
21
|
+
* onProgress?: (progress: import('../../classes/svelte/network-loader/typedef.js').LoadingProgress, id: string|Symbol) => void,
|
|
22
22
|
* [attr: string]: any
|
|
23
23
|
* }}
|
|
24
24
|
*/
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
// Accessibility
|
|
44
44
|
alt = '',
|
|
45
45
|
|
|
46
|
-
//
|
|
46
|
+
// Identification
|
|
47
47
|
id = Symbol('ImageBox'),
|
|
48
48
|
|
|
49
49
|
// Events
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
} = $props();
|
|
55
55
|
|
|
56
56
|
// if (!imageMeta) {
|
|
57
|
-
//
|
|
57
|
+
// throw new Error('Missing [imageMeta]');
|
|
58
58
|
// }
|
|
59
59
|
|
|
60
60
|
/** @type {HTMLDivElement|undefined} */
|
|
@@ -1,24 +1,4 @@
|
|
|
1
1
|
export default ImageBox;
|
|
2
|
-
type ImageBox = {
|
|
3
|
-
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<{
|
|
5
|
-
[attr: string]: any;
|
|
6
|
-
base?: string;
|
|
7
|
-
bg?: string;
|
|
8
|
-
classes?: string;
|
|
9
|
-
width?: string;
|
|
10
|
-
height?: string;
|
|
11
|
-
aspect?: string;
|
|
12
|
-
overflow?: string;
|
|
13
|
-
fit?: "fill" | "contain" | "cover";
|
|
14
|
-
position?: string;
|
|
15
|
-
imageMeta?: ImageMeta | ImageMeta[];
|
|
16
|
-
imageLoader?: ImageLoader;
|
|
17
|
-
alt?: string;
|
|
18
|
-
id?: string | Symbol;
|
|
19
|
-
onProgress?: (progress: LoadingProgress, id?: string | Symbol) => void;
|
|
20
|
-
}>): void;
|
|
21
|
-
};
|
|
22
2
|
declare const ImageBox: import("svelte").Component<{
|
|
23
3
|
[attr: string]: any;
|
|
24
4
|
base?: string;
|
|
@@ -34,5 +14,5 @@ declare const ImageBox: import("svelte").Component<{
|
|
|
34
14
|
imageLoader?: import("../../classes/svelte/image/index.js").ImageLoader;
|
|
35
15
|
alt?: string;
|
|
36
16
|
id?: string | Symbol;
|
|
37
|
-
onProgress?: (progress: import("../../classes/svelte/network-loader/typedef.js").LoadingProgress, id
|
|
17
|
+
onProgress?: (progress: import("../../classes/svelte/network-loader/typedef.js").LoadingProgress, id: string | Symbol) => void;
|
|
38
18
|
}, {}, "">;
|