@hkdigital/lib-sveltekit 0.1.22 → 0.1.23

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.
Files changed (36) hide show
  1. package/dist/classes/svelte/image/ImageScene.svelte.d.ts +54 -26
  2. package/dist/classes/svelte/image/ImageScene.svelte.js +208 -75
  3. package/dist/classes/svelte/image/ImageVariantsLoader.svelte.d.ts +5 -6
  4. package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js +39 -55
  5. package/dist/components/area/HkArea.svelte.d.ts +0 -14
  6. package/dist/components/area/HkGridArea.svelte.d.ts +0 -22
  7. package/dist/components/buttons/button/Button.svelte.d.ts +0 -21
  8. package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte.d.ts +0 -9
  9. package/dist/components/buttons/button-text/TextButton.svelte.d.ts +0 -7
  10. package/dist/components/debug/debug-panel-design-scaling/DebugPanelDesignScaling.svelte.d.ts +0 -4
  11. package/dist/components/hkdev/blocks/TextBlock.svelte.d.ts +0 -13
  12. package/dist/components/hkdev/buttons/CheckButton.svelte.d.ts +0 -18
  13. package/dist/components/icons/HkIcon.svelte.d.ts +0 -12
  14. package/dist/components/icons/HkTabIcon.svelte.d.ts +0 -21
  15. package/dist/components/icons/SteezeIcon.svelte.d.ts +0 -12
  16. package/dist/components/inputs/text-input/TextInput.svelte.d.ts +0 -28
  17. package/dist/components/layout/grid-layers/GridLayers.svelte.d.ts +0 -23
  18. package/dist/components/panels/panel/Panel.svelte.d.ts +0 -13
  19. package/dist/components/rows/panel-grid-row/PanelGridRow.svelte.d.ts +0 -14
  20. package/dist/components/rows/panel-row-2/PanelRow2.svelte.d.ts +0 -14
  21. package/dist/components/tab-bar/HkTabBar.svelte.d.ts +0 -18
  22. package/dist/components/tab-bar/HkTabBarSelector.svelte.d.ts +0 -19
  23. package/dist/design/tailwind-theme-extend.d.ts +4 -4
  24. package/dist/server/logger.d.ts +0 -1
  25. package/dist/widgets/button-group/ButtonGroup.svelte.d.ts +0 -20
  26. package/dist/widgets/compare-left-right/CompareLeftRight.svelte.d.ts +0 -10
  27. package/dist/widgets/game-box/GameBox.svelte.d.ts +0 -41
  28. package/dist/widgets/hk-app-layout/HkAppLayout.svelte.d.ts +0 -11
  29. package/dist/widgets/image-box/ImageBox.svelte +4 -8
  30. package/dist/widgets/image-box/ImageBox.svelte.d.ts +1 -22
  31. package/dist/widgets/presenter/ImageSlide.svelte.d.ts +1 -5
  32. package/dist/widgets/presenter/Presenter.svelte.d.ts +0 -11
  33. package/dist/widgets/virtual-viewport/VirtualViewport.svelte.d.ts +0 -22
  34. package/package.json +1 -1
  35. package/dist/classes/svelte/image/ImageScene.svelte.js__ +0 -253
  36. 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;
@@ -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
- [key: string]: string;
13
+ [x: string]: string;
14
14
  };
15
15
  export const strokeWidth: {
16
- [key: string]: string;
16
+ [x: string]: string;
17
17
  };
18
18
  export const outlineWidth: {
19
- [key: string]: string;
19
+ [x: string]: string;
20
20
  };
21
21
  export const outlineOffset: {
22
- [key: string]: string;
22
+ [x: string]: string;
23
23
  };
@@ -22,4 +22,3 @@ export type LoggerExtension = {
22
22
  */
23
23
  /** @type {pino.Logger & LoggerExtension} */
24
24
  export const logger: pino.Logger & LoggerExtension;
25
- import pino from 'pino';
@@ -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,7 @@
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 | Symbol,
21
- * onProgress?: (progress: import('../../classes/svelte/network-loader/typedef.js').LoadingProgress, id?: string | Symbol) => void,
20
+ * onProgress?: (progress: import('../../classes/svelte/network-loader/typedef.js').LoadingProgress) => void,
22
21
  * [attr: string]: any
23
22
  * }}
24
23
  */
@@ -43,9 +42,6 @@
43
42
  // Accessibility
44
43
  alt = '',
45
44
 
46
- // Component identification
47
- id = Symbol('ImageBox'),
48
-
49
45
  // Events
50
46
  onProgress,
51
47
 
@@ -54,7 +50,7 @@
54
50
  } = $props();
55
51
 
56
52
  // if (!imageMeta) {
57
- // throw new Error('Missing [imageMeta]');
53
+ // throw new Error('Missing [imageMeta]');
58
54
  // }
59
55
 
60
56
  /** @type {HTMLDivElement|undefined} */
@@ -91,11 +87,11 @@
91
87
 
92
88
  // Report progress from variants loader
93
89
  if (variantsLoader) {
94
- onProgress(variantsLoader.progress, id);
90
+ onProgress(variantsLoader.progress);
95
91
  }
96
92
  // Report progress from single image loader
97
93
  else if (imageLoader_) {
98
- onProgress(imageLoader_.progress, id);
94
+ onProgress(imageLoader_.progress);
99
95
  }
100
96
  });
101
97
 
@@ -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;
@@ -33,6 +13,5 @@ declare const ImageBox: import("svelte").Component<{
33
13
  imageMeta?: import("../../config/typedef.js").ImageMeta | import("../../config/typedef.js").ImageMeta[];
34
14
  imageLoader?: import("../../classes/svelte/image/index.js").ImageLoader;
35
15
  alt?: string;
36
- id?: string | Symbol;
37
- onProgress?: (progress: import("../../classes/svelte/network-loader/typedef.js").LoadingProgress, id?: string | Symbol) => void;
16
+ onProgress?: (progress: import("../../classes/svelte/network-loader/typedef.js").LoadingProgress) => void;
38
17
  }, {}, "">;
@@ -1,6 +1,2 @@
1
1
  export default ImageSlide;
2
- type ImageSlide = {
3
- $on?(type: string, callback: (e: any) => void): () => void;
4
- $set?(props: Partial<Record<string, any>>): void;
5
- };
6
- declare const ImageSlide: import("svelte").Component<Record<string, any>, {}, "">;
2
+ declare const ImageSlide: import("svelte").Component<Record<string, unknown>, {}, "">;
@@ -1,15 +1,4 @@
1
1
  export default Presenter;
2
- type Presenter = {
3
- $on?(type: string, callback: (e: any) => void): () => void;
4
- $set?(props: Partial<{
5
- classes?: string;
6
- slides?: Slide[];
7
- autostart?: boolean;
8
- startSlide?: string;
9
- instanceKey?: string | Symbol;
10
- layoutSnippet: Snippet<[Slide, Layer]>;
11
- }>): void;
12
- };
13
2
  declare const Presenter: import("svelte").Component<{
14
3
  classes?: string;
15
4
  slides?: import("./typedef.js").Slide[];
@@ -1,26 +1,4 @@
1
1
  export default VirtualViewport;
2
- type VirtualViewport = {
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
- overflow?: string;
12
- designWidth?: number;
13
- designHeight?: number;
14
- scaleViewport?: number;
15
- scaleW?: number;
16
- scaleH?: number;
17
- scaleUI?: number;
18
- scaleTextBase?: number;
19
- scaleTextHeading?: number;
20
- scaleTextUI?: number;
21
- children?: Snippet<[]>;
22
- }>): void;
23
- };
24
2
  declare const VirtualViewport: import("svelte").Component<{
25
3
  [attr: string]: any;
26
4
  base?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hkdigital/lib-sveltekit",
3
- "version": "0.1.22",
3
+ "version": "0.1.23",
4
4
  "author": {
5
5
  "name": "HKdigital",
6
6
  "url": "https://hkdigital.nl"