├── .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 | 18 | 19 | 21 | 22 | 24 | 25 | 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 | 18 | 19 | 21 | 22 | 24 | 25 | 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 | 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 | 48 | 49 | 100 | 101 | 106 | -------------------------------------------------------------------------------- /demo-vue/app/components/ExtrasDemo.vue: -------------------------------------------------------------------------------- 1 | 81 | 82 | 131 | 132 | 137 | -------------------------------------------------------------------------------- /demo-vue/app/components/Menu.vue: -------------------------------------------------------------------------------- 1 | 15 | 16 | 37 | 38 | 54 | -------------------------------------------------------------------------------- /demo-vue/app/components/StaticDemo.vue: -------------------------------------------------------------------------------- 1 | 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 | 18 | 19 | 21 | 22 | 24 | 25 | 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 | 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 | 13 | 14 | 15 | 19 | 20 | 21 | 24 | 25 | 26 | 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 |