@sierra-95/svelte-scaffold 1.2.19 → 1.2.21

package/dist/Core/components/Menus/ContentSwitcher/contentSwitcher.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+    import { isDesktop } from "../../../../index.js";
+
+    const {
+        navBackground = 'var(--background)',
+        contentPadding = '24px',
+        contentBackground = 'var(--background)',
+        navItems,
+        children
+    } = $props()
+</script>
+
+<style>
+    #sierra-content-switcher {
+        display: flex;
+        height: 100%;
+    }
+    #sierra-content-switcher nav ul {
+        width: 100%;
+    }
+    #sierra-content-switcher  div{
+        overflow-y: auto;
+        flex: 1;
+    }
+</style>
+
+<main id="sierra-content-switcher" style="{!$isDesktop ? 'flex-direction: column-reverse;' : ''}">
+    <nav style="{!$isDesktop ? 'width:100%;' : 'width: 300px;'}; background-color: {navBackground}">
+        <ul style="{!$isDesktop ? 'display:flex; justify-content: center;' : ''}">
+            {@render navItems?.()}
+        </ul>
+    </nav>
+    <div style="padding: {contentPadding};background-color: {contentBackground}">
+        {@render children?.()}
+    </div>
+</main>

package/dist/Core/components/Menus/ContentSwitcher/contentSwitcher.svelte.d.ts

@@ -0,0 +1,9 @@
+declare const ContentSwitcher: import("svelte").Component<{
+    navBackground?: string;
+    contentPadding?: string;
+    contentBackground?: string;
+    navItems: any;
+    children: any;
+}, {}, "">;
+type ContentSwitcher = ReturnType<typeof ContentSwitcher>;
+export default ContentSwitcher;

package/dist/{Hooks → Utils}/redirectTo.d.ts

@@ -1,7 +1,7 @@
-export declare function buildRedirectUrl(baseUrl: string, redirectTo?: string): string;
+export declare function buildRedirectUrl(baseUrl: string, redirectTo?: string, extraParameters?: Record<string, string>): string;
 type RedirectOptions = {
     replaceState?: boolean;
     useHardRedirect?: boolean;
 };
-export declare function handleRedirect(baseUrl: string, redirectTo?: string, options?: RedirectOptions): void;
+export declare function handleRedirect(baseUrl: string, redirectTo?: string, options?: RedirectOptions, extraParameters?: Record<string, string>): void;
 export {};

package/dist/{Hooks → Utils}/redirectTo.js

@@ -14,16 +14,23 @@ function sanitizeRedirect(redirectTo) {
     }
     return redirectTo;
 }
-export function buildRedirectUrl(baseUrl, redirectTo) {
+export function buildRedirectUrl(baseUrl, redirectTo, extraParameters = {}) {
     const safe = sanitizeRedirect(redirectTo);
-    return safe
-        ? `${baseUrl}?redirectTo=${encodeURIComponent(safe)}`
-        : baseUrl;
+    const url = new URL(baseUrl, window.location.origin);
+    Object.entries(extraParameters).forEach(([key, value]) => {
+        if (value !== undefined && value !== null) {
+            url.searchParams.set(key, value);
+        }
+    });
+    if (safe) {
+        url.searchParams.set('redirectTo', safe);
+    }
+    return url.pathname + url.search;
 }
-export function handleRedirect(baseUrl, redirectTo, options = {}) {
+export function handleRedirect(baseUrl, redirectTo, options = {}, extraParameters = {}) {
     if (!browser)
         return;
-    const finalUrl = buildRedirectUrl(baseUrl, redirectTo);
+    const finalUrl = buildRedirectUrl(baseUrl, redirectTo, extraParameters);
     const { replaceState = false, useHardRedirect = false } = options;
     if (useHardRedirect) {
         window.location.href = finalUrl;

package/dist/index.d.ts

@@ -29,6 +29,7 @@ export { default as MenuItem } from './Core/components/Menus/MenuItem/menuItem.s
 export { default as DropdownContainer } from './Core/components/Menus/DropdownContainer/dropdown.svelte';
 export { default as Tabs } from './Core/components/Menus/Tabs/main.svelte';
 export { default as HamburgerMenu } from './Core/components/Menus/Hamburger/hamburger.svelte';
+export { default as ContentSwitcher } from './Core/components/Menus/ContentSwitcher/contentSwitcher.svelte';
 export { default as Modal } from './Core/components/others/Modal/modal.svelte';
 export { default as Backdrop } from './Core/components/others/Backdrop/backdrop.svelte';
 export { default as Wrapper } from './Core/components/others/Wrapper/wrapper.svelte';
@@ -56,11 +57,11 @@ export { fileInputStore, resetFileInputStore, fileInputConfig } from './stores/m
 export type { FileInputStoreMediaItem } from './stores/modules/fileInput.js';
 export { layoutStore, resetLayoutStore } from './stores/modules/layout.js';
 export { addToast, removeToast, toasts } from './stores/features/toastManager.js';
-export { getPreviewUrlForMedia, toggleSelectForMedia, removeFileForMedia, DOCUMENT_MIME_TYPES, IMAGE_MIME_TYPES_PREVIEW } from './Hooks/preview.js';
-export { validateLayoutMenuSections, filterSectionsByRole } from './Hooks/layout_menu.js';
-export { buttonRipple } from './Hooks/button.js';
-export { buildSearchIndex } from './Hooks/buildSearch.js';
-export { isValidEmail } from './Hooks/validateForms.js';
-export { handleRedirect, buildRedirectUrl } from './Hooks/redirectTo.js';
-export type { SearchResult } from './Hooks/buildSearch.js';
+export { getPreviewUrlForMedia, toggleSelectForMedia, removeFileForMedia, DOCUMENT_MIME_TYPES, IMAGE_MIME_TYPES_PREVIEW } from './Utils/preview.js';
+export { validateLayoutMenuSections, filterSectionsByRole } from './Utils/layout_menu.js';
+export { buttonRipple } from './Utils/button.js';
+export { buildSearchIndex } from './Utils/buildSearch.js';
+export { isValidEmail } from './Utils/validateForms.js';
+export { handleRedirect, buildRedirectUrl } from './Utils/redirectTo.js';
+export type { SearchResult } from './Utils/buildSearch.js';
 export type { Section, SectionItem } from './stores/modules/layout.js';

package/dist/index.js

@@ -35,6 +35,7 @@ export { default as MenuItem } from './Core/components/Menus/MenuItem/menuItem.s
 export { default as DropdownContainer } from './Core/components/Menus/DropdownContainer/dropdown.svelte';
 export { default as Tabs } from './Core/components/Menus/Tabs/main.svelte';
 export { default as HamburgerMenu } from './Core/components/Menus/Hamburger/hamburger.svelte';
+export { default as ContentSwitcher } from './Core/components/Menus/ContentSwitcher/contentSwitcher.svelte';
 //others
 export { default as Modal } from './Core/components/others/Modal/modal.svelte';
 export { default as Backdrop } from './Core/components/others/Backdrop/backdrop.svelte';
@@ -68,9 +69,9 @@ export { fileInputStore, resetFileInputStore, fileInputConfig } from './stores/m
 export { layoutStore, resetLayoutStore } from './stores/modules/layout.js';
 export { addToast, removeToast, toasts } from './stores/features/toastManager.js';
 //#######################HOOKS/UTILS########################
-export { getPreviewUrlForMedia, toggleSelectForMedia, removeFileForMedia, DOCUMENT_MIME_TYPES, IMAGE_MIME_TYPES_PREVIEW } from './Hooks/preview.js';
-export { validateLayoutMenuSections, filterSectionsByRole } from './Hooks/layout_menu.js';
-export { buttonRipple } from './Hooks/button.js';
-export { buildSearchIndex } from './Hooks/buildSearch.js';
-export { isValidEmail } from './Hooks/validateForms.js';
-export { handleRedirect, buildRedirectUrl } from './Hooks/redirectTo.js';
+export { getPreviewUrlForMedia, toggleSelectForMedia, removeFileForMedia, DOCUMENT_MIME_TYPES, IMAGE_MIME_TYPES_PREVIEW } from './Utils/preview.js';
+export { validateLayoutMenuSections, filterSectionsByRole } from './Utils/layout_menu.js';
+export { buttonRipple } from './Utils/button.js';
+export { buildSearchIndex } from './Utils/buildSearch.js';
+export { isValidEmail } from './Utils/validateForms.js';
+export { handleRedirect, buildRedirectUrl } from './Utils/redirectTo.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sierra-95/svelte-scaffold",
-	"version": "1.2.19",
+	"version": "1.2.21",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",