divhunt 2.0.4 → 2.0.6

package/addons/render/elements/front/items/self/layout/heading/heading.css

@@ -1,117 +0,0 @@
-.e-52c43b2c > .holder
-{
-	display: flex;
-	gap: var(--dh-spacing-m);
-	padding-bottom: var(--dh-spacing-m);
-	border-bottom: 1px solid var(--dh-bg-2-border);
-}
-
-.e-52c43b2c > .holder > i
-{
-	width: 40px;
-	height: 40px;
-	flex-shrink: 0;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	border-radius: var(--dh-radius-m);
-	background: var(--dh-brand-opacity);
-	color: var(--dh-brand);
-	font-size: 20px;
-	transition: all 0.2s;
-}
-
-.e-52c43b2c > .holder > i:hover
-{
-	background: var(--dh-brand-hover);
-	transform: scale(1.05);
-}
-
-.e-52c43b2c > .holder > .content
-{
-	display: flex;
-	flex-direction: column;
-	gap: var(--dh-spacing-x);
-	flex: 1;
-}
-
-.e-52c43b2c > .holder > .content > h2
-{
-	margin: 0;
-	color: var(--dh-text-1);
-	font-weight: 600;
-	font-size: 24px;
-	line-height: 1.2;
-	letter-spacing: -0.02em;
-}
-
-.e-52c43b2c > .holder > .content > p
-{
-	margin: 0;
-	color: var(--dh-text-2);
-	font-size: var(--dh-size-m);
-	line-height: 1.5;
-}
-
-.e-52c43b2c > .holder[variant*="align-center"]
-{
-	align-items: center;
-	text-align: center;
-}
-
-.e-52c43b2c > .holder[variant*="align-right"]
-{
-	align-items: flex-end;
-	text-align: right;
-}
-
-.e-52c43b2c > .holder[variant*="size-s"] > i
-{
-	width: 36px;
-	height: 36px;
-	font-size: 18px;
-}
-
-.e-52c43b2c > .holder[variant*="size-s"] > .content > h2
-{
-	font-size: 20px;
-}
-
-.e-52c43b2c > .holder[variant*="size-s"] > .content > p
-{
-	font-size: var(--dh-size-s);
-}
-
-.e-52c43b2c > .holder[variant*="size-m"] > i
-{
-	width: 40px;
-	height: 40px;
-	font-size: 20px;
-}
-
-.e-52c43b2c > .holder[variant*="size-m"] > .content > h2
-{
-	font-size: 24px;
-}
-
-.e-52c43b2c > .holder[variant*="size-m"] > .content > p
-{
-	font-size: var(--dh-size-m);
-}
-
-.e-52c43b2c > .holder[variant*="size-l"] > i
-{
-	width: 48px;
-	height: 48px;
-	font-size: 24px;
-}
-
-.e-52c43b2c > .holder[variant*="size-l"] > .content > h2
-{
-	font-size: 32px;
-}
-
-.e-52c43b2c > .holder[variant*="size-l"] > .content > p
-{
-	font-size: var(--dh-size-l);
-}

package/addons/render/elements/front/items/self/layout/heading/heading.js

@@ -1,47 +0,0 @@
-import elements from '#elements/load.js';
-
-elements.ItemAdd({
-	id: 'heading',
-	icon: 'title',
-	name: 'Heading',
-	description: 'Heading component with alignment options (left, center, right), and size variants for different hierarchy levels.',
-	category: 'Layout',
-	author: 'Divhunt',
-	config: {
-		icon: {
-			type: 'string',
-			value: ''
-		},
-		color: {
-			type: 'string',
-			value: ''
-		},
-		title: {
-			type: 'string',
-			value: 'Heading Title'
-		},
-		description: {
-			type: 'string',
-			value: 'This is a description text that provides additional context and information about the heading above.'
-		},
-		variant: {
-			type: 'array',
-			value: ['align-left', 'size-m'],
-			options: ['align-left', 'align-center', 'align-right', 'size-s', 'size-m', 'size-l']
-		}
-	},
-	render: function()
-	{
-		return `
-			<div class="holder" :variant="variant.join(' ')">
-				<i dh-if="icon" :style="color ? 'color: ' + color : ''">{{ icon }}</i>
-				<div class="content">
-					<slot name="top"></slot>
-					<h2>{{ title }}</h2>
-					<p dh-if="description">{{ description }}</p>
-					<slot name="bottom"></slot>
-				</div>
-			</div>
-		`;
-	}
-});

package/addons/render/elements/front/items/self/layout/hero/hero.js

@@ -1,88 +0,0 @@
-import elements from '#elements/load.js';
-
-elements.ItemAdd({
-	id: 'hero',
-	icon: 'web',
-	name: 'Hero',
-	description: 'Hero section with headline, subtext, CTAs, and trust indicators for landing pages.',
-	category: 'Layout',
-	author: 'Divhunt',
-	config: {
-		badge: {
-			type: 'string',
-			value: 'New Release'
-		},
-		title: {
-			type: 'string',
-			value: 'Build faster with'
-		},
-		highlight: {
-			type: 'string',
-			value: 'Divhunt'
-		},
-		description: {
-			type: 'string',
-			value: 'The all-in-one platform for building modern web applications. Ship products faster with our intuitive tools and components.'
-		},
-		buttons: {
-			type: 'array',
-			value: [
-				{ text: 'Get Started', variant: ['brand', 'size-m'] },
-				{ text: 'Learn More', variant: ['border', 'size-m'] }
-			],
-			each: {
-				type: 'object',
-				config: {
-					text: { type: 'string', value: 'Button' },
-					href: { type: 'string', value: '' },
-					variant: { type: 'array', value: ['brand', 'size-m'] }
-				}
-			}
-		},
-		stats: {
-			type: 'array',
-			value: [
-				{ value: '10K+', label: 'Active Users', icon: 'group' },
-				{ value: '99.9%', label: 'Uptime', icon: 'check_circle' },
-				{ value: '24/7', label: 'Support', icon: 'support_agent' }
-			],
-			each: {
-				type: 'object',
-				config: {
-					value: { type: 'string', value: '100' },
-					label: { type: 'string', value: 'Label' },
-					icon: { type: 'string', value: '' }
-				}
-			}
-		},
-		variant: {
-			type: 'array',
-			value: ['center', 'size-m'],
-			options: ['left', 'center', 'right', 'size-s', 'size-m', 'size-l', 'bg-1', 'bg-2', 'bg-3', 'bg-4', 'border']
-		}
-	},
-	render: function()
-	{
-		return `
-			<div class="holder" :variant="variant.join(' ')">
-				<slot name="top"></slot>
-				<div class="content">
-					<e-tag dh-if="badge" :text="badge" :variant="['border', 'size-s']"></e-tag>
-					<h1>{{ title }}<span dh-if="highlight">{{ highlight }}</span></h1>
-					<p dh-if="description">{{ description }}</p>
-					<div dh-if="buttons.length" class="actions">
-						<e-button dh-for="button in buttons" :text="button.text" :href="button.href" :variant="button.variant"></e-button>
-					</div>
-					<div dh-if="stats.length" class="stats">
-						<div dh-for="stat in stats" class="stat">
-							<i dh-if="stat.icon">{{ stat.icon }}</i>
-							<strong>{{ stat.value }}</strong>
-							<span>{{ stat.label }}</span>
-						</div>
-					</div>
-				</div>
-				<slot name="bottom"></slot>
-			</div>
-		`;
-	}
-});

package/addons/render/elements/front/items/self/layout/hero/styles/base.css

@@ -1,81 +0,0 @@
-.e-4e0ccf0 > .holder
-{
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-	padding: calc(var(--dh-spacing-l) * 3) var(--dh-spacing-l);
-	transition: all 0.2s;
-}
-
-.e-4e0ccf0 > .holder > .content
-{
-	display: flex;
-	flex-direction: column;
-	gap: var(--dh-spacing-m);
-	max-width: 800px;
-}
-
-.e-4e0ccf0 > .holder > .content > h1
-{
-	margin: 0;
-	font-size: calc(var(--dh-size-l) * 2);
-	font-weight: 700;
-	color: var(--dh-text-1);
-	line-height: 1.1;
-	letter-spacing: -0.02em;
-}
-
-.e-4e0ccf0 > .holder > .content > h1 > span
-{
-	color: var(--dh-brand);
-}
-
-.e-4e0ccf0 > .holder > .content > p
-{
-	margin: 0;
-	font-size: var(--dh-size-m);
-	color: var(--dh-text-2);
-	line-height: 1.6;
-	max-width: 600px;
-}
-
-.e-4e0ccf0 > .holder > .content > .actions
-{
-	display: flex;
-	gap: var(--dh-spacing-s);
-	margin-top: var(--dh-spacing-s);
-}
-
-.e-4e0ccf0 > .holder > .content > .stats
-{
-	display: flex;
-	gap: var(--dh-spacing-l);
-	margin-top: var(--dh-spacing-m);
-}
-
-.e-4e0ccf0 > .holder > .content > .stats > .stat
-{
-	display: flex;
-	align-items: center;
-	gap: var(--dh-spacing-x);
-	font-size: var(--dh-size-s);
-	color: var(--dh-text-2);
-	transition: all 0.2s;
-}
-
-.e-4e0ccf0 > .holder > .content > .stats > .stat:hover
-{
-	color: var(--dh-text-1);
-}
-
-.e-4e0ccf0 > .holder > .content > .stats > .stat > i
-{
-	font-size: var(--dh-size-m);
-	color: var(--dh-brand);
-}
-
-.e-4e0ccf0 > .holder > .content > .stats > .stat > strong
-{
-	color: var(--dh-text-1);
-	font-weight: 600;
-}

package/addons/render/elements/front/items/self/layout/hero/styles/sizes.css

@@ -1,24 +0,0 @@
-.e-4e0ccf0 > .holder[variant*="size-s"]
-{
-	padding: var(--dh-spacing-l) var(--dh-spacing-m);
-}
-
-.e-4e0ccf0 > .holder[variant*="size-s"] > .content > h1
-{
-	font-size: calc(var(--dh-size-l) * 1.5);
-}
-
-.e-4e0ccf0 > .holder[variant*="size-l"]
-{
-	padding: calc(var(--dh-spacing-l) * 3) calc(var(--dh-spacing-l) * 2);
-}
-
-.e-4e0ccf0 > .holder[variant*="size-l"] > .content > h1
-{
-	font-size: calc(var(--dh-size-l) * 2.5);
-}
-
-.e-4e0ccf0 > .holder[variant*="size-l"] > .content > p
-{
-	font-size: var(--dh-size-l);
-}

package/addons/render/elements/front/items/self/layout/hero/styles/variants.css

@@ -1,98 +0,0 @@
-.e-4e0ccf0 > .holder[variant*="left"]
-{
-	align-items: flex-start;
-}
-
-.e-4e0ccf0 > .holder[variant*="left"] > .content
-{
-	align-items: flex-start;
-	text-align: left;
-}
-
-.e-4e0ccf0 > .holder[variant*="center"]
-{
-	align-items: center;
-}
-
-.e-4e0ccf0 > .holder[variant*="center"] > .content
-{
-	align-items: center;
-	text-align: center;
-}
-
-.e-4e0ccf0 > .holder[variant*="center"] > .content > p
-{
-	margin-left: auto;
-	margin-right: auto;
-}
-
-.e-4e0ccf0 > .holder[variant*="right"]
-{
-	align-items: flex-end;
-}
-
-.e-4e0ccf0 > .holder[variant*="right"] > .content
-{
-	align-items: flex-end;
-	text-align: right;
-}
-
-.e-4e0ccf0 > .holder[variant*="bg-1"]
-{
-	background: var(--dh-bg-1);
-}
-
-.e-4e0ccf0 > .holder[variant*="bg-2"]
-{
-	background: var(--dh-bg-2);
-}
-
-.e-4e0ccf0 > .holder[variant*="bg-3"]
-{
-	background: var(--dh-bg-3);
-}
-
-.e-4e0ccf0 > .holder[variant*="bg-4"]
-{
-	background: var(--dh-bg-4);
-}
-
-.e-4e0ccf0 > .holder[variant*="bg-1"]:hover
-{
-	background: var(--dh-bg-1-hover);
-}
-
-.e-4e0ccf0 > .holder[variant*="bg-2"]:hover
-{
-	background: var(--dh-bg-2-hover);
-}
-
-.e-4e0ccf0 > .holder[variant*="bg-3"]:hover
-{
-	background: var(--dh-bg-3-hover);
-}
-
-.e-4e0ccf0 > .holder[variant*="bg-4"]:hover
-{
-	background: var(--dh-bg-4-hover);
-}
-
-.e-4e0ccf0 > .holder[variant*="bg-1"][variant*="border"]
-{
-	border: 1px solid var(--dh-bg-1-border);
-}
-
-.e-4e0ccf0 > .holder[variant*="bg-2"][variant*="border"]
-{
-	border: 1px solid var(--dh-bg-2-border);
-}
-
-.e-4e0ccf0 > .holder[variant*="bg-3"][variant*="border"]
-{
-	border: 1px solid var(--dh-bg-3-border);
-}
-
-.e-4e0ccf0 > .holder[variant*="bg-4"][variant*="border"]
-{
-	border: 1px solid var(--dh-bg-4-border);
-}

package/addons/render/elements/front/items/self/navigation/breadcrumb/addon/_class/addon.js

@@ -1,9 +0,0 @@
-const breadcrumb = divhunt.Addon('breadcrumb', (addon) =>
-{
-	addon.Field('id', ['string']);
-	addon.Field('order', ['number', 0]);
-	addon.Field('icon', ['string', '']);
-	addon.Field('label', ['string', 'Page']);
-	addon.Field('href', ['string', '#']);
-	addon.Field('condition', ['boolean', true]);
-});

package/addons/render/elements/front/items/self/navigation/breadcrumb/addon/functions/get.js

@@ -1,22 +0,0 @@
-breadcrumb.Fn('get', function()
-{
-	return Object.values(breadcrumb.Items())
-		.filter(item =>
-		{
-			if (item.Get('condition') === false)
-			{
-				return false;
-			}
-
-			return true;
-		})
-		.sort((a, b) => a.Get('order') - b.Get('order'))
-		.map(item =>
-		({
-			id: item.Get('id'),
-			order: item.Get('order'),
-			icon: item.Get('icon'),
-			label: item.Get('label'),
-			href: item.Get('href')
-		}));
-});

package/addons/render/elements/front/items/self/navigation/breadcrumb/breadcrumb.css

@@ -1,13 +0,0 @@
-.e-67186a99 > .holder
-{
-	display: flex;
-	align-items: center;
-	gap: var(--dh-spacing-s);
-}
-
-.e-67186a99 > .holder > .items
-{
-	display: flex;
-	align-items: center;
-	gap: var(--dh-spacing-x);
-}

package/addons/render/elements/front/items/self/navigation/breadcrumb/breadcrumb.js

@@ -1,51 +0,0 @@
-import elements from '#elements/load.js';
-
-elements.ItemAdd({
-	id: 'breadcrumb',
-	icon: 'arrow_forward',
-	name: 'Breadcrumb',
-	description: 'Breadcrumb navigation component for displaying current page hierarchy.',
-	category: 'Navigation',
-	author: 'Divhunt',
-	config: {
-		variant: {
-			type: 'array',
-			value: [],
-			options: ['bg-1', 'bg-2', 'bg-3', 'bg-4', 'border']
-		},
-		size: {
-			type: 'string',
-			value: 'm',
-			options: ['s', 'm', 'l']
-		}
-	},
-	render: function()
-	{
-		this.items = breadcrumb.Fn('get');
-
-		const update = () =>
-		{
-			this.items = breadcrumb.Fn('get');
-		};
-
-		breadcrumb.ItemOn('added', update, 'breadcrumb');
-		breadcrumb.ItemOn('removed', update, 'breadcrumb');
-		breadcrumb.ItemOn('modified', update, 'breadcrumb');
-
-		return `
-			<div class="holder" :variant="variant.join(' ')" :size="size">
-				<slot name="start"></slot>
-				<div class="items" dh-if="items.length > 0">
-					<e-menu dh-for="item in items"
-						:icon="item.icon"
-						:label="item.label"
-						:href="item.href"
-						:active="item.active"
-						:variant="item.variant">
-					</e-menu>
-				</div>
-				<slot name="end"></slot>
-			</div>
-		`;
-	}
-});

package/addons/render/elements/front/items/self/navigation/footer/addon/_class/addon.js

@@ -1,11 +0,0 @@
-const footer = divhunt.Addon('footer', (addon) =>
-{
-	addon.Field('id', ['string']);
-	addon.Field('type', ['string', 'link']);
-	addon.Field('group', ['string', '']);
-	addon.Field('order', ['number', 0]);
-	addon.Field('icon', ['string', '']);
-	addon.Field('label', ['string', 'Link']);
-	addon.Field('href', ['string', '#']);
-	addon.Field('condition', ['boolean', true]);
-});

package/addons/render/elements/front/items/self/navigation/footer/addon/functions/columns.js

@@ -1,11 +0,0 @@
-footer.Fn('columns', function()
-{
-	const groups = footer.Fn('get', { type: 'column' });
-
-	return groups.map(group =>
-	({
-		id: group.id,
-		label: group.label,
-		links: footer.Fn('get', { type: 'link', group: group.id })
-	}));
-});

package/addons/render/elements/front/items/self/navigation/footer/addon/functions/get.js

@@ -1,34 +0,0 @@
-footer.Fn('get', function(filter = {})
-{
-	return Object.values(footer.Items())
-		.filter(item =>
-		{
-			if (item.Get('condition') === false)
-			{
-				return false;
-			}
-
-			if (filter.type && item.Get('type') !== filter.type)
-			{
-				return false;
-			}
-
-			if (filter.group && item.Get('group') !== filter.group)
-			{
-				return false;
-			}
-
-			return true;
-		})
-		.sort((a, b) => a.Get('order') - b.Get('order'))
-		.map(item =>
-		({
-			id: item.Get('id'),
-			type: item.Get('type'),
-			group: item.Get('group'),
-			order: item.Get('order'),
-			icon: item.Get('icon'),
-			label: item.Get('label'),
-			href: item.Get('href')
-		}));
-});