purgetss 6.2.41 → 6.2.43

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.
Files changed (36) hide show
  1. package/assets/fonts/FontAwesome6Brands-Regular.ttf +0 -0
  2. package/assets/fonts/FontAwesome6Free-Regular.ttf +0 -0
  3. package/assets/fonts/FontAwesome6Free-Solid.ttf +0 -0
  4. package/dist/configs/vscode/settings.json +2 -2
  5. package/dist/fontawesome.js +13 -2
  6. package/dist/fontawesome.tss +13 -2
  7. package/dist/glossary/booleanProperties/selectionIndicator.md +1 -1
  8. package/dist/glossary/compoundClasses/displayCaps.md +1 -1
  9. package/dist/glossary/compoundClasses/size.md +68 -0
  10. package/dist/glossary/compoundClasses/tiMedia.md +3 -1
  11. package/dist/glossary/configurableProperties/opacity.md +6 -0
  12. package/dist/glossary/configurableProperties/pagingControlAlpha.md +6 -0
  13. package/dist/purgetss.ui.js +125 -46
  14. package/dist/reset.tss +1 -1
  15. package/dist/tailwind.tss +84 -3
  16. package/docs/configuring-guide.md +5 -5
  17. package/experimental/completions2.js +23 -0
  18. package/index.js +1 -1
  19. package/lib/build-fontawesome-free-js.js +2 -3
  20. package/lib/build-fontawesome-free-tss.js +2 -3
  21. package/lib/build-framework7-icons-js.js +2 -3
  22. package/lib/build-framework7-icons-tss.js +2 -3
  23. package/lib/build-material-icons-js.js +2 -3
  24. package/lib/build-material-icons-tss.js +2 -3
  25. package/lib/build-material-symbols-js.js +2 -3
  26. package/lib/build-material-symbols-tss.js +2 -3
  27. package/lib/build-module.js +12 -0
  28. package/lib/helpers.js +92 -79
  29. package/lib/logger.js +9 -0
  30. package/lib/templates/custom-template.tss +1 -1
  31. package/lib/templates/fontawesome/free-template.js +1 -1
  32. package/lib/templates/fontawesome/free-template.tss +1 -1
  33. package/lib/templates/purgetss.ui.js +413 -0
  34. package/lib/templates/tailwind/custom-template.tss +1 -1
  35. package/lib/templates/tailwind/template.tss +1 -1
  36. package/package.json +8 -7
@@ -57,13 +57,13 @@
57
57
  "tailwind-raw-reorder.classRegex": {
58
58
  "xml": [
59
59
  [
60
- "[class|classes|icon|activeIcon]=(([\"'`])(?:(?:[^{}<>](?!\\2))|\\\\\\2)+[^{}<>])\\2",
60
+ "[class|icon|activeIcon]=(([\"'`])(?:(?:[^{}<>](?!\\2))|\\\\\\2)+[^{}<>])\\2",
61
61
  "[\"'`]([^]+)"
62
62
  ]
63
63
  ],
64
64
  "javascript": [
65
65
  [
66
- "[class|classes|apply]: (([\"'`])(?:(?:[^{}<>](?!\\2))|\\\\\\2)+[^{}<>])\\2",
66
+ "[class|apply]: (([\"'`])(?:(?:[^{}<>](?!\\2))|\\\\\\2)+[^{}<>])\\2",
67
67
  "[\"'`]([^]+)"
68
68
  ]
69
69
  ]
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
2
+ * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
3
3
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
4
  */
5
5
 
@@ -1852,7 +1852,6 @@ const icons = {
1852
1852
  warning: '\uf071',
1853
1853
  database: '\uf1c0',
1854
1854
  share: '\uf064',
1855
- arrowTurnRight: '\uf064',
1856
1855
  mailForward: '\uf064',
1857
1856
  bottleDroplet: '\ue4c4',
1858
1857
  maskFace: '\ue1d7',
@@ -1990,6 +1989,7 @@ const icons = {
1990
1989
  yoast: '\uf2b1',
1991
1990
  cloudflare: '\ue07d',
1992
1991
  ups: '\uf7e0',
1992
+ pixiv: '\ue640',
1993
1993
  wpexplorer: '\uf2de',
1994
1994
  dyalog: '\uf399',
1995
1995
  bity: '\uf37a',
@@ -2025,6 +2025,7 @@ const icons = {
2025
2025
  contao: '\uf26d',
2026
2026
  squareFontAwesome: '\ue5ad',
2027
2027
  deskpro: '\uf38f',
2028
+ brave: '\ue63c',
2028
2029
  sistrix: '\uf3ee',
2029
2030
  squareInstagram: '\ue055',
2030
2031
  instagramSquare: '\ue055',
@@ -2081,6 +2082,7 @@ const icons = {
2081
2082
  centos: '\uf789',
2082
2083
  adn: '\uf170',
2083
2084
  cloudsmith: '\uf384',
2085
+ opensuse: '\ue62b',
2084
2086
  piedPiperAlt: '\uf1a8',
2085
2087
  squareDribbble: '\uf397',
2086
2088
  dribbbleSquare: '\uf397',
@@ -2129,6 +2131,7 @@ const icons = {
2129
2131
  laravel: '\uf3bd',
2130
2132
  hotjar: '\uf3b1',
2131
2133
  bluetoothB: '\uf294',
2134
+ squareLetterboxd: '\ue62e',
2132
2135
  stickerMule: '\uf3f7',
2133
2136
  creativeCommonsZero: '\uf4f3',
2134
2137
  hips: '\uf452',
@@ -2140,6 +2143,7 @@ const icons = {
2140
2143
  ccDiscover: '\uf1f2',
2141
2144
  wpbeginner: '\uf297',
2142
2145
  confluence: '\uf78d',
2146
+ shoelace: '\ue60c',
2143
2147
  mdb: '\uf8ca',
2144
2148
  dochub: '\uf394',
2145
2149
  accessibleIcon: '\uf368',
@@ -2181,6 +2185,7 @@ const icons = {
2181
2185
  yCombinator: '\uf23b',
2182
2186
  empire: '\uf1d1',
2183
2187
  envira: '\uf299',
2188
+ googleScholar: '\ue63b',
2184
2189
  squareGitlab: '\ue5ae',
2185
2190
  gitlabSquare: '\ue5ae',
2186
2191
  studiovinari: '\uf3f8',
@@ -2225,6 +2230,7 @@ const icons = {
2225
2230
  bloggerB: '\uf37d',
2226
2231
  opencart: '\uf23d',
2227
2232
  vine: '\uf1ca',
2233
+ signalMessenger: '\ue663',
2228
2234
  paypal: '\uf1ed',
2229
2235
  gitlab: '\uf296',
2230
2236
  typo3: '\uf42b',
@@ -2236,6 +2242,7 @@ const icons = {
2236
2242
  bootstrap: '\uf836',
2237
2243
  odnoklassniki: '\uf263',
2238
2244
  nfcSymbol: '\ue531',
2245
+ mintbit: '\ue62f',
2239
2246
  ethereum: '\uf42e',
2240
2247
  speakerDeck: '\uf83c',
2241
2248
  creativeCommonsNcEu: '\uf4e9',
@@ -2244,6 +2251,7 @@ const icons = {
2244
2251
  ello: '\uf5f1',
2245
2252
  gofore: '\uf3a7',
2246
2253
  bimobject: '\uf378',
2254
+ braveReverse: '\ue63d',
2247
2255
  facebookF: '\uf39e',
2248
2256
  squareGooglePlus: '\uf0d4',
2249
2257
  googlePlusSquare: '\uf0d4',
@@ -2278,6 +2286,7 @@ const icons = {
2278
2286
  soundcloud: '\uf1be',
2279
2287
  digg: '\uf1a6',
2280
2288
  tencentWeibo: '\uf1d5',
2289
+ letterboxd: '\ue62d',
2281
2290
  symfony: '\uf83d',
2282
2291
  maxcdn: '\uf136',
2283
2292
  etsy: '\uf2d7',
@@ -2324,6 +2333,7 @@ const icons = {
2324
2333
  dropbox: '\uf16b',
2325
2334
  instagram: '\uf16d',
2326
2335
  cmplid: '\ue360',
2336
+ upwork: '\ue641',
2327
2337
  facebook: '\uf09a',
2328
2338
  gripfire: '\uf3ac',
2329
2339
  jediOrder: '\uf50e',
@@ -2382,6 +2392,7 @@ const icons = {
2382
2392
  squareBehance: '\uf1b5',
2383
2393
  behanceSquare: '\uf1b5',
2384
2394
  supple: '\uf3f9',
2395
+ webflow: '\ue65c',
2385
2396
  rebel: '\uf1d0',
2386
2397
  css3: '\uf13c',
2387
2398
  staylinked: '\uf3f5',
@@ -1,4 +1,4 @@
1
- // Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
1
+ // Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
2
2
  // License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
3
3
 
4
4
  // Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons
@@ -1860,7 +1860,6 @@
1860
1860
  '.fa-warning': { text: '\uf071', title: '\uf071' }
1861
1861
  '.fa-database': { text: '\uf1c0', title: '\uf1c0' }
1862
1862
  '.fa-share': { text: '\uf064', title: '\uf064' }
1863
- '.fa-arrow-turn-right': { text: '\uf064', title: '\uf064' }
1864
1863
  '.fa-mail-forward': { text: '\uf064', title: '\uf064' }
1865
1864
  '.fa-bottle-droplet': { text: '\ue4c4', title: '\ue4c4' }
1866
1865
  '.fa-mask-face': { text: '\ue1d7', title: '\ue1d7' }
@@ -1998,6 +1997,7 @@
1998
1997
  '.fa-yoast': { text: '\uf2b1', title: '\uf2b1' }
1999
1998
  '.fa-cloudflare': { text: '\ue07d', title: '\ue07d' }
2000
1999
  '.fa-ups': { text: '\uf7e0', title: '\uf7e0' }
2000
+ '.fa-pixiv': { text: '\ue640', title: '\ue640' }
2001
2001
  '.fa-wpexplorer': { text: '\uf2de', title: '\uf2de' }
2002
2002
  '.fa-dyalog': { text: '\uf399', title: '\uf399' }
2003
2003
  '.fa-bity': { text: '\uf37a', title: '\uf37a' }
@@ -2033,6 +2033,7 @@
2033
2033
  '.fa-contao': { text: '\uf26d', title: '\uf26d' }
2034
2034
  '.fa-square-font-awesome': { text: '\ue5ad', title: '\ue5ad' }
2035
2035
  '.fa-deskpro': { text: '\uf38f', title: '\uf38f' }
2036
+ '.fa-brave': { text: '\ue63c', title: '\ue63c' }
2036
2037
  '.fa-sistrix': { text: '\uf3ee', title: '\uf3ee' }
2037
2038
  '.fa-square-instagram': { text: '\ue055', title: '\ue055' }
2038
2039
  '.fa-instagram-square': { text: '\ue055', title: '\ue055' }
@@ -2089,6 +2090,7 @@
2089
2090
  '.fa-centos': { text: '\uf789', title: '\uf789' }
2090
2091
  '.fa-adn': { text: '\uf170', title: '\uf170' }
2091
2092
  '.fa-cloudsmith': { text: '\uf384', title: '\uf384' }
2093
+ '.fa-opensuse': { text: '\ue62b', title: '\ue62b' }
2092
2094
  '.fa-pied-piper-alt': { text: '\uf1a8', title: '\uf1a8' }
2093
2095
  '.fa-square-dribbble': { text: '\uf397', title: '\uf397' }
2094
2096
  '.fa-dribbble-square': { text: '\uf397', title: '\uf397' }
@@ -2137,6 +2139,7 @@
2137
2139
  '.fa-laravel': { text: '\uf3bd', title: '\uf3bd' }
2138
2140
  '.fa-hotjar': { text: '\uf3b1', title: '\uf3b1' }
2139
2141
  '.fa-bluetooth-b': { text: '\uf294', title: '\uf294' }
2142
+ '.fa-square-letterboxd': { text: '\ue62e', title: '\ue62e' }
2140
2143
  '.fa-sticker-mule': { text: '\uf3f7', title: '\uf3f7' }
2141
2144
  '.fa-creative-commons-zero': { text: '\uf4f3', title: '\uf4f3' }
2142
2145
  '.fa-hips': { text: '\uf452', title: '\uf452' }
@@ -2148,6 +2151,7 @@
2148
2151
  '.fa-cc-discover': { text: '\uf1f2', title: '\uf1f2' }
2149
2152
  '.fa-wpbeginner': { text: '\uf297', title: '\uf297' }
2150
2153
  '.fa-confluence': { text: '\uf78d', title: '\uf78d' }
2154
+ '.fa-shoelace': { text: '\ue60c', title: '\ue60c' }
2151
2155
  '.fa-mdb': { text: '\uf8ca', title: '\uf8ca' }
2152
2156
  '.fa-dochub': { text: '\uf394', title: '\uf394' }
2153
2157
  '.fa-accessible-icon': { text: '\uf368', title: '\uf368' }
@@ -2189,6 +2193,7 @@
2189
2193
  '.fa-y-combinator': { text: '\uf23b', title: '\uf23b' }
2190
2194
  '.fa-empire': { text: '\uf1d1', title: '\uf1d1' }
2191
2195
  '.fa-envira': { text: '\uf299', title: '\uf299' }
2196
+ '.fa-google-scholar': { text: '\ue63b', title: '\ue63b' }
2192
2197
  '.fa-square-gitlab': { text: '\ue5ae', title: '\ue5ae' }
2193
2198
  '.fa-gitlab-square': { text: '\ue5ae', title: '\ue5ae' }
2194
2199
  '.fa-studiovinari': { text: '\uf3f8', title: '\uf3f8' }
@@ -2233,6 +2238,7 @@
2233
2238
  '.fa-blogger-b': { text: '\uf37d', title: '\uf37d' }
2234
2239
  '.fa-opencart': { text: '\uf23d', title: '\uf23d' }
2235
2240
  '.fa-vine': { text: '\uf1ca', title: '\uf1ca' }
2241
+ '.fa-signal-messenger': { text: '\ue663', title: '\ue663' }
2236
2242
  '.fa-paypal': { text: '\uf1ed', title: '\uf1ed' }
2237
2243
  '.fa-gitlab': { text: '\uf296', title: '\uf296' }
2238
2244
  '.fa-typo3': { text: '\uf42b', title: '\uf42b' }
@@ -2244,6 +2250,7 @@
2244
2250
  '.fa-bootstrap': { text: '\uf836', title: '\uf836' }
2245
2251
  '.fa-odnoklassniki': { text: '\uf263', title: '\uf263' }
2246
2252
  '.fa-nfc-symbol': { text: '\ue531', title: '\ue531' }
2253
+ '.fa-mintbit': { text: '\ue62f', title: '\ue62f' }
2247
2254
  '.fa-ethereum': { text: '\uf42e', title: '\uf42e' }
2248
2255
  '.fa-speaker-deck': { text: '\uf83c', title: '\uf83c' }
2249
2256
  '.fa-creative-commons-nc-eu': { text: '\uf4e9', title: '\uf4e9' }
@@ -2252,6 +2259,7 @@
2252
2259
  '.fa-ello': { text: '\uf5f1', title: '\uf5f1' }
2253
2260
  '.fa-gofore': { text: '\uf3a7', title: '\uf3a7' }
2254
2261
  '.fa-bimobject': { text: '\uf378', title: '\uf378' }
2262
+ '.fa-brave-reverse': { text: '\ue63d', title: '\ue63d' }
2255
2263
  '.fa-facebook-f': { text: '\uf39e', title: '\uf39e' }
2256
2264
  '.fa-square-google-plus': { text: '\uf0d4', title: '\uf0d4' }
2257
2265
  '.fa-google-plus-square': { text: '\uf0d4', title: '\uf0d4' }
@@ -2286,6 +2294,7 @@
2286
2294
  '.fa-soundcloud': { text: '\uf1be', title: '\uf1be' }
2287
2295
  '.fa-digg': { text: '\uf1a6', title: '\uf1a6' }
2288
2296
  '.fa-tencent-weibo': { text: '\uf1d5', title: '\uf1d5' }
2297
+ '.fa-letterboxd': { text: '\ue62d', title: '\ue62d' }
2289
2298
  '.fa-symfony': { text: '\uf83d', title: '\uf83d' }
2290
2299
  '.fa-maxcdn': { text: '\uf136', title: '\uf136' }
2291
2300
  '.fa-etsy': { text: '\uf2d7', title: '\uf2d7' }
@@ -2332,6 +2341,7 @@
2332
2341
  '.fa-dropbox': { text: '\uf16b', title: '\uf16b' }
2333
2342
  '.fa-instagram': { text: '\uf16d', title: '\uf16d' }
2334
2343
  '.fa-cmplid': { text: '\ue360', title: '\ue360' }
2344
+ '.fa-upwork': { text: '\ue641', title: '\ue641' }
2335
2345
  '.fa-facebook': { text: '\uf09a', title: '\uf09a' }
2336
2346
  '.fa-gripfire': { text: '\uf3ac', title: '\uf3ac' }
2337
2347
  '.fa-jedi-order': { text: '\uf50e', title: '\uf50e' }
@@ -2390,6 +2400,7 @@
2390
2400
  '.fa-square-behance': { text: '\uf1b5', title: '\uf1b5' }
2391
2401
  '.fa-behance-square': { text: '\uf1b5', title: '\uf1b5' }
2392
2402
  '.fa-supple': { text: '\uf3f9', title: '\uf3f9' }
2403
+ '.fa-webflow': { text: '\ue65c', title: '\ue65c' }
2393
2404
  '.fa-rebel': { text: '\uf1d0', title: '\uf1d0' }
2394
2405
  '.fa-css3': { text: '\uf13c', title: '\uf13c' }
2395
2406
  '.fa-staylinked': { text: '\uf3f5', title: '\uf3f5' }
@@ -4,4 +4,4 @@
4
4
  // Component(s): Ti.UI.Picker
5
5
  '.selection-indicator': { selectionIndicator: true }
6
6
  '.selection-indicator-false': { selectionIndicator: false }
7
- ```
7
+ ```
@@ -15,4 +15,4 @@
15
15
  '.platform-w-inverted[platform=android]': { width: Ti.Platform.displayCaps.platformWidth }
16
16
  '.platform-h-inverted[platform=android]': { height: Ti.Platform.displayCaps.platformHeight }
17
17
  '.platform-wh-inverted[platform=android]': { width: Ti.Platform.displayCaps.platformWidth, height: Ti.Platform.displayCaps.platformHeight }
18
- ```
18
+ ```
@@ -0,0 +1,68 @@
1
+ ```scss
2
+ // Property(ies): width and height
3
+ // 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
4
+ '.size-0': { width: 0, height: 0 }
5
+ '.size-1': { width: 4, height: 4 }
6
+ '.size-2': { width: 8, height: 8 }
7
+ '.size-3': { width: 12, height: 12 }
8
+ '.size-4': { width: 16, height: 16 }
9
+ '.size-5': { width: 20, height: 20 }
10
+ '.size-6': { width: 24, height: 24 }
11
+ '.size-7': { width: 28, height: 28 }
12
+ '.size-8': { width: 32, height: 32 }
13
+ '.size-9': { width: 36, height: 36 }
14
+ '.size-10': { width: 40, height: 40 }
15
+ '.size-11': { width: 44, height: 44 }
16
+ '.size-12': { width: 48, height: 48 }
17
+ '.size-14': { width: 56, height: 56 }
18
+ '.size-16': { width: 64, height: 64 }
19
+ '.size-20': { width: 80, height: 80 }
20
+ '.size-24': { width: 96, height: 96 }
21
+ '.size-28': { width: 112, height: 112 }
22
+ '.size-32': { width: 128, height: 128 }
23
+ '.size-36': { width: 144, height: 144 }
24
+ '.size-40': { width: 160, height: 160 }
25
+ '.size-44': { width: 176, height: 176 }
26
+ '.size-48': { width: 192, height: 192 }
27
+ '.size-52': { width: 208, height: 208 }
28
+ '.size-56': { width: 224, height: 224 }
29
+ '.size-60': { width: 240, height: 240 }
30
+ '.size-64': { width: 256, height: 256 }
31
+ '.size-72': { width: 288, height: 288 }
32
+ '.size-80': { width: 320, height: 320 }
33
+ '.size-96': { width: 384, height: 384 }
34
+ '.size-auto': { width: Ti.UI.SIZE, height: Ti.UI.SIZE }
35
+ '.size-px': { width: '1px', height: '1px' }
36
+ '.size-0.5': { width: 2, height: 2 }
37
+ '.size-1.5': { width: 6, height: 6 }
38
+ '.size-2.5': { width: 10, height: 10 }
39
+ '.size-3.5': { width: 14, height: 14 }
40
+ '.size-1/2': { width: '50%', height: '50%' }
41
+ '.size-1/3': { width: '33.333334%', height: '33.333334%' }
42
+ '.size-2/3': { width: '66.666667%', height: '66.666667%' }
43
+ '.size-1/4': { width: '25%', height: '25%' }
44
+ '.size-2/4': { width: '50%', height: '50%' }
45
+ '.size-3/4': { width: '75%', height: '75%' }
46
+ '.size-1/5': { width: '20%', height: '20%' }
47
+ '.size-2/5': { width: '40%', height: '40%' }
48
+ '.size-3/5': { width: '60%', height: '60%' }
49
+ '.size-4/5': { width: '80%', height: '80%' }
50
+ '.size-1/6': { width: '16.666667%', height: '16.666667%' }
51
+ '.size-2/6': { width: '33.333334%', height: '33.333334%' }
52
+ '.size-3/6': { width: '50%', height: '50%' }
53
+ '.size-4/6': { width: '66.666667%', height: '66.666667%' }
54
+ '.size-5/6': { width: '83.333334%', height: '83.333334%' }
55
+ '.size-1/12': { width: '8.333334%', height: '8.333334%' }
56
+ '.size-2/12': { width: '16.666667%', height: '16.666667%' }
57
+ '.size-3/12': { width: '25%', height: '25%' }
58
+ '.size-4/12': { width: '33.333334%', height: '33.333334%' }
59
+ '.size-5/12': { width: '41.666667%', height: '41.666667%' }
60
+ '.size-6/12': { width: '50%', height: '50%' }
61
+ '.size-7/12': { width: '58.333334%', height: '58.333334%' }
62
+ '.size-8/12': { width: '66.666667%', height: '66.666667%' }
63
+ '.size-9/12': { width: '75%', height: '75%' }
64
+ '.size-10/12': { width: '83.333334%', height: '83.333334%' }
65
+ '.size-11/12': { width: '91.666667%', height: '91.666667%' }
66
+ '.size-full': { width: '100%', height: '100%' }
67
+ '.size-screen': { width: Ti.UI.FILL, height: Ti.UI.FILL }
68
+ ```
@@ -3,7 +3,9 @@
3
3
  // Property(ies): scalingMode - ( Alternative )
4
4
  // Description: Background Size for compatibility with Tailwind classes
5
5
  // Component(s): Ti.UI.ImageView
6
- '.bg-auto': { scalingMode: Ti.Media.IMAGE_SCALING_NONE }
6
+ '.bg-auto': { scalingMode: Ti.Media.IMAGE_SCALING_AUTO }
7
+ '.bg-fill': { scalingMode: Ti.Media.IMAGE_SCALING_FILL }
8
+ '.bg-none': { scalingMode: Ti.Media.IMAGE_SCALING_NONE }
7
9
  '.bg-cover': { scalingMode: Ti.Media.IMAGE_SCALING_ASPECT_FILL }
8
10
  '.bg-contain': { scalingMode: Ti.Media.IMAGE_SCALING_ASPECT_FIT }
9
11
 
@@ -4,15 +4,21 @@
4
4
  '.opacity-0': { opacity: 0 }
5
5
  '.opacity-5': { opacity: 0.05 }
6
6
  '.opacity-10': { opacity: 0.1 }
7
+ '.opacity-15': { opacity: 0.15 }
7
8
  '.opacity-20': { opacity: 0.2 }
8
9
  '.opacity-25': { opacity: 0.25 }
9
10
  '.opacity-30': { opacity: 0.3 }
11
+ '.opacity-35': { opacity: 0.35 }
10
12
  '.opacity-40': { opacity: 0.4 }
13
+ '.opacity-45': { opacity: 0.45 }
11
14
  '.opacity-50': { opacity: 0.5 }
15
+ '.opacity-55': { opacity: 0.55 }
12
16
  '.opacity-60': { opacity: 0.6 }
17
+ '.opacity-65': { opacity: 0.65 }
13
18
  '.opacity-70': { opacity: 0.7 }
14
19
  '.opacity-75': { opacity: 0.75 }
15
20
  '.opacity-80': { opacity: 0.8 }
21
+ '.opacity-85': { opacity: 0.85 }
16
22
  '.opacity-90': { opacity: 0.9 }
17
23
  '.opacity-95': { opacity: 0.95 }
18
24
  '.opacity-100': { opacity: 1 }
@@ -5,15 +5,21 @@
5
5
  '.paging-control-alpha-0': { pagingControlAlpha: 0 }
6
6
  '.paging-control-alpha-5': { pagingControlAlpha: 0.05 }
7
7
  '.paging-control-alpha-10': { pagingControlAlpha: 0.1 }
8
+ '.paging-control-alpha-15': { pagingControlAlpha: 0.15 }
8
9
  '.paging-control-alpha-20': { pagingControlAlpha: 0.2 }
9
10
  '.paging-control-alpha-25': { pagingControlAlpha: 0.25 }
10
11
  '.paging-control-alpha-30': { pagingControlAlpha: 0.3 }
12
+ '.paging-control-alpha-35': { pagingControlAlpha: 0.35 }
11
13
  '.paging-control-alpha-40': { pagingControlAlpha: 0.4 }
14
+ '.paging-control-alpha-45': { pagingControlAlpha: 0.45 }
12
15
  '.paging-control-alpha-50': { pagingControlAlpha: 0.5 }
16
+ '.paging-control-alpha-55': { pagingControlAlpha: 0.55 }
13
17
  '.paging-control-alpha-60': { pagingControlAlpha: 0.6 }
18
+ '.paging-control-alpha-65': { pagingControlAlpha: 0.65 }
14
19
  '.paging-control-alpha-70': { pagingControlAlpha: 0.7 }
15
20
  '.paging-control-alpha-75': { pagingControlAlpha: 0.75 }
16
21
  '.paging-control-alpha-80': { pagingControlAlpha: 0.8 }
22
+ '.paging-control-alpha-85': { pagingControlAlpha: 0.85 }
17
23
  '.paging-control-alpha-90': { pagingControlAlpha: 0.9 }
18
24
  '.paging-control-alpha-95': { pagingControlAlpha: 0.95 }
19
25
  '.paging-control-alpha-100': { pagingControlAlpha: 1 }
@@ -1,3 +1,7 @@
1
+ // PurgeTSS v6.2.43
2
+ // Created by César Estrada
3
+ // https://purgetss.com
4
+
1
5
  function Animation(args) {
2
6
  const param = {
3
7
  id: args.id,
@@ -38,7 +42,7 @@ function Animation(args) {
38
42
 
39
43
  // TODO: Create a library of useful animations!!
40
44
  animationView.play = (_views, _cb) => {
41
- if (param.debug) console.log('') // Just for debug
45
+ if (param.debug) { console.log('') } // Just for debug
42
46
  logger('`play` method called on: ' + param.id);
43
47
  (param.playing) ? logger(`$.${param.view.id}: is playing...`) : mainPlayApplyFn(_views, _cb)
44
48
  }
@@ -46,13 +50,13 @@ function Animation(args) {
46
50
  animationView.toggle = animationView.play
47
51
 
48
52
  animationView.apply = (_views, _cb) => {
49
- if (param.debug) console.log('') // Just for debug
53
+ if (param.debug) { console.log('') } // Just for debug
50
54
  logger('`apply` method called on: ' + param.id)
51
55
  mainPlayApplyFn(_views, _cb, 'apply')
52
56
  }
53
57
 
54
58
  animationView.draggable = (_views) => {
55
- if (param.debug) console.log('') // Just for debug
59
+ if (param.debug) { console.log('') } // Just for debug
56
60
  logger('`draggable` method called on: ' + param.id)
57
61
  if (Array.isArray(_views)) {
58
62
  _views.forEach((_view, key) => {
@@ -83,59 +87,129 @@ function Animation(args) {
83
87
  }
84
88
  }
85
89
 
86
- function draggable(_view) {
87
- if (_view) {
90
+ function draggable(draggableView) {
91
+ if (draggableView) {
88
92
  logger(' -> `draggable` helper')
89
93
 
90
94
  let offsetX, offsetY
91
95
 
92
- if (args.bounds) _view.bounds = (_view.bounds) ? { ...args.bounds, ..._view.bounds } : args.bounds
93
-
94
- param.draggables.push(_view)
95
-
96
- Ti.Gesture.addEventListener('orientationchange', (e) => {
97
- if (OS_ANDROID) setTimeout(() => { checkBoundaries(_view) }, 1000)
98
- else checkBoundaries(_view)
99
- })
96
+ if (args.bounds) {
97
+ draggableView.bounds = (draggableView.bounds) ? { ...args.bounds, ...draggableView.bounds } : args.bounds
98
+ }
100
99
 
101
- _view.addEventListener('touchstart', function(e) {
102
- offsetX = e.x
103
- offsetY = e.y
100
+ draggableView.addEventListener('touchstart', event => {
101
+ offsetX = event.x
102
+ offsetY = event.y
104
103
 
105
- param.draggables.push(param.draggables.splice(realSourceView(e.source).zIndex, 1)[0])
104
+ param.draggables.push(param.draggables.splice(realSourceView(event.source).zIndex, 1)[0])
106
105
 
107
106
  param.draggables.forEach((draggable, key) => { draggable.zIndex = key })
108
107
 
109
- checkDraggable(_view, 'drag')
108
+ checkDraggable(draggableView, 'drag')
110
109
  })
111
110
 
112
- _view.addEventListener('touchend', e => {
113
- checkDraggable(_view, 'drop')
111
+ draggableView.addEventListener('touchend', () => {
112
+ checkDraggable(draggableView, 'drop')
114
113
  })
115
114
 
116
- _view.addEventListener('touchmove', function(e) {
117
- if (!e.source.transform && !param.hasTransformation && !_view.transform) {
118
- const convertedPoint = _view.convertPointToView({ x: e.x, y: e.y }, _view.parent)
115
+ if (OS_IOS) {
116
+ draggableView.addEventListener('touchmove', event => {
117
+ const parentViewRect = draggableView.parent.rect
118
+ const convertedPoint = draggableView.convertPointToView({ x: event.x, y: event.y }, draggableView.parent)
119
119
 
120
120
  let top = Math.round(convertedPoint.y - offsetY)
121
121
  let left = Math.round(convertedPoint.x - offsetX)
122
122
 
123
- if (_view.bounds) {
124
- if (_view.bounds.top !== undefined && top < _view.bounds.top) top = _view.bounds.top
125
- if (_view.bounds.left !== undefined && left < _view.bounds.left) left = _view.bounds.left
126
- if (_view.bounds.right !== undefined && left > _view.parent.rect.width - _view.rect.width - _view.bounds.right) left = _view.parent.rect.width - _view.rect.width - _view.bounds.right
127
- if (_view.bounds.bottom !== undefined && top > _view.parent.rect.height - _view.rect.height - _view.bounds.bottom) top = _view.parent.rect.height - _view.rect.height - _view.bounds.bottom
123
+ if (draggableView.bounds) {
124
+ if (draggableView.bounds.top !== undefined && top < draggableView.bounds.top) {
125
+ top = draggableView.bounds.top
126
+ }
127
+ if (draggableView.bounds.left !== undefined && left < draggableView.bounds.left) {
128
+ left = draggableView.bounds.left
129
+ }
130
+ if (draggableView.bounds.right !== undefined && left > parentViewRect.width - draggableView.rect.width - draggableView.bounds.right) {
131
+ left = parentViewRect.width - draggableView.rect.width - draggableView.bounds.right
132
+ }
133
+ if (draggableView.bounds.bottom !== undefined && top > parentViewRect.height - draggableView.rect.height - draggableView.bounds.bottom) {
134
+ top = parentViewRect.height - draggableView.rect.height - draggableView.bounds.bottom
135
+ }
128
136
  }
129
137
 
130
- const moveValues = { top, left, duration: 0 }
138
+ let x = left - parentViewRect.width / 2 + draggableView.rect.width / 2
139
+ let y = top - parentViewRect.height / 2 + draggableView.rect.height / 2
131
140
 
132
- if (_view.constraint === 'vertical') delete moveValues.left
133
- else if (_view.constraint === 'horizontal') delete moveValues.top
141
+ if (draggableView.left) {
142
+ x = left - draggableView.left
143
+ } else if (draggableView.right) {
144
+ x = left - (parentViewRect.width - draggableView.right - draggableView.rect.width)
145
+ }
134
146
 
135
- if (param.moveByProperties) _view.applyProperties(moveValues)
136
- else _view.animate(moveValues)
137
- }
138
- })
147
+ if (draggableView.top) {
148
+ y = top - draggableView.top
149
+ } else if (draggableView.bottom) {
150
+ y = top - (parentViewRect.height - draggableView.bottom - draggableView.rect.height)
151
+ }
152
+
153
+ if (draggableView.constraint === 'vertical') {
154
+ x = 0
155
+ } else if (draggableView.constraint === 'horizontal') {
156
+ y = 0
157
+ }
158
+
159
+ draggableView.applyProperties({ duration: 0, transform: Ti.UI.createMatrix2D().translate(x, y) })
160
+ })
161
+
162
+ Ti.Gesture.addEventListener('orientationchange', () => {
163
+ checkBoundaries(draggableView)
164
+ })
165
+ } else {
166
+ draggableView.addEventListener('touchmove', event => {
167
+ if (!event.source.transform && !param.hasTransformation && !draggableView.transform) {
168
+ const convertedPoint = draggableView.convertPointToView({ x: event.x, y: event.y }, draggableView.parent)
169
+
170
+ let top = Math.round(convertedPoint.y - offsetY)
171
+ let left = Math.round(convertedPoint.x - offsetX)
172
+
173
+ if (draggableView.bounds) {
174
+ if (draggableView.bounds.top !== undefined && top < draggableView.bounds.top) {
175
+ top = draggableView.bounds.top
176
+ }
177
+ if (draggableView.bounds.left !== undefined && left < draggableView.bounds.left) {
178
+ left = draggableView.bounds.left
179
+ }
180
+ if (draggableView.bounds.right !== undefined && left > draggableView.parent.rect.width - draggableView.rect.width - draggableView.bounds.right) {
181
+ left = draggableView.parent.rect.width - draggableView.rect.width - draggableView.bounds.right
182
+ }
183
+ if (draggableView.bounds.bottom !== undefined && top > draggableView.parent.rect.height - draggableView.rect.height - draggableView.bounds.bottom) {
184
+ top = draggableView.parent.rect.height - draggableView.rect.height - draggableView.bounds.bottom
185
+ }
186
+ }
187
+
188
+ const moveValues = { top, left, duration: 0 }
189
+
190
+ if (draggableView.constraint === 'vertical') {
191
+ delete moveValues.left
192
+ } else if (draggableView.constraint === 'horizontal') {
193
+ delete moveValues.top
194
+ }
195
+
196
+ if (param.moveByProperties) {
197
+ draggableView.applyProperties(moveValues)
198
+ } else {
199
+ draggableView.animate(moveValues)
200
+ }
201
+ }
202
+ })
203
+
204
+ Ti.Gesture.addEventListener('orientationchange', () => {
205
+ const BOUNDARY_CHECK_DELAY = 1000
206
+ setTimeout(() => {
207
+ checkBoundaries(draggableView)
208
+ }, BOUNDARY_CHECK_DELAY)
209
+ })
210
+ }
211
+
212
+ param.draggables.push(draggableView)
139
213
  } else {
140
214
  notFound()
141
215
  }
@@ -167,8 +241,13 @@ function Animation(args) {
167
241
 
168
242
  function checkBoundaries(_view) {
169
243
  if (_view.bounds) {
170
- 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
171
- 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
244
+ if (_view.bounds.right !== undefined && _view.left > _view.parent.rect.width - _view.rect.width - _view.bounds.right) {
245
+ _view.left = _view.parent.rect.width - _view.rect.width - _view.bounds.right
246
+ }
247
+
248
+ if (_view.bounds.bottom !== undefined && _view.top > _view.parent.rect.height - _view.rect.height - _view.bounds.bottom) {
249
+ _view.top = _view.parent.rect.height - _view.rect.height - _view.bounds.bottom
250
+ }
172
251
  }
173
252
  }
174
253
 
@@ -187,10 +266,10 @@ function Animation(args) {
187
266
  }
188
267
 
189
268
  function logger(_message, forceLog = false) {
190
- if (param.debug || forceLog) console.warn(`::ti.animation:: ${_message}`)
269
+ if (param.debug || forceLog) { console.warn(`::ti.animation:: ${_message}`) }
191
270
  }
192
271
 
193
- function notFound(source) {
272
+ function notFound() {
194
273
  console.error('The provided target can’t be found!')
195
274
  }
196
275
 
@@ -228,15 +307,13 @@ function Animation(args) {
228
307
  logger(' -> `animate` View')
229
308
  param.view = view
230
309
  param.playing = true
231
- view.animate(Ti.UI.createAnimation(args), e => {
310
+ view.animate(Ti.UI.createAnimation(args), event => {
232
311
  checkComplete(view, action);
233
312
 
234
313
  // eslint-disable-next-line no-unused-expressions
235
314
  (typeof _cb === 'function')
236
- ? _cb(e)
237
- : e => {
238
- logger('Animation complete on object: ' + JSON.stringify(args))
239
- }
315
+ ? _cb(event)
316
+ : logger('Animation complete on object: ' + JSON.stringify(args))
240
317
 
241
318
  param.playing = false
242
319
  })
@@ -273,7 +350,9 @@ function Animation(args) {
273
350
  if (param.open && child.animationProperties && child.animationProperties.open) {
274
351
  if (_action === 'play') {
275
352
  child.animate(createAnimationObject(child, 'open'), () => {
276
- if (child.animationProperties.complete) child.animate(createAnimationObject(child, 'complete'))
353
+ if (child.animationProperties.complete) {
354
+ child.animate(createAnimationObject(child, 'complete'))
355
+ }
277
356
  })
278
357
  } else {
279
358
  child.applyProperties({
@@ -332,4 +411,4 @@ function deviceInfo() {
332
411
  }
333
412
  exports.deviceInfo = deviceInfo
334
413
 
335
- exports.createAnimation = (args) => { return new Animation(args) }
414
+ exports.createAnimation = args => new Animation(args)
package/dist/reset.tss CHANGED
@@ -1,2 +1,2 @@
1
1
  // Created by César Estrada
2
- // https://github.com/macCesar/purgeTSS
2
+ // https://purgetss.com