You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.5 KiB
JavaScript
55 lines
1.5 KiB
JavaScript
// Modal Store Queue
|
|
import { writable } from 'svelte/store';
|
|
import { getContext, setContext } from 'svelte';
|
|
const MODAL_STORE_KEY = 'modalStore';
|
|
/**
|
|
* Retrieves the `modalStore`.
|
|
*
|
|
* This can *ONLY* be called from the **top level** of components!
|
|
*
|
|
* @example
|
|
* ```svelte
|
|
* <script>
|
|
* import { getmodalStore } from "@skeletonlabs/skeleton";
|
|
*
|
|
* const modalStore = getModalStore();
|
|
*
|
|
* modalStore.trigger({ type: "alert", title: "Welcome!" });
|
|
* </script>
|
|
* ```
|
|
*/
|
|
export function getModalStore() {
|
|
const modalStore = getContext(MODAL_STORE_KEY);
|
|
if (!modalStore)
|
|
throw new Error('modalStore is not initialized. Please ensure that `initializeStores()` is invoked in the root layout file of this app!');
|
|
return modalStore;
|
|
}
|
|
/**
|
|
* Initializes the `modalStore`.
|
|
*/
|
|
export function initializeModalStore() {
|
|
const modalStore = modalService();
|
|
return setContext(MODAL_STORE_KEY, modalStore);
|
|
}
|
|
function modalService() {
|
|
const { subscribe, set, update } = writable([]);
|
|
return {
|
|
subscribe,
|
|
set,
|
|
update,
|
|
/** Append to end of queue. */
|
|
trigger: (modal) => update((mStore) => {
|
|
mStore.push(modal);
|
|
return mStore;
|
|
}),
|
|
/** Remove first item in queue. */
|
|
close: () => update((mStore) => {
|
|
if (mStore.length > 0)
|
|
mStore.shift();
|
|
return mStore;
|
|
}),
|
|
/** Remove all items from queue. */
|
|
clear: () => set([])
|
|
};
|
|
}
|