@onetype/framework 2.0.41 → 2.0.43

package/lib/items/elements/sections/hero/hero.js

@@ -1,54 +0,0 @@
-onetype.AddonReady('elements', (elements) =>
-{
-	elements.ItemAdd({
-		id: 'sections-hero',
-		icon: 'star',
-		name: 'Hero',
-		description: 'Hero section with badge, heading, description, and CTA buttons.',
-		category: 'Component',
-		author: 'OneType',
-		config: {
-			badge: {
-				type: 'string',
-				value: 'Interactive HTML Components'
-			},
-			title: {
-				type: 'string',
-				value: 'One tag.'
-			},
-			highlight: {
-				type: 'string',
-				value: 'Zero config.'
-			},
-			description: {
-				type: 'string',
-				value: 'Drop a custom HTML tag, get an interactive component. Swiper, tabs, accordion, modal — works on any platform. No build tools, no JavaScript required.'
-			},
-			buttons: {
-				type: 'array',
-				value: [
-					{ text: 'Get Started', icon: 'arrow_forward', href: '#get-started', variant: 'brand' },
-					{ text: 'View on GitHub', icon: 'code', href: 'https://github.com/nicely-gg/transforms', variant: 'ghost border' }
-				]
-			}
-		},
-		render: function()
-		{
-			return `
-				<div class="holder">
-					<div ot-if="badge" class="badge"><i>widgets</i> {{ badge }}</div>
-					<h1 class="title">{{ title }}<br><span class="highlight">{{ highlight }}</span></h1>
-					<p ot-if="description" class="description">{{ description }}</p>
-					<div ot-if="buttons.length" class="buttons">
-						<e-button ot-for="btn in buttons" :text="btn.text" :icon="btn.icon" :href="btn.href" :variant="[btn.variant, 'size-m']"></e-button>
-					</div>
-					<div class="trust">
-						<span class="trust-item"><i>check_circle</i> Works everywhere</span>
-						<span class="trust-item"><i>check_circle</i> Zero dependencies</span>
-						<span class="trust-item"><i>check_circle</i> Free tier available</span>
-					</div>
-				</div>
-			`;
-		}
-	});
-});

package/lib/items/elements/sections/pricing/pricing.css

@@ -1,148 +0,0 @@
-.e-21efbac3
-{
-	display: flex;
-	width: 100%;
-}
-
-.e-21efbac3 > .holder
-{
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-	padding: var(--ot-spacing-l) var(--ot-spacing-m);
-	gap: var(--ot-spacing-l);
-}
-
-.e-21efbac3 > .holder.highlighted
-{
-	border-top: 2px solid var(--ot-brand);
-}
-
-/* Header */
-
-.e-21efbac3 > .holder > .header
-{
-	display: flex;
-	flex-direction: column;
-	gap: var(--ot-spacing-s);
-}
-
-.e-21efbac3 > .holder > .header > .badge
-{
-	display: inline-flex;
-	align-self: flex-start;
-	padding: 3px 10px;
-	border-radius: 100px;
-	background: color-mix(in srgb, var(--ot-brand) 12%, transparent);
-	font-size: 11px;
-	font-weight: 600;
-	color: var(--ot-brand);
-	text-transform: uppercase;
-	letter-spacing: 0.5px;
-}
-
-.e-21efbac3 > .holder > .header > .name
-{
-	font-size: 20px;
-	font-weight: 700;
-	color: var(--ot-text-1);
-	margin: 0;
-}
-
-.e-21efbac3 > .holder > .header > .description
-{
-	font-size: var(--ot-size-s);
-	color: var(--ot-text-2);
-	line-height: 1.5;
-	margin: 0;
-}
-
-.e-21efbac3 > .holder > .header > .price
-{
-	display: flex;
-	align-items: baseline;
-	gap: 2px;
-	margin-top: var(--ot-spacing-x);
-}
-
-.e-21efbac3 > .holder > .header > .price > .currency
-{
-	font-size: 20px;
-	font-weight: 700;
-	color: var(--ot-text-1);
-}
-
-.e-21efbac3 > .holder > .header > .price > .amount
-{
-	font-size: 40px;
-	font-weight: 800;
-	color: var(--ot-text-1);
-	line-height: 1;
-}
-
-.e-21efbac3 > .holder > .header > .price > .period
-{
-	font-size: var(--ot-size-m);
-	color: var(--ot-text-2);
-	margin-left: 4px;
-}
-
-.e-21efbac3 > .holder > .header > .yearly
-{
-	font-size: var(--ot-size-s);
-	color: var(--ot-text-2);
-}
-
-/* Features */
-
-.e-21efbac3 > .holder > .features
-{
-	display: flex;
-	flex-direction: column;
-	gap: var(--ot-spacing-s);
-	flex: 1;
-	padding-top: var(--ot-spacing-l);
-	border-top: 1px solid var(--ot-bg-2-border);
-}
-
-.e-21efbac3 > .holder > .features > .feature
-{
-	display: flex;
-	align-items: center;
-	gap: var(--ot-spacing-s);
-}
-
-.e-21efbac3 > .holder > .features > .feature > .icon
-{
-	font-size: 18px;
-	flex-shrink: 0;
-	color: var(--ot-green);
-}
-
-.e-21efbac3 > .holder > .features > .feature > .text
-{
-	font-size: var(--ot-size-m);
-	color: var(--ot-text-2);
-}
-
-/* Disabled */
-
-.e-21efbac3 > .holder > .features > .feature.disabled > .icon
-{
-	color: var(--ot-text-2);
-	opacity: 0.4;
-}
-
-.e-21efbac3 > .holder > .features > .feature.disabled > .text
-{
-	color: var(--ot-text-2);
-	opacity: 0.4;
-}
-
-/* Action */
-
-.e-21efbac3 > .holder > .action
-{
-	display: flex;
-	margin-top: auto;
-}

package/lib/items/elements/sections/stats/stats.css

@@ -1,34 +0,0 @@
-.e-1d2b5bd6
-{
-	display: flex;
-}
-
-.e-1d2b5bd6 > .holder
-{
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	gap: var(--ot-spacing-l);
-	width: 100%;
-}
-
-.e-1d2b5bd6 > .holder > .item
-{
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: var(--ot-spacing-x);
-}
-
-.e-1d2b5bd6 > .holder > .item > .value
-{
-	font-size: var(--ot-size-l);
-	font-weight: 700;
-	color: var(--ot-brand);
-}
-
-.e-1d2b5bd6 > .holder > .item > .label
-{
-	font-size: var(--ot-size-s);
-	color: var(--ot-text-2);
-}

package/lib/items/elements/sections/stats/stats.js

@@ -1,74 +0,0 @@
-onetype.AddonReady('elements', (elements) =>
-{
-	elements.ItemAdd({
-		id: 'sections-stats',
-		icon: 'bar_chart',
-		name: 'Stats',
-		description: 'Animated statistics row.',
-		category: 'Component',
-		author: 'OneType',
-		config: {
-			items: {
-				type: 'array',
-				value: [
-					{ value: 30, suffix: '+', label: 'Actions' },
-					{ value: 8, suffix: '+', label: 'Integrations' },
-					{ value: 100000, suffix: '+', label: 'Executions' },
-					{ value: 1500, suffix: '+', label: 'Users' }
-				]
-			}
-		},
-		render: function()
-		{
-			this.counts = this.items.map(() => 0);
-
-			this.animate = () =>
-			{
-				const duration = 1500;
-				const start = performance.now();
-
-				const step = (now) =>
-				{
-					const progress = Math.min((now - start) / duration, 1);
-					const ease = 1 - Math.pow(1 - progress, 3);
-
-					this.items.forEach((item, i) =>
-					{
-						this.counts[i] = Math.round(ease * item.value);
-					});
-
-					this.Update();
-
-					if(progress < 1)
-					{
-						requestAnimationFrame(step);
-					}
-				};
-
-				requestAnimationFrame(step);
-			};
-
-			this.format = (num) =>
-			{
-				return num.toLocaleString('en-US');
-			};
-
-			this.display = (index) =>
-			{
-				const item = this.items[index];
-				return (item.prefix || '') + this.format(this.counts[index]) + (item.suffix || '');
-			};
-
-			setTimeout(() => this.animate(), 200);
-
-			return `
-				<div class="holder">
-					<div ot-for="item, index in items" class="item">
-						<span class="value">{{ display(index) }}</span>
-						<span class="label">{{ item.label }}</span>
-					</div>
-				</div>
-			`;
-		}
-	});
-});

package/lib/src/mixins/logger.js

@@ -1,83 +0,0 @@
-const OneTypeLogger =
-{
-    Log(level, message, meta = {})
-    {
-        if(!(level in this.logger.levels))
-        {
-            throw new Error(`Invalid log level: '${level}'`);
-        }
-
-        meta.allowed = this.logger.levels[level] >= this.logger.levels[this.logger.level];
-        meta.timestamp = new Date().toISOString();
-        meta.level = level;
-        meta.message = message;
-
-        this.Emit('log', meta);
-
-        if(meta.allowed)
-        {
-            console.log(meta);
-        }
-
-        return this;
-    },
-
-    LogLevel(level)
-    {
-        if(!(level in this.logger.levels))
-        {
-            throw new Error(`Invalid log level: '${level}'`);
-        }
-
-        return this;
-    },
-
-    LogError(message, meta = {}, error = null, slice = 1, throwError = false)
-    {
-        meta.stack = error ? (error.stack.split('\n').splice(1, slice)) : [];
-
-        if(error && typeof error.code === 'number')
-        {
-            meta.code = error.code;
-        }
-
-        if(error && error.context && typeof error.context === 'object')
-        {
-            meta.context = error.context;
-        }
-
-        this.Log('error', message + (error ? (' / ' + error.message) : ''), meta);
-
-        if(throwError)
-        {
-            throw (error ? error : new Error(message))
-        }
-    },
-
-    LogWarn(message, meta = {})
-    {
-        return this.Log('warn', message, meta);
-    },
-
-    LogInfo(message, meta = {})
-    {
-        return this.Log('info', message, meta);
-    },
-
-    LogVerbose(message, meta = {})
-    {
-        return this.Log('verbose', message, meta);
-    },
-
-    LogDebug(message, meta = {})
-    {
-        return this.Log('debug', message, meta);
-    },
-
-    LogSilly(message, meta = {})
-    {
-        return this.Log('silly', message, meta);
-    }
-};
-
-export default OneTypeLogger;

package/lib/styles/queries.css

@@ -1,6 +0,0 @@
-@media (max-width: 575.98px) {}
-@media (min-width: 576px) and (max-width: 767.98px) {}
-@media (min-width: 768px) and (max-width: 991.98px) {}
-@media (min-width: 992px) and (max-width: 1199.98px) {}
-@media (min-width: 1200px) and (max-width: 1399.98px) {}
-@media (min-width: 1400px) {}