@streamscloud/kit 0.2.0-1772457727942 → 0.2.0-1772458135351
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/styles/_mixins.scss
CHANGED
|
@@ -70,7 +70,6 @@
|
|
|
70
70
|
max-height: 100%;
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
|
|
74
73
|
@mixin scrollbar($thumb-color: var(--scrollbar--thumb-color, light-dark(#999999, #333333)), $track-color: var(--scrollbar--track-color, transparent)) {
|
|
75
74
|
--_cross-browser-scrollbar--thumb-color: #{$thumb-color};
|
|
76
75
|
--_cross-browser-scrollbar--track-color: #{$track-color};
|
|
@@ -26,8 +26,4 @@ export type DialogInit<TData = void, TResult = void, TCancelResult = void> = {
|
|
|
26
26
|
/** Mount target for the dialog element. Useful for shadow DOM isolation. Defaults to `document.body`. */
|
|
27
27
|
host?: ParentNode;
|
|
28
28
|
};
|
|
29
|
-
/** Adds an optional `dialogHost` field to any dialog data type. Helper functions strip it and pass to `Dialogs.open({ host })`. */
|
|
30
|
-
export type DialogHostable<T> = T & {
|
|
31
|
-
dialogHost?: ParentNode;
|
|
32
|
-
};
|
|
33
29
|
export {};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export { Dialogs } from './dialogs.svelte';
|
|
2
2
|
export { DialogController } from './dialog-controller';
|
|
3
|
-
export { type DialogHostable } from './dialog-data';
|
|
4
3
|
export { DIALOG_SIZES, type DialogPosition, type DialogResult, type DialogSize } from './types.svelte';
|
|
5
4
|
export { default as Dialog } from './cmp.dialog.svelte';
|
|
6
5
|
export { default as DialogButton } from './cmp.dialog-button.svelte';
|
package/dist/ui/dialog/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export { Dialogs } from './dialogs.svelte';
|
|
2
2
|
export { DialogController } from './dialog-controller';
|
|
3
|
-
export {} from './dialog-data';
|
|
4
3
|
export { DIALOG_SIZES } from './types.svelte';
|
|
5
4
|
export { default as Dialog } from './cmp.dialog.svelte';
|
|
6
5
|
export { default as DialogButton } from './cmp.dialog-button.svelte';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type DialogResult } from '../dialog';
|
|
2
2
|
import type { MediaViewerData } from './types';
|
|
3
3
|
/**
|
|
4
4
|
* Opens a full-screen media viewer dialog for images and videos.
|
|
@@ -9,7 +9,7 @@ import type { MediaViewerData } from './types';
|
|
|
9
9
|
* - `index` — zero-based index of the initially visible item
|
|
10
10
|
* - `backgroundOpacity` — backdrop opacity (default `0.6`)
|
|
11
11
|
* - `carouselMode` — carousel navigation mode (default `'arrows-with-counts'`)
|
|
12
|
-
* - `
|
|
12
|
+
* - `host` — mount target for the dialog element (default `document.body`)
|
|
13
13
|
*/
|
|
14
|
-
export declare const openMediaViewer: (data:
|
|
14
|
+
export declare const openMediaViewer: (data: MediaViewerData, host?: ParentNode) => Promise<DialogResult<void>>;
|
|
15
15
|
export type { MediaViewerData, MediaViewerItem, MediaViewerItemType } from './types';
|
|
@@ -9,13 +9,12 @@ import { default as MediaViewerDialog } from './cmp.media-viewer-dialog.svelte';
|
|
|
9
9
|
* - `index` — zero-based index of the initially visible item
|
|
10
10
|
* - `backgroundOpacity` — backdrop opacity (default `0.6`)
|
|
11
11
|
* - `carouselMode` — carousel navigation mode (default `'arrows-with-counts'`)
|
|
12
|
-
* - `
|
|
12
|
+
* - `host` — mount target for the dialog element (default `document.body`)
|
|
13
13
|
*/
|
|
14
|
-
export const openMediaViewer = (data) => {
|
|
15
|
-
const { dialogHost, ...rest } = data;
|
|
14
|
+
export const openMediaViewer = (data, host) => {
|
|
16
15
|
return Dialogs.open({
|
|
17
16
|
view: MediaViewerDialog,
|
|
18
|
-
data
|
|
19
|
-
host
|
|
17
|
+
data,
|
|
18
|
+
host
|
|
20
19
|
});
|
|
21
20
|
};
|