purgetss 6.2.43 → 6.2.44

package/.eslintrc.js

@@ -10,6 +10,7 @@ module.exports = {
     Ti: true,
     Alloy: true,
     $model: true,
+    OS_IOS: true,
     OS_ANDROID: true
   },
   overrides: [

package/README.md

@@ -10,22 +10,33 @@
 
 </div>
 
-**PurgeTSS** is a powerful package designed to enhance the process of developing visually captivating mobile applications for **[Titanium developers](https://tidev.io/)**.
+**PurgeTSS** is a toolkit designed to enhance the development of mobile applications using the **[Titanium framework](https://titaniumsdk.com)**. It introduces several key features to streamline the app development process, making it simpler and more efficient for developers.
 
-It offers a range of tools such as customizable utility classes, support for icon fonts, a user-friendly Animation module, a straightforward grid system, and the added convenience of the `shades` command for crafting personalized colors. With **PurgeTSS**, creating visually appealing and dynamic mobile apps becomes more accessible and efficient.
+It offers a range of tools such as customizable utility classes, support for icon fonts, a user-friendly Animation module, a straightforward grid system, and the added convenience of the `shades` command for crafting personalized colors.
+
+With **PurgeTSS**, creating visually appealing and dynamic mobile apps becomes more accessible and efficient.
 
 ---
 
-Now, let's delve into the key features that make **PurgeTSS** a game-changer for developers:
+Here are its main functionalities:
+
+- **Tailwind-like Utility Classes**: PurgeTSS offers over 21,000 utility classes similar to Tailwind CSS, providing a vast array of styling options for your projects.
+
+- **Efficient Style Management**: It parses all your XML files to create a clean `app.tss` file, containing only the classes actually used in your project. This helps in reducing file size and improving performance.
+
+- **Customization and JIT Classes**: Developers can customize default classes via a simple configuration file. It also supports just-in-time (JIT) classes, allowing the creation of arbitrary values within views for tailored styling.
+
+- **Icon Fonts Integration**: PurgeTSS facilitates the use of popular icon fonts such as Font Awesome, Material Icons, Material Symbols, and Framework7-Icons in Buttons and Labels.
+
+- **Fonts.tss Generation**: This process creates a `fonts.tss` file with class definitions and fontFamily selectors for various font types, making it easy to add custom fonts, including icon fonts, to a project.
+
+- **Shades Command**: The toolkit includes a `shades` command that enables developers to generate custom color shades from a specified hex color, eliminating the need for external tools.
+
+- **Animation Module**: PurgeTSS comes with an Animation module to apply basic 2D Matrix animations or transformations to elements or arrays of elements.
+
+- **Grid System**: It includes a simple yet effective two-dimensional grid system to align and distribute elements within views.
 
-- Provides more than 21,000 **[Tailwind-like](https://tailwindcss.com/)** utility classes ready to use in your projects.
-- Creates a clean **app.tss** file with only the classes used in your project by parsing all your XML files.
-- You can customize any of the default classes via a simple configuration file, or create **just-in-time** classes with **arbitrary values** within your Views.
-- You can easily use icon fonts from **Font Awesome**, **Material Icons**, **Material Symbols**, and **Framework7-Icons** on Buttons and Labels.
-- Generates a **fonts.tss** file with all class definitions and `fontFamily` selectors for any icon, serif, sans-serif, italic, fancy, or monospace font.
-- Use the `shades` command to generate custom color shades from the given hex color to use in your projects. No need for a separate online tool.
-- Includes an **Animation module** to apply basic 2D Matrix animations or transform to any element or array of elements.
-- Includes a simple two-dimensional **Grid System** to align and distribute elements in your Views.
+Overall, PurgeTSS aims to simplify the mobile app development process, offering tools and features that enhance productivity and creativity in designing user interfaces.
 
 ### Visit the official documentation site at [purgetss.com](https://purgetss.com) to learn more.
 

package/dist/fontawesome.js

@@ -1,5 +1,5 @@
 /**
- * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
+ * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
 
@@ -785,6 +785,7 @@ const icons = {
   couch: '\uf4b8',
   cediSign: '\ue0df',
   italic: '\uf033',
+  tableCellsColumnLock: '\ue678',
   church: '\uf51d',
   commentsDollar: '\uf653',
   democrat: '\uf747',
@@ -1509,6 +1510,7 @@ const icons = {
   treeCity: '\ue587',
   play: '\uf04b',
   font: '\uf031',
+  tableCellsRowLock: '\ue67a',
   rupiahSign: '\ue23d',
   magnifyingGlass: '\uf002',
   search: '\uf002',
@@ -2010,6 +2012,7 @@ const icons = {
   centercode: '\uf380',
   glideG: '\uf2a6',
   drupal: '\uf1a9',
+  jxl: '\ue67b',
   hireAHelper: '\uf3b0',
   creativeCommonsBy: '\uf4e7',
   unity: '\ue049',
@@ -2111,6 +2114,7 @@ const icons = {
   itunesNote: '\uf3b5',
   golang: '\ue40f',
   kickstarter: '\uf3bb',
+  squareKickstarter: '\uf3bb',
   grav: '\uf2d6',
   weibo: '\uf18a',
   uncharted: '\ue084',
@@ -2255,6 +2259,7 @@ const icons = {
   facebookF: '\uf39e',
   squareGooglePlus: '\uf0d4',
   googlePlusSquare: '\uf0d4',
+  webAwesome: '\ue682',
   mandalorian: '\uf50f',
   firstOrderAlt: '\uf50a',
   osi: '\uf41a',
@@ -2309,6 +2314,7 @@ const icons = {
   superpowers: '\uf2dd',
   resolving: '\uf3e7',
   xbox: '\uf412',
+  squareWebAwesomeStroke: '\ue684',
   searchengin: '\uf3eb',
   tiktok: '\ue07b',
   squareFacebook: '\uf082',
@@ -2345,6 +2351,7 @@ const icons = {
   tradeFederation: '\uf513',
   autoprefixer: '\uf41c',
   whatsapp: '\uf232',
+  squareUpwork: '\ue67c',
   slideshare: '\uf1e7',
   googlePlay: '\uf3ab',
   viadeo: '\uf2a9',
@@ -2371,6 +2378,7 @@ const icons = {
   readme: '\uf4d5',
   html5: '\uf13b',
   sellsy: '\uf213',
+  squareWebAwesome: '\ue683',
   sass: '\uf41e',
   wirsindhandwerk: '\ue2d0',
   wsh: '\ue2d0',
@@ -2383,6 +2391,7 @@ const icons = {
   apper: '\uf371',
   fortAwesome: '\uf286',
   waze: '\uf83f',
+  bluesky: '\ue671',
   ccJcb: '\uf24b',
   snapchat: '\uf2ab',
   snapchatGhost: '\uf2ab',

package/dist/fontawesome.tss

@@ -1,4 +1,4 @@
-// Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
+// Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 // License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 
 // Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons
@@ -793,6 +793,7 @@
 '.fa-couch': { text: '\uf4b8', title: '\uf4b8' }
 '.fa-cedi-sign': { text: '\ue0df', title: '\ue0df' }
 '.fa-italic': { text: '\uf033', title: '\uf033' }
+'.fa-table-cells-column-lock': { text: '\ue678', title: '\ue678' }
 '.fa-church': { text: '\uf51d', title: '\uf51d' }
 '.fa-comments-dollar': { text: '\uf653', title: '\uf653' }
 '.fa-democrat': { text: '\uf747', title: '\uf747' }
@@ -1517,6 +1518,7 @@
 '.fa-tree-city': { text: '\ue587', title: '\ue587' }
 '.fa-play': { text: '\uf04b', title: '\uf04b' }
 '.fa-font': { text: '\uf031', title: '\uf031' }
+'.fa-table-cells-row-lock': { text: '\ue67a', title: '\ue67a' }
 '.fa-rupiah-sign': { text: '\ue23d', title: '\ue23d' }
 '.fa-magnifying-glass': { text: '\uf002', title: '\uf002' }
 '.fa-search': { text: '\uf002', title: '\uf002' }
@@ -2018,6 +2020,7 @@
 '.fa-centercode': { text: '\uf380', title: '\uf380' }
 '.fa-glide-g': { text: '\uf2a6', title: '\uf2a6' }
 '.fa-drupal': { text: '\uf1a9', title: '\uf1a9' }
+'.fa-jxl': { text: '\ue67b', title: '\ue67b' }
 '.fa-hire-a-helper': { text: '\uf3b0', title: '\uf3b0' }
 '.fa-creative-commons-by': { text: '\uf4e7', title: '\uf4e7' }
 '.fa-unity': { text: '\ue049', title: '\ue049' }
@@ -2119,6 +2122,7 @@
 '.fa-itunes-note': { text: '\uf3b5', title: '\uf3b5' }
 '.fa-golang': { text: '\ue40f', title: '\ue40f' }
 '.fa-kickstarter': { text: '\uf3bb', title: '\uf3bb' }
+'.fa-square-kickstarter': { text: '\uf3bb', title: '\uf3bb' }
 '.fa-grav': { text: '\uf2d6', title: '\uf2d6' }
 '.fa-weibo': { text: '\uf18a', title: '\uf18a' }
 '.fa-uncharted': { text: '\ue084', title: '\ue084' }
@@ -2263,6 +2267,7 @@
 '.fa-facebook-f': { text: '\uf39e', title: '\uf39e' }
 '.fa-square-google-plus': { text: '\uf0d4', title: '\uf0d4' }
 '.fa-google-plus-square': { text: '\uf0d4', title: '\uf0d4' }
+'.fa-web-awesome': { text: '\ue682', title: '\ue682' }
 '.fa-mandalorian': { text: '\uf50f', title: '\uf50f' }
 '.fa-first-order-alt': { text: '\uf50a', title: '\uf50a' }
 '.fa-osi': { text: '\uf41a', title: '\uf41a' }
@@ -2317,6 +2322,7 @@
 '.fa-superpowers': { text: '\uf2dd', title: '\uf2dd' }
 '.fa-resolving': { text: '\uf3e7', title: '\uf3e7' }
 '.fa-xbox': { text: '\uf412', title: '\uf412' }
+'.fa-square-web-awesome-stroke': { text: '\ue684', title: '\ue684' }
 '.fa-searchengin': { text: '\uf3eb', title: '\uf3eb' }
 '.fa-tiktok': { text: '\ue07b', title: '\ue07b' }
 '.fa-square-facebook': { text: '\uf082', title: '\uf082' }
@@ -2353,6 +2359,7 @@
 '.fa-trade-federation': { text: '\uf513', title: '\uf513' }
 '.fa-autoprefixer': { text: '\uf41c', title: '\uf41c' }
 '.fa-whatsapp': { text: '\uf232', title: '\uf232' }
+'.fa-square-upwork': { text: '\ue67c', title: '\ue67c' }
 '.fa-slideshare': { text: '\uf1e7', title: '\uf1e7' }
 '.fa-google-play': { text: '\uf3ab', title: '\uf3ab' }
 '.fa-viadeo': { text: '\uf2a9', title: '\uf2a9' }
@@ -2379,6 +2386,7 @@
 '.fa-readme': { text: '\uf4d5', title: '\uf4d5' }
 '.fa-html5': { text: '\uf13b', title: '\uf13b' }
 '.fa-sellsy': { text: '\uf213', title: '\uf213' }
+'.fa-square-web-awesome': { text: '\ue683', title: '\ue683' }
 '.fa-sass': { text: '\uf41e', title: '\uf41e' }
 '.fa-wirsindhandwerk': { text: '\ue2d0', title: '\ue2d0' }
 '.fa-wsh': { text: '\ue2d0', title: '\ue2d0' }
@@ -2391,6 +2399,7 @@
 '.fa-apper': { text: '\uf371', title: '\uf371' }
 '.fa-fort-awesome': { text: '\uf286', title: '\uf286' }
 '.fa-waze': { text: '\uf83f', title: '\uf83f' }
+'.fa-bluesky': { text: '\ue671', title: '\ue671' }
 '.fa-cc-jcb': { text: '\uf24b', title: '\uf24b' }
 '.fa-snapchat': { text: '\uf2ab', title: '\uf2ab' }
 '.fa-snapchat-ghost': { text: '\uf2ab', title: '\uf2ab' }

package/dist/purgetss.ui.js

@@ -3,6 +3,7 @@
 // https://purgetss.com
 
 function Animation(args) {
+  args = args ?? {}
   const param = {
     id: args.id,
     open: false,
@@ -102,7 +103,6 @@ function Animation(args) {
         offsetY = event.y
 
         param.draggables.push(param.draggables.splice(realSourceView(event.source).zIndex, 1)[0])
-
         param.draggables.forEach((draggable, key) => { draggable.zIndex = key })
 
         checkDraggable(draggableView, 'drag')
@@ -346,7 +346,7 @@ function Animation(args) {
   }
 
   function innerAnimations(_view, _action) {
-    _.each(_view.children, child => {
+    _view.children.forEach(child => {
       if (param.open && child.animationProperties && child.animationProperties.open) {
         if (_action === 'play') {
           child.animate(createAnimationObject(child, 'open'), () => {
@@ -411,4 +411,12 @@ function deviceInfo() {
 }
 exports.deviceInfo = deviceInfo
 
+function saveComponent({ source, directory = Ti.Filesystem.tempDirectory }) {
+  const componentImage = source.toImage()
+  const md5 = Ti.Utils.md5HexDigest(componentImage) + '.png'
+  Ti.Filesystem.getFile(directory, md5).write(componentImage)
+  Ti.Media.saveToPhotoGallery(componentImage)
+}
+exports.saveComponent = saveComponent
+
 exports.createAnimation = args => new Animation(args)

package/dist/tailwind.tss

@@ -1,4 +1,4 @@
-// Based on Tailwind CSS v3.4.0: A utility-first CSS framework for rapidly building custom designs. ( https://tailwindcss.com )
+// Based on Tailwind CSS v3.4.3: A utility-first CSS framework for rapidly building custom designs. ( https://tailwindcss.com )
 // Created by Adam Wathan ( https://twitter.com/adamwathan ).
 
 // Tailwind-like styles
@@ -1623,11 +1623,6 @@
 '.scroll-type-horizontal': { scrollType: 'horizontal' }
 '.scroll-type-vertical': { scrollType: 'vertical' }
 
-// Property(ies): selectionStyle
-// Component(s): Ti.UI.ListItem, Ti.UI.TableViewRow
-'.selection-style': { selectionStyle: Ti.UI.SELECTION_STYLE_DEFAULT }
-'.selection-style-none': { selectionStyle: Ti.UI.SELECTION_STYLE_NONE }
-
 // Property(ies): showHorizontalScrollIndicator, showVerticalScrollIndicator
 // Component(s): Ti.UI.ScrollView
 '.overflow-x-scroll': { showHorizontalScrollIndicator: true }

package/experimental/completions2.js

@@ -211,7 +211,6 @@ function processCompoundClasses({ ..._base }) {
   compoundClasses += generateGlossary('placement', helpers.placement())
   compoundClasses += generateGlossary('progressBarStyle', helpers.progressBarStyle())
   compoundClasses += generateGlossary('scrollType', helpers.scrollType())
-  compoundClasses += generateGlossary('selectionStyle', helpers.selectionStyle())
   compoundClasses += generateGlossary('showScrollIndicators', helpers.scrollIndicators())
   compoundClasses += generateGlossary('statusBarStyle-alternative', helpers.statusBarStyle())
   compoundClasses += generateGlossary('theme', helpers.theme())

package/index.js

@@ -35,6 +35,7 @@ const logger = {
 }
 
 const projectsLibFolder = cwd + '/app/lib'
+const classicProjectLibFolder = cwd + '/Resources/lib'
 const projectsAppTSS = cwd + '/app/styles/app.tss'
 const projects_AppTSS = cwd + '/app/styles/_app.tss'
 const projectsAlloyJMKFile = cwd + '/app/alloy.jmk'
@@ -318,11 +319,19 @@ function copyFontStyles(options) {
 }
 
 function copyModulesLibrary() {
-  if (alloyProject()) {
+  if (alloyProject(true)) {
     makeSureFolderExists(projectsLibFolder)
 
     fs.copyFileSync(srcPurgeTSSLibrary, projectsLibFolder + '/purgetss.ui.js')
     logger.info(chalk.yellow('purgetss.ui'), 'module copied to', chalk.yellow('./app/lib'), 'folder')
+  } else if (classicProject(true)) {
+    makeSureFolderExists(classicProjectLibFolder)
+
+    fs.copyFileSync(srcPurgeTSSLibrary, classicProjectLibFolder + '/purgetss.ui.js')
+    logger.info(chalk.yellow('purgetss.ui'), 'module copied to', chalk.yellow('./Resources/lib'), 'folder')
+  } else {
+    logger.info(`Please make sure you are running ${chalk.green('purgetss')} within an Alloy or Classic Project.`)
+    logger.info(`For more information, visit ${chalk.green('https://purgetss.com')}`)
   }
 }
 module.exports.copyModulesLibrary = copyModulesLibrary
@@ -563,15 +572,15 @@ function dependencies(options) {
     const { execSync } = require('child_process')
     const commandExistsSync = require('command-exists').sync
 
+    if (fs.existsSync(cwd + '/.gitignore') && !fs.readFileSync(cwd + '/.gitignore').includes('/node_modules')) {
+      execSync('echo "/node_modules" >>.gitignore')
+    }
+
     if (!fs.existsSync(cwd + '/package.json')) {
       logger.info(`Creating a new ${chalk.yellow('package.json')} file`)
       execSync(`cd "${cwd}" && npm init -y`)
     }
 
-    if (fs.existsSync(cwd + '/.gitignore') && !fs.readFileSync(cwd + '/.gitignore').includes('/node_modules')) {
-      execSync('echo "/node_modules" >>.gitignore')
-    }
-
     if (commandExistsSync('code')) {
       execSync(`cp -R ${path.resolve(__dirname)}/dist/configs/vscode/ "${cwd}"/.vscode`)
     }
@@ -2425,6 +2434,19 @@ function alloyProject(silent = false) {
   return true
 }
 
+function classicProject(silent = false) {
+  if (!fs.existsSync(cwd + '/Resources')) {
+    if (!silent) {
+      logger.info(`Please make sure you are running ${chalk.green('purgetss')} within a Titanium's Classic Project.`)
+      logger.info(`For more information, visit ${chalk.green('https://purgetss.com')}`)
+    }
+
+    return false
+  }
+
+  return true
+}
+
 // ! FIRST: Backup original app.tss
 function backupOriginalAppTss() {
   if (!fs.existsSync(projects_AppTSS) && fs.existsSync(projectsAppTSS)) {

package/lib/helpers.js

@@ -6200,7 +6200,7 @@ function tabsBackgroundSelectedColor(modifiersAndValues) {
 exports.tabsBackgroundSelectedColor = tabsBackgroundSelectedColor
 
 function camelCaseToDash(str) {
-  if (str.includes('[')) {
+  if (str.includes('[') || str.includes('#')) {
     return str
   } else {
     return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()
@@ -6334,16 +6334,16 @@ function customRules(_value, _key) {
 
   _.each(_value, (value, modifier) => {
     if (modifier === 'apply') {
-      _applyClasses[_key] = new Set(Array.isArray(_value[modifier]) ? _value[modifier] : _value[modifier].split(' '))
+      _applyClasses[setModifier2(_key)] = new Set(Array.isArray(_value[modifier]) ? _value[modifier] : _value[modifier].split(' '))
 
-      convertedStyles += `'${_key}': { {_applyProperties_} }\n`
+      convertedStyles += `'${setModifier2(_key)}': { {_applyProperties_} }\n`
     } else {
       let customProperties = ''
 
       _.each(value, (theValue, theModifier) => {
         if (typeof (theValue) === 'object' && theValue !== null) {
           if (theModifier === 'apply') {
-            _applyClasses[`${_key}${setModifier2(modifier)}`] = new Set(Array.isArray(theValue) ? theValue : theValue.split(' '))
+            _applyClasses[`${setModifier2(_key, modifier)}`] = new Set(Array.isArray(theValue) ? theValue : theValue.split(' '))
 
             customProperties += ' {_applyProperties_},'
           } else {
@@ -6392,12 +6392,14 @@ exports.customRules = customRules
 function compileApplyDirectives(twClasses) {
   const twClassesArray = twClasses.split(/\r?\n/)
   const fontsClassesArray = (fs.existsSync(cwd + '/purgetss/styles/fonts.tss')) ? fs.readFileSync(cwd + '/purgetss/styles/fonts.tss', 'utf8').split(/\r?\n/) : null
+
   _.each(_applyClasses, (values, className) => {
     const indexOfModifier = findIndexOfClassName(`'${className}':`, twClassesArray)
 
     if (indexOfModifier !== -1) {
       const compoundClasses = []
       const classesWithOpacityValues = []
+
       _.each([...values], searchClass => {
         if (searchClass.includes('ios:')) {
           searchClass = `${searchClass.replace('ios:', '')}[platform=ios]`
@@ -6407,6 +6409,7 @@ function compileApplyDirectives(twClasses) {
         // ! TODO: Needs to handle open, close and complete states...
         if (searchClass.includes('(')) {
           const theClass = formatArbitraryValues(searchClass)
+
           if (theClass) compoundClasses.push(theClass)
           // ! Process transparency values
         } else if (checkColorClasses(searchClass)) {
@@ -6415,6 +6418,7 @@ function compileApplyDirectives(twClasses) {
           const decimalValue = searchClass.split('/')[1]
           const transparency = Math.round(decimalValue * 255 / 100).toString(16).padStart(2, '0')
           const classNameWithTransparency = searchClass.substring(0, searchClass.lastIndexOf('/'))
+
           classesWithOpacityValues.push({ decimalValue, transparency, originalClass, classNameWithTransparency })
         } else {
           const className = `'.${searchClass}':`
@@ -6432,9 +6436,11 @@ function compileApplyDirectives(twClasses) {
       if (classesWithOpacityValues.length) {
         classesWithOpacityValues.forEach(opacityValue => {
           const opacityIndex = findIndexOfClassName(`'.${opacityValue.classNameWithTransparency}`, twClassesArray)
+
           if (opacityIndex > -1) {
             const defaultHexValue = (twClassesArray[opacityIndex].includes('from')) ? twClassesArray[opacityIndex].match(/#[0-9a-f]{6}/g)[1] : twClassesArray[opacityIndex].match(/#[0-9a-f]{6}/i)[0]
             const classWithoutDecimalOpacity = `${twClassesArray[opacityIndex].replace(new RegExp(defaultHexValue.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), `#${opacityValue.transparency}${defaultHexValue.substring(1)}`)}`
+
             compoundClasses.push(justProperties(classWithoutDecimalOpacity))
           }
         })
@@ -6613,7 +6619,7 @@ const arbitraryValuesTable = {
   duration: 'duration: {value}',
   elevation: 'elevation: {value}',
   font: 'font: { fontWeight: {value} }',
-  'horizontal-margin': 'horizontalMargin: \'{value}\'',
+  'horizontal-margin': 'horizontalMargin: {value}',
   lines: 'lines: {value}',
   'max-length': 'maxLength: {value}',
   'max-lines': 'maxLines: {value}',
@@ -6626,19 +6632,19 @@ const arbitraryValuesTable = {
   minimum: 'minimum: {value}',
   opacity: 'opacity: {value}',
   origin: 'anchorPoint: { x: {value}, y: {value1} }',
-  'paging-control-alpha': 'pagingControlAlpha: \'{value}\'',
+  'paging-control-alpha': 'pagingControlAlpha: {value}',
   'paging-control-timeout': 'pagingControlTimeout: {value}',
   preferred: 'preferred: {value}',
   'repeat-count': 'repeatCount: {value}',
   repeat: 'repeat: {value}',
   rotate: 'rotate: {value}',
-  scale: 'scale: \'{value}\'',
+  scale: 'scale: {value}',
   'text-size': 'font: { fontSize: {value} }',
   timeout: 'timeout: {value}',
-  value: 'value: \'{value}\'',
-  'vertical-margin': 'verticalMargin: \'{value}\'',
+  value: 'value: {value}',
+  'vertical-margin': 'verticalMargin: {value}',
   z: 'zIndex: {value}',
-  'zoom-scale': 'zoomScale: \'{value}\''
+  'zoom-scale': 'zoomScale: {value}'
 }
 exports.arbitraryValuesTable = arbitraryValuesTable
 

package/lib/templates/fontawesome/free-template.js

@@ -1,4 +1,4 @@
 /**
- * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
+ * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

package/lib/templates/fontawesome/free-template.tss

@@ -1,4 +1,4 @@
-// Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
+// Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 // License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 
 // Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons

package/lib/templates/purgetss.ui.js

@@ -2,6 +2,7 @@
 // https://purgetss.com
 
 function Animation(args) {
+  args = args ?? {}
   const param = {
     id: args.id,
     open: false,
@@ -101,7 +102,6 @@ function Animation(args) {
         offsetY = event.y
 
         param.draggables.push(param.draggables.splice(realSourceView(event.source).zIndex, 1)[0])
-
         param.draggables.forEach((draggable, key) => { draggable.zIndex = key })
 
         checkDraggable(draggableView, 'drag')
@@ -345,7 +345,7 @@ function Animation(args) {
   }
 
   function innerAnimations(_view, _action) {
-    _.each(_view.children, child => {
+    _view.children.forEach(child => {
       if (param.open && child.animationProperties && child.animationProperties.open) {
         if (_action === 'play') {
           child.animate(createAnimationObject(child, 'open'), () => {
@@ -410,4 +410,12 @@ function deviceInfo() {
 }
 exports.deviceInfo = deviceInfo
 
+function saveComponent({ source, directory = Ti.Filesystem.tempDirectory }) {
+  const componentImage = source.toImage()
+  const md5 = Ti.Utils.md5HexDigest(componentImage) + '.png'
+  Ti.Filesystem.getFile(directory, md5).write(componentImage)
+  Ti.Media.saveToPhotoGallery(componentImage)
+}
+exports.saveComponent = saveComponent
+
 exports.createAnimation = args => new Animation(args)

package/lib/templates/tailwind/template.tss

@@ -1,2 +1,2 @@
-// Based on Tailwind CSS v3.4.0: A utility-first CSS framework for rapidly building custom designs. ( https://tailwindcss.com )
+// Based on Tailwind CSS v3.4.3: A utility-first CSS framework for rapidly building custom designs. ( https://tailwindcss.com )
 // Created by Adam Wathan ( https://twitter.com/adamwathan ).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "purgetss",
-  "version": "6.2.43",
+  "version": "6.2.44",
   "description": "A package that simplifies mobile app creation for Titanium developers.",
   "main": "index.js",
   "bin": {
@@ -44,7 +44,7 @@
   },
   "homepage": "https://github.com/macCesar/purgeTSS#readme",
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^6.5.1",
+    "@fortawesome/fontawesome-free": "^6.5.2",
     "caporal": "^1.4.0",
     "chalk": "^4.1.2",
     "chroma-js": "^2.4.2",
@@ -59,16 +59,16 @@
     "path": "^0.12.7",
     "prompts": "^2.4.2",
     "read-css": "^0.3.0",
-    "tailwindcss": "^3.4.0",
-    "traverse": "^0.6.7",
+    "tailwindcss": "^3.4.3",
+    "traverse": "^0.6.9",
     "update-notifier": "^5.1.0",
     "uuid": "^9.0.1",
     "xml-js": "^1.6.11"
   },
   "devDependencies": {
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^16.5.0"
+    "eslint-plugin-n": "^16.6.2"
   }
 }