@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.
- package/dist/assets/autospuiten/car-paint-picker.d.ts +7 -7
- package/dist/components/drag-drop/DragDropContext.svelte +26 -0
- package/dist/components/drag-drop/DragDropContext.svelte.d.ts +18 -0
- package/dist/components/drag-drop/Draggable.svelte +227 -0
- package/dist/components/drag-drop/Draggable.svelte.d.ts +76 -0
- package/dist/components/drag-drop/DropZone.svelte +377 -0
- package/dist/components/drag-drop/DropZone.svelte.d.ts +114 -0
- package/dist/components/drag-drop/drag-state.svelte.d.ts +30 -0
- package/dist/components/drag-drop/drag-state.svelte.js +50 -0
- package/dist/components/drag-drop/index.d.ts +4 -0
- package/dist/components/drag-drop/index.js +5 -0
- package/dist/components/drag-drop/util.d.ts +32 -0
- package/dist/components/drag-drop/util.js +85 -0
- package/dist/components/tab-bar/HkTabBar.state.svelte.d.ts +4 -4
- package/dist/components/tab-bar/HkTabBar.svelte +3 -3
- package/dist/components/tab-bar/HkTabBar.svelte.d.ts +2 -2
- package/dist/components/tab-bar/HkTabBarSelector.state.svelte.d.ts +3 -3
- package/dist/components/tab-bar/HkTabBarSelector.svelte +3 -3
- package/dist/components/tab-bar/HkTabBarSelector.svelte.d.ts +2 -2
- package/dist/components/tab-bar/index.d.ts +1 -0
- package/dist/components/tab-bar/typedef.d.ts +3 -1
- package/dist/components/tab-bar/typedef.js +3 -0
- package/dist/constants/state-labels/drag-states.d.ts +5 -0
- package/dist/constants/state-labels/drag-states.js +6 -0
- package/dist/constants/state-labels/drop-states.d.ts +6 -0
- package/dist/constants/state-labels/drop-states.js +6 -0
- package/dist/themes/hkdev/components/drag-drop/draggable.css +51 -0
- package/dist/themes/hkdev/components/drag-drop/dropzone.css +73 -0
- package/dist/themes/hkdev/components.css +6 -0
- package/dist/typedef/context.d.ts +3 -0
- package/dist/typedef/context.js +6 -0
- package/dist/typedef/drag.d.ts +20 -0
- package/dist/typedef/drag.js +9 -0
- package/dist/typedef/drop.d.ts +20 -0
- package/dist/typedef/drop.js +9 -0
- package/dist/typedef/{image-meta.js → image.js} +0 -1
- package/dist/typedef/index.d.ts +4 -1
- package/dist/typedef/index.js +4 -1
- package/dist/util/geo/index.d.ts +10 -0
- package/dist/util/geo/index.js +26 -0
- package/dist/util/svelte/state-context/index.d.ts +2 -1
- package/dist/util/svelte/state-context/index.js +46 -12
- package/dist/widgets/game-box/GameBox.svelte +1 -0
- package/dist/widgets/hk-app-layout/HkAppLayout.state.svelte.d.ts +3 -3
- package/dist/widgets/image-box/ImageBox.svelte +2 -4
- package/package.json +3 -1
- /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: (
|
52
|
-
export const createState: (
|
53
|
-
export const getState: (
|
54
|
-
export type Tab =
|
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
|
-
*
|
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
|
-
|
42
|
+
contextKey,
|
43
43
|
|
44
44
|
// Snippets
|
45
45
|
children,
|
@@ -54,7 +54,7 @@
|
|
54
54
|
...attrs
|
55
55
|
} = $props();
|
56
56
|
|
57
|
-
createOrGetState(
|
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
|
-
|
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
|
-
|
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: (
|
18
|
-
export const createState: (
|
19
|
-
export const getState: (
|
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
|
-
*
|
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
|
-
|
33
|
+
contextKey
|
34
34
|
} = $props();
|
35
35
|
|
36
|
-
const selectorState = createOrGetState(
|
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
|
-
|
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
|
-
|
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";
|
@@ -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'; // 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,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,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
|
+
};
|
package/dist/typedef/index.d.ts
CHANGED
package/dist/typedef/index.js
CHANGED
@@ -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): [(
|
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
|
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
|
-
|
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 {
|
58
|
+
* @param {import('../../../typedef').ContextKey} contextKey
|
30
59
|
*
|
31
60
|
* @returns {T} state
|
32
61
|
*/
|
33
|
-
function createState(
|
34
|
-
const key =
|
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.
|
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 {
|
83
|
+
* @param {import('../../../typedef').ContextKey} contextKey
|
50
84
|
*
|
51
85
|
* @returns {T} state
|
52
86
|
*/
|
53
|
-
function createOrGetState(
|
54
|
-
let key =
|
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 {
|
102
|
+
* @param {import('../../../typedef').ContextKey} contextKey
|
69
103
|
*
|
70
104
|
* @returns {T} state
|
71
105
|
*/
|
72
|
-
function getState(
|
73
|
-
let key =
|
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`);
|
@@ -1,6 +1,6 @@
|
|
1
1
|
export class AppLayoutState {
|
2
2
|
landscapeOnSmallScreen: boolean;
|
3
3
|
}
|
4
|
-
export const createOrGetState: (
|
5
|
-
export const createState: (
|
6
|
-
export const getState: (
|
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
|
-
|
208
|
-
|
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.
|
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
|