@hyvor/design 2.0.18 → 2.1.0

package/dist/marketing/Docs/Nav/Nav.svelte

@@ -1,156 +0,0 @@
-<script lang="ts">
-	import { afterNavigate } from '$app/navigation';
-	import IconList from '@hyvor/icons/IconList';
-	import { onMount } from 'svelte';
-	import { clickOutside } from '../../../components/index.js';
-	interface Props {
-		children?: import('svelte').Snippet;
-	}
-
-	let { children }: Props = $props();
-
-	let navEl: HTMLElement | undefined = $state();
-
-	interface Active {
-		name: string;
-		category: string | null;
-	}
-
-	let active: Active | null = $state(null);
-
-	function setActive() {
-		const activeEl = navEl?.querySelector('a.active');
-
-		if (!activeEl || !(activeEl instanceof HTMLElement)) {
-			active = null;
-			return;
-		}
-
-		const category =
-			(activeEl.closest('.nav-category')?.querySelector('.name') as HTMLElement)?.innerText || null;
-
-		active = {
-			name: activeEl.innerText,
-			category
-		};
-	}
-
-	onMount(() => {
-		setActive();
-	});
-
-	afterNavigate(() => {
-		setActive();
-		hideNavOnMobile();
-	});
-
-	let mobileNavShown = false;
-
-	function handleMobileClick(e: any) {
-		e.stopPropagation();
-		if (!navEl) return;
-		if (navEl.style.display !== 'block') {
-			navEl.style.display = 'block';
-			mobileNavShown = true;
-		} else {
-			navEl.style.display = 'none';
-			mobileNavShown = false;
-		}
-	}
-
-	function handleNavOutsideClick() {
-		if (!navEl) return;
-		if (mobileNavShown) {
-			navEl.style.display = 'none';
-			mobileNavShown = false;
-		}
-	}
-
-	function hideNavOnMobile() {
-		if (!navEl) return;
-		if (window.innerWidth < 992) {
-			navEl.style.display = 'none';
-		}
-	}
-</script>
-
-<div class="docs-nav">
-	{#if active}
-		<button class="mobile hds-box" onclick={handleMobileClick}>
-			<div class="left">
-				{#if active.category}
-					<span class="category">{active.category}</span> &raquo;
-				{/if}
-				<span class="name">{active.name}</span>
-			</div>
-			<IconList size={18} />
-		</button>
-	{/if}
-
-	<nav
-		class="hds-box nav-inner"
-		bind:this={navEl}
-		use:clickOutside={{
-			callback: handleNavOutsideClick
-		}}
-	>
-		{@render children?.()}
-	</nav>
-</div>
-
-<style>.docs-nav {
-  width: 220px;
-  top: var(--header-height, 0);
-  padding: 25px 0;
-  position: sticky;
-  flex-shrink: 0;
-  align-self: flex-start;
-  max-height: calc(100vh - var(--header-height));
-}
-
-nav {
-  padding: 15px 0;
-  overflow-y: auto;
-  max-height: calc(100vh - var(--header-height) - 50px);
-}
-
-.mobile {
-  display: none;
-  padding: 10px 20px;
-  cursor: pointer;
-}
-.mobile:hover {
-  background-color: var(--hover);
-}
-.mobile .left {
-  flex: 1;
-}
-
-@media (max-width: 992px) {
-  .mobile {
-    display: flex;
-    width: 100%;
-    text-align: left;
-  }
-  .nav-inner {
-    display: none;
-  }
-  .docs-nav {
-    width: 100%;
-    position: relative;
-    top: 0;
-    padding: 0 15px;
-    margin: 20px 0;
-    max-height: initial;
-    order: 1;
-  }
-  nav {
-    padding: 0;
-    max-height: initial;
-    position: absolute;
-    width: calc(100% - 30px);
-    margin-top: 10px;
-    max-height: 500px;
-    z-index: 100;
-  }
-}</style>

package/dist/marketing/Docs/Nav/Nav.svelte.d.ts

@@ -1,6 +0,0 @@
-interface Props {
-    children?: import('svelte').Snippet;
-}
-declare const Nav: import("svelte").Component<Props, {}, "">;
-type Nav = ReturnType<typeof Nav>;
-export default Nav;

package/dist/marketing/Docs/Nav/NavCategory.svelte

@@ -1,49 +0,0 @@
-<script lang="ts">
-	import type { ComponentType } from 'svelte';
-
-	interface Props {
-		name: string;
-		start?: import('svelte').Snippet;
-		end?: import('svelte').Snippet;
-		children?: import('svelte').Snippet;
-	}
-
-	let { name, start, end, children }: Props = $props();
-</script>
-
-<div class="nav-category">
-	<div class="name">
-		<span class="button-content">
-			{#if start}
-				<span class="slot start">{@render start?.()}</span>
-			{/if}
-
-			{#if end}
-				<span class="slot end">{@render end?.()}</span>
-			{/if}
-		</span>
-		{name}
-	</div>
-	<div class="nav-items">
-		{@render children?.()}
-	</div>
-</div>
-
-<style>
-	.nav-category {
-		margin-bottom: 20px;
-	}
-
-	.name {
-		font-weight: 600;
-		padding: 10px 25px;
-		display: flex;
-		align-items: center;
-	}
-
-	.slot.start {
-		margin-right: 5px;
-		margin-left: 0;
-		display: flex;
-	}
-</style>

package/dist/marketing/Docs/Nav/NavCategory.svelte.d.ts

@@ -1,9 +0,0 @@
-interface Props {
-    name: string;
-    start?: import('svelte').Snippet;
-    end?: import('svelte').Snippet;
-    children?: import('svelte').Snippet;
-}
-declare const NavCategory: import("svelte").Component<Props, {}, "">;
-type NavCategory = ReturnType<typeof NavCategory>;
-export default NavCategory;

package/dist/marketing/Docs/Nav/NavItem.svelte

@@ -1,39 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-
-	interface Props {
-		href: string;
-		children?: import('svelte').Snippet;
-	}
-
-	let { href, children, ...rest }: Props = $props();
-</script>
-
-<a
-	{href}
-	{...rest}
-	class:active={href === $page.url.pathname}
-	aria-current={href === $page.url.pathname ? 'page' : undefined}
->
-	{@render children?.()}
-</a>
-
-<style>
-	a {
-		display: block;
-		padding: 4px 25px;
-		color: var(--text-light);
-		font-size: 14px;
-		letter-spacing: 0.3px;
-		border-left: 3px solid transparent;
-	}
-
-	a:hover {
-		background-color: var(--hover);
-	}
-
-	a.active {
-		background-color: var(--accent-lightest);
-		border-left: 3px solid var(--accent);
-	}
-</style>

package/dist/marketing/track/track.d.ts

@@ -1,22 +0,0 @@
-interface InitOptions {
-    forceTrack?: boolean;
-    openPanelApiUrl?: string;
-    openPanelClientId?: string;
-    context?: Record<string, any>;
-}
-declare class Track {
-    private op;
-    init({ forceTrack, openPanelApiUrl, openPanelClientId, context }?: InitOptions): void;
-    ready(): boolean;
-    private warnNoOp;
-    context(properties: Record<string, any>): void;
-    event(name: string, properties?: Record<string, any>): void;
-    identify(profileId: string, props: {
-        name?: string;
-        avatar?: string;
-        properties?: Record<string, any>;
-    }): void;
-    logout(): void;
-}
-declare const track: Track;
-export default track;

package/dist/marketing/track/track.js

@@ -1,70 +0,0 @@
-import { OpenPanel } from '@openpanel/web';
-import { isCloud } from '../cloud.js';
-class Track {
-    op;
-    init({ forceTrack = false, openPanelApiUrl = 'https://op.hyvor.com/api', openPanelClientId = 'b11f6143-a6b0-4fa4-a86c-3969c01dbb1d', context = {} } = {}) {
-        if (!forceTrack && !isCloud()) {
-            console.log('Tracking is disabled in non-production domains.');
-            return;
-        }
-        this.op = new OpenPanel({
-            apiUrl: openPanelApiUrl,
-            clientId: openPanelClientId,
-            trackScreenViews: true,
-            trackOutgoingLinks: true,
-            trackAttributes: true
-        });
-        if (Object.keys(context).length > 0) {
-            this.op.setGlobalProperties(context);
-        }
-    }
-    ready() {
-        return this.op !== undefined;
-    }
-    warnNoOp(message) {
-        console.warn(`[Track] Ignoring action: ${message} - OpenPanel is not initialized. Call track.init() first.`);
-    }
-    // set global context
-    context(properties) {
-        if (this.op) {
-            this.op.setGlobalProperties(properties);
-        }
-        else {
-            this.warnNoOp('set context');
-        }
-    }
-    // log an event
-    event(name, properties) {
-        if (this.op) {
-            this.op.track(name, properties);
-        }
-        else {
-            this.warnNoOp(`log event "${name}"`);
-        }
-    }
-    // identify user
-    identify(profileId, props) {
-        if (this.op) {
-            this.op.identify({
-                profileId: profileId,
-                firstName: props.name,
-                avatar: props.avatar,
-                properties: props.properties
-            });
-        }
-        else {
-            this.warnNoOp(`identify user "${profileId}"`);
-        }
-    }
-    // log out user (clear identity)
-    logout() {
-        if (this.op) {
-            this.op.clear();
-        }
-        else {
-            this.warnNoOp('logout user');
-        }
-    }
-}
-const track = new Track();
-export default track;