purgetss 6.0.8 → 6.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/fonts/MaterialIcons-Regular.ttf +0 -0
- package/assets/fonts/MaterialIconsOutlined-Regular.otf +0 -0
- package/assets/fonts/MaterialIconsRound-Regular.otf +0 -0
- package/assets/fonts/MaterialIconsSharp-Regular.otf +0 -0
- package/assets/fonts/MaterialIconsTwoTone-Regular.otf +0 -0
- package/dist/glossary/compoundClasses/theme.md +24 -24
- package/dist/glossary/compoundClasses/toggle.md +3 -2
- package/dist/glossary/compoundClasses/zoom-in-out.md +32 -0
- package/dist/glossary/configurableProperties/borderWidth.md +9 -0
- package/dist/glossary/constantProperties/extendEdges.md +6 -6
- package/dist/materialdesignicons.js +4 -1
- package/dist/materialdesignicons.tss +4 -1
- package/dist/purgetss.ui.js +36 -21
- package/dist/tailwind.tss +71 -91
- package/experimental/completions2.js +23 -1
- package/index.js +1 -1
- package/lib/helpers.js +11 -11
- package/lib/templates/materialicons/MaterialIcons-Regular.codepoints +4 -1
- package/lib/templates/materialicons/MaterialIconsOutlined-Regular.codepoints +0 -1
- package/lib/templates/materialicons/MaterialIconsRound-Regular.codepoints +0 -1
- package/lib/templates/materialicons/MaterialIconsSharp-Regular.codepoints +0 -1
- package/lib/templates/materialicons/MaterialIconsTwoTone-Regular.codepoints +0 -1
- package/lib/templates/purgetss.config.js +1 -1
- package/package.json +1 -1
- package/dist/glossary/booleanProperties/focused.md +0 -6
- package/dist/glossary/compoundClasses/debug.md +0 -4
- package/dist/glossary/compoundClasses/zoom-in.md +0 -18
- package/dist/glossary/configurableProperties/safeAreaPadding.md +0 -40
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
```scss
|
|
2
2
|
// Property(ies): theme - Android Only
|
|
3
3
|
// Component(s): Ti.UI.Window
|
|
4
|
-
'.theme-titanium': { theme:
|
|
5
|
-
'.theme-titanium-day-night': { theme:
|
|
6
|
-
'.theme-titanium-day-night-no-title-bar': { theme:
|
|
7
|
-
'.theme-titanium-day-night-fullscreen': { theme:
|
|
8
|
-
'.theme-titanium-day-night-solid': { theme:
|
|
9
|
-
'.theme-titanium-day-night-solid-no-title-bar': { theme:
|
|
10
|
-
'.theme-titanium-day-night-solid-fullscreen': { theme:
|
|
11
|
-
'.theme-titanium-dark': { theme:
|
|
12
|
-
'.theme-titanium-dark-no-title-bar': { theme:
|
|
13
|
-
'.theme-titanium-dark-fullscreen': { theme:
|
|
14
|
-
'.theme-titanium-dark-solid': { theme:
|
|
15
|
-
'.theme-titanium-dark-solid-no-title-bar': { theme:
|
|
16
|
-
'.theme-titanium-dark-solid-fullscreen': { theme:
|
|
17
|
-
'.theme-titanium-light': { theme:
|
|
18
|
-
'.theme-titanium-light-no-title-bar': { theme:
|
|
19
|
-
'.theme-titanium-light-fullscreen': { theme:
|
|
20
|
-
'.theme-titanium-light-solid': { theme:
|
|
21
|
-
'.theme-titanium-light-solid-no-title-bar': { theme:
|
|
22
|
-
'.theme-titanium-light-solid-fullscreen': { theme:
|
|
23
|
-
'.theme-app-derived-no-title-bar': { theme:
|
|
24
|
-
'.theme-app-derived-fullscreen': { theme:
|
|
25
|
-
'.theme-app-derived-translucent': { theme:
|
|
26
|
-
'.theme-app-derived-translucent-no-title-bar': { theme:
|
|
27
|
-
'.theme-app-derived-translucent-fullscreen': { theme:
|
|
4
|
+
'.theme-titanium': { theme: 'Theme.Titanium' }
|
|
5
|
+
'.theme-titanium-day-night': { theme: 'Theme.Titanium.DayNight' }
|
|
6
|
+
'.theme-titanium-day-night-no-title-bar': { theme: 'Theme.Titanium.DayNight.NoTitleBar' }
|
|
7
|
+
'.theme-titanium-day-night-fullscreen': { theme: 'Theme.Titanium.DayNight.Fullscreen' }
|
|
8
|
+
'.theme-titanium-day-night-solid': { theme: 'Theme.Titanium.DayNight.Solid' }
|
|
9
|
+
'.theme-titanium-day-night-solid-no-title-bar': { theme: 'Theme.Titanium.DayNight.Solid.NoTitleBar' }
|
|
10
|
+
'.theme-titanium-day-night-solid-fullscreen': { theme: 'Theme.Titanium.DayNight.Solid.Fullscreen' }
|
|
11
|
+
'.theme-titanium-dark': { theme: 'Theme.Titanium.Dark' }
|
|
12
|
+
'.theme-titanium-dark-no-title-bar': { theme: 'Theme.Titanium.Dark.NoTitleBar' }
|
|
13
|
+
'.theme-titanium-dark-fullscreen': { theme: 'Theme.Titanium.Dark.Fullscreen' }
|
|
14
|
+
'.theme-titanium-dark-solid': { theme: 'Theme.Titanium.Dark.Solid' }
|
|
15
|
+
'.theme-titanium-dark-solid-no-title-bar': { theme: 'Theme.Titanium.Dark.Solid.NoTitleBar' }
|
|
16
|
+
'.theme-titanium-dark-solid-fullscreen': { theme: 'Theme.Titanium.Dark.Solid.Fullscreen' }
|
|
17
|
+
'.theme-titanium-light': { theme: 'Theme.Titanium.Light' }
|
|
18
|
+
'.theme-titanium-light-no-title-bar': { theme: 'Theme.Titanium.Light.NoTitleBar' }
|
|
19
|
+
'.theme-titanium-light-fullscreen': { theme: 'Theme.Titanium.Light.Fullscreen' }
|
|
20
|
+
'.theme-titanium-light-solid': { theme: 'Theme.Titanium.Light.Solid' }
|
|
21
|
+
'.theme-titanium-light-solid-no-title-bar': { theme: 'Theme.Titanium.Light.Solid.NoTitleBar' }
|
|
22
|
+
'.theme-titanium-light-solid-fullscreen': { theme: 'Theme.Titanium.Light.Solid.Fullscreen' }
|
|
23
|
+
'.theme-app-derived-no-title-bar': { theme: 'Theme.AppDerived.NoTitleBar' }
|
|
24
|
+
'.theme-app-derived-fullscreen': { theme: 'Theme.AppDerived.Fullscreen' }
|
|
25
|
+
'.theme-app-derived-translucent': { theme: 'Theme.AppDerived.Translucent' }
|
|
26
|
+
'.theme-app-derived-translucent-no-title-bar': { theme: 'Theme.AppDerived.Translucent.NoTitleBar' }
|
|
27
|
+
'.theme-app-derived-translucent-fullscreen': { theme: 'Theme.AppDerived.Translucent.Fullscreen' }
|
|
28
28
|
```
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
```scss
|
|
2
2
|
// Property(ies): toggle - For the Animation module
|
|
3
3
|
// Component(s): Animation
|
|
4
|
-
'.
|
|
5
|
-
'.
|
|
4
|
+
'.opacity-to-0': { opacity: 1, animationProperties: { open: { opacity: 0 }, close: { opacity: 1 } } }
|
|
5
|
+
'.opacity-to-100': { opacity: 0, animationProperties: { open: { opacity: 1 }, close: { opacity: 0 } } }
|
|
6
|
+
'.toggle-visible': { animationProperties: { open: { visible: true }, close: { visible: false } } }
|
|
6
7
|
```
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
```scss
|
|
2
|
+
// Property(ies): fontFamily
|
|
3
|
+
// Component(s): Ti.UI.ActivityIndicator, Ti.UI.Button, Ti.UI.Label, Ti.UI.ListItem, Ti.UI.Picker, Ti.UI.PickerColumn, Ti.UI.PickerRow, Ti.UI.ProgressBar, Ti.UI.Switch, Ti.UI.TableViewRow, Ti.UI.TextArea, Ti.UI.TextField
|
|
4
|
+
'.zoom-in-0': { animationProperties: { open: { scale: 0 }, complete: { scale: 1 } } }
|
|
5
|
+
'.zoom-in-1': { animationProperties: { open: { scale: 0.01 }, complete: { scale: 1 } } }
|
|
6
|
+
'.zoom-in-5': { animationProperties: { open: { scale: 0.05 }, complete: { scale: 1 } } }
|
|
7
|
+
'.zoom-in-10': { animationProperties: { open: { scale: 0.10 }, complete: { scale: 1 } } }
|
|
8
|
+
'.zoom-in-25': { animationProperties: { open: { scale: 0.25 }, complete: { scale: 1 } } }
|
|
9
|
+
'.zoom-in-50': { animationProperties: { open: { scale: 0.5 }, complete: { scale: 1 } } }
|
|
10
|
+
'.zoom-in-75': { animationProperties: { open: { scale: 0.75 }, complete: { scale: 1 } } }
|
|
11
|
+
'.zoom-in-90': { animationProperties: { open: { scale: 0.9 }, complete: { scale: 1 } } }
|
|
12
|
+
'.zoom-in-95': { animationProperties: { open: { scale: 0.95 }, complete: { scale: 1 } } }
|
|
13
|
+
'.zoom-in-100': { animationProperties: { open: { scale: 1 }, complete: { scale: 1 } } }
|
|
14
|
+
'.zoom-in-105': { animationProperties: { open: { scale: 1.05 }, complete: { scale: 1 } } }
|
|
15
|
+
'.zoom-in-110': { animationProperties: { open: { scale: 1.1 }, complete: { scale: 1 } } }
|
|
16
|
+
'.zoom-in-125': { animationProperties: { open: { scale: 1.25 }, complete: { scale: 1 } } }
|
|
17
|
+
'.zoom-in-150': { animationProperties: { open: { scale: 1.5 }, complete: { scale: 1 } } }
|
|
18
|
+
'.zoom-out-0': { animationProperties: { close: { scale: 0 }, complete: { scale: 1 } } }
|
|
19
|
+
'.zoom-out-1': { animationProperties: { close: { scale: 0.01 }, complete: { scale: 1 } } }
|
|
20
|
+
'.zoom-out-5': { animationProperties: { close: { scale: 0.05 }, complete: { scale: 1 } } }
|
|
21
|
+
'.zoom-out-10': { animationProperties: { close: { scale: 0.10 }, complete: { scale: 1 } } }
|
|
22
|
+
'.zoom-out-25': { animationProperties: { close: { scale: 0.25 }, complete: { scale: 1 } } }
|
|
23
|
+
'.zoom-out-50': { animationProperties: { close: { scale: 0.5 }, complete: { scale: 1 } } }
|
|
24
|
+
'.zoom-out-75': { animationProperties: { close: { scale: 0.75 }, complete: { scale: 1 } } }
|
|
25
|
+
'.zoom-out-90': { animationProperties: { close: { scale: 0.9 }, complete: { scale: 1 } } }
|
|
26
|
+
'.zoom-out-95': { animationProperties: { close: { scale: 0.95 }, complete: { scale: 1 } } }
|
|
27
|
+
'.zoom-out-100': { animationProperties: { close: { scale: 1 }, complete: { scale: 1 } } }
|
|
28
|
+
'.zoom-out-105': { animationProperties: { close: { scale: 1.05 }, complete: { scale: 1 } } }
|
|
29
|
+
'.zoom-out-110': { animationProperties: { close: { scale: 1.1 }, complete: { scale: 1 } } }
|
|
30
|
+
'.zoom-out-125': { animationProperties: { close: { scale: 1.25 }, complete: { scale: 1 } } }
|
|
31
|
+
'.zoom-out-150': { animationProperties: { close: { scale: 1.5 }, complete: { scale: 1 } } }
|
|
32
|
+
```
|
|
@@ -3,8 +3,17 @@
|
|
|
3
3
|
// Description: Border width of the view.
|
|
4
4
|
// 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
|
|
5
5
|
'.border-0': { borderWidth: 0 }
|
|
6
|
+
'.border-1': { borderWidth: 1 }
|
|
6
7
|
'.border-2': { borderWidth: 2 }
|
|
8
|
+
'.border-3': { borderWidth: 3 }
|
|
7
9
|
'.border-4': { borderWidth: 4 }
|
|
10
|
+
'.border-5': { borderWidth: 5 }
|
|
11
|
+
'.border-6': { borderWidth: 6 }
|
|
12
|
+
'.border-7': { borderWidth: 7 }
|
|
8
13
|
'.border-8': { borderWidth: 8 }
|
|
14
|
+
'.border-9': { borderWidth: 9 }
|
|
15
|
+
'.border-10': { borderWidth: 10 }
|
|
16
|
+
'.border-11': { borderWidth: 11 }
|
|
17
|
+
'.border-12': { borderWidth: 12 }
|
|
9
18
|
'.border': { borderWidth: 1 }
|
|
10
19
|
```
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
// Property: extendEdges
|
|
3
3
|
// Description: An array of supported values specified using the EXTEND_EDGE constants in Titanium.UI.
|
|
4
4
|
// Component(s): Ti.UI.NavigationWindow, Ti.UI.TabGroup, Ti.UI.Window, Ti.UI.iOS.SplitWindow
|
|
5
|
-
'.extend-edges-
|
|
6
|
-
'.extend-edges-
|
|
7
|
-
'.extend-edges-
|
|
8
|
-
'.extend-edges-
|
|
9
|
-
'.extend-edges-
|
|
10
|
-
'.extend-edges-
|
|
5
|
+
'.extend-edges-top': { extendEdges: Ti.UI.EXTEND_EDGE_TOP }
|
|
6
|
+
'.extend-edges-bottom': { extendEdges: Ti.UI.EXTEND_EDGE_BOTTOM }
|
|
7
|
+
'.extend-edges-left': { extendEdges: Ti.UI.EXTEND_EDGE_LEFT }
|
|
8
|
+
'.extend-edges-right': { extendEdges: Ti.UI.EXTEND_EDGE_RIGHT }
|
|
9
|
+
'.extend-edges-none': { extendEdges: Ti.UI.EXTEND_EDGE_NONE }
|
|
10
|
+
'.extend-edges-all': { extendEdges: Ti.UI.EXTEND_EDGE_ALL }
|
|
11
11
|
```
|
|
@@ -216,6 +216,7 @@ const icons = {
|
|
|
216
216
|
'aspectRatio': '\ue85b',
|
|
217
217
|
'assessment': '\ue85c',
|
|
218
218
|
'assignment': '\ue85d',
|
|
219
|
+
'assignmentAdd': '\uf848',
|
|
219
220
|
'assignmentInd': '\ue85e',
|
|
220
221
|
'assignmentLate': '\ue85f',
|
|
221
222
|
'assignmentReturn': '\ue860',
|
|
@@ -902,6 +903,7 @@ const icons = {
|
|
|
902
903
|
'formatItalic': '\ue23f',
|
|
903
904
|
'formatLineSpacing': '\ue240',
|
|
904
905
|
'formatListBulleted': '\ue241',
|
|
906
|
+
'formatListBulletedAdd': '\uf849',
|
|
905
907
|
'formatListNumbered': '\ue242',
|
|
906
908
|
'formatListNumberedRtl': '\ue267',
|
|
907
909
|
'formatOverline': '\ueb65',
|
|
@@ -1333,6 +1335,7 @@ const icons = {
|
|
|
1333
1335
|
'moveUp': '\ueb64',
|
|
1334
1336
|
'movie': '\ue02c',
|
|
1335
1337
|
'movieCreation': '\ue404',
|
|
1338
|
+
'movieEdit': '\uf840',
|
|
1336
1339
|
'movieFilter': '\ue43a',
|
|
1337
1340
|
'moving': '\ue501',
|
|
1338
1341
|
'mp': '\ue9c3',
|
|
@@ -1645,6 +1648,7 @@ const icons = {
|
|
|
1645
1648
|
'rawOn': '\uf050',
|
|
1646
1649
|
'readMore': '\uef6d',
|
|
1647
1650
|
'realEstateAgent': '\ue73a',
|
|
1651
|
+
'rebaseEdit': '\uf846',
|
|
1648
1652
|
'receipt': '\ue8b0',
|
|
1649
1653
|
'receiptLong': '\uef6e',
|
|
1650
1654
|
'recentActors': '\ue03f',
|
|
@@ -2267,7 +2271,6 @@ const icons = {
|
|
|
2267
2271
|
'wechat': '\uea81',
|
|
2268
2272
|
'weekend': '\ue16b',
|
|
2269
2273
|
'west': '\uf1e6',
|
|
2270
|
-
'whatsapp': '\uea9c',
|
|
2271
2274
|
'whatshot': '\ue80e',
|
|
2272
2275
|
'wheelchairPickup': '\uf1ab',
|
|
2273
2276
|
'whereToVote': '\ue177',
|
|
@@ -225,6 +225,7 @@
|
|
|
225
225
|
'.md-aspect_ratio': { text: '\ue85b', title: '\ue85b' }
|
|
226
226
|
'.md-assessment': { text: '\ue85c', title: '\ue85c' }
|
|
227
227
|
'.md-assignment': { text: '\ue85d', title: '\ue85d' }
|
|
228
|
+
'.md-assignment_add': { text: '\uf848', title: '\uf848' }
|
|
228
229
|
'.md-assignment_ind': { text: '\ue85e', title: '\ue85e' }
|
|
229
230
|
'.md-assignment_late': { text: '\ue85f', title: '\ue85f' }
|
|
230
231
|
'.md-assignment_return': { text: '\ue860', title: '\ue860' }
|
|
@@ -911,6 +912,7 @@
|
|
|
911
912
|
'.md-format_italic': { text: '\ue23f', title: '\ue23f' }
|
|
912
913
|
'.md-format_line_spacing': { text: '\ue240', title: '\ue240' }
|
|
913
914
|
'.md-format_list_bulleted': { text: '\ue241', title: '\ue241' }
|
|
915
|
+
'.md-format_list_bulleted_add': { text: '\uf849', title: '\uf849' }
|
|
914
916
|
'.md-format_list_numbered': { text: '\ue242', title: '\ue242' }
|
|
915
917
|
'.md-format_list_numbered_rtl': { text: '\ue267', title: '\ue267' }
|
|
916
918
|
'.md-format_overline': { text: '\ueb65', title: '\ueb65' }
|
|
@@ -1342,6 +1344,7 @@
|
|
|
1342
1344
|
'.md-move_up': { text: '\ueb64', title: '\ueb64' }
|
|
1343
1345
|
'.md-movie': { text: '\ue02c', title: '\ue02c' }
|
|
1344
1346
|
'.md-movie_creation': { text: '\ue404', title: '\ue404' }
|
|
1347
|
+
'.md-movie_edit': { text: '\uf840', title: '\uf840' }
|
|
1345
1348
|
'.md-movie_filter': { text: '\ue43a', title: '\ue43a' }
|
|
1346
1349
|
'.md-moving': { text: '\ue501', title: '\ue501' }
|
|
1347
1350
|
'.md-mp': { text: '\ue9c3', title: '\ue9c3' }
|
|
@@ -1654,6 +1657,7 @@
|
|
|
1654
1657
|
'.md-raw_on': { text: '\uf050', title: '\uf050' }
|
|
1655
1658
|
'.md-read_more': { text: '\uef6d', title: '\uef6d' }
|
|
1656
1659
|
'.md-real_estate_agent': { text: '\ue73a', title: '\ue73a' }
|
|
1660
|
+
'.md-rebase_edit': { text: '\uf846', title: '\uf846' }
|
|
1657
1661
|
'.md-receipt': { text: '\ue8b0', title: '\ue8b0' }
|
|
1658
1662
|
'.md-receipt_long': { text: '\uef6e', title: '\uef6e' }
|
|
1659
1663
|
'.md-recent_actors': { text: '\ue03f', title: '\ue03f' }
|
|
@@ -2276,7 +2280,6 @@
|
|
|
2276
2280
|
'.md-wechat': { text: '\uea81', title: '\uea81' }
|
|
2277
2281
|
'.md-weekend': { text: '\ue16b', title: '\ue16b' }
|
|
2278
2282
|
'.md-west': { text: '\uf1e6', title: '\uf1e6' }
|
|
2279
|
-
'.md-whatsapp': { text: '\uea9c', title: '\uea9c' }
|
|
2280
2283
|
'.md-whatshot': { text: '\ue80e', title: '\ue80e' }
|
|
2281
2284
|
'.md-wheelchair_pickup': { text: '\uf1ab', title: '\uf1ab' }
|
|
2282
2285
|
'.md-where_to_vote': { text: '\ue177', title: '\ue177' }
|
package/dist/purgetss.ui.js
CHANGED
|
@@ -5,7 +5,7 @@ function Animation(args) {
|
|
|
5
5
|
draggables: [],
|
|
6
6
|
playing: false,
|
|
7
7
|
delay: args.delay ?? 0,
|
|
8
|
-
// delay: args.delay ? args.delay : (args.
|
|
8
|
+
// delay: args.delay ? args.delay : (args.animationProperties && args.animationProperties.open && args.animationProperties.open.delay) ? args.animationProperties.open.delay : 0,
|
|
9
9
|
debug: args.debug ?? false,
|
|
10
10
|
hasTransformation: (args.scale !== undefined || args.rotate !== undefined),
|
|
11
11
|
};
|
|
@@ -24,20 +24,20 @@ function Animation(args) {
|
|
|
24
24
|
delete args.anchorPoint;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
if (args.
|
|
27
|
+
if (args.animationProperties && args.animationProperties.open && (args.animationProperties.open.anchorPoint || args.animationProperties.open.rotate || args.animationProperties.open.scale)) {
|
|
28
28
|
logger(' -> Creating transformOnOpen');
|
|
29
|
-
args.transformOnOpen = Ti.UI.createMatrix2D(args.
|
|
30
|
-
delete args.
|
|
31
|
-
delete args.
|
|
32
|
-
delete args.
|
|
29
|
+
args.transformOnOpen = Ti.UI.createMatrix2D(args.animationProperties.open);
|
|
30
|
+
delete args.animationProperties.open.scale;
|
|
31
|
+
delete args.animationProperties.open.rotate;
|
|
32
|
+
delete args.animationProperties.open.anchorPoint;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
if (args.
|
|
35
|
+
if (args.animationProperties && args.animationProperties.close && (args.animationProperties.close.anchorPoint || args.animationProperties.close.rotate || args.animationProperties.close.scale)) {
|
|
36
36
|
logger(' -> Creating transformOnClose');
|
|
37
|
-
args.transformOnClose = Ti.UI.createMatrix2D(args.
|
|
38
|
-
delete args.
|
|
39
|
-
delete args.
|
|
40
|
-
delete args.
|
|
37
|
+
args.transformOnClose = Ti.UI.createMatrix2D(args.animationProperties.close);
|
|
38
|
+
delete args.animationProperties.close.scale;
|
|
39
|
+
delete args.animationProperties.close.rotate;
|
|
40
|
+
delete args.animationProperties.close.anchorPoint;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
// TODO: Create a library of useful animations!!
|
|
@@ -167,11 +167,11 @@ function Animation(args) {
|
|
|
167
167
|
}
|
|
168
168
|
|
|
169
169
|
function checkAnimation(action) {
|
|
170
|
-
if (args.
|
|
170
|
+
if (args.animationProperties) {
|
|
171
171
|
param.open = !param.open;
|
|
172
172
|
|
|
173
173
|
// For regular animations, including extra animations with open and close states.
|
|
174
|
-
args = param.open ? { ...args, ...args.
|
|
174
|
+
args = param.open ? { ...args, ...args.animationProperties.open } : { ...args, ...args.animationProperties.close };
|
|
175
175
|
|
|
176
176
|
if (action === 'play') {
|
|
177
177
|
logger(' -> `' + action + '` Check Animation');
|
|
@@ -198,14 +198,29 @@ function Animation(args) {
|
|
|
198
198
|
|
|
199
199
|
function innerAnimations(_view, _action) {
|
|
200
200
|
_.each(_view.children, child => {
|
|
201
|
-
if (param.open && child['open']) {
|
|
202
|
-
(_action === 'play')
|
|
203
|
-
|
|
204
|
-
|
|
201
|
+
if (param.open && child['animationProperties'] && child['animationProperties']['open']) {
|
|
202
|
+
if (_action === 'play') {
|
|
203
|
+
child.animate(createAnimationObject(child, 'open'), () => {
|
|
204
|
+
if (child['animationProperties']['complete']) {
|
|
205
|
+
child.animate(createAnimationObject(child, 'complete'));
|
|
206
|
+
}
|
|
207
|
+
});
|
|
208
|
+
} else {
|
|
209
|
+
child.applyProperties(child['animationProperties']['open']);
|
|
210
|
+
}
|
|
211
|
+
} else if (child['animationProperties'] && child['animationProperties']['close']) {
|
|
212
|
+
(_action === 'play') ? child.animate(createAnimationObject(child, 'close')) : child.applyProperties(child['animationProperties']['close']);
|
|
205
213
|
}
|
|
206
214
|
});
|
|
207
215
|
}
|
|
208
216
|
|
|
217
|
+
function createAnimationObject(_child, type) {
|
|
218
|
+
return Ti.UI.createAnimation({
|
|
219
|
+
..._child['animationProperties'][type],
|
|
220
|
+
transform: Ti.UI.createMatrix2D(_child['animationProperties'][type])
|
|
221
|
+
});
|
|
222
|
+
}
|
|
223
|
+
|
|
209
224
|
//! Needs refactor!! It's so ugly right now!!
|
|
210
225
|
function checkDraggable(_view, _action) {
|
|
211
226
|
logger('Check Draggable');
|
|
@@ -227,15 +242,15 @@ function Animation(args) {
|
|
|
227
242
|
}
|
|
228
243
|
|
|
229
244
|
function checkComplete(view, action) {
|
|
230
|
-
if (args.
|
|
245
|
+
if (args.animationProperties && args.animationProperties.complete) {
|
|
231
246
|
logger(' -> `complete` Animation');
|
|
232
247
|
if (action === 'play') {
|
|
233
248
|
param.playing = true;
|
|
234
|
-
view.animate(Ti.UI.createAnimation({ ...args, ...args.
|
|
249
|
+
view.animate(Ti.UI.createAnimation({ ...args, ...args.animationProperties.complete, transform: Ti.UI.createMatrix2D(args.animationProperties.complete) }), () => {
|
|
235
250
|
param.playing = false;
|
|
236
251
|
});
|
|
237
252
|
} else {
|
|
238
|
-
view.applyProperties(args.
|
|
253
|
+
view.applyProperties(args.animationProperties.complete);
|
|
239
254
|
}
|
|
240
255
|
}
|
|
241
256
|
}
|
|
@@ -281,7 +296,7 @@ function Animation(args) {
|
|
|
281
296
|
|
|
282
297
|
return animationView;
|
|
283
298
|
}
|
|
284
|
-
exports.
|
|
299
|
+
exports.AnimationProperties = Animation;
|
|
285
300
|
|
|
286
301
|
function deviceInfo() {
|
|
287
302
|
console.warn('------------------- DEVICE INFO -------------------');
|
package/dist/tailwind.tss
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// https://github.com/macCesar/purgeTSS
|
|
7
7
|
// default config.js file
|
|
8
8
|
|
|
9
|
-
//
|
|
9
|
+
// Titanium Components
|
|
10
10
|
// Property: View
|
|
11
11
|
// Description: An empty drawing surface or container
|
|
12
12
|
'View': { width: Ti.UI.SIZE, height: Ti.UI.SIZE }
|
|
@@ -1634,30 +1634,30 @@
|
|
|
1634
1634
|
|
|
1635
1635
|
// Property(ies): theme - Android Only
|
|
1636
1636
|
// Component(s): Ti.UI.Window
|
|
1637
|
-
'.theme-titanium': { theme:
|
|
1638
|
-
'.theme-titanium-day-night': { theme:
|
|
1639
|
-
'.theme-titanium-day-night-no-title-bar': { theme:
|
|
1640
|
-
'.theme-titanium-day-night-fullscreen': { theme:
|
|
1641
|
-
'.theme-titanium-day-night-solid': { theme:
|
|
1642
|
-
'.theme-titanium-day-night-solid-no-title-bar': { theme:
|
|
1643
|
-
'.theme-titanium-day-night-solid-fullscreen': { theme:
|
|
1644
|
-
'.theme-titanium-dark': { theme:
|
|
1645
|
-
'.theme-titanium-dark-no-title-bar': { theme:
|
|
1646
|
-
'.theme-titanium-dark-fullscreen': { theme:
|
|
1647
|
-
'.theme-titanium-dark-solid': { theme:
|
|
1648
|
-
'.theme-titanium-dark-solid-no-title-bar': { theme:
|
|
1649
|
-
'.theme-titanium-dark-solid-fullscreen': { theme:
|
|
1650
|
-
'.theme-titanium-light': { theme:
|
|
1651
|
-
'.theme-titanium-light-no-title-bar': { theme:
|
|
1652
|
-
'.theme-titanium-light-fullscreen': { theme:
|
|
1653
|
-
'.theme-titanium-light-solid': { theme:
|
|
1654
|
-
'.theme-titanium-light-solid-no-title-bar': { theme:
|
|
1655
|
-
'.theme-titanium-light-solid-fullscreen': { theme:
|
|
1656
|
-
'.theme-app-derived-no-title-bar': { theme:
|
|
1657
|
-
'.theme-app-derived-fullscreen': { theme:
|
|
1658
|
-
'.theme-app-derived-translucent': { theme:
|
|
1659
|
-
'.theme-app-derived-translucent-no-title-bar': { theme:
|
|
1660
|
-
'.theme-app-derived-translucent-fullscreen': { theme:
|
|
1637
|
+
'.theme-titanium': { theme: 'Theme.Titanium' }
|
|
1638
|
+
'.theme-titanium-day-night': { theme: 'Theme.Titanium.DayNight' }
|
|
1639
|
+
'.theme-titanium-day-night-no-title-bar': { theme: 'Theme.Titanium.DayNight.NoTitleBar' }
|
|
1640
|
+
'.theme-titanium-day-night-fullscreen': { theme: 'Theme.Titanium.DayNight.Fullscreen' }
|
|
1641
|
+
'.theme-titanium-day-night-solid': { theme: 'Theme.Titanium.DayNight.Solid' }
|
|
1642
|
+
'.theme-titanium-day-night-solid-no-title-bar': { theme: 'Theme.Titanium.DayNight.Solid.NoTitleBar' }
|
|
1643
|
+
'.theme-titanium-day-night-solid-fullscreen': { theme: 'Theme.Titanium.DayNight.Solid.Fullscreen' }
|
|
1644
|
+
'.theme-titanium-dark': { theme: 'Theme.Titanium.Dark' }
|
|
1645
|
+
'.theme-titanium-dark-no-title-bar': { theme: 'Theme.Titanium.Dark.NoTitleBar' }
|
|
1646
|
+
'.theme-titanium-dark-fullscreen': { theme: 'Theme.Titanium.Dark.Fullscreen' }
|
|
1647
|
+
'.theme-titanium-dark-solid': { theme: 'Theme.Titanium.Dark.Solid' }
|
|
1648
|
+
'.theme-titanium-dark-solid-no-title-bar': { theme: 'Theme.Titanium.Dark.Solid.NoTitleBar' }
|
|
1649
|
+
'.theme-titanium-dark-solid-fullscreen': { theme: 'Theme.Titanium.Dark.Solid.Fullscreen' }
|
|
1650
|
+
'.theme-titanium-light': { theme: 'Theme.Titanium.Light' }
|
|
1651
|
+
'.theme-titanium-light-no-title-bar': { theme: 'Theme.Titanium.Light.NoTitleBar' }
|
|
1652
|
+
'.theme-titanium-light-fullscreen': { theme: 'Theme.Titanium.Light.Fullscreen' }
|
|
1653
|
+
'.theme-titanium-light-solid': { theme: 'Theme.Titanium.Light.Solid' }
|
|
1654
|
+
'.theme-titanium-light-solid-no-title-bar': { theme: 'Theme.Titanium.Light.Solid.NoTitleBar' }
|
|
1655
|
+
'.theme-titanium-light-solid-fullscreen': { theme: 'Theme.Titanium.Light.Solid.Fullscreen' }
|
|
1656
|
+
'.theme-app-derived-no-title-bar': { theme: 'Theme.AppDerived.NoTitleBar' }
|
|
1657
|
+
'.theme-app-derived-fullscreen': { theme: 'Theme.AppDerived.Fullscreen' }
|
|
1658
|
+
'.theme-app-derived-translucent': { theme: 'Theme.AppDerived.Translucent' }
|
|
1659
|
+
'.theme-app-derived-translucent-no-title-bar': { theme: 'Theme.AppDerived.Translucent.NoTitleBar' }
|
|
1660
|
+
'.theme-app-derived-translucent-fullscreen': { theme: 'Theme.AppDerived.Translucent.Fullscreen' }
|
|
1661
1661
|
|
|
1662
1662
|
// Ti.Media
|
|
1663
1663
|
// Property(ies): scalingMode - ( Alternative )
|
|
@@ -1689,8 +1689,9 @@
|
|
|
1689
1689
|
|
|
1690
1690
|
// Property(ies): toggle - For the Animation module
|
|
1691
1691
|
// Component(s): Animation
|
|
1692
|
-
'.
|
|
1693
|
-
'.
|
|
1692
|
+
'.opacity-to-0': { opacity: 1, animationProperties: { open: { opacity: 0 }, close: { opacity: 1 } } }
|
|
1693
|
+
'.opacity-to-100': { opacity: 0, animationProperties: { open: { opacity: 1 }, close: { opacity: 0 } } }
|
|
1694
|
+
'.toggle-visible': { animationProperties: { open: { visible: true }, close: { visible: false } } }
|
|
1694
1695
|
|
|
1695
1696
|
// Property(ies): touchEnabled ( Alternative )
|
|
1696
1697
|
// Component(s): Ti.UI.View
|
|
@@ -2751,20 +2752,34 @@
|
|
|
2751
2752
|
|
|
2752
2753
|
// Property(ies): fontFamily
|
|
2753
2754
|
// Component(s): Ti.UI.ActivityIndicator, Ti.UI.Button, Ti.UI.Label, Ti.UI.ListItem, Ti.UI.Picker, Ti.UI.PickerColumn, Ti.UI.PickerRow, Ti.UI.ProgressBar, Ti.UI.Switch, Ti.UI.TableViewRow, Ti.UI.TextArea, Ti.UI.TextField
|
|
2754
|
-
'.zoom-in-0': {
|
|
2755
|
-
'.zoom-in-1': {
|
|
2756
|
-
'.zoom-in-5': {
|
|
2757
|
-
'.zoom-in-10': {
|
|
2758
|
-
'.zoom-in-25': {
|
|
2759
|
-
'.zoom-in-50': {
|
|
2760
|
-
'.zoom-in-75': {
|
|
2761
|
-
'.zoom-in-90': {
|
|
2762
|
-
'.zoom-in-95': {
|
|
2763
|
-
'.zoom-in-100': {
|
|
2764
|
-
'.zoom-in-105': {
|
|
2765
|
-
'.zoom-in-110': {
|
|
2766
|
-
'.zoom-in-125': {
|
|
2767
|
-
'.zoom-in-150': {
|
|
2755
|
+
'.zoom-in-0': { animationProperties: { open: { scale: 0 }, complete: { scale: 1 } } }
|
|
2756
|
+
'.zoom-in-1': { animationProperties: { open: { scale: 0.01 }, complete: { scale: 1 } } }
|
|
2757
|
+
'.zoom-in-5': { animationProperties: { open: { scale: 0.05 }, complete: { scale: 1 } } }
|
|
2758
|
+
'.zoom-in-10': { animationProperties: { open: { scale: 0.10 }, complete: { scale: 1 } } }
|
|
2759
|
+
'.zoom-in-25': { animationProperties: { open: { scale: 0.25 }, complete: { scale: 1 } } }
|
|
2760
|
+
'.zoom-in-50': { animationProperties: { open: { scale: 0.5 }, complete: { scale: 1 } } }
|
|
2761
|
+
'.zoom-in-75': { animationProperties: { open: { scale: 0.75 }, complete: { scale: 1 } } }
|
|
2762
|
+
'.zoom-in-90': { animationProperties: { open: { scale: 0.9 }, complete: { scale: 1 } } }
|
|
2763
|
+
'.zoom-in-95': { animationProperties: { open: { scale: 0.95 }, complete: { scale: 1 } } }
|
|
2764
|
+
'.zoom-in-100': { animationProperties: { open: { scale: 1 }, complete: { scale: 1 } } }
|
|
2765
|
+
'.zoom-in-105': { animationProperties: { open: { scale: 1.05 }, complete: { scale: 1 } } }
|
|
2766
|
+
'.zoom-in-110': { animationProperties: { open: { scale: 1.1 }, complete: { scale: 1 } } }
|
|
2767
|
+
'.zoom-in-125': { animationProperties: { open: { scale: 1.25 }, complete: { scale: 1 } } }
|
|
2768
|
+
'.zoom-in-150': { animationProperties: { open: { scale: 1.5 }, complete: { scale: 1 } } }
|
|
2769
|
+
'.zoom-out-0': { animationProperties: { close: { scale: 0 }, complete: { scale: 1 } } }
|
|
2770
|
+
'.zoom-out-1': { animationProperties: { close: { scale: 0.01 }, complete: { scale: 1 } } }
|
|
2771
|
+
'.zoom-out-5': { animationProperties: { close: { scale: 0.05 }, complete: { scale: 1 } } }
|
|
2772
|
+
'.zoom-out-10': { animationProperties: { close: { scale: 0.10 }, complete: { scale: 1 } } }
|
|
2773
|
+
'.zoom-out-25': { animationProperties: { close: { scale: 0.25 }, complete: { scale: 1 } } }
|
|
2774
|
+
'.zoom-out-50': { animationProperties: { close: { scale: 0.5 }, complete: { scale: 1 } } }
|
|
2775
|
+
'.zoom-out-75': { animationProperties: { close: { scale: 0.75 }, complete: { scale: 1 } } }
|
|
2776
|
+
'.zoom-out-90': { animationProperties: { close: { scale: 0.9 }, complete: { scale: 1 } } }
|
|
2777
|
+
'.zoom-out-95': { animationProperties: { close: { scale: 0.95 }, complete: { scale: 1 } } }
|
|
2778
|
+
'.zoom-out-100': { animationProperties: { close: { scale: 1 }, complete: { scale: 1 } } }
|
|
2779
|
+
'.zoom-out-105': { animationProperties: { close: { scale: 1.05 }, complete: { scale: 1 } } }
|
|
2780
|
+
'.zoom-out-110': { animationProperties: { close: { scale: 1.1 }, complete: { scale: 1 } } }
|
|
2781
|
+
'.zoom-out-125': { animationProperties: { close: { scale: 1.25 }, complete: { scale: 1 } } }
|
|
2782
|
+
'.zoom-out-150': { animationProperties: { close: { scale: 1.5 }, complete: { scale: 1 } } }
|
|
2768
2783
|
|
|
2769
2784
|
// Property(ies): backgroundGradient: colors - From Color
|
|
2770
2785
|
// Component(s): Ti.UI.ListItem, Ti.UI.View
|
|
@@ -5852,9 +5867,18 @@
|
|
|
5852
5867
|
// Description: Border width of the view.
|
|
5853
5868
|
// 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
|
|
5854
5869
|
'.border-0': { borderWidth: 0 }
|
|
5870
|
+
'.border-1': { borderWidth: 1 }
|
|
5855
5871
|
'.border-2': { borderWidth: 2 }
|
|
5872
|
+
'.border-3': { borderWidth: 3 }
|
|
5856
5873
|
'.border-4': { borderWidth: 4 }
|
|
5874
|
+
'.border-5': { borderWidth: 5 }
|
|
5875
|
+
'.border-6': { borderWidth: 6 }
|
|
5876
|
+
'.border-7': { borderWidth: 7 }
|
|
5857
5877
|
'.border-8': { borderWidth: 8 }
|
|
5878
|
+
'.border-9': { borderWidth: 9 }
|
|
5879
|
+
'.border-10': { borderWidth: 10 }
|
|
5880
|
+
'.border-11': { borderWidth: 11 }
|
|
5881
|
+
'.border-12': { borderWidth: 12 }
|
|
5858
5882
|
'.border': { borderWidth: 1 }
|
|
5859
5883
|
|
|
5860
5884
|
// Property: bottom
|
|
@@ -15163,12 +15187,12 @@
|
|
|
15163
15187
|
// Property: extendEdges
|
|
15164
15188
|
// Description: An array of supported values specified using the EXTEND_EDGE constants in Titanium.UI.
|
|
15165
15189
|
// Component(s): Ti.UI.NavigationWindow, Ti.UI.TabGroup, Ti.UI.Window, Ti.UI.iOS.SplitWindow
|
|
15166
|
-
'.extend-edges-
|
|
15167
|
-
'.extend-edges-
|
|
15168
|
-
'.extend-edges-
|
|
15169
|
-
'.extend-edges-
|
|
15170
|
-
'.extend-edges-
|
|
15171
|
-
'.extend-edges-
|
|
15190
|
+
'.extend-edges-top': { extendEdges: Ti.UI.EXTEND_EDGE_TOP }
|
|
15191
|
+
'.extend-edges-bottom': { extendEdges: Ti.UI.EXTEND_EDGE_BOTTOM }
|
|
15192
|
+
'.extend-edges-left': { extendEdges: Ti.UI.EXTEND_EDGE_LEFT }
|
|
15193
|
+
'.extend-edges-right': { extendEdges: Ti.UI.EXTEND_EDGE_RIGHT }
|
|
15194
|
+
'.extend-edges-none': { extendEdges: Ti.UI.EXTEND_EDGE_NONE }
|
|
15195
|
+
'.extend-edges-all': { extendEdges: Ti.UI.EXTEND_EDGE_ALL }
|
|
15172
15196
|
|
|
15173
15197
|
// Property: flagSecure
|
|
15174
15198
|
// Description: Treat the content of the window as secure, preventing it from appearing in screenshots or from being viewed on non-secure displays.
|
|
@@ -15176,11 +15200,6 @@
|
|
|
15176
15200
|
'.secure': { flagSecure: true }
|
|
15177
15201
|
'.secure-false': { flagSecure: false }
|
|
15178
15202
|
|
|
15179
|
-
// Property: focused
|
|
15180
|
-
// Component(s): Ti.UI.NavigationWindow, Ti.UI.SearchBar, Ti.UI.TabGroup, Ti.UI.TextArea, Ti.UI.TextField, Ti.UI.Window, Ti.UI.iOS.SplitWindow
|
|
15181
|
-
'.focused': { focused: true }
|
|
15182
|
-
'.focused-false': { focused: false }
|
|
15183
|
-
|
|
15184
15203
|
// Property: includeOpaqueBars
|
|
15185
15204
|
// Description: Specifies if the edges should extend beyond opaque bars (navigation bar, tab bar, toolbar).
|
|
15186
15205
|
// Component(s): Ti.UI.NavigationWindow, Ti.UI.TabGroup, Ti.UI.Window, Ti.UI.iOS.SplitWindow
|
|
@@ -15253,45 +15272,6 @@
|
|
|
15253
15272
|
'.modal': { modal: true }
|
|
15254
15273
|
'.modal-false': { modal: false }
|
|
15255
15274
|
|
|
15256
|
-
// Property: safeAreaPadding
|
|
15257
|
-
// Description: The padding needed to safely display content without it being overlapped by the screen insets and notches.
|
|
15258
|
-
// Component(s): Ti.UI.NavigationWindow, Ti.UI.TabGroup, Ti.UI.Window, Ti.UI.iOS.SplitWindow
|
|
15259
|
-
'.safe-area-padding-0': { safeAreaPadding: 0 }
|
|
15260
|
-
'.safe-area-padding-1': { safeAreaPadding: 4 }
|
|
15261
|
-
'.safe-area-padding-2': { safeAreaPadding: 8 }
|
|
15262
|
-
'.safe-area-padding-3': { safeAreaPadding: 12 }
|
|
15263
|
-
'.safe-area-padding-4': { safeAreaPadding: 16 }
|
|
15264
|
-
'.safe-area-padding-5': { safeAreaPadding: 20 }
|
|
15265
|
-
'.safe-area-padding-6': { safeAreaPadding: 24 }
|
|
15266
|
-
'.safe-area-padding-7': { safeAreaPadding: 28 }
|
|
15267
|
-
'.safe-area-padding-8': { safeAreaPadding: 32 }
|
|
15268
|
-
'.safe-area-padding-9': { safeAreaPadding: 36 }
|
|
15269
|
-
'.safe-area-padding-10': { safeAreaPadding: 40 }
|
|
15270
|
-
'.safe-area-padding-11': { safeAreaPadding: 44 }
|
|
15271
|
-
'.safe-area-padding-12': { safeAreaPadding: 48 }
|
|
15272
|
-
'.safe-area-padding-14': { safeAreaPadding: 56 }
|
|
15273
|
-
'.safe-area-padding-16': { safeAreaPadding: 64 }
|
|
15274
|
-
'.safe-area-padding-20': { safeAreaPadding: 80 }
|
|
15275
|
-
'.safe-area-padding-24': { safeAreaPadding: 96 }
|
|
15276
|
-
'.safe-area-padding-28': { safeAreaPadding: 112 }
|
|
15277
|
-
'.safe-area-padding-32': { safeAreaPadding: 128 }
|
|
15278
|
-
'.safe-area-padding-36': { safeAreaPadding: 144 }
|
|
15279
|
-
'.safe-area-padding-40': { safeAreaPadding: 160 }
|
|
15280
|
-
'.safe-area-padding-44': { safeAreaPadding: 176 }
|
|
15281
|
-
'.safe-area-padding-48': { safeAreaPadding: 192 }
|
|
15282
|
-
'.safe-area-padding-52': { safeAreaPadding: 208 }
|
|
15283
|
-
'.safe-area-padding-56': { safeAreaPadding: 224 }
|
|
15284
|
-
'.safe-area-padding-60': { safeAreaPadding: 240 }
|
|
15285
|
-
'.safe-area-padding-64': { safeAreaPadding: 256 }
|
|
15286
|
-
'.safe-area-padding-72': { safeAreaPadding: 288 }
|
|
15287
|
-
'.safe-area-padding-80': { safeAreaPadding: 320 }
|
|
15288
|
-
'.safe-area-padding-96': { safeAreaPadding: 384 }
|
|
15289
|
-
'.safe-area-padding-px': { safeAreaPadding: '1px' }
|
|
15290
|
-
'.safe-area-padding-0.5': { safeAreaPadding: 2 }
|
|
15291
|
-
'.safe-area-padding-1.5': { safeAreaPadding: 6 }
|
|
15292
|
-
'.safe-area-padding-2.5': { safeAreaPadding: 10 }
|
|
15293
|
-
'.safe-area-padding-3.5': { safeAreaPadding: 14 }
|
|
15294
|
-
|
|
15295
15275
|
// Property: statusBarStyle
|
|
15296
15276
|
// Description: The status bar style associated with this window.
|
|
15297
15277
|
// Component(s): Ti.UI.NavigationWindow, Ti.UI.TabGroup, Ti.UI.Window, Ti.UI.iOS.SplitWindow
|
|
@@ -32,7 +32,7 @@ const tiCompletionsFile = require('../lib/completions/titanium/completions-v3.js
|
|
|
32
32
|
const srcConfigFile = path.resolve(__dirname, '../lib/templates/purgetss.config.js');
|
|
33
33
|
|
|
34
34
|
const configFile = (fs.existsSync(projectsConfigJS)) ? require(projectsConfigJS) : require(srcConfigFile);
|
|
35
|
-
configFile.
|
|
35
|
+
configFile.plugins = configFile.plugins ?? [];
|
|
36
36
|
configFile.purge = configFile.purge ?? { mode: 'all' };
|
|
37
37
|
configFile.theme.extend = configFile.theme.extend ?? {};
|
|
38
38
|
configFile.fonts = configFile.fonts ?? { mode: 'fileName' };
|
|
@@ -72,6 +72,19 @@ function autoBuildTailwindTSS(options = {}) {
|
|
|
72
72
|
saveFile(path.resolve(__dirname, '../dist/tailwind.tss'), tailwindStyles);
|
|
73
73
|
logger.file('./dist/tailwind.tss');
|
|
74
74
|
}
|
|
75
|
+
|
|
76
|
+
// create tailwind.js file
|
|
77
|
+
// let arrayOfClasses = '';
|
|
78
|
+
// tailwindStyles.split(/\r?\n/).map(item => {
|
|
79
|
+
// if (!item.includes('//') && !item.includes('[') && item !== '') {
|
|
80
|
+
// let classParts = item.trim().split(/: (.+)/);
|
|
81
|
+
// let classParts1 = classParts[1];
|
|
82
|
+
// let theObjectNew = "'" + classParts[0].replace(/\./, '').replace(/'/g, '') + "': " + classParts1 + ',\n';
|
|
83
|
+
// arrayOfClasses += theObjectNew;
|
|
84
|
+
// }
|
|
85
|
+
// });
|
|
86
|
+
|
|
87
|
+
// saveFile(cwd + '/purgetss/tailwind.js', `const icons = {${arrayOfClasses}}`);
|
|
75
88
|
}
|
|
76
89
|
exports.autoBuildTailwindTSS = autoBuildTailwindTSS;
|
|
77
90
|
|
|
@@ -398,6 +411,12 @@ function combineDefaultThemeWithConfigFile() {
|
|
|
398
411
|
? _.merge({ apply: configFile.theme.View.apply }, configFile.theme.View)
|
|
399
412
|
: _.merge({ default: { width: 'Ti.UI.SIZE', height: 'Ti.UI.SIZE' } }, configFile.theme.View);
|
|
400
413
|
|
|
414
|
+
_.each(configFile.plugins, value => {
|
|
415
|
+
delete base[value];
|
|
416
|
+
delete configFile.theme[value];
|
|
417
|
+
delete configFile.theme.extend[value];
|
|
418
|
+
});
|
|
419
|
+
|
|
401
420
|
return base;
|
|
402
421
|
}
|
|
403
422
|
|
|
@@ -480,6 +499,7 @@ function getPropertiesFromTiCompletionsFile() {
|
|
|
480
499
|
'ENV_PRODUCTION',
|
|
481
500
|
'ENV_TEST',
|
|
482
501
|
'externalPlaybackActive',
|
|
502
|
+
'focused',
|
|
483
503
|
'hasContentPending',
|
|
484
504
|
'isActivated',
|
|
485
505
|
'isAdvertisingTrackingEnabled',
|
|
@@ -496,6 +516,7 @@ function getPropertiesFromTiCompletionsFile() {
|
|
|
496
516
|
'paused',
|
|
497
517
|
'playing',
|
|
498
518
|
'portrait',
|
|
519
|
+
'safeAreaPadding',
|
|
499
520
|
'specified',
|
|
500
521
|
'waiting',
|
|
501
522
|
|
|
@@ -653,6 +674,7 @@ function removeUneededVariablesFromPropertyName(property) {
|
|
|
653
674
|
.replace('border-width', 'border')
|
|
654
675
|
.replace('color-', '')
|
|
655
676
|
.replace('column-', 'col-')
|
|
677
|
+
.replace('edges-edge', 'edges')
|
|
656
678
|
.replace('flag-', '')
|
|
657
679
|
.replace('height-', 'h-')
|
|
658
680
|
.replace('input-borderstyle-', '')
|
package/index.js
CHANGED
|
@@ -2326,7 +2326,7 @@ function purgeTailwind(uniqueClasses) {
|
|
|
2326
2326
|
if (classesWithOpacityValues.length > 0) {
|
|
2327
2327
|
purgedClasses += '\n// Color Opacity Modifiers\n';
|
|
2328
2328
|
classesWithOpacityValues.forEach(opacityValue => {
|
|
2329
|
-
let opacityIndex = _.findIndex(tailwindClasses, line => line.startsWith(`'.${opacityValue.className}`));
|
|
2329
|
+
let opacityIndex = _.findIndex(tailwindClasses, line => line.startsWith(`'.${opacityValue.className}'`));
|
|
2330
2330
|
|
|
2331
2331
|
if (opacityIndex > -1) {
|
|
2332
2332
|
//! TODO: Check if color value is a hex value!! (if not, they are using rbg, rgba or semantic colors)
|
package/lib/helpers.js
CHANGED
|
@@ -4021,9 +4021,9 @@ function toggle() {
|
|
|
4021
4021
|
'modules': 'Animation'
|
|
4022
4022
|
});
|
|
4023
4023
|
|
|
4024
|
-
convertedStyles += `'.opacity-to-0': { opacity: 1,
|
|
4025
|
-
convertedStyles += `'.opacity-to-100': { opacity: 0,
|
|
4026
|
-
convertedStyles += `'.toggle-visible': {
|
|
4024
|
+
convertedStyles += `'.opacity-to-0': { opacity: 1, animationProperties: { open: { opacity: 0 }, close: { opacity: 1 } } }\n`;
|
|
4025
|
+
convertedStyles += `'.opacity-to-100': { opacity: 0, animationProperties: { open: { opacity: 1 }, close: { opacity: 0 } } }\n`;
|
|
4026
|
+
convertedStyles += `'.toggle-visible': { animationProperties: { open: { visible: true }, close: { visible: false } } }\n`;
|
|
4027
4027
|
|
|
4028
4028
|
return convertedStyles;
|
|
4029
4029
|
}
|
|
@@ -4034,8 +4034,8 @@ function zoomIn(modifiersAndValues) {
|
|
|
4034
4034
|
'prop': 'fontFamily',
|
|
4035
4035
|
'modules': 'Ti.UI.ActivityIndicator, Ti.UI.Button, Ti.UI.Label, Ti.UI.ListItem, Ti.UI.Picker, Ti.UI.PickerColumn, Ti.UI.PickerRow, Ti.UI.ProgressBar, Ti.UI.Switch, Ti.UI.TableViewRow, Ti.UI.TextArea, Ti.UI.TextField'
|
|
4036
4036
|
}, {
|
|
4037
|
-
'zoom-in': '{
|
|
4038
|
-
'zoom-out': '{
|
|
4037
|
+
'zoom-in': '{ animationProperties: { open: { scale: {value} }, complete: { scale: 1 } } }',
|
|
4038
|
+
'zoom-out': '{ animationProperties: { close: { scale: {value} }, complete: { scale: 1 } } }'
|
|
4039
4039
|
}, {
|
|
4040
4040
|
'default': modifiersAndValues
|
|
4041
4041
|
});
|
|
@@ -4204,7 +4204,7 @@ function theme() {
|
|
|
4204
4204
|
'prop': 'theme - Android Only',
|
|
4205
4205
|
'modules': 'Ti.UI.Window'
|
|
4206
4206
|
}, {
|
|
4207
|
-
'theme': '{ theme:
|
|
4207
|
+
'theme': '{ theme: \'{value}\' }',
|
|
4208
4208
|
}, {
|
|
4209
4209
|
[(globalOptions.legacy) ? 'android' : 'default']: {
|
|
4210
4210
|
'titanium': {
|
|
@@ -6334,7 +6334,7 @@ function customRules(_value, _key) {
|
|
|
6334
6334
|
exports.customRules = customRules;
|
|
6335
6335
|
|
|
6336
6336
|
function newCompileApplyDirectives(_twStyles, applyClasses) {
|
|
6337
|
-
console.log('newCompileApplyDirectives', applyClasses);
|
|
6337
|
+
// console.log('newCompileApplyDirectives', applyClasses);
|
|
6338
6338
|
_applyClasses = applyClasses;
|
|
6339
6339
|
return compileApplyDirectives(_twStyles);
|
|
6340
6340
|
}
|
|
@@ -6710,11 +6710,11 @@ function checkPlatformAndDevice(line, className) {
|
|
|
6710
6710
|
? `${line.replace(/[^'.][^']+|1/, `tablet:$&`)}\n`
|
|
6711
6711
|
: `${line.replace(/[^'.][^']+|1/, `tablet:$&[formFactor=tablet]`)}\n`;
|
|
6712
6712
|
} else if (className.includes('open:')) {
|
|
6713
|
-
return `${line.replace(/[^'.][^']+|1/, `open:$&`).replace(/{(.*)}/, '{
|
|
6713
|
+
return `${line.replace(/[^'.][^']+|1/, `open:$&`).replace(/{(.*)}/, '{ animationProperties: { open: $& } }')}\n`;
|
|
6714
6714
|
} else if (className.includes('close:')) {
|
|
6715
|
-
return `${line.replace(/[^'.][^']+|1/, `close:$&`).replace(/{(.*)}/, '{
|
|
6715
|
+
return `${line.replace(/[^'.][^']+|1/, `close:$&`).replace(/{(.*)}/, '{ animationProperties: { close: $& } }')}\n`;
|
|
6716
6716
|
} else if (className.includes('complete:')) {
|
|
6717
|
-
return `${line.replace(/[^'.][^']+|1/, `complete:$&`).replace(/{(.*)}/, '{
|
|
6717
|
+
return `${line.replace(/[^'.][^']+|1/, `complete:$&`).replace(/{(.*)}/, '{ animationProperties: { complete: $& } }')}\n`;
|
|
6718
6718
|
} else if (className.includes('bounds:') && (line.includes('top') || line.includes('right') || line.includes('bottom') || line.includes('left'))) {
|
|
6719
6719
|
return `${line.replace(/[^'.][^']+|1/, `bounds:$&`).replace(/{(.*)}/, '{ bounds: $& }')}\n`;
|
|
6720
6720
|
} else if (className.includes('drag:')) {
|
|
@@ -6976,7 +6976,7 @@ function notDefaultRules(rule) {
|
|
|
6976
6976
|
}
|
|
6977
6977
|
|
|
6978
6978
|
function checkTitanium(value) {
|
|
6979
|
-
let substrings = ['Alloy', 'Ti.', 'Titanium', 'L('];
|
|
6979
|
+
let substrings = ['Alloy', 'Ti.', 'Theme', 'Titanium', 'L('];
|
|
6980
6980
|
|
|
6981
6981
|
if (typeof value === 'string') {
|
|
6982
6982
|
if (substrings.some(substring => {
|
|
@@ -184,6 +184,7 @@ article ef42
|
|
|
184
184
|
aspect_ratio e85b
|
|
185
185
|
assessment e85c
|
|
186
186
|
assignment e85d
|
|
187
|
+
assignment_add f848
|
|
187
188
|
assignment_ind e85e
|
|
188
189
|
assignment_late e85f
|
|
189
190
|
assignment_return e860
|
|
@@ -851,6 +852,7 @@ format_indent_increase e23e
|
|
|
851
852
|
format_italic e23f
|
|
852
853
|
format_line_spacing e240
|
|
853
854
|
format_list_bulleted e241
|
|
855
|
+
format_list_bulleted_add f849
|
|
854
856
|
format_list_numbered e242
|
|
855
857
|
format_list_numbered_rtl e267
|
|
856
858
|
format_overline eb65
|
|
@@ -1277,6 +1279,7 @@ move_to_inbox e168
|
|
|
1277
1279
|
move_up eb64
|
|
1278
1280
|
movie e02c
|
|
1279
1281
|
movie_creation e404
|
|
1282
|
+
movie_edit f840
|
|
1280
1283
|
movie_filter e43a
|
|
1281
1284
|
moving e501
|
|
1282
1285
|
mp e9c3
|
|
@@ -1586,6 +1589,7 @@ raw_off f04f
|
|
|
1586
1589
|
raw_on f050
|
|
1587
1590
|
read_more ef6d
|
|
1588
1591
|
real_estate_agent e73a
|
|
1592
|
+
rebase_edit f846
|
|
1589
1593
|
receipt e8b0
|
|
1590
1594
|
receipt_long ef6e
|
|
1591
1595
|
recent_actors e03f
|
|
@@ -2183,7 +2187,6 @@ webhook eb92
|
|
|
2183
2187
|
wechat ea81
|
|
2184
2188
|
weekend e16b
|
|
2185
2189
|
west f1e6
|
|
2186
|
-
whatsapp ea9c
|
|
2187
2190
|
whatshot e80e
|
|
2188
2191
|
wheelchair_pickup f1ab
|
|
2189
2192
|
where_to_vote e177
|
package/package.json
CHANGED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
```scss
|
|
2
|
-
// Property(ies): fontFamily
|
|
3
|
-
// Component(s): Ti.UI.ActivityIndicator, Ti.UI.Button, Ti.UI.Label, Ti.UI.ListItem, Ti.UI.Picker, Ti.UI.PickerColumn, Ti.UI.PickerRow, Ti.UI.ProgressBar, Ti.UI.Switch, Ti.UI.TableViewRow, Ti.UI.TextArea, Ti.UI.TextField
|
|
4
|
-
'.zoom-in-0': { animation: { open: { scale: 0 }, complete: { scale: 1 } } }
|
|
5
|
-
'.zoom-in-1': { animation: { open: { scale: 0.01 }, complete: { scale: 1 } } }
|
|
6
|
-
'.zoom-in-5': { animation: { open: { scale: 0.05 }, complete: { scale: 1 } } }
|
|
7
|
-
'.zoom-in-10': { animation: { open: { scale: 0.10 }, complete: { scale: 1 } } }
|
|
8
|
-
'.zoom-in-25': { animation: { open: { scale: 0.25 }, complete: { scale: 1 } } }
|
|
9
|
-
'.zoom-in-50': { animation: { open: { scale: 0.5 }, complete: { scale: 1 } } }
|
|
10
|
-
'.zoom-in-75': { animation: { open: { scale: 0.75 }, complete: { scale: 1 } } }
|
|
11
|
-
'.zoom-in-90': { animation: { open: { scale: 0.9 }, complete: { scale: 1 } } }
|
|
12
|
-
'.zoom-in-95': { animation: { open: { scale: 0.95 }, complete: { scale: 1 } } }
|
|
13
|
-
'.zoom-in-100': { animation: { open: { scale: 1 }, complete: { scale: 1 } } }
|
|
14
|
-
'.zoom-in-105': { animation: { open: { scale: 1.05 }, complete: { scale: 1 } } }
|
|
15
|
-
'.zoom-in-110': { animation: { open: { scale: 1.1 }, complete: { scale: 1 } } }
|
|
16
|
-
'.zoom-in-125': { animation: { open: { scale: 1.25 }, complete: { scale: 1 } } }
|
|
17
|
-
'.zoom-in-150': { animation: { open: { scale: 1.5 }, complete: { scale: 1 } } }
|
|
18
|
-
```
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
```scss
|
|
2
|
-
// Property: safeAreaPadding
|
|
3
|
-
// Description: The padding needed to safely display content without it being overlapped by the screen insets and notches.
|
|
4
|
-
// Component(s): Ti.UI.NavigationWindow, Ti.UI.TabGroup, Ti.UI.Window, Ti.UI.iOS.SplitWindow
|
|
5
|
-
'.safe-area-padding-0': { safeAreaPadding: 0 }
|
|
6
|
-
'.safe-area-padding-1': { safeAreaPadding: 4 }
|
|
7
|
-
'.safe-area-padding-2': { safeAreaPadding: 8 }
|
|
8
|
-
'.safe-area-padding-3': { safeAreaPadding: 12 }
|
|
9
|
-
'.safe-area-padding-4': { safeAreaPadding: 16 }
|
|
10
|
-
'.safe-area-padding-5': { safeAreaPadding: 20 }
|
|
11
|
-
'.safe-area-padding-6': { safeAreaPadding: 24 }
|
|
12
|
-
'.safe-area-padding-7': { safeAreaPadding: 28 }
|
|
13
|
-
'.safe-area-padding-8': { safeAreaPadding: 32 }
|
|
14
|
-
'.safe-area-padding-9': { safeAreaPadding: 36 }
|
|
15
|
-
'.safe-area-padding-10': { safeAreaPadding: 40 }
|
|
16
|
-
'.safe-area-padding-11': { safeAreaPadding: 44 }
|
|
17
|
-
'.safe-area-padding-12': { safeAreaPadding: 48 }
|
|
18
|
-
'.safe-area-padding-14': { safeAreaPadding: 56 }
|
|
19
|
-
'.safe-area-padding-16': { safeAreaPadding: 64 }
|
|
20
|
-
'.safe-area-padding-20': { safeAreaPadding: 80 }
|
|
21
|
-
'.safe-area-padding-24': { safeAreaPadding: 96 }
|
|
22
|
-
'.safe-area-padding-28': { safeAreaPadding: 112 }
|
|
23
|
-
'.safe-area-padding-32': { safeAreaPadding: 128 }
|
|
24
|
-
'.safe-area-padding-36': { safeAreaPadding: 144 }
|
|
25
|
-
'.safe-area-padding-40': { safeAreaPadding: 160 }
|
|
26
|
-
'.safe-area-padding-44': { safeAreaPadding: 176 }
|
|
27
|
-
'.safe-area-padding-48': { safeAreaPadding: 192 }
|
|
28
|
-
'.safe-area-padding-52': { safeAreaPadding: 208 }
|
|
29
|
-
'.safe-area-padding-56': { safeAreaPadding: 224 }
|
|
30
|
-
'.safe-area-padding-60': { safeAreaPadding: 240 }
|
|
31
|
-
'.safe-area-padding-64': { safeAreaPadding: 256 }
|
|
32
|
-
'.safe-area-padding-72': { safeAreaPadding: 288 }
|
|
33
|
-
'.safe-area-padding-80': { safeAreaPadding: 320 }
|
|
34
|
-
'.safe-area-padding-96': { safeAreaPadding: 384 }
|
|
35
|
-
'.safe-area-padding-px': { safeAreaPadding: '1px' }
|
|
36
|
-
'.safe-area-padding-0.5': { safeAreaPadding: 2 }
|
|
37
|
-
'.safe-area-padding-1.5': { safeAreaPadding: 6 }
|
|
38
|
-
'.safe-area-padding-2.5': { safeAreaPadding: 10 }
|
|
39
|
-
'.safe-area-padding-3.5': { safeAreaPadding: 14 }
|
|
40
|
-
```
|