@hkdigital/lib-sveltekit 0.2.19 → 0.2.21

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 (256) hide show
  1. package/README.md +135 -135
  2. package/dist/assets/autospuiten/car-paint-picker.js +41 -41
  3. package/dist/assets/autospuiten/labels.js +7 -7
  4. package/dist/classes/cache/IndexedDbCache.js +1407 -1407
  5. package/dist/classes/cache/MemoryResponseCache.js +138 -138
  6. package/dist/classes/cache/index.js +5 -5
  7. package/dist/classes/cache/typedef.js +41 -41
  8. package/dist/classes/data/IterableTree.js +243 -243
  9. package/dist/classes/data/Selector.js +190 -190
  10. package/dist/classes/data/index.js +2 -2
  11. package/dist/classes/events/EventEmitter.js +275 -275
  12. package/dist/classes/events/index.js +2 -2
  13. package/dist/classes/index.js +4 -4
  14. package/dist/classes/logging/Logger.js +210 -210
  15. package/dist/classes/logging/constants.js +16 -16
  16. package/dist/classes/logging/index.js +4 -4
  17. package/dist/classes/logging/typedef.js +17 -17
  18. package/dist/classes/promise/HkPromise.js +377 -377
  19. package/dist/classes/promise/index.js +1 -1
  20. package/dist/classes/services/ServiceBase.js +463 -463
  21. package/dist/classes/services/ServiceManager.js +614 -614
  22. package/dist/classes/services/index.js +5 -5
  23. package/dist/classes/services/service-states.js +205 -205
  24. package/dist/classes/services/typedef.js +179 -179
  25. package/dist/classes/stores/SubscribersCount.js +107 -107
  26. package/dist/classes/stores/index.js +1 -1
  27. package/dist/classes/streams/LogTransformStream.js +19 -19
  28. package/dist/classes/streams/ServerEventsStore.js +110 -110
  29. package/dist/classes/streams/TimeStampSource.js +26 -26
  30. package/dist/classes/streams/index.js +3 -3
  31. package/dist/classes/svelte/audio/AudioLoader.svelte.js +58 -58
  32. package/dist/classes/svelte/audio/AudioScene.svelte.js +324 -324
  33. package/dist/classes/svelte/audio/mocks.js +35 -35
  34. package/dist/classes/svelte/finite-state-machine/FiniteStateMachine.svelte.js +133 -133
  35. package/dist/classes/svelte/finite-state-machine/index.js +1 -1
  36. package/dist/classes/svelte/image/ImageLoader.svelte.js +45 -45
  37. package/dist/classes/svelte/image/ImageScene.svelte.js +249 -249
  38. package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js +152 -152
  39. package/dist/classes/svelte/image/index.js +4 -4
  40. package/dist/classes/svelte/image/mocks.js +35 -35
  41. package/dist/classes/svelte/image/typedef.js +8 -8
  42. package/dist/classes/svelte/index.js +14 -14
  43. package/dist/classes/svelte/loading-state-machine/LoadingStateMachine.svelte.js +109 -109
  44. package/dist/classes/svelte/loading-state-machine/constants.js +16 -16
  45. package/dist/classes/svelte/loading-state-machine/index.js +3 -3
  46. package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js +338 -338
  47. package/dist/classes/svelte/network-loader/constants.js +3 -3
  48. package/dist/classes/svelte/network-loader/index.js +3 -3
  49. package/dist/classes/svelte/network-loader/mocks.js +30 -30
  50. package/dist/classes/svelte/network-loader/typedef.js +8 -8
  51. package/dist/components/area/HkArea.svelte +49 -49
  52. package/dist/components/area/HkGridArea.svelte +77 -77
  53. package/dist/components/area/index.js +2 -2
  54. package/dist/components/buttons/button/Button.svelte +82 -82
  55. package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte +30 -30
  56. package/dist/components/buttons/button-text/TextButton.svelte +21 -21
  57. package/dist/components/buttons/index.js +3 -3
  58. package/dist/components/debug/debug-panel-design-scaling/DebugPanelDesignScaling.svelte +146 -146
  59. package/dist/components/debug/index.js +1 -1
  60. package/dist/components/drag-drop/DragController.js +44 -44
  61. package/dist/components/drag-drop/DragDropContext.svelte +111 -111
  62. package/dist/components/drag-drop/Draggable.svelte +519 -519
  63. package/dist/components/drag-drop/DropZoneArea.svelte +119 -119
  64. package/dist/components/drag-drop/DropZoneList.svelte +125 -125
  65. package/dist/components/drag-drop/{DropZone.svelte → Dropzone.svelte} +258 -258
  66. package/dist/components/drag-drop/actions.js +26 -26
  67. package/dist/components/drag-drop/drag-state.svelte.js +322 -322
  68. package/dist/components/drag-drop/index.js +7 -7
  69. package/dist/components/drag-drop/util.js +85 -85
  70. package/dist/components/hkdev/blocks/TextBlock.svelte +46 -46
  71. package/dist/components/hkdev/buttons/CheckButton.svelte +62 -62
  72. package/dist/components/icons/HkIcon.svelte +86 -86
  73. package/dist/components/icons/HkTabIcon.svelte +116 -116
  74. package/dist/components/icons/SteezeIcon.svelte +97 -97
  75. package/dist/components/icons/index.js +6 -6
  76. package/dist/components/icons/typedef.js +16 -16
  77. package/dist/components/index.js +2 -2
  78. package/dist/components/inputs/index.js +1 -1
  79. package/dist/components/inputs/text-input/TestTextInput.svelte__ +102 -102
  80. package/dist/components/inputs/text-input/TextInput.svelte +223 -223
  81. package/dist/components/inputs/text-input/TextInput.svelte___ +83 -83
  82. package/dist/components/inputs/text-input/assets/IconInvalid.svelte +14 -14
  83. package/dist/components/inputs/text-input/assets/IconValid.svelte +12 -12
  84. package/dist/components/layout/grid-layers/GridLayers.svelte +63 -63
  85. package/dist/components/layout/grid-layers/util.js +74 -74
  86. package/dist/components/layout/index.js +1 -1
  87. package/dist/components/panels/index.js +1 -1
  88. package/dist/components/panels/panel/Panel.svelte +43 -43
  89. package/dist/components/rows/index.js +3 -3
  90. package/dist/components/rows/panel-grid-row/PanelGridRow.svelte +104 -104
  91. package/dist/components/rows/panel-row-2/PanelRow2.svelte +40 -40
  92. package/dist/components/tab-bar/HkTabBar.state.svelte.js +149 -149
  93. package/dist/components/tab-bar/HkTabBar.svelte +74 -74
  94. package/dist/components/tab-bar/HkTabBarSelector.state.svelte.js +93 -93
  95. package/dist/components/tab-bar/HkTabBarSelector.svelte +49 -49
  96. package/dist/components/tab-bar/index.js +17 -17
  97. package/dist/components/tab-bar/typedef.js +11 -11
  98. package/dist/config/imagetools-config.js +189 -189
  99. package/dist/config/imagetools.d.ts +72 -72
  100. package/dist/constants/bases.js +13 -13
  101. package/dist/constants/errors/api.js +9 -9
  102. package/dist/constants/errors/generic.js +5 -5
  103. package/dist/constants/errors/index.js +3 -3
  104. package/dist/constants/errors/jwt.js +5 -5
  105. package/dist/constants/http/headers.js +6 -6
  106. package/dist/constants/http/index.js +2 -2
  107. package/dist/constants/http/methods.d.ts +5 -0
  108. package/dist/constants/http/methods.js +14 -2
  109. package/dist/constants/index.js +3 -3
  110. package/dist/constants/mime/application.js +5 -5
  111. package/dist/constants/mime/audio.js +13 -13
  112. package/dist/constants/mime/image.js +3 -3
  113. package/dist/constants/mime/index.js +4 -4
  114. package/dist/constants/mime/text.js +2 -2
  115. package/dist/constants/regexp/index.js +31 -31
  116. package/dist/constants/regexp/inspiratie.js__ +95 -95
  117. package/dist/constants/regexp/text.js +49 -49
  118. package/dist/constants/regexp/user.js +32 -32
  119. package/dist/constants/regexp/web.js +3 -3
  120. package/dist/constants/state-labels/drag-states.js +6 -6
  121. package/dist/constants/state-labels/drop-states.js +6 -6
  122. package/dist/constants/state-labels/input-states.js +11 -11
  123. package/dist/constants/state-labels/submit-states.js +4 -4
  124. package/dist/constants/time.js +28 -28
  125. package/dist/css/utilities.css +43 -43
  126. package/dist/design/design-config.js +73 -73
  127. package/dist/design/tailwind-theme-extend.js +158 -158
  128. package/dist/features/button-group/ButtonGroup.svelte +82 -82
  129. package/dist/features/button-group/typedef.js +10 -10
  130. package/dist/features/compare-left-right/CompareLeftRight.svelte +179 -179
  131. package/dist/features/compare-left-right/index.js +1 -1
  132. package/dist/features/game-box/GameBox.svelte +577 -577
  133. package/dist/features/game-box/gamebox.util.js +83 -83
  134. package/dist/features/hk-app-layout/HkAppLayout.state.svelte.js +25 -25
  135. package/dist/features/hk-app-layout/HkAppLayout.svelte +251 -251
  136. package/dist/features/image-box/ImageBox.svelte +210 -210
  137. package/dist/features/image-box/index.js +5 -5
  138. package/dist/features/image-box/typedef.js +32 -32
  139. package/dist/features/index.js +23 -23
  140. package/dist/features/presenter/ImageSlide.svelte +64 -64
  141. package/dist/features/presenter/Presenter.state.svelte.js +638 -638
  142. package/dist/features/presenter/Presenter.svelte +142 -142
  143. package/dist/features/presenter/constants.js +7 -7
  144. package/dist/features/presenter/index.js +10 -10
  145. package/dist/features/presenter/typedef.js +106 -106
  146. package/dist/features/presenter/util.js +210 -210
  147. package/dist/features/virtual-viewport/VirtualViewport.svelte +196 -196
  148. package/dist/logging/adapters/console.js +114 -114
  149. package/dist/logging/adapters/pino.js +60 -60
  150. package/dist/logging/constants.js +1 -1
  151. package/dist/logging/factories/client.js +21 -21
  152. package/dist/logging/factories/server.js +22 -22
  153. package/dist/logging/factories/universal.js +23 -23
  154. package/dist/logging/index.js +8 -8
  155. package/dist/schemas/index.js +1 -1
  156. package/dist/schemas/validate-url.js +180 -180
  157. package/dist/server/index.js +1 -1
  158. package/dist/server/logger.js +94 -94
  159. package/dist/states/index.js +1 -1
  160. package/dist/states/navigation.svelte.js +55 -55
  161. package/dist/stores/index.js +1 -1
  162. package/dist/stores/theme.js +80 -80
  163. package/dist/themes/hkdev/components/blocks/text-block.css +34 -41
  164. package/dist/themes/hkdev/components/boxes/game-box.css +11 -12
  165. package/dist/themes/hkdev/components/buttons/button-icon-steeze.css +22 -22
  166. package/dist/themes/hkdev/components/buttons/button-text.css +32 -32
  167. package/dist/themes/hkdev/components/buttons/button.css +146 -146
  168. package/dist/themes/hkdev/components/buttons/skip-button.css +5 -6
  169. package/dist/themes/hkdev/components/drag-drop/draggable.css +73 -73
  170. package/dist/themes/hkdev/components/drag-drop/drop-zone.css +58 -48
  171. package/dist/themes/hkdev/components/icons/icon-steeze.css +16 -22
  172. package/dist/themes/hkdev/components/inputs/text-input.css +102 -104
  173. package/dist/themes/hkdev/components/panels/panel.css +25 -27
  174. package/dist/themes/hkdev/components/rows/panel-grid-row.css +4 -6
  175. package/dist/themes/hkdev/components/rows/panel-row-2.css +5 -7
  176. package/dist/themes/hkdev/components.css +29 -53
  177. package/dist/themes/hkdev/debug.css +1 -1
  178. package/dist/themes/hkdev/global/layout.css +32 -39
  179. package/dist/themes/hkdev/global/on-colors.css +32 -53
  180. package/dist/themes/hkdev/globals.css +4 -11
  181. package/dist/themes/hkdev/responsive.css +12 -12
  182. package/dist/themes/hkdev/theme-ext.js +12 -15
  183. package/dist/themes/hkdev/theme.css +219 -0
  184. package/dist/themes/index.d.ts +1 -1
  185. package/dist/themes/index.js +1 -1
  186. package/dist/typedef/context.js +6 -6
  187. package/dist/typedef/drag.js +25 -25
  188. package/dist/typedef/drop.js +12 -12
  189. package/dist/typedef/image.js +38 -38
  190. package/dist/typedef/index.js +4 -4
  191. package/dist/util/array/index.js +436 -436
  192. package/dist/util/bases/base58.js +262 -262
  193. package/dist/util/bases/index.js +1 -1
  194. package/dist/util/compare/index.js +247 -247
  195. package/dist/util/css/css-vars.js +83 -83
  196. package/dist/util/css/index.js +1 -1
  197. package/dist/util/design-system/components/states.js +22 -22
  198. package/dist/util/design-system/css/clamp.js +66 -66
  199. package/dist/util/design-system/css/root-design-vars.js +102 -102
  200. package/dist/util/design-system/index.js +5 -5
  201. package/dist/util/design-system/layout/scaling.js +228 -228
  202. package/dist/util/design-system/skeleton.js +208 -208
  203. package/dist/util/design-system/tailwind.js +288 -288
  204. package/dist/util/env/index.js +9 -9
  205. package/dist/util/expect/arrays.js +47 -47
  206. package/dist/util/expect/index.js +259 -259
  207. package/dist/util/expect/primitives.js +55 -55
  208. package/dist/util/expect/url.js +60 -60
  209. package/dist/util/function/index.js +218 -218
  210. package/dist/util/geo/index.js +26 -26
  211. package/dist/util/http/caching.js +263 -263
  212. package/dist/util/http/errors.js +97 -97
  213. package/dist/util/http/headers.js +75 -75
  214. package/dist/util/http/http-request.d.ts +164 -0
  215. package/dist/util/http/http-request.js +578 -379
  216. package/dist/util/http/index.js +22 -22
  217. package/dist/util/http/json-request.js +224 -224
  218. package/dist/util/http/mocks.js +65 -65
  219. package/dist/util/http/response.js +294 -294
  220. package/dist/util/http/typedef.js +93 -93
  221. package/dist/util/http/url.js +52 -52
  222. package/dist/util/image/index.js +86 -86
  223. package/dist/util/index.js +2 -2
  224. package/dist/util/is/index.js +140 -140
  225. package/dist/util/iterate/index.js +234 -234
  226. package/dist/util/object/index.js +1361 -1361
  227. package/dist/util/singleton/index.js +97 -97
  228. package/dist/util/string/array-path.js +75 -75
  229. package/dist/util/string/convert.js +54 -54
  230. package/dist/util/string/fs.js +226 -226
  231. package/dist/util/string/index.js +5 -5
  232. package/dist/util/string/interpolate.js +61 -61
  233. package/dist/util/string/pad.js +10 -10
  234. package/dist/util/svelte/index.js +4 -4
  235. package/dist/util/svelte/loading/loading-tracker.svelte.js +108 -108
  236. package/dist/util/svelte/observe/index.js +49 -49
  237. package/dist/util/svelte/state-context/index.js +117 -117
  238. package/dist/util/svelte/wait/index.js +38 -38
  239. package/dist/util/sveltekit/index.js +1 -1
  240. package/dist/util/sveltekit/route-folders/index.js +101 -101
  241. package/dist/util/time/index.js +323 -323
  242. package/dist/util/unique/index.js +249 -249
  243. package/dist/valibot/date.js__ +10 -10
  244. package/dist/valibot/index.js +9 -9
  245. package/dist/valibot/url.js +95 -95
  246. package/dist/valibot/user.js +23 -23
  247. package/dist/zod/all.js +33 -33
  248. package/dist/zod/generic.js +11 -11
  249. package/dist/zod/javascript.js +32 -32
  250. package/dist/zod/user.js +16 -16
  251. package/dist/zod/web.js +52 -52
  252. package/package.json +132 -112
  253. package/dist/components/layout/grid-layers/GridLayers.svelte__heightFrom__ +0 -372
  254. package/dist/themes/hkdev/theme.d.ts +0 -234
  255. package/dist/themes/hkdev/theme.js +0 -235
  256. package/dist/util/http/test-data__/content-length-test-hkdigital-small.V4HfZyBQ.avif +0 -0
@@ -1,83 +1,83 @@
1
- export const ERROR_WINDOW_SIZE_NOT_LANDSCAPE = 'Window size is not landsccape';
2
-
3
- export const ERROR_WINDOW_SIZE_NOT_PORTRAIT = 'Window size is not portrait';
4
-
5
- /**
6
- * Get game width for landscape mode
7
- *
8
- * @param {object} _
9
- * @param {number} _.windowWidth
10
- * @param {number} _.windowHeight
11
- * @param {number} [_.aspectOnLandscape]
12
- *
13
- * @returns {number} game width
14
- */
15
- export function getGameWidthOnLandscape({
16
- windowWidth,
17
- windowHeight,
18
- aspectOnLandscape
19
- }) {
20
- if (!windowHeight) {
21
- return 0;
22
- }
23
-
24
- if (windowWidth < windowHeight) {
25
- throw new Error(ERROR_WINDOW_SIZE_NOT_LANDSCAPE);
26
- }
27
-
28
- if (!aspectOnLandscape) {
29
- // No game aspect specified for landscape
30
- // => return full width
31
- return windowWidth;
32
- }
33
-
34
- const windowAspect = windowWidth / windowHeight;
35
-
36
- if (windowAspect > aspectOnLandscape) {
37
- // aspect of window if wider than game aspect => fill height
38
- return aspectOnLandscape * windowHeight;
39
- } else {
40
- // aspect of game is wider => fill width
41
- return windowWidth;
42
- }
43
- }
44
-
45
- /**
46
- * Get game width for portrait mode
47
- *
48
- * @param {object} _
49
- * @param {number} _.windowWidth
50
- * @param {number} _.windowHeight
51
- * @param {number} [_.aspectOnPortrait]
52
- *
53
- * @returns {number} game width
54
- */
55
- export function getGameWidthOnPortrait({
56
- windowWidth,
57
- windowHeight,
58
- aspectOnPortrait
59
- }) {
60
- if (!windowHeight) {
61
- return 0;
62
- }
63
-
64
- if (windowHeight < windowWidth) {
65
- throw new Error(ERROR_WINDOW_SIZE_NOT_PORTRAIT);
66
- }
67
-
68
- if (!aspectOnPortrait) {
69
- // No game aspect specified for portrait
70
- // => return full width
71
- return windowWidth;
72
- }
73
-
74
- const windowAspect = windowWidth / windowHeight;
75
-
76
- if (windowAspect > aspectOnPortrait) {
77
- // aspect of window if wider than game aspect => fill height
78
- return aspectOnPortrait * windowHeight;
79
- } else {
80
- // aspect of game is wider => fill width
81
- return windowWidth;
82
- }
83
- }
1
+ export const ERROR_WINDOW_SIZE_NOT_LANDSCAPE = 'Window size is not landsccape';
2
+
3
+ export const ERROR_WINDOW_SIZE_NOT_PORTRAIT = 'Window size is not portrait';
4
+
5
+ /**
6
+ * Get game width for landscape mode
7
+ *
8
+ * @param {object} _
9
+ * @param {number} _.windowWidth
10
+ * @param {number} _.windowHeight
11
+ * @param {number} [_.aspectOnLandscape]
12
+ *
13
+ * @returns {number} game width
14
+ */
15
+ export function getGameWidthOnLandscape({
16
+ windowWidth,
17
+ windowHeight,
18
+ aspectOnLandscape
19
+ }) {
20
+ if (!windowHeight) {
21
+ return 0;
22
+ }
23
+
24
+ if (windowWidth < windowHeight) {
25
+ throw new Error(ERROR_WINDOW_SIZE_NOT_LANDSCAPE);
26
+ }
27
+
28
+ if (!aspectOnLandscape) {
29
+ // No game aspect specified for landscape
30
+ // => return full width
31
+ return windowWidth;
32
+ }
33
+
34
+ const windowAspect = windowWidth / windowHeight;
35
+
36
+ if (windowAspect > aspectOnLandscape) {
37
+ // aspect of window if wider than game aspect => fill height
38
+ return aspectOnLandscape * windowHeight;
39
+ } else {
40
+ // aspect of game is wider => fill width
41
+ return windowWidth;
42
+ }
43
+ }
44
+
45
+ /**
46
+ * Get game width for portrait mode
47
+ *
48
+ * @param {object} _
49
+ * @param {number} _.windowWidth
50
+ * @param {number} _.windowHeight
51
+ * @param {number} [_.aspectOnPortrait]
52
+ *
53
+ * @returns {number} game width
54
+ */
55
+ export function getGameWidthOnPortrait({
56
+ windowWidth,
57
+ windowHeight,
58
+ aspectOnPortrait
59
+ }) {
60
+ if (!windowHeight) {
61
+ return 0;
62
+ }
63
+
64
+ if (windowHeight < windowWidth) {
65
+ throw new Error(ERROR_WINDOW_SIZE_NOT_PORTRAIT);
66
+ }
67
+
68
+ if (!aspectOnPortrait) {
69
+ // No game aspect specified for portrait
70
+ // => return full width
71
+ return windowWidth;
72
+ }
73
+
74
+ const windowAspect = windowWidth / windowHeight;
75
+
76
+ if (windowAspect > aspectOnPortrait) {
77
+ // aspect of window if wider than game aspect => fill height
78
+ return aspectOnPortrait * windowHeight;
79
+ } else {
80
+ // aspect of game is wider => fill width
81
+ return windowWidth;
82
+ }
83
+ }
@@ -1,25 +1,25 @@
1
- import { defineStateContext } from '../../util/svelte/state-context';
2
-
3
- import { browser } from '$app/environment';
4
-
5
- import { MediaQuery } from 'svelte/reactivity';
6
-
7
- /* ------------------------------------------------------- Define state class */
8
-
9
- export class AppLayoutState {
10
- landscapeOnSmallScreen = $state(false);
11
-
12
- constructor() {
13
- if (browser) {
14
- let mq = new MediaQuery('(max-height: 400px');
15
-
16
- $effect(() => {
17
- this.landscapeOnSmallScreen = mq.matches ? true : false;
18
- });
19
- }
20
- }
21
- }
22
-
23
- /* -------------------------------------- Export create & get state functions */
24
-
25
- export const [createOrGetState, createState, getState] = defineStateContext(AppLayoutState);
1
+ import { defineStateContext } from '../../util/svelte/state-context';
2
+
3
+ import { browser } from '$app/environment';
4
+
5
+ import { MediaQuery } from 'svelte/reactivity';
6
+
7
+ /* ------------------------------------------------------- Define state class */
8
+
9
+ export class AppLayoutState {
10
+ landscapeOnSmallScreen = $state(false);
11
+
12
+ constructor() {
13
+ if (browser) {
14
+ let mq = new MediaQuery('(max-height: 400px');
15
+
16
+ $effect(() => {
17
+ this.landscapeOnSmallScreen = mq.matches ? true : false;
18
+ });
19
+ }
20
+ }
21
+ }
22
+
23
+ /* -------------------------------------- Export create & get state functions */
24
+
25
+ export const [createOrGetState, createState, getState] = defineStateContext(AppLayoutState);