@onsvisual/svelte-components 0.1.102-component.toolbar → 0.1.103

package/dist/inputs/Toolbar/ToolbarDivider.svelte

@@ -1,27 +0,0 @@
-<script>import { getContext } from "svelte";
-export let classes = "";
-// Get the orientation store from context
-const orientationStore = getContext("orientation");
-// Subscribe to the store to get its value
-let orientation;
-orientationStore.subscribe((value) => {
-    orientation = value;
-});
-</script>
-
-<div class="{`toolbar-divider ${orientation} ${classes}`}" aria-hidden="true"></div>
-
-<style>
-  .toolbar-divider {
-    background-color: #ccc;
-  }
-
-  .toolbar-divider.horizontal {
-    width: 1px;
-  }
-
-  .toolbar-divider.vertical {
-    width: 100%;
-    height: 1px;
-    margin: 0.5rem 0;
-  }</style>

package/dist/inputs/Toolbar/ToolbarsContainer.svelte

@@ -1,61 +0,0 @@
-<script>import { setContext, onMount } from "svelte";
-import { writable } from "svelte/store";
-// Initialize a store for button IDs
-const buttonIds = writable([]);
-setContext("buttonIds", {
-    register: (id) => {
-        buttonIds.update((ids) => [...ids, id]);
-    },
-    unregister: (id) => {
-        buttonIds.update((ids) => ids.filter((btnId) => btnId !== id));
-    },
-    buttonIds,
-});
-// Initial state: true unless explicitly set to 'false' in either localStorage or sessionStorage
-$: showHelpState =
-    sessionStorage.getItem("showHelpModals") === "false"
-        ? false
-        : localStorage.getItem("showHelpModals") === "false"
-            ? false
-            : true;
-const showHelpModals = writable(showHelpState ?? true);
-// Subscribe to store changes to persist in localStorage
-// showHelpModals.subscribe((value) => {
-//   localStorage.setItem("showHelpModals", value);
-// });
-// Reactively update the initial state
-$: showHelpModals.set(showHelpState);
-// Set context for showHelpModals
-setContext("showHelpModals", showHelpModals);
-const activeModalStore = writable(null); // Tracks the ID of the active modal
-setContext("activeModalId", activeModalStore);
-onMount(() => {
-    window.addEventListener("beforeunload", () => {
-        sessionStorage.removeItem("showHelpModals");
-    });
-    let unsubscribe = buttonIds.subscribe((ids) => {
-        if (ids.length > 0) {
-            activeModalStore.set(ids[0]); // Set first button as active
-        }
-    });
-    return unsubscribe;
-});
-export function resetHelp() {
-    sessionStorage.setItem("showHelpModals", "true");
-    showHelpModals.set(true);
-}
-</script>
-
-<div class="multi-toolbar-container">
-  <slot />
-</div>
-
-<style>
-  .multi-toolbar-container {
-    display: flex;
-    flex-direction: row;
-    gap: 1rem;
-    justify-content: space-between;
-    pointer-events: none;
-    flex-wrap: wrap;
-  }</style>