├── src ├── .npmignore ├── angular │ ├── index.ts │ ├── index.d.ts │ ├── nativescript-svg-module.d.ts │ ├── package.json │ ├── nativescript-svg-directives.d.ts │ ├── index.js │ ├── nativescript-svg-directives.ts │ ├── nativescript-svg-module.ts │ ├── nativescript-svg-directives.js │ └── nativescript-svg-module.js ├── platforms │ ├── ios │ │ ├── build.xcconfig │ │ └── Podfile │ └── android │ │ ├── libs │ │ └── svg-android.jar │ │ ├── include.gradle │ │ └── src │ │ └── main │ │ ├── AndroidManifest.xml │ │ └── assets │ │ └── app │ │ └── App_Resources │ │ └── Android │ │ └── AndroidManifest.xml ├── hooks │ └── before-livesync │ │ └── nativescript-angular-sync.js ├── references.d.ts ├── tsconfig.json ├── package.json ├── svg.android.js ├── svg.android.ts ├── svg.common.js ├── package-lock.json ├── svg.common.ts ├── svg.d.ts ├── svg.ios.js └── svg.ios.ts ├── .npmignore ├── demo-angular ├── app │ ├── app.component.html │ ├── App_Resources │ │ ├── iOS │ │ │ ├── Assets.xcassets │ │ │ │ ├── Contents.json │ │ │ │ ├── AppIcon.appiconset │ │ │ │ │ ├── icon-29.png │ │ │ │ │ ├── icon-40.png │ │ │ │ │ ├── icon-50.png │ │ │ │ │ ├── icon-57.png │ │ │ │ │ ├── icon-72.png │ │ │ │ │ ├── icon-76.png │ │ │ │ │ ├── icon-29@2x.png │ │ │ │ │ ├── icon-29@3x.png │ │ │ │ │ ├── icon-40@2x.png │ │ │ │ │ ├── icon-40@3x.png │ │ │ │ │ ├── icon-50@2x.png │ │ │ │ │ ├── icon-57@2x.png │ │ │ │ │ ├── icon-60@2x.png │ │ │ │ │ ├── icon-60@3x.png │ │ │ │ │ ├── icon-72@2x.png │ │ │ │ │ ├── icon-76@2x.png │ │ │ │ │ ├── icon-83.5@2x.png │ │ │ │ │ └── Contents.json │ │ │ │ ├── LaunchImage.launchimage │ │ │ │ │ ├── Default.png │ │ │ │ │ ├── Default@2x.png │ │ │ │ │ ├── Default-568h@2x.png │ │ │ │ │ ├── Default-667h@2x.png │ │ │ │ │ ├── Default-736h@3x.png │ │ │ │ │ ├── Default-Landscape.png │ │ │ │ │ ├── Default-Portrait.png │ │ │ │ │ ├── Default-Landscape@2x.png │ │ │ │ │ ├── Default-Landscape@3x.png │ │ │ │ │ ├── Default-Portrait@2x.png │ │ │ │ │ └── Contents.json │ │ │ │ ├── LaunchScreen.Center.imageset │ │ │ │ │ ├── LaunchScreen-Center.png │ │ │ │ │ ├── LaunchScreen-Center@2x.png │ │ │ │ │ └── Contents.json │ │ │ │ └── LaunchScreen.AspectFill.imageset │ │ │ │ │ ├── LaunchScreen-AspectFill.png │ │ │ │ │ ├── LaunchScreen-AspectFill@2x.png │ │ │ │ │ └── Contents.json │ │ │ ├── build.xcconfig │ │ │ ├── Info.plist │ │ │ └── LaunchScreen.storyboard │ │ └── Android │ │ │ ├── values-v21 │ │ │ ├── colors.xml │ │ │ └── styles.xml │ │ │ ├── drawable-hdpi │ │ │ ├── icon.png │ │ │ ├── logo.png │ │ │ └── background.png │ │ │ ├── drawable-ldpi │ │ │ ├── icon.png │ │ │ ├── logo.png │ │ │ └── background.png │ │ │ ├── drawable-mdpi │ │ │ ├── icon.png │ │ │ ├── logo.png │ │ │ └── background.png │ │ │ ├── drawable-xhdpi │ │ │ ├── icon.png │ │ │ ├── logo.png │ │ │ └── background.png │ │ │ ├── drawable-xxhdpi │ │ │ ├── icon.png │ │ │ ├── logo.png │ │ │ └── background.png │ │ │ ├── drawable-xxxhdpi │ │ │ ├── icon.png │ │ │ ├── logo.png │ │ │ └── background.png │ │ │ ├── values │ │ │ ├── colors.xml │ │ │ └── styles.xml │ │ │ ├── drawable-nodpi │ │ │ └── splash_screen.xml │ │ │ ├── app.gradle │ │ │ └── AndroidManifest.xml │ ├── images │ │ ├── nativescript.png │ │ ├── nativescript.svg │ │ ├── spider-test.svg │ │ └── spider.svg │ ├── package.json │ ├── app.component.ts │ ├── pages │ │ ├── main-page.html │ │ ├── main-page.ts │ │ └── main-page.js │ ├── main.ts │ ├── main.aot.ts │ ├── app.routing.ts │ ├── app.css │ ├── app.module.ts │ ├── README.md │ ├── main.js │ ├── app.component.js │ ├── app.routing.js │ └── app.module.js ├── hooks │ ├── before-watch │ │ └── nativescript-dev-typescript.js │ ├── before-livesync │ │ └── nativescript-angular-sync.js │ └── before-prepare │ │ └── nativescript-dev-typescript.js ├── tsconfig.json └── package.json ├── .gitignore ├── demo ├── app │ ├── app.js │ ├── images │ │ ├── nativescript.png │ │ ├── nativescript.svg │ │ ├── spider-test.svg │ │ └── spider.svg │ ├── App_Resources │ │ ├── iOS │ │ │ ├── icon.png │ │ │ ├── Default.png │ │ │ ├── icon-40.png │ │ │ ├── icon-60.png │ │ │ ├── icon-72.png │ │ │ ├── icon-76.png │ │ │ ├── icon@2x.png │ │ │ ├── Default@2x.png │ │ │ ├── Icon-Small.png │ │ │ ├── icon-40@2x.png │ │ │ ├── icon-60@2x.png │ │ │ ├── icon-72@2x.png │ │ │ ├── icon-76@2x.png │ │ │ ├── Icon-Small-50.png │ │ │ ├── Icon-Small@2x.png │ │ │ ├── Default-568h@2x.png │ │ │ ├── Default-667h@2x.png │ │ │ ├── Default-736h@3x.png │ │ │ ├── Default-Landscape.png │ │ │ ├── Default-Portrait.png │ │ │ ├── Icon-Small-50@2x.png │ │ │ ├── Default-Landscape@2x.png │ │ │ ├── Default-Landscape@3x.png │ │ │ ├── Default-Portrait@2x.png │ │ │ ├── Default-Landscape-568h@2x.png │ │ │ ├── Default-Landscape-667h@2x.png │ │ │ ├── build.xcconfig │ │ │ └── Info.plist │ │ └── Android │ │ │ ├── drawable-hdpi │ │ │ └── icon.png │ │ │ ├── drawable-ldpi │ │ │ └── icon.png │ │ │ ├── drawable-mdpi │ │ │ └── icon.png │ │ │ ├── drawable-nodpi │ │ │ └── splashscreen.9.png │ │ │ ├── app.gradle │ │ │ └── AndroidManifest.xml │ ├── references.d.ts │ ├── main-page.js │ ├── app.css │ ├── package.json │ ├── main-view-model.js │ └── main-page.xml └── package.json ├── LICENSE └── README.md /src/.npmignore: -------------------------------------------------------------------------------- 1 | demo/ 2 | .vscode 3 | **/*.ts 4 | !**/*.d.ts -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | demo/ 2 | .vscode 3 | src/**/*.ts 4 | !src/**/*.d.ts -------------------------------------------------------------------------------- /src/angular/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./nativescript-svg-module"; -------------------------------------------------------------------------------- /src/platforms/ios/build.xcconfig: -------------------------------------------------------------------------------- 1 | OTHER_LDFLAGS = $(inherited) -ObjC -------------------------------------------------------------------------------- /src/angular/index.d.ts: -------------------------------------------------------------------------------- 1 | export * from "./nativescript-svg-module"; 2 | -------------------------------------------------------------------------------- /demo-angular/app/app.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | src/*.js.map 2 | src/node_modules 3 | demo/ 4 | demo-angular/ 5 | .vscode 6 | -------------------------------------------------------------------------------- /src/angular/nativescript-svg-module.d.ts: -------------------------------------------------------------------------------- 1 | export declare class NativeScriptSvgModule { 2 | } 3 | -------------------------------------------------------------------------------- /src/angular/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "nativescript-svg", 3 | "main": "index.js" 4 | } -------------------------------------------------------------------------------- /demo/app/app.js: -------------------------------------------------------------------------------- 1 | var application = require("application"); 2 | application.start({ moduleName: "main-page" }); 3 | -------------------------------------------------------------------------------- /demo/app/images/nativescript.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/images/nativescript.png -------------------------------------------------------------------------------- /src/hooks/before-livesync/nativescript-angular-sync.js: -------------------------------------------------------------------------------- 1 | module.exports = require("nativescript-angular/hooks/before-livesync"); 2 | -------------------------------------------------------------------------------- /demo-angular/hooks/before-watch/nativescript-dev-typescript.js: -------------------------------------------------------------------------------- 1 | module.exports = require("nativescript-dev-typescript/lib/watch.js"); 2 | -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/icon.png -------------------------------------------------------------------------------- /demo-angular/hooks/before-livesync/nativescript-angular-sync.js: -------------------------------------------------------------------------------- 1 | module.exports = require("nativescript-angular/hooks/before-livesync"); 2 | -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Default.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/icon-40.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/icon-60.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/icon-72.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/icon-76.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/icon@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } -------------------------------------------------------------------------------- /demo-angular/app/images/nativescript.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/images/nativescript.png -------------------------------------------------------------------------------- /demo-angular/hooks/before-prepare/nativescript-dev-typescript.js: -------------------------------------------------------------------------------- 1 | module.exports = require("nativescript-dev-typescript/lib/before-prepare.js"); 2 | -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Default@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Icon-Small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Icon-Small.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-40@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/icon-40@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-60@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/icon-60@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-72@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/icon-72@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-76@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/icon-76@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Icon-Small-50.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Icon-Small-50.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Icon-Small@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Icon-Small@2x.png -------------------------------------------------------------------------------- /src/platforms/android/libs/svg-android.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/src/platforms/android/libs/svg-android.jar -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-568h@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Default-568h@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-667h@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Default-667h@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-736h@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Default-736h@3x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Landscape.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Default-Landscape.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Portrait.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Default-Portrait.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Icon-Small-50@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Icon-Small-50@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Landscape@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Default-Landscape@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Landscape@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Default-Landscape@3x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Portrait@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Default-Portrait@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/drawable-hdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/Android/drawable-hdpi/icon.png -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/drawable-ldpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/Android/drawable-ldpi/icon.png -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/drawable-mdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/Android/drawable-mdpi/icon.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/values-v21/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #3d5afe 4 | -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Landscape-568h@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Default-Landscape-568h@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Landscape-667h@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/iOS/Default-Landscape-667h@2x.png -------------------------------------------------------------------------------- /src/angular/nativescript-svg-directives.d.ts: -------------------------------------------------------------------------------- 1 | export declare class SVGImageDirective { 2 | constructor(); 3 | } 4 | export declare const DIRECTIVES: typeof SVGImageDirective[]; 5 | -------------------------------------------------------------------------------- /src/references.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-hdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-hdpi/icon.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-hdpi/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-hdpi/logo.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-ldpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-ldpi/icon.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-ldpi/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-ldpi/logo.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-mdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-mdpi/icon.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-mdpi/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-mdpi/logo.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-xhdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-xhdpi/icon.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-xhdpi/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-xhdpi/logo.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-xxhdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-xxhdpi/icon.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-xxhdpi/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-xxhdpi/logo.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-xxxhdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-xxxhdpi/icon.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-xxxhdpi/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-xxxhdpi/logo.png -------------------------------------------------------------------------------- /demo-angular/app/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "android": { 3 | "v8Flags": "--expose_gc" 4 | }, 5 | "main": "main.js", 6 | "name": "tns-template-hello-world-ng", 7 | "version": "3.0.0" 8 | } -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/drawable-nodpi/splashscreen.9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo/app/App_Resources/Android/drawable-nodpi/splashscreen.9.png -------------------------------------------------------------------------------- /demo/app/references.d.ts: -------------------------------------------------------------------------------- 1 | /// Enable smart suggestions and completions in Visual Studio Code JavaScript projects. 2 | -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-hdpi/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-hdpi/background.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-ldpi/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-ldpi/background.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-mdpi/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-mdpi/background.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-xhdpi/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-xhdpi/background.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-xxhdpi/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-xxhdpi/background.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-xxxhdpi/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/Android/drawable-xxxhdpi/background.png -------------------------------------------------------------------------------- /demo-angular/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from "@angular/core"; 2 | 3 | @Component({ 4 | selector: "ns-app", 5 | templateUrl: "app.component.html", 6 | }) 7 | export class AppComponent { } 8 | -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-50.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-50.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-57.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-72.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@3x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@3x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-50@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-50@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-57@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-57@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@3x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-72@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-72@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-83.5@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-83.5@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default.png -------------------------------------------------------------------------------- /demo-angular/app/pages/main-page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-568h@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-568h@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-667h@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-667h@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-736h@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-736h@3x.png -------------------------------------------------------------------------------- /src/platforms/ios/Podfile: -------------------------------------------------------------------------------- 1 | # Uncomment the next line to define a global platform for your project 2 | # platform :ios, '9.0' 3 | 4 | use_frameworks! 5 | 6 | pod 'SVGKit', :git => 'https://github.com/SVGKit/SVGKit.git', :branch => '2.x' 7 | 8 | -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@3x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait@2x.png -------------------------------------------------------------------------------- /demo/app/main-page.js: -------------------------------------------------------------------------------- 1 | var createViewModel = require("./main-view-model").createViewModel; 2 | 3 | function onNavigatingTo(args) { 4 | var page = args.object; 5 | page.bindingContext = createViewModel(); 6 | } 7 | exports.onNavigatingTo = onNavigatingTo; -------------------------------------------------------------------------------- /src/angular/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | function __export(m) { 3 | for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p]; 4 | } 5 | Object.defineProperty(exports, "__esModule", { value: true }); 6 | __export(require("./nativescript-svg-module")); 7 | -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center@2x.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill.png -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peoplewareDo/nativescript-svg/HEAD/demo-angular/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill@2x.png -------------------------------------------------------------------------------- /src/angular/nativescript-svg-directives.ts: -------------------------------------------------------------------------------- 1 | import { Directive } from "@angular/core"; // TODO: check require .Directive without hacks 2 | 3 | @Directive({ 4 | selector: "SVGImage" 5 | }) 6 | export class SVGImageDirective { } 7 | 8 | export const DIRECTIVES = [SVGImageDirective]; 9 | -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #F5F5F5 4 | #757575 5 | #33B5E5 6 | #272734 7 | -------------------------------------------------------------------------------- /demo-angular/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/platform"; 3 | 4 | import { AppModule } from "./app.module"; 5 | 6 | platformNativeScriptDynamic().bootstrapModule(AppModule); 7 | -------------------------------------------------------------------------------- /demo/app/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 | // ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 5 | // ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = Brand Assets; 6 | -------------------------------------------------------------------------------- /demo-angular/app/pages/main-page.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from "@angular/core"; 2 | 3 | @Component({ 4 | selector: "ns-items", 5 | moduleId: module.id, 6 | templateUrl: "./main-page.html", 7 | }) 8 | export class MainPage implements OnInit { 9 | constructor() { } 10 | 11 | ngOnInit(): void { 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /demo-angular/app/main.aot.ts: -------------------------------------------------------------------------------- 1 | // this import should be first in order to load some required settings (like globals and reflect-metadata) 2 | import { platformNativeScript } from "nativescript-angular/platform-static"; 3 | 4 | import { AppModuleNgFactory } from "./app.module.ngfactory"; 5 | 6 | platformNativeScript().bootstrapModuleFactory(AppModuleNgFactory); 7 | -------------------------------------------------------------------------------- /demo/app/app.css: -------------------------------------------------------------------------------- 1 | .title { 2 | font-size: 30; 3 | horizontal-align: center; 4 | margin: 20; 5 | } 6 | 7 | button { 8 | font-size: 42; 9 | horizontal-align: center; 10 | } 11 | 12 | .message { 13 | font-size: 20; 14 | color: #284848; 15 | horizontal-align: center; 16 | margin: 0 20; 17 | text-align: center; 18 | } 19 | -------------------------------------------------------------------------------- /src/platforms/android/include.gradle: -------------------------------------------------------------------------------- 1 | android { 2 | productFlavors { 3 | "nativescript-svg" { 4 | dimension "nativescript-svg" 5 | } 6 | } 7 | } 8 | 9 | repositories { 10 | mavenCentral() 11 | maven { url "http://dl.bintray.com/pixplicity/android" } 12 | } 13 | dependencies { 14 | compile 'com.pixplicity.sharp:library:1.0.2@aar' 15 | } -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/drawable-nodpi/splash_screen.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /demo/app/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 | } 12 | aaptOptions { 13 | additionalParameters "--no-version-vectors" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /src/angular/nativescript-svg-module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from "@angular/core"; 2 | import { registerElement } from "nativescript-angular/element-registry"; 3 | 4 | import { DIRECTIVES } from "./nativescript-svg-directives"; 5 | 6 | @NgModule({ 7 | declarations: [DIRECTIVES], 8 | exports: [DIRECTIVES], 9 | }) 10 | export class NativeScriptSvgModule { } 11 | 12 | registerElement("SVGImage", () => require("../").SVGImage); 13 | -------------------------------------------------------------------------------- /demo-angular/app/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.ngtest" 12 | } 13 | aaptOptions { 14 | additionalParameters "--no-version-vectors" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /demo-angular/app/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-angular/app/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 | } -------------------------------------------------------------------------------- /src/angular/nativescript-svg-directives.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | Object.defineProperty(exports, "__esModule", { value: true }); 3 | var core_1 = require("@angular/core"); 4 | var SVGImageDirective = (function () { 5 | function SVGImageDirective() { 6 | } 7 | SVGImageDirective = __decorate([ 8 | core_1.Directive({ 9 | selector: "SVGImage" 10 | }) 11 | ], SVGImageDirective); 12 | return SVGImageDirective; 13 | }()); 14 | exports.SVGImageDirective = SVGImageDirective; 15 | exports.DIRECTIVES = [SVGImageDirective]; 16 | -------------------------------------------------------------------------------- /demo-angular/app/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-angular/app/app.routing.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from "@angular/core"; 2 | import { NativeScriptRouterModule } from "nativescript-angular/router"; 3 | import { Routes } from "@angular/router"; 4 | 5 | import { MainPage } from "./pages/main-page"; 6 | 7 | const routes: Routes = [ 8 | { path: "", redirectTo: "/main-page", pathMatch: "full" }, 9 | { path: "main-page", component: MainPage } 10 | ]; 11 | 12 | @NgModule({ 13 | imports: [NativeScriptRouterModule.forRoot(routes)], 14 | exports: [NativeScriptRouterModule] 15 | }) 16 | export class AppRoutingModule { } -------------------------------------------------------------------------------- /src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "module": "commonjs", 4 | "target": "es5", 5 | "noImplicitAny": false, 6 | "removeComments": true, 7 | "preserveConstEnums": true, 8 | "sourceMap": false, 9 | "declaration": false, 10 | "noLib": false, 11 | "noEmitHelpers": true, 12 | "experimentalDecorators": true, 13 | "lib": [ 14 | "es6", 15 | "dom" 16 | ] 17 | }, 18 | "exclude": [ 19 | "node_modules", 20 | "platforms" 21 | ] 22 | } -------------------------------------------------------------------------------- /demo-angular/app/app.css: -------------------------------------------------------------------------------- 1 | /* 2 | In NativeScript, the app.css file is where you place CSS rules that 3 | you would like to apply to your entire application. Check out 4 | http://docs.nativescript.org/ui/styling for a full list of the CSS 5 | selectors and properties you can use to style UI components. 6 | 7 | /* 8 | In many cases you may want to use the NativeScript core theme instead 9 | of writing your own CSS rules. For a full list of class names in the theme 10 | refer to http://docs.nativescript.org/ui/theme. 11 | */ 12 | @import 'nativescript-theme-core/css/core.light.css'; 13 | -------------------------------------------------------------------------------- /demo/app/package.json: -------------------------------------------------------------------------------- 1 | {"name":"tns-template-hello-world","main":"app.js","version":"2.0.0","author":{"name":"Telerik","email":"support@telerik.com"},"description":"Nativescript hello-world project template","license":"Apache-2.0","keywords":["telerik","mobile","nativescript","{N}","tns","appbuilder","template"],"repository":{"type":"git","url":"git://github.com/NativeScript/template-hello-world.git"},"bugs":{"url":"https://github.com/NativeScript/template-hello-world/issues"},"homepage":"https://github.com/NativeScript/template-hello-world","android":{"v8Flags":"--expose_gc"},"readme":"ERROR: No README data found!","_id":"tns-template-hello-world@2.0.0","_from":"tns-template-hello-world@2.0.0"} -------------------------------------------------------------------------------- /demo-angular/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "module": "commonjs", 4 | "target": "es5", 5 | "experimentalDecorators": true, 6 | "emitDecoratorMetadata": true, 7 | "noEmitHelpers": true, 8 | "noEmitOnError": true, 9 | "lib": [ 10 | "es6", 11 | "dom", 12 | "es2015.iterable" 13 | ], 14 | "baseUrl": ".", 15 | "paths": { 16 | "*": [ 17 | "./node_modules/tns-core-modules/*", 18 | "./node_modules/*" 19 | ] 20 | } 21 | }, 22 | "exclude": [ 23 | "node_modules", 24 | "platforms", 25 | "**/*.aot.ts" 26 | ] 27 | } -------------------------------------------------------------------------------- /demo/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "description": "NativeScript Application", 3 | "license": "SEE LICENSE IN ", 4 | "readme": "NativeScript Application", 5 | "repository": "", 6 | "nativescript": { 7 | "id": "org.nativescript.demo3", 8 | "tns-android": { 9 | "version": "3.0.0" 10 | }, 11 | "tns-ios": { 12 | "version": "3.0.0" 13 | } 14 | }, 15 | "dependencies": { 16 | "nativescript-svg": "../src/", 17 | "tns-core-modules": "^3.0.0" 18 | }, 19 | "devDependencies": { 20 | "babel-traverse": "6.9.0", 21 | "babel-types": "6.10.0", 22 | "babylon": "6.8.1", 23 | "filewalker": "0.1.2", 24 | "lazy": "1.0.11" 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /demo-angular/app/app.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core"; 2 | import { NativeScriptModule } from "nativescript-angular/nativescript.module"; 3 | import { AppRoutingModule } from "./app.routing"; 4 | import { AppComponent } from "./app.component"; 5 | 6 | import { MainPage } from "./pages/main-page"; 7 | import { NativeScriptSvgModule } from "nativescript-svg/angular"; 8 | 9 | @NgModule({ 10 | bootstrap: [ 11 | AppComponent 12 | ], 13 | imports: [ 14 | NativeScriptModule, 15 | AppRoutingModule, 16 | NativeScriptSvgModule 17 | ], 18 | declarations: [ 19 | AppComponent, 20 | MainPage 21 | ], 22 | schemas: [ 23 | NO_ERRORS_SCHEMA 24 | ] 25 | }) 26 | export class AppModule { } 27 | -------------------------------------------------------------------------------- /src/angular/nativescript-svg-module.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | Object.defineProperty(exports, "__esModule", { value: true }); 3 | var core_1 = require("@angular/core"); 4 | var element_registry_1 = require("nativescript-angular/element-registry"); 5 | var nativescript_svg_directives_1 = require("./nativescript-svg-directives"); 6 | var NativeScriptSvgModule = (function () { 7 | function NativeScriptSvgModule() { 8 | } 9 | NativeScriptSvgModule = __decorate([ 10 | core_1.NgModule({ 11 | declarations: [nativescript_svg_directives_1.DIRECTIVES], 12 | exports: [nativescript_svg_directives_1.DIRECTIVES], 13 | }) 14 | ], NativeScriptSvgModule); 15 | return NativeScriptSvgModule; 16 | }()); 17 | exports.NativeScriptSvgModule = NativeScriptSvgModule; 18 | element_registry_1.registerElement("SVGImage", function () { return require("../").SVGImage; }); 19 | -------------------------------------------------------------------------------- /demo-angular/app/README.md: -------------------------------------------------------------------------------- 1 | # NativeScript Angular Template 2 | 3 | This template creates a "Hello, world" NativeScript app using TypeScript and Angular. 4 | 5 | You can create a new app that uses this template with either the `--template` option. 6 | 7 | ``` 8 | tns create my-app-name --template tns-template-hello-world-ng 9 | ``` 10 | 11 | Or the `--ng` shorthand. 12 | 13 | ``` 14 | tns create my-app-name --ng 15 | ``` 16 | 17 | > Note: Both commands will create a new NativeScript app that uses the latest version of this template published to [npm] (https://www.npmjs.com/package/tns-template-hello-world-ng). 18 | 19 | If you want to create a new app that uses the source of the template from the `master` branch, you can execute the following: 20 | 21 | ``` 22 | tns create my-app-name --template https://github.com/NativeScript/template-hello-world-ng.git#master 23 | ``` 24 | 25 | **NB:** Please, have in mind that the master branch may refer to dependencies that are not on NPM yet! 26 | -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/values-v21/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 9 | 10 | 11 | 14 | 15 | 16 | 19 | 20 | 23 | -------------------------------------------------------------------------------- /demo-angular/app/main.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | Object.defineProperty(exports, "__esModule", { value: true }); 3 | // this import should be first in order to load some required settings (like globals and reflect-metadata) 4 | var platform_1 = require("nativescript-angular/platform"); 5 | var app_module_1 = require("./app.module"); 6 | platform_1.platformNativeScriptDynamic().bootstrapModule(app_module_1.AppModule); 7 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIm1haW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSwwR0FBMEc7QUFDMUcsMERBQTRFO0FBRTVFLDJDQUF5QztBQUV6QyxzQ0FBMkIsRUFBRSxDQUFDLGVBQWUsQ0FBQyxzQkFBUyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyB0aGlzIGltcG9ydCBzaG91bGQgYmUgZmlyc3QgaW4gb3JkZXIgdG8gbG9hZCBzb21lIHJlcXVpcmVkIHNldHRpbmdzIChsaWtlIGdsb2JhbHMgYW5kIHJlZmxlY3QtbWV0YWRhdGEpXG5pbXBvcnQgeyBwbGF0Zm9ybU5hdGl2ZVNjcmlwdER5bmFtaWMgfSBmcm9tIFwibmF0aXZlc2NyaXB0LWFuZ3VsYXIvcGxhdGZvcm1cIjtcblxuaW1wb3J0IHsgQXBwTW9kdWxlIH0gZnJvbSBcIi4vYXBwLm1vZHVsZVwiO1xuXG5wbGF0Zm9ybU5hdGl2ZVNjcmlwdER5bmFtaWMoKS5ib290c3RyYXBNb2R1bGUoQXBwTW9kdWxlKTtcbiJdfQ== -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | nativescript-svg 4 | Copyright (c) 2016, PeopleWare 5 | 6 | Permission is hereby granted, free of charge, to any person obtaining a copy of 7 | this software and associated documentation files (the "Software"), to deal in 8 | the Software without restriction, including without limitation the rights to 9 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of 10 | the Software, and to permit persons to whom the Software is furnished to do so, 11 | subject to the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be included in all 14 | copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS 18 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR 19 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER 20 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN 21 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /demo-angular/app/app.component.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | Object.defineProperty(exports, "__esModule", { value: true }); 3 | var core_1 = require("@angular/core"); 4 | var AppComponent = (function () { 5 | function AppComponent() { 6 | } 7 | return AppComponent; 8 | }()); 9 | AppComponent = __decorate([ 10 | core_1.Component({ 11 | selector: "ns-app", 12 | templateUrl: "app.component.html", 13 | }) 14 | ], AppComponent); 15 | exports.AppComponent = AppComponent; 16 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbImFwcC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxzQ0FBMEM7QUFNMUMsSUFBYSxZQUFZO0lBQXpCO0lBQTRCLENBQUM7SUFBRCxtQkFBQztBQUFELENBQUMsQUFBN0IsSUFBNkI7QUFBaEIsWUFBWTtJQUp4QixnQkFBUyxDQUFDO1FBQ1AsUUFBUSxFQUFFLFFBQVE7UUFDbEIsV0FBVyxFQUFFLG9CQUFvQjtLQUNwQyxDQUFDO0dBQ1csWUFBWSxDQUFJO0FBQWhCLG9DQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwibnMtYXBwXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiYXBwLmNvbXBvbmVudC5odG1sXCIsXG59KVxuZXhwb3J0IGNsYXNzIEFwcENvbXBvbmVudCB7IH1cbiJdfQ== -------------------------------------------------------------------------------- /demo/app/main-view-model.js: -------------------------------------------------------------------------------- 1 | var Observable = require("data/observable").Observable; 2 | var SVG = require("nativescript-svg"); 3 | var svgParser = new SVG.ImageSourceSVG(); 4 | 5 | function getMessage(counter) { 6 | if (counter <= 0) { 7 | return "Hoorraaay! You unlocked the NativeScript clicker achievement!"; 8 | } else { 9 | return counter + " taps left"; 10 | } 11 | } 12 | 13 | function createViewModel() { 14 | 15 | var loaded = svgParser.fromResource('images/spider-test.svg'); 16 | if (loaded) { 17 | console.log("object loaded"); 18 | } else { 19 | console.log("error"); 20 | } 21 | 22 | // var loaded = svgParser.loadFromFile('~/images/spider-test.svg'); 23 | var viewModel = new Observable(); 24 | viewModel.counter = 42; 25 | viewModel.message = getMessage(viewModel.counter); 26 | 27 | viewModel.message2 = loaded ? "there is object" : "there isn't object"; 28 | 29 | viewModel.onTap = function () { 30 | // this.set("svgSrc", '~/images/nativescript.svg'); 31 | this.counter--; 32 | this.set("message", getMessage(this.counter)); 33 | } 34 | 35 | return viewModel; 36 | } 37 | 38 | exports.createViewModel = createViewModel; -------------------------------------------------------------------------------- /demo-angular/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "description": "NativeScript Application", 3 | "license": "SEE LICENSE IN ", 4 | "readme": "NativeScript Application", 5 | "repository": "", 6 | "nativescript": { 7 | "id": "org.nativescript.ngtest", 8 | "tns-android": { 9 | "version": "3.1.0-next-2017-06-15-1868" 10 | }, 11 | "tns-ios": { 12 | "version": "3.1.0-2017-5-16-2" 13 | } 14 | }, 15 | "dependencies": { 16 | "@angular/animations": "~4.1.0", 17 | "@angular/common": "~4.1.0", 18 | "@angular/compiler": "~4.1.0", 19 | "@angular/core": "~4.1.0", 20 | "@angular/forms": "~4.1.0", 21 | "@angular/http": "~4.1.0", 22 | "@angular/platform-browser": "~4.1.0", 23 | "@angular/router": "~4.1.0", 24 | "nativescript-angular": "~3.0.0", 25 | "nativescript-svg": "../src", 26 | "nativescript-theme-core": "~1.0.2", 27 | "reflect-metadata": "~0.1.8", 28 | "rxjs": "~5.3.0", 29 | "tns-core-modules": "~3.0.0", 30 | "zone.js": "~0.8.2" 31 | }, 32 | "devDependencies": { 33 | "babel-traverse": "6.25.0", 34 | "babel-types": "6.25.0", 35 | "babylon": "6.17.3", 36 | "lazy": "1.0.11", 37 | "nativescript-dev-typescript": "~0.4.0", 38 | "typescript": "~2.2.1" 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 12 | 13 | 16 | 17 | 18 | 19 | 20 | 21 | 27 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /src/platforms/android/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 12 | 13 | 16 | 17 | 18 | 19 | 20 | 21 | 27 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /demo-angular/app/pages/main-page.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | Object.defineProperty(exports, "__esModule", { value: true }); 3 | var core_1 = require("@angular/core"); 4 | var MainPage = (function () { 5 | function MainPage() { 6 | } 7 | MainPage.prototype.ngOnInit = function () { 8 | }; 9 | return MainPage; 10 | }()); 11 | MainPage = __decorate([ 12 | core_1.Component({ 13 | selector: "ns-items", 14 | moduleId: module.id, 15 | templateUrl: "./main-page.html", 16 | }), 17 | __metadata("design:paramtypes", []) 18 | ], MainPage); 19 | exports.MainPage = MainPage; 20 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi1wYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsibWFpbi1wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsc0NBQWtEO0FBT2xELElBQWEsUUFBUTtJQUNqQjtJQUFnQixDQUFDO0lBRWpCLDJCQUFRLEdBQVI7SUFDQSxDQUFDO0lBQ0wsZUFBQztBQUFELENBQUMsQUFMRCxJQUtDO0FBTFksUUFBUTtJQUxwQixnQkFBUyxDQUFDO1FBQ1AsUUFBUSxFQUFFLFVBQVU7UUFDcEIsUUFBUSxFQUFFLE1BQU0sQ0FBQyxFQUFFO1FBQ25CLFdBQVcsRUFBRSxrQkFBa0I7S0FDbEMsQ0FBQzs7R0FDVyxRQUFRLENBS3BCO0FBTFksNEJBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5zLWl0ZW1zXCIsXG4gICAgbW9kdWxlSWQ6IG1vZHVsZS5pZCxcbiAgICB0ZW1wbGF0ZVVybDogXCIuL21haW4tcGFnZS5odG1sXCIsXG59KVxuZXhwb3J0IGNsYXNzIE1haW5QYWdlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgfVxufVxuIl19 -------------------------------------------------------------------------------- /src/platforms/android/src/main/assets/app/App_Resources/Android/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 12 | 13 | 16 | 17 | 18 | 19 | 20 | 21 | 27 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/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-angular/app/App_Resources/iOS/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | ${PRODUCT_NAME} 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 | -------------------------------------------------------------------------------- /src/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "nativescript-svg", 3 | "version": "1.3.7", 4 | "description": "NativeScript SVG plugin", 5 | "main": "svg", 6 | "typings": "svg.d.ts", 7 | "nativescript": { 8 | "platforms": { 9 | "android": "3.0.0", 10 | "ios": "3.0.0" 11 | } 12 | }, 13 | "scripts": { 14 | "build": "tsc -skipLibCheck", 15 | "demo.ios": "npm run preparedemo ; cd demo ; tns emulate ios", 16 | "demo.android": "npm run preparedemo ; cd demo ; tns run android", 17 | "preparedemo": "npm run build ; cd demo ; tns plugin remove nativescript-svg ; tns plugin add .. ; tns install", 18 | "setup": "cd demo ; npm install ; cd .. ; npm run build ; cd demo ; tns plugin add .. ; cd .." 19 | }, 20 | "repository": { 21 | "type": "git", 22 | "url": "https://github.com/peoplewareDo/nativescript-svg.git" 23 | }, 24 | "keywords": [ 25 | "NativeScript", 26 | "JavaScript", 27 | "Android", 28 | "iOS", 29 | "svg" 30 | ], 31 | "author": { 32 | "name": "Victor Sosa", 33 | "email": "victor.sosa@peopleware.do" 34 | }, 35 | "contributors": [ 36 | { 37 | "name": "Brad Martin", 38 | "email": "bmartin@nstudio.io", 39 | "url": "https://github.com/bradmartin" 40 | } 41 | ], 42 | "bugs": { 43 | "url": "https://github.com/peoplewareDo/nativescript-svg/issues" 44 | }, 45 | "license": "MIT", 46 | "homepage": "https://github.com/peoplewareDo/nativescript-svg", 47 | "readmeFilename": "README.md", 48 | "devDependencies": { 49 | "tns-core-modules": ">=3.0.0", 50 | "tns-platform-declarations": ">=3.0.0", 51 | "typescript": "^2.2.2", 52 | "nativescript-angular": ">=3.0.0 || ^2.0.0-rc.1", 53 | "@angular/core": "~4.0.1", 54 | "@angular/common": "~4.0.1", 55 | "@angular/compiler": "~4.0.1", 56 | "@angular/compiler-cli": "~4.0.1", 57 | "rxjs": "~5.3.0", 58 | "zone.js": "~0.8.4" 59 | } 60 | } -------------------------------------------------------------------------------- /demo-angular/app/App_Resources/Android/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 18 | 19 | 21 | 22 | 23 | 31 | 32 | 34 | 35 | 36 | 42 | 43 | 45 | 46 | -------------------------------------------------------------------------------- /demo-angular/app/app.routing.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | Object.defineProperty(exports, "__esModule", { value: true }); 3 | var core_1 = require("@angular/core"); 4 | var router_1 = require("nativescript-angular/router"); 5 | var main_page_1 = require("./pages/main-page"); 6 | var routes = [ 7 | { path: "", redirectTo: "/main-page", pathMatch: "full" }, 8 | { path: "main-page", component: main_page_1.MainPage } 9 | ]; 10 | var AppRoutingModule = (function () { 11 | function AppRoutingModule() { 12 | } 13 | return AppRoutingModule; 14 | }()); 15 | AppRoutingModule = __decorate([ 16 | core_1.NgModule({ 17 | imports: [router_1.NativeScriptRouterModule.forRoot(routes)], 18 | exports: [router_1.NativeScriptRouterModule] 19 | }) 20 | ], AppRoutingModule); 21 | exports.AppRoutingModule = AppRoutingModule; 22 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLnJvdXRpbmcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJhcHAucm91dGluZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLHNDQUF5QztBQUN6QyxzREFBdUU7QUFHdkUsK0NBQTZDO0FBRTdDLElBQU0sTUFBTSxHQUFXO0lBQ25CLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUU7SUFDekQsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxvQkFBUSxFQUFFO0NBQzdDLENBQUM7QUFNRixJQUFhLGdCQUFnQjtJQUE3QjtJQUFnQyxDQUFDO0lBQUQsdUJBQUM7QUFBRCxDQUFDLEFBQWpDLElBQWlDO0FBQXBCLGdCQUFnQjtJQUo1QixlQUFRLENBQUM7UUFDTixPQUFPLEVBQUUsQ0FBQyxpQ0FBd0IsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbkQsT0FBTyxFQUFFLENBQUMsaUNBQXdCLENBQUM7S0FDdEMsQ0FBQztHQUNXLGdCQUFnQixDQUFJO0FBQXBCLDRDQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE5hdGl2ZVNjcmlwdFJvdXRlck1vZHVsZSB9IGZyb20gXCJuYXRpdmVzY3JpcHQtYW5ndWxhci9yb3V0ZXJcIjtcbmltcG9ydCB7IFJvdXRlcyB9IGZyb20gXCJAYW5ndWxhci9yb3V0ZXJcIjtcblxuaW1wb3J0IHsgTWFpblBhZ2UgfSBmcm9tIFwiLi9wYWdlcy9tYWluLXBhZ2VcIjtcblxuY29uc3Qgcm91dGVzOiBSb3V0ZXMgPSBbXG4gICAgeyBwYXRoOiBcIlwiLCByZWRpcmVjdFRvOiBcIi9tYWluLXBhZ2VcIiwgcGF0aE1hdGNoOiBcImZ1bGxcIiB9LFxuICAgIHsgcGF0aDogXCJtYWluLXBhZ2VcIiwgY29tcG9uZW50OiBNYWluUGFnZSB9XG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtOYXRpdmVTY3JpcHRSb3V0ZXJNb2R1bGUuZm9yUm9vdChyb3V0ZXMpXSxcbiAgICBleHBvcnRzOiBbTmF0aXZlU2NyaXB0Um91dGVyTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBBcHBSb3V0aW5nTW9kdWxlIHsgfSJdfQ== -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | ${PRODUCT_NAME} 9 | CFBundleExecutable 10 | ${EXECUTABLE_NAME} 11 | CFBundleIconFile 12 | icon.png 13 | CFBundleIcons 14 | 15 | CFBundlePrimaryIcon 16 | 17 | CFBundleIconFiles 18 | 19 | icon-40 20 | icon-60 21 | icon-72 22 | icon-76 23 | Icon-Small 24 | Icon-Small-50 25 | 26 | UIPrerenderedIcon 27 | 28 | 29 | 30 | CFBundleInfoDictionaryVersion 31 | 6.0 32 | CFBundleName 33 | ${PRODUCT_NAME} 34 | CFBundlePackageType 35 | APPL 36 | CFBundleShortVersionString 37 | 1.0 38 | CFBundleSignature 39 | ???? 40 | CFBundleVersion 41 | 1.0 42 | LSRequiresIPhoneOS 43 | 44 | UILaunchStoryboardName 45 | LaunchScreen 46 | UIRequiresFullScreen 47 | 48 | NSPhotoLibraryUsageDescription 49 | $(PRODUCT_NAME) photo use 50 | UIRequiredDeviceCapabilities 51 | 52 | armv7 53 | 54 | UISupportedInterfaceOrientations 55 | 56 | UIInterfaceOrientationPortrait 57 | UIInterfaceOrientationLandscapeLeft 58 | UIInterfaceOrientationLandscapeRight 59 | 60 | UISupportedInterfaceOrientations~ipad 61 | 62 | UIInterfaceOrientationPortrait 63 | UIInterfaceOrientationPortraitUpsideDown 64 | UIInterfaceOrientationLandscapeLeft 65 | UIInterfaceOrientationLandscapeRight 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /demo/app/images/nativescript.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /demo-angular/app/images/nativescript.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /demo-angular/app/app.module.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | Object.defineProperty(exports, "__esModule", { value: true }); 3 | var core_1 = require("@angular/core"); 4 | var nativescript_module_1 = require("nativescript-angular/nativescript.module"); 5 | var app_routing_1 = require("./app.routing"); 6 | var app_component_1 = require("./app.component"); 7 | var main_page_1 = require("./pages/main-page"); 8 | var angular_1 = require("nativescript-svg/angular"); 9 | var AppModule = (function () { 10 | function AppModule() { 11 | } 12 | return AppModule; 13 | }()); 14 | AppModule = __decorate([ 15 | core_1.NgModule({ 16 | bootstrap: [ 17 | app_component_1.AppComponent 18 | ], 19 | imports: [ 20 | nativescript_module_1.NativeScriptModule, 21 | app_routing_1.AppRoutingModule, 22 | angular_1.NativeScriptSvgModule 23 | ], 24 | declarations: [ 25 | app_component_1.AppComponent, 26 | main_page_1.MainPage 27 | ], 28 | schemas: [ 29 | core_1.NO_ERRORS_SCHEMA 30 | ] 31 | }) 32 | ], AppModule); 33 | exports.AppModule = AppModule; 34 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbImFwcC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxzQ0FBMkQ7QUFDM0QsZ0ZBQThFO0FBQzlFLDZDQUFpRDtBQUNqRCxpREFBK0M7QUFFL0MsK0NBQTZDO0FBQzdDLG9EQUFpRTtBQW1CakUsSUFBYSxTQUFTO0lBQXRCO0lBQXlCLENBQUM7SUFBRCxnQkFBQztBQUFELENBQUMsQUFBMUIsSUFBMEI7QUFBYixTQUFTO0lBakJyQixlQUFRLENBQUM7UUFDTixTQUFTLEVBQUU7WUFDUCw0QkFBWTtTQUNmO1FBQ0QsT0FBTyxFQUFFO1lBQ0wsd0NBQWtCO1lBQ2xCLDhCQUFnQjtZQUNoQiwrQkFBcUI7U0FDeEI7UUFDRCxZQUFZLEVBQUU7WUFDViw0QkFBWTtZQUNaLG9CQUFRO1NBQ1g7UUFDRCxPQUFPLEVBQUU7WUFDTCx1QkFBZ0I7U0FDbkI7S0FDSixDQUFDO0dBQ1csU0FBUyxDQUFJO0FBQWIsOEJBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSwgTk9fRVJST1JTX1NDSEVNQSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBOYXRpdmVTY3JpcHRNb2R1bGUgfSBmcm9tIFwibmF0aXZlc2NyaXB0LWFuZ3VsYXIvbmF0aXZlc2NyaXB0Lm1vZHVsZVwiO1xuaW1wb3J0IHsgQXBwUm91dGluZ01vZHVsZSB9IGZyb20gXCIuL2FwcC5yb3V0aW5nXCI7XG5pbXBvcnQgeyBBcHBDb21wb25lbnQgfSBmcm9tIFwiLi9hcHAuY29tcG9uZW50XCI7XG5cbmltcG9ydCB7IE1haW5QYWdlIH0gZnJvbSBcIi4vcGFnZXMvbWFpbi1wYWdlXCI7XG5pbXBvcnQgeyBOYXRpdmVTY3JpcHRTdmdNb2R1bGUgfSBmcm9tIFwibmF0aXZlc2NyaXB0LXN2Zy9hbmd1bGFyXCI7XG5cbkBOZ01vZHVsZSh7XG4gICAgYm9vdHN0cmFwOiBbXG4gICAgICAgIEFwcENvbXBvbmVudFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBOYXRpdmVTY3JpcHRNb2R1bGUsXG4gICAgICAgIEFwcFJvdXRpbmdNb2R1bGUsXG4gICAgICAgIE5hdGl2ZVNjcmlwdFN2Z01vZHVsZVxuICAgIF0sXG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIEFwcENvbXBvbmVudCxcbiAgICAgICAgTWFpblBhZ2VcbiAgICBdLFxuICAgIHNjaGVtYXM6IFtcbiAgICAgICAgTk9fRVJST1JTX1NDSEVNQVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgQXBwTW9kdWxlIHsgfVxuIl19 -------------------------------------------------------------------------------- /demo-angular/app/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" : "57x57", 35 | "idiom" : "iphone", 36 | "filename" : "icon-57.png", 37 | "scale" : "1x" 38 | }, 39 | { 40 | "size" : "57x57", 41 | "idiom" : "iphone", 42 | "filename" : "icon-57@2x.png", 43 | "scale" : "2x" 44 | }, 45 | { 46 | "size" : "60x60", 47 | "idiom" : "iphone", 48 | "filename" : "icon-60@2x.png", 49 | "scale" : "2x" 50 | }, 51 | { 52 | "size" : "60x60", 53 | "idiom" : "iphone", 54 | "filename" : "icon-60@3x.png", 55 | "scale" : "3x" 56 | }, 57 | { 58 | "size" : "29x29", 59 | "idiom" : "ipad", 60 | "filename" : "icon-29.png", 61 | "scale" : "1x" 62 | }, 63 | { 64 | "size" : "29x29", 65 | "idiom" : "ipad", 66 | "filename" : "icon-29@2x.png", 67 | "scale" : "2x" 68 | }, 69 | { 70 | "size" : "40x40", 71 | "idiom" : "ipad", 72 | "filename" : "icon-40.png", 73 | "scale" : "1x" 74 | }, 75 | { 76 | "size" : "40x40", 77 | "idiom" : "ipad", 78 | "filename" : "icon-40@2x.png", 79 | "scale" : "2x" 80 | }, 81 | { 82 | "size" : "50x50", 83 | "idiom" : "ipad", 84 | "filename" : "icon-50.png", 85 | "scale" : "1x" 86 | }, 87 | { 88 | "size" : "50x50", 89 | "idiom" : "ipad", 90 | "filename" : "icon-50@2x.png", 91 | "scale" : "2x" 92 | }, 93 | { 94 | "size" : "72x72", 95 | "idiom" : "ipad", 96 | "filename" : "icon-72.png", 97 | "scale" : "1x" 98 | }, 99 | { 100 | "size" : "72x72", 101 | "idiom" : "ipad", 102 | "filename" : "icon-72@2x.png", 103 | "scale" : "2x" 104 | }, 105 | { 106 | "size" : "76x76", 107 | "idiom" : "ipad", 108 | "filename" : "icon-76.png", 109 | "scale" : "1x" 110 | }, 111 | { 112 | "size" : "76x76", 113 | "idiom" : "ipad", 114 | "filename" : "icon-76@2x.png", 115 | "scale" : "2x" 116 | }, 117 | { 118 | "size" : "83.5x83.5", 119 | "idiom" : "ipad", 120 | "filename" : "icon-83.5@2x.png", 121 | "scale" : "2x" 122 | } 123 | ], 124 | "info" : { 125 | "version" : 1, 126 | "author" : "xcode" 127 | } 128 | } -------------------------------------------------------------------------------- /demo-angular/app/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-angular/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "extent" : "full-screen", 5 | "idiom" : "iphone", 6 | "subtype" : "736h", 7 | "filename" : "Default-736h@3x.png", 8 | "minimum-system-version" : "8.0", 9 | "orientation" : "portrait", 10 | "scale" : "3x" 11 | }, 12 | { 13 | "extent" : "full-screen", 14 | "idiom" : "iphone", 15 | "subtype" : "736h", 16 | "filename" : "Default-Landscape@3x.png", 17 | "minimum-system-version" : "8.0", 18 | "orientation" : "landscape", 19 | "scale" : "3x" 20 | }, 21 | { 22 | "extent" : "full-screen", 23 | "idiom" : "iphone", 24 | "subtype" : "667h", 25 | "filename" : "Default-667h@2x.png", 26 | "minimum-system-version" : "8.0", 27 | "orientation" : "portrait", 28 | "scale" : "2x" 29 | }, 30 | { 31 | "orientation" : "portrait", 32 | "idiom" : "iphone", 33 | "filename" : "Default@2x.png", 34 | "extent" : "full-screen", 35 | "minimum-system-version" : "7.0", 36 | "scale" : "2x" 37 | }, 38 | { 39 | "extent" : "full-screen", 40 | "idiom" : "iphone", 41 | "subtype" : "retina4", 42 | "filename" : "Default-568h@2x.png", 43 | "minimum-system-version" : "7.0", 44 | "orientation" : "portrait", 45 | "scale" : "2x" 46 | }, 47 | { 48 | "orientation" : "portrait", 49 | "idiom" : "ipad", 50 | "filename" : "Default-Portrait.png", 51 | "extent" : "full-screen", 52 | "minimum-system-version" : "7.0", 53 | "scale" : "1x" 54 | }, 55 | { 56 | "orientation" : "landscape", 57 | "idiom" : "ipad", 58 | "filename" : "Default-Landscape.png", 59 | "extent" : "full-screen", 60 | "minimum-system-version" : "7.0", 61 | "scale" : "1x" 62 | }, 63 | { 64 | "orientation" : "portrait", 65 | "idiom" : "ipad", 66 | "filename" : "Default-Portrait@2x.png", 67 | "extent" : "full-screen", 68 | "minimum-system-version" : "7.0", 69 | "scale" : "2x" 70 | }, 71 | { 72 | "orientation" : "landscape", 73 | "idiom" : "ipad", 74 | "filename" : "Default-Landscape@2x.png", 75 | "extent" : "full-screen", 76 | "minimum-system-version" : "7.0", 77 | "scale" : "2x" 78 | }, 79 | { 80 | "orientation" : "portrait", 81 | "idiom" : "iphone", 82 | "filename" : "Default.png", 83 | "extent" : "full-screen", 84 | "scale" : "1x" 85 | }, 86 | { 87 | "orientation" : "portrait", 88 | "idiom" : "iphone", 89 | "filename" : "Default@2x.png", 90 | "extent" : "full-screen", 91 | "scale" : "2x" 92 | }, 93 | { 94 | "orientation" : "portrait", 95 | "idiom" : "iphone", 96 | "filename" : "Default-568h@2x.png", 97 | "extent" : "full-screen", 98 | "subtype" : "retina4", 99 | "scale" : "2x" 100 | }, 101 | { 102 | "orientation" : "portrait", 103 | "idiom" : "ipad", 104 | "extent" : "to-status-bar", 105 | "scale" : "1x" 106 | }, 107 | { 108 | "orientation" : "portrait", 109 | "idiom" : "ipad", 110 | "filename" : "Default-Portrait.png", 111 | "extent" : "full-screen", 112 | "scale" : "1x" 113 | }, 114 | { 115 | "orientation" : "landscape", 116 | "idiom" : "ipad", 117 | "extent" : "to-status-bar", 118 | "scale" : "1x" 119 | }, 120 | { 121 | "orientation" : "landscape", 122 | "idiom" : "ipad", 123 | "filename" : "Default-Landscape.png", 124 | "extent" : "full-screen", 125 | "scale" : "1x" 126 | }, 127 | { 128 | "orientation" : "portrait", 129 | "idiom" : "ipad", 130 | "extent" : "to-status-bar", 131 | "scale" : "2x" 132 | }, 133 | { 134 | "orientation" : "portrait", 135 | "idiom" : "ipad", 136 | "filename" : "Default-Portrait@2x.png", 137 | "extent" : "full-screen", 138 | "scale" : "2x" 139 | }, 140 | { 141 | "orientation" : "landscape", 142 | "idiom" : "ipad", 143 | "extent" : "to-status-bar", 144 | "scale" : "2x" 145 | }, 146 | { 147 | "orientation" : "landscape", 148 | "idiom" : "ipad", 149 | "filename" : "Default-Landscape@2x.png", 150 | "extent" : "full-screen", 151 | "scale" : "2x" 152 | } 153 | ], 154 | "info" : { 155 | "version" : 1, 156 | "author" : "xcode" 157 | } 158 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | [![npm](https://img.shields.io/npm/v/nativescript-svg.svg)](https://www.npmjs.com/package/nativescript-svg) 2 | [![npm](https://img.shields.io/npm/dt/nativescript-svg.svg?label=npm%20downloads)](https://www.npmjs.com/package/nativescript-svg) 3 | [![MIT license](http://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT) 4 | [![Dependency Status](https://david-dm.org/peoplewareDo/nativescript-svg/status.svg)](https://david-dm.org/peoplewareDo/nativescript-svg#info=dependencies) 5 | # NativeScript SVG 6 | 7 | ## Install 8 | `tns plugin add nativescript-svg` 9 | 10 | 11 | ### Usage 12 | 13 | You use it in the same way you use Image source. 14 | 15 | Android Library | iOS CocoaPod 16 | --------------- | ------------ 17 | [pents90 svg-android](https://github.com/pents90/svg-android) | [SVGKit by SVGKit](https://github.com/SVGKit/SVGKit) 18 | 19 | ** there are limitations: ** 20 | - saveToFile ins't working 21 | 22 | ### Quick start 23 | ```js 24 | var ImageSourceSVGModule = require("nativescript-svg"); 25 | var svgFile = new ImageSourceSVGModule.ImageSourceSVG(); 26 | 27 | var loaded = svgFile.fromResource('foxie'); 28 | 29 | var path = '//somepath/file.svg'; 30 | loaded = svgFile.loadFromFile(path); 31 | 32 | var url = 'http://somepath/file.svg'; 33 | loaded = svgFile.loadFromUrl(url); 34 | 35 | if(loaded){ 36 | console.log("object loaded"); 37 | } else { 38 | console.log("error"); 39 | } 40 | ``` 41 | 42 | ## API 43 | 44 | ##### ImageSourceSVGModule.fromResource(name: string): ImageSourceSVG 45 | - Loads this instance from the specified resource name. 46 | 47 | ##### ImageSourceSVGModule.fromFile(path: string): ImageSourceSVG 48 | - Creates a new ImageSourceSVG instance and loads it from the specified file. 49 | 50 | ##### ImageSourceSVGModule.fromData(data: any): ImageSourceSVG 51 | - Creates a new ImageSourceSVG instance and loads it from the specified resource name. 52 | 53 | ##### ImageSourceSVGModule.fromBase64(source: string): ImageSourceSVG 54 | - Creates a new ImageSourceSVG instance and loads it from the specified resource name. 55 | 56 | ##### ImageSourceSVGModule.fromBase64(source: string): ImageSourceSVG 57 | - Creates a new ImageSourceSVG instance and loads it from the specified resource name. 58 | 59 | ##### ImageSourceSVGModule.fromUrl(url: string): Promise:ImageSourceSVG 60 | - Downloads the image from the provided Url and creates a new ImageSourceSVG instance from it. 61 | 62 | *** 63 | You can call every method in two ways, for example: 64 | ``` 65 | //from the svf file object 66 | svgFile.loadFromResource(name: string): boolean // synchronously 67 | svgFile.fromResource(name: string): ImageSourceSVG //asynchronously 68 | ``` 69 | or 70 | ``` 71 | //from the svg module api 72 | ImageSourceSVGModule.fromResource(name: string): ImageSourceSVG 73 | ``` 74 | 75 | Since ver 1.1 Implement a similar image tag to be used as for example: 76 | ```xml 77 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | ``` 89 | 90 | ### Roadmap 91 | ver 1.6 implement an SVGImage tag that can support svg tags. 92 | ``` 93 | 94 | 95 | 96 | 97 | ``` 98 | ver 1.5 Change api dependency from pents90/svg-android to Pixplicity/sharp 99 | 100 | 101 | ### Release note 102 | v1.3.7 -- Fix missing .JS file in the npm package build because npmignore file in the wrong place 103 | 104 | v1.3.5 -- Fix missing .JS file in the npm package build 105 | 106 | v1.3.4 -- Angular 4 support, please check example code 107 | 108 | v1.3.0 -- NS 3+ implementation and it will work with angular if you call registerElement before using it. Thanks to @tbozhikov 109 | 110 | v1.1.4 -- Fix svg & demo 111 | 112 | v1.1.3 -- Fix SVGImage for iOS - SVGKFastImageView issue#3 113 | 114 | v1.1.0 -- Implemented a similar image tag to render svg images. 115 | 116 | v1.0.11 -- Major fix for load library issue and demo include. 117 | 118 | v1.0.9 -- load from URL on Android and IOS included. 119 | 120 | v1.0.7 -- Fix svg.common override issue. 121 | 122 | v1.0.5 -- fix for npm package lib not including the .js files. 123 | 124 | v1.0.2 -- the base64 encondig on Android included - IOS pending. 125 | 126 | -------------------------------------------------------------------------------- /demo/app/images/spider-test.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Group 3 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Acceleration 20 | 21 | 22 | Vertical Leap 23 | 24 | 25 | Passing 26 | 27 | 28 | Dribbling 29 | 30 | 31 | Agility 32 | 33 | 34 | Shooting 35 | 36 | 37 | Ball 38 | Control 39 | 40 | 41 | Stamina 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /demo-angular/app/images/spider-test.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Group 3 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Acceleration 20 | 21 | 22 | Vertical Leap 23 | 24 | 25 | Passing 26 | 27 | 28 | Dribbling 29 | 30 | 31 | Agility 32 | 33 | 34 | Shooting 35 | 36 | 37 | Ball 38 | Control 39 | 40 | 41 | Stamina 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /demo/app/images/spider.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | Acceleration 18 | 19 | Vertical Leap 20 | 21 | Passing 22 | 23 | Dribbling 24 | 25 | Agility 26 | 27 | Shooting 28 | 29 | Ball 30 | 31 | Control 32 | 33 | Stamina 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | -------------------------------------------------------------------------------- /demo-angular/app/images/spider.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | Acceleration 18 | 19 | Vertical Leap 20 | 21 | Passing 22 | 23 | Dribbling 24 | 25 | Agility 26 | 27 | Shooting 28 | 29 | Ball 30 | 31 | Control 32 | 33 | Stamina 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | -------------------------------------------------------------------------------- /demo/app/main-page.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 |