@sociallane/elements 1.0.8 → 1.0.10

package/admin/views/onboarding.php

@@ -33,7 +33,7 @@ $steps = [
 			<?php
 			$is_active    = ( $key === $step );
 			$is_completed = ( $s['number'] < $steps[ $step ]['number'] );
-			$dot_class    = $is_active ? 'bg-primary text-white' : ( $is_completed ? 'bg-green-500 text-white' : 'bg-neutral-200 text-neutral-500' );
+			$dot_class    = $is_active ? 'bg-primary text-white' : ( $is_completed ? 'bg-neutral-500 text-white' : 'bg-neutral-200 text-neutral-500' );
 			?>
 			<div class="flex items-center gap-2">
 				<span class="w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold <?php echo esc_attr( $dot_class ); ?>">

package/admin/views/partials/step-complete.php

@@ -15,7 +15,7 @@ $enabled_count = (int) ( $data['enabled_count'] ?? 0 );
 $total_count   = (int) ( $data['total_count'] ?? 0 );
 ?>
 <div class="text-center py-6">
-	<div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-green-100 text-green-600 mb-6" aria-hidden="true">
+	<div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-neutral-100 text-neutral-600 mb-6" aria-hidden="true">
 		<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /></svg>
 	</div>
 	<h2 class="text-2xl font-bold text-neutral-900 mb-2">

package/admin/views/partials/step-requirements.php

@@ -17,8 +17,8 @@ $all_pass     = $data['all_pass'] ?? false;
 <div class="space-y-4">
 	<?php foreach ( $requirements as $req ) : ?>
 		<?php $pass = ! empty( $req['pass'] ); ?>
-		<div class="flex items-center gap-3 p-4 rounded-lg <?php echo $pass ? 'bg-green-50 dark:bg-green-900/20' : 'bg-red-50 dark:bg-red-900/20'; ?>">
-			<span class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center <?php echo $pass ? 'text-green-600 bg-green-100' : 'text-red-600 bg-red-100'; ?>">
+		<div class="flex items-center gap-3 p-4 rounded-lg <?php echo $pass ? 'bg-neutral-50 dark:bg-neutral-900/20' : 'bg-neutral-50 dark:bg-neutral-900/20'; ?>">
+			<span class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center <?php echo $pass ? 'text-neutral-600 bg-neutral-100' : 'text-neutral-600 bg-neutral-100'; ?>">
 				<?php if ( $pass ) : ?>
 					<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /></svg>
 				<?php else : ?>

package/admin/views/settings.php

@@ -28,7 +28,7 @@ $grid_class = 'settings-widget-grid';
 	</p>
 
 	<?php if ( $saved ) : ?>
-		<div class="mb-6 p-4 bg-green-50 border border-green-200 rounded-lg text-green-800" role="alert">
+		<div class="mb-6 p-4 bg-neutral-50 border border-neutral-200 rounded-lg text-neutral-800" role="alert">
 			<?php esc_html_e( 'Settings saved.', 'sociallane-elements' ); ?>
 		</div>
 	<?php endif; ?>

package/admin/views/setup-widget-catalog-frontend.php

@@ -202,7 +202,9 @@ npm run build</code></pre>
 				</summary>
 				<div class="p-5 pt-0 border-t border-neutral-200 dark:border-neutral-700">
 					<p class="mb-2"><?php esc_html_e( 'When widgets.json exists at the plugin root, the plugin runs in package mode: only widget components are loaded. The onboarding wizard, SocialLane settings page, widget preview pages, and this setup guide are not available on that installation.', 'sociallane-elements' ); ?></p>
-					<p class="mb-2"><?php esc_html_e( 'To get the full admin (widget management, previews, this setup page), remove or rename widgets.json; the plugin will then use the Widget Manager and show all admin features.', 'sociallane-elements' ); ?></p>
+					<p class="mb-2"><?php esc_html_e( 'To use full admin without removing widgets.json, add this to wp-config.php:', 'sociallane-elements' ); ?></p>
+					<pre class="bg-neutral-100 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-600 rounded-lg p-4 text-sm overflow-x-auto text-neutral-800 dark:text-neutral-200 mb-2"><code>define( 'SOCIALLANE_ELEMENTS_FULL_ADMIN', true );</code></pre>
+					<p class="mb-2"><?php esc_html_e( 'Alternatively, remove or rename widgets.json; the plugin will then use the Widget Manager and show all admin features.', 'sociallane-elements' ); ?></p>
 				</div>
 			</details>
 		</section>

package/admin/views/setup-widget-catalog.php

@@ -16,10 +16,10 @@ if ( ! defined( 'ABSPATH' ) ) {
 	<p class="text-neutral-500 mb-8">
 		<?php esc_html_e( 'How to add the Widget Catalog to a page and which commands to run so visitors can browse and copy npm install commands for your components.', 'sociallane-elements' ); ?>
 	</p>
-	<div class="mb-8 p-4 bg-blue-50 border border-blue-200 rounded-lg text-blue-800 text-sm">
+	<div class="mb-8 p-4 bg-neutral-50 border border-neutral-200 rounded-lg text-neutral-800 text-sm">
 		<strong><?php esc_html_e( 'Front-end setup page', 'sociallane-elements' ); ?></strong>
 		<?php esc_html_e( 'To give your team a page they can consult anytime, create a new page (e.g. “Widget catalog setup”), add the shortcode', 'sociallane-elements' ); ?>
-		<code class="bg-blue-100 px-1 rounded">[sociallane_widget_catalog_setup]</code>
+		<code class="bg-neutral-100 px-1 rounded">[sociallane_widget_catalog_setup]</code>
 		<?php esc_html_e( 'and publish. Anyone with the link can view the same setup guide and commands.', 'sociallane-elements' ); ?>
 	</div>
 
@@ -121,7 +121,11 @@ npm run build</code></pre>
 			<?php esc_html_e( 'When widgets.json exists at the plugin root, the plugin runs in package mode: only widget components are loaded. The onboarding wizard, SocialLane settings page, widget preview pages, and this setup guide are not available on that installation.', 'sociallane-elements' ); ?>
 		</p>
 		<p class="text-neutral-600 mb-2">
-			<?php esc_html_e( 'To get the full admin (widget management, previews, this setup page), remove or rename widgets.json; the plugin will then use the Widget Manager and show all admin features.', 'sociallane-elements' ); ?>
+			<?php esc_html_e( 'To use full admin without removing widgets.json, add to wp-config.php:', 'sociallane-elements' ); ?>
+			<code class="bg-neutral-100 px-1 rounded text-sm block mt-1">define( 'SOCIALLANE_ELEMENTS_FULL_ADMIN', true );</code>
+		</p>
+		<p class="text-neutral-600 mb-2">
+			<?php esc_html_e( 'Alternatively, remove or rename widgets.json; the plugin will then use the Widget Manager and show all admin features.', 'sociallane-elements' ); ?>
 		</p>
 	</section>
 

package/assets/css/tailwind.css

@@ -24,33 +24,6 @@
 |--------------------------------------------------------------------------
 */
 @theme {
-  /* Blue Chill (SocialLane Primary) */
-  --color-blue-chill-50: oklch(0.984 0.012 192.5);
-  --color-blue-chill-100: oklch(0.964 0.034 192.4);
-  --color-blue-chill-200: oklch(0.937 0.063 192.3);
-  --color-blue-chill-300: oklch(0.882 0.118 192.2);
-  --color-blue-chill-400: oklch(0.827 0.165 192.9);
-  --color-blue-chill-500: oklch(0.778 0.138 192.7);
-  --color-blue-chill-600: oklch(0.652 0.119 192.5);
-  --color-blue-chill-700: oklch(0.523 0.098 192.4);
-  --color-blue-chill-800: oklch(0.443 0.075 192.3);
-  --color-blue-chill-900: oklch(0.382 0.058 192.2);
-  --color-blue-chill-950: oklch(0.279 0.042 192.1);
-
-  /* Web Orange (SocialLane Secondary) */
-
-  --color-web-orange-50: oklch(0.984 0.038 95.8);
-  --color-web-orange-100: oklch(0.958 0.088 95.5);
-  --color-web-orange-200: oklch(0.912 0.158 95.2);
-  --color-web-orange-300: oklch(0.858 0.188 94.9);
-  --color-web-orange-400: oklch(0.818 0.178 85.2);
-  --color-web-orange-500: oklch(0.768 0.168 70.5);
-  --color-web-orange-600: oklch(0.652 0.158 55.2);
-  --color-web-orange-700: oklch(0.532 0.138 45.1);
-  --color-web-orange-800: oklch(0.448 0.108 48.2);
-  --color-web-orange-900: oklch(0.398 0.088 55.3);
-  --color-web-orange-950: oklch(0.268 0.068 45.5);
-
   /* Primary - dark gray (emphasis, buttons, links) */
   --color-primary: oklch(0.45 0 0);
   --color-primary-light: oklch(0.65 0 0);
@@ -590,7 +563,7 @@
   }
   .sl-cta-notify-form input[type='email'],
   .sl-cta-notify-form input[type='text'] {
-    @apply w-full px-4 py-3 text-base leading-normal font-sans bg-neutral-800 border border-neutral-600 rounded-lg text-neutral-100 placeholder:text-neutral-500 focus:outline-none focus:ring-2 focus:ring-violet-500 focus:ring-offset-0;
+    @apply w-full px-4 py-3 text-base leading-normal font-sans bg-neutral-800 border border-neutral-600 rounded-lg text-neutral-100 placeholder:text-neutral-500 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-0;
   }
   .sl-cta-notify-form input[type='submit'],
   .sl-cta-notify-form button[type='submit'] {

package/elements/button/button.php

@@ -73,12 +73,14 @@ class Button extends Widget_Base {
 				'label'   => esc_html__( 'Style', 'sociallane-elements' ),
 				'type'    => Controls_Manager::SELECT,
 				'default' => 'primary',
-				'options' => [
-					'primary'   => esc_html__( 'Primary', 'sociallane-elements' ),
-					'secondary' => esc_html__( 'Secondary', 'sociallane-elements' ),
-					'ghost'     => esc_html__( 'Ghost', 'sociallane-elements' ),
-					'outline'   => esc_html__( 'Outline', 'sociallane-elements' ),
-				],
+				'options' => function_exists( 'sociallane_get_button_preset_options' )
+					? sociallane_get_button_preset_options()
+					: [
+						'primary'   => esc_html__( 'Primary', 'sociallane-elements' ),
+						'secondary' => esc_html__( 'Secondary', 'sociallane-elements' ),
+						'ghost'     => esc_html__( 'Ghost', 'sociallane-elements' ),
+						'outline'   => esc_html__( 'Outline', 'sociallane-elements' ),
+					],
 			]
 		);
 
@@ -88,8 +90,8 @@ class Button extends Widget_Base {
 				'label'   => esc_html__( 'Color', 'sociallane-elements' ),
 				'type'    => Controls_Manager::SELECT,
 				'default' => 'default',
-				'options' => function_exists( 'sociallane_get_button_color_options' ) ? sociallane_get_button_color_options() : [ 'default' => esc_html__( 'Default (brand)', 'sociallane-elements' ) ],
-				'description' => esc_html__( 'Same style, different accent.', 'sociallane-elements' ),
+				'options' => function_exists( 'sociallane_get_button_color_options' ) ? sociallane_get_button_color_options() : [ 'default' => esc_html__( 'Default', 'sociallane-elements' ) ],
+				'description' => esc_html__( 'Uses the default theme color.', 'sociallane-elements' ),
 			]
 		);
 
@@ -140,21 +142,32 @@ class Button extends Widget_Base {
 			'url'           => esc_url( $url_data['url'] ?? '#' ),
 			'variant'       => $settings['variant'] ?? 'primary',
 			'size'          => $settings['size'] ?? 'md',
-			'color'         => $settings['color'] ?? 'default',
+			'color'         => function_exists( 'sociallane_normalize_button_color' )
+				? sociallane_normalize_button_color( (string) ( $settings['color'] ?? 'default' ) )
+				: 'default',
 			'icon'          => $settings['icon'] ?? null,
 			'icon_position' => $settings['icon_position'] ?? 'right',
 			'attrs'         => '',
 		];
 
 		$attrs = [];
-		if ( ! empty( $url_data['is_external'] ) ) {
-			$attrs[] = 'target="_blank"';
-			$attrs[] = 'rel="noopener noreferrer"';
-		}
-		if ( ! empty( $url_data['nofollow'] ) ) {
-			$attrs[] = 'rel="nofollow"';
+		if ( function_exists( 'sociallane_build_link_attrs' ) ) {
+			$button['attrs'] = sociallane_build_link_attrs( $url_data );
+		} else {
+			$rel_tokens = [];
+			if ( ! empty( $url_data['is_external'] ) ) {
+				$attrs[]      = 'target="_blank"';
+				$rel_tokens[] = 'noopener';
+				$rel_tokens[] = 'noreferrer';
+			}
+			if ( ! empty( $url_data['nofollow'] ) ) {
+				$rel_tokens[] = 'nofollow';
+			}
+			if ( ! empty( $rel_tokens ) ) {
+				$attrs[] = 'rel="' . esc_attr( implode( ' ', array_values( array_unique( $rel_tokens ) ) ) ) . '"';
+			}
+			$button['attrs'] = implode( ' ', $attrs );
 		}
-		$button['attrs'] = implode( ' ', $attrs );
 
 		include __DIR__ . '/templates/render.php';
 	}

package/elements/button/templates/render.php

@@ -25,37 +25,21 @@ $icon          = $button['icon'] ?? null;
 $icon_position = $button['icon_position'] ?? 'right';
 $attrs         = $button['attrs'] ?? '';
 $extra_class   = $button['class'] ?? '';
+// Keep color key for backward compatibility; palette is default-only.
+if ( function_exists( 'sociallane_normalize_button_color' ) ) {
+	$color = sociallane_normalize_button_color( (string) $color );
+} else {
+	$color = 'default';
+}
 
 // Variant styles: Primary, Secondary, Ghost, Outline
 $variant_classes = [
-	'primary'   => 'bg-transparent text-white border border-blue-chill-100/30 hover:bg-blue-chill-400/20 focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
-	'secondary' => 'bg-blue-chill-100/30 text-white hover:bg-blue-chill-200/50 focus:ring-2 focus:ring-secondary focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
+	'primary'   => 'bg-primary text-white hover:bg-primary-dark focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:bg-primary-light dark:text-neutral-900 dark:hover:bg-primary',
+	'secondary' => 'bg-secondary text-white hover:bg-secondary-dark focus:ring-2 focus:ring-secondary focus:ring-offset-2 dark:bg-secondary-light dark:text-neutral-900 dark:hover:bg-secondary',
 	'ghost'     => 'bg-transparent text-primary hover:bg-primary/10 focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:text-primary-light dark:hover:bg-white/10 dark:focus:ring-offset-neutral-900',
 	'outline'   => 'bg-transparent text-primary border border-primary hover:bg-primary hover:text-white focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:text-primary-light dark:border-primary-light dark:hover:bg-primary dark:hover:text-white dark:focus:ring-offset-neutral-900',
 ];
 
-// Optional accent color override: same style, different palette
-$accent_classes = [
-	'primary' => [
-		'default'     => null,
-		'blue-chill'  => 'bg-blue-chill-500 text-white hover:bg-blue-chill-600 focus:ring-2 focus:ring-blue-chill-500 focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
-		'web-orange'  => 'bg-web-orange-500 text-white hover:bg-web-orange-600 focus:ring-2 focus:ring-web-orange-500 focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
-	],
-	'outline' => [
-		'default'     => null,
-		'blue-chill'  => 'bg-transparent text-blue-chill-500 border border-blue-chill-500 hover:bg-blue-chill-500 hover:text-white focus:ring-2 focus:ring-blue-chill-500 focus:ring-offset-2 dark:text-blue-chill-300 dark:border-blue-chill-300 dark:hover:bg-blue-chill-500 dark:hover:text-white dark:focus:ring-offset-neutral-900',
-		'web-orange'  => 'bg-transparent text-web-orange-500 border border-web-orange-500 hover:bg-web-orange-500 hover:text-white focus:ring-2 focus:ring-web-orange-500 focus:ring-offset-2 dark:text-web-orange-400 dark:border-web-orange-400 dark:hover:bg-web-orange-500 dark:hover:text-white dark:focus:ring-offset-neutral-900',
-	],
-	'ghost' => [
-		'default'     => null,
-		'blue-chill'  => 'bg-transparent text-blue-chill-500 hover:bg-blue-chill-500/10 focus:ring-2 focus:ring-blue-chill-500 focus:ring-offset-2 dark:text-blue-chill-300 dark:hover:bg-blue-chill-500/10 dark:focus:ring-offset-neutral-900',
-		'web-orange'  => 'bg-transparent text-web-orange-500 hover:bg-web-orange-500/10 focus:ring-2 focus:ring-web-orange-500 focus:ring-offset-2 dark:text-web-orange-400 dark:hover:bg-web-orange-500/10 dark:focus:ring-offset-neutral-900',
-	],
-];
-if ( in_array( $variant, [ 'primary', 'outline', 'ghost' ], true ) && $color !== 'default' && isset( $accent_classes[ $variant ][ $color ] ) ) {
-	$variant_classes[ $variant ] = $accent_classes[ $variant ][ $color ];
-}
-
 $size_classes = [
 	'sm' => 'px-4 py-2 text-sm gap-1.5',
 	'md' => 'px-6 py-3 text-base gap-2',

package/includes/button-presets.php

@@ -57,15 +57,25 @@ function sociallane_parse_button_preset( string $preset ): array {
 /**
  * Get button color (accent) options for an optional "Button color" dropdown
  *
- * Use the same button style (e.g. Primary) with different accent colors.
- * Pass the selected value as $button['color'] when rendering; default means use variant default.
+ * Default-only palette to keep button styling consistent across widgets.
  *
  * @return array<string, string> Option key => label
  */
 function sociallane_get_button_color_options(): array {
 	return [
-		'default'     => esc_html__( 'Default (brand)', 'sociallane-elements' ),
-		'blue-chill'  => esc_html__( 'Blue Chilli', 'sociallane-elements' ),
-		'web-orange'  => esc_html__( 'Web Orange', 'sociallane-elements' ),
+		'default' => esc_html__( 'Default', 'sociallane-elements' ),
 	];
 }
+
+/**
+ * Normalize a button color key to an allowed option.
+ *
+ * @param string $color Requested button color key.
+ * @return string Allowed color key; defaults to 'default'.
+ */
+function sociallane_normalize_button_color( string $color ): string {
+	$color   = trim( $color );
+	$options = sociallane_get_button_color_options();
+
+	return isset( $options[ $color ] ) ? $color : 'default';
+}

package/includes/class-widget-manager.php

@@ -592,7 +592,7 @@ class Widget_Manager {
 			'navigation' => 'navigation',
 			'footers'    => 'footer',
 			'logos'      => 'logo-grid-centered',
-			'dashboards' => 'posts-grid',
+			'dashboards' => 'grid-posts',
 		];
 		$category = $widget['category'] ?? '';
 		$fallback_slug = $category_fallbacks[ $category ] ?? '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sociallane/elements",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Elementor widgets and elements with Tailwind CSS for SocialLane. WordPress plugin.",
   "type": "module",
   "private": false,

package/packages/core/assets/css/tailwind.css

@@ -24,33 +24,6 @@
 |--------------------------------------------------------------------------
 */
 @theme {
-  /* Blue Chill (SocialLane Primary) */
-  --color-blue-chill-50: oklch(0.984 0.012 192.5);
-  --color-blue-chill-100: oklch(0.964 0.034 192.4);
-  --color-blue-chill-200: oklch(0.937 0.063 192.3);
-  --color-blue-chill-300: oklch(0.882 0.118 192.2);
-  --color-blue-chill-400: oklch(0.827 0.165 192.9);
-  --color-blue-chill-500: oklch(0.778 0.138 192.7);
-  --color-blue-chill-600: oklch(0.652 0.119 192.5);
-  --color-blue-chill-700: oklch(0.523 0.098 192.4);
-  --color-blue-chill-800: oklch(0.443 0.075 192.3);
-  --color-blue-chill-900: oklch(0.382 0.058 192.2);
-  --color-blue-chill-950: oklch(0.279 0.042 192.1);
-
-  /* Web Orange (SocialLane Secondary) */
-
-  --color-web-orange-50: oklch(0.984 0.038 95.8);
-  --color-web-orange-100: oklch(0.958 0.088 95.5);
-  --color-web-orange-200: oklch(0.912 0.158 95.2);
-  --color-web-orange-300: oklch(0.858 0.188 94.9);
-  --color-web-orange-400: oklch(0.818 0.178 85.2);
-  --color-web-orange-500: oklch(0.768 0.168 70.5);
-  --color-web-orange-600: oklch(0.652 0.158 55.2);
-  --color-web-orange-700: oklch(0.532 0.138 45.1);
-  --color-web-orange-800: oklch(0.448 0.108 48.2);
-  --color-web-orange-900: oklch(0.398 0.088 55.3);
-  --color-web-orange-950: oklch(0.268 0.068 45.5);
-
   /* Primary - dark gray (emphasis, buttons, links) */
   --color-primary: oklch(0.45 0 0);
   --color-primary-light: oklch(0.65 0 0);
@@ -590,7 +563,7 @@
   }
   .sl-cta-notify-form input[type='email'],
   .sl-cta-notify-form input[type='text'] {
-    @apply w-full px-4 py-3 text-base leading-normal font-sans bg-neutral-800 border border-neutral-600 rounded-lg text-neutral-100 placeholder:text-neutral-500 focus:outline-none focus:ring-2 focus:ring-violet-500 focus:ring-offset-0;
+    @apply w-full px-4 py-3 text-base leading-normal font-sans bg-neutral-800 border border-neutral-600 rounded-lg text-neutral-100 placeholder:text-neutral-500 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-0;
   }
   .sl-cta-notify-form input[type='submit'],
   .sl-cta-notify-form button[type='submit'] {

package/packages/core/assets/dist/.vite/manifest.json

@@ -1,13 +1,25 @@
 {
+  "_vendor-gsap-W43tiS41.js": {
+    "file": "vendor-gsap-W43tiS41.js",
+    "name": "vendor-gsap"
+  },
+  "_vendor-lenis-L8jc5Amd.js": {
+    "file": "vendor-lenis-L8jc5Amd.js",
+    "name": "vendor-lenis"
+  },
   "assets/css/tailwind.css": {
-    "file": "tailwind-BMzFIA_O.css",
+    "file": "tailwind-BBMzypmd.css",
     "src": "assets/css/tailwind.css",
     "isEntry": true
   },
   "assets/js/animations.js": {
-    "file": "animations-BySooxN8.js",
+    "file": "animations-BfenTMbz.js",
     "name": "animations",
     "src": "assets/js/animations.js",
-    "isEntry": true
+    "isEntry": true,
+    "imports": [
+      "_vendor-gsap-W43tiS41.js",
+      "_vendor-lenis-L8jc5Amd.js"
+    ]
   }
 }

package/packages/core/assets/dist/animations-BfenTMbz.js

@@ -0,0 +1 @@
+import{g as a,S as p,a as f}from"./vendor-gsap-W43tiS41.js";import{L}from"./vendor-lenis-L8jc5Amd.js";const A={"fade-up":{opacity:0,y:30},"fade-down":{opacity:0,y:-30},"fade-left":{opacity:0,x:30},"fade-right":{opacity:0,x:-30},scale:{opacity:0,scale:.95},rotate:{opacity:0,rotation:-5}};function T(t=document){t instanceof Document||t.ownerDocument,(t instanceof Document?t.body:t).querySelectorAll("[data-sl-reveal]").forEach(e=>{const r=e.getAttribute("data-sl-reveal")||"fade-up",s=parseFloat(e.getAttribute("data-sl-delay")||0),d=parseFloat(e.getAttribute("data-sl-duration")||.6),i=A[r]??A["fade-up"];a.fromTo(e,i,{opacity:1,x:0,y:0,scale:1,rotation:0,duration:d,delay:s,ease:"power2.out",scrollTrigger:{trigger:e,start:"top 85%",toggleActions:"play none none none"}})})}function k(t=document){(t instanceof Document?t.body:t).querySelectorAll("[data-sl-stagger]").forEach(e=>{const r=e.getAttribute("data-sl-stagger"),s=r?parseFloat(r):.1,d=Array.from(e.children).filter(i=>!i.hasAttribute("data-sl-stagger-skip"));d.length!==0&&a.fromTo(d,{opacity:0,y:20},{opacity:1,y:0,duration:.5,stagger:s,ease:"power2.out",scrollTrigger:{trigger:e,start:"top 85%",toggleActions:"play none none none"}})})}const q=new WeakMap;function M(t=document){(t instanceof Document?t.body:t).querySelectorAll("[data-sl-split]").forEach(e=>{const r=e.getAttribute("data-sl-split")||"words",s=parseFloat(e.getAttribute("data-sl-split-stagger")||.02);if(!e.textContent.trim())return;const i={chars:"chars",words:"words",lines:"lines"}[r]||"words",l=new p(e,{type:i,charsClass:"sl-split-char",wordsClass:"sl-split-word",linesClass:"sl-split-line"});q.set(e,l);const u=l[i]??l.chars??l.words??l.lines;!u||u.length===0||a.fromTo(u,{opacity:0,y:15},{opacity:1,y:0,duration:.5,stagger:s,ease:"power2.out",scrollTrigger:{trigger:e,start:"top 85%",toggleActions:"play none none none"}})})}function x(t=document){(t instanceof Document?t.body:t).querySelectorAll("[data-sl-pin]").forEach(e=>{const r=e.getAttribute("data-sl-pin-end")||"+=100%";f.create({trigger:e,start:"top top",end:r,pin:!0,pinSpacing:!0})})}const v=.35,E="power2.out";function F(t=document){const o=t instanceof Document?t:t.ownerDocument??document,n=t instanceof Document?o.body:t;if(!n||typeof n.querySelectorAll!="function")return;n.querySelectorAll("[data-sl-hover-reveal]").forEach(r=>{const s=r.querySelectorAll("[data-sl-hover-reveal-collapsible]");if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){s.forEach(c=>{a.set(c,{height:"auto",opacity:1,transform:"none",overflow:"visible"})});return}s.forEach(c=>{a.set(c,{height:0,opacity:0,transform:"translateY(10px)",overflow:"hidden"})});let i=null,l=null;const u=()=>{l&&l.kill(),i=a.timeline({overwrite:!0}),s.forEach((c,y)=>{const D=c.scrollHeight;i.to(c,{height:D,opacity:1,transform:"translateY(0)",overflow:"visible",duration:v,ease:E},y*.05)})},w=()=>{i&&i.kill(),l=a.timeline({overwrite:!0}),s.forEach((c,y)=>{l.to(c,{height:0,opacity:0,transform:"translateY(10px)",overflow:"hidden",duration:v*.8,ease:E},y*.03)})};r.addEventListener("mouseenter",u),r.addEventListener("mouseleave",w),r.addEventListener("focusin",u),r.addEventListener("focusout",w)})}a.registerPlugin(f,p);const b=window.matchMedia("(prefers-reduced-motion: reduce)").matches,I=()=>typeof document<"u"&&document.body&&document.body.classList.contains("elementor-editor-active"),C=()=>typeof window<"u"&&window.elementorFrontend;let g=null;function h(t=document){const o=t instanceof Document?t:t?.ownerDocument??document,n=t instanceof Document?o.body:t;n&&(T(n),k(n),M(n),x(n),F(n))}function H(t){const o=t instanceof Document?t.body:t;!o||typeof o.contains!="function"||f.getAll().forEach(n=>{n.trigger&&o.contains(n.trigger)&&n.kill()})}function m(){if(b){const t=document.querySelectorAll("[data-sl-reveal], [data-sl-split], [data-sl-stagger]");a.set(t,{opacity:1,transform:"none"}),document.querySelectorAll("[data-sl-stagger]").forEach(o=>{a.set(o.children,{opacity:1,transform:"none"})});return}h(document)}function S(){if(b){m(),window.SocialLaneAnimations={gsap:a,ScrollTrigger:f,SplitText:p,lenis:null,init:m};return}I()||(g=new L({lerp:.1,smoothWheel:!0}),g.on("scroll",f.update),a.ticker.add(t=>g.raf(t*1e3)),a.ticker.lagSmoothing(0)),m(),window.SocialLaneAnimations={gsap:a,ScrollTrigger:f,SplitText:p,lenis:g,init:m,initInScope:h},C()&&window.elementorFrontend?.hooks&&window.elementorFrontend.hooks.addAction("frontend/element_ready/global",t=>{const o=t&&t[0];o&&(H(o),h(o))})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",S):S();