├── .gitignore
├── .prettierrc
├── README.md
├── demo-ng
├── App_Resources
│ ├── Android
│ │ ├── app.gradle
│ │ └── src
│ │ │ └── main
│ │ │ ├── AndroidManifest.xml
│ │ │ └── res
│ │ │ ├── drawable-hdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ │ ├── drawable-ldpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ │ ├── drawable-mdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ │ ├── drawable-nodpi
│ │ │ └── splash_screen.xml
│ │ │ ├── drawable-xhdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ │ ├── drawable-xxhdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ │ ├── drawable-xxxhdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ │ ├── values-v21
│ │ │ ├── colors.xml
│ │ │ ├── strings.xml
│ │ │ └── styles.xml
│ │ │ └── values
│ │ │ ├── colors.xml
│ │ │ ├── strings.xml
│ │ │ └── styles.xml
│ └── iOS
│ │ ├── Assets.xcassets
│ │ ├── AppIcon.appiconset
│ │ │ ├── Contents.json
│ │ │ ├── icon-1024.png
│ │ │ ├── icon-29.png
│ │ │ ├── icon-29@2x.png
│ │ │ ├── icon-29@3x.png
│ │ │ ├── icon-40.png
│ │ │ ├── icon-40@2x.png
│ │ │ ├── icon-40@3x.png
│ │ │ ├── icon-60@2x.png
│ │ │ ├── icon-60@3x.png
│ │ │ ├── icon-76.png
│ │ │ ├── icon-76@2x.png
│ │ │ └── icon-83.5@2x.png
│ │ ├── Contents.json
│ │ ├── LaunchImage.launchimage
│ │ │ ├── Contents.json
│ │ │ ├── Default-1125h.png
│ │ │ ├── Default-568h@2x.png
│ │ │ ├── Default-667h@2x.png
│ │ │ ├── Default-736h@3x.png
│ │ │ ├── Default-Landscape-X.png
│ │ │ ├── Default-Landscape.png
│ │ │ ├── Default-Landscape@2x.png
│ │ │ ├── Default-Landscape@3x.png
│ │ │ ├── Default-Portrait.png
│ │ │ ├── Default-Portrait@2x.png
│ │ │ ├── Default.png
│ │ │ └── Default@2x.png
│ │ ├── LaunchScreen.AspectFill.imageset
│ │ │ ├── Contents.json
│ │ │ ├── LaunchScreen-AspectFill.png
│ │ │ └── LaunchScreen-AspectFill@2x.png
│ │ └── LaunchScreen.Center.imageset
│ │ │ ├── Contents.json
│ │ │ ├── LaunchScreen-Center.png
│ │ │ └── LaunchScreen-Center@2x.png
│ │ ├── Info.plist
│ │ ├── LaunchScreen.storyboard
│ │ └── build.xcconfig
├── README.md
├── app
│ ├── app.component.html
│ ├── app.component.ts
│ ├── app.css
│ ├── app.module.ts
│ ├── app.routing.ts
│ ├── assets
│ │ ├── 01.jpg
│ │ ├── 02.jpg
│ │ ├── 03.jpg
│ │ ├── 04.jpg
│ │ └── ng-logo.png
│ ├── item
│ │ ├── carousel-advanced.component.ts
│ │ ├── carousel-advanced.html
│ │ ├── carousel-dynamic.component.ts
│ │ ├── carousel-dynamic.html
│ │ ├── carousel-static.component.ts
│ │ ├── carousel-static.css
│ │ ├── carousel-static.html
│ │ ├── item.service.ts
│ │ ├── items.component.html
│ │ ├── items.component.ts
│ │ └── slideItem.ts
│ └── main.ts
├── nativescript.config.ts
├── ngcc.config.js
├── package.json
├── tsconfig.json
└── webpack.config.js
├── demo-vue
├── App_Resources
│ ├── Android
│ │ ├── AndroidManifest.xml
│ │ ├── app.gradle
│ │ ├── drawable-hdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ ├── drawable-ldpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ ├── drawable-mdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ ├── drawable-nodpi
│ │ │ └── splash_screen.xml
│ │ ├── drawable-xhdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ ├── drawable-xxhdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ ├── drawable-xxxhdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ ├── values-v21
│ │ │ ├── colors.xml
│ │ │ ├── strings.xml
│ │ │ └── styles.xml
│ │ └── values
│ │ │ ├── colors.xml
│ │ │ ├── strings.xml
│ │ │ └── styles.xml
│ └── iOS
│ │ ├── Assets.xcassets
│ │ ├── AppIcon.appiconset
│ │ │ ├── Contents.json
│ │ │ ├── icon-1024.png
│ │ │ ├── icon-29.png
│ │ │ ├── icon-29@2x.png
│ │ │ ├── icon-29@3x.png
│ │ │ ├── icon-40.png
│ │ │ ├── icon-40@2x.png
│ │ │ ├── icon-40@3x.png
│ │ │ ├── icon-60@2x.png
│ │ │ ├── icon-60@3x.png
│ │ │ ├── icon-76.png
│ │ │ ├── icon-76@2x.png
│ │ │ └── icon-83.5@2x.png
│ │ ├── Contents.json
│ │ ├── LaunchImage.launchimage
│ │ │ ├── Contents.json
│ │ │ ├── Default-1125h.png
│ │ │ ├── Default-568h@2x.png
│ │ │ ├── Default-667h@2x.png
│ │ │ ├── Default-736h@3x.png
│ │ │ ├── Default-Landscape-X.png
│ │ │ ├── Default-Landscape.png
│ │ │ ├── Default-Landscape@2x.png
│ │ │ ├── Default-Landscape@3x.png
│ │ │ ├── Default-Portrait.png
│ │ │ ├── Default-Portrait@2x.png
│ │ │ ├── Default.png
│ │ │ └── Default@2x.png
│ │ ├── LaunchScreen.AspectFill.imageset
│ │ │ ├── Contents.json
│ │ │ ├── LaunchScreen-AspectFill.png
│ │ │ └── LaunchScreen-AspectFill@2x.png
│ │ └── LaunchScreen.Center.imageset
│ │ │ ├── Contents.json
│ │ │ ├── LaunchScreen-Center.png
│ │ │ └── LaunchScreen-Center@2x.png
│ │ ├── Info.plist
│ │ ├── LaunchScreen.storyboard
│ │ └── build.xcconfig
├── README.md
├── app
│ ├── app.css
│ ├── app.js
│ ├── assets
│ │ └── images
│ │ │ ├── 01.jpg
│ │ │ ├── 02.jpg
│ │ │ ├── 03.jpg
│ │ │ ├── 04.jpg
│ │ │ ├── NativeScript-Vue.png
│ │ │ └── vue-logo.png
│ └── components
│ │ ├── BoundDemo.vue
│ │ ├── ExtrasDemo.vue
│ │ ├── Menu.vue
│ │ └── StaticDemo.vue
├── nativescript.config.ts
├── package.json
└── webpack.config.js
├── demo
├── App_Resources
│ ├── Android
│ │ ├── app.gradle
│ │ └── src
│ │ │ └── main
│ │ │ ├── AndroidManifest.xml
│ │ │ └── res
│ │ │ ├── drawable-hdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ │ ├── drawable-ldpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ │ ├── drawable-mdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ │ ├── drawable-nodpi
│ │ │ └── splash_screen.xml
│ │ │ ├── drawable-xhdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ │ ├── drawable-xxhdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ │ ├── drawable-xxxhdpi
│ │ │ ├── background.png
│ │ │ ├── icon.png
│ │ │ └── logo.png
│ │ │ ├── values-v21
│ │ │ ├── colors.xml
│ │ │ ├── strings.xml
│ │ │ └── styles.xml
│ │ │ └── values
│ │ │ ├── colors.xml
│ │ │ ├── strings.xml
│ │ │ └── styles.xml
│ └── iOS
│ │ ├── Assets.xcassets
│ │ ├── AppIcon.appiconset
│ │ │ ├── Contents.json
│ │ │ ├── icon-1024.png
│ │ │ ├── icon-29.png
│ │ │ ├── icon-29@2x.png
│ │ │ ├── icon-29@3x.png
│ │ │ ├── icon-40.png
│ │ │ ├── icon-40@2x.png
│ │ │ ├── icon-40@3x.png
│ │ │ ├── icon-60@2x.png
│ │ │ ├── icon-60@3x.png
│ │ │ ├── icon-76.png
│ │ │ ├── icon-76@2x.png
│ │ │ └── icon-83.5@2x.png
│ │ ├── Contents.json
│ │ ├── LaunchImage.launchimage
│ │ │ ├── Contents.json
│ │ │ ├── Default-1125h.png
│ │ │ ├── Default-568h@2x.png
│ │ │ ├── Default-667h@2x.png
│ │ │ ├── Default-736h@3x.png
│ │ │ ├── Default-Landscape-X.png
│ │ │ ├── Default-Landscape.png
│ │ │ ├── Default-Landscape@2x.png
│ │ │ ├── Default-Landscape@3x.png
│ │ │ ├── Default-Portrait.png
│ │ │ ├── Default-Portrait@2x.png
│ │ │ ├── Default.png
│ │ │ └── Default@2x.png
│ │ ├── LaunchScreen.AspectFill.imageset
│ │ │ ├── Contents.json
│ │ │ ├── LaunchScreen-AspectFill.png
│ │ │ └── LaunchScreen-AspectFill@2x.png
│ │ └── LaunchScreen.Center.imageset
│ │ │ ├── Contents.json
│ │ │ ├── LaunchScreen-Center.png
│ │ │ └── LaunchScreen-Center@2x.png
│ │ ├── Info.plist
│ │ ├── LaunchScreen.storyboard
│ │ └── build.xcconfig
├── README.md
├── app
│ ├── app-root.xml
│ ├── app.android.css
│ ├── app.ios.css
│ ├── app.ts
│ ├── assets
│ │ ├── 01.jpg
│ │ ├── 02.jpg
│ │ ├── 03.jpg
│ │ ├── 04.jpg
│ │ └── js-ts-logo.png
│ ├── carousel1.css
│ ├── carousel1.xml
│ ├── carousel2.ts
│ ├── carousel2.xml
│ ├── carousel3.ts
│ ├── carousel3.xml
│ ├── main-page.ts
│ └── main-page.xml
├── nativescript.config.ts
├── package-lock.json
├── package.json
├── tsconfig.json
└── webpack.config.js
├── package-lock.json
├── publish
├── build.sh
├── pack.sh
├── package-lock.json
├── package.json
└── publish.sh
├── screenshots
├── android_carousel.gif
└── ios_carousel.gif
├── src
├── .npmignore
├── carousel.android.ts
├── carousel.common.ts
├── carousel.d.ts
├── carousel.ios.ts
├── package.json
├── platforms
│ ├── android
│ │ └── include.gradle
│ └── ios
│ │ └── Podfile
├── references.d.ts
├── scripts
│ └── build-native.js
├── tsconfig.json
└── typings
│ └── objc!DKCarouselView.d.ts
└── tslint.json
/.gitignore:
--------------------------------------------------------------------------------
1 | .vscode
2 | .idea
3 | .DS_Store
4 | *.esm.json
5 | *.js
6 | *.js.map
7 | *.log
8 | *.tgz
9 |
10 | hooks
11 | node_modules
12 | !webpack.config.js
13 | *package-lock.json
14 |
15 | src/*.d.ts
16 | src/dist
17 | !src/index.d.ts
18 | !src/references.d.ts
19 | !src/scripts/*.js
20 |
21 | !seed-tests/*.js
22 | seed-tests/seed-copy/**/*.*
23 | seed-tests/seed-copy-new-git-repo/**/*.*
24 |
25 | demo/*.d.ts
26 | demo/report/report.html
27 | demo/report/stats.json
28 | demo/lib
29 | demo/platforms
30 | !demo/karma.conf.js
31 | !demo/app/tests/*.js
32 | !demo/references.d.ts
33 |
34 | !demo-ng/ngcc.config.js
35 |
36 | demo-ng/platforms
37 |
38 | demo-vue/platforms
39 | !demo-vue/app/app.js
40 |
41 | publish/src
42 | publish/package
43 | publish/dist
44 | package-lock.json
45 |
--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | "useTabs": false,
3 | "semi": true,
4 | "singleQuote": true,
5 | "printWidth": 120
6 | }
7 |
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/app.gradle:
--------------------------------------------------------------------------------
1 | // Add your native dependencies here:
2 |
3 | // Uncomment to add recyclerview-v7 dependency
4 | //dependencies {
5 | // compile 'com.android.support:recyclerview-v7:+'
6 | //}
7 |
8 | android {
9 | defaultConfig {
10 | generatedDensities = []
11 | applicationId = "org.nativescript.demongcarousel"
12 | }
13 | aaptOptions {
14 | additionalParameters "--no-version-vectors"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
12 |
13 |
16 |
17 |
18 |
19 |
20 |
21 |
27 |
28 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-hdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-hdpi/background.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-hdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-hdpi/icon.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-hdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-hdpi/logo.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-ldpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-ldpi/background.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-ldpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-ldpi/icon.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-ldpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-ldpi/logo.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-mdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-mdpi/background.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-mdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-mdpi/icon.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-mdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-mdpi/logo.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-nodpi/splash_screen.xml:
--------------------------------------------------------------------------------
1 |
2 | -
3 |
4 |
5 | -
6 |
7 |
8 |
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-xhdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-xhdpi/background.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-xhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-xhdpi/icon.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-xhdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-xhdpi/logo.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-xxhdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-xxhdpi/background.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-xxhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-xxhdpi/icon.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-xxhdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-xxhdpi/logo.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-xxxhdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-xxxhdpi/background.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-xxxhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-xxxhdpi/icon.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/drawable-xxxhdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/Android/src/main/res/drawable-xxxhdpi/logo.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/values-v21/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | #3d5afe
4 |
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/values-v21/strings.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | CarouselAngular
4 | CarouselAngular
5 |
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/values-v21/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
9 |
10 |
11 |
14 |
15 |
16 |
19 |
20 |
23 |
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | #F5F5F5
4 | #757575
5 | #33B5E5
6 | #272734
7 |
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | CarouselAngular
4 | CarouselAngular
5 |
--------------------------------------------------------------------------------
/demo-ng/App_Resources/Android/src/main/res/values/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
18 |
19 |
21 |
22 |
23 |
31 |
32 |
34 |
35 |
36 |
42 |
43 |
45 |
46 |
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "size" : "29x29",
5 | "idiom" : "iphone",
6 | "filename" : "icon-29.png",
7 | "scale" : "1x"
8 | },
9 | {
10 | "size" : "29x29",
11 | "idiom" : "iphone",
12 | "filename" : "icon-29@2x.png",
13 | "scale" : "2x"
14 | },
15 | {
16 | "size" : "29x29",
17 | "idiom" : "iphone",
18 | "filename" : "icon-29@3x.png",
19 | "scale" : "3x"
20 | },
21 | {
22 | "size" : "40x40",
23 | "idiom" : "iphone",
24 | "filename" : "icon-40@2x.png",
25 | "scale" : "2x"
26 | },
27 | {
28 | "size" : "40x40",
29 | "idiom" : "iphone",
30 | "filename" : "icon-40@3x.png",
31 | "scale" : "3x"
32 | },
33 | {
34 | "size" : "60x60",
35 | "idiom" : "iphone",
36 | "filename" : "icon-60@2x.png",
37 | "scale" : "2x"
38 | },
39 | {
40 | "size" : "60x60",
41 | "idiom" : "iphone",
42 | "filename" : "icon-60@3x.png",
43 | "scale" : "3x"
44 | },
45 | {
46 | "size" : "29x29",
47 | "idiom" : "ipad",
48 | "filename" : "icon-29.png",
49 | "scale" : "1x"
50 | },
51 | {
52 | "size" : "29x29",
53 | "idiom" : "ipad",
54 | "filename" : "icon-29@2x.png",
55 | "scale" : "2x"
56 | },
57 | {
58 | "size" : "40x40",
59 | "idiom" : "ipad",
60 | "filename" : "icon-40.png",
61 | "scale" : "1x"
62 | },
63 | {
64 | "size" : "40x40",
65 | "idiom" : "ipad",
66 | "filename" : "icon-40@2x.png",
67 | "scale" : "2x"
68 | },
69 | {
70 | "size" : "76x76",
71 | "idiom" : "ipad",
72 | "filename" : "icon-76.png",
73 | "scale" : "1x"
74 | },
75 | {
76 | "size" : "76x76",
77 | "idiom" : "ipad",
78 | "filename" : "icon-76@2x.png",
79 | "scale" : "2x"
80 | },
81 | {
82 | "size" : "83.5x83.5",
83 | "idiom" : "ipad",
84 | "filename" : "icon-83.5@2x.png",
85 | "scale" : "2x"
86 | },
87 | {
88 | "size" : "1024x1024",
89 | "idiom" : "ios-marketing",
90 | "filename" : "icon-1024.png",
91 | "scale" : "1x"
92 | }
93 | ],
94 | "info" : {
95 | "version" : 1,
96 | "author" : "xcode"
97 | }
98 | }
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-1024.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-1024.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@2x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@3x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@2x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@3x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@2x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@3x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76@2x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-83.5@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-83.5@2x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "info" : {
3 | "version" : 1,
4 | "author" : "xcode"
5 | }
6 | }
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "extent" : "full-screen",
5 | "idiom" : "iphone",
6 | "subtype" : "2436h",
7 | "filename" : "Default-1125h.png",
8 | "minimum-system-version" : "11.0",
9 | "orientation" : "portrait",
10 | "scale" : "3x"
11 | },
12 | {
13 | "orientation" : "landscape",
14 | "idiom" : "iphone",
15 | "extent" : "full-screen",
16 | "filename" : "Default-Landscape-X.png",
17 | "minimum-system-version" : "11.0",
18 | "subtype" : "2436h",
19 | "scale" : "3x"
20 | },
21 | {
22 | "extent" : "full-screen",
23 | "idiom" : "iphone",
24 | "subtype" : "736h",
25 | "filename" : "Default-736h@3x.png",
26 | "minimum-system-version" : "8.0",
27 | "orientation" : "portrait",
28 | "scale" : "3x"
29 | },
30 | {
31 | "extent" : "full-screen",
32 | "idiom" : "iphone",
33 | "subtype" : "736h",
34 | "filename" : "Default-Landscape@3x.png",
35 | "minimum-system-version" : "8.0",
36 | "orientation" : "landscape",
37 | "scale" : "3x"
38 | },
39 | {
40 | "extent" : "full-screen",
41 | "idiom" : "iphone",
42 | "subtype" : "667h",
43 | "filename" : "Default-667h@2x.png",
44 | "minimum-system-version" : "8.0",
45 | "orientation" : "portrait",
46 | "scale" : "2x"
47 | },
48 | {
49 | "orientation" : "portrait",
50 | "idiom" : "iphone",
51 | "filename" : "Default@2x.png",
52 | "extent" : "full-screen",
53 | "minimum-system-version" : "7.0",
54 | "scale" : "2x"
55 | },
56 | {
57 | "extent" : "full-screen",
58 | "idiom" : "iphone",
59 | "subtype" : "retina4",
60 | "filename" : "Default-568h@2x.png",
61 | "minimum-system-version" : "7.0",
62 | "orientation" : "portrait",
63 | "scale" : "2x"
64 | },
65 | {
66 | "orientation" : "portrait",
67 | "idiom" : "ipad",
68 | "filename" : "Default-Portrait.png",
69 | "extent" : "full-screen",
70 | "minimum-system-version" : "7.0",
71 | "scale" : "1x"
72 | },
73 | {
74 | "orientation" : "landscape",
75 | "idiom" : "ipad",
76 | "filename" : "Default-Landscape.png",
77 | "extent" : "full-screen",
78 | "minimum-system-version" : "7.0",
79 | "scale" : "1x"
80 | },
81 | {
82 | "orientation" : "portrait",
83 | "idiom" : "ipad",
84 | "filename" : "Default-Portrait@2x.png",
85 | "extent" : "full-screen",
86 | "minimum-system-version" : "7.0",
87 | "scale" : "2x"
88 | },
89 | {
90 | "orientation" : "landscape",
91 | "idiom" : "ipad",
92 | "filename" : "Default-Landscape@2x.png",
93 | "extent" : "full-screen",
94 | "minimum-system-version" : "7.0",
95 | "scale" : "2x"
96 | },
97 | {
98 | "orientation" : "portrait",
99 | "idiom" : "iphone",
100 | "filename" : "Default.png",
101 | "extent" : "full-screen",
102 | "scale" : "1x"
103 | },
104 | {
105 | "orientation" : "portrait",
106 | "idiom" : "iphone",
107 | "filename" : "Default@2x.png",
108 | "extent" : "full-screen",
109 | "scale" : "2x"
110 | },
111 | {
112 | "orientation" : "portrait",
113 | "idiom" : "iphone",
114 | "filename" : "Default-568h@2x.png",
115 | "extent" : "full-screen",
116 | "subtype" : "retina4",
117 | "scale" : "2x"
118 | },
119 | {
120 | "orientation" : "portrait",
121 | "idiom" : "ipad",
122 | "extent" : "to-status-bar",
123 | "scale" : "1x"
124 | },
125 | {
126 | "orientation" : "portrait",
127 | "idiom" : "ipad",
128 | "filename" : "Default-Portrait.png",
129 | "extent" : "full-screen",
130 | "scale" : "1x"
131 | },
132 | {
133 | "orientation" : "landscape",
134 | "idiom" : "ipad",
135 | "extent" : "to-status-bar",
136 | "scale" : "1x"
137 | },
138 | {
139 | "orientation" : "landscape",
140 | "idiom" : "ipad",
141 | "filename" : "Default-Landscape.png",
142 | "extent" : "full-screen",
143 | "scale" : "1x"
144 | },
145 | {
146 | "orientation" : "portrait",
147 | "idiom" : "ipad",
148 | "extent" : "to-status-bar",
149 | "scale" : "2x"
150 | },
151 | {
152 | "orientation" : "portrait",
153 | "idiom" : "ipad",
154 | "filename" : "Default-Portrait@2x.png",
155 | "extent" : "full-screen",
156 | "scale" : "2x"
157 | },
158 | {
159 | "orientation" : "landscape",
160 | "idiom" : "ipad",
161 | "extent" : "to-status-bar",
162 | "scale" : "2x"
163 | },
164 | {
165 | "orientation" : "landscape",
166 | "idiom" : "ipad",
167 | "filename" : "Default-Landscape@2x.png",
168 | "extent" : "full-screen",
169 | "scale" : "2x"
170 | }
171 | ],
172 | "info" : {
173 | "version" : 1,
174 | "author" : "xcode"
175 | }
176 | }
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-1125h.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-1125h.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-568h@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-568h@2x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-667h@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-667h@2x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-736h@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-736h@3x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape-X.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape-X.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@2x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@3x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait@2x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default@2x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "idiom" : "universal",
5 | "filename" : "LaunchScreen-AspectFill.png",
6 | "scale" : "1x"
7 | },
8 | {
9 | "idiom" : "universal",
10 | "filename" : "LaunchScreen-AspectFill@2x.png",
11 | "scale" : "2x"
12 | },
13 | {
14 | "idiom" : "universal",
15 | "scale" : "3x"
16 | }
17 | ],
18 | "info" : {
19 | "version" : 1,
20 | "author" : "xcode"
21 | }
22 | }
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill@2x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "idiom" : "universal",
5 | "filename" : "LaunchScreen-Center.png",
6 | "scale" : "1x"
7 | },
8 | {
9 | "idiom" : "universal",
10 | "filename" : "LaunchScreen-Center@2x.png",
11 | "scale" : "2x"
12 | },
13 | {
14 | "idiom" : "universal",
15 | "scale" : "3x"
16 | }
17 | ],
18 | "info" : {
19 | "version" : 1,
20 | "author" : "xcode"
21 | }
22 | }
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center@2x.png
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleDisplayName
8 | CarouselAngular
9 | CFBundleExecutable
10 | ${EXECUTABLE_NAME}
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | ${PRODUCT_NAME}
15 | CFBundlePackageType
16 | APPL
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleSignature
20 | ????
21 | CFBundleVersion
22 | 1.0
23 | LSRequiresIPhoneOS
24 |
25 | UILaunchStoryboardName
26 | LaunchScreen
27 | UIRequiresFullScreen
28 |
29 | UIRequiredDeviceCapabilities
30 |
31 | armv7
32 |
33 | UISupportedInterfaceOrientations
34 |
35 | UIInterfaceOrientationPortrait
36 | UIInterfaceOrientationLandscapeLeft
37 | UIInterfaceOrientationLandscapeRight
38 |
39 | UISupportedInterfaceOrientations~ipad
40 |
41 | UIInterfaceOrientationPortrait
42 | UIInterfaceOrientationPortraitUpsideDown
43 | UIInterfaceOrientationLandscapeLeft
44 | UIInterfaceOrientationLandscapeRight
45 |
46 |
47 |
48 |
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/LaunchScreen.storyboard:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
--------------------------------------------------------------------------------
/demo-ng/App_Resources/iOS/build.xcconfig:
--------------------------------------------------------------------------------
1 | // You can add custom settings here
2 | // for example you can uncomment the following line to force distribution code signing
3 | // CODE_SIGN_IDENTITY = iPhone Distribution
4 | // To build for device with Xcode 8 you need to specify your development team. More info: https://developer.apple.com/library/prerelease/content/releasenotes/DeveloperTools/RN-Xcode/Introduction.html
5 | // DEVELOPMENT_TEAM = YOUR_TEAM_ID;
6 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
7 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;
8 |
--------------------------------------------------------------------------------
/demo-ng/README.md:
--------------------------------------------------------------------------------
1 | # Angular Carousel Demo - Instructions
2 |
3 | ### Please take a look at the demo code for more details on how to use the Carousel. Read below on how to run the demos.
4 |
5 | _Don't forget to register the Carousel components in your main `app.component.ts`_
6 | ```js
7 | registerElement('Carousel', () => Carousel);
8 | registerElement('CarouselItem', () => CarouselItem);
9 | ```
10 |
11 | ## Manually create each slide by using `CarouselItem` without data-binding
12 |
13 | ```xml
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 | ```
29 |
30 | ## Or create a data-bound Carousel with a single `CarouselItem` acting as your template.
31 |
32 | **Warning: This method is a bit of a "hack" in order to get the data-bound Carousel working with Angular. There are certain conditions that need to be met in order for the data-bound Carousel to work properly:**
33 | Please note that you need to assign your data-array to both the `Carousel` using the `items` property, and the `CarouselItem` using the `*ngFor="let item of myData"` directive.
34 |
35 | **Example:**
36 | ```xml
37 |
38 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 | ```
49 |
50 | ## Events
51 | You can create tap-events on the `CarouselItem` or on any elements innside it, then check against `selectedPage` to get the slide index.
52 |
53 | ```js
54 | @ViewChild("myCarousel", { static: false }) carouselView: ElementRef;
55 |
56 | export function myTapPageEvent(args) {
57 | console.log('Tapped page index: ' + (this.carouselView.nativeElement.selectedPage));
58 | }
59 |
60 | export function myChangePageEvent(args) {
61 | console.log('Page changed to index: ' + args.index);
62 | };
63 | ```
64 |
65 | ## Running the demos
66 |
67 | The best way to run the demo would be to clone the repo and run the demos from there.
68 | From the `src` folder you can run a set of npm scripts based on what you want to do. Take a look at the `package.json` too see all the script commands.
69 |
70 | *To run the Angular demo run the following command:*
71 |
72 | Navigate to the `src` folder:
73 | `cd src`
74 |
75 | Build the Carousel plugin:
76 | `npm run build`
77 |
78 | Run iOS demo:
79 | `npm run demo-ng.ios`
80 |
81 | Run Android demo:
82 | `npm run demo-ng.android`
83 |
--------------------------------------------------------------------------------
/demo-ng/app/app.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/demo-ng/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | import { registerElement } from '@nativescript/angular';
3 | // Register Custom Elements for Angular
4 | import { Carousel, CarouselItem } from 'nativescript-carousel';
5 |
6 | registerElement('Carousel', () => Carousel);
7 | registerElement('CarouselItem', () => CarouselItem);
8 |
9 | @Component({
10 | selector: 'ns-app',
11 | templateUrl: 'app.component.html',
12 | })
13 | export class AppComponent {}
14 |
--------------------------------------------------------------------------------
/demo-ng/app/app.css:
--------------------------------------------------------------------------------
1 | @import '~@nativescript/theme/css/ruby.css';
2 |
3 | Button {
4 | border-radius: 2;
5 | font-size: 16;
6 | margin: 15;
7 | background-color: #e90262;
8 | color: #fff;
9 | }
10 |
11 | Label {
12 | text-align: center;
13 | }
14 |
15 | ActionBar {
16 | background-color: #e90262;
17 | color: #ffffff;
18 | }
19 |
--------------------------------------------------------------------------------
/demo-ng/app/app.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
2 | import { NativeScriptModule } from '@nativescript/angular';
3 | import { AppComponent } from './app.component';
4 | import { AppRoutingModule } from './app.routing';
5 | import { CarouselAdvancedComponent } from './item/carousel-advanced.component';
6 | import { CarouselDynamicComponent } from './item/carousel-dynamic.component';
7 | import { CarouselStaticComponent } from './item/carousel-static.component';
8 | import { ItemService } from './item/item.service';
9 | import { ItemsComponent } from './item/items.component';
10 |
11 | // Uncomment and add to NgModule imports if you need to use two-way binding
12 | // import { NativeScriptFormsModule } from "@nativescript/angular";
13 |
14 | // Uncomment and add to NgModule imports if you need to use the HTTP wrapper
15 | // import { NativeScriptHttpModule } from "@nativescript/angular";
16 |
17 | @NgModule({
18 | bootstrap: [AppComponent],
19 | imports: [NativeScriptModule, AppRoutingModule],
20 | declarations: [
21 | AppComponent,
22 | ItemsComponent,
23 | CarouselStaticComponent,
24 | CarouselDynamicComponent,
25 | CarouselAdvancedComponent,
26 | ],
27 | providers: [ItemService],
28 | schemas: [NO_ERRORS_SCHEMA],
29 | })
30 | /*
31 | Pass your application module to the bootstrapModule function located in main.ts to start your app
32 | */
33 | export class AppModule {}
34 |
--------------------------------------------------------------------------------
/demo-ng/app/app.routing.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes } from '@angular/router';
3 | import { NativeScriptRouterModule } from '@nativescript/angular';
4 | import { CarouselAdvancedComponent } from './item/carousel-advanced.component';
5 | import { CarouselDynamicComponent } from './item/carousel-dynamic.component';
6 | import { CarouselStaticComponent } from './item/carousel-static.component';
7 | import { ItemsComponent } from './item/items.component';
8 |
9 | const routes: Routes = [
10 | { path: '', redirectTo: '/items', pathMatch: 'full' },
11 | { path: 'items', component: ItemsComponent },
12 | { path: 'static', component: CarouselStaticComponent },
13 | { path: 'dynamic', component: CarouselDynamicComponent },
14 | { path: 'advanced', component: CarouselAdvancedComponent },
15 | ];
16 |
17 | @NgModule({
18 | imports: [NativeScriptRouterModule.forRoot(routes)],
19 | exports: [NativeScriptRouterModule],
20 | })
21 | export class AppRoutingModule {}
22 |
--------------------------------------------------------------------------------
/demo-ng/app/assets/01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/app/assets/01.jpg
--------------------------------------------------------------------------------
/demo-ng/app/assets/02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/app/assets/02.jpg
--------------------------------------------------------------------------------
/demo-ng/app/assets/03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/app/assets/03.jpg
--------------------------------------------------------------------------------
/demo-ng/app/assets/04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/app/assets/04.jpg
--------------------------------------------------------------------------------
/demo-ng/app/assets/ng-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-ng/app/assets/ng-logo.png
--------------------------------------------------------------------------------
/demo-ng/app/item/carousel-advanced.component.ts:
--------------------------------------------------------------------------------
1 | import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';
2 | import { Carousel } from 'nativescript-carousel';
3 | import { ItemService } from './item.service';
4 | import { SlideItem } from './slideItem';
5 |
6 | @Component({
7 | selector: 'ns-carousel-advanced',
8 | moduleId: module.id,
9 | templateUrl: './carousel-advanced.html',
10 | })
11 | export class CarouselAdvancedComponent implements OnInit, AfterViewInit {
12 | @ViewChild('advCarousel', { static: false }) carouselRef: ElementRef;
13 | items: SlideItem[];
14 | currentPage: number = 1;
15 | tappedPage: number = 0;
16 | indicatorEnabled: boolean = true;
17 |
18 | carouselView: Carousel;
19 | constructor(private itemService: ItemService) {}
20 |
21 | ngOnInit(): void {
22 | this.items = this.itemService.getItems();
23 | }
24 |
25 | ngAfterViewInit(): void {
26 | this.carouselView = this.carouselRef.nativeElement as Carousel;
27 | }
28 |
29 | toggleColor(): void {
30 | this.carouselView.indicatorColor = '#FED700';
31 | this.carouselView.indicatorColorUnselected = '#50FED700';
32 | }
33 |
34 | toggleIndicator(): void {
35 | this.carouselView.showIndicator = !this.indicatorEnabled;
36 | this.indicatorEnabled = !this.indicatorEnabled;
37 | }
38 |
39 | pageChangedEvent(args: any): void {
40 | this.currentPage = args.index + 1;
41 | }
42 |
43 | pageTappedEvent(args: any): void {
44 | this.tappedPage = this.carouselView.selectedPage + 1;
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/demo-ng/app/item/carousel-advanced.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
11 |
12 |
17 |
18 |
19 |
20 |
25 |
26 |
27 |
28 |
39 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
60 |
61 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/demo-ng/app/item/carousel-dynamic.component.ts:
--------------------------------------------------------------------------------
1 | import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';
2 | import { Carousel } from 'nativescript-carousel';
3 | import { ItemService } from './item.service';
4 | import { SlideItem } from './slideItem';
5 |
6 | @Component({
7 | selector: 'ns-carousel-dynamic',
8 | moduleId: module.id,
9 | templateUrl: './carousel-dynamic.html',
10 | })
11 | export class CarouselDynamicComponent implements OnInit, AfterViewInit {
12 | @ViewChild('myCarousel', { static: false }) carouselView: ElementRef;
13 | myData: SlideItem[];
14 | constructor(private itemService: ItemService) {}
15 |
16 | ngOnInit(): void {
17 | this.myData = this.itemService.getItems();
18 | console.log('oninit', this.myData.length);
19 | }
20 |
21 | ngAfterViewInit(): void {}
22 |
23 | myChangePageEvent(args: any): void {
24 | var changeEventText = 'Changed to slide index: ' + args.index;
25 | console.log(changeEventText);
26 | }
27 | myTapPageEvent(): void {
28 | console.log('Tapped page: ' + (this.carouselView.nativeElement.selectedPage + 1));
29 | }
30 | selectPageThree(): void {
31 | this.carouselView.nativeElement.selectedPage = 2;
32 | }
33 |
34 | addNewPage(): void {
35 | let itemList = [...this.myData];
36 | let pagenr = this.myData.length + 1;
37 | let color = '#' + ((Math.random() * 0xffffff) << 0).toString(16);
38 | itemList.push({ pageNr: pagenr, title: `Slide ${pagenr}`, color: color, image: '' });
39 | console.log('push item, update array');
40 | this.myData = itemList;
41 |
42 | setTimeout(() => {
43 | if (this.carouselView) {
44 | let selectPage = this.myData.length - 1;
45 | console.log('focus on page index: ', selectPage);
46 | this.carouselView.nativeElement.selectedPage = selectPage;
47 | }
48 | }, 100);
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/demo-ng/app/item/carousel-dynamic.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
10 |
11 |
12 |
25 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
--------------------------------------------------------------------------------
/demo-ng/app/item/carousel-static.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Page } from '@nativescript/core';
3 |
4 | @Component({
5 | selector: 'ns-carousel-static',
6 | moduleId: module.id,
7 | templateUrl: './carousel-static.html',
8 | styleUrls: ['./carousel-static.css'],
9 | })
10 | export class CarouselStaticComponent implements OnInit {
11 | constructor(private page: Page) {}
12 |
13 | ngOnInit(): void {
14 | //this.page.actionBarHidden = true;
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/demo-ng/app/item/carousel-static.css:
--------------------------------------------------------------------------------
1 | #slide1 {
2 | background: linear-gradient(45deg, #eb3349, #f45c43);
3 | vertical-align: center;
4 | }
5 |
6 | #slide2 {
7 | background: linear-gradient(-45deg, #93f9b9, #1d976c);
8 | vertical-align: center;
9 | }
10 |
11 | #slide3 {
12 | background: linear-gradient(45deg, #1d2b64, #f8cdda);
13 | vertical-align: center;
14 | }
15 |
16 | #slide4 {
17 | background: linear-gradient(tobottom, #003973, #e5e5be);
18 | vertical-align: center;
19 | }
20 |
21 | .carousel-layout-fix {
22 | padding: 0.1 0;
23 | margin: -0.1 0;
24 | }
25 |
--------------------------------------------------------------------------------
/demo-ng/app/item/carousel-static.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
19 |
20 |
21 |
22 |
23 |
29 |
30 |
31 |
32 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/demo-ng/app/item/item.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { SlideItem } from './slideItem';
3 |
4 | @Injectable()
5 | export class ItemService {
6 | private items = new Array(
7 | { pageNr: 1, title: 'Page 1', color: '#b3cde0', image: '~/assets/01.jpg' },
8 | { pageNr: 2, title: 'Page 2', color: '#6497b1', image: '~/assets/02.jpg' },
9 | { pageNr: 3, title: 'Page 3', color: '#005b96', image: '~/assets/03.jpg' },
10 | { pageNr: 4, title: 'Page 4', color: '#03396c', image: '~/assets/04.jpg' }
11 | );
12 |
13 | getItems(): SlideItem[] {
14 | return this.items;
15 | }
16 |
17 | getItem(id: number): SlideItem {
18 | return this.items.filter((item) => item.pageNr === id)[0];
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/demo-ng/app/item/items.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/demo-ng/app/item/items.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'ns-items',
5 | moduleId: module.id,
6 | templateUrl: './items.component.html',
7 | })
8 | export class ItemsComponent {
9 | constructor() {}
10 | }
11 |
--------------------------------------------------------------------------------
/demo-ng/app/item/slideItem.ts:
--------------------------------------------------------------------------------
1 | export interface SlideItem {
2 | pageNr: number;
3 | title: string;
4 | color: string;
5 | image: string;
6 | }
7 |
--------------------------------------------------------------------------------
/demo-ng/app/main.ts:
--------------------------------------------------------------------------------
1 | // this import should be first in order to load some required settings (like globals and reflect-metadata)
2 | import { platformNativeScriptDynamic } from '@nativescript/angular';
3 | import { AppModule } from './app.module';
4 |
5 | // A traditional NativeScript application starts by initializing global objects, setting up global CSS rules, creating, and navigating to the main page.
6 | // Angular applications need to take care of their own initialization: modules, components, directives, routes, DI providers.
7 | // A NativeScript Angular app needs to make both paradigms work together, so we provide a wrapper platform object, platformNativeScriptDynamic,
8 | // that sets up a NativeScript application and can bootstrap the Angular framework.
9 | platformNativeScriptDynamic().bootstrapModule(AppModule);
10 |
--------------------------------------------------------------------------------
/demo-ng/nativescript.config.ts:
--------------------------------------------------------------------------------
1 | import { NativeScriptConfig } from '@nativescript/core';
2 |
3 | export default {
4 | id: 'org.nativescript.demongcarousel',
5 | appResourcesPath: 'App_Resources',
6 | android: {
7 | v8Flags: '--expose_gc',
8 | markingMode: 'none',
9 | },
10 | appPath: 'app',
11 | } as NativeScriptConfig;
12 |
--------------------------------------------------------------------------------
/demo-ng/ngcc.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | packages: {
3 | "@nativescript/angular": {
4 | entryPoints: {
5 | ".": {
6 | override: {
7 | main: "./index.js",
8 | typings: "./index.d.ts"
9 | },
10 | ignoreMissingDependencies: true
11 | }
12 | }
13 | },
14 | }
15 | }
--------------------------------------------------------------------------------
/demo-ng/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "demo-angular-carousel",
3 | "version": "1.0.0",
4 | "description": "Angular demo of the nativescript-carousel",
5 | "license": "MIT",
6 | "scripts": {
7 | "postinstall": "ngcc --properties es2015 module main --first-only"
8 | },
9 | "dependencies": {
10 | "@angular/animations": "~11.2.0",
11 | "@angular/common": "~11.2.0",
12 | "@angular/compiler": "~11.2.0",
13 | "@angular/core": "~11.2.0",
14 | "@angular/forms": "~11.2.0",
15 | "@angular/platform-browser": "~11.2.0",
16 | "@angular/platform-browser-dynamic": "~11.2.0",
17 | "@angular/router": "~11.2.0",
18 | "@nativescript/angular": "~11.8.0",
19 | "@nativescript/core": "~8.0.0",
20 | "@nativescript/theme": "^2.3.3",
21 | "@nativescript/webpack": "3.0.0",
22 | "nativescript-carousel": "file:../src/dist",
23 | "reflect-metadata": "~0.1.13",
24 | "rxjs": "^6.6.0",
25 | "zone.js": "^0.11.1"
26 | },
27 | "devDependencies": {
28 | "@angular/compiler-cli": "~11.2.0",
29 | "@nativescript/android": "8.0.0",
30 | "@nativescript/ios": "8.0.0",
31 | "@ngtools/webpack": "~11.2.0",
32 | "babel-traverse": "6.26.0",
33 | "babel-types": "6.26.0",
34 | "babylon": "6.18.0",
35 | "lazy": "1.0.11",
36 | "typescript": "~4.0.0"
37 | },
38 | "main": "main.js"
39 | }
40 |
--------------------------------------------------------------------------------
/demo-ng/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "module": "esnext",
4 | "target": "es2017",
5 | "experimentalDecorators": true,
6 | "emitDecoratorMetadata": true,
7 | "noEmitHelpers": true,
8 | "noEmitOnError": true,
9 | "skipLibCheck": true,
10 | "noLib": false,
11 | "lib": [
12 | "es6",
13 | "dom",
14 | "es2015.iterable",
15 | "es2017"
16 | ],
17 | "baseUrl": ".",
18 | "paths": {
19 | "*": [
20 | "./node_modules/@nativescript/*",
21 | "./node_modules/*"
22 | ],
23 | "~/*": [
24 | "app/*"
25 | ]
26 | },
27 | "moduleResolution": "node",
28 | "removeComments": false
29 | },
30 | "exclude": [
31 | "node_modules",
32 | "platforms"
33 | ]
34 | }
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/app.gradle:
--------------------------------------------------------------------------------
1 | // Add your native dependencies here:
2 |
3 | android {
4 | defaultConfig {
5 | generatedDensities = []
6 | applicationId = "org.nativescript.carouseldemovue"
7 | }
8 | aaptOptions {
9 | additionalParameters "--no-version-vectors"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-hdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-hdpi/background.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-hdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-hdpi/icon.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-hdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-hdpi/logo.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-ldpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-ldpi/background.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-ldpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-ldpi/icon.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-ldpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-ldpi/logo.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-mdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-mdpi/background.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-mdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-mdpi/icon.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-mdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-mdpi/logo.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-nodpi/splash_screen.xml:
--------------------------------------------------------------------------------
1 |
2 | -
3 |
4 |
5 | -
6 |
7 |
8 |
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-xhdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-xhdpi/background.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-xhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-xhdpi/icon.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-xhdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-xhdpi/logo.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-xxhdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-xxhdpi/background.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-xxhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-xxhdpi/icon.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-xxhdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-xxhdpi/logo.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-xxxhdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-xxxhdpi/background.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-xxxhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-xxxhdpi/icon.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/drawable-xxxhdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/Android/drawable-xxxhdpi/logo.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/values-v21/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | #3d5afe
4 |
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/values-v21/strings.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | CarouselVue
4 | CarouselVue
5 |
6 |
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/values-v21/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
9 |
10 |
11 |
14 |
15 |
16 |
19 |
20 |
23 |
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/values/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | #F5F5F5
4 | #757575
5 | #33B5E5
6 | #272734
7 |
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | CarouselVue
4 | CarouselVue
5 |
6 |
--------------------------------------------------------------------------------
/demo-vue/App_Resources/Android/values/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
17 |
18 |
20 |
21 |
22 |
29 |
30 |
32 |
33 |
34 |
39 |
40 |
42 |
43 |
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "size" : "29x29",
5 | "idiom" : "iphone",
6 | "filename" : "icon-29.png",
7 | "scale" : "1x"
8 | },
9 | {
10 | "size" : "29x29",
11 | "idiom" : "iphone",
12 | "filename" : "icon-29@2x.png",
13 | "scale" : "2x"
14 | },
15 | {
16 | "size" : "29x29",
17 | "idiom" : "iphone",
18 | "filename" : "icon-29@3x.png",
19 | "scale" : "3x"
20 | },
21 | {
22 | "size" : "40x40",
23 | "idiom" : "iphone",
24 | "filename" : "icon-40@2x.png",
25 | "scale" : "2x"
26 | },
27 | {
28 | "size" : "40x40",
29 | "idiom" : "iphone",
30 | "filename" : "icon-40@3x.png",
31 | "scale" : "3x"
32 | },
33 | {
34 | "size" : "60x60",
35 | "idiom" : "iphone",
36 | "filename" : "icon-60@2x.png",
37 | "scale" : "2x"
38 | },
39 | {
40 | "size" : "60x60",
41 | "idiom" : "iphone",
42 | "filename" : "icon-60@3x.png",
43 | "scale" : "3x"
44 | },
45 | {
46 | "size" : "29x29",
47 | "idiom" : "ipad",
48 | "filename" : "icon-29.png",
49 | "scale" : "1x"
50 | },
51 | {
52 | "size" : "29x29",
53 | "idiom" : "ipad",
54 | "filename" : "icon-29@2x.png",
55 | "scale" : "2x"
56 | },
57 | {
58 | "size" : "40x40",
59 | "idiom" : "ipad",
60 | "filename" : "icon-40.png",
61 | "scale" : "1x"
62 | },
63 | {
64 | "size" : "40x40",
65 | "idiom" : "ipad",
66 | "filename" : "icon-40@2x.png",
67 | "scale" : "2x"
68 | },
69 | {
70 | "size" : "76x76",
71 | "idiom" : "ipad",
72 | "filename" : "icon-76.png",
73 | "scale" : "1x"
74 | },
75 | {
76 | "size" : "76x76",
77 | "idiom" : "ipad",
78 | "filename" : "icon-76@2x.png",
79 | "scale" : "2x"
80 | },
81 | {
82 | "size" : "83.5x83.5",
83 | "idiom" : "ipad",
84 | "filename" : "icon-83.5@2x.png",
85 | "scale" : "2x"
86 | },
87 | {
88 | "size" : "1024x1024",
89 | "idiom" : "ios-marketing",
90 | "filename" : "icon-1024.png",
91 | "scale" : "1x"
92 | }
93 | ],
94 | "info" : {
95 | "version" : 1,
96 | "author" : "xcode"
97 | }
98 | }
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-1024.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-1024.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@2x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@3x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@2x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@3x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@2x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@3x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76@2x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-83.5@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-83.5@2x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "info" : {
3 | "version" : 1,
4 | "author" : "xcode"
5 | }
6 | }
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "extent" : "full-screen",
5 | "idiom" : "iphone",
6 | "subtype" : "2436h",
7 | "filename" : "Default-1125h.png",
8 | "minimum-system-version" : "11.0",
9 | "orientation" : "portrait",
10 | "scale" : "3x"
11 | },
12 | {
13 | "orientation" : "landscape",
14 | "idiom" : "iphone",
15 | "extent" : "full-screen",
16 | "filename" : "Default-Landscape-X.png",
17 | "minimum-system-version" : "11.0",
18 | "subtype" : "2436h",
19 | "scale" : "3x"
20 | },
21 | {
22 | "extent" : "full-screen",
23 | "idiom" : "iphone",
24 | "subtype" : "736h",
25 | "filename" : "Default-736h@3x.png",
26 | "minimum-system-version" : "8.0",
27 | "orientation" : "portrait",
28 | "scale" : "3x"
29 | },
30 | {
31 | "extent" : "full-screen",
32 | "idiom" : "iphone",
33 | "subtype" : "736h",
34 | "filename" : "Default-Landscape@3x.png",
35 | "minimum-system-version" : "8.0",
36 | "orientation" : "landscape",
37 | "scale" : "3x"
38 | },
39 | {
40 | "extent" : "full-screen",
41 | "idiom" : "iphone",
42 | "subtype" : "667h",
43 | "filename" : "Default-667h@2x.png",
44 | "minimum-system-version" : "8.0",
45 | "orientation" : "portrait",
46 | "scale" : "2x"
47 | },
48 | {
49 | "orientation" : "portrait",
50 | "idiom" : "iphone",
51 | "filename" : "Default@2x.png",
52 | "extent" : "full-screen",
53 | "minimum-system-version" : "7.0",
54 | "scale" : "2x"
55 | },
56 | {
57 | "extent" : "full-screen",
58 | "idiom" : "iphone",
59 | "subtype" : "retina4",
60 | "filename" : "Default-568h@2x.png",
61 | "minimum-system-version" : "7.0",
62 | "orientation" : "portrait",
63 | "scale" : "2x"
64 | },
65 | {
66 | "orientation" : "portrait",
67 | "idiom" : "ipad",
68 | "filename" : "Default-Portrait.png",
69 | "extent" : "full-screen",
70 | "minimum-system-version" : "7.0",
71 | "scale" : "1x"
72 | },
73 | {
74 | "orientation" : "landscape",
75 | "idiom" : "ipad",
76 | "filename" : "Default-Landscape.png",
77 | "extent" : "full-screen",
78 | "minimum-system-version" : "7.0",
79 | "scale" : "1x"
80 | },
81 | {
82 | "orientation" : "portrait",
83 | "idiom" : "ipad",
84 | "filename" : "Default-Portrait@2x.png",
85 | "extent" : "full-screen",
86 | "minimum-system-version" : "7.0",
87 | "scale" : "2x"
88 | },
89 | {
90 | "orientation" : "landscape",
91 | "idiom" : "ipad",
92 | "filename" : "Default-Landscape@2x.png",
93 | "extent" : "full-screen",
94 | "minimum-system-version" : "7.0",
95 | "scale" : "2x"
96 | },
97 | {
98 | "orientation" : "portrait",
99 | "idiom" : "iphone",
100 | "filename" : "Default.png",
101 | "extent" : "full-screen",
102 | "scale" : "1x"
103 | },
104 | {
105 | "orientation" : "portrait",
106 | "idiom" : "iphone",
107 | "filename" : "Default@2x.png",
108 | "extent" : "full-screen",
109 | "scale" : "2x"
110 | },
111 | {
112 | "orientation" : "portrait",
113 | "idiom" : "iphone",
114 | "filename" : "Default-568h@2x.png",
115 | "extent" : "full-screen",
116 | "subtype" : "retina4",
117 | "scale" : "2x"
118 | },
119 | {
120 | "orientation" : "portrait",
121 | "idiom" : "ipad",
122 | "extent" : "to-status-bar",
123 | "scale" : "1x"
124 | },
125 | {
126 | "orientation" : "portrait",
127 | "idiom" : "ipad",
128 | "filename" : "Default-Portrait.png",
129 | "extent" : "full-screen",
130 | "scale" : "1x"
131 | },
132 | {
133 | "orientation" : "landscape",
134 | "idiom" : "ipad",
135 | "extent" : "to-status-bar",
136 | "scale" : "1x"
137 | },
138 | {
139 | "orientation" : "landscape",
140 | "idiom" : "ipad",
141 | "filename" : "Default-Landscape.png",
142 | "extent" : "full-screen",
143 | "scale" : "1x"
144 | },
145 | {
146 | "orientation" : "portrait",
147 | "idiom" : "ipad",
148 | "extent" : "to-status-bar",
149 | "scale" : "2x"
150 | },
151 | {
152 | "orientation" : "portrait",
153 | "idiom" : "ipad",
154 | "filename" : "Default-Portrait@2x.png",
155 | "extent" : "full-screen",
156 | "scale" : "2x"
157 | },
158 | {
159 | "orientation" : "landscape",
160 | "idiom" : "ipad",
161 | "extent" : "to-status-bar",
162 | "scale" : "2x"
163 | },
164 | {
165 | "orientation" : "landscape",
166 | "idiom" : "ipad",
167 | "filename" : "Default-Landscape@2x.png",
168 | "extent" : "full-screen",
169 | "scale" : "2x"
170 | }
171 | ],
172 | "info" : {
173 | "version" : 1,
174 | "author" : "xcode"
175 | }
176 | }
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-1125h.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-1125h.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-568h@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-568h@2x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-667h@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-667h@2x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-736h@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-736h@3x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape-X.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape-X.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@2x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@3x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait@2x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default@2x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "idiom" : "universal",
5 | "filename" : "LaunchScreen-AspectFill.png",
6 | "scale" : "1x"
7 | },
8 | {
9 | "idiom" : "universal",
10 | "filename" : "LaunchScreen-AspectFill@2x.png",
11 | "scale" : "2x"
12 | },
13 | {
14 | "idiom" : "universal",
15 | "scale" : "3x"
16 | }
17 | ],
18 | "info" : {
19 | "version" : 1,
20 | "author" : "xcode"
21 | }
22 | }
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill@2x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "idiom" : "universal",
5 | "filename" : "LaunchScreen-Center.png",
6 | "scale" : "1x"
7 | },
8 | {
9 | "idiom" : "universal",
10 | "filename" : "LaunchScreen-Center@2x.png",
11 | "scale" : "2x"
12 | },
13 | {
14 | "idiom" : "universal",
15 | "scale" : "3x"
16 | }
17 | ],
18 | "info" : {
19 | "version" : 1,
20 | "author" : "xcode"
21 | }
22 | }
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center@2x.png
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleDisplayName
8 | CarouselVue
9 | CFBundleExecutable
10 | ${EXECUTABLE_NAME}
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | ${PRODUCT_NAME}
15 | CFBundlePackageType
16 | APPL
17 | CFBundleShortVersionString
18 | 1.0.0
19 | CFBundleSignature
20 | ????
21 | CFBundleVersion
22 | 1.0.0
23 | LSRequiresIPhoneOS
24 |
25 | UILaunchStoryboardName
26 | LaunchScreen
27 | UIRequiresFullScreen
28 |
29 | UIRequiredDeviceCapabilities
30 |
31 | armv7
32 |
33 | UISupportedInterfaceOrientations
34 |
35 | UIInterfaceOrientationPortrait
36 | UIInterfaceOrientationLandscapeLeft
37 | UIInterfaceOrientationLandscapeRight
38 |
39 | UISupportedInterfaceOrientations~ipad
40 |
41 | UIInterfaceOrientationPortrait
42 | UIInterfaceOrientationPortraitUpsideDown
43 | UIInterfaceOrientationLandscapeLeft
44 | UIInterfaceOrientationLandscapeRight
45 |
46 |
47 |
48 |
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/LaunchScreen.storyboard:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
--------------------------------------------------------------------------------
/demo-vue/App_Resources/iOS/build.xcconfig:
--------------------------------------------------------------------------------
1 | // You can add custom settings here
2 | // for example you can uncomment the following line to force distribution code signing
3 | // CODE_SIGN_IDENTITY = iPhone Distribution
4 | // To build for device with Xcode 8 you need to specify your development team. More info: https://developer.apple.com/library/prerelease/content/releasenotes/DeveloperTools/RN-Xcode/Introduction.html
5 | // DEVELOPMENT_TEAM = YOUR_TEAM_ID;
6 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
7 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;
8 |
--------------------------------------------------------------------------------
/demo-vue/README.md:
--------------------------------------------------------------------------------
1 | # Vue Carousel Demo - Instructions
2 |
3 | ### Please take a look at the demo code for more details on how to use the Carousel. Read below on how to run the demos.
4 |
5 | _Don't forget to register the Carousel components in your main `app.ts`_
6 | ```js
7 | Vue.registerElement('Carousel', () => require('nativescript-carousel').Carousel);
8 | Vue.registerElement('CarouselItem', () => require('nativescript-carousel').CarouselItem);
9 | ```
10 |
11 | ## Manually create each slide by using `CarouselItem` without data-binding
12 |
13 | ```xml
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 | ```
29 |
30 | ## Or create a data-bound Carousel with a single `CarouselItem` acting as your template.
31 |
32 | **Warning: This method is a bit of a "hack" in order to get the data-bound Carousel working with Vue. There are certain conditions that need to be met in order for the data-bound Carousel to work properly:**
33 |
34 | You need to assign your data-array the `CarouselItem` using the `v-for="(item, i) in myData"` directive.
35 | You also need to add a watcher on your data-array for the Carousel to refresh.
36 |
37 | **Example:**
38 | ```xml
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 | ```
50 | ```js
51 | watch: {
52 | async myData(to) {
53 | await this.$nextTick()
54 | this.$refs.myCarousel.nativeView.refresh();
55 | },
56 | }
57 | ```
58 |
59 | ## Events
60 | You can create tap-events on the `CarouselItem` or on any elements innside it, then check against `selectedPage` to get the slide index.
61 |
62 | ```js
63 | export function myTapPageEvent(args) {
64 | console.log('Tapped page index: ' + this.$refs.myCarousel.nativeView.selectedPage);
65 | }
66 | export function myChangePageEvent(args) {
67 | console.log('Page changed to index: ' + args.index);
68 | };
69 | ```
70 |
71 | ## Running the demos
72 |
73 | The best way to run the demo would be to clone the repo and run the demos from there.
74 | From the `src` folder you can run a set of npm scripts based on what you want to do. Take a look at the `package.json` too see all the script commands.
75 |
76 | *To run the Vue demo run the following command:*
77 |
78 | Navigate to the `src` folder:
79 | `cd src`
80 |
81 | Build the Carousel plugin:
82 | `npm run build`
83 |
84 | Run iOS demo:
85 | `npm run demo-vue.ios`
86 |
87 | Run Android demo:
88 | `npm run demo-vue.android`
89 |
--------------------------------------------------------------------------------
/demo-vue/app/app.css:
--------------------------------------------------------------------------------
1 | @import '~nativescript-theme-core/css/forest.css';
2 |
3 | ActionBar {
4 | background-color: #53ba82;
5 | color: #ffffff;
6 | }
7 |
8 | label {
9 | text-align: center;
10 | }
11 |
12 | button {
13 | font-size: 16;
14 | border-radius: 2;
15 | background-color: #298f64;
16 | color: #fff;
17 | margin: 16;
18 | }
19 |
--------------------------------------------------------------------------------
/demo-vue/app/app.js:
--------------------------------------------------------------------------------
1 | import Vue from 'nativescript-vue';
2 | import Menu from './components/Menu';
3 |
4 | Vue.config.silent = false;
5 |
6 | Vue.registerElement('Carousel', () => require('nativescript-carousel').Carousel);
7 | Vue.registerElement('CarouselItem', () => require('nativescript-carousel').CarouselItem);
8 |
9 | new Vue({
10 | template: `
11 |
12 |
13 | `,
14 |
15 | components: {
16 | Menu
17 | }
18 | }).$start();
19 |
--------------------------------------------------------------------------------
/demo-vue/app/assets/images/01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/app/assets/images/01.jpg
--------------------------------------------------------------------------------
/demo-vue/app/assets/images/02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/app/assets/images/02.jpg
--------------------------------------------------------------------------------
/demo-vue/app/assets/images/03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/app/assets/images/03.jpg
--------------------------------------------------------------------------------
/demo-vue/app/assets/images/04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/app/assets/images/04.jpg
--------------------------------------------------------------------------------
/demo-vue/app/assets/images/NativeScript-Vue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/app/assets/images/NativeScript-Vue.png
--------------------------------------------------------------------------------
/demo-vue/app/assets/images/vue-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo-vue/app/assets/images/vue-logo.png
--------------------------------------------------------------------------------
/demo-vue/app/components/BoundDemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
11 |
12 |
13 |
25 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
100 |
101 |
106 |
--------------------------------------------------------------------------------
/demo-vue/app/components/ExtrasDemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
14 |
19 |
20 |
21 |
26 |
31 |
32 |
33 |
34 |
47 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
67 |
68 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
131 |
132 |
137 |
--------------------------------------------------------------------------------
/demo-vue/app/components/Menu.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
37 |
38 |
54 |
--------------------------------------------------------------------------------
/demo-vue/app/components/StaticDemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
20 |
21 |
22 |
23 |
24 |
30 |
31 |
32 |
33 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
78 |
79 |
105 |
--------------------------------------------------------------------------------
/demo-vue/nativescript.config.ts:
--------------------------------------------------------------------------------
1 | import { NativeScriptConfig } from '@nativescript/core';
2 |
3 | export default {
4 | id: 'org.nativescript.carouseldemovue',
5 | appResourcesPath: 'App_Resources',
6 | android: {
7 | v8Flags: '--expose_gc',
8 | markingMode: 'none',
9 | },
10 | discardUncaughtJsExceptions: true,
11 | name: 'carousel-demo-vue',
12 | version: '1.0.0',
13 | appPath: 'app',
14 | } as NativeScriptConfig;
15 |
--------------------------------------------------------------------------------
/demo-vue/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "demo-vue-carousel",
3 | "version": "1.0.0",
4 | "description": "Vue demo of the nativescript-carousel",
5 | "license": "MIT",
6 | "scripts": {
7 | "build": "webpack --env.tnsAction build",
8 | "build:android": "npm run build -- --env.android",
9 | "build:ios": "npm run build -- --env.ios",
10 | "debug": "webpack --watch --env.tnsAction debug",
11 | "debug:android": "npm run debug -- --env.android",
12 | "debug:ios": "npm run debug -- --env.ios",
13 | "watch": "webpack --watch --env.tnsAction run",
14 | "watch:android": "npm run watch -- --env.android",
15 | "watch:ios": "npm run watch -- --env.ios",
16 | "clean": "rimraf dist"
17 | },
18 | "dependencies": {
19 | "nativescript-carousel": "file:../src/dist",
20 | "nativescript-theme-core": "^2.0.24",
21 | "nativescript-vue": "^2.9.0",
22 | "@nativescript/core": "~8.0.0"
23 | },
24 | "devDependencies": {
25 | "@babel/core": "^7.5.5",
26 | "@babel/preset-env": "^7.5.5",
27 | "@nativescript/android": "8.0.0",
28 | "@nativescript/ios": "8.0.0",
29 | "@nativescript/webpack": "~3.0.0",
30 | "babel-loader": "^8.0.6",
31 | "babel-traverse": "6.26.0",
32 | "babel-types": "6.26.0",
33 | "babylon": "6.18.0",
34 | "lazy": "1.0.11",
35 | "nativescript-vue-template-compiler": "^2.3.0",
36 | "node-sass": "^4.12.0",
37 | "typescript": "~4.0.0",
38 | "vue-loader": "^15.7.1"
39 | },
40 | "main": "app.js"
41 | }
42 |
--------------------------------------------------------------------------------
/demo/App_Resources/Android/app.gradle:
--------------------------------------------------------------------------------
1 | // Add your native dependencies here:
2 |
3 | // Uncomment to add recyclerview-v7 dependency
4 | //dependencies {
5 | // compile 'com.android.support:recyclerview-v7:+'
6 | //}
7 |
8 | android {
9 | defaultConfig {
10 | generatedDensities = []
11 | applicationId = "org.carousel.demo"
12 | }
13 | aaptOptions {
14 | additionalParameters "--no-version-vectors"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
12 |
13 |
16 |
17 |
18 |
19 |
20 |
21 |
27 |
28 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-hdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-hdpi/background.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-hdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-hdpi/icon.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-hdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-hdpi/logo.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-ldpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-ldpi/background.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-ldpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-ldpi/icon.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-ldpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-ldpi/logo.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-mdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-mdpi/background.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-mdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-mdpi/icon.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-mdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-mdpi/logo.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-nodpi/splash_screen.xml:
--------------------------------------------------------------------------------
1 |
2 | -
3 |
4 |
5 | -
6 |
7 |
8 |
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-xhdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-xhdpi/background.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-xhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-xhdpi/icon.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-xhdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-xhdpi/logo.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-xxhdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-xxhdpi/background.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-xxhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-xxhdpi/icon.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-xxhdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-xxhdpi/logo.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-xxxhdpi/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-xxxhdpi/background.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-xxxhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-xxxhdpi/icon.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/drawable-xxxhdpi/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/Android/src/main/res/drawable-xxxhdpi/logo.png
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/values-v21/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | #3d5afe
4 |
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/values-v21/strings.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | CarouselCore
4 | CarouselCore
5 |
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/values-v21/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
9 |
10 |
11 |
14 |
15 |
16 |
19 |
20 |
23 |
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | #F5F5F5
4 | #757575
5 | #33B5E5
6 | #272734
7 |
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | CarouselCore
4 | CarouselCore
5 |
--------------------------------------------------------------------------------
/demo/App_Resources/Android/src/main/res/values/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
18 |
19 |
21 |
22 |
23 |
31 |
32 |
34 |
35 |
36 |
42 |
43 |
45 |
46 |
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "size" : "29x29",
5 | "idiom" : "iphone",
6 | "filename" : "icon-29.png",
7 | "scale" : "1x"
8 | },
9 | {
10 | "size" : "29x29",
11 | "idiom" : "iphone",
12 | "filename" : "icon-29@2x.png",
13 | "scale" : "2x"
14 | },
15 | {
16 | "size" : "29x29",
17 | "idiom" : "iphone",
18 | "filename" : "icon-29@3x.png",
19 | "scale" : "3x"
20 | },
21 | {
22 | "size" : "40x40",
23 | "idiom" : "iphone",
24 | "filename" : "icon-40@2x.png",
25 | "scale" : "2x"
26 | },
27 | {
28 | "size" : "40x40",
29 | "idiom" : "iphone",
30 | "filename" : "icon-40@3x.png",
31 | "scale" : "3x"
32 | },
33 | {
34 | "size" : "60x60",
35 | "idiom" : "iphone",
36 | "filename" : "icon-60@2x.png",
37 | "scale" : "2x"
38 | },
39 | {
40 | "size" : "60x60",
41 | "idiom" : "iphone",
42 | "filename" : "icon-60@3x.png",
43 | "scale" : "3x"
44 | },
45 | {
46 | "size" : "29x29",
47 | "idiom" : "ipad",
48 | "filename" : "icon-29.png",
49 | "scale" : "1x"
50 | },
51 | {
52 | "size" : "29x29",
53 | "idiom" : "ipad",
54 | "filename" : "icon-29@2x.png",
55 | "scale" : "2x"
56 | },
57 | {
58 | "size" : "40x40",
59 | "idiom" : "ipad",
60 | "filename" : "icon-40.png",
61 | "scale" : "1x"
62 | },
63 | {
64 | "size" : "40x40",
65 | "idiom" : "ipad",
66 | "filename" : "icon-40@2x.png",
67 | "scale" : "2x"
68 | },
69 | {
70 | "size" : "76x76",
71 | "idiom" : "ipad",
72 | "filename" : "icon-76.png",
73 | "scale" : "1x"
74 | },
75 | {
76 | "size" : "76x76",
77 | "idiom" : "ipad",
78 | "filename" : "icon-76@2x.png",
79 | "scale" : "2x"
80 | },
81 | {
82 | "size" : "83.5x83.5",
83 | "idiom" : "ipad",
84 | "filename" : "icon-83.5@2x.png",
85 | "scale" : "2x"
86 | },
87 | {
88 | "size" : "1024x1024",
89 | "idiom" : "ios-marketing",
90 | "filename" : "icon-1024.png",
91 | "scale" : "1x"
92 | }
93 | ],
94 | "info" : {
95 | "version" : 1,
96 | "author" : "xcode"
97 | }
98 | }
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-1024.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-1024.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@2x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@3x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@2x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@3x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@2x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@3x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76@2x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-83.5@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-83.5@2x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "info" : {
3 | "version" : 1,
4 | "author" : "xcode"
5 | }
6 | }
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "extent" : "full-screen",
5 | "idiom" : "iphone",
6 | "subtype" : "2436h",
7 | "filename" : "Default-1125h.png",
8 | "minimum-system-version" : "11.0",
9 | "orientation" : "portrait",
10 | "scale" : "3x"
11 | },
12 | {
13 | "orientation" : "landscape",
14 | "idiom" : "iphone",
15 | "extent" : "full-screen",
16 | "filename" : "Default-Landscape-X.png",
17 | "minimum-system-version" : "11.0",
18 | "subtype" : "2436h",
19 | "scale" : "3x"
20 | },
21 | {
22 | "extent" : "full-screen",
23 | "idiom" : "iphone",
24 | "subtype" : "736h",
25 | "filename" : "Default-736h@3x.png",
26 | "minimum-system-version" : "8.0",
27 | "orientation" : "portrait",
28 | "scale" : "3x"
29 | },
30 | {
31 | "extent" : "full-screen",
32 | "idiom" : "iphone",
33 | "subtype" : "736h",
34 | "filename" : "Default-Landscape@3x.png",
35 | "minimum-system-version" : "8.0",
36 | "orientation" : "landscape",
37 | "scale" : "3x"
38 | },
39 | {
40 | "extent" : "full-screen",
41 | "idiom" : "iphone",
42 | "subtype" : "667h",
43 | "filename" : "Default-667h@2x.png",
44 | "minimum-system-version" : "8.0",
45 | "orientation" : "portrait",
46 | "scale" : "2x"
47 | },
48 | {
49 | "orientation" : "portrait",
50 | "idiom" : "iphone",
51 | "filename" : "Default@2x.png",
52 | "extent" : "full-screen",
53 | "minimum-system-version" : "7.0",
54 | "scale" : "2x"
55 | },
56 | {
57 | "extent" : "full-screen",
58 | "idiom" : "iphone",
59 | "subtype" : "retina4",
60 | "filename" : "Default-568h@2x.png",
61 | "minimum-system-version" : "7.0",
62 | "orientation" : "portrait",
63 | "scale" : "2x"
64 | },
65 | {
66 | "orientation" : "portrait",
67 | "idiom" : "ipad",
68 | "filename" : "Default-Portrait.png",
69 | "extent" : "full-screen",
70 | "minimum-system-version" : "7.0",
71 | "scale" : "1x"
72 | },
73 | {
74 | "orientation" : "landscape",
75 | "idiom" : "ipad",
76 | "filename" : "Default-Landscape.png",
77 | "extent" : "full-screen",
78 | "minimum-system-version" : "7.0",
79 | "scale" : "1x"
80 | },
81 | {
82 | "orientation" : "portrait",
83 | "idiom" : "ipad",
84 | "filename" : "Default-Portrait@2x.png",
85 | "extent" : "full-screen",
86 | "minimum-system-version" : "7.0",
87 | "scale" : "2x"
88 | },
89 | {
90 | "orientation" : "landscape",
91 | "idiom" : "ipad",
92 | "filename" : "Default-Landscape@2x.png",
93 | "extent" : "full-screen",
94 | "minimum-system-version" : "7.0",
95 | "scale" : "2x"
96 | },
97 | {
98 | "orientation" : "portrait",
99 | "idiom" : "iphone",
100 | "filename" : "Default.png",
101 | "extent" : "full-screen",
102 | "scale" : "1x"
103 | },
104 | {
105 | "orientation" : "portrait",
106 | "idiom" : "iphone",
107 | "filename" : "Default@2x.png",
108 | "extent" : "full-screen",
109 | "scale" : "2x"
110 | },
111 | {
112 | "orientation" : "portrait",
113 | "idiom" : "iphone",
114 | "filename" : "Default-568h@2x.png",
115 | "extent" : "full-screen",
116 | "subtype" : "retina4",
117 | "scale" : "2x"
118 | },
119 | {
120 | "orientation" : "portrait",
121 | "idiom" : "ipad",
122 | "extent" : "to-status-bar",
123 | "scale" : "1x"
124 | },
125 | {
126 | "orientation" : "portrait",
127 | "idiom" : "ipad",
128 | "filename" : "Default-Portrait.png",
129 | "extent" : "full-screen",
130 | "scale" : "1x"
131 | },
132 | {
133 | "orientation" : "landscape",
134 | "idiom" : "ipad",
135 | "extent" : "to-status-bar",
136 | "scale" : "1x"
137 | },
138 | {
139 | "orientation" : "landscape",
140 | "idiom" : "ipad",
141 | "filename" : "Default-Landscape.png",
142 | "extent" : "full-screen",
143 | "scale" : "1x"
144 | },
145 | {
146 | "orientation" : "portrait",
147 | "idiom" : "ipad",
148 | "extent" : "to-status-bar",
149 | "scale" : "2x"
150 | },
151 | {
152 | "orientation" : "portrait",
153 | "idiom" : "ipad",
154 | "filename" : "Default-Portrait@2x.png",
155 | "extent" : "full-screen",
156 | "scale" : "2x"
157 | },
158 | {
159 | "orientation" : "landscape",
160 | "idiom" : "ipad",
161 | "extent" : "to-status-bar",
162 | "scale" : "2x"
163 | },
164 | {
165 | "orientation" : "landscape",
166 | "idiom" : "ipad",
167 | "filename" : "Default-Landscape@2x.png",
168 | "extent" : "full-screen",
169 | "scale" : "2x"
170 | }
171 | ],
172 | "info" : {
173 | "version" : 1,
174 | "author" : "xcode"
175 | }
176 | }
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-1125h.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-1125h.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-568h@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-568h@2x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-667h@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-667h@2x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-736h@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-736h@3x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape-X.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape-X.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@2x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@3x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait@2x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default@2x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "idiom" : "universal",
5 | "filename" : "LaunchScreen-AspectFill.png",
6 | "scale" : "1x"
7 | },
8 | {
9 | "idiom" : "universal",
10 | "filename" : "LaunchScreen-AspectFill@2x.png",
11 | "scale" : "2x"
12 | },
13 | {
14 | "idiom" : "universal",
15 | "scale" : "3x"
16 | }
17 | ],
18 | "info" : {
19 | "version" : 1,
20 | "author" : "xcode"
21 | }
22 | }
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill@2x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "idiom" : "universal",
5 | "filename" : "LaunchScreen-Center.png",
6 | "scale" : "1x"
7 | },
8 | {
9 | "idiom" : "universal",
10 | "filename" : "LaunchScreen-Center@2x.png",
11 | "scale" : "2x"
12 | },
13 | {
14 | "idiom" : "universal",
15 | "scale" : "3x"
16 | }
17 | ],
18 | "info" : {
19 | "version" : 1,
20 | "author" : "xcode"
21 | }
22 | }
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center@2x.png
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleDisplayName
8 | CarouselCore
9 | CFBundleExecutable
10 | ${EXECUTABLE_NAME}
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | ${PRODUCT_NAME}
15 | CFBundlePackageType
16 | APPL
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleSignature
20 | ????
21 | CFBundleVersion
22 | 1.0
23 | LSRequiresIPhoneOS
24 |
25 | UILaunchStoryboardName
26 | LaunchScreen
27 | UIRequiresFullScreen
28 |
29 | UIRequiredDeviceCapabilities
30 |
31 | armv7
32 |
33 | UISupportedInterfaceOrientations
34 |
35 | UIInterfaceOrientationPortrait
36 | UIInterfaceOrientationLandscapeLeft
37 | UIInterfaceOrientationLandscapeRight
38 |
39 | UISupportedInterfaceOrientations~ipad
40 |
41 | UIInterfaceOrientationPortrait
42 | UIInterfaceOrientationPortraitUpsideDown
43 | UIInterfaceOrientationLandscapeLeft
44 | UIInterfaceOrientationLandscapeRight
45 |
46 |
47 |
48 |
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/LaunchScreen.storyboard:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
--------------------------------------------------------------------------------
/demo/App_Resources/iOS/build.xcconfig:
--------------------------------------------------------------------------------
1 | // You can add custom settings here
2 | // for example you can uncomment the following line to force distribution code signing
3 | // CODE_SIGN_IDENTITY = iPhone Distribution
4 | // To build for device with XCode 8 you need to specify your development team. More info: https://developer.apple.com/library/prerelease/content/releasenotes/DeveloperTools/RN-Xcode/Introduction.html
5 | // DEVELOPMENT_TEAM = YOUR_TEAM_ID;
6 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
7 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;
8 |
--------------------------------------------------------------------------------
/demo/README.md:
--------------------------------------------------------------------------------
1 | # Vanilla TS/JS Carousel Demo - Instructions
2 |
3 | ### Please take a look at the demo code for more details on how to use the Carousel. Read below on how to run the demos.
4 |
5 | _Make sure you include the namespace on the root element:_
6 |
7 | ```xml
8 | xmlns:ns="nativescript-carousel"
9 | ```
10 |
11 | #### Manually create each slide by using `CarouselItem`
12 |
13 | ```xml
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 | ```
29 |
30 | #### Or use a template by wrapping a single `CarouselItem` with `Carousel.itemTemplate` and assigning the `items` property with an array of data.
31 |
32 | ```xml
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 | ```
44 |
45 | #### Events
46 |
47 | You can create tap-events on the `CarouselItem` or on any elements innside it, then check against `selectedPage` to get the slide index.
48 |
49 | ```js
50 | export function myTapEvent(args) {
51 | let myCarousel = page.getViewById('myCarousel');
52 | console.log('Tapped page index: ' + (myCarousel.selectedPage));
53 | }
54 |
55 | export function myChangeEvent(args) {
56 | var changeEventText = 'Page changed to index: ' + args.index;
57 | console.log(changeEventText);
58 | };
59 | ```
60 |
61 | ## Running the demos
62 |
63 | The best way to run the demo would be to clone the repo and run the demos from there.
64 | From the `src` folder you can run a set of npm scripts based on what you want to do. Take a look at the `package.json` too see all the script commands.
65 |
66 | *To run the NS Vanilla demo run the following command:*
67 |
68 | Navigate to the `src` folder:
69 | `cd src`
70 |
71 | Build the Carousel plugin:
72 | `npm run build`
73 |
74 | Run iOS demo:
75 | `npm run demo.ios`
76 |
77 | Run Android demo:
78 | `npm run demo.android`
79 |
--------------------------------------------------------------------------------
/demo/app/app-root.xml:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/demo/app/app.android.css:
--------------------------------------------------------------------------------
1 | button {
2 | border-radius: 2;
3 | font-size: 16;
4 | margin: 15;
5 | background-color: #336699;
6 | color: #fff;
7 | }
8 |
9 | label {
10 | text-align: center;
11 | }
12 |
13 | ActionBar {
14 | background-color: #0b4a8a;
15 | color: #ffffff;
16 | }
17 |
--------------------------------------------------------------------------------
/demo/app/app.ios.css:
--------------------------------------------------------------------------------
1 | button {
2 | border-radius: 2;
3 | font-size: 16;
4 | margin: 15;
5 | background-color: #336699;
6 | color: #fff;
7 | }
8 |
9 | label {
10 | text-align: center;
11 | }
12 |
13 | ActionBar {
14 | background-color: #0b4a8a;
15 | color: #ffffff;
16 | }
17 |
--------------------------------------------------------------------------------
/demo/app/app.ts:
--------------------------------------------------------------------------------
1 | import { Application } from '@nativescript/core';
2 | Application.run({ moduleName: 'app-root' });
3 |
--------------------------------------------------------------------------------
/demo/app/assets/01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/app/assets/01.jpg
--------------------------------------------------------------------------------
/demo/app/assets/02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/app/assets/02.jpg
--------------------------------------------------------------------------------
/demo/app/assets/03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/app/assets/03.jpg
--------------------------------------------------------------------------------
/demo/app/assets/04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/app/assets/04.jpg
--------------------------------------------------------------------------------
/demo/app/assets/js-ts-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/demo/app/assets/js-ts-logo.png
--------------------------------------------------------------------------------
/demo/app/carousel1.css:
--------------------------------------------------------------------------------
1 | #slide1 {
2 | background: linear-gradient(45deg, #eb3349, #f45c43);
3 | vertical-align: center;
4 | }
5 |
6 | #slide2 {
7 | background: linear-gradient(-45deg, #1d976c, #93f9b9);
8 | vertical-align: center;
9 | }
10 |
11 | #slide3 {
12 | background: linear-gradient(45deg, #1d2b64, #f8cdda);
13 | vertical-align: center;
14 | }
15 |
16 | #slide4 {
17 | background: linear-gradient(tobottom, #003973, #e5e5be);
18 | vertical-align: center;
19 | }
20 |
--------------------------------------------------------------------------------
/demo/app/carousel1.xml:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/demo/app/carousel2.ts:
--------------------------------------------------------------------------------
1 | import { Observable, ObservableArray } from '@nativescript/core';
2 | import { Carousel } from 'nativescript-carousel';
3 |
4 | let myCarousel: Carousel;
5 | const pageData = new Observable();
6 |
7 | var items = new ObservableArray([
8 | { title: 'Slide 1', color: '#b3cde0', image: '~/assets/01.jpg' },
9 | { title: 'Slide 2', color: '#6497b1', image: '~/assets/02.jpg' },
10 | { title: 'Slide 3', color: '#005b96', image: '~/assets/03.jpg' },
11 | { title: 'Slide 4', color: '#03396c', image: '~/assets/04.jpg' },
12 | ]);
13 |
14 | export function pageLoaded(args) {
15 | var page = args.object;
16 | page.bindingContext = pageData;
17 | pageData.set('myData', items);
18 |
19 | myCarousel = page.getViewById('myCarousel');
20 | }
21 |
22 | export function selectPageThree() {
23 | if (!myCarousel) return;
24 | myCarousel.selectedPage = 2;
25 | }
26 |
27 | export function myChangeEvent(args) {
28 | var changeEventText = 'Changed to slide: ' + (args.index + 1);
29 | console.log(changeEventText);
30 | }
31 |
32 | export function myTapEvent(args) {
33 | console.log('Tapped page: ' + (myCarousel.selectedPage + 1));
34 | }
35 |
36 | export function addNewPage() {
37 | var pagenr = items.length + 1;
38 | var color = '#' + ((Math.random() * 0xffffff) << 0).toString(16);
39 | items.push({ title: `Slide ${pagenr}`, color: color, image: '' });
40 |
41 | myCarousel.selectedPage = items.length - 1;
42 | }
43 |
--------------------------------------------------------------------------------
/demo/app/carousel2.xml:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/demo/app/carousel3.ts:
--------------------------------------------------------------------------------
1 | import { Observable, ObservableArray } from '@nativescript/core';
2 | import { Carousel } from 'nativescript-carousel';
3 |
4 | let myCarousel: Carousel = null;
5 | let pageData = new Observable();
6 | var myDataArray = new ObservableArray([
7 | { title: 'Slide 1', color: '#b3cde0', image: '~/assets/01.jpg' },
8 | { title: 'Slide 2', color: '#6497b1', image: '~/assets/02.jpg' },
9 | { title: 'Slide 3', color: '#005b96', image: '~/assets/03.jpg' },
10 | { title: 'Slide 4', color: '#03396c', image: '~/assets/04.jpg' },
11 | ]);
12 |
13 | export function pageLoaded(args) {
14 | const page = args.object;
15 | page.bindingContext = pageData;
16 | pageData.set('myDataArray', myDataArray);
17 |
18 | myCarousel = page.getViewById('myCarousel');
19 | }
20 |
21 | export function myChangeEvent(args) {
22 | pageData.set('changeEventText', `Page changed to index = ${args.index}`);
23 | }
24 |
25 | export function myPageTapEvent(args) {
26 | pageData.set('tappedViewText', `Tapped index = ${myCarousel.selectedPage}`);
27 | }
28 |
29 | let indicatorEnabled = true;
30 | export function toggleIndicator(args) {
31 | if (!myCarousel) return;
32 | myCarousel.showIndicator = !indicatorEnabled;
33 | indicatorEnabled = !indicatorEnabled;
34 | }
35 |
36 | export function toggleColor(args) {
37 | if (!myCarousel) return;
38 | myCarousel.indicatorColor = '#FED700';
39 | myCarousel.indicatorColorUnselected = '#50FED700';
40 | }
41 |
42 | export function carouselLoaded(args) {
43 | console.log('Carousel Loaded', args.object);
44 | }
45 |
--------------------------------------------------------------------------------
/demo/app/carousel3.xml:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/demo/app/main-page.ts:
--------------------------------------------------------------------------------
1 | import { Frame } from '@nativescript/core';
2 |
3 | export function onNavigatedTo() {}
4 |
5 | export function carousel1() {
6 | Frame.topmost().navigate({
7 | moduleName: 'carousel1',
8 | });
9 | }
10 |
11 | export function carousel2() {
12 | Frame.topmost().navigate({
13 | moduleName: 'carousel2',
14 | });
15 | }
16 |
17 | export function carousel3() {
18 | Frame.topmost().navigate({
19 | moduleName: 'carousel3',
20 | });
21 | }
22 |
--------------------------------------------------------------------------------
/demo/app/main-page.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/demo/nativescript.config.ts:
--------------------------------------------------------------------------------
1 | import { NativeScriptConfig } from '@nativescript/core';
2 |
3 | export default {
4 | id: 'org.carousel.demo',
5 | appResourcesPath: 'App_Resources',
6 | android: {
7 | v8Flags: '--expose_gc',
8 | markingMode: 'none',
9 | },
10 | appPath: 'app',
11 | } as NativeScriptConfig;
12 |
--------------------------------------------------------------------------------
/demo/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "demo-ts-carousel",
3 | "version": "1.0.0",
4 | "description": "Vanilla TS demo of the nativescript-carousel",
5 | "license": "MIT",
6 | "dependencies": {
7 | "@nativescript/core": "~8.0.0",
8 | "@nativescript/theme": "^2.3.3",
9 | "nativescript-carousel": "file:../src/dist"
10 | },
11 | "devDependencies": {
12 | "@nativescript/android": "8.0.0",
13 | "@nativescript/ios": "8.0.0",
14 | "@nativescript/types": "~8.0.0",
15 | "@nativescript/webpack": "~3.0.4",
16 | "typescript": "~4.0.0"
17 | },
18 | "main": "app.js"
19 | }
20 |
--------------------------------------------------------------------------------
/demo/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ES2017",
4 | "module": "esnext",
5 | "moduleResolution": "node",
6 | "declaration": false,
7 | "removeComments": true,
8 | "noLib": false,
9 | "emitDecoratorMetadata": true,
10 | "experimentalDecorators": true,
11 | "skipLibCheck": true,
12 | "lib": ["es6", "dom"],
13 | "pretty": true,
14 | "allowUnreachableCode": false,
15 | "allowUnusedLabels": false,
16 | "noEmitHelpers": true,
17 | "noEmitOnError": true,
18 | "noImplicitAny": false,
19 | "noImplicitReturns": true,
20 | "noImplicitUseStrict": false,
21 | "noFallthroughCasesInSwitch": true,
22 | "baseUrl": ".",
23 | "paths": {
24 | "*": ["./node_modules/*"],
25 | "~/*": ["app/*"]
26 | }
27 | },
28 | "exclude": ["node_modules", "platforms"],
29 | "compileOnSave": false
30 | }
31 |
--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "lockfileVersion": 1
3 | }
4 |
--------------------------------------------------------------------------------
/publish/build.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 |
3 | SOURCE_DIR=../src;
4 | TO_SOURCE_DIR=pack_src;
5 | DIST_DIR=dist;
6 | ROOT_DIR=..;
7 |
8 | install(){
9 | npm i
10 | }
11 |
12 | build() {
13 |
14 | echo 'Clearing /src and /package...'
15 | node_modules/.bin/rimraf "$TO_SOURCE_DIR"
16 | node_modules/.bin/rimraf "$DIST_DIR"
17 |
18 | echo 'Creating dist folder...'
19 | # create dist dir
20 | mkdir "$DIST_DIR"
21 | mkdir "$TO_SOURCE_DIR"
22 |
23 | # copy src
24 | echo 'Copying src...'
25 | node_modules/.bin/ncp "$SOURCE_DIR" "$TO_SOURCE_DIR"
26 |
27 | # copy README & LICENSE to src
28 | echo 'Copying files to /dist...'
29 | node_modules/.bin/ncp "$ROOT_DIR"/README.md "$DIST_DIR"/README.md
30 | node_modules/.bin/ncp "$SOURCE_DIR"/carousel.d.ts "$DIST_DIR"/carousel.d.ts
31 | node_modules/.bin/ncp "$SOURCE_DIR"/package.json "$DIST_DIR"/package.json
32 | node_modules/.bin/ncp "$SOURCE_DIR"/platforms "$DIST_DIR"/platforms
33 |
34 | # compile package and copy files required by npm
35 | echo 'Building plugin...'
36 | cd "$TO_SOURCE_DIR"
37 | ../node_modules/.bin/tsc --outDir ../"$DIST_DIR"
38 | cd ..
39 |
40 | # delete source directory used to create the package
41 | node_modules/.bin/rimraf "$TO_SOURCE_DIR"
42 | node_modules/.bin/rimraf "$DIST_DIR"/*.js.map
43 | }
44 |
45 | install && build
--------------------------------------------------------------------------------
/publish/pack.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 |
3 | SOURCE_DIR=../src;
4 | TO_SOURCE_DIR=pack_src;
5 | PACK_DIR=package;
6 | ROOT_DIR=..;
7 | PUBLISH=--publish
8 |
9 | install(){
10 | npm i
11 | }
12 |
13 | pack() {
14 |
15 | echo 'Clearing /src and /package...'
16 | node_modules/.bin/rimraf "$TO_SOURCE_DIR"
17 | node_modules/.bin/rimraf "$PACK_DIR"
18 |
19 | # copy src
20 | echo 'Copying src...'
21 | node_modules/.bin/ncp "$SOURCE_DIR" "$TO_SOURCE_DIR"
22 |
23 | # copy README & LICENSE to src
24 | echo 'Copying README and LICENSE to /src...'
25 | # node_modules/.bin/ncp "$ROOT_DIR"/LICENSE "$TO_SOURCE_DIR"/LICENSE
26 | node_modules/.bin/ncp "$ROOT_DIR"/README.md "$TO_SOURCE_DIR"/README.md
27 |
28 | # compile package and copy files required by npm
29 | echo 'Building /src...'
30 | cd "$TO_SOURCE_DIR"
31 | node_modules/.bin/tsc
32 | cd ..
33 |
34 | echo 'Creating package...'
35 | # create package dir
36 | mkdir "$PACK_DIR"
37 |
38 | # create the package
39 | cd "$PACK_DIR"
40 | npm pack ../"$TO_SOURCE_DIR"
41 |
42 | # delete source directory used to create the package
43 | cd ..
44 | node_modules/.bin/rimraf "$TO_SOURCE_DIR"
45 | }
46 |
47 | install && pack
--------------------------------------------------------------------------------
/publish/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "nativescript-publish",
3 | "version": "1.0.0",
4 | "lockfileVersion": 1,
5 | "requires": true,
6 | "dependencies": {
7 | "balanced-match": {
8 | "version": "1.0.0",
9 | "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
10 | "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
11 | "dev": true
12 | },
13 | "brace-expansion": {
14 | "version": "1.1.11",
15 | "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
16 | "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
17 | "dev": true,
18 | "requires": {
19 | "balanced-match": "^1.0.0",
20 | "concat-map": "0.0.1"
21 | }
22 | },
23 | "concat-map": {
24 | "version": "0.0.1",
25 | "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
26 | "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
27 | "dev": true
28 | },
29 | "fs.realpath": {
30 | "version": "1.0.0",
31 | "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
32 | "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
33 | "dev": true
34 | },
35 | "glob": {
36 | "version": "7.1.4",
37 | "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.4.tgz",
38 | "integrity": "sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==",
39 | "dev": true,
40 | "requires": {
41 | "fs.realpath": "^1.0.0",
42 | "inflight": "^1.0.4",
43 | "inherits": "2",
44 | "minimatch": "^3.0.4",
45 | "once": "^1.3.0",
46 | "path-is-absolute": "^1.0.0"
47 | }
48 | },
49 | "inflight": {
50 | "version": "1.0.6",
51 | "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
52 | "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
53 | "dev": true,
54 | "requires": {
55 | "once": "^1.3.0",
56 | "wrappy": "1"
57 | }
58 | },
59 | "inherits": {
60 | "version": "2.0.4",
61 | "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
62 | "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
63 | "dev": true
64 | },
65 | "minimatch": {
66 | "version": "3.0.4",
67 | "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
68 | "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
69 | "dev": true,
70 | "requires": {
71 | "brace-expansion": "^1.1.7"
72 | }
73 | },
74 | "ncp": {
75 | "version": "2.0.0",
76 | "resolved": "https://registry.npmjs.org/ncp/-/ncp-2.0.0.tgz",
77 | "integrity": "sha1-GVoh1sRuNh0vsSgbo4uR6d9727M=",
78 | "dev": true
79 | },
80 | "once": {
81 | "version": "1.4.0",
82 | "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
83 | "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
84 | "dev": true,
85 | "requires": {
86 | "wrappy": "1"
87 | }
88 | },
89 | "path-is-absolute": {
90 | "version": "1.0.1",
91 | "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
92 | "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
93 | "dev": true
94 | },
95 | "rimraf": {
96 | "version": "2.6.3",
97 | "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
98 | "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
99 | "dev": true,
100 | "requires": {
101 | "glob": "^7.1.3"
102 | }
103 | },
104 | "typescript": {
105 | "version": "3.9.7",
106 | "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.7.tgz",
107 | "integrity": "sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==",
108 | "dev": true
109 | },
110 | "wrappy": {
111 | "version": "1.0.2",
112 | "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
113 | "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
114 | "dev": true
115 | }
116 | }
117 | }
118 |
--------------------------------------------------------------------------------
/publish/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "nativescript-publish",
3 | "version": "1.0.0",
4 | "description": "Publish helper",
5 | "devDependencies": {
6 | "ncp": "^2.0.0",
7 | "rimraf": "^2.6.3",
8 | "typescript": "~3.9.0"
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/publish/publish.sh:
--------------------------------------------------------------------------------
1 | PACK_DIR=package;
2 |
3 | publish() {
4 | cd $PACK_DIR
5 | echo 'Publishing to npm...'
6 | npm publish *.tgz
7 | }
8 |
9 | ./pack.sh && publish
--------------------------------------------------------------------------------
/screenshots/android_carousel.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/screenshots/android_carousel.gif
--------------------------------------------------------------------------------
/screenshots/ios_carousel.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/manijak/nativescript-carousel/9a1bc1403863a0573e6538f8da0ff9a1e42eb40e/screenshots/ios_carousel.gif
--------------------------------------------------------------------------------
/src/.npmignore:
--------------------------------------------------------------------------------
1 | demo/
2 | *.png
3 | *.log
4 | screens/
5 | *.map
6 | *.ts
7 | !carousel.d.ts
8 | tsconfig.json
9 | tslint.json
10 | typings/
11 | scripts/*
12 | platforms/android/*
13 | !platforms/android/include.gradle
14 | !platforms/android/*.aar
15 | !platforms/android/*.jar
16 | dist/
17 | *.tgz
--------------------------------------------------------------------------------
/src/carousel.d.ts:
--------------------------------------------------------------------------------
1 | import { Color, ObservableArray, booleanConverter, Property, Template, View, addWeakEventListener, removeWeakEventListener, Label, GridLayout, StackLayout, Utils } from '@nativescript/core';
2 |
3 | export declare class Carousel extends CarouselCommon {
4 | private _androidViewId;
5 | private _indicatorViewId;
6 | private _pagerIndicatorLayoutParams;
7 |
8 | /**
9 | * Android Only - the native page indicator instance.
10 | */
11 | pageIndicatorView: any;
12 |
13 | _childrenCount: any;
14 | CarouselPagerAdapterClass: CarouselPagerAdapterClassInner;
15 | CarouselPageChangedListenerClass: CarouselPageChangedListener;
16 | constructor();
17 | readonly android: any;
18 |
19 | /**
20 | * Android Only - the native pager adapter for the carousel.
21 | */
22 | readonly pagerAdapter: any;
23 |
24 | /**
25 | * Android Only - set the page indicator count (useful when modifying the carousel items programmatically).
26 | */
27 | pageIndicatorCount: number;
28 |
29 | createNativeView(): any;
30 | onLoaded(): void;
31 | initNativeView(): void;
32 | refresh(): void;
33 | onLayout(left: any, top: any, right: any, bottom: any): void;
34 | private _getDataItem;
35 | onItemsChanged(data: any): void;
36 | }
37 |
38 | @NativeClass()
39 | declare class CarouselPagerAdapterClassInner extends androidx.viewpager.widget.PagerAdapter {
40 | private owner;
41 | constructor(owner: WeakRef);
42 | getCount(): any;
43 | getItemPosition(item: any): number;
44 | isViewFromObject(view: any, _object: any): boolean;
45 | instantiateItem(container: any, index: any): any;
46 | destroyItem(container: any, index: any, _object: any): any;
47 | saveState(): android.os.Bundle;
48 | restoreState(state: any, loader: any): void;
49 | }
50 |
51 | declare class CarouselPageChangedListener extends androidx.viewpager.widget.ViewPager.SimpleOnPageChangeListener {
52 | private owner;
53 | constructor(owner: WeakRef);
54 | onPageSelected(position: any): void;
55 | onPageScrollStateChanged(state: any): void;
56 | onPageScrolled(position: any, positionOffset: any, positionOffsetPixels: any): void;
57 | }
58 |
59 | export declare class CarouselCommon extends GridLayout {
60 | static pageChangedEvent: string;
61 | static pageTappedEvent: string;
62 | static pageScrollingEvent: string;
63 | static pageScrollStateChangedEvent: string;
64 | ios: any;
65 | android: any;
66 | items: ObservableArray;
67 | itemTemplate: string | Template;
68 | selectedPage: any;
69 | showIndicator: boolean;
70 | indicatorColor: any;
71 | indicatorColorUnselected: any;
72 | indicatorOffset: any;
73 | bounce: any;
74 | finite: any;
75 | scrollEnabled: any;
76 | autoPagingInterval: any;
77 | indicatorAnimation: any;
78 | indicatorAnimationDuration: any;
79 | indicatorAlignment: any;
80 | indicatorRadius: any;
81 | indicatorPadding: any;
82 | debug: boolean;
83 | constructor();
84 | _getDefaultItemContent(index: number): View;
85 | }
86 | export declare class CarouselItem extends StackLayout {
87 | constructor();
88 | onLoaded(): void;
89 | }
90 |
91 | export declare namespace knownTemplates {
92 | const itemTemplate = 'itemTemplate';
93 | }
94 |
95 | export declare const debugProperty: Property;
96 | export declare const itemTemplateProperty: Property;
97 | export declare const itemsProperty: Property>;
98 | export declare const selectedPageProperty: Property;
99 | export declare const showIndicatorProperty: Property;
100 | export declare const indicatorColorProperty: Property;
101 | export declare const indicatorColorUnselectedProperty: Property;
102 | export declare const indicatorOffsetProperty: Property;
103 | export declare const autoPagingIntervalProperty: Property;
104 | export declare const finiteProperty: Property;
105 | export declare const bounceProperty: Property;
106 | export declare const scrollEnabledProperty: Property;
107 | export declare const indicatorAnimationProperty: Property;
108 | export declare const indicatorAnimationDurationProperty: Property;
109 | export declare const indicatorAlignmentProperty: Property;
110 | export declare const indicatorRadiusProperty: Property;
111 | export declare const indicatorPaddingProperty: Property;
112 |
113 | /**
114 | * ** ANDROID ONLY ** - Enum to indicator animation type.
115 | */
116 | export enum IndicatorAnimation {
117 | 'NONE' = 'NONE',
118 | 'COLOR' = 'COLOR',
119 | 'SLIDE' = 'SLIDE',
120 | 'WORM' = 'WORM',
121 | 'FILL' = 'FILL',
122 | 'SCALE' = 'SCALE',
123 | 'SCALE_DOWN' = 'SCALE_DOWN',
124 | 'THIN_WORM' = 'THIN_WORM',
125 | 'DROP' = 'DROP',
126 | 'SWAP' = 'SWAP'
127 | }
128 |
129 | export declare class CarouselUtil {
130 | static debug: boolean;
131 | }
132 | export declare class Log {
133 | static D(...args: any[]): void;
134 | }
135 |
--------------------------------------------------------------------------------
/src/carousel.ios.ts:
--------------------------------------------------------------------------------
1 | import { Application, Builder, CoreTypes, Screen, Utils } from '@nativescript/core';
2 | import {
3 | autoPagingIntervalProperty,
4 | bounceProperty,
5 | CarouselCommon,
6 | CarouselItem,
7 | CarouselUtil,
8 | finiteProperty,
9 | indicatorColorProperty,
10 | indicatorColorUnselectedProperty,
11 | indicatorOffsetProperty,
12 | Log,
13 | scrollEnabledProperty,
14 | selectedPageProperty,
15 | showIndicatorProperty,
16 | } from './carousel.common';
17 | export * from './carousel.common';
18 |
19 | export class Carousel extends CarouselCommon {
20 | public nativeView;
21 | public items;
22 | public itemTemplate;
23 | public selectedPage;
24 | private _isDirty: boolean;
25 | private currentOrientation: string;
26 |
27 | constructor() {
28 | super();
29 | CarouselUtil.debug = this.debug;
30 | this.currentOrientation = CoreTypes.DeviceOrientation.unknown;
31 | Application.on('orientationChanged', this.onOrientationChanged);
32 | }
33 |
34 | [autoPagingIntervalProperty.setNative](value) {
35 | if (this.nativeView instanceof DKCarouselView) {
36 | this.nativeView.setAutoPagingForInterval(value);
37 | }
38 | }
39 |
40 | [selectedPageProperty.setNative](value) {
41 | this.selectedPage = value;
42 | this.nativeView.selectedPage = value;
43 | }
44 |
45 | [showIndicatorProperty.setNative](value) {
46 | this.nativeView.indicatorIsVisible = value;
47 | }
48 |
49 | [finiteProperty.setNative](value) {
50 | this.nativeView.finite = value;
51 | }
52 |
53 | [bounceProperty.setNative](value) {
54 | this.nativeView.bounce = value;
55 | }
56 |
57 | [scrollEnabledProperty.setNative](value) {
58 | this.nativeView.scrollEnabled = value;
59 | }
60 |
61 | [indicatorColorProperty.setNative](value) {
62 | this.nativeView.indicatorTintColor = value ? value.ios : '#fff';
63 | }
64 |
65 | [indicatorColorUnselectedProperty.setNative](value) {
66 | this.nativeView.indicatorTintColorUnselected = value.ios;
67 | }
68 |
69 | [indicatorOffsetProperty.setNative](value) {
70 | const ar = value.split(',');
71 | const x = ar[0] ? ar[0] : 0;
72 | const y = ar[1] ? ar[1] : 0;
73 | this.nativeView.indicatorOffset = CGPointMake(x, y);
74 | }
75 |
76 | createNativeView() {
77 | const viewWidth = this.getActualSize().width === 0 ? Screen.mainScreen.widthDIPs : this.getActualSize().width;
78 | const viewHeight = this.getActualSize().height === 0 ? Screen.mainScreen.heightDIPs : this.getActualSize().height;
79 | Log.D('createNativeView size', viewWidth, viewHeight);
80 |
81 | this.nativeView = DKCarouselView.alloc().initWithFrame(CGRectMake(0, 0, viewWidth, viewHeight));
82 | Log.D('createNativeView', this.nativeView);
83 | return this.nativeView;
84 | }
85 |
86 | initNativeView() {
87 | const nativeView = this.nativeView;
88 | this._isDirty = true;
89 |
90 | nativeView.setDidSelectBlock((item, index) => {
91 | const data = {
92 | eventName: CarouselCommon.pageTappedEvent,
93 | object: this,
94 | view: item,
95 | index: index,
96 | };
97 | this.notify(data);
98 | });
99 |
100 | nativeView.setDidChangeBlock((view, index) => {
101 | const data = {
102 | eventName: CarouselCommon.pageChangedEvent,
103 | object: this,
104 | view: view,
105 | index: index,
106 | };
107 | this.selectedPage = index;
108 | this.notify(data);
109 | });
110 |
111 | nativeView.setDidScrollBlock((view, offset) => {
112 | const data = {
113 | eventName: CarouselCommon.pageScrollingEvent,
114 | object: this,
115 | view: view,
116 | state: {
117 | offset: offset,
118 | },
119 | };
120 | this.notify(data);
121 | });
122 |
123 | Log.D('initNativeView', this.nativeView);
124 | }
125 |
126 | disposeNativeView() {
127 | const nativeView = this.nativeView;
128 | nativeView.setDidChangeBlock(null);
129 | nativeView.setDidScrollBlock(null);
130 | nativeView.setDidSelectBlock(null);
131 | nativeView.setItems(NSMutableArray.new());
132 | this.removeChildren();
133 | }
134 |
135 | onLoaded() {
136 | super.onLoaded();
137 |
138 | if (this._isDirty) {
139 | this.refresh();
140 | Log.D(`onLoaded()`);
141 | }
142 | }
143 |
144 | onOrientationChanged = (evt) => {
145 | Log.D(`OrientationChanged to `, evt.newValue);
146 | if (this.currentOrientation != evt.newValue) {
147 | this.currentOrientation = evt.newValue;
148 | this.refresh();
149 | }
150 | };
151 |
152 | refresh() {
153 | Log.D(`refresh()`);
154 | if (!this.isLoaded || !this.nativeView) {
155 | this._isDirty = true;
156 | return;
157 | }
158 |
159 | this._isDirty = false;
160 | this.nativeView.setItems(NSMutableArray.new());
161 |
162 | if (Utils.isNullOrUndefined(this.itemTemplate)) {
163 | Log.D(`Using generic-mode`);
164 | const nsArray = NSMutableArray.new();
165 | Log.D(`children count: `, this.getChildrenCount());
166 | this.eachChildView((staticView) => {
167 | if (staticView instanceof CarouselItem) {
168 | staticView.width = this.width;
169 | staticView.height = this.height;
170 | const dkCarouselViewItem1 = new DKCarouselViewItem();
171 | dkCarouselViewItem1.view = staticView.ios;
172 | nsArray.addObject(dkCarouselViewItem1);
173 | }
174 | return true;
175 | });
176 | this.nativeView.setItems(nsArray);
177 | Log.D(`items set: `, nsArray.count);
178 | } else {
179 | Log.D(`Using template-mode`);
180 | if (Utils.isNullOrUndefined(this.items)) {
181 | Log.D(`Items list is null...`);
182 | return;
183 | }
184 |
185 | this.removeChildren();
186 | const nsArray = NSMutableArray.new();
187 | const length = this.items.length;
188 | Log.D(`items length: `, length);
189 |
190 | for (let i = 0; i < length; i++) {
191 | const viewToAdd = !Utils.isNullOrUndefined(this.itemTemplate) ? Builder.parse(this.itemTemplate, this) : null;
192 | if (!viewToAdd) continue;
193 | const dataItem = this._getDataItem(i);
194 | viewToAdd.bindingContext = dataItem;
195 | this.addChild(viewToAdd);
196 | }
197 |
198 | this.eachChildView((view) => {
199 | if (view instanceof CarouselItem) {
200 | view.width = this.width;
201 | view.height = this.height;
202 | const dkCarouselViewItem = new DKCarouselViewItem();
203 | dkCarouselViewItem.view = view.ios;
204 | nsArray.addObject(dkCarouselViewItem);
205 | }
206 | return true;
207 | });
208 | this.nativeView.setItems(nsArray);
209 | Log.D(`items set: `, nsArray.count);
210 | }
211 | }
212 |
213 | public onItemsChanged(data) {
214 | Log.D('onItemsChanged', data);
215 | if (!Utils.isNullOrUndefined(this.items) && Utils.isNumber(this.items.length)) {
216 | this.refresh();
217 | }
218 | }
219 |
220 | private _getDataItem(index) {
221 | return this.items.getItem ? this.items.getItem(index) : this.items[index];
222 | }
223 | }
224 |
--------------------------------------------------------------------------------
/src/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "nativescript-carousel",
3 | "description": "Carousel component for NativeScript (iOS & Android).",
4 | "main": "carousel",
5 | "version": "7.0.1",
6 | "typings": "carousel.d.ts",
7 | "nativescript": {
8 | "platforms": {
9 | "ios": "7.0.0",
10 | "android": "7.0.0"
11 | },
12 | "plugin": {
13 | "nan": "true",
14 | "core3": "true",
15 | "pan": "true",
16 | "vue": "true",
17 | "webpack": "true",
18 | "wrapper": "",
19 | "category": "Interface"
20 | }
21 | },
22 | "scripts": {
23 | "tsc": "tsc -skipLibCheck --outDir dist",
24 | "tsc.dist": "npm run dist.clean && tsc -skipLibCheck --outDir dist && npm run dist.copy",
25 | "dist.copy": "cp -R platforms dist && cp ../README.md dist && cp carousel.d.ts dist && cp package.json dist",
26 | "dist.clean": "rimraf dist",
27 | "build": "npm i && ts-patch install && npm run tsc.dist",
28 | "clean": "npx rimraf node_modules package-lock.json dist && npm run demo.clean && npm run demo-ng.clean && npm run demo-vue.clean",
29 | "demo.clean": "cd ../demo && ns clean",
30 | "demo-ng.clean": "cd ../demo-ng && ns clean",
31 | "demo-vue.clean": "cd ../demo-vue && ns clean",
32 | "demo.ios": "cd ../demo && tns run ios",
33 | "demo.android": "cd ../demo && tns run android",
34 | "demo-ng.ios": "cd ../demo-ng && tns run ios",
35 | "demo-ng.android": "cd ../demo-ng && tns run android",
36 | "demo-vue.ios": "cd ../demo-vue && tns run ios",
37 | "demo-vue.android": "cd ../demo-vue && tns run android",
38 | "demo.ios.build": "cd ../demo && tns build ios",
39 | "test": "npm run tslint && npm run tslint.demo && cd ../demo && tns build ios && tns build android",
40 | "setup": "npm run build && cd ../demo && npm i && cd ../demo-ng && npm i && cd ../demo-vue && npm i",
41 | "tslint": "tslint --config '../tslint.json' '*.ts' --exclude '**/node_modules/**' --exclude '**/typings/**'",
42 | "tslint.demo": "tslint --config '../tslint.json' '../demo/app/*.ts' --exclude '**/node_modules/**' --exclude '**/typings/**'",
43 | "ci.tslint": "npm i && tslint '**/*.ts' --config '../tslint.json' --exclude '**/node_modules/**' --exclude '**/typings/**'",
44 | "development.setup": "npm run setup && cd ../demo && cd ../src",
45 | "generate.typings.ios": "cd ../demo && TNS_DEBUG_METADATA_PATH=\"$(pwd)/metadata\" tns build ios && TNS_TYPESCRIPT_DECLARATIONS_PATH=\"$(pwd)/typings\" tns build ios && echo 'Now look for your library typings in demo/typings!'",
46 | "make-changelog": "cd ../ && github_changelog_generator -u manijak -p nativescript-carousel"
47 | },
48 | "repository": {
49 | "type": "git",
50 | "url": "https://github.com/manijak/nativescript-carousel.git"
51 | },
52 | "keywords": [
53 | "NativeScript",
54 | "Carousel",
55 | "Slider",
56 | "Pager",
57 | "ViewPager",
58 | "DKCarouselView",
59 | "iOS",
60 | "Android",
61 | "manijak"
62 | ],
63 | "author": {
64 | "name": "Nedim Erkocevic",
65 | "email": "nedim@fkzeljo.com",
66 | "url": "https://github.com/manijak"
67 | },
68 | "contributors": [
69 | {
70 | "name": "Brad Martin",
71 | "email": "bradwaynemartin@gmail.com",
72 | "url": "https://github.com/bradmartin"
73 | },
74 | {
75 | "name": "Nathan Walker",
76 | "url": "https://github.com/NathanWalker"
77 | },
78 | {
79 | "name": "Pedro Marins",
80 | "email": "ph.marins@hotmail.com",
81 | "url": "https://github.com/rickwalking"
82 | }
83 | ],
84 | "bugs": "https://github.com/manijak/nativescript-carousel/issues",
85 | "license": "MIT",
86 | "homepage": "https://github.com/manijak/nativescript-carousel",
87 | "devDependencies": {
88 | "husky": "^4.3.0",
89 | "lint-staged": "~10.3.0",
90 | "prettier": "^2.1.1",
91 | "@nativescript/core": "~8.0.0",
92 | "@nativescript/types": "^8.0.0",
93 | "@nativescript/webpack": "^3.0.4",
94 | "typescript": "~4.0.0",
95 | "ts-patch": "^1.3.0",
96 | "prompt": "^1.0.0",
97 | "rimraf": "^2.6.3",
98 | "tslint": "^6.1.3",
99 | "ts-node": "^9.0.0",
100 | "semver": "^6.2.0"
101 | },
102 | "lint-staged": {
103 | "**/*.{js, css, ts, json, scss, html, xml, md}": [
104 | "prettier --write",
105 | "git add"
106 | ]
107 | },
108 | "husky": {
109 | "hooks": {
110 | "pre-commit": "lint-staged"
111 | }
112 | }
113 | }
114 |
--------------------------------------------------------------------------------
/src/platforms/android/include.gradle:
--------------------------------------------------------------------------------
1 | android {
2 |
3 | }
4 | dependencies {
5 | implementation 'com.romandanylyk:pageindicatorview:1.0.3'
6 | }
--------------------------------------------------------------------------------
/src/platforms/ios/Podfile:
--------------------------------------------------------------------------------
1 | pod 'DKCarouselView', :git => 'https://github.com/manijak/DKCarouselView', :tag => '2.4.15'
2 |
--------------------------------------------------------------------------------
/src/references.d.ts:
--------------------------------------------------------------------------------
1 | ///
2 | ///
3 |
--------------------------------------------------------------------------------
/src/scripts/build-native.js:
--------------------------------------------------------------------------------
1 | const { exec } = require('child_process');
2 | const semver = require('semver');
3 |
4 | exec('tns --version', (err, stdout, stderr) => {
5 | if (err) {
6 | // node couldn't execute the command
7 | console.log(`tns --version err: ${err}`);
8 | return;
9 | }
10 |
11 | const tnsVersion = semver.major(stdout);
12 |
13 | // execute 'tns plugin build' for {N} version > 4. This command builds .aar in platforms/android folder.
14 | if (tnsVersion >= 4) {
15 | console.log(`executing 'tns plugin build'`);
16 | exec('tns plugin build');
17 | }
18 | });
19 |
--------------------------------------------------------------------------------
/src/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es2017",
4 | "module": "esnext",
5 | "moduleResolution": "node",
6 | "declaration": false,
7 | "removeComments": true,
8 | "noLib": false,
9 | "emitDecoratorMetadata": true,
10 | "experimentalDecorators": true,
11 | "skipLibCheck": true,
12 | "lib": ["es6", "dom"],
13 | "sourceMap": true,
14 | "pretty": true,
15 | "allowUnreachableCode": false,
16 | "allowUnusedLabels": false,
17 | "noEmitHelpers": true,
18 | "noEmitOnError": false,
19 | "noImplicitAny": false,
20 | "noImplicitReturns": true,
21 | "noImplicitUseStrict": false,
22 | "noFallthroughCasesInSwitch": true,
23 | "plugins": [
24 | {
25 | "transform": "@nativescript/webpack/transformers/ns-transform-native-classes",
26 | "type": "raw"
27 | }
28 | ]
29 | },
30 | "exclude": ["demo", "node_modules"],
31 | "include": ["../src", "**/*"],
32 | "compileOnSave": false
33 | }
34 |
--------------------------------------------------------------------------------
/src/typings/objc!DKCarouselView.d.ts:
--------------------------------------------------------------------------------
1 | @NativeClass()
2 | declare class DKCarouselItem extends NSObject {
3 |
4 | static alloc(): DKCarouselItem; // inherited from NSObject
5 |
6 | static new(): DKCarouselItem; // inherited from NSObject
7 |
8 | userInfo: any;
9 | }
10 |
11 | @NativeClass()
12 | declare class DKCarouselURLItem extends DKCarouselItem {
13 |
14 | static alloc(): DKCarouselURLItem; // inherited from NSObject
15 |
16 | static new(): DKCarouselURLItem; // inherited from NSObject
17 |
18 | imageUrl: string;
19 | }
20 |
21 | @NativeClass()
22 | declare class DKCarouselView extends UIView {
23 |
24 | static alloc(): DKCarouselView; // inherited from NSObject
25 |
26 | static appearance(): DKCarouselView; // inherited from UIAppearance
27 |
28 | static appearanceForTraitCollection(trait: UITraitCollection): DKCarouselView; // inherited from UIAppearance
29 |
30 | static appearanceForTraitCollectionWhenContainedIn(trait: UITraitCollection, ContainerClass: typeof NSObject): DKCarouselView; // inherited from UIAppearance
31 |
32 | static appearanceForTraitCollectionWhenContainedInInstancesOfClasses(trait: UITraitCollection, containerTypes: NSArray | typeof NSObject[]): DKCarouselView; // inherited from UIAppearance
33 |
34 | static appearanceWhenContainedIn(ContainerClass: typeof NSObject): DKCarouselView; // inherited from UIAppearance
35 |
36 | static appearanceWhenContainedInInstancesOfClasses(containerTypes: NSArray | typeof NSObject[]): DKCarouselView; // inherited from UIAppearance
37 |
38 | static new(): DKCarouselView; // inherited from NSObject
39 |
40 | bounce: boolean;
41 |
42 | defaultImage: UIImage;
43 |
44 | finite: boolean;
45 |
46 | indicatorIsVisible: boolean;
47 |
48 | indicatorOffset: CGPoint;
49 |
50 | readonly indicatorSize: CGSize;
51 |
52 | indicatorTintColor: UIColor;
53 |
54 | indicatorTintColorUnselected: UIColor;
55 |
56 | readonly numberOfItems: number;
57 |
58 | readonly pageControl: UIPageControl;
59 |
60 | pause: boolean;
61 |
62 | scrollEnabled: boolean;
63 |
64 | selectedPage: number;
65 |
66 | setAutoPagingForInterval(timeInterval: number): void;
67 |
68 | setDidChangeBlock(didChangeBlock: (p1: DKCarouselView, p2: number) => void): void;
69 |
70 | setDidScrollBlock(didScrollBlock: (p1: DKCarouselView, p2: number) => void): void;
71 |
72 | setDidSelectBlock(didSelectBlock: (p1: DKCarouselItem, p2: number) => void): void;
73 |
74 | setItems(items: NSArray | any[]): void;
75 | }
76 |
77 | declare class DKCarouselViewItem extends DKCarouselItem {
78 |
79 | static alloc(): DKCarouselViewItem; // inherited from NSObject
80 |
81 | static new(): DKCarouselViewItem; // inherited from NSObject
82 |
83 | view: UIView;
84 | }
85 |
86 | declare var DKCarouselViewVersionNumber: number;
87 |
88 | declare var DKCarouselViewVersionString: interop.Reference;
89 |
--------------------------------------------------------------------------------
/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "rules": {
3 | "class-name": true,
4 | "comment-format": [true, "check-space"],
5 | "indent": [true, "spaces"],
6 | "no-duplicate-variable": true,
7 | "no-eval": true,
8 | "no-require-imports": false,
9 | "prefer-const": true,
10 | "no-internal-module": true,
11 | "no-trailing-whitespace": true,
12 | "no-var-keyword": true,
13 | "one-line": [true, "check-open-brace", "check-whitespace"],
14 | "quotemark": [false, "double"],
15 | "semicolon": [true, "always"],
16 | "no-irregular-whitespace": false,
17 | "triple-equals": [true, "allow-null-check"],
18 | "typedef-whitespace": [
19 | true,
20 | {
21 | "call-signature": "nospace",
22 | "index-signature": "nospace",
23 | "parameter": "nospace",
24 | "property-declaration": "nospace",
25 | "variable-declaration": "nospace"
26 | }
27 | ],
28 | "variable-name": [true, "ban-keywords"],
29 | "whitespace": [
30 | true,
31 | "check-branch",
32 | "check-decl",
33 | "check-operator",
34 | "check-separator",
35 | "check-type"
36 | ]
37 | }
38 | }
39 |
--------------------------------------------------------------------------------