@hkdigital/lib-sveltekit 0.1.60 → 0.1.62

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 (208) 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/data/IterableTree.js +243 -243
  5. package/dist/classes/data/Selector.js +190 -190
  6. package/dist/classes/data/index.js +2 -2
  7. package/dist/classes/index.js +4 -4
  8. package/dist/classes/promise/HkPromise.js +377 -377
  9. package/dist/classes/promise/index.js +1 -1
  10. package/dist/classes/stores/SubscribersCount.js +107 -107
  11. package/dist/classes/stores/index.js +1 -1
  12. package/dist/classes/streams/LogTransformStream.js +19 -19
  13. package/dist/classes/streams/ServerEventsStore.js +110 -110
  14. package/dist/classes/streams/TimeStampSource.js +26 -26
  15. package/dist/classes/streams/index.js +3 -3
  16. package/dist/classes/svelte/audio/AudioLoader.svelte.js +58 -58
  17. package/dist/classes/svelte/audio/AudioScene.svelte.js +295 -295
  18. package/dist/classes/svelte/audio/mocks.js +35 -35
  19. package/dist/classes/svelte/finite-state-machine/FiniteStateMachine.svelte.js +133 -133
  20. package/dist/classes/svelte/finite-state-machine/index.js +1 -1
  21. package/dist/classes/svelte/image/ImageLoader.svelte.js +47 -47
  22. package/dist/classes/svelte/image/ImageScene.svelte.js +253 -253
  23. package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js +152 -152
  24. package/dist/classes/svelte/image/index.js +4 -4
  25. package/dist/classes/svelte/image/mocks.js +35 -35
  26. package/dist/classes/svelte/image/typedef.js +8 -8
  27. package/dist/classes/svelte/index.js +14 -14
  28. package/dist/classes/svelte/loading-state-machine/LoadingStateMachine.svelte.js +109 -109
  29. package/dist/classes/svelte/loading-state-machine/constants.js +16 -16
  30. package/dist/classes/svelte/loading-state-machine/index.js +3 -3
  31. package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js +331 -331
  32. package/dist/classes/svelte/network-loader/constants.js +3 -3
  33. package/dist/classes/svelte/network-loader/index.js +3 -3
  34. package/dist/classes/svelte/network-loader/mocks.js +30 -30
  35. package/dist/classes/svelte/network-loader/typedef.js +8 -8
  36. package/dist/components/area/HkArea.svelte +49 -49
  37. package/dist/components/area/HkGridArea.svelte +77 -77
  38. package/dist/components/area/index.js +2 -2
  39. package/dist/components/buttons/button/Button.svelte +82 -82
  40. package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte +30 -30
  41. package/dist/components/buttons/button-text/TextButton.svelte +21 -21
  42. package/dist/components/buttons/index.js +3 -3
  43. package/dist/components/debug/debug-panel-design-scaling/DebugPanelDesignScaling.svelte +146 -146
  44. package/dist/components/debug/index.js +1 -1
  45. package/dist/components/hkdev/blocks/TextBlock.svelte +46 -46
  46. package/dist/components/hkdev/buttons/CheckButton.svelte +62 -62
  47. package/dist/components/icons/HkIcon.svelte +86 -86
  48. package/dist/components/icons/HkTabIcon.svelte +116 -116
  49. package/dist/components/icons/SteezeIcon.svelte +97 -97
  50. package/dist/components/icons/index.js +6 -6
  51. package/dist/components/icons/typedef.js +16 -16
  52. package/dist/components/index.js +2 -2
  53. package/dist/components/inputs/index.js +1 -1
  54. package/dist/components/inputs/text-input/TestTextInput.svelte__ +102 -102
  55. package/dist/components/inputs/text-input/TextInput.svelte +223 -223
  56. package/dist/components/inputs/text-input/TextInput.svelte___ +83 -83
  57. package/dist/components/inputs/text-input/assets/IconInvalid.svelte +14 -14
  58. package/dist/components/inputs/text-input/assets/IconValid.svelte +12 -12
  59. package/dist/components/layout/grid-layers/GridLayers.svelte +167 -167
  60. package/dist/components/layout/index.js +1 -1
  61. package/dist/components/panels/index.js +1 -1
  62. package/dist/components/panels/panel/Panel.svelte +43 -43
  63. package/dist/components/rows/index.js +3 -3
  64. package/dist/components/rows/panel-grid-row/PanelGridRow.svelte +104 -104
  65. package/dist/components/rows/panel-row-2/PanelRow2.svelte +40 -40
  66. package/dist/components/tab-bar/HkTabBar.state.svelte.js +149 -149
  67. package/dist/components/tab-bar/HkTabBar.svelte +74 -74
  68. package/dist/components/tab-bar/HkTabBarSelector.state.svelte.js +93 -93
  69. package/dist/components/tab-bar/HkTabBarSelector.svelte +49 -49
  70. package/dist/components/tab-bar/index.js +17 -17
  71. package/dist/components/tab-bar/typedef.js +8 -8
  72. package/dist/config/imagetools-config.js +189 -189
  73. package/dist/config/imagetools.d.ts +71 -71
  74. package/dist/config/typedef.js +8 -8
  75. package/dist/constants/bases.js +13 -13
  76. package/dist/constants/errors/api.js +9 -9
  77. package/dist/constants/errors/generic.js +5 -5
  78. package/dist/constants/errors/index.js +3 -3
  79. package/dist/constants/errors/jwt.js +5 -5
  80. package/dist/constants/http/headers.js +6 -6
  81. package/dist/constants/http/index.js +2 -2
  82. package/dist/constants/http/methods.js +2 -2
  83. package/dist/constants/index.js +3 -3
  84. package/dist/constants/mime/application.js +5 -5
  85. package/dist/constants/mime/audio.js +13 -13
  86. package/dist/constants/mime/image.js +3 -3
  87. package/dist/constants/mime/index.js +4 -4
  88. package/dist/constants/mime/text.js +2 -2
  89. package/dist/constants/regexp/index.js +31 -31
  90. package/dist/constants/regexp/inspiratie.js__ +95 -95
  91. package/dist/constants/regexp/text.js +49 -49
  92. package/dist/constants/regexp/user.js +32 -32
  93. package/dist/constants/regexp/web.js +3 -3
  94. package/dist/constants/state-labels/input-states.js +11 -11
  95. package/dist/constants/state-labels/submit-states.js +4 -4
  96. package/dist/constants/time.js +28 -28
  97. package/dist/css/utilities.css +43 -43
  98. package/dist/design/design-config.js +73 -73
  99. package/dist/design/tailwind-theme-extend.js +158 -158
  100. package/dist/schemas/index.js +1 -1
  101. package/dist/schemas/validate-url.js +180 -180
  102. package/dist/server/index.js +1 -1
  103. package/dist/server/logger.js +94 -94
  104. package/dist/states/index.js +1 -1
  105. package/dist/states/navigation.svelte.js +55 -55
  106. package/dist/stores/index.js +1 -1
  107. package/dist/stores/theme.js +80 -80
  108. package/dist/themes/hkdev/components/blocks/text-block.css +41 -41
  109. package/dist/themes/hkdev/components/boxes/game-box.css +12 -12
  110. package/dist/themes/hkdev/components/buttons/button-icon-steeze.css +22 -22
  111. package/dist/themes/hkdev/components/buttons/button-text.css +32 -32
  112. package/dist/themes/hkdev/components/buttons/button.css +142 -142
  113. package/dist/themes/hkdev/components/buttons/skip-button.css +6 -6
  114. package/dist/themes/hkdev/components/icons/icon-steeze.css +22 -22
  115. package/dist/themes/hkdev/components/inputs/text-input.css +104 -104
  116. package/dist/themes/hkdev/components/panels/panel.css +27 -27
  117. package/dist/themes/hkdev/components/rows/panel-grid-row.css +6 -6
  118. package/dist/themes/hkdev/components/rows/panel-row-2.css +7 -7
  119. package/dist/themes/hkdev/components.css +47 -47
  120. package/dist/themes/hkdev/debug.css +1 -1
  121. package/dist/themes/hkdev/global/layout.css +39 -39
  122. package/dist/themes/hkdev/global/on-colors.css +53 -53
  123. package/dist/themes/hkdev/globals.css +11 -11
  124. package/dist/themes/hkdev/responsive.css +12 -12
  125. package/dist/themes/hkdev/theme-ext.js +15 -15
  126. package/dist/themes/hkdev/theme.js +235 -235
  127. package/dist/themes/index.js +1 -1
  128. package/dist/util/array/index.js +455 -455
  129. package/dist/util/bases/base58.js +262 -262
  130. package/dist/util/bases/index.js +1 -1
  131. package/dist/util/compare/index.js +247 -247
  132. package/dist/util/css/css-vars.js +83 -83
  133. package/dist/util/css/index.js +1 -1
  134. package/dist/util/design-system/components/states.js +22 -22
  135. package/dist/util/design-system/css/clamp.js +66 -66
  136. package/dist/util/design-system/css/root-design-vars.js +100 -100
  137. package/dist/util/design-system/index.js +5 -5
  138. package/dist/util/design-system/layout/scaling.js +228 -228
  139. package/dist/util/design-system/skeleton.js +208 -208
  140. package/dist/util/design-system/tailwind.js +288 -288
  141. package/dist/util/expect/arrays.js +47 -47
  142. package/dist/util/expect/index.js +259 -259
  143. package/dist/util/expect/primitives.js +55 -55
  144. package/dist/util/expect/url.js +60 -60
  145. package/dist/util/function/index.js +218 -218
  146. package/dist/util/http/errors.js +97 -97
  147. package/dist/util/http/headers.js +45 -45
  148. package/dist/util/http/http-request.js +294 -294
  149. package/dist/util/http/index.js +22 -22
  150. package/dist/util/http/json-request.js +143 -143
  151. package/dist/util/http/mocks.js +65 -65
  152. package/dist/util/http/response.js +241 -241
  153. package/dist/util/http/url.js +52 -52
  154. package/dist/util/image/index.js +86 -86
  155. package/dist/util/index.js +2 -2
  156. package/dist/util/is/index.js +140 -140
  157. package/dist/util/iterate/index.js +234 -234
  158. package/dist/util/object/index.js +1361 -1361
  159. package/dist/util/singleton/index.js +97 -97
  160. package/dist/util/string/array-path.js +75 -75
  161. package/dist/util/string/convert.js +54 -54
  162. package/dist/util/string/fs.js +226 -226
  163. package/dist/util/string/index.js +5 -5
  164. package/dist/util/string/interpolate.js +61 -61
  165. package/dist/util/string/pad.js +10 -10
  166. package/dist/util/svelte/index.js +4 -4
  167. package/dist/util/svelte/loading/loading-tracker.svelte.js +108 -108
  168. package/dist/util/svelte/observe/index.js +49 -49
  169. package/dist/util/svelte/state-context/index.js +83 -83
  170. package/dist/util/svelte/wait/index.js +38 -38
  171. package/dist/util/sveltekit/index.js +1 -1
  172. package/dist/util/sveltekit/route-folders/index.js +101 -101
  173. package/dist/util/time/index.js +323 -323
  174. package/dist/util/unique/index.js +249 -249
  175. package/dist/valibot/date.js__ +10 -10
  176. package/dist/valibot/index.js +9 -9
  177. package/dist/valibot/url.js +95 -95
  178. package/dist/valibot/user.js +23 -23
  179. package/dist/widgets/button-group/ButtonGroup.svelte +94 -80
  180. package/dist/widgets/button-group/ButtonGroup.svelte.d.ts +6 -0
  181. package/dist/widgets/button-group/typedef.js +10 -10
  182. package/dist/widgets/compare-left-right/CompareLeftRight.svelte +179 -179
  183. package/dist/widgets/compare-left-right/index.js +1 -1
  184. package/dist/widgets/game-box/GameBox.svelte +186 -186
  185. package/dist/widgets/game-box/gamebox.util.js +83 -83
  186. package/dist/widgets/hk-app-layout/HkAppLayout.state.svelte.js +25 -25
  187. package/dist/widgets/hk-app-layout/HkAppLayout.svelte +251 -251
  188. package/dist/widgets/image-box/ImageBox.svelte +212 -212
  189. package/dist/widgets/image-box/index.js +5 -5
  190. package/dist/widgets/image-box/typedef.js +32 -32
  191. package/dist/widgets/index.js +23 -23
  192. package/dist/widgets/presenter/ImageSlide.svelte +64 -64
  193. package/dist/widgets/presenter/Presenter.state.svelte.js +636 -636
  194. package/dist/widgets/presenter/Presenter.svelte +140 -140
  195. package/dist/widgets/presenter/constants.js +7 -7
  196. package/dist/widgets/presenter/index.js +10 -10
  197. package/dist/widgets/presenter/typedef.js +106 -106
  198. package/dist/widgets/presenter/util.js +210 -210
  199. package/dist/widgets/virtual-viewport/VirtualViewport.svelte +196 -196
  200. package/dist/zod/all.js +33 -33
  201. package/dist/zod/generic.js +11 -11
  202. package/dist/zod/javascript.js +32 -32
  203. package/dist/zod/user.js +16 -16
  204. package/dist/zod/web.js +52 -52
  205. package/package.json +102 -102
  206. package/dist/util/http/test-data__/content-length-test-hkdigital-small.V4HfZyBQ.avif +0 -0
  207. package/dist/widgets/presenter/(broken) Presenter.state.svelte.js__ +0 -613
  208. package/dist/widgets/presenter/Presenter.svelte__ +0 -125
@@ -1,140 +1,140 @@
1
- <script>
2
- import { onMount } from 'svelte';
3
-
4
- import { GridLayers } from '../../components/layout/index.js';
5
-
6
- import { PresenterState } from './Presenter.state.svelte.js';
7
- import { cssBefore, cssDuring, waitForRender } from './util.js';
8
-
9
- /**
10
- * @typedef {import("./typedef.js").Slide} Slide
11
- */
12
-
13
- /**
14
- * @typedef {import("./typedef.js").Layer} Layer
15
- */
16
-
17
- /**
18
- * @type {{
19
- * classes?: string,
20
- * slides?: import("./typedef.js").Slide[],
21
- * presenterRef?: import('./Presenter.state.svelte.js').PresenterRef,
22
- * layoutSnippet: import('svelte').Snippet<[Slide|null, Layer]>,
23
- * loadingSnippet?: import('svelte').Snippet,
24
- * }}
25
- */
26
- let {
27
- // > Style
28
- classes,
29
-
30
- // > Functional
31
- slides,
32
- presenterRef = $bindable(),
33
-
34
- // Snippets
35
- layoutSnippet,
36
- loadingSnippet
37
- } = $props();
38
-
39
- const presenter = new PresenterState();
40
-
41
- onMount(() => {
42
- // Configure presenter with slides if provided
43
- presenter.configure({ slides });
44
- presenterRef = presenter.getPresenterRef();
45
- });
46
-
47
- // > State
48
-
49
- let classesA = $state('');
50
- let classesB = $state('');
51
-
52
- let stylesA = $state('');
53
- let stylesB = $state('');
54
-
55
- //> Apply stage classes and styles
56
-
57
- $effect(() => {
58
- // > layerA
59
-
60
- const { stageBeforeIn, stageIn, stageBeforeOut, stageOut, transitions } =
61
- presenter.layerA;
62
-
63
- if (transitions?.length) {
64
- // console.debug('layerA:transitions', transitions, {
65
- // stageBeforeIn,
66
- // stageIn,
67
- // stageBeforeOut,
68
- // stageOut
69
- // });
70
-
71
- if (stageBeforeIn || stageBeforeOut) {
72
- ({ style: stylesA, classes: classesA } = cssBefore(transitions));
73
- } else if (stageIn || stageOut) {
74
- waitForRender(() => {
75
- ({ style: stylesA, classes: classesA } = cssDuring(transitions));
76
- });
77
- }
78
- } else {
79
- stylesA = '';
80
- classesA = '';
81
- }
82
- });
83
-
84
- $effect(() => {
85
- // > layerB
86
-
87
- const { stageBeforeIn, stageIn, stageBeforeOut, stageOut, transitions } =
88
- presenter.layerB;
89
-
90
- if (transitions?.length) {
91
- // console.debug('layerB:transitions', transitions, {
92
- // stageBeforeIn,
93
- // stageIn,
94
- // stageBeforeOut,
95
- // stageOut
96
- // });
97
-
98
- if (stageBeforeIn || stageBeforeOut) {
99
- ({ style: stylesB, classes: classesB } = cssBefore(transitions));
100
- } else if (stageIn || stageOut) {
101
- waitForRender(() => {
102
- ({ style: stylesB, classes: classesB } = cssDuring(transitions));
103
- });
104
- }
105
- } else {
106
- stylesB = '';
107
- classesB = '';
108
- }
109
- });
110
- </script>
111
-
112
- <GridLayers data-component="presenter" {classes}>
113
- <div
114
- style:z-index={presenter.layerA.z}
115
- style:visibility={presenter.layerA.visible ? 'visible' : 'hidden'}
116
- inert={presenter.busy}
117
- class="justify-self-stretch self-stretch overflow-hidden"
118
- >
119
- <div class="{classesA} h-full w-full" style={stylesA}>
120
- {@render layoutSnippet(presenter.slideA, presenter.layerA)}
121
- </div>
122
- </div>
123
-
124
- <div
125
- style:z-index={presenter.layerB.z}
126
- style:visibility={presenter.layerB.visible ? 'visible' : 'hidden'}
127
- inert={presenter.busy}
128
- class="justify-self-stretch self-stretch overflow-hidden"
129
- >
130
- <div class="{classesB} h-full w-full" style={stylesB}>
131
- {@render layoutSnippet(presenter.slideB, presenter.layerB)}
132
- </div>
133
- </div>
134
-
135
- {#if loadingSnippet && presenter.loadingSpinner}
136
- <div class="h-full w-full" style="z-index:20;">
137
- {@render loadingSnippet()}
138
- </div>
139
- {/if}
140
- </GridLayers>
1
+ <script>
2
+ import { onMount } from 'svelte';
3
+
4
+ import { GridLayers } from '../../components/layout/index.js';
5
+
6
+ import { PresenterState } from './Presenter.state.svelte.js';
7
+ import { cssBefore, cssDuring, waitForRender } from './util.js';
8
+
9
+ /**
10
+ * @typedef {import("./typedef.js").Slide} Slide
11
+ */
12
+
13
+ /**
14
+ * @typedef {import("./typedef.js").Layer} Layer
15
+ */
16
+
17
+ /**
18
+ * @type {{
19
+ * classes?: string,
20
+ * slides?: import("./typedef.js").Slide[],
21
+ * presenterRef?: import('./Presenter.state.svelte.js').PresenterRef,
22
+ * layoutSnippet: import('svelte').Snippet<[Slide|null, Layer]>,
23
+ * loadingSnippet?: import('svelte').Snippet,
24
+ * }}
25
+ */
26
+ let {
27
+ // > Style
28
+ classes,
29
+
30
+ // > Functional
31
+ slides,
32
+ presenterRef = $bindable(),
33
+
34
+ // Snippets
35
+ layoutSnippet,
36
+ loadingSnippet
37
+ } = $props();
38
+
39
+ const presenter = new PresenterState();
40
+
41
+ onMount(() => {
42
+ // Configure presenter with slides if provided
43
+ presenter.configure({ slides });
44
+ presenterRef = presenter.getPresenterRef();
45
+ });
46
+
47
+ // > State
48
+
49
+ let classesA = $state('');
50
+ let classesB = $state('');
51
+
52
+ let stylesA = $state('');
53
+ let stylesB = $state('');
54
+
55
+ //> Apply stage classes and styles
56
+
57
+ $effect(() => {
58
+ // > layerA
59
+
60
+ const { stageBeforeIn, stageIn, stageBeforeOut, stageOut, transitions } =
61
+ presenter.layerA;
62
+
63
+ if (transitions?.length) {
64
+ // console.debug('layerA:transitions', transitions, {
65
+ // stageBeforeIn,
66
+ // stageIn,
67
+ // stageBeforeOut,
68
+ // stageOut
69
+ // });
70
+
71
+ if (stageBeforeIn || stageBeforeOut) {
72
+ ({ style: stylesA, classes: classesA } = cssBefore(transitions));
73
+ } else if (stageIn || stageOut) {
74
+ waitForRender(() => {
75
+ ({ style: stylesA, classes: classesA } = cssDuring(transitions));
76
+ });
77
+ }
78
+ } else {
79
+ stylesA = '';
80
+ classesA = '';
81
+ }
82
+ });
83
+
84
+ $effect(() => {
85
+ // > layerB
86
+
87
+ const { stageBeforeIn, stageIn, stageBeforeOut, stageOut, transitions } =
88
+ presenter.layerB;
89
+
90
+ if (transitions?.length) {
91
+ // console.debug('layerB:transitions', transitions, {
92
+ // stageBeforeIn,
93
+ // stageIn,
94
+ // stageBeforeOut,
95
+ // stageOut
96
+ // });
97
+
98
+ if (stageBeforeIn || stageBeforeOut) {
99
+ ({ style: stylesB, classes: classesB } = cssBefore(transitions));
100
+ } else if (stageIn || stageOut) {
101
+ waitForRender(() => {
102
+ ({ style: stylesB, classes: classesB } = cssDuring(transitions));
103
+ });
104
+ }
105
+ } else {
106
+ stylesB = '';
107
+ classesB = '';
108
+ }
109
+ });
110
+ </script>
111
+
112
+ <GridLayers data-component="presenter" {classes}>
113
+ <div
114
+ style:z-index={presenter.layerA.z}
115
+ style:visibility={presenter.layerA.visible ? 'visible' : 'hidden'}
116
+ inert={presenter.busy}
117
+ class="justify-self-stretch self-stretch overflow-hidden"
118
+ >
119
+ <div class="{classesA} h-full w-full" style={stylesA}>
120
+ {@render layoutSnippet(presenter.slideA, presenter.layerA)}
121
+ </div>
122
+ </div>
123
+
124
+ <div
125
+ style:z-index={presenter.layerB.z}
126
+ style:visibility={presenter.layerB.visible ? 'visible' : 'hidden'}
127
+ inert={presenter.busy}
128
+ class="justify-self-stretch self-stretch overflow-hidden"
129
+ >
130
+ <div class="{classesB} h-full w-full" style={stylesB}>
131
+ {@render layoutSnippet(presenter.slideB, presenter.layerB)}
132
+ </div>
133
+ </div>
134
+
135
+ {#if loadingSnippet && presenter.loadingSpinner}
136
+ <div class="h-full w-full" style="z-index:20;">
137
+ {@render loadingSnippet()}
138
+ </div>
139
+ {/if}
140
+ </GridLayers>
@@ -1,7 +1,7 @@
1
- export const TRANSITION_CSS = 'css';
2
-
3
- export const FADE_IN = 'fade-in';
4
- export const FADE_OUT = 'fade-out';
5
-
6
- export const STAGE_BEFORE = 'stage-before';
7
- export const STAGE_SHOW = 'stage-show';
1
+ export const TRANSITION_CSS = 'css';
2
+
3
+ export const FADE_IN = 'fade-in';
4
+ export const FADE_OUT = 'fade-out';
5
+
6
+ export const STAGE_BEFORE = 'stage-before';
7
+ export const STAGE_SHOW = 'stage-show';
@@ -1,10 +1,10 @@
1
- export { default as Presenter } from './Presenter.svelte';
2
- export { default as ImageSlide } from './ImageSlide.svelte';
3
-
4
- export { PresenterState } from './Presenter.state.svelte.js';
5
-
6
- export * from './typedef.js';
7
- export * from './constants.js';
8
-
9
- // @ts-ignore
10
- export * from './util.js';
1
+ export { default as Presenter } from './Presenter.svelte';
2
+ export { default as ImageSlide } from './ImageSlide.svelte';
3
+
4
+ export { PresenterState } from './Presenter.state.svelte.js';
5
+
6
+ export * from './typedef.js';
7
+ export * from './constants.js';
8
+
9
+ // @ts-ignore
10
+ export * from './util.js';
@@ -1,106 +1,106 @@
1
- /**
2
- * @typedef {{
3
- * type: (import('./constants').TRANSITION_CSS),
4
- * property: string,
5
- * from: string,
6
- * to: string,
7
- * delay?: number
8
- * duration?: number
9
- * timing?: string
10
- * }} CssTransition
11
- */
12
-
13
- /**
14
- * @typedef {{
15
- * type: (import('./constants').FADE_IN),
16
- * from?: string,
17
- * to?: string,
18
- * delay?: number
19
- * duration?: number
20
- * timing?: string
21
- * }} FadeInTransition
22
- */
23
-
24
- /**
25
- * @typedef {{
26
- * type: (import('./constants').FADE_OUT),
27
- * from?: string,
28
- * to?: string,
29
- * delay?: number
30
- * duration?: number
31
- * timing?: string
32
- * }} FadeOutTransition
33
- */
34
-
35
- /**
36
- * @typedef {Object} LoadController
37
- * @property {() => void} loaded - Function to call when loading is complete
38
- * @property {() => void} cancel - Function to return to the previous slide
39
- */
40
-
41
- /**
42
- * @typedef {{
43
- * stage: string,
44
- * slideName: string
45
- * }} ListenerParams
46
- */
47
-
48
- /**
49
- * @typedef {( params: ListenerParams) => () => void } ListenerCallback
50
- */
51
-
52
- /**
53
- * @typedef {() => void } UnregisterFn
54
- */
55
-
56
- /**
57
- * @typedef {Object} PresenterRef
58
- * @property {(name: string) => void} gotoSlide - Navigate to a slide by name
59
- * @property {() => string} getCurrentSlideName - Get the current slide name
60
- * @property {( callback: ListenerCallback ) => UnregisterFn} onBefore
61
- * Register listener that is called when a slide enters state 'before'
62
- * @property {( callback: ListenerCallback ) => UnregisterFn} onShow
63
- * Register listener that is called when a slide enters state 'show'
64
- */
65
-
66
- /**
67
- * @typedef {CssTransition|FadeInTransition|FadeOutTransition} Transition
68
- */
69
-
70
- /**
71
- * @typedef {{[attrs: string]: *}} SlideData
72
- */
73
-
74
- /**
75
- * @typedef {{[attrs: string]: *}} SlideLayerLayout
76
- */
77
-
78
- /**
79
- * @typedef {{data?:SlideData, layout?:SlideLayerLayout}} SlideLayer
80
- */
81
-
82
- /**
83
- * @typedef {object} Slide
84
- * @property {string} name
85
- * @property {SlideData} [data]
86
- * @property {SlideLayer[]} [layers]
87
- * @property {Transition[]} [intro]
88
- * @property {Transition[]} [outro]
89
- * @property {number} [duration]
90
- */
91
-
92
- /**
93
- * @typedef {object} Layer
94
- * @property {number} z
95
- * @property {boolean} visible
96
- * @property {boolean} [stageIdle]
97
- * @property {boolean} [stageBeforeIn]
98
- * @property {boolean} [stageIn]
99
- * @property {boolean} [stageShow]
100
- * @property {boolean} [stageBeforeOut]
101
- * @property {boolean} [stageOut]
102
- * @property {boolean} [stageAfter]
103
- * @property {Transition[]} [transitions]
104
- */
105
-
106
- export default {};
1
+ /**
2
+ * @typedef {{
3
+ * type: (import('./constants').TRANSITION_CSS),
4
+ * property: string,
5
+ * from: string,
6
+ * to: string,
7
+ * delay?: number
8
+ * duration?: number
9
+ * timing?: string
10
+ * }} CssTransition
11
+ */
12
+
13
+ /**
14
+ * @typedef {{
15
+ * type: (import('./constants').FADE_IN),
16
+ * from?: string,
17
+ * to?: string,
18
+ * delay?: number
19
+ * duration?: number
20
+ * timing?: string
21
+ * }} FadeInTransition
22
+ */
23
+
24
+ /**
25
+ * @typedef {{
26
+ * type: (import('./constants').FADE_OUT),
27
+ * from?: string,
28
+ * to?: string,
29
+ * delay?: number
30
+ * duration?: number
31
+ * timing?: string
32
+ * }} FadeOutTransition
33
+ */
34
+
35
+ /**
36
+ * @typedef {Object} LoadController
37
+ * @property {() => void} loaded - Function to call when loading is complete
38
+ * @property {() => void} cancel - Function to return to the previous slide
39
+ */
40
+
41
+ /**
42
+ * @typedef {{
43
+ * stage: string,
44
+ * slideName: string
45
+ * }} ListenerParams
46
+ */
47
+
48
+ /**
49
+ * @typedef {( params: ListenerParams) => () => void } ListenerCallback
50
+ */
51
+
52
+ /**
53
+ * @typedef {() => void } UnregisterFn
54
+ */
55
+
56
+ /**
57
+ * @typedef {Object} PresenterRef
58
+ * @property {(name: string) => void} gotoSlide - Navigate to a slide by name
59
+ * @property {() => string} getCurrentSlideName - Get the current slide name
60
+ * @property {( callback: ListenerCallback ) => UnregisterFn} onBefore
61
+ * Register listener that is called when a slide enters state 'before'
62
+ * @property {( callback: ListenerCallback ) => UnregisterFn} onShow
63
+ * Register listener that is called when a slide enters state 'show'
64
+ */
65
+
66
+ /**
67
+ * @typedef {CssTransition|FadeInTransition|FadeOutTransition} Transition
68
+ */
69
+
70
+ /**
71
+ * @typedef {{[attrs: string]: *}} SlideData
72
+ */
73
+
74
+ /**
75
+ * @typedef {{[attrs: string]: *}} SlideLayerLayout
76
+ */
77
+
78
+ /**
79
+ * @typedef {{data?:SlideData, layout?:SlideLayerLayout}} SlideLayer
80
+ */
81
+
82
+ /**
83
+ * @typedef {object} Slide
84
+ * @property {string} name
85
+ * @property {SlideData} [data]
86
+ * @property {SlideLayer[]} [layers]
87
+ * @property {Transition[]} [intro]
88
+ * @property {Transition[]} [outro]
89
+ * @property {number} [duration]
90
+ */
91
+
92
+ /**
93
+ * @typedef {object} Layer
94
+ * @property {number} z
95
+ * @property {boolean} visible
96
+ * @property {boolean} [stageIdle]
97
+ * @property {boolean} [stageBeforeIn]
98
+ * @property {boolean} [stageIn]
99
+ * @property {boolean} [stageShow]
100
+ * @property {boolean} [stageBeforeOut]
101
+ * @property {boolean} [stageOut]
102
+ * @property {boolean} [stageAfter]
103
+ * @property {Transition[]} [transitions]
104
+ */
105
+
106
+ export default {};