@hkdigital/lib-sveltekit 0.1.76 → 0.1.78

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 (47) hide show
  1. package/dist/assets/autospuiten/car-paint-picker.d.ts +7 -7
  2. package/dist/components/drag-drop/DragDropContext.svelte +26 -0
  3. package/dist/components/drag-drop/DragDropContext.svelte.d.ts +18 -0
  4. package/dist/components/drag-drop/Draggable.svelte +227 -0
  5. package/dist/components/drag-drop/Draggable.svelte.d.ts +76 -0
  6. package/dist/components/drag-drop/DropZone.svelte +377 -0
  7. package/dist/components/drag-drop/DropZone.svelte.d.ts +114 -0
  8. package/dist/components/drag-drop/drag-state.svelte.d.ts +30 -0
  9. package/dist/components/drag-drop/drag-state.svelte.js +50 -0
  10. package/dist/components/drag-drop/index.d.ts +4 -0
  11. package/dist/components/drag-drop/index.js +5 -0
  12. package/dist/components/drag-drop/util.d.ts +32 -0
  13. package/dist/components/drag-drop/util.js +85 -0
  14. package/dist/components/tab-bar/HkTabBar.state.svelte.d.ts +4 -4
  15. package/dist/components/tab-bar/HkTabBar.svelte +3 -3
  16. package/dist/components/tab-bar/HkTabBar.svelte.d.ts +2 -2
  17. package/dist/components/tab-bar/HkTabBarSelector.state.svelte.d.ts +3 -3
  18. package/dist/components/tab-bar/HkTabBarSelector.svelte +3 -3
  19. package/dist/components/tab-bar/HkTabBarSelector.svelte.d.ts +2 -2
  20. package/dist/components/tab-bar/index.d.ts +1 -0
  21. package/dist/components/tab-bar/typedef.d.ts +3 -1
  22. package/dist/components/tab-bar/typedef.js +3 -0
  23. package/dist/constants/state-labels/drag-states.d.ts +5 -0
  24. package/dist/constants/state-labels/drag-states.js +6 -0
  25. package/dist/constants/state-labels/drop-states.d.ts +6 -0
  26. package/dist/constants/state-labels/drop-states.js +6 -0
  27. package/dist/themes/hkdev/components/drag-drop/draggable.css +51 -0
  28. package/dist/themes/hkdev/components/drag-drop/dropzone.css +73 -0
  29. package/dist/themes/hkdev/components.css +6 -0
  30. package/dist/typedef/context.d.ts +3 -0
  31. package/dist/typedef/context.js +6 -0
  32. package/dist/typedef/drag.d.ts +20 -0
  33. package/dist/typedef/drag.js +9 -0
  34. package/dist/typedef/drop.d.ts +20 -0
  35. package/dist/typedef/drop.js +9 -0
  36. package/dist/typedef/{image-meta.js → image.js} +0 -1
  37. package/dist/typedef/index.d.ts +4 -1
  38. package/dist/typedef/index.js +4 -1
  39. package/dist/util/geo/index.d.ts +10 -0
  40. package/dist/util/geo/index.js +26 -0
  41. package/dist/util/svelte/state-context/index.d.ts +2 -1
  42. package/dist/util/svelte/state-context/index.js +46 -12
  43. package/dist/widgets/game-box/GameBox.svelte +1 -0
  44. package/dist/widgets/hk-app-layout/HkAppLayout.state.svelte.d.ts +3 -3
  45. package/dist/widgets/image-box/ImageBox.svelte +2 -4
  46. package/package.json +3 -1
  47. /package/dist/typedef/{image-meta.d.ts → image.d.ts} +0 -0
@@ -48,7 +48,7 @@ export class HkTabBarState {
48
48
  */
49
49
  linkTab(index: number, tabElement: HTMLElement): void;
50
50
  }
51
- export const createOrGetState: (instanceKey?: string | Symbol) => HkTabBarState;
52
- export const createState: (instanceKey?: string | Symbol) => HkTabBarState;
53
- export const getState: (instanceKey?: string | Symbol) => HkTabBarState;
54
- export type Tab = any;
51
+ export const createOrGetState: (contextKey: import("../../typedef/context.js").ContextKey) => HkTabBarState;
52
+ export const createState: (contextKey: import("../../typedef/context.js").ContextKey) => HkTabBarState;
53
+ export const getState: (contextKey: import("../../typedef/context.js").ContextKey) => HkTabBarState;
54
+ export type Tab = import("./typedef.js").Tab;
@@ -19,7 +19,7 @@
19
19
  * margin?: string,
20
20
  * classes?: string,
21
21
  * style?: string,
22
- * instanceKey?: Symbol | string,
22
+ * contextKey?: Symbol | string,
23
23
  * children: import('svelte').Snippet,
24
24
  * onmount?: function,
25
25
  * domElem?: HTMLElement
@@ -39,7 +39,7 @@
39
39
  style,
40
40
 
41
41
  // State
42
- instanceKey,
42
+ contextKey,
43
43
 
44
44
  // Snippets
45
45
  children,
@@ -54,7 +54,7 @@
54
54
  ...attrs
55
55
  } = $props();
56
56
 
57
- createOrGetState(instanceKey);
57
+ createOrGetState(contextKey);
58
58
 
59
59
  //grid-cols-[repeat({cols},minmax(0,auto))]
60
60
  </script>
@@ -9,7 +9,7 @@ type HkTabBar = {
9
9
  margin?: string;
10
10
  classes?: string;
11
11
  style?: string;
12
- instanceKey?: string | Symbol;
12
+ contextKey?: string | Symbol;
13
13
  children: Snippet<[]>;
14
14
  onmount?: Function;
15
15
  domElem?: HTMLElement;
@@ -25,7 +25,7 @@ declare const HkTabBar: import("svelte").Component<{
25
25
  margin?: string;
26
26
  classes?: string;
27
27
  style?: string;
28
- instanceKey?: Symbol | string;
28
+ contextKey?: Symbol | string;
29
29
  children: import("svelte").Snippet;
30
30
  onmount?: Function;
31
31
  domElem?: HTMLElement;
@@ -14,6 +14,6 @@ export class HkTabBarSelectorState {
14
14
  tabBarState: any;
15
15
  #private;
16
16
  }
17
- export const createOrGetState: (instanceKey?: string | Symbol) => HkTabBarSelectorState;
18
- export const createState: (instanceKey?: string | Symbol) => HkTabBarSelectorState;
19
- export const getState: (instanceKey?: string | Symbol) => HkTabBarSelectorState;
17
+ export const createOrGetState: (contextKey: import("../../typedef/context.js").ContextKey) => HkTabBarSelectorState;
18
+ export const createState: (contextKey: import("../../typedef/context.js").ContextKey) => HkTabBarSelectorState;
19
+ export const getState: (contextKey: import("../../typedef/context.js").ContextKey) => HkTabBarSelectorState;
@@ -17,7 +17,7 @@
17
17
  * boxMargin?: string,
18
18
  * boxClasses?: string,
19
19
  * boxAttrs?: { [attr: string]: * },
20
- * instanceKey?: Symbol | string
20
+ * contextKey?: Symbol | string
21
21
  * } & { [attr: string]: any }}
22
22
  */
23
23
  let {
@@ -30,10 +30,10 @@
30
30
  boxClasses,
31
31
 
32
32
  // State
33
- instanceKey
33
+ contextKey
34
34
  } = $props();
35
35
 
36
- const selectorState = createOrGetState(instanceKey);
36
+ const selectorState = createOrGetState(contextKey);
37
37
  </script>
38
38
 
39
39
  <div
@@ -13,7 +13,7 @@ type HkTabBarSelector = {
13
13
  boxAttrs?: {
14
14
  [attr: string]: any;
15
15
  };
16
- instanceKey?: string | Symbol;
16
+ contextKey?: string | Symbol;
17
17
  } & {
18
18
  [attr: string]: any;
19
19
  }>): void;
@@ -30,7 +30,7 @@ declare const HkTabBarSelector: import("svelte").Component<{
30
30
  boxAttrs?: {
31
31
  [attr: string]: any;
32
32
  };
33
- instanceKey?: Symbol | string;
33
+ contextKey?: Symbol | string;
34
34
  } & {
35
35
  [attr: string]: any;
36
36
  }, {}, "">;
@@ -1,4 +1,5 @@
1
1
  export { default as HkTabBar } from "./HkTabBar.svelte";
2
2
  export { default as HkTabBarSelector } from "./HkTabBarSelector.svelte";
3
+ export * from "./typedef.js";
3
4
  export { createOrGetState as createOrGetTabBarState, createState as createTabBarState, getState as getTabBarState } from "./HkTabBar.state.svelte.js";
4
5
  export { createOrGetState as createOrGetTabBarSelectorState, createState as createTabBarSelectorState, getState as getTabBarSelectorState } from "./HkTabBarSelector.state.svelte.js";
@@ -1,4 +1,6 @@
1
- type Tab = {
1
+ declare const _default: {};
2
+ export default _default;
3
+ export type Tab = {
2
4
  icon: any;
3
5
  label?: string;
4
6
  route?: string;
@@ -6,3 +6,6 @@
6
6
  * @property {string} [route]
7
7
  * @property {string} [routePrefix]
8
8
  */
9
+
10
+
11
+ export default {};
@@ -0,0 +1,5 @@
1
+ export const IDLE: "idle";
2
+ export const DRAGGING: "dragging";
3
+ export const DRAG_PREVIEW: "drag-preview";
4
+ export const DROPPING: "dropping";
5
+ export const DRAG_DISABLED: "drag-disabled";
@@ -0,0 +1,6 @@
1
+ // Draggable states
2
+ export const IDLE = 'idle'; // Not being dragged
3
+ export const DRAGGING = 'dragging'; // Currently being dragged
4
+ export const DRAG_PREVIEW = 'drag-preview'; // Mouse down, before drag
5
+ export const DROPPING = 'dropping'; // Just dropped, animating
6
+ export const DRAG_DISABLED = 'drag-disabled'; // Dragging not allowed
@@ -0,0 +1,6 @@
1
+ export const READY: "ready";
2
+ export const DRAG_OVER: "drag-over";
3
+ export const CAN_DROP: "can-drop";
4
+ export const CANNOT_DROP: "cannot-drop";
5
+ export const DROP_DISABLED: "drop-disabled";
6
+ export const ACTIVE_DROP: "active-drop";
@@ -0,0 +1,6 @@
1
+ export const READY = 'ready'; // Waiting for drag
2
+ export const DRAG_OVER = 'drag-over'; // Item dragged over zone
3
+ export const CAN_DROP = 'can-drop'; // Valid drop target
4
+ export const CANNOT_DROP = 'cannot-drop'; // Invalid drop target
5
+ export const DROP_DISABLED = 'drop-disabled'; // Dropping not allowed
6
+ export const ACTIVE_DROP = 'active-drop'; // Currently processing drop
@@ -0,0 +1,51 @@
1
+ @define-mixin component-draggable {
2
+ [data-component='draggable'] {
3
+ cursor: move;
4
+ user-select: none;
5
+ transition:
6
+ opacity 0.2s ease,
7
+ transform 0.2s ease;
8
+ }
9
+
10
+ /* State-based styling using state classes */
11
+ [data-component='draggable'].state-idle {
12
+ opacity: 1;
13
+ transform: scale(1);
14
+ }
15
+
16
+ [data-component='draggable'].state-dragging {
17
+ opacity: 0.5;
18
+ transform: scale(0.95);
19
+ }
20
+
21
+ [data-component='draggable'].state-drag-preview {
22
+ transform: scale(0.98);
23
+ filter: brightness(0.95);
24
+ }
25
+
26
+ [data-component='draggable'].state-dropping {
27
+ animation: drop-finish 0.2s ease-out;
28
+ }
29
+
30
+ [data-component='draggable'].state-drag-disabled {
31
+ cursor: not-allowed;
32
+ opacity: 0.6;
33
+ filter: grayscale(0.5);
34
+ }
35
+
36
+ /* Animations */
37
+ @keyframes drop-finish {
38
+ 0% {
39
+ transform: scale(0.95);
40
+ opacity: 0.8;
41
+ }
42
+ 50% {
43
+ transform: scale(1.05);
44
+ opacity: 1;
45
+ }
46
+ 100% {
47
+ transform: scale(1);
48
+ opacity: 1;
49
+ }
50
+ }
51
+ }
@@ -0,0 +1,73 @@
1
+ @define-mixin component-dropzone {
2
+ [data-component='dropzone'] {
3
+ min-height: 100px;
4
+ border: 2px dashed rgb(var(--color-surface-400));
5
+ border-radius: var(--theme-rounded-container);
6
+ padding: 1rem;
7
+ transition: all 0.2s ease;
8
+ position: relative;
9
+ background-color: rgb(var(--color-surface-50) / 0.5);
10
+ }
11
+
12
+ /* State-based styling using state classes */
13
+ [data-component='dropzone'].state-ready {
14
+ border-color: rgb(var(--color-surface-400));
15
+ background-color: transparent;
16
+ }
17
+
18
+ [data-component='dropzone'].state-drag-over {
19
+ border-color: rgb(var(--color-primary-400));
20
+ background-color: rgb(var(--color-primary-500) / 0.05);
21
+ }
22
+
23
+ [data-component='dropzone'].state-can-drop {
24
+ border-color: rgb(var(--color-success-500));
25
+ background-color: rgb(var(--color-success-500) / 0.08);
26
+ transform: scale(1.01);
27
+ box-shadow: 0 0 0 3px rgb(var(--color-success-500) / 0.2);
28
+ }
29
+
30
+ [data-component='dropzone'].state-cannot-drop {
31
+ border-color: rgb(var(--color-error-500));
32
+ background-color: rgb(var(--color-error-500) / 0.08);
33
+ cursor: not-allowed;
34
+ }
35
+
36
+ [data-component='dropzone'].state-active-drop {
37
+ animation: drop-pulse 0.3s ease-out;
38
+ border-color: rgb(var(--color-success-500));
39
+ background-color: rgb(var(--color-success-500) / 0.1);
40
+ }
41
+
42
+ [data-component='dropzone'].state-drop-disabled {
43
+ opacity: 0.5;
44
+ cursor: not-allowed;
45
+ background-color: rgb(var(--color-surface-100));
46
+ }
47
+
48
+ /* Empty state */
49
+ [data-element='drop-zone-empty'] {
50
+ display: flex;
51
+ align-items: center;
52
+ justify-content: center;
53
+ height: 100%;
54
+ color: rgb(var(--color-surface-500));
55
+ font-style: italic;
56
+ }
57
+
58
+ /* Animations */
59
+ @keyframes drop-pulse {
60
+ 0% {
61
+ transform: scale(1);
62
+ box-shadow: 0 0 0 0 rgb(var(--color-success-500) / 0.4);
63
+ }
64
+ 50% {
65
+ transform: scale(1.02);
66
+ box-shadow: 0 0 0 8px rgb(var(--color-success-500) / 0);
67
+ }
68
+ 100% {
69
+ transform: scale(1);
70
+ box-shadow: 0 0 0 0 rgb(var(--color-success-500) / 0);
71
+ }
72
+ }
73
+ }
@@ -11,6 +11,9 @@
11
11
 
12
12
  /*@import "./components/buttons/skip-button.css";*/
13
13
 
14
+ @import './components/drag-drop/draggable.css';
15
+ @import './components/drag-drop/dropzone.css';
16
+
14
17
  /* Icons */
15
18
  @import './components/icons/icon-steeze.css';
16
19
 
@@ -36,6 +39,9 @@
36
39
  @mixin component-button-icon-steeze;
37
40
  /* @mixin buttons-skip-button;*/
38
41
 
42
+ @mixin component-draggable;
43
+ @mixin component-dropzone;
44
+
39
45
  @mixin component-icon-steeze;
40
46
 
41
47
  @mixin component-panel;
@@ -0,0 +1,3 @@
1
+ declare const _default: {};
2
+ export default _default;
3
+ export type ContextKey = Symbol | "default";
@@ -0,0 +1,6 @@
1
+
2
+ /**
3
+ * @typedef {Symbol|'default'} ContextKey
4
+ */
5
+
6
+ export default {};
@@ -0,0 +1,20 @@
1
+ declare const _default: {};
2
+ export default _default;
3
+ export type DragData = {
4
+ /**
5
+ * - The item being dragged
6
+ */
7
+ item: any;
8
+ /**
9
+ * - Source identifier
10
+ */
11
+ source?: string;
12
+ /**
13
+ * - Drag group
14
+ */
15
+ group?: string;
16
+ /**
17
+ * - Additional metadata
18
+ */
19
+ metadata?: any;
20
+ };
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @typedef {Object} DragData
3
+ * @property {any} item - The item being dragged
4
+ * @property {string} [source] - Source identifier
5
+ * @property {string} [group] - Drag group
6
+ * @property {any} [metadata] - Additional metadata
7
+ */
8
+
9
+ export default {}
@@ -0,0 +1,20 @@
1
+ declare const _default: {};
2
+ export default _default;
3
+ export type DropData = {
4
+ /**
5
+ * - The dropped item
6
+ */
7
+ item: any;
8
+ /**
9
+ * - Source identifier
10
+ */
11
+ source: string;
12
+ /**
13
+ * - Drag group
14
+ */
15
+ group: string;
16
+ /**
17
+ * - Additional metadata
18
+ */
19
+ metadata?: any;
20
+ };
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @typedef {Object} DropData
3
+ * @property {any} item - The dropped item
4
+ * @property {string} source - Source identifier
5
+ * @property {string} group - Drag group
6
+ * @property {any} [metadata] - Additional metadata
7
+ */
8
+
9
+ export default {}
@@ -10,5 +10,4 @@
10
10
  * Single ImageMeta object or array of ImageMeta objects
11
11
  */
12
12
 
13
-
14
13
  export default {};
@@ -1 +1,4 @@
1
- export * from "./image-meta.js";
1
+ export * from "./context.js";
2
+ export * from "./drag.js";
3
+ export * from "./drop.js";
4
+ export * from "./image.js";
@@ -1 +1,4 @@
1
- export * from './image-meta.js';
1
+ export * from './context.js';
2
+ export * from './drag.js';
3
+ export * from './drop.js';
4
+ export * from './image.js';
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Check if a point lies within a polygon
3
+ *
4
+ * @param {number} xPct - X-coordinate as percentage
5
+ * @param {number} yPct - Y-coordinate as percentage
6
+ * @param {Array} polygon - Array of [x, y] points
7
+ *
8
+ * @returns {boolean} True if the point lies within the polygon
9
+ */
10
+ export function isPointInPolygon(xPct: number, yPct: number, polygon: any[]): boolean;
@@ -0,0 +1,26 @@
1
+ /**
2
+ * Check if a point lies within a polygon
3
+ *
4
+ * @param {number} xPct - X-coordinate as percentage
5
+ * @param {number} yPct - Y-coordinate as percentage
6
+ * @param {Array} polygon - Array of [x, y] points
7
+ *
8
+ * @returns {boolean} True if the point lies within the polygon
9
+ */
10
+ export function isPointInPolygon(xPct, yPct, polygon) {
11
+ let inside = false;
12
+ for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
13
+ const xi = polygon[i][0];
14
+ const yi = polygon[i][1];
15
+ const xj = polygon[j][0];
16
+ const yj = polygon[j][1];
17
+
18
+ const intersect =
19
+ yi > yPct !== yj > yPct &&
20
+ xPct < ((xj - xi) * (yPct - yi)) / (yj - yi) + xi;
21
+ if (intersect) {
22
+ inside = !inside;
23
+ }
24
+ }
25
+ return inside;
26
+ }
@@ -14,4 +14,5 @@
14
14
  * getState
15
15
  * ]}
16
16
  */
17
- export function defineStateContext<T>(State: new () => T): [(instanceKey?: string | Symbol) => T, (instanceKey?: string | Symbol) => T, (instanceKey?: string | Symbol) => T];
17
+ export function defineStateContext<T>(State: new () => T): [(contextKey: import("../../../typedef").ContextKey) => T, (contextKey: import("../../../typedef").ContextKey) => T, (contextKey: import("../../../typedef").ContextKey) => T];
18
+ export const DEFAULT_CONTEXT_KEY: "default";
@@ -1,5 +1,7 @@
1
1
  import { setContext, getContext, hasContext } from 'svelte';
2
2
 
3
+ export const DEFAULT_CONTEXT_KEY = 'default';
4
+
3
5
  /* ----------------------------------------------------------- Create and Get */
4
6
 
5
7
  /**
@@ -19,26 +21,58 @@ import { setContext, getContext, hasContext } from 'svelte';
19
21
  * ]}
20
22
  */
21
23
  export function defineStateContext(State) {
22
- const description = State.name;
24
+ const stateName = State.name;
25
+
26
+ const sharedKey = Symbol(stateName);
27
+
28
+ // console.debug(`Creating state context for ${stateName}`, { sharedKey });
29
+
30
+ /**
31
+ * Internal function to get the supplied key or the shared key
32
+ *
33
+ * @param {import('../../../typedef').ContextKey} contextKey
34
+ *
35
+ * @returns {Symbol} key
36
+ */
37
+ function getKey(contextKey) {
38
+ if (typeof contextKey === 'symbol') {
39
+ return contextKey;
40
+ }
23
41
 
24
- const sharedKey = Symbol(description);
42
+ if (
43
+ contextKey === undefined ||
44
+ contextKey === null ||
45
+ contextKey === DEFAULT_CONTEXT_KEY
46
+ ) {
47
+ return sharedKey;
48
+ }
49
+
50
+ throw new Error(
51
+ `Invalid contextKey (use a Symbol or DEFAULT_CONTEXT_KEY)`
52
+ );
53
+ }
25
54
 
26
55
  /**
27
56
  * Create component state
28
57
  *
29
- * @param {string|Symbol} [instanceKey]
58
+ * @param {import('../../../typedef').ContextKey} contextKey
30
59
  *
31
60
  * @returns {T} state
32
61
  */
33
- function createState(instanceKey) {
34
- const key = instanceKey ?? sharedKey;
62
+ function createState(contextKey) {
63
+ const key = getKey(contextKey);
35
64
 
36
65
  // console.log('Create state', key);
66
+ // console.debug(`Creating new state for ${stateName}`, {
67
+ // key,
68
+ // contextKey,
69
+ // isDefaultKey: key === sharedKey
70
+ // });
37
71
 
38
72
  const state = new State();
39
73
 
40
74
  // @ts-ignore
41
- state._instanceKey = instanceKey;
75
+ state._contextKey = contextKey;
42
76
 
43
77
  return setContext(key, state);
44
78
  }
@@ -46,12 +80,12 @@ export function defineStateContext(State) {
46
80
  /**
47
81
  * Get component state or create a new state if it does not yet exist
48
82
  *
49
- * @param {string|Symbol} [instanceKey]
83
+ * @param {import('../../../typedef').ContextKey} contextKey
50
84
  *
51
85
  * @returns {T} state
52
86
  */
53
- function createOrGetState(instanceKey) {
54
- let key = instanceKey ?? sharedKey;
87
+ function createOrGetState(contextKey) {
88
+ let key = getKey(contextKey);
55
89
 
56
90
  if (!hasContext(key)) {
57
91
  return createState(key);
@@ -65,12 +99,12 @@ export function defineStateContext(State) {
65
99
  *
66
100
  * @throws Will throw an error if the state-context does not exist
67
101
  *
68
- * @param {string|Symbol} [instanceKey]
102
+ * @param {import('../../../typedef').ContextKey} contextKey
69
103
  *
70
104
  * @returns {T} state
71
105
  */
72
- function getState(instanceKey) {
73
- let key = instanceKey ?? sharedKey;
106
+ function getState(contextKey) {
107
+ let key = getKey(contextKey);
74
108
 
75
109
  if (!hasContext(key)) {
76
110
  throw new Error(`No state context found. Create one first`);
@@ -558,6 +558,7 @@
558
558
 
559
559
  <style>
560
560
  .center {
561
+ display: grid;
561
562
  height: 100lvh;
562
563
  display: grid;
563
564
  justify-items: center;
@@ -1,6 +1,6 @@
1
1
  export class AppLayoutState {
2
2
  landscapeOnSmallScreen: boolean;
3
3
  }
4
- export const createOrGetState: (instanceKey?: string | Symbol) => AppLayoutState;
5
- export const createState: (instanceKey?: string | Symbol) => AppLayoutState;
6
- export const getState: (instanceKey?: string | Symbol) => AppLayoutState;
4
+ export const createOrGetState: (contextKey: import("../../typedef").ContextKey) => AppLayoutState;
5
+ export const createState: (contextKey: import("../../typedef").ContextKey) => AppLayoutState;
6
+ export const getState: (contextKey: import("../../typedef").ContextKey) => AppLayoutState;
@@ -204,9 +204,7 @@
204
204
  height: 100%;
205
205
  max-width: 100%;
206
206
  max-height: 100%;
207
- -o-object-fit: var(--fit);
208
- object-fit: var(--fit);
209
- -o-object-position: var(--pos);
210
- object-position: var(--pos);
207
+ object-fit: var(--fit);
208
+ object-position: var(--pos);
211
209
  }
212
210
  </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hkdigital/lib-sveltekit",
3
- "version": "0.1.76",
3
+ "version": "0.1.78",
4
4
  "author": {
5
5
  "name": "HKdigital",
6
6
  "url": "https://hkdigital.nl"
@@ -62,6 +62,7 @@
62
62
  "pino-pretty": "^13.0.0",
63
63
  "runed": "^0.23.0",
64
64
  "svelte": "^5.0.0",
65
+ "svelte-preprocess": "^6.0.3",
65
66
  "valibot": "^0.42.1",
66
67
  "zod": "^3.24.2"
67
68
  },
@@ -95,6 +96,7 @@
95
96
  "standardized-audio-context-mock": "^9.7.16",
96
97
  "svelte": "^5.20.5",
97
98
  "svelte-check": "^4.1.4",
99
+ "svelte-preprocess": "^6.0.3",
98
100
  "tailwindcss": "^3.4.17",
99
101
  "typescript": "^5.8.2",
100
102
  "vite": "^6.2.0",
File without changes