@hortonstudio/main 1.2.12 → 1.2.13

package/animations/text.js

@@ -1,369 +0,0 @@
-const API_NAME = 'hsmain';
-
-// Check for reduced motion preference
-const prefersReducedMotion = () => {
-    return window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-};
-
-const config = {
-    global: {
-        animationDelay: 0
-    },
-    wordSplit: {
-        duration: 1.5,
-        stagger: 0.075,
-        yPercent: 110,
-        ease: "power4.out",
-        start: "top 97%"
-    },
-    lineSplit: {
-        duration: 1.5,
-        stagger: 0.1,
-        yPercent: 110,
-        ease: "power4.out",
-        start: "top 97%"
-    },
-    charSplit: {
-        duration: 1.2,
-        stagger: 0.03,
-        yPercent: 110,
-        ease: "power4.out",
-        start: "top 97%"
-    },
-    appear: {
-        y: 50,
-        duration: 1.5,
-        ease: "power3.out",
-        start: "top 97%"
-    }
-};
-
-function updateConfig(newConfig) {
-    function deepMerge(target, source) {
-        for (const key in source) {
-            if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {
-                target[key] = target[key] || {};
-                deepMerge(target[key], source[key]);
-            } else {
-                target[key] = source[key];
-            }
-        }
-        return target;
-    }
-    
-    deepMerge(config, newConfig);
-}
-
-function killTextAnimations() {
-    activeAnimations.forEach(({ timeline, element }) => {
-        if (timeline) {
-            timeline.kill();
-        }
-        if (element?.splitTextInstance) {
-            element.splitTextInstance.revert();
-        }
-    });
-    activeAnimations.length = 0;
-}
-
-function startTextAnimations() {
-    if (prefersReducedMotion()) {
-        // For reduced motion, just show elements without animation
-        showElementsWithoutAnimation();
-        return;
-    }
-    
-    setInitialStates().then(() => {
-        initAnimations();
-    });
-}
-
-let activeAnimations = [];
-
-function waitForFonts() {
-    return document.fonts.ready;
-}
-
-function showElementsWithoutAnimation() {
-    // Simply show all text elements without any animation or split text
-    const allTextElements = [
-        ...document.querySelectorAll(".a-char-split > *:first-child"),
-        ...document.querySelectorAll(".a-word-split > *:first-child"),
-        ...document.querySelectorAll(".a-line-split > *:first-child"),
-        ...document.querySelectorAll('.a-appear')
-    ];
-    
-    allTextElements.forEach(element => {
-        gsap.set(element, { 
-            autoAlpha: 1, 
-            y: 0, 
-            yPercent: 0, 
-            opacity: 1 
-        });
-    });
-}
-
-const CharSplitAnimations = {
-    async initial() {
-        await waitForFonts();
-        
-        if (prefersReducedMotion()) {
-            return;
-        }
-        
-        const elements = document.querySelectorAll(".a-char-split > *:first-child");
-        
-        elements.forEach((textElement) => {
-            const split = SplitText.create(textElement, {
-                type: "chars",
-                mask: "chars",
-                charsClass: "char",
-            });
-            textElement.splitTextInstance = split;
-            
-            gsap.set(split.chars, {
-                yPercent: config.charSplit.yPercent
-            });
-            gsap.set(textElement, { autoAlpha: 1 });
-        });
-    },
-
-    async animate() {
-        await waitForFonts();
-
-        if (prefersReducedMotion()) {
-            return;
-        }
-
-        document.querySelectorAll(".a-char-split > *:first-child").forEach((textElement) => {
-            const chars = textElement.querySelectorAll('.char');
-            const tl = gsap.timeline({
-                scrollTrigger: {
-                    trigger: textElement,
-                    start: config.charSplit.start,
-                    invalidateOnRefresh: true,
-                },
-                onComplete: () => {
-                    
-                }
-            });
-
-            tl.to(chars, {
-                yPercent: 0,
-                duration: config.charSplit.duration,
-                stagger: config.charSplit.stagger,
-                ease: config.charSplit.ease,
-            });
-
-            activeAnimations.push({ timeline: tl, element: textElement });
-        });
-    }
-};
-
-const WordSplitAnimations = {
-    async initial() {
-        await waitForFonts();
-        
-        if (prefersReducedMotion()) {
-            return;
-        }
-        
-        const elements = document.querySelectorAll(".a-word-split > *:first-child");
-        
-        elements.forEach((textElement) => {
-            const split = SplitText.create(textElement, {
-                type: "words",
-                mask: "words",
-                wordsClass: "word",
-            });
-            textElement.splitTextInstance = split;
-            
-            gsap.set(split.words, {
-                yPercent: config.wordSplit.yPercent
-            });
-            gsap.set(textElement, { autoAlpha: 1 });
-        });
-    },
-
-    async animate() {
-        await waitForFonts();
-
-        if (prefersReducedMotion()) {
-            return;
-        }
-
-        document.querySelectorAll(".a-word-split > *:first-child").forEach((textElement) => {
-            const words = textElement.querySelectorAll('.word');
-            const tl = gsap.timeline({
-                scrollTrigger: {
-                    trigger: textElement,
-                    start: config.wordSplit.start,
-                    invalidateOnRefresh: true,
-                },
-                onComplete: () => {
-                    
-                }
-            });
-
-            tl.to(words, {
-                yPercent: 0,
-                duration: config.wordSplit.duration,
-                stagger: config.wordSplit.stagger,
-                ease: config.wordSplit.ease,
-            });
-
-            activeAnimations.push({ timeline: tl, element: textElement });
-        });
-    }
-};
-
-const LineSplitAnimations = {
-    async initial() {
-        await waitForFonts();
-        
-        if (prefersReducedMotion()) {
-            return;
-        }
-        
-        const elements = document.querySelectorAll(".a-line-split > *:first-child");
-        
-        elements.forEach((textElement) => {
-            const split = SplitText.create(textElement, {
-                type: "lines",
-                mask: "lines",
-                linesClass: "line",
-            });
-            textElement.splitTextInstance = split;
-            
-            gsap.set(split.lines, {
-                yPercent: config.lineSplit.yPercent
-            });
-            gsap.set(textElement, { autoAlpha: 1 });
-        });
-    },
-
-    async animate() {
-        await waitForFonts();
-
-        if (prefersReducedMotion()) {
-            return;
-        }
-
-        document.querySelectorAll(".a-line-split > *:first-child").forEach((textElement) => {
-            const lines = textElement.querySelectorAll('.line');
-            const tl = gsap.timeline({
-                scrollTrigger: {
-                    trigger: textElement,
-                    start: config.lineSplit.start,
-                    invalidateOnRefresh: true,
-                },
-                onComplete: () => {
-                    
-                }
-            });
-
-            tl.to(lines, {
-                yPercent: 0,
-                duration: config.lineSplit.duration,
-                stagger: config.lineSplit.stagger,
-                ease: config.lineSplit.ease,
-            });
-
-            activeAnimations.push({ timeline: tl, element: textElement });
-        });
-    }
-};
-
-const AppearAnimations = {
-    async initial() {
-        await waitForFonts();
-
-        if (prefersReducedMotion()) {
-            return;
-        }
-
-        const elements = document.querySelectorAll('.a-appear');
-        elements.forEach(element => {
-            gsap.set(element, {
-                y: config.appear.y,
-                opacity: 0
-            });
-        });
-    },
-
-    async animate() {
-        await waitForFonts();
-
-        if (prefersReducedMotion()) {
-            return;
-        }
-
-        document.querySelectorAll('.a-appear').forEach(element => {
-            const tl = gsap.timeline({
-                scrollTrigger: {
-                    trigger: element,
-                    start: config.appear.start,
-                    invalidateOnRefresh: true,
-                }
-            });
-
-            tl.to(element, {
-                y: 0,
-                opacity: 1,
-                duration: config.appear.duration,
-                ease: config.appear.ease
-            });
-
-            activeAnimations.push({ timeline: tl, element: element });
-        });
-
-    }
-};
-
-async function setInitialStates() {
-    await Promise.all([
-        CharSplitAnimations.initial(),
-        WordSplitAnimations.initial(),
-        LineSplitAnimations.initial(),
-        AppearAnimations.initial()
-    ]);
-}
-
-async function initAnimations() {
-    if (config.global.animationDelay > 0) {
-        await new Promise(resolve => setTimeout(resolve, config.global.animationDelay * 1000));
-    }
-    
-    await Promise.all([
-        CharSplitAnimations.animate(),
-        WordSplitAnimations.animate(),
-        LineSplitAnimations.animate(),
-        AppearAnimations.animate()
-    ]);
-}
-
-export async function init() {
-    if (prefersReducedMotion()) {
-        // For reduced motion, just show elements without animation
-        showElementsWithoutAnimation();
-    } else {
-        await setInitialStates();
-        initAnimations();
-    }
-    
-    window.addEventListener('resize', ScrollTrigger.refresh());
-
-    const api = window[API_NAME] || {};
-    api.textAnimations = {
-        config: config,
-        updateConfig: updateConfig,
-        start: startTextAnimations,
-        kill: killTextAnimations,
-        restart: () => {
-            killTextAnimations();
-            startTextAnimations();
-        }
-    };
-
-    return { result: 'anim-text initialized' };
-}

package/animations/transition.js

@@ -1,57 +0,0 @@
-// Page Transition Module
-const API_NAME = 'hsmain';
-export async function init() {
-  
-  // Register the transition logic to run after library is ready
-  window[API_NAME].afterReady(() => {
-    // Only run if jQuery is available
-    if (typeof $ !== 'undefined') {
-      initTransitions();
-    }
-  });
-  
-  return { result: 'anim-transition initialized' };
-}
-
-function initTransitions() {
-  let transitionTrigger = $(".transition-trigger");
-  let introDurationMS = 800;
-  let exitDurationMS = 400;
-  let excludedClass = "no-transition";
-    
-  // On Page Load
-  if (transitionTrigger.length > 0) {
-    if (window.Webflow && window.Webflow.push) {
-      Webflow.push(function () {
-        transitionTrigger.click();
-      });
-    } else {
-      // Non-Webflow initialization
-      setTimeout(() => {
-        transitionTrigger.click();
-      }, 100);
-    }
-    $("body").addClass("no-scroll-transition");
-    setTimeout(() => {$("body").removeClass("no-scroll-transition");}, introDurationMS);
-  }
-  
-  // On Link Click
-  $("a").on("click", function (e) {
-    if ($(this).prop("hostname") == window.location.host && $(this).attr("href").indexOf("#") === -1 &&
-        !$(this).hasClass(excludedClass) && $(this).attr("target") !== "_blank" && transitionTrigger.length > 0) {
-      e.preventDefault();
-      $("body").addClass("no-scroll-transition");
-      let transitionURL = $(this).attr("href");
-      transitionTrigger.click();
-      setTimeout(function () {window.location = transitionURL;}, exitDurationMS);
-    }
-  });
-  
-  // On Back Button Tap
-  window.onpageshow = function(event) {if (event.persisted) {window.location.reload()}};
-  
-  // Hide Transition on Window Width Resize
-  setTimeout(() => {$(window).on("resize", function () {
-  setTimeout(() => {$(".transition").css("display", "none");}, 50);});
-  }, introDurationMS);
-}

package/attributes-master/.changeset/README.md

@@ -1,8 +0,0 @@
-# Changesets
-
-Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
-with multi-package repos, or single-package repos to help you version and publish your code. You can
-find the full documentation for it [in our repository](https://github.com/changesets/changesets)
-
-We have a quick list of common questions to get you started engaging with this project in
-[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

package/attributes-master/.changeset/config.json

@@ -1,11 +0,0 @@
-{
-  "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
-  "changelog": "@changesets/changelog-git",
-  "commit": false,
-  "fixed": [],
-  "linked": [],
-  "access": "public",
-  "baseBranch": "master",
-  "updateInternalDependencies": "patch",
-  "ignore": []
-}

package/attributes-master/.gitattributes

@@ -1,2 +0,0 @@
-# Auto detect text files and perform LF normalization
-* text=auto

package/attributes-master/.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,42 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: bug
-assignees: ''
----
-
-**Related Attributes**
-Add here what Attribute(s) affected by this bug.
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Affected devices**
-If applicable, add information about the specific devices where this bug takes place.
-Example:
-
-- Device: [e.g. iPhone6]
-- OS: [e.g. iOS8.1]
-- Browser [e.g. chrome, safari]
-- Version [e.g. 22]
-
-**Links**
-If possible, add links to pages / projects that are reproducing this bug.
-
-**Additional context**
-Add any other context about the problem here.

package/attributes-master/.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,22 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: ''
-labels: enhancement
-assignees: ''
----
-
-**Is your feature request related to an existing Attribute?**
-Add here what Attribute(s) should receive this new feature.
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.

package/attributes-master/.github/workflows/ci.yml

@@ -1,66 +0,0 @@
-name: CI
-
-on:
-  pull_request:
-
-jobs:
-  Lint:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout Repo
-        uses: actions/checkout@v4
-
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 22
-          cache: pnpm
-
-      - name: Install Dependencies
-        run: pnpm install --frozen-lockfile
-
-      - name: Build Project
-        run: pnpm build
-
-      - name: Lint & Check
-        run: |
-          pnpm lint
-          pnpm check
-
-  # Tests:
-  #   runs-on: ubuntu-latest
-  #   timeout-minutes: 30
-  #   steps:
-  #     - name: Checkout Repo
-  #       uses: actions/checkout@v4
-
-  #     - name: Setup pnpm
-  #       uses: pnpm/action-setup@v4
-  #       with:
-  #         version: 10
-
-  #     - name: Setup Node.js
-  #       uses: actions/setup-node@v4
-  #       with:
-  #         node-version: 22
-  #         cache: pnpm
-
-  #     - name: Cache browsers
-  #       id: browser_cache
-  #       uses: actions/cache@v4
-  #       with:
-  #         path: ~/.cache/ms-playwright
-  #         key: ${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}
-
-  #     - name: Install dependencies
-  #       run: |
-  #         pnpm install --frozen-lockfile
-  #         pnpm playwright install --with-deps
-  #       env:
-  #         PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: ${{ steps.browser_cache.outputs.cache-hit == 'true' }}
-
-  #     - name: Run Tests
-  #       run: pnpm test

package/attributes-master/.github/workflows/release.yml

@@ -1,40 +0,0 @@
-name: Release
-
-on:
-  push:
-    branches:
-      - master
-
-jobs:
-  Release:
-    name: Release
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout Repo
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 22
-          cache: pnpm
-
-      - name: Install Dependencies
-        run: pnpm install --frozen-lockfile
-
-      - name: Build Project
-        run: pnpm build
-
-      - name: Create Release Pull Request and Publish to npm
-        id: changesets-production
-        uses: changesets/action@v1
-        with:
-          publish: pnpm release
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

package/attributes-master/.prettierignore

@@ -1,3 +0,0 @@
-node_modules
-**/*.js
-dist

package/attributes-master/.prettierrc

@@ -1,8 +0,0 @@
-{
-  "trailingComma": "es5",
-  "arrowParens": "always",
-  "printWidth": 120,
-  "tabWidth": 2,
-  "semi": true,
-  "singleQuote": true
-}

package/attributes-master/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]
-}

package/attributes-master/.vscode/settings.json

@@ -1,7 +0,0 @@
-{
-  "editor.formatOnSave": true,
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
-  },
-  "typescript.tsdk": "node_modules\\typescript\\lib"
-}