#UDTextLoop Powershell Universal Component Module 🥳

New-UDDashboard -Title 'PowerShell Universal' -Content {
New-UDRow -Columns{
    New-UDColumn -Content {
New-UDStyle -Style '
    margin: 0;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-weight: 500;
    font-size: 3.25rem;
    line-height: 1.6;
    letter-spacing: 0.0075em;
    ' -Content { "Buy Powershell Universal because "
       New-UDTextLoop -Text @("Its Awesome","Versatile","Creative","Easy-to-use","React Driven","Powershell Code","Interactivity","Showing Ideas","Presentations","Dashboards","Applications","Charts","Background Jobs","API Information","Build Ideas","Use Components","No HTML","All Powershell","Imagination","Dynamic","Endless","Possibilities") -Interval 550 -Delay 10 -Stiffness 100 -AdjustingSpeed 550
    }
    } -LargeSize 6
}  

}

import React from 'react';
import { withComponentFeatures } from 'universal-dashboard';
import { TextLoop } from "react-text-loop-next";

const UDTextLoop = props => {
  return (
  <TextLoop
  key={props.id}
  children={props.children}
  interval={props.interval}
  delay={props.delay}
  adjustingSpeed={props.adjustingSpeed}
  fade={props.fade}
  mask={props.mask}
  springConfig={{stiffness: props.stiffness, damping: props.damping}}
  className={props.className}
/>
  );
}

export default withComponentFeatures(UDTextLoop)

#
# Module manifest for module 'UDTextLoop'
#
# Generated by: psdevuk
#
# Generated on: 14/09/2022
#

@{

# Script module or binary module file associated with this manifest.
RootModule = 'UDTextLoop.psm1'

# Version number of this module.
ModuleVersion = '1.0.1'

# Supported PSEditions
# CompatiblePSEditions = @()

# ID used to uniquely identify this module
GUID = '76de2c49-86a9-4b58-9247-edbe35fed09a'

# Author of this module
Author = 'psdevuk'

# Company or vendor of this module
CompanyName = 'Home'

# Copyright statement for this module
Copyright = '(c) psdevuk. All rights reserved.'

# Description of the functionality provided by this module
 Description = 'An animated loop of text nodes for your headings. Uses react-motion for the transition so it handles super fast animations and spring params'

# Minimum version of the PowerShell engine required by this module
# PowerShellVersion = ''

# Name of the PowerShell host required by this module
# PowerShellHostName = ''

# Minimum version of the PowerShell host required by this module
# PowerShellHostVersion = ''

# Minimum version of Microsoft .NET Framework required by this module. This prerequisite is valid for the PowerShell Desktop edition only.
# DotNetFrameworkVersion = ''

# Minimum version of the common language runtime (CLR) required by this module. This prerequisite is valid for the PowerShell Desktop edition only.
# ClrVersion = ''

# Processor architecture (None, X86, Amd64) required by this module
# ProcessorArchitecture = ''

# Modules that must be imported into the global environment prior to importing this module
# RequiredModules = @()

# Assemblies that must be loaded prior to importing this module
# RequiredAssemblies = @()

# Script files (.ps1) that are run in the caller's environment prior to importing this module.
# ScriptsToProcess = @()

# Type files (.ps1xml) to be loaded when importing this module
# TypesToProcess = @()

# Format files (.ps1xml) to be loaded when importing this module
# FormatsToProcess = @()

# Modules to import as nested modules of the module specified in RootModule/ModuleToProcess
# NestedModules = @()

# Functions to export from this module, for best performance, do not use wildcards and do not delete the entry, use an empty array if there are no functions to export.
FunctionsToExport = 'New-UDtextLoop'

# Cmdlets to export from this module, for best performance, do not use wildcards and do not delete the entry, use an empty array if there are no cmdlets to export.
CmdletsToExport = '*'

# Variables to export from this module
VariablesToExport = '*'

# Aliases to export from this module, for best performance, do not use wildcards and do not delete the entry, use an empty array if there are no aliases to export.
AliasesToExport = '*'

# DSC resources to export from this module
# DscResourcesToExport = @()

# List of all modules packaged with this module
# ModuleList = @()

# List of all files packaged with this module
# FileList = @()

# Private data to pass to the module specified in RootModule/ModuleToProcess. This may also contain a PSData hashtable with additional module metadata used by PowerShell.
PrivateData = @{

    PSData = @{

        # Tags applied to this module. These help with module discovery in online galleries.
        Tags = @("ud-component","text","loop")

        # A URL to the license for this module.
        # LicenseUri = ''

        # A URL to the main website for this project.
         ProjectUri = 'https://github.com/psDevUK/UDTextLoop'

        # A URL to an icon representing this module.
        # IconUri = 'https://twitter.com/i/status/1571141595147407364'

        # ReleaseNotes of this module
        # ReleaseNotes = ''

        # Prerelease string of this module
        # Prerelease = ''

        # Flag to indicate whether the module requires explicit user acceptance for install/update/save
        # RequireLicenseAcceptance = $false

        # External dependent modules of this module
        # ExternalModuleDependencies = @()

    } # End of PSData hashtable

} # End of PrivateData hashtable

# HelpInfo URI of this module
# HelpInfoURI = ''

# Default prefix for commands exported from this module. Override the default prefix using Import-Module -Prefix.
# DefaultCommandPrefix = ''

}

$IndexJs = Get-ChildItem "$PSScriptRoot\index.*.bundle.js"
$AssetId = [UniversalDashboard.Services.AssetService]::Instance.RegisterAsset($IndexJs.FullName)

function New-UDTextLoop {
    <#
    .SYNOPSIS
    Creates a new text loop component
    
    .DESCRIPTION
    Creates a new text loop component. An animated loop of text nodes for your headings. Uses react-motion for the transition so it handles super fast animations and spring params.
    
    .PARAMETER Id
    The ID of this editor

    .PARAMETER Text
    The words you want to loop (required), this must be entered as an array @("item1","item2","item3")

    .PARAMETER Interval
    The frequency (in ms) that the words change. Can also pass an array if you want a different interval per children. Default 1000
    
    .PARAMETER Delay
    A delay (in ms) for the animation to start. This allows to use multiple instances to create a staggered animation effect for example. Default 0
    
    .PARAMETER AdjustingSpeed
    The speed that the container around each word adjusts to the next one (in ms). Usually you don't need to change this. Default 500

    .PARAMETER Fade
    Enable or disable the fade animation on enter and leave. Default true
    
    .PARAMETER Mask
    Mask the animation around the bounding box of the animated content. Default false
    
    .PARAMETER Stiffness
    Configuration for react-motion spring stiffness default 70

    .PARAMETER Damping
    Configuration for react-motion spring default 31

    .PARAMETER ClassName
    Any additional CSS classes you might want to use to style the component. Default udTextLoop

    .EXAMPLE
    New-UDTextLoop -Text @("item1","item2","item3") -Interval 100


    #>
    
    param(
        [Parameter()]
        [string]$Id = (New-Guid).ToString(),
        [Parameter()]
        [array]$Text,
        [Parameter()]
        [int]$Interval = 1000,
        [Parameter()]
        [int]$Delay = 0,
        [Parameter()]
        [int]$AdjustingSpeed = 500,
        [Parameter()]
        [bool]$Fade = $true,
        [Parameter()]
        [bool]$Mask = $false,
        [Parameter()]
        [int]$Stiffness = 70,
        [Parameter()]
        [int]$Damping = 31,
        [Parameter()]
        [string]$ClassName = "udTextLoop"
    )

    End {
        @{
            assetId  = $AssetId 
            isPlugin = $true 
            type     = "udtextloop"
            id       = $Id

            children = $text
            interval = $Interval
            delay = $Delay
            adjustingSpeed = $AdjustingSpeed
            fade = $Fade
            mask = $Mask
            stiffness = $Stiffness
            damping = $Damping
            className = $ClassName
        }
    }
}