purgetss 6.2.10 → 6.2.12

package/dist/glossary/compoundClasses/borderRadius-alternative.md

@@ -1,6 +1,6 @@
 ```scss
 // Property(ies): borderRadius ( with Extra Styles )
-// Component(s): Ti.UI.Android.CardView, Ti.UI.View
+// Component(s): Ti.UI.View, Ti.Media.VideoPlayer, Ti.UI.Android.CardView, Ti.UI.Android.DrawerLayout, Ti.UI.Android.SearchView, Ti.UI.Button, Ti.UI.ButtonBar, Ti.UI.DashboardView, Ti.UI.ImageView, Ti.UI.Label, Ti.UI.ListView, Ti.UI.MaskedImage, Ti.UI.NavigationWindow, Ti.UI.OptionBar, Ti.UI.Picker, Ti.UI.PickerRow, Ti.UI.ProgressBar, Ti.UI.ScrollView, Ti.UI.ScrollableView, Ti.UI.SearchBar, Ti.UI.Slider, Ti.UI.Switch, Ti.UI.TabbedBar, Ti.UI.TableView, Ti.UI.TableViewRow, Ti.UI.TextArea, Ti.UI.TextField, Ti.UI.Toolbar, Ti.UI.WebView, Ti.UI.Window, Ti.UI.iOS.BlurView, Ti.UI.iOS.CoverFlowView, Ti.UI.iOS.LivePhotoView, Ti.UI.iOS.SplitWindow, Ti.UI.iOS.Stepper
 '.rounded-1': { borderRadius: 2 }
 '.rounded-2': { borderRadius: 4 }
 '.rounded-3': { borderRadius: 6 }

package/dist/glossary/compoundClasses/rotate-negative-values.md

@@ -9,5 +9,10 @@
 '.-rotate-12': { rotate: -12 }
 '.-rotate-45': { rotate: -45 }
 '.-rotate-90': { rotate: -90 }
+'.-rotate-135': { rotate: -135 }
 '.-rotate-180': { rotate: -180 }
+'.-rotate-225': { rotate: -225 }
+'.-rotate-270': { rotate: -270 }
+'.-rotate-315': { rotate: -315 }
+'.-rotate-360': { rotate: -360 }
 ```

package/dist/glossary/compoundClasses/zoom-in-out.md

@@ -15,6 +15,7 @@
 '.zoom-in-110': { animationProperties: { open: { scale: 1.1 }, complete: { scale: 1 } } }
 '.zoom-in-125': { animationProperties: { open: { scale: 1.25 }, complete: { scale: 1 } } }
 '.zoom-in-150': { animationProperties: { open: { scale: 1.5 }, complete: { scale: 1 } } }
+'.zoom-in-200': { animationProperties: { open: { scale: 2 }, complete: { scale: 1 } } }
 '.zoom-out-0': { animationProperties: { close: { scale: 0 }, complete: { scale: 1 } } }
 '.zoom-out-1': { animationProperties: { close: { scale: 0.01 }, complete: { scale: 1 } } }
 '.zoom-out-5': { animationProperties: { close: { scale: 0.05 }, complete: { scale: 1 } } }
@@ -29,4 +30,5 @@
 '.zoom-out-110': { animationProperties: { close: { scale: 1.1 }, complete: { scale: 1 } } }
 '.zoom-out-125': { animationProperties: { close: { scale: 1.25 }, complete: { scale: 1 } } }
 '.zoom-out-150': { animationProperties: { close: { scale: 1.5 }, complete: { scale: 1 } } }
+'.zoom-out-200': { animationProperties: { close: { scale: 2 }, complete: { scale: 1 } } }
 ```

package/dist/glossary/configurableProperties/maxZoomScale.md

@@ -16,4 +16,5 @@
 '.max-zoom-scale-110': { maxZoomScale: 1.1 }
 '.max-zoom-scale-125': { maxZoomScale: 1.25 }
 '.max-zoom-scale-150': { maxZoomScale: 1.5 }
+'.max-zoom-scale-200': { maxZoomScale: 2 }
 ```

package/dist/glossary/configurableProperties/minZoomScale.md

@@ -16,4 +16,5 @@
 '.min-zoom-scale-110': { minZoomScale: 1.1 }
 '.min-zoom-scale-125': { minZoomScale: 1.25 }
 '.min-zoom-scale-150': { minZoomScale: 1.5 }
+'.min-zoom-scale-200': { minZoomScale: 2 }
 ```

package/dist/glossary/configurableProperties/rotate.md

@@ -9,5 +9,10 @@
 '.rotate-12': { rotate: 12 }
 '.rotate-45': { rotate: 45 }
 '.rotate-90': { rotate: 90 }
+'.rotate-135': { rotate: 135 }
 '.rotate-180': { rotate: 180 }
+'.rotate-225': { rotate: 225 }
+'.rotate-270': { rotate: 270 }
+'.rotate-315': { rotate: 315 }
+'.rotate-360': { rotate: 360 }
 ```

package/dist/glossary/configurableProperties/scale.md

@@ -15,4 +15,5 @@
 '.scale-110': { scale: 1.1 }
 '.scale-125': { scale: 1.25 }
 '.scale-150': { scale: 1.5 }
+'.scale-200': { scale: 2 }
 ```

package/dist/glossary/configurableProperties/scaleX.md

@@ -16,4 +16,5 @@
 '.scale-x-110': { scaleX: 1.1 }
 '.scale-x-125': { scaleX: 1.25 }
 '.scale-x-150': { scaleX: 1.5 }
+'.scale-x-200': { scaleX: 2 }
 ```

package/dist/glossary/configurableProperties/scaleY.md

@@ -16,4 +16,5 @@
 '.scale-y-110': { scaleY: 1.1 }
 '.scale-y-125': { scaleY: 1.25 }
 '.scale-y-150': { scaleY: 1.5 }
+'.scale-y-200': { scaleY: 2 }
 ```

package/dist/glossary/configurableProperties/scalesPageToFit.md

@@ -16,4 +16,5 @@
 '.scales-page-to-fit-110': { scalesPageToFit: 1.1 }
 '.scales-page-to-fit-125': { scalesPageToFit: 1.25 }
 '.scales-page-to-fit-150': { scalesPageToFit: 1.5 }
+'.scales-page-to-fit-200': { scalesPageToFit: 2 }
 ```

package/dist/glossary/configurableProperties/zoomScale.md

@@ -16,4 +16,5 @@
 '.zoom-scale-110': { zoomScale: 1.1 }
 '.zoom-scale-125': { zoomScale: 1.25 }
 '.zoom-scale-150': { zoomScale: 1.5 }
+'.zoom-scale-200': { zoomScale: 2 }
 ```

package/dist/purgetss.ui.js

@@ -37,19 +37,22 @@ function Animation(args) {
 
 	// TODO: Create a library of useful animations!!
 	animationView.play = (_views, _cb) => {
-		logger('`play` Called');
-		(param.playing) ? logger(`$.${param.view.id}: is playing...`) : play(_views, _cb);
+		if (param.debug) console.log(''); // Just for debug
+		logger('`play` method called on: ' + param.id);
+		(param.playing) ? logger(`$.${param.view.id}: is playing...`) : mainPlayApplyFn(_views, _cb);
 	};
 
 	animationView.toggle = animationView.play;
 
 	animationView.apply = (_views, _cb) => {
-		logger('`apply` Called');
-		play(_views, _cb, 'apply')
+		if (param.debug) console.log(''); // Just for debug
+		logger('`apply` method called on: ' + param.id);
+		mainPlayApplyFn(_views, _cb, 'apply')
 	};
 
 	animationView.draggable = (_views) => {
-		logger('`draggable` Called');
+		if (param.debug) console.log(''); // Just for debug
+		logger('`draggable` method called on: ' + param.id);
 		if (Array.isArray(_views)) {
 			_views.forEach((_view, key) => {
 				_view.zIndex = key;
@@ -61,12 +64,12 @@ function Animation(args) {
 	};
 
 	//! Helper Functions
-	function play(_views, _cb, action = 'play') {
-		logger('   -> `play` helper');
+	function mainPlayApplyFn(_views, _cb, action = 'play') {
+		logger('   -> `mainPlayApplyFn` helper');
 
 		param.open = !param.open;
 
-		checkAnimation(action);
+		chooseAnimationBasedOnState(action);
 
 		if (Array.isArray(_views)) {
 			args.delay = param.delay;
@@ -140,14 +143,7 @@ function Animation(args) {
 		return (param.draggables.map(a => a.id).includes(_source.id)) ? _source : realSourceView(_source.parent);
 	}
 
-	function checkBoundaries(_view) {
-		if (_view.bounds) {
-			if (_view.bounds.right !== undefined && _view.left > _view.parent.rect.width - _view.rect.width - _view.bounds.right) _view.left = _view.parent.rect.width - _view.rect.width - _view.bounds.right;
-			if (_view.bounds.bottom !== undefined && _view.top > _view.parent.rect.height - _view.rect.height - _view.bounds.bottom) _view.top = _view.parent.rect.height - _view.rect.height - _view.bounds.bottom;
-		}
-	}
-
-	function checkAnimation(action) {
+	function chooseAnimationBasedOnState(action) {
 		if (args.animationProperties) {
 			// For regular animations, including extra animations with open and close states.
 			args = param.open ? { ...args, ...args.animationProperties.open } : { ...args, ...args.animationProperties.close };
@@ -155,10 +151,10 @@ function Animation(args) {
 			if (action === 'play') {
 				logger('   -> `' + action + '` Check Animation');
 				if (param.open && args.transformOnOpen) {
-					logger('   -> Set args.transform = args.transformOnOpen');
+					logger('   -> set args.transform = args.transformOnOpen');
 					args.transform = args.transformOnOpen;
 				} else if (args.transformOnClose) {
-					logger('   -> Set args.transform = args.transformOnClose');
+					logger('   -> set args.transform = args.transformOnClose');
 					args.transform = args.transformOnClose;
 				}
 
@@ -167,34 +163,41 @@ function Animation(args) {
 		}
 	}
 
+	function checkBoundaries(_view) {
+		if (_view.bounds) {
+			if (_view.bounds.right !== undefined && _view.left > _view.parent.rect.width - _view.rect.width - _view.bounds.right) _view.left = _view.parent.rect.width - _view.rect.width - _view.bounds.right;
+			if (_view.bounds.bottom !== undefined && _view.top > _view.parent.rect.height - _view.rect.height - _view.bounds.bottom) _view.top = _view.parent.rect.height - _view.rect.height - _view.bounds.bottom;
+		}
+	}
+
+	function checkComplete(view, action) {
+		if (args.animationProperties && args.animationProperties.complete) {
+			logger('   -> `complete` Animation');
+			if (action === 'play') {
+				param.playing = true;
+				view.animate(Ti.UI.createAnimation({ ...args, ...args.animationProperties.complete, transform: Ti.UI.createMatrix2D(args.animationProperties.complete) }), () => {
+					param.playing = false;
+				});
+			} else {
+				view.applyProperties(args.animationProperties.complete);
+			}
+		}
+	}
+
 	function logger(_message, forceLog = false) {
-		if (param.debug || forceLog) console.warn(`:: ti.animation :: ${_message}`);
+		if (param.debug || forceLog) console.warn(`::ti.animation:: ${_message}`);
 	}
 
 	function notFound(source) {
 		console.error('The provided target can’t be found!');
 	}
 
-	function innerAnimations(_view, _action) {
-		_.each(_view.children, child => {
-			if (param.open && child['animationProperties'] && child['animationProperties']['open']) {
-				if (_action === 'play') {
-					child.animate(createAnimationObject(child, 'open'), () => {
-						if (child['animationProperties']['complete']) child.animate(createAnimationObject(child, 'complete'));
-					});
-				} else {
-					child.applyProperties(child['animationProperties']['open']);
-				}
-			} else if (child['animationProperties'] && child['animationProperties']['close']) {
-				(_action === 'play') ? child.animate(createAnimationObject(child, 'close')) : child.applyProperties(child['animationProperties']['close']);
-			}
-		});
-	}
-
 	function createAnimationObject(_child, type) {
 		return Ti.UI.createAnimation({
-			..._child['animationProperties'][type],
-			transform: Ti.UI.createMatrix2D(_child['animationProperties'][type])
+			...(args['animationProperties'] && args['animationProperties']['children']) ?? {},
+			..._child['animationProperties']['child'] ?? {},
+			..._child['animationProperties'][type] ?? {},
+			transform: Ti.UI.createMatrix2D(_child['animationProperties'][type] ?? {})
 		});
 	}
 
@@ -202,7 +205,7 @@ function Animation(args) {
 	function checkDraggable(_view, _action) {
 		logger('Check Draggable');
 		logger('   -> `' + _action + '`');
-		let draggingType = (_view.draggingType) ? _view.draggingType : args.draggingType;
+		let draggingType = _view.draggingType ?? args.draggingType;
 		if (_action === 'drag' && _view.draggable && _view.draggable.drag) {
 			let theArgs = (args.draggable) ? { ...args.draggable.drag, ..._view.draggable.drag } : _view.draggable.drag;
 			(draggingType === 'apply') ? _view.applyProperties(theArgs) : _view.animate(Ti.UI.createAnimation(theArgs));
@@ -218,20 +221,6 @@ function Animation(args) {
 		}
 	}
 
-	function checkComplete(view, action) {
-		if (args.animationProperties && args.animationProperties.complete) {
-			logger('   -> `complete` Animation');
-			if (action === 'play') {
-				param.playing = true;
-				view.animate(Ti.UI.createAnimation({ ...args, ...args.animationProperties.complete, transform: Ti.UI.createMatrix2D(args.animationProperties.complete) }), () => {
-					param.playing = false;
-				});
-			} else {
-				view.applyProperties(args.animationProperties.complete);
-			}
-		}
-	}
-
 	function playView(view, _cb, action) {
 		if (view) {
 			logger('   -> `animate` View');
@@ -271,6 +260,25 @@ function Animation(args) {
 		}
 	}
 
+	function innerAnimations(_view, _action) {
+		_.each(_view.children, child => {
+			if (param.open && child['animationProperties'] && child['animationProperties']['open']) {
+				if (_action === 'play') {
+					child.animate(createAnimationObject(child, 'open'), () => {
+						if (child['animationProperties']['complete']) child.animate(createAnimationObject(child, 'complete'));
+					});
+				} else {
+					child.applyProperties({
+						transform: Ti.UI.createMatrix2D(child['animationProperties']['open']),
+						...child['animationProperties']['open']
+					});
+				}
+			} else if (child['animationProperties'] && child['animationProperties']['close']) {
+				(_action === 'play') ? child.animate(createAnimationObject(child, 'close')) : child.applyProperties({ transform: Ti.UI.createMatrix2D(child['animationProperties']['close']), ...child['animationProperties']['close'] });
+			}
+		});
+	}
+
 	return animationView;
 }
 exports.AnimationProperties = Animation;

package/dist/tailwind.tss

@@ -1,4 +1,4 @@
-// Based on Tailwind CSS v3.2.1: A utility-first CSS framework for rapidly building custom designs. ( https://tailwindcss.com )
+// Based on Tailwind CSS v3.2.4: A utility-first CSS framework for rapidly building custom designs. ( https://tailwindcss.com )
 // Created by Adam Wathan ( https://twitter.com/adamwathan ).
 
 // Tailwind-like styles
@@ -1717,7 +1717,7 @@
 '.hidden': { visible: false }
 
 // Property(ies): borderRadius ( with Extra Styles )
-// Component(s): Ti.UI.Android.CardView, Ti.UI.View
+// Component(s): Ti.UI.View, Ti.Media.VideoPlayer, Ti.UI.Android.CardView, Ti.UI.Android.DrawerLayout, Ti.UI.Android.SearchView, Ti.UI.Button, Ti.UI.ButtonBar, Ti.UI.DashboardView, Ti.UI.ImageView, Ti.UI.Label, Ti.UI.ListView, Ti.UI.MaskedImage, Ti.UI.NavigationWindow, Ti.UI.OptionBar, Ti.UI.Picker, Ti.UI.PickerRow, Ti.UI.ProgressBar, Ti.UI.ScrollView, Ti.UI.ScrollableView, Ti.UI.SearchBar, Ti.UI.Slider, Ti.UI.Switch, Ti.UI.TabbedBar, Ti.UI.TableView, Ti.UI.TableViewRow, Ti.UI.TextArea, Ti.UI.TextField, Ti.UI.Toolbar, Ti.UI.WebView, Ti.UI.Window, Ti.UI.iOS.BlurView, Ti.UI.iOS.CoverFlowView, Ti.UI.iOS.LivePhotoView, Ti.UI.iOS.SplitWindow, Ti.UI.iOS.Stepper
 '.rounded-1': { borderRadius: 2 }
 '.rounded-2': { borderRadius: 4 }
 '.rounded-3': { borderRadius: 6 }
@@ -2748,7 +2748,12 @@
 '.-rotate-12': { rotate: -12 }
 '.-rotate-45': { rotate: -45 }
 '.-rotate-90': { rotate: -90 }
+'.-rotate-135': { rotate: -135 }
 '.-rotate-180': { rotate: -180 }
+'.-rotate-225': { rotate: -225 }
+'.-rotate-270': { rotate: -270 }
+'.-rotate-315': { rotate: -315 }
+'.-rotate-360': { rotate: -360 }
 
 // Property(ies): animationProperties - scales the view (in or out) and resets it to 100% when the animation completes
 // Component(s): Animation
@@ -2766,6 +2771,7 @@
 '.zoom-in-110': { animationProperties: { open: { scale: 1.1 }, complete: { scale: 1 } } }
 '.zoom-in-125': { animationProperties: { open: { scale: 1.25 }, complete: { scale: 1 } } }
 '.zoom-in-150': { animationProperties: { open: { scale: 1.5 }, complete: { scale: 1 } } }
+'.zoom-in-200': { animationProperties: { open: { scale: 2 }, complete: { scale: 1 } } }
 '.zoom-out-0': { animationProperties: { close: { scale: 0 }, complete: { scale: 1 } } }
 '.zoom-out-1': { animationProperties: { close: { scale: 0.01 }, complete: { scale: 1 } } }
 '.zoom-out-5': { animationProperties: { close: { scale: 0.05 }, complete: { scale: 1 } } }
@@ -2780,6 +2786,7 @@
 '.zoom-out-110': { animationProperties: { close: { scale: 1.1 }, complete: { scale: 1 } } }
 '.zoom-out-125': { animationProperties: { close: { scale: 1.25 }, complete: { scale: 1 } } }
 '.zoom-out-150': { animationProperties: { close: { scale: 1.5 }, complete: { scale: 1 } } }
+'.zoom-out-200': { animationProperties: { close: { scale: 2 }, complete: { scale: 1 } } }
 
 // Property(ies): width and height
 // Component(s): Ti.UI.View, Ti.Blob, Ti.Media.VideoPlayer, MovieSize, Ti.UI.ActivityIndicator, Ti.UI.Android.CardView, Ti.UI.Android.DrawerLayout, Ti.UI.Android.SearchView, Ti.UI.Animation, Ti.UI.Button, Ti.UI.ButtonBar, Ti.UI.DashboardView, Dimension, DimensionWithAbsolutes, Ti.UI.ImageView, Ti.UI.Label, Ti.UI.ListView, Ti.UI.MaskedImage, Ti.UI.NavigationWindow, Ti.UI.OptionBar, Ti.UI.Picker, Ti.UI.PickerRow, Ti.UI.ProgressBar, Ti.UI.ScrollView, Ti.UI.ScrollableView, Ti.UI.SearchBar, Size, Ti.UI.Slider, Ti.UI.Switch, Ti.UI.TabbedBar, Ti.UI.TableView, Ti.UI.TableViewRow, Ti.UI.TextArea, Ti.UI.TextField, Ti.UI.Toolbar, Ti.UI.WebView, Ti.UI.Window, openWindowParams, Ti.UI.iOS.BlurView, Ti.UI.iOS.CoverFlowView, CoverFlowImageType, Ti.UI.iOS.LivePhotoView, Ti.UI.iOS.SplitWindow, Ti.UI.iOS.Stepper, BarItemType, Ti.UI.iPad.Popover
@@ -6543,6 +6550,7 @@
 '.scale-x-110': { scaleX: 1.1 }
 '.scale-x-125': { scaleX: 1.25 }
 '.scale-x-150': { scaleX: 1.5 }
+'.scale-x-200': { scaleX: 2 }
 
 // Property: scaleY
 // Description: Scaling of the view in y-axis in pixels.
@@ -6561,6 +6569,7 @@
 '.scale-y-110': { scaleY: 1.1 }
 '.scale-y-125': { scaleY: 1.25 }
 '.scale-y-150': { scaleY: 1.5 }
+'.scale-y-200': { scaleY: 2 }
 
 // Property: softKeyboardOnFocus
 // Description: Determines keyboard behavior when this view is focused. Defaults to Titanium.UI.Android.SOFT_KEYBOARD_DEFAULT_ON_FOCUS.
@@ -9874,6 +9883,7 @@
 '.scale-110': { scale: 1.1 }
 '.scale-125': { scale: 1.25 }
 '.scale-150': { scale: 1.5 }
+'.scale-200': { scale: 2 }
 
 // Property: rotate
 // Component(s): MatrixCreationDict, Matrix2DCreationDict
@@ -9885,7 +9895,12 @@
 '.rotate-12': { rotate: 12 }
 '.rotate-45': { rotate: 45 }
 '.rotate-90': { rotate: 90 }
+'.rotate-135': { rotate: 135 }
 '.rotate-180': { rotate: 180 }
+'.rotate-225': { rotate: 225 }
+'.rotate-270': { rotate: 270 }
+'.rotate-315': { rotate: 315 }
+'.rotate-360': { rotate: 360 }
 
 // Property: indicatorColor
 // Description: Color of the animated indicator.
@@ -16233,6 +16248,7 @@
 '.max-zoom-scale-110': { maxZoomScale: 1.1 }
 '.max-zoom-scale-125': { maxZoomScale: 1.25 }
 '.max-zoom-scale-150': { maxZoomScale: 1.5 }
+'.max-zoom-scale-200': { maxZoomScale: 2 }
 
 // Property: minZoomScale
 // Description: Minimum scaling factor of the scrollable region and its content.
@@ -16251,6 +16267,7 @@
 '.min-zoom-scale-110': { minZoomScale: 1.1 }
 '.min-zoom-scale-125': { minZoomScale: 1.25 }
 '.min-zoom-scale-150': { minZoomScale: 1.5 }
+'.min-zoom-scale-200': { minZoomScale: 2 }
 
 // Property: overScrollMode
 // Component(s): Ti.UI.ScrollView, Ti.UI.ScrollableView, Ti.UI.TableView, Ti.UI.WebView
@@ -16299,6 +16316,7 @@
 '.zoom-scale-110': { zoomScale: 1.1 }
 '.zoom-scale-125': { zoomScale: 1.25 }
 '.zoom-scale-150': { zoomScale: 1.5 }
+'.zoom-scale-200': { zoomScale: 2 }
 
 // Property: cacheSize
 // Description: Number of pages to cache (pre-render).
@@ -20669,6 +20687,7 @@
 '.scales-page-to-fit-110': { scalesPageToFit: 1.1 }
 '.scales-page-to-fit-125': { scalesPageToFit: 1.25 }
 '.scales-page-to-fit-150': { scalesPageToFit: 1.5 }
+'.scales-page-to-fit-200': { scalesPageToFit: 2 }
 
 // Property: willHandleTouches
 // Description: Explicitly specifies if this web view handles touches.

package/experimental/completions2.js

@@ -34,7 +34,7 @@ const configFile = (fs.existsSync(projectsConfigJS)) ? require(projectsConfigJS)
 configFile.purge = configFile.purge ?? { mode: 'all' };
 configFile.theme.extend = configFile.theme.extend ?? {};
 
-const configOptions = (configFile.purge && configFile.purge.options) ? configFile.purge.options : false;
+const configOptions = (configFile.purge && configFile.purge.options) ? configFile.purge.options : {};
 if (configOptions) {
 	configOptions.plugins = configOptions.plugins ?? [];
 	configOptions.safelist = configOptions.safelist ?? [];
@@ -246,7 +246,7 @@ function processCompoundClasses({ ..._base }) {
 	//! colors
 	compoundClasses += generateGlossary('backgroundGradient', helpers.backgroundGradient(combineKeys(configFile.theme, _base.colors, 'backgroundGradient')));
 	compoundClasses += generateGlossary('backgroundSelectedGradient', helpers.backgroundSelectedGradient(combineKeys(configFile.theme, _base.colors, 'backgroundSelectedGradient')));
-	compoundClasses += generateGlossary('color-alternative', helpers.textColor(combineKeys(configFile.theme, _base.colors, 'textColor')));
+	compoundClasses += generateGlossary('color-alternative', helpers.textColor(_base.textColor));
 	compoundClasses += generateGlossary('hintTextColor', helpers.placeholder(combineKeys(configFile.theme, _base.colors, 'hintTextColor')));
 	compoundClasses += generateGlossary('titleAttributes-color', helpers.titleAttributesColor(combineKeys(configFile.theme, _base.colors, 'titleAttributesColor')));
 	compoundClasses += generateGlossary('titleAttributes-shadow-color', helpers.titleAttributesShadowColor(combineKeys(configFile.theme, _base.colors, 'titleAttributesShadowColor')));
@@ -316,7 +316,7 @@ function combineDefaultThemeWithConfigFile() {
 		height: {},
 		widthHeight: {},
 		boolean: { true: true, false: false },
-		rotate: combineKeys(configFile.theme, defaultTheme.rotate, 'rotate'),
+		rotate: combineKeys(configFile.theme, { ...defaultTheme.rotate, ...{ '135': '135deg', '225': '225deg', '270': '270deg', '315': '315deg', '360': '360deg' } }, 'rotate'),
 		zIndex: defaultTheme.zIndex,
 		opacity: defaultTheme.opacity,
 		fontWeight: defaultTheme.fontWeight,
@@ -325,7 +325,7 @@ function combineDefaultThemeWithConfigFile() {
 		minimumFontSize: { ...themeOrDefaultValues.minimumFontSize, ...configFile.theme.extend.spacing, ...configFile.theme.extend.minimumFontSize },
 		verticalMargin: { top: '-0.5', bottom: '0.5', middle: '0' },
 		horizontalMargin: { left: '-0.5', right: '0.5', center: '0' },
-		scale: { ...{ 1: '0.01', 5: '0.05', 10: '0.10', 25: '0.25' }, ...defaultTheme.scale },
+		scale: { ...{ 1: '0.01', 5: '0.05', 10: '0.10', 25: '0.25', 200: 2 }, ...defaultTheme.scale },
 		repeat: { 0: 0, 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12 },
 		count: { 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12 },
 		delay: { ...{ 0: '0ms', 25: '25ms', 50: '50ms', 250: '250ms', 350: '350ms', 400: '400ms', 450: '450ms', 600: '600ms', 800: '800ms', 900: '900ms', 2000: '2000ms', 3000: '3000ms', 4000: '4000ms', 5000: '5000ms' }, ...defaultTheme.transitionDelay }

package/index.js

@@ -103,7 +103,7 @@ const configFile = (fs.existsSync(projectsConfigJS)) ? require(projectsConfigJS)
 configFile.purge = configFile.purge ?? { mode: 'all' };
 configFile.theme.extend = configFile.theme.extend ?? {};
 
-const configOptions = (configFile.purge && configFile.purge.options) ? configFile.purge.options : false;
+const configOptions = (configFile.purge && configFile.purge.options) ? configFile.purge.options : {};
 if (configOptions) {
 	configOptions.legacy = configOptions.legacy ?? false;
 	configOptions.widgets = configOptions.widgets ?? false;
@@ -656,14 +656,14 @@ function buildFonts(options) {
 
 			exportIcons += '\n// Helper Functions\n' + fs.readFileSync(path.resolve(__dirname, './lib/templates/icon-functions.js'), 'utf8');
 
-			fs.writeFileSync(`${projectsLibFolder}/purgetss.fonts.js'`, exportIcons, err => {
+			fs.writeFileSync(`${projectsLibFolder}/purgetss.fonts.js`, exportIcons, err => {
 				throw err;
 			});
 
 			logger.info(`${chalk.yellow('./app/lib/purgetss.fonts.js')} file created!`);
 		} else {
-			if (fs.existsSync(`${projectsLibFolder}/purgetss.fonts.js'`)) {
-				fs.unlinkSync(`${projectsLibFolder}/purgetss.fonts.js'`);
+			if (fs.existsSync(`${projectsLibFolder}/purgetss.fonts.js`)) {
+				fs.unlinkSync(`${projectsLibFolder}/purgetss.fonts.js`);
 			}
 		}
 
@@ -1072,7 +1072,18 @@ function addHook() {
 
 		saveFile(projectsAlloyJMKFile, updatedJMKFile.join("\n"));
 	} else {
-		fs.appendFileSync(projectsAlloyJMKFile, '\n' + fs.readFileSync(srcJMKFile, 'utf8'));
+		let alloyJMKTemplate = fs.readFileSync(srcJMKFile, 'utf8');
+
+		let updatedJMKFile = [];
+
+		alloyJMKTemplate.split(/\r?\n/).forEach((line) => {
+			if (line.includes('pre:compile')) {
+				line += `\n\trequire('child_process').execSync('purgetss', logger.warn('::PurgeTSS:: Auto-Purging ' + event.dir.project));`;
+			}
+			updatedJMKFile.push(line);
+		});
+
+		fs.appendFileSync(projectsAlloyJMKFile, '\n' + updatedJMKFile.join("\n"));
 	}
 }
 
@@ -2480,6 +2491,14 @@ function purgeTailwind(uniqueClasses) {
 				deviceClasses.push(helpers.checkPlatformAndDevice(tailwindClass, cleanUniqueClasses[cleanUniqueClasses.indexOf(`handheld:${cleanTailwindClass}`)]));
 			}
 
+			if (cleanUniqueClasses.indexOf(`children:${cleanTailwindClass}`) > -1) {
+				anArrayOfAnimationClasses.push(helpers.checkPlatformAndDevice(tailwindClass, cleanUniqueClasses[cleanUniqueClasses.indexOf(`children:${cleanTailwindClass}`)]));
+			}
+
+			if (cleanUniqueClasses.indexOf(`child:${cleanTailwindClass}`) > -1) {
+				anArrayOfAnimationClasses.push(helpers.checkPlatformAndDevice(tailwindClass, cleanUniqueClasses[cleanUniqueClasses.indexOf(`child:${cleanTailwindClass}`)]));
+			}
+
 			if (cleanUniqueClasses.indexOf(`open:${cleanTailwindClass}`) > -1) {
 				anArrayOfAnimationClasses.push(helpers.checkPlatformAndDevice(tailwindClass, cleanUniqueClasses[cleanUniqueClasses.indexOf(`open:${cleanTailwindClass}`)]));
 			}
@@ -2554,7 +2573,7 @@ function switchPlatform(withPlatformDeviceStyle) {
 }
 
 function cleanClassNameFn(className) {
-	return className.replace('ios:', '').replace('android:', '').replace('handheld:', '').replace('tablet:', '').replace('open:', '').replace('close:', '').replace('complete:', '').replace('drag:', '').replace('drop:', '').replace('bounds:', '');
+	return className.replace('ios:', '').replace('android:', '').replace('handheld:', '').replace('tablet:', '').replace('children:', '').replace('child:', '').replace('open:', '').replace('close:', '').replace('complete:', '').replace('drag:', '').replace('drop:', '').replace('bounds:', '');
 }
 
 //! FontAwesome

package/lib/completions/titanium/completions-v3.json

@@ -1,6 +1,6 @@
 {
 	"version": 3,
-	"sdkVersion": "11.1.0.GA",
+	"sdkVersion": "11.1.1.GA",
 	"properties": {
 		"ACCURACY_AUTHORIZATION_FULL": {
 			"description": "The user authorized the app to access location data with full accuracy.",

package/lib/helpers.js

@@ -6393,7 +6393,7 @@ function compileApplyDirectives(twClasses) {
 				} else if (searchClass.includes('android:')) {
 					searchClass = `${searchClass.replace('android:', '')}[platform=android]`;
 				}
-				//! Needs to handle open, close and complete states...
+				//! TODO: Needs to handle open, close and complete states...
 				if (searchClass.includes('(')) {
 					let theClass = formatArbitraryValues(searchClass);
 					if (theClass) compoundClasses.push(theClass);
@@ -6743,6 +6743,10 @@ function checkPlatformAndDevice(line, className) {
 		return (line.includes('formFactor=tablet'))
 			? `${line.replace(/[^'.][^']+|1/, `tablet:$&`)}\n`
 			: `${line.replace(/[^'.][^']+|1/, `tablet:$&[formFactor=tablet]`)}\n`;
+	} else if (className.includes('child:')) {
+		return `${line.replace(/[^'.][^']+|1/, `child:$&`).replace(/{(.*)}/, '{ animationProperties: { child: $& } }')}\n`;
+	} else if (className.includes('children:')) {
+		return `${line.replace(/[^'.][^']+|1/, `children:$&`).replace(/{(.*)}/, '{ animationProperties: { children: $& } }')}\n`;
 	} else if (className.includes('open:')) {
 		return `${line.replace(/[^'.][^']+|1/, `open:$&`).replace(/{(.*)}/, '{ animationProperties: { open: $& } }')}\n`;
 	} else if (className.includes('close:')) {
@@ -6838,6 +6842,8 @@ function parseValue(value, sign = '') {
 
 	let unit = isNaN(value) ? checkTitanium(value) : value;
 
+	if (typeof value === 'string' && value.indexOf('-') > -1 || value < 0) sign = '';
+
 	switch (unit) {
 		case '0':
 		case true:

package/lib/templates/tailwind/template.tss

@@ -1,2 +1,2 @@
-// Based on Tailwind CSS v3.2.1: A utility-first CSS framework for rapidly building custom designs. ( https://tailwindcss.com )
+// Based on Tailwind CSS v3.2.4: 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.10",
+	"version": "6.2.12",
 	"description": "An extension for Titanium SDK that contains a set of Tailwind-like classes to easily and quickly create beautifully designed mobile apps.",
 	"main": "index.js",
 	"bin": {
@@ -58,7 +58,7 @@
 		"path": "^0.12.7",
 		"prompts": "^2.4.2",
 		"read-css": "^0.3.0",
-		"tailwindcss": "^3.2.1",
+		"tailwindcss": "^3.2.4",
 		"traverse": "^0.6.7",
 		"update-notifier": "^5.1.0",
 		"uuid": "^9.0.0",