diff --git a/.eslintrc.json b/.eslintrc.json new file mode 100644 index 0000000..3d769ba --- /dev/null +++ b/.eslintrc.json @@ -0,0 +1,42 @@ +{ + "root": true, + "ignorePatterns": ["projects/**/*"], + "overrides": [ + { + "files": ["*.ts"], + "extends": [ + "eslint:recommended", + "plugin:@typescript-eslint/recommended", + "plugin:@angular-eslint/recommended", + "plugin:@angular-eslint/template/process-inline-templates" + ], + "rules": { + "@typescript-eslint/no-explicit-any": "off", + "@angular-eslint/directive-selector": [ + "error", + { + "type": "attribute", + "prefix": "app", + "style": "camelCase" + } + ], + "@angular-eslint/component-selector": [ + "error", + { + "type": "element", + "prefix": "app", + "style": "kebab-case" + } + ] + } + }, + { + "files": ["*.html"], + "extends": [ + "plugin:@angular-eslint/template/recommended", + "plugin:@angular-eslint/template/accessibility" + ], + "rules": {} + } + ] +} diff --git a/.github/workflows/deploy.yaml b/.github/workflows/deploy.yaml index 0c71b2e..9496a3c 100644 --- a/.github/workflows/deploy.yaml +++ b/.github/workflows/deploy.yaml @@ -1,6 +1,6 @@ name: deploy -on: +on: push: pull_request: branches: @@ -21,9 +21,11 @@ jobs: uses: actions/setup-node@v3 with: node-version: ${{ matrix.node-version }} - # npm ci REQUIRES a package-lock.json + # npm ci REQUIRES a package-lock.json - name: Install Dependencies run: npm ci + - name: Build library + run: npm run build - name: Build js and modules run: npm run build:app - name: Deploy page @@ -31,8 +33,7 @@ jobs: with: github_token: ${{ secrets.GITHUB_TOKEN }} publish_dir: ./dist/zingchart-angular-app - user_name: 'github-actions[bot]' - user_email: 'github-actions[bot]@users.noreply.github.com' + user_name: "github-actions[bot]" + user_email: "github-actions[bot]@users.noreply.github.com" destination_dir: ./ keep_files: false - \ No newline at end of file diff --git a/.gitignore b/.gitignore index 1724e29..a4988ff 100644 --- a/.gitignore +++ b/.gitignore @@ -4,6 +4,7 @@ /dist /tmp /out-tsc +/.angular # Only exists if Bazel was run /bazel-out @@ -44,5 +45,3 @@ testem.log # System Files .DS_Store Thumbs.db - -.angular/cache/ diff --git a/.nvmrc b/.nvmrc deleted file mode 100644 index 8d2a451..0000000 --- a/.nvmrc +++ /dev/null @@ -1 +0,0 @@ -18.16.1 \ No newline at end of file diff --git a/angular.json b/angular.json index dc953f1..33c4a40 100644 --- a/angular.json +++ b/angular.json @@ -3,7 +3,7 @@ "version": 1, "newProjectRoot": "projects", "projects": { - "zingchart-angular": { + "zing-app": { "projectType": "application", "schematics": {}, "root": "", @@ -16,17 +16,10 @@ "outputPath": "dist/zingchart-angular-app", "index": "src/index.html", "main": "src/main.ts", - "polyfills": [ - "zone.js" - ], + "polyfills": ["zone.js"], "tsConfig": "tsconfig.app.json", - "assets": [ - "src/favicon.ico", - "src/assets" - ], - "styles": [ - "src/styles.css" - ], + "assets": ["src/favicon.ico", "src/assets"], + "styles": ["src/styles.css"], "scripts": [] }, "configurations": { @@ -58,12 +51,15 @@ }, "serve": { "builder": "@angular-devkit/build-angular:dev-server", + "options": { + "browserTarget": "zing-app:build" + }, "configurations": { "production": { - "browserTarget": "zingchart-angular:build:production" + "browserTarget": "zing-app:build:production" }, "development": { - "browserTarget": "zingchart-angular:build:development" + "browserTarget": "zing-app:build:development" } }, "defaultConfiguration": "development" @@ -71,46 +67,45 @@ "extract-i18n": { "builder": "@angular-devkit/build-angular:extract-i18n", "options": { - "browserTarget": "zingchart-angular:build" + "browserTarget": "zing-app:build" } }, "test": { "builder": "@angular-devkit/build-angular:karma", "options": { - "polyfills": [ - "zone.js", - "zone.js/testing" - ], + "polyfills": ["zone.js", "zone.js/testing"], "tsConfig": "tsconfig.spec.json", - "assets": [ - "src/favicon.ico", - "src/assets" - ], - "styles": [ - "src/styles.css" - ], + "karmaConfig": "karma.conf.js", + "assets": ["src/favicon.ico", "src/assets"], + "styles": ["src/styles.css"], "scripts": [] } + }, + "lint": { + "builder": "@angular-eslint/builder:lint", + "options": { + "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"] + } } } }, - "zingchart-angular-component": { + "zingchart-angular": { "projectType": "library", - "root": "projects/zingchart-angular-component", - "sourceRoot": "projects/zingchart-angular-component/src", + "root": "projects/zingchart-angular", + "sourceRoot": "projects/zingchart-angular/src", "prefix": "lib", "architect": { "build": { "builder": "@angular-devkit/build-angular:ng-packagr", "options": { - "project": "projects/zingchart-angular-component/ng-package.json" + "project": "projects/zingchart-angular/ng-package.json" }, "configurations": { "production": { - "tsConfig": "projects/zingchart-angular-component/tsconfig.lib.prod.json" + "tsConfig": "projects/zingchart-angular/tsconfig.lib.prod.json" }, "development": { - "tsConfig": "projects/zingchart-angular-component/tsconfig.lib.json" + "tsConfig": "projects/zingchart-angular/tsconfig.lib.json" } }, "defaultConfiguration": "production" @@ -118,10 +113,17 @@ "test": { "builder": "@angular-devkit/build-angular:karma", "options": { - "tsConfig": "projects/zingchart-angular-component/tsconfig.spec.json", - "polyfills": [ - "zone.js", - "zone.js/testing" + "tsConfig": "projects/zingchart-angular/tsconfig.spec.json", + "karmaConfig": "projects/zingchart-angular/karma.conf.js", + "polyfills": ["zone.js", "zone.js/testing"] + } + }, + "lint": { + "builder": "@angular-eslint/builder:lint", + "options": { + "lintFilePatterns": [ + "projects/zingchart-angular/**/*.ts", + "projects/zingchart-angular/**/*.html" ] } } diff --git a/browserslist b/browserslist new file mode 100644 index 0000000..0b4a771 --- /dev/null +++ b/browserslist @@ -0,0 +1,17 @@ +# This file is used by the build system to adjust CSS and JS output to support the specified browsers below. + +# For additional information regarding the format and rule options, please see: + +# https://github.com/browserslist/browserslist#queries + +# You can see what browsers were selected by your queries by running: + +# npx browserslist + +last 1 Chrome version +last 1 Firefox version +last 2 Edge major versions +last 2 Safari major versions +last 2 iOS major versions +Firefox ESR +not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line. diff --git a/karma.conf.js b/karma.conf.js new file mode 100644 index 0000000..afeb9bb --- /dev/null +++ b/karma.conf.js @@ -0,0 +1,37 @@ +// Karma configuration file, see link for more information +// https://karma-runner.github.io/1.0/config/configuration-file.html + +module.exports = function (config) { + config.set({ + basePath: "", + frameworks: ["jasmine", "@angular-devkit/build-angular"], + plugins: [ + require("karma-jasmine"), + require("karma-chrome-launcher"), + require("karma-jasmine-html-reporter"), + require("karma-coverage"), + require("@angular-devkit/build-angular/plugins/karma"), + ], + client: { + clearContext: false, // leave Jasmine Spec Runner output visible in browser + }, + coverageReporter: { + dir: require("path").join(__dirname, "./coverage/zing-app"), + subdir: ".", + reporters: [ + { type: "html" }, + { type: "lcovonly" }, + { type: "text-summary" }, + ], + fixWebpackSourcePaths: true, + }, + reporters: ["progress", "kjhtml"], + port: 9876, + colors: true, + logLevel: config.LOG_INFO, + autoWatch: true, + browsers: ["Chrome"], + singleRun: false, + restartOnFileChange: true, + }); +}; diff --git a/package-lock.json b/package-lock.json index b8769bb..e34dff4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,44 +1,57 @@ { - "name": "zingchart-angular", - "version": "2.0.1", + "name": "zing-app", + "version": "2.0.2", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "zingchart-angular", - "version": "2.0.1", + "name": "zing-app", + "version": "2.0.0", "dependencies": { - "@angular/animations": "^16.2.0", - "@angular/common": "^16.2.0", - "@angular/compiler": "^16.2.0", - "@angular/core": "^16.2.0", - "@angular/forms": "^16.2.0", - "@angular/platform-browser": "^16.2.0", - "@angular/platform-browser-dynamic": "^16.2.0", - "@angular/router": "^16.2.0", - "@types/uuid": "^9.0.2", - "@types/zingchart": "^2.8.34", - "rxjs": "~7.8.0", - "tslib": "^2.3.0", - "uuid": "^9.0.0", - "zingchart": "^2.9.9", - "zingchart-angular": "^2.0.0", + "@angular/animations": "^16.2.1", + "@angular/common": "^16.2.1", + "@angular/compiler": "^16.2.1", + "@angular/core": "^16.2.1", + "@angular/forms": "^16.2.1", + "@angular/platform-browser": "^16.2.1", + "@angular/platform-browser-dynamic": "^16.2.1", + "@angular/router": "^16.2.1", + "rxjs": "~7.8.1", + "tslib": "^2.6.1", + "zingchart": "latest", "zingchart-constants": "github:zingchart/zingchart-constants#master", - "zone.js": "~0.13.0" + "zone.js": "~0.13.1" }, "devDependencies": { "@angular-devkit/build-angular": "^16.2.0", + "@angular-eslint/builder": "16.1.1", + "@angular-eslint/eslint-plugin": "16.1.1", + "@angular-eslint/eslint-plugin-template": "16.1.1", + "@angular-eslint/schematics": "16.1.1", + "@angular-eslint/template-parser": "16.1.1", "@angular/cli": "~16.2.0", - "@angular/compiler-cli": "^16.2.0", - "@types/jasmine": "~4.3.0", - "jasmine-core": "~4.6.0", - "karma": "~6.4.0", + "@angular/compiler-cli": "^16.2.1", + "@types/jasmine": "~4.3.5", + "@typescript-eslint/eslint-plugin": "5.62.0", + "@typescript-eslint/parser": "5.62.0", + "eslint": "^8.47.0", + "jasmine-core": "~5.1.0", + "karma": "~6.4.2", "karma-chrome-launcher": "~3.2.0", - "karma-coverage": "~2.2.0", + "karma-coverage": "~2.2.1", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", "ng-packagr": "^16.2.0", - "typescript": "~5.1.3" + "typescript": "~5.1.6" + } + }, + "node_modules/@aashutoshrathi/word-wrap": { + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz", + "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==", + "dev": true, + "engines": { + "node": ">=0.10.0" } }, "node_modules/@ampproject/remapping": { @@ -260,6 +273,104 @@ "yarn": ">= 1.13.0" } }, + "node_modules/@angular-eslint/builder": { + "version": "16.1.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-16.1.1.tgz", + "integrity": "sha512-NaB/A0mmlzp7laiucRUsRyoCrOE1In3UifsGP0vD6yjUpefk4g0v+0vCg8mhsIky8gYDtBE9YRfUiLA9FlF/FA==", + "dev": true, + "dependencies": { + "@nx/devkit": "16.5.1", + "nx": "16.5.1" + }, + "peerDependencies": { + "eslint": "^7.20.0 || ^8.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/bundled-angular-compiler": { + "version": "16.1.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-16.1.1.tgz", + "integrity": "sha512-TB01AWZBDfrZBxN1I50HfBXtC7q4NI5fwl1aS4tOfef2/kQjTtR9zmha8CsxjDkAOa9tA/4MUayAMqEBQLuHKQ==", + "dev": true + }, + "node_modules/@angular-eslint/eslint-plugin": { + "version": "16.1.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-16.1.1.tgz", + "integrity": "sha512-GauEwFGEcgIdsld4cVarFJYYxaRbMLzbpxyvBUDFg4LNjlcQNt7zfqXRLJoZAaFJFPtGtAoo1+6BlEKErsntuQ==", + "dev": true, + "dependencies": { + "@angular-eslint/utils": "16.1.1", + "@typescript-eslint/utils": "5.62.0" + }, + "peerDependencies": { + "eslint": "^7.20.0 || ^8.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/eslint-plugin-template": { + "version": "16.1.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-16.1.1.tgz", + "integrity": "sha512-hwbpiUxLIY3TnZycieh+G4fbTWGMfzKx076O5Vuh2H4ZfXfs6ZXoi3Z0TH6X9lTmdgrwzOg1v4o5kdqu7MqPBg==", + "dev": true, + "dependencies": { + "@angular-eslint/bundled-angular-compiler": "16.1.1", + "@angular-eslint/utils": "16.1.1", + "@typescript-eslint/type-utils": "5.62.0", + "@typescript-eslint/utils": "5.62.0", + "aria-query": "5.3.0", + "axobject-query": "3.1.1" + }, + "peerDependencies": { + "eslint": "^7.20.0 || ^8.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/schematics": { + "version": "16.1.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-16.1.1.tgz", + "integrity": "sha512-KlR01gpURPjz5OcoEvmKv3zi8l6lFpXYmqkXbGMCz828QlqBz1X7iGLAPJki+WUFSFKbRsf4qqaWq6O/8vph7Q==", + "dev": true, + "dependencies": { + "@angular-eslint/eslint-plugin": "16.1.1", + "@angular-eslint/eslint-plugin-template": "16.1.1", + "@nx/devkit": "16.5.1", + "ignore": "5.2.4", + "nx": "16.5.1", + "strip-json-comments": "3.1.1", + "tmp": "0.2.1" + }, + "peerDependencies": { + "@angular/cli": ">= 16.0.0 < 17.0.0" + } + }, + "node_modules/@angular-eslint/template-parser": { + "version": "16.1.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-16.1.1.tgz", + "integrity": "sha512-ZJ+M4+JGYcsIP/t+XiuzL5A5pCjjCen272U3/M/WqIMDDxyIKrHubK1bVtr2kndCEudqud+WyJU0ub13UIwGgw==", + "dev": true, + "dependencies": { + "@angular-eslint/bundled-angular-compiler": "16.1.1", + "eslint-scope": "^7.0.0" + }, + "peerDependencies": { + "eslint": "^7.20.0 || ^8.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/utils": { + "version": "16.1.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-16.1.1.tgz", + "integrity": "sha512-cmSTyFFY2TMLjhKdju0KQ9GB6nnXt1AbY9tZ0UtWGo3NKbrBUogc+PR9ma17VRAGhvdj/sSVkStphJH3F7rUgQ==", + "dev": true, + "dependencies": { + "@angular-eslint/bundled-angular-compiler": "16.1.1", + "@typescript-eslint/utils": "5.62.0" + }, + "peerDependencies": { + "eslint": "^7.20.0 || ^8.0.0", + "typescript": "*" + } + }, "node_modules/@angular/animations": { "version": "16.2.1", "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-16.2.1.tgz", @@ -2283,397 +2394,217 @@ "node": ">=10.0.0" } }, - "node_modules/@esbuild/android-arm": { + "node_modules/@esbuild/darwin-x64": { "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.17.tgz", - "integrity": "sha512-wHsmJG/dnL3OkpAcwbgoBTTMHVi4Uyou3F5mf58ZtmUyIKfcdA7TROav/6tCzET4A3QW2Q2FC+eFneMU+iyOxg==", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.17.tgz", + "integrity": "sha512-XDre+J5YeIJDMfp3n0279DFNrGCXlxOuGsWIkRb1NThMZ0BsrWXoTg23Jer7fEXQ9Ye5QjrvXpxnhzl3bHtk0g==", "cpu": [ - "arm" + "x64" ], "dev": true, "optional": true, "os": [ - "android" + "darwin" ], "engines": { "node": ">=12" } }, - "node_modules/@esbuild/android-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.17.tgz", - "integrity": "sha512-9np+YYdNDed5+Jgr1TdWBsozZ85U1Oa3xW0c7TWqH0y2aGghXtZsuT8nYRbzOMcl0bXZXjOGbksoTtVOlWrRZg==", - "cpu": [ - "arm64" - ], + "node_modules/@eslint-community/eslint-utils": { + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz", + "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==", "dev": true, - "optional": true, - "os": [ - "android" - ], + "dependencies": { + "eslint-visitor-keys": "^3.3.0" + }, "engines": { - "node": ">=12" + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "peerDependencies": { + "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" } }, - "node_modules/@esbuild/android-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.17.tgz", - "integrity": "sha512-O+FeWB/+xya0aLg23hHEM2E3hbfwZzjqumKMSIqcHbNvDa+dza2D0yLuymRBQQnC34CWrsJUXyH2MG5VnLd6uw==", - "cpu": [ - "x64" - ], + "node_modules/@eslint-community/regexpp": { + "version": "4.7.0", + "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.7.0.tgz", + "integrity": "sha512-+HencqxU7CFJnQb7IKtuNBqS6Yx3Tz4kOL8BJXo+JyeiBm5MEX6pO8onXDkjrkCRlfYXS1Axro15ZjVFe9YgsA==", "dev": true, - "optional": true, - "os": [ - "android" - ], "engines": { - "node": ">=12" + "node": "^12.0.0 || ^14.0.0 || >=16.0.0" } }, - "node_modules/@esbuild/darwin-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.17.tgz", - "integrity": "sha512-M9uJ9VSB1oli2BE/dJs3zVr9kcCBBsE883prage1NWz6pBS++1oNn/7soPNS3+1DGj0FrkSvnED4Bmlu1VAE9g==", - "cpu": [ - "arm64" - ], + "node_modules/@eslint/eslintrc": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.2.tgz", + "integrity": "sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==", "dev": true, - "optional": true, - "os": [ - "darwin" - ], + "dependencies": { + "ajv": "^6.12.4", + "debug": "^4.3.2", + "espree": "^9.6.0", + "globals": "^13.19.0", + "ignore": "^5.2.0", + "import-fresh": "^3.2.1", + "js-yaml": "^4.1.0", + "minimatch": "^3.1.2", + "strip-json-comments": "^3.1.1" + }, "engines": { - "node": ">=12" + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" } }, - "node_modules/@esbuild/darwin-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.17.tgz", - "integrity": "sha512-XDre+J5YeIJDMfp3n0279DFNrGCXlxOuGsWIkRb1NThMZ0BsrWXoTg23Jer7fEXQ9Ye5QjrvXpxnhzl3bHtk0g==", - "cpu": [ - "x64" - ], + "node_modules/@eslint/eslintrc/node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "dev": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=12" + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" } }, - "node_modules/@esbuild/freebsd-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.17.tgz", - "integrity": "sha512-cjTzGa3QlNfERa0+ptykyxs5A6FEUQQF0MuilYXYBGdBxD3vxJcKnzDlhDCa1VAJCmAxed6mYhA2KaJIbtiNuQ==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=12" - } + "node_modules/@eslint/eslintrc/node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true }, - "node_modules/@esbuild/freebsd-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.17.tgz", - "integrity": "sha512-sOxEvR8d7V7Kw8QqzxWc7bFfnWnGdaFBut1dRUYtu+EIRXefBc/eIsiUiShnW0hM3FmQ5Zf27suDuHsKgZ5QrA==", - "cpu": [ - "x64" - ], + "node_modules/@eslint/eslintrc/node_modules/globals": { + "version": "13.21.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.21.0.tgz", + "integrity": "sha512-ybyme3s4yy/t/3s35bewwXKOf7cvzfreG2lH0lZl0JB7I4GxRP2ghxOK/Nb9EkRXdbBXZLfq/p/0W2JUONB/Gg==", "dev": true, - "optional": true, - "os": [ - "freebsd" - ], + "dependencies": { + "type-fest": "^0.20.2" + }, "engines": { - "node": ">=12" + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/@esbuild/linux-arm": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.17.tgz", - "integrity": "sha512-2d3Lw6wkwgSLC2fIvXKoMNGVaeY8qdN0IC3rfuVxJp89CRfA3e3VqWifGDfuakPmp90+ZirmTfye1n4ncjv2lg==", - "cpu": [ - "arm" - ], + "node_modules/@eslint/eslintrc/node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" } }, - "node_modules/@esbuild/linux-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.17.tgz", - "integrity": "sha512-c9w3tE7qA3CYWjT+M3BMbwMt+0JYOp3vCMKgVBrCl1nwjAlOMYzEo+gG7QaZ9AtqZFj5MbUc885wuBBmu6aADQ==", - "cpu": [ - "arm64" - ], + "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true + }, + "node_modules/@eslint/eslintrc/node_modules/type-fest": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", + "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", "dev": true, - "optional": true, - "os": [ - "linux" - ], "engines": { - "node": ">=12" + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/@esbuild/linux-ia32": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.17.tgz", - "integrity": "sha512-1DS9F966pn5pPnqXYz16dQqWIB0dmDfAQZd6jSSpiT9eX1NzKh07J6VKR3AoXXXEk6CqZMojiVDSZi1SlmKVdg==", - "cpu": [ - "ia32" - ], + "node_modules/@eslint/js": { + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.47.0.tgz", + "integrity": "sha512-P6omY1zv5MItm93kLM8s2vr1HICJH8v0dvddDhysbIuZ+vcjOHg5Zbkf1mTkcmi2JA9oBG2anOkRnW8WJTS8Og==", "dev": true, - "optional": true, - "os": [ - "linux" - ], "engines": { - "node": ">=12" + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" } }, - "node_modules/@esbuild/linux-loong64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.17.tgz", - "integrity": "sha512-EvLsxCk6ZF0fpCB6w6eOI2Fc8KW5N6sHlIovNe8uOFObL2O+Mr0bflPHyHwLT6rwMg9r77WOAWb2FqCQrVnwFg==", - "cpu": [ - "loong64" - ], + "node_modules/@humanwhocodes/config-array": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz", + "integrity": "sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==", "dev": true, - "optional": true, - "os": [ - "linux" - ], + "dependencies": { + "@humanwhocodes/object-schema": "^1.2.1", + "debug": "^4.1.1", + "minimatch": "^3.0.5" + }, "engines": { - "node": ">=12" + "node": ">=10.10.0" } }, - "node_modules/@esbuild/linux-mips64el": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.17.tgz", - "integrity": "sha512-e0bIdHA5p6l+lwqTE36NAW5hHtw2tNRmHlGBygZC14QObsA3bD4C6sXLJjvnDIjSKhW1/0S3eDy+QmX/uZWEYQ==", - "cpu": [ - "mips64el" - ], + "node_modules/@humanwhocodes/module-importer": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz", + "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==", "dev": true, - "optional": true, - "os": [ - "linux" - ], "engines": { - "node": ">=12" + "node": ">=12.22" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" } }, - "node_modules/@esbuild/linux-ppc64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.17.tgz", - "integrity": "sha512-BAAilJ0M5O2uMxHYGjFKn4nJKF6fNCdP1E0o5t5fvMYYzeIqy2JdAP88Az5LHt9qBoUa4tDaRpfWt21ep5/WqQ==", - "cpu": [ - "ppc64" - ], + "node_modules/@humanwhocodes/object-schema": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz", + "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==", + "dev": true + }, + "node_modules/@isaacs/cliui": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", + "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", "dev": true, - "optional": true, - "os": [ - "linux" - ], + "dependencies": { + "string-width": "^5.1.2", + "string-width-cjs": "npm:string-width@^4.2.0", + "strip-ansi": "^7.0.1", + "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", + "wrap-ansi": "^8.1.0", + "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" + }, "engines": { "node": ">=12" } }, - "node_modules/@esbuild/linux-riscv64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.17.tgz", - "integrity": "sha512-Wh/HW2MPnC3b8BqRSIme/9Zhab36PPH+3zam5pqGRH4pE+4xTrVLx2+XdGp6fVS3L2x+DrsIcsbMleex8fbE6g==", - "cpu": [ - "riscv64" - ], + "node_modules/@isaacs/cliui/node_modules/ansi-regex": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", "dev": true, - "optional": true, - "os": [ - "linux" - ], "engines": { "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" } }, - "node_modules/@esbuild/linux-s390x": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.17.tgz", - "integrity": "sha512-j/34jAl3ul3PNcK3pfI0NSlBANduT2UO5kZ7FCaK33XFv3chDhICLY8wJJWIhiQ+YNdQ9dxqQctRg2bvrMlYgg==", - "cpu": [ - "s390x" - ], + "node_modules/@isaacs/cliui/node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", "dev": true, - "optional": true, - "os": [ - "linux" - ], "engines": { "node": ">=12" - } - }, - "node_modules/@esbuild/linux-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.17.tgz", - "integrity": "sha512-QM50vJ/y+8I60qEmFxMoxIx4de03pGo2HwxdBeFd4nMh364X6TIBZ6VQ5UQmPbQWUVWHWws5MmJXlHAXvJEmpQ==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/netbsd-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.17.tgz", - "integrity": "sha512-/jGlhWR7Sj9JPZHzXyyMZ1RFMkNPjC6QIAan0sDOtIo2TYk3tZn5UDrkE0XgsTQCxWTTOcMPf9p6Rh2hXtl5TQ==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "netbsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/openbsd-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.17.tgz", - "integrity": "sha512-rSEeYaGgyGGf4qZM2NonMhMOP/5EHp4u9ehFiBrg7stH6BYEEjlkVREuDEcQ0LfIl53OXLxNbfuIj7mr5m29TA==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "openbsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/sunos-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.17.tgz", - "integrity": "sha512-Y7ZBbkLqlSgn4+zot4KUNYst0bFoO68tRgI6mY2FIM+b7ZbyNVtNbDP5y8qlu4/knZZ73fgJDlXID+ohY5zt5g==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "sunos" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/win32-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.17.tgz", - "integrity": "sha512-bwPmTJsEQcbZk26oYpc4c/8PvTY3J5/QK8jM19DVlEsAB41M39aWovWoHtNm78sd6ip6prilxeHosPADXtEJFw==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/win32-ia32": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.17.tgz", - "integrity": "sha512-H/XaPtPKli2MhW+3CQueo6Ni3Avggi6hP/YvgkEe1aSaxw+AeO8MFjq8DlgfTd9Iz4Yih3QCZI6YLMoyccnPRg==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/win32-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.17.tgz", - "integrity": "sha512-fGEb8f2BSA3CW7riJVurug65ACLuQAzKq0SSqkY2b2yHHH0MzDfbLyKIGzHwOI/gkHcxM/leuSW6D5w/LMNitA==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@isaacs/cliui": { - "version": "8.0.2", - "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", - "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", - "dev": true, - "dependencies": { - "string-width": "^5.1.2", - "string-width-cjs": "npm:string-width@^4.2.0", - "strip-ansi": "^7.0.1", - "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", - "wrap-ansi": "^8.1.0", - "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/@isaacs/cliui/node_modules/ansi-regex": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", - "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/chalk/ansi-regex?sponsor=1" - } - }, - "node_modules/@isaacs/cliui/node_modules/ansi-styles": { - "version": "6.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", - "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" } }, "node_modules/@isaacs/cliui/node_modules/emoji-regex": { @@ -3009,6 +2940,111 @@ "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, + "node_modules/@nrwl/devkit": { + "version": "16.5.1", + "resolved": "https://registry.npmjs.org/@nrwl/devkit/-/devkit-16.5.1.tgz", + "integrity": "sha512-NB+DE/+AFJ7lKH/WBFyatJEhcZGj25F24ncDkwjZ6MzEiSOGOJS0LaV/R+VUsmS5EHTPXYOpn3zHWWAcJhyOmA==", + "dev": true, + "dependencies": { + "@nx/devkit": "16.5.1" + } + }, + "node_modules/@nrwl/tao": { + "version": "16.5.1", + "resolved": "https://registry.npmjs.org/@nrwl/tao/-/tao-16.5.1.tgz", + "integrity": "sha512-x+gi/fKdM6uQNIti9exFlm3V5LBP3Y8vOEziO42HdOigyrXa0S0HD2WMpccmp6PclYKhwEDUjKJ39xh5sdh4Ig==", + "dev": true, + "dependencies": { + "nx": "16.5.1" + }, + "bin": { + "tao": "index.js" + } + }, + "node_modules/@nx/devkit": { + "version": "16.5.1", + "resolved": "https://registry.npmjs.org/@nx/devkit/-/devkit-16.5.1.tgz", + "integrity": "sha512-T1acZrVVmJw/sJ4PIGidCBYBiBqlg/jT9e8nIGXLSDS20xcLvfo4zBQf8UZLrmHglnwwpDpOWuVJCp2rYA5aDg==", + "dev": true, + "dependencies": { + "@nrwl/devkit": "16.5.1", + "ejs": "^3.1.7", + "ignore": "^5.0.4", + "semver": "7.5.3", + "tmp": "~0.2.1", + "tslib": "^2.3.0" + }, + "peerDependencies": { + "nx": ">= 15 <= 17" + } + }, + "node_modules/@nx/devkit/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@nx/devkit/node_modules/semver": { + "version": "7.5.3", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.3.tgz", + "integrity": "sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@nx/devkit/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/@nx/nx-darwin-x64": { + "version": "16.5.1", + "resolved": "https://registry.npmjs.org/@nx/nx-darwin-x64/-/nx-darwin-x64-16.5.1.tgz", + "integrity": "sha512-j9HmL1l8k7EVJ3eOM5y8COF93gqrydpxCDoz23ZEtsY+JHY77VAiRQsmqBgEx9GGA2dXi9VEdS67B0+1vKariw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@parcel/watcher": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.0.4.tgz", + "integrity": "sha512-cTDi+FUDBIUOBKEtj+nhiJ71AZVlkAsQFuGQTun5tV9mwQBQgZvhCzG+URPQc8myeN32yRVZEfVAPCs1RW+Jvg==", + "dev": true, + "hasInstallScript": true, + "dependencies": { + "node-addon-api": "^3.2.1", + "node-gyp-build": "^4.3.0" + }, + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, "node_modules/@pkgjs/parseargs": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", @@ -3040,9 +3076,9 @@ } }, "node_modules/@rollup/plugin-node-resolve": { - "version": "15.2.0", - "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.2.0.tgz", - "integrity": "sha512-mKur03xNGT8O9ODO6FtT43ITGqHWZbKPdVJHZb+iV9QYcdlhUUB0wgknvA4KCUmC5oHJF6O2W1EgmyOQyVUI4Q==", + "version": "15.2.1", + "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.2.1.tgz", + "integrity": "sha512-nsbUg588+GDSu8/NS8T4UAshO6xeaOfINNuXeVHcKV02LJtoRaM1SiOacClw4kws1SFiNhdLGxlbMY9ga/zs/w==", "dev": true, "dependencies": { "@rollup/pluginutils": "^5.0.1", @@ -3377,6 +3413,12 @@ "integrity": "sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==", "dev": true }, + "node_modules/@types/semver": { + "version": "7.5.0", + "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz", + "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==", + "dev": true + }, "node_modules/@types/send": { "version": "0.17.1", "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.1.tgz", @@ -3416,11 +3458,6 @@ "@types/node": "*" } }, - "node_modules/@types/uuid": { - "version": "9.0.2", - "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.2.tgz", - "integrity": "sha512-kNnC1GFBLuhImSnV7w4njQkUiJi0ZXUycu1rUaouPqiKlXkh77JKgdRnTAp1x5eBwcIwbtI+3otwzuIDEuDoxQ==" - }, "node_modules/@types/ws": { "version": "8.5.5", "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.5.tgz", @@ -3430,69 +3467,274 @@ "@types/node": "*" } }, - "node_modules/@types/zingchart": { - "version": "2.8.34", - "resolved": "https://registry.npmjs.org/@types/zingchart/-/zingchart-2.8.34.tgz", - "integrity": "sha512-SBwHGTB9km5CXC8QB8lUfbdnYM+delk64Jj3e+nwBhX1qC9e4GIo8bmEj9Piq0WzB7XmqykABNs8dHCuK+tbww==" - }, - "node_modules/@vitejs/plugin-basic-ssl": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.0.1.tgz", - "integrity": "sha512-pcub+YbFtFhaGRTo1832FQHQSHvMrlb43974e2eS8EKleR3p1cDdkJFPci1UhwkEf1J9Bz+wKBSzqpKp7nNj2A==", + "node_modules/@typescript-eslint/eslint-plugin": { + "version": "5.62.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz", + "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==", "dev": true, + "dependencies": { + "@eslint-community/regexpp": "^4.4.0", + "@typescript-eslint/scope-manager": "5.62.0", + "@typescript-eslint/type-utils": "5.62.0", + "@typescript-eslint/utils": "5.62.0", + "debug": "^4.3.4", + "graphemer": "^1.4.0", + "ignore": "^5.2.0", + "natural-compare-lite": "^1.4.0", + "semver": "^7.3.7", + "tsutils": "^3.21.0" + }, "engines": { - "node": ">=14.6.0" + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" }, "peerDependencies": { - "vite": "^3.0.0 || ^4.0.0" + "@typescript-eslint/parser": "^5.0.0", + "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } } }, - "node_modules/@webassemblyjs/ast": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz", - "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==", + "node_modules/@typescript-eslint/parser": { + "version": "5.62.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz", + "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==", "dev": true, "dependencies": { - "@webassemblyjs/helper-numbers": "1.11.6", - "@webassemblyjs/helper-wasm-bytecode": "1.11.6" + "@typescript-eslint/scope-manager": "5.62.0", + "@typescript-eslint/types": "5.62.0", + "@typescript-eslint/typescript-estree": "5.62.0", + "debug": "^4.3.4" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } } }, - "node_modules/@webassemblyjs/floating-point-hex-parser": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz", - "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==", - "dev": true - }, - "node_modules/@webassemblyjs/helper-api-error": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz", - "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==", - "dev": true - }, - "node_modules/@webassemblyjs/helper-buffer": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz", - "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==", - "dev": true - }, - "node_modules/@webassemblyjs/helper-numbers": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz", - "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==", + "node_modules/@typescript-eslint/scope-manager": { + "version": "5.62.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz", + "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==", "dev": true, "dependencies": { - "@webassemblyjs/floating-point-hex-parser": "1.11.6", - "@webassemblyjs/helper-api-error": "1.11.6", - "@xtuc/long": "4.2.2" + "@typescript-eslint/types": "5.62.0", + "@typescript-eslint/visitor-keys": "5.62.0" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" } }, - "node_modules/@webassemblyjs/helper-wasm-bytecode": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz", - "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==", - "dev": true - }, - "node_modules/@webassemblyjs/helper-wasm-section": { + "node_modules/@typescript-eslint/type-utils": { + "version": "5.62.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz", + "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==", + "dev": true, + "dependencies": { + "@typescript-eslint/typescript-estree": "5.62.0", + "@typescript-eslint/utils": "5.62.0", + "debug": "^4.3.4", + "tsutils": "^3.21.0" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "eslint": "*" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/@typescript-eslint/types": { + "version": "5.62.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz", + "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==", + "dev": true, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, + "node_modules/@typescript-eslint/typescript-estree": { + "version": "5.62.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz", + "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==", + "dev": true, + "dependencies": { + "@typescript-eslint/types": "5.62.0", + "@typescript-eslint/visitor-keys": "5.62.0", + "debug": "^4.3.4", + "globby": "^11.1.0", + "is-glob": "^4.0.3", + "semver": "^7.3.7", + "tsutils": "^3.21.0" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/@typescript-eslint/utils": { + "version": "5.62.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz", + "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==", + "dev": true, + "dependencies": { + "@eslint-community/eslint-utils": "^4.2.0", + "@types/json-schema": "^7.0.9", + "@types/semver": "^7.3.12", + "@typescript-eslint/scope-manager": "5.62.0", + "@typescript-eslint/types": "5.62.0", + "@typescript-eslint/typescript-estree": "5.62.0", + "eslint-scope": "^5.1.1", + "semver": "^7.3.7" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0" + } + }, + "node_modules/@typescript-eslint/utils/node_modules/eslint-scope": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", + "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", + "dev": true, + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^4.1.1" + }, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/@typescript-eslint/utils/node_modules/estraverse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", + "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", + "dev": true, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/@typescript-eslint/visitor-keys": { + "version": "5.62.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz", + "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==", + "dev": true, + "dependencies": { + "@typescript-eslint/types": "5.62.0", + "eslint-visitor-keys": "^3.3.0" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, + "node_modules/@vitejs/plugin-basic-ssl": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.0.1.tgz", + "integrity": "sha512-pcub+YbFtFhaGRTo1832FQHQSHvMrlb43974e2eS8EKleR3p1cDdkJFPci1UhwkEf1J9Bz+wKBSzqpKp7nNj2A==", + "dev": true, + "engines": { + "node": ">=14.6.0" + }, + "peerDependencies": { + "vite": "^3.0.0 || ^4.0.0" + } + }, + "node_modules/@webassemblyjs/ast": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz", + "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==", + "dev": true, + "dependencies": { + "@webassemblyjs/helper-numbers": "1.11.6", + "@webassemblyjs/helper-wasm-bytecode": "1.11.6" + } + }, + "node_modules/@webassemblyjs/floating-point-hex-parser": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz", + "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==", + "dev": true + }, + "node_modules/@webassemblyjs/helper-api-error": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz", + "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==", + "dev": true + }, + "node_modules/@webassemblyjs/helper-buffer": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz", + "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==", + "dev": true + }, + "node_modules/@webassemblyjs/helper-numbers": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz", + "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==", + "dev": true, + "dependencies": { + "@webassemblyjs/floating-point-hex-parser": "1.11.6", + "@webassemblyjs/helper-api-error": "1.11.6", + "@xtuc/long": "4.2.2" + } + }, + "node_modules/@webassemblyjs/helper-wasm-bytecode": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz", + "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==", + "dev": true + }, + "node_modules/@webassemblyjs/helper-wasm-section": { "version": "1.11.6", "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz", "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==", @@ -3704,6 +3946,37 @@ "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==", "dev": true }, + "node_modules/@yarnpkg/parsers": { + "version": "3.0.0-rc.46", + "resolved": "https://registry.npmjs.org/@yarnpkg/parsers/-/parsers-3.0.0-rc.46.tgz", + "integrity": "sha512-aiATs7pSutzda/rq8fnuPwTglyVwjM22bNnK2ZgjrpAjQHSSl3lztd2f9evst1W/qnC58DRz7T7QndUDumAR4Q==", + "dev": true, + "dependencies": { + "js-yaml": "^3.10.0", + "tslib": "^2.4.0" + }, + "engines": { + "node": ">=14.15.0" + } + }, + "node_modules/@zkochan/js-yaml": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/@zkochan/js-yaml/-/js-yaml-0.0.6.tgz", + "integrity": "sha512-nzvgl3VfhcELQ8LyVrYOru+UtAy1nrygk2+AGbTm8a5YcO6o8lSjAT+pfg3vJWxIoZKOUhrK6UU7xW/+00kQrg==", + "dev": true, + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/@zkochan/js-yaml/node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true + }, "node_modules/abab": { "version": "2.0.6", "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz", @@ -3772,6 +4045,15 @@ "acorn": "^8" } }, + "node_modules/acorn-jsx": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "dev": true, + "peerDependencies": { + "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" + } + }, "node_modules/acorn-walk": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz", @@ -3988,12 +4270,49 @@ "sprintf-js": "~1.0.2" } }, + "node_modules/aria-query": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz", + "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==", + "dev": true, + "dependencies": { + "dequal": "^2.0.3" + } + }, + "node_modules/array-buffer-byte-length": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz", + "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "is-array-buffer": "^3.0.1" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/array-flatten": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz", "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==", "dev": true }, + "node_modules/array-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz", + "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/async": { + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz", + "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==", + "dev": true + }, "node_modules/asynckit": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", @@ -4033,6 +4352,52 @@ "postcss": "^8.1.0" } }, + "node_modules/available-typed-arrays": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz", + "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/axios": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz", + "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==", + "dev": true, + "dependencies": { + "follow-redirects": "^1.15.0", + "form-data": "^4.0.0", + "proxy-from-env": "^1.1.0" + } + }, + "node_modules/axios/node_modules/form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "dev": true, + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/axobject-query": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz", + "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==", + "dev": true, + "dependencies": { + "deep-equal": "^2.0.5" + } + }, "node_modules/babel-loader": { "version": "9.1.3", "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz", @@ -4577,9 +4942,9 @@ } }, "node_modules/cli-spinners": { - "version": "2.9.0", - "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.0.tgz", - "integrity": "sha512-4/aL9X3Wh0yiMQlE+eeRhWP6vclO3QRtw1JHKIT0FFUs5FjpFmESqtMvYZ0+lbzBw900b95mS0hohy+qn2VK/g==", + "version": "2.6.1", + "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.6.1.tgz", + "integrity": "sha512-x/5fWmGMnbKQAaNwN+UZlV79qBLM9JFnJuJ03gIi5whrob0xV0ofNVHy9DhwGdsMJQc2OKv0oGmLzvaqvAVv+g==", "dev": true, "engines": { "node": ">=6" @@ -4598,17 +4963,14 @@ } }, "node_modules/cliui": { - "version": "8.0.1", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", - "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", + "version": "7.0.4", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", + "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", "dev": true, "dependencies": { "string-width": "^4.2.0", - "strip-ansi": "^6.0.1", + "strip-ansi": "^6.0.0", "wrap-ansi": "^7.0.0" - }, - "engines": { - "node": ">=12" } }, "node_modules/clone": { @@ -4898,6 +5260,37 @@ "node": ">=10.13.0" } }, + "node_modules/copy-webpack-plugin/node_modules/globby": { + "version": "13.2.2", + "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz", + "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==", + "dev": true, + "dependencies": { + "dir-glob": "^3.0.1", + "fast-glob": "^3.3.0", + "ignore": "^5.2.4", + "merge2": "^1.4.1", + "slash": "^4.0.0" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/copy-webpack-plugin/node_modules/slash": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz", + "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/core-js-compat": { "version": "3.32.1", "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.32.1.tgz", @@ -5065,21 +5458,6 @@ "node": ">= 8" } }, - "node_modules/cross-spawn/node_modules/which": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", - "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", - "dev": true, - "dependencies": { - "isexe": "^2.0.0" - }, - "bin": { - "node-which": "bin/node-which" - }, - "engines": { - "node": ">= 8" - } - }, "node_modules/css-loader": { "version": "6.8.1", "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.8.1.tgz", @@ -5228,6 +5606,41 @@ "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==", "dev": true }, + "node_modules/deep-equal": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.2.tgz", + "integrity": "sha512-xjVyBf0w5vH0I42jdAZzOKVldmPgSulmiyPRywoyq7HXC9qdgo17kxJE+rdnif5Tz6+pIrpJI8dCpMNLIGkUiA==", + "dev": true, + "dependencies": { + "array-buffer-byte-length": "^1.0.0", + "call-bind": "^1.0.2", + "es-get-iterator": "^1.1.3", + "get-intrinsic": "^1.2.1", + "is-arguments": "^1.1.1", + "is-array-buffer": "^3.0.2", + "is-date-object": "^1.0.5", + "is-regex": "^1.1.4", + "is-shared-array-buffer": "^1.0.2", + "isarray": "^2.0.5", + "object-is": "^1.1.5", + "object-keys": "^1.1.1", + "object.assign": "^4.1.4", + "regexp.prototype.flags": "^1.5.0", + "side-channel": "^1.0.4", + "which-boxed-primitive": "^1.0.2", + "which-collection": "^1.0.1", + "which-typed-array": "^1.1.9" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/deep-is": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", + "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", + "dev": true + }, "node_modules/deepmerge": { "version": "4.3.1", "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", @@ -5270,6 +5683,22 @@ "node": ">=8" } }, + "node_modules/define-properties": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz", + "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==", + "dev": true, + "dependencies": { + "has-property-descriptors": "^1.0.0", + "object-keys": "^1.1.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/delayed-stream": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", @@ -5303,6 +5732,15 @@ "node": ">= 0.6.0" } }, + "node_modules/dequal": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", + "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/destroy": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", @@ -5355,6 +5793,18 @@ "node": ">=6" } }, + "node_modules/doctrine": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz", + "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==", + "dev": true, + "dependencies": { + "esutils": "^2.0.2" + }, + "engines": { + "node": ">=6.0.0" + } + }, "node_modules/dom-serialize": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/dom-serialize/-/dom-serialize-2.2.1.tgz", @@ -5443,6 +5893,21 @@ "url": "https://github.com/fb55/domutils?sponsor=1" } }, + "node_modules/dotenv": { + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-10.0.0.tgz", + "integrity": "sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==", + "dev": true, + "engines": { + "node": ">=10" + } + }, + "node_modules/duplexer": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz", + "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==", + "dev": true + }, "node_modules/eastasianwidth": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", @@ -5455,6 +5920,21 @@ "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==", "dev": true }, + "node_modules/ejs": { + "version": "3.1.9", + "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz", + "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==", + "dev": true, + "dependencies": { + "jake": "^10.8.5" + }, + "bin": { + "ejs": "bin/cli.js" + }, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/electron-to-chromium": { "version": "1.4.498", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.498.tgz", @@ -5508,6 +5988,15 @@ "node": ">=0.10.0" } }, + "node_modules/end-of-stream": { + "version": "1.4.4", + "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz", + "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==", + "dev": true, + "dependencies": { + "once": "^1.4.0" + } + }, "node_modules/engine.io": { "version": "6.5.2", "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.5.2.tgz", @@ -5572,6 +6061,18 @@ "node": ">=10.13.0" } }, + "node_modules/enquirer": { + "version": "2.3.6", + "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz", + "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==", + "dev": true, + "dependencies": { + "ansi-colors": "^4.1.1" + }, + "engines": { + "node": ">=8.6" + } + }, "node_modules/ent": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.0.tgz", @@ -5627,6 +6128,26 @@ "is-arrayish": "^0.2.1" } }, + "node_modules/es-get-iterator": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz", + "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "get-intrinsic": "^1.1.3", + "has-symbols": "^1.0.3", + "is-arguments": "^1.1.1", + "is-map": "^2.0.2", + "is-set": "^2.0.2", + "is-string": "^1.0.7", + "isarray": "^2.0.5", + "stop-iteration-iterator": "^1.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/es-module-lexer": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.0.tgz", @@ -5737,157 +6258,468 @@ "node": ">=0.10.0" } }, + "node_modules/eslint": { + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.47.0.tgz", + "integrity": "sha512-spUQWrdPt+pRVP1TTJLmfRNJJHHZryFmptzcafwSvHsceV81djHOdnEeDmkdotZyLNjDhrOasNK8nikkoG1O8Q==", + "dev": true, + "dependencies": { + "@eslint-community/eslint-utils": "^4.2.0", + "@eslint-community/regexpp": "^4.6.1", + "@eslint/eslintrc": "^2.1.2", + "@eslint/js": "^8.47.0", + "@humanwhocodes/config-array": "^0.11.10", + "@humanwhocodes/module-importer": "^1.0.1", + "@nodelib/fs.walk": "^1.2.8", + "ajv": "^6.12.4", + "chalk": "^4.0.0", + "cross-spawn": "^7.0.2", + "debug": "^4.3.2", + "doctrine": "^3.0.0", + "escape-string-regexp": "^4.0.0", + "eslint-scope": "^7.2.2", + "eslint-visitor-keys": "^3.4.3", + "espree": "^9.6.1", + "esquery": "^1.4.2", + "esutils": "^2.0.2", + "fast-deep-equal": "^3.1.3", + "file-entry-cache": "^6.0.1", + "find-up": "^5.0.0", + "glob-parent": "^6.0.2", + "globals": "^13.19.0", + "graphemer": "^1.4.0", + "ignore": "^5.2.0", + "imurmurhash": "^0.1.4", + "is-glob": "^4.0.0", + "is-path-inside": "^3.0.3", + "js-yaml": "^4.1.0", + "json-stable-stringify-without-jsonify": "^1.0.1", + "levn": "^0.4.1", + "lodash.merge": "^4.6.2", + "minimatch": "^3.1.2", + "natural-compare": "^1.4.0", + "optionator": "^0.9.3", + "strip-ansi": "^6.0.1", + "text-table": "^0.2.0" + }, + "bin": { + "eslint": "bin/eslint.js" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, "node_modules/eslint-scope": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", - "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", + "version": "7.2.2", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz", + "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==", "dev": true, "dependencies": { "esrecurse": "^4.3.0", - "estraverse": "^4.1.1" + "estraverse": "^5.2.0" }, "engines": { - "node": ">=8.0.0" + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" } }, - "node_modules/eslint-scope/node_modules/estraverse": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", - "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", + "node_modules/eslint-visitor-keys": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz", + "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==", "dev": true, "engines": { - "node": ">=4.0" + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" } }, - "node_modules/esprima": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", - "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", + "node_modules/eslint/node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "dev": true, - "bin": { - "esparse": "bin/esparse.js", - "esvalidate": "bin/esvalidate.js" + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" }, - "engines": { - "node": ">=4" + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" } }, - "node_modules/esrecurse": { + "node_modules/eslint/node_modules/ansi-styles": { "version": "4.3.0", - "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", - "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, "dependencies": { - "estraverse": "^5.2.0" + "color-convert": "^2.0.1" }, "engines": { - "node": ">=4.0" - } - }, - "node_modules/estraverse": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", - "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", - "dev": true, - "engines": { - "node": ">=4.0" + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" } }, - "node_modules/estree-walker": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", - "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", + "node_modules/eslint/node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", "dev": true }, - "node_modules/esutils": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", - "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "node_modules/eslint/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, "engines": { - "node": ">=0.10.0" + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" } }, - "node_modules/etag": { - "version": "1.8.1", - "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", - "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", + "node_modules/eslint/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, "engines": { - "node": ">= 0.6" + "node": ">=7.0.0" } }, - "node_modules/eventemitter-asyncresource": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/eventemitter-asyncresource/-/eventemitter-asyncresource-1.0.0.tgz", - "integrity": "sha512-39F7TBIV0G7gTelxwbEqnwhp90eqCPON1k0NwNfwhgKn4Co4ybUbj2pECcXT0B3ztRKZ7Pw1JujUUgmQJHcVAQ==", - "dev": true - }, - "node_modules/eventemitter3": { - "version": "4.0.7", - "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz", - "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==", + "node_modules/eslint/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", "dev": true }, - "node_modules/events": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz", - "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==", + "node_modules/eslint/node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", "dev": true, "engines": { - "node": ">=0.8.x" + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/execa": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz", - "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==", + "node_modules/eslint/node_modules/find-up": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", + "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", "dev": true, "dependencies": { - "cross-spawn": "^7.0.3", - "get-stream": "^6.0.0", - "human-signals": "^2.1.0", - "is-stream": "^2.0.0", - "merge-stream": "^2.0.0", - "npm-run-path": "^4.0.1", - "onetime": "^5.1.2", - "signal-exit": "^3.0.3", - "strip-final-newline": "^2.0.0" + "locate-path": "^6.0.0", + "path-exists": "^4.0.0" }, "engines": { "node": ">=10" }, "funding": { - "url": "https://github.com/sindresorhus/execa?sponsor=1" + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/exponential-backoff": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.1.tgz", - "integrity": "sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==", - "dev": true + "node_modules/eslint/node_modules/glob-parent": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.3" + }, + "engines": { + "node": ">=10.13.0" + } }, - "node_modules/express": { - "version": "4.18.2", - "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz", - "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==", + "node_modules/eslint/node_modules/globals": { + "version": "13.21.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.21.0.tgz", + "integrity": "sha512-ybyme3s4yy/t/3s35bewwXKOf7cvzfreG2lH0lZl0JB7I4GxRP2ghxOK/Nb9EkRXdbBXZLfq/p/0W2JUONB/Gg==", "dev": true, "dependencies": { - "accepts": "~1.3.8", - "array-flatten": "1.1.1", - "body-parser": "1.20.1", - "content-disposition": "0.5.4", - "content-type": "~1.0.4", - "cookie": "0.5.0", - "cookie-signature": "1.0.6", - "debug": "2.6.9", - "depd": "2.0.0", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "etag": "~1.8.1", - "finalhandler": "1.2.0", - "fresh": "0.5.2", - "http-errors": "2.0.0", + "type-fest": "^0.20.2" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/eslint/node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "dev": true, + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/eslint/node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true + }, + "node_modules/eslint/node_modules/locate-path": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", + "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", + "dev": true, + "dependencies": { + "p-locate": "^5.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint/node_modules/p-limit": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", + "dev": true, + "dependencies": { + "yocto-queue": "^0.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint/node_modules/p-locate": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", + "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", + "dev": true, + "dependencies": { + "p-limit": "^3.0.2" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/eslint/node_modules/type-fest": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", + "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/espree": { + "version": "9.6.1", + "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz", + "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==", + "dev": true, + "dependencies": { + "acorn": "^8.9.0", + "acorn-jsx": "^5.3.2", + "eslint-visitor-keys": "^3.4.1" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/esprima": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", + "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", + "dev": true, + "bin": { + "esparse": "bin/esparse.js", + "esvalidate": "bin/esvalidate.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/esquery": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz", + "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==", + "dev": true, + "dependencies": { + "estraverse": "^5.1.0" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/esrecurse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", + "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", + "dev": true, + "dependencies": { + "estraverse": "^5.2.0" + }, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/estree-walker": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", + "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", + "dev": true + }, + "node_modules/esutils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/eventemitter-asyncresource": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/eventemitter-asyncresource/-/eventemitter-asyncresource-1.0.0.tgz", + "integrity": "sha512-39F7TBIV0G7gTelxwbEqnwhp90eqCPON1k0NwNfwhgKn4Co4ybUbj2pECcXT0B3ztRKZ7Pw1JujUUgmQJHcVAQ==", + "dev": true + }, + "node_modules/eventemitter3": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz", + "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==", + "dev": true + }, + "node_modules/events": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz", + "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==", + "dev": true, + "engines": { + "node": ">=0.8.x" + } + }, + "node_modules/execa": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz", + "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==", + "dev": true, + "dependencies": { + "cross-spawn": "^7.0.3", + "get-stream": "^6.0.0", + "human-signals": "^2.1.0", + "is-stream": "^2.0.0", + "merge-stream": "^2.0.0", + "npm-run-path": "^4.0.1", + "onetime": "^5.1.2", + "signal-exit": "^3.0.3", + "strip-final-newline": "^2.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sindresorhus/execa?sponsor=1" + } + }, + "node_modules/exponential-backoff": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.1.tgz", + "integrity": "sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==", + "dev": true + }, + "node_modules/express": { + "version": "4.18.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz", + "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==", + "dev": true, + "dependencies": { + "accepts": "~1.3.8", + "array-flatten": "1.1.1", + "body-parser": "1.20.1", + "content-disposition": "0.5.4", + "content-type": "~1.0.4", + "cookie": "0.5.0", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "2.0.0", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.2.0", + "fresh": "0.5.2", + "http-errors": "2.0.0", "merge-descriptors": "1.0.1", "methods": "~1.1.2", "on-finished": "2.4.1", @@ -6025,6 +6857,18 @@ "node": ">=4" } }, + "node_modules/external-editor/node_modules/tmp": { + "version": "0.0.33", + "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", + "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==", + "dev": true, + "dependencies": { + "os-tmpdir": "~1.0.2" + }, + "engines": { + "node": ">=0.6.0" + } + }, "node_modules/fast-deep-equal": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", @@ -6053,6 +6897,12 @@ "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", "dev": true }, + "node_modules/fast-levenshtein": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", + "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==", + "dev": true + }, "node_modules/fastq": { "version": "1.15.0", "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz", @@ -6089,25 +6939,67 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "node_modules/file-entry-cache": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz", + "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==", "dev": true, "dependencies": { - "to-regex-range": "^5.0.1" + "flat-cache": "^3.0.4" }, "engines": { - "node": ">=8" + "node": "^10.12.0 || >=12.0.0" } }, - "node_modules/finalhandler": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", - "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", + "node_modules/filelist": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz", + "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==", "dev": true, "dependencies": { - "debug": "2.6.9", + "minimatch": "^5.0.1" + } + }, + "node_modules/filelist/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/filelist/node_modules/minimatch": { + "version": "5.1.6", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", + "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==", + "dev": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/finalhandler": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", + "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", + "dev": true, + "dependencies": { + "debug": "2.6.9", "encodeurl": "~1.0.2", "escape-html": "~1.0.3", "on-finished": "~2.3.0", @@ -6175,6 +7067,28 @@ "node": ">=8" } }, + "node_modules/flat": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz", + "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==", + "dev": true, + "bin": { + "flat": "cli.js" + } + }, + "node_modules/flat-cache": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz", + "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==", + "dev": true, + "dependencies": { + "flatted": "^3.1.0", + "rimraf": "^3.0.2" + }, + "engines": { + "node": "^10.12.0 || >=12.0.0" + } + }, "node_modules/flatted": { "version": "3.2.7", "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz", @@ -6201,6 +7115,15 @@ } } }, + "node_modules/for-each": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", + "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==", + "dev": true, + "dependencies": { + "is-callable": "^1.1.3" + } + }, "node_modules/foreground-child": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz", @@ -6274,18 +7197,24 @@ "node": ">= 0.6" } }, + "node_modules/fs-constants": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz", + "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==", + "dev": true + }, "node_modules/fs-extra": { - "version": "8.1.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", - "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", + "version": "11.1.1", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz", + "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==", "dev": true, "dependencies": { "graceful-fs": "^4.2.0", - "jsonfile": "^4.0.0", - "universalify": "^0.1.0" + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" }, "engines": { - "node": ">=6 <7 || >=8" + "node": ">=14.14" } }, "node_modules/fs-minipass": { @@ -6332,6 +7261,15 @@ "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", "dev": true }, + "node_modules/functions-have-names": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz", + "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/gauge": { "version": "4.0.4", "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.4.tgz", @@ -6453,30 +7391,49 @@ } }, "node_modules/globby": { - "version": "13.2.2", - "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz", - "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==", + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz", + "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==", "dev": true, "dependencies": { + "array-union": "^2.1.0", "dir-glob": "^3.0.1", - "fast-glob": "^3.3.0", - "ignore": "^5.2.4", + "fast-glob": "^3.2.9", + "ignore": "^5.2.0", "merge2": "^1.4.1", - "slash": "^4.0.0" + "slash": "^3.0.0" }, "engines": { - "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + "node": ">=10" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/gopd": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz", + "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==", + "dev": true, + "dependencies": { + "get-intrinsic": "^1.1.3" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/graceful-fs": { "version": "4.2.11", "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", "dev": true }, + "node_modules/graphemer": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz", + "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==", + "dev": true + }, "node_modules/guess-parser": { "version": "0.4.22", "resolved": "https://registry.npmjs.org/guess-parser/-/guess-parser-0.4.22.tgz", @@ -6507,6 +7464,15 @@ "node": ">= 0.4.0" } }, + "node_modules/has-bigints": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz", + "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/has-flag": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", @@ -6516,6 +7482,18 @@ "node": ">=4" } }, + "node_modules/has-property-descriptors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz", + "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==", + "dev": true, + "dependencies": { + "get-intrinsic": "^1.1.1" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/has-proto": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz", @@ -6540,6 +7518,21 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/has-tostringtag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz", + "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==", + "dev": true, + "dependencies": { + "has-symbols": "^1.0.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/has-unicode": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", @@ -6596,6 +7589,12 @@ "wbuf": "^1.1.0" } }, + "node_modules/hpack.js/node_modules/isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", + "dev": true + }, "node_modules/hpack.js/node_modules/readable-stream": { "version": "2.3.8", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", @@ -7086,6 +8085,20 @@ "node": ">=8" } }, + "node_modules/internal-slot": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz", + "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==", + "dev": true, + "dependencies": { + "get-intrinsic": "^1.2.0", + "has": "^1.0.3", + "side-channel": "^1.0.4" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/ip": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.0.tgz", @@ -7101,12 +8114,54 @@ "node": ">= 10" } }, + "node_modules/is-arguments": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz", + "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "has-tostringtag": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-array-buffer": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz", + "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "get-intrinsic": "^1.2.0", + "is-typed-array": "^1.1.10" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-arrayish": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==", "dev": true }, + "node_modules/is-bigint": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz", + "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==", + "dev": true, + "dependencies": { + "has-bigints": "^1.0.1" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-binary-path": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", @@ -7119,6 +8174,22 @@ "node": ">=8" } }, + "node_modules/is-boolean-object": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz", + "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "has-tostringtag": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-builtin-module": { "version": "3.2.1", "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz", @@ -7134,6 +8205,18 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/is-callable": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz", + "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-core-module": { "version": "2.13.0", "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz", @@ -7146,6 +8229,21 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-date-object": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz", + "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==", + "dev": true, + "dependencies": { + "has-tostringtag": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-docker": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz", @@ -7206,6 +8304,15 @@ "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==", "dev": true }, + "node_modules/is-map": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz", + "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-module": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", @@ -7221,6 +8328,30 @@ "node": ">=0.12.0" } }, + "node_modules/is-number-object": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz", + "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==", + "dev": true, + "dependencies": { + "has-tostringtag": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-path-inside": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz", + "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, "node_modules/is-plain-obj": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz", @@ -7251,6 +8382,43 @@ "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==", "dev": true }, + "node_modules/is-regex": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz", + "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "has-tostringtag": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-set": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz", + "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-shared-array-buffer": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz", + "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-stream": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz", @@ -7263,27 +8431,94 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/is-unicode-supported": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz", - "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", + "node_modules/is-string": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz", + "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==", "dev": true, + "dependencies": { + "has-tostringtag": "^1.0.0" + }, "engines": { - "node": ">=10" + "node": ">= 0.4" }, "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/is-what": { - "version": "3.14.1", - "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz", - "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==", - "dev": true - }, - "node_modules/is-wsl": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", + "node_modules/is-symbol": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz", + "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==", + "dev": true, + "dependencies": { + "has-symbols": "^1.0.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-typed-array": { + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz", + "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==", + "dev": true, + "dependencies": { + "which-typed-array": "^1.1.11" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-unicode-supported": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz", + "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/is-weakmap": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz", + "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-weakset": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz", + "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "get-intrinsic": "^1.1.1" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-what": { + "version": "3.14.1", + "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz", + "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==", + "dev": true + }, + "node_modules/is-wsl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", "dev": true, "dependencies": { @@ -7294,9 +8529,9 @@ } }, "node_modules/isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz", + "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==", "dev": true }, "node_modules/isbinaryfile": { @@ -7449,10 +8684,98 @@ "@pkgjs/parseargs": "^0.11.0" } }, + "node_modules/jake": { + "version": "10.8.7", + "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz", + "integrity": "sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==", + "dev": true, + "dependencies": { + "async": "^3.2.3", + "chalk": "^4.0.2", + "filelist": "^1.0.4", + "minimatch": "^3.1.2" + }, + "bin": { + "jake": "bin/cli.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/jake/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jake/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jake/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jake/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jake/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jake/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/jasmine-core": { - "version": "4.6.0", - "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-4.6.0.tgz", - "integrity": "sha512-O236+gd0ZXS8YAjFx8xKaJ94/erqUliEkJTDedyE7iHvv4ZVqi+q+8acJxu05/WJDKm512EUNn809In37nWlAQ==", + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-5.1.0.tgz", + "integrity": "sha512-bFMMwpKuTZXCuGd51yClFobw5SOtad1kmdWnYO8dNwYV8i01Xj0C2+nyQpSKl1EKxiPfyd1ZgBl/rsusL3aS6w==", "dev": true }, "node_modules/jest-worker": { @@ -7591,6 +8914,12 @@ "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", "dev": true }, + "node_modules/json-stable-stringify-without-jsonify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", + "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==", + "dev": true + }, "node_modules/json5": { "version": "2.2.3", "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", @@ -7610,10 +8939,13 @@ "dev": true }, "node_modules/jsonfile": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", - "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==", + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", "dev": true, + "dependencies": { + "universalify": "^2.0.0" + }, "optionalDependencies": { "graceful-fs": "^4.1.6" } @@ -7674,6 +9006,18 @@ "which": "^1.2.1" } }, + "node_modules/karma-chrome-launcher/node_modules/which": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", + "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", + "dev": true, + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "which": "bin/which" + } + }, "node_modules/karma-coverage": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/karma-coverage/-/karma-coverage-2.2.1.tgz", @@ -7717,6 +9061,12 @@ "karma-jasmine": "^5.0.0" } }, + "node_modules/karma-jasmine/node_modules/jasmine-core": { + "version": "4.6.0", + "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-4.6.0.tgz", + "integrity": "sha512-O236+gd0ZXS8YAjFx8xKaJ94/erqUliEkJTDedyE7iHvv4ZVqi+q+8acJxu05/WJDKm512EUNn809In37nWlAQ==", + "dev": true + }, "node_modules/karma-source-map-support": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz", @@ -7726,17 +9076,6 @@ "source-map-support": "^0.5.5" } }, - "node_modules/karma/node_modules/cliui": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", - "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", - "dev": true, - "dependencies": { - "string-width": "^4.2.0", - "strip-ansi": "^6.0.0", - "wrap-ansi": "^7.0.0" - } - }, "node_modules/karma/node_modules/source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", @@ -7746,18 +9085,6 @@ "node": ">=0.10.0" } }, - "node_modules/karma/node_modules/tmp": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz", - "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==", - "dev": true, - "dependencies": { - "rimraf": "^3.0.0" - }, - "engines": { - "node": ">=8.17.0" - } - }, "node_modules/karma/node_modules/yargs": { "version": "16.2.0", "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz", @@ -7906,6 +9233,19 @@ "node": ">=0.10.0" } }, + "node_modules/levn": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", + "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==", + "dev": true, + "dependencies": { + "prelude-ls": "^1.2.1", + "type-check": "~0.4.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, "node_modules/license-webpack-plugin": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-4.0.2.tgz", @@ -7924,10 +9264,13 @@ } }, "node_modules/lines-and-columns": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", - "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", - "dev": true + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-2.0.3.tgz", + "integrity": "sha512-cNOjgCnLB+FnvWWtyRTzmB3POJ+cXxTA81LoW7u8JdmhfXzriropYwpjShnz1QLLWsQwY7nIxoDmcPTwphDK9w==", + "dev": true, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + } }, "node_modules/loader-runner": { "version": "4.3.0", @@ -7971,6 +9314,12 @@ "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", "dev": true }, + "node_modules/lodash.merge": { + "version": "4.6.2", + "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", + "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", + "dev": true + }, "node_modules/log-symbols": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz", @@ -8597,6 +9946,18 @@ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" } }, + "node_modules/natural-compare": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", + "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==", + "dev": true + }, + "node_modules/natural-compare-lite": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz", + "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==", + "dev": true + }, "node_modules/needle": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/needle/-/needle-3.2.0.tgz", @@ -8671,387 +10032,51 @@ "convert-source-map": "^2.0.0", "dependency-graph": "^0.11.0", "esbuild-wasm": "^0.19.0", - "fast-glob": "^3.2.12", - "find-cache-dir": "^3.3.2", - "injection-js": "^2.4.0", - "jsonc-parser": "^3.2.0", - "less": "^4.1.3", - "ora": "^5.1.0", - "piscina": "^4.0.0", - "postcss": "^8.4.16", - "postcss-url": "^10.1.3", - "rollup": "^3.0.0", - "rxjs": "^7.5.6", - "sass": "^1.55.0" - }, - "bin": { - "ng-packagr": "cli/main.js" - }, - "engines": { - "node": "^16.14.0 || >=18.10.0" - }, - "optionalDependencies": { - "esbuild": "^0.19.0" - }, - "peerDependencies": { - "@angular/compiler-cli": "^16.0.0 || ^16.2.0-next.0", - "tailwindcss": "^2.0.0 || ^3.0.0", - "tslib": "^2.3.0", - "typescript": ">=4.9.3 <5.2" - }, - "peerDependenciesMeta": { - "tailwindcss": { - "optional": true - } - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/android-arm": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.2.tgz", - "integrity": "sha512-tM8yLeYVe7pRyAu9VMi/Q7aunpLwD139EY1S99xbQkT4/q2qa6eA4ige/WJQYdJ8GBL1K33pPFhPfPdJ/WzT8Q==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/android-arm64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.2.tgz", - "integrity": "sha512-lsB65vAbe90I/Qe10OjkmrdxSX4UJDjosDgb8sZUKcg3oefEuW2OT2Vozz8ef7wrJbMcmhvCC+hciF8jY/uAkw==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/android-x64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.2.tgz", - "integrity": "sha512-qK/TpmHt2M/Hg82WXHRc/W/2SGo/l1thtDHZWqFq7oi24AjZ4O/CpPSu6ZuYKFkEgmZlFoa7CooAyYmuvnaG8w==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/darwin-arm64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.2.tgz", - "integrity": "sha512-Ora8JokrvrzEPEpZO18ZYXkH4asCdc1DLdcVy8TGf5eWtPO1Ie4WroEJzwI52ZGtpODy3+m0a2yEX9l+KUn0tA==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/darwin-x64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.2.tgz", - "integrity": "sha512-tP+B5UuIbbFMj2hQaUr6EALlHOIOmlLM2FK7jeFBobPy2ERdohI4Ka6ZFjZ1ZYsrHE/hZimGuU90jusRE0pwDw==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/freebsd-arm64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.2.tgz", - "integrity": "sha512-YbPY2kc0acfzL1VPVK6EnAlig4f+l8xmq36OZkU0jzBVHcOTyQDhnKQaLzZudNJQyymd9OqQezeaBgkTGdTGeQ==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/freebsd-x64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.2.tgz", - "integrity": "sha512-nSO5uZT2clM6hosjWHAsS15hLrwCvIWx+b2e3lZ3MwbYSaXwvfO528OF+dLjas1g3bZonciivI8qKR/Hm7IWGw==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-arm": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.2.tgz", - "integrity": "sha512-Odalh8hICg7SOD7XCj0YLpYCEc+6mkoq63UnExDCiRA2wXEmGlK5JVrW50vZR9Qz4qkvqnHcpH+OFEggO3PgTg==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-arm64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.2.tgz", - "integrity": "sha512-ig2P7GeG//zWlU0AggA3pV1h5gdix0MA3wgB+NsnBXViwiGgY77fuN9Wr5uoCrs2YzaYfogXgsWZbm+HGr09xg==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-ia32": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.2.tgz", - "integrity": "sha512-mLfp0ziRPOLSTek0Gd9T5B8AtzKAkoZE70fneiiyPlSnUKKI4lp+mGEnQXcQEHLJAcIYDPSyBvsUbKUG2ri/XQ==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-loong64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.2.tgz", - "integrity": "sha512-hn28+JNDTxxCpnYjdDYVMNTR3SKavyLlCHHkufHV91fkewpIyQchS1d8wSbmXhs1fiYDpNww8KTFlJ1dHsxeSw==", - "cpu": [ - "loong64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-mips64el": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.2.tgz", - "integrity": "sha512-KbXaC0Sejt7vD2fEgPoIKb6nxkfYW9OmFUK9XQE4//PvGIxNIfPk1NmlHmMg6f25x57rpmEFrn1OotASYIAaTg==", - "cpu": [ - "mips64el" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-ppc64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.2.tgz", - "integrity": "sha512-dJ0kE8KTqbiHtA3Fc/zn7lCd7pqVr4JcT0JqOnbj4LLzYnp+7h8Qi4yjfq42ZlHfhOCM42rBh0EwHYLL6LEzcw==", - "cpu": [ - "ppc64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-riscv64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.2.tgz", - "integrity": "sha512-7Z/jKNFufZ/bbu4INqqCN6DDlrmOTmdw6D0gH+6Y7auok2r02Ur661qPuXidPOJ+FSgbEeQnnAGgsVynfLuOEw==", - "cpu": [ - "riscv64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-s390x": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.2.tgz", - "integrity": "sha512-U+RinR6aXXABFCcAY4gSlv4CL1oOVvSSCdseQmGO66H+XyuQGZIUdhG56SZaDJQcLmrSfRmx5XZOWyCJPRqS7g==", - "cpu": [ - "s390x" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-x64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.2.tgz", - "integrity": "sha512-oxzHTEv6VPm3XXNaHPyUTTte+3wGv7qVQtqaZCrgstI16gCuhNOtBXLEBkBREP57YTd68P0VgDgG73jSD8bwXQ==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/netbsd-x64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.2.tgz", - "integrity": "sha512-WNa5zZk1XpTTwMDompZmvQLHszDDDN7lYjEHCUmAGB83Bgs20EMs7ICD+oKeT6xt4phV4NDdSi/8OfjPbSbZfQ==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "netbsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/openbsd-x64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.2.tgz", - "integrity": "sha512-S6kI1aT3S++Dedb7vxIuUOb3oAxqxk2Rh5rOXOTYnzN8JzW1VzBd+IqPiSpgitu45042SYD3HCoEyhLKQcDFDw==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "openbsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/sunos-x64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.2.tgz", - "integrity": "sha512-VXSSMsmb+Z8LbsQGcBMiM+fYObDNRm8p7tkUDMPG/g4fhFX5DEFmjxIEa3N8Zr96SjsJ1woAhF0DUnS3MF3ARw==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "sunos" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/win32-arm64": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.2.tgz", - "integrity": "sha512-5NayUlSAyb5PQYFAU9x3bHdsqB88RC3aM9lKDAz4X1mo/EchMIT1Q+pSeBXNgkfNmRecLXA0O8xP+x8V+g/LKg==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/@esbuild/win32-ia32": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.2.tgz", - "integrity": "sha512-47gL/ek1v36iN0wL9L4Q2MFdujR0poLZMJwhO2/N3gA89jgHp4MR8DKCmwYtGNksbfJb9JoTtbkoe6sDhg2QTA==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], + "fast-glob": "^3.2.12", + "find-cache-dir": "^3.3.2", + "injection-js": "^2.4.0", + "jsonc-parser": "^3.2.0", + "less": "^4.1.3", + "ora": "^5.1.0", + "piscina": "^4.0.0", + "postcss": "^8.4.16", + "postcss-url": "^10.1.3", + "rollup": "^3.0.0", + "rxjs": "^7.5.6", + "sass": "^1.55.0" + }, + "bin": { + "ng-packagr": "cli/main.js" + }, "engines": { - "node": ">=12" + "node": "^16.14.0 || >=18.10.0" + }, + "optionalDependencies": { + "esbuild": "^0.19.0" + }, + "peerDependencies": { + "@angular/compiler-cli": "^16.0.0 || ^16.2.0-next.0", + "tailwindcss": "^2.0.0 || ^3.0.0", + "tslib": "^2.3.0", + "typescript": ">=4.9.3 <5.2" + }, + "peerDependenciesMeta": { + "tailwindcss": { + "optional": true + } } }, - "node_modules/ng-packagr/node_modules/@esbuild/win32-x64": { + "node_modules/ng-packagr/node_modules/@esbuild/darwin-x64": { "version": "0.19.2", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.2.tgz", - "integrity": "sha512-tcuhV7ncXBqbt/Ybf0IyrMcwVOAPDckMK9rXNHtF17UTK18OKLpg08glminN06pt2WCoALhXdLfSPbVvK/6fxw==", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.2.tgz", + "integrity": "sha512-tP+B5UuIbbFMj2hQaUr6EALlHOIOmlLM2FK7jeFBobPy2ERdohI4Ka6ZFjZ1ZYsrHE/hZimGuU90jusRE0pwDw==", "cpu": [ "x64" ], "dev": true, "optional": true, "os": [ - "win32" + "darwin" ], "engines": { "node": ">=12" @@ -9185,8 +10210,7 @@ "version": "3.2.1", "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz", "integrity": "sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==", - "dev": true, - "optional": true + "dev": true }, "node_modules/node-forge": { "version": "1.3.1", @@ -9227,28 +10251,12 @@ "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.0.tgz", "integrity": "sha512-NTZVKn9IylLwUzaKjkas1e4u2DLNcV4rdYagA4PWdPwW87Bi7z+BznyKSRwS/761tV/lzCGXplWsiaMjLqP2zQ==", "dev": true, - "optional": true, "bin": { "node-gyp-build": "bin.js", "node-gyp-build-optional": "optional.js", "node-gyp-build-test": "build-test.js" } }, - "node_modules/node-gyp/node_modules/which": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", - "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", - "dev": true, - "dependencies": { - "isexe": "^2.0.0" - }, - "bin": { - "node-which": "bin/node-which" - }, - "engines": { - "node": ">= 8" - } - }, "node_modules/node-releases": { "version": "2.0.13", "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz", @@ -9450,6 +10458,242 @@ "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==", "dev": true }, + "node_modules/nx": { + "version": "16.5.1", + "resolved": "https://registry.npmjs.org/nx/-/nx-16.5.1.tgz", + "integrity": "sha512-I3hJRE4hG7JWAtncWwDEO3GVeGPpN0TtM8xH5ArZXyDuVeTth/i3TtJzdDzqXO1HHtIoAQN0xeq4n9cLuMil5g==", + "dev": true, + "hasInstallScript": true, + "dependencies": { + "@nrwl/tao": "16.5.1", + "@parcel/watcher": "2.0.4", + "@yarnpkg/lockfile": "^1.1.0", + "@yarnpkg/parsers": "3.0.0-rc.46", + "@zkochan/js-yaml": "0.0.6", + "axios": "^1.0.0", + "chalk": "^4.1.0", + "cli-cursor": "3.1.0", + "cli-spinners": "2.6.1", + "cliui": "^7.0.2", + "dotenv": "~10.0.0", + "enquirer": "~2.3.6", + "fast-glob": "3.2.7", + "figures": "3.2.0", + "flat": "^5.0.2", + "fs-extra": "^11.1.0", + "glob": "7.1.4", + "ignore": "^5.0.4", + "js-yaml": "4.1.0", + "jsonc-parser": "3.2.0", + "lines-and-columns": "~2.0.3", + "minimatch": "3.0.5", + "npm-run-path": "^4.0.1", + "open": "^8.4.0", + "semver": "7.5.3", + "string-width": "^4.2.3", + "strong-log-transformer": "^2.1.0", + "tar-stream": "~2.2.0", + "tmp": "~0.2.1", + "tsconfig-paths": "^4.1.2", + "tslib": "^2.3.0", + "v8-compile-cache": "2.3.0", + "yargs": "^17.6.2", + "yargs-parser": "21.1.1" + }, + "bin": { + "nx": "bin/nx.js" + }, + "optionalDependencies": { + "@nx/nx-darwin-arm64": "16.5.1", + "@nx/nx-darwin-x64": "16.5.1", + "@nx/nx-freebsd-x64": "16.5.1", + "@nx/nx-linux-arm-gnueabihf": "16.5.1", + "@nx/nx-linux-arm64-gnu": "16.5.1", + "@nx/nx-linux-arm64-musl": "16.5.1", + "@nx/nx-linux-x64-gnu": "16.5.1", + "@nx/nx-linux-x64-musl": "16.5.1", + "@nx/nx-win32-arm64-msvc": "16.5.1", + "@nx/nx-win32-x64-msvc": "16.5.1" + }, + "peerDependencies": { + "@swc-node/register": "^1.4.2", + "@swc/core": "^1.2.173" + }, + "peerDependenciesMeta": { + "@swc-node/register": { + "optional": true + }, + "@swc/core": { + "optional": true + } + } + }, + "node_modules/nx/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/nx/node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true + }, + "node_modules/nx/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/nx/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/nx/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/nx/node_modules/fast-glob": { + "version": "3.2.7", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz", + "integrity": "sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q==", + "dev": true, + "dependencies": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.4" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/nx/node_modules/glob": { + "version": "7.1.4", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.4.tgz", + "integrity": "sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==", + "dev": true, + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + } + }, + "node_modules/nx/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/nx/node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "dev": true, + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/nx/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/nx/node_modules/minimatch": { + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.5.tgz", + "integrity": "sha512-tUpxzX0VAzJHjLu0xUfFv1gwVp9ba3IOuRAVH2EGuRW8a5emA2FlACLqiT/lDVtS1W+TGNwqz3sWaNyLgDJWuw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/nx/node_modules/semver": { + "version": "7.5.3", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.3.tgz", + "integrity": "sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/nx/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/nx/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, "node_modules/object-assign": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", @@ -9468,6 +10712,31 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/object-is": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz", + "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "define-properties": "^1.1.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/object-keys": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", + "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==", + "dev": true, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/object-path": { "version": "0.11.8", "resolved": "https://registry.npmjs.org/object-path/-/object-path-0.11.8.tgz", @@ -9477,6 +10746,24 @@ "node": ">= 10.12.0" } }, + "node_modules/object.assign": { + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz", + "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "define-properties": "^1.1.4", + "has-symbols": "^1.0.3", + "object-keys": "^1.1.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/obuf": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz", @@ -9545,6 +10832,23 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/optionator": { + "version": "0.9.3", + "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz", + "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==", + "dev": true, + "dependencies": { + "@aashutoshrathi/word-wrap": "^1.2.3", + "deep-is": "^0.1.3", + "fast-levenshtein": "^2.0.6", + "levn": "^0.4.1", + "prelude-ls": "^1.2.1", + "type-check": "^0.4.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, "node_modules/ora": { "version": "5.4.1", "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz", @@ -9797,6 +11101,12 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/parse-json/node_modules/lines-and-columns": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", + "dev": true + }, "node_modules/parse-node-version": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz", @@ -10071,6 +11381,18 @@ "node": "^12.20.0 || ^14.13.1 || >=16.0.0" } }, + "node_modules/pkg-dir/node_modules/yocto-queue": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz", + "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==", + "dev": true, + "engines": { + "node": ">=12.20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/postcss": { "version": "8.4.27", "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz", @@ -10265,6 +11587,15 @@ "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", "dev": true }, + "node_modules/prelude-ls": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", + "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", + "dev": true, + "engines": { + "node": ">= 0.8.0" + } + }, "node_modules/pretty-bytes": { "version": "5.6.0", "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz", @@ -10333,6 +11664,12 @@ "node": ">= 0.10" } }, + "node_modules/proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==", + "dev": true + }, "node_modules/prr": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz", @@ -10601,6 +11938,23 @@ "integrity": "sha512-jbD/FT0+9MBU2XAZluI7w2OBs1RBi6p9M83nkoZayQXXU9e8Robt69FcZc7wU4eJD/YFTjn1JdCk3rbMJajz8Q==", "dev": true }, + "node_modules/regexp.prototype.flags": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz", + "integrity": "sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "define-properties": "^1.2.0", + "functions-have-names": "^1.2.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/regexpu-core": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz", @@ -11259,15 +12613,12 @@ } }, "node_modules/slash": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz", - "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", "dev": true, "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "node": ">=8" } }, "node_modules/smart-buffer": { @@ -11352,15 +12703,6 @@ "websocket-driver": "^0.7.4" } }, - "node_modules/sockjs/node_modules/uuid": { - "version": "8.3.2", - "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz", - "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==", - "dev": true, - "bin": { - "uuid": "dist/bin/uuid" - } - }, "node_modules/socks": { "version": "2.7.1", "resolved": "https://registry.npmjs.org/socks/-/socks-2.7.1.tgz", @@ -11548,6 +12890,18 @@ "node": ">= 0.6" } }, + "node_modules/stop-iteration-iterator": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz", + "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==", + "dev": true, + "dependencies": { + "internal-slot": "^1.0.4" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/streamroller": { "version": "3.1.5", "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.1.5.tgz", @@ -11562,6 +12916,38 @@ "node": ">=8.0" } }, + "node_modules/streamroller/node_modules/fs-extra": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", + "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.2.0", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + }, + "engines": { + "node": ">=6 <7 || >=8" + } + }, + "node_modules/streamroller/node_modules/jsonfile": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", + "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==", + "dev": true, + "optionalDependencies": { + "graceful-fs": "^4.1.6" + } + }, + "node_modules/streamroller/node_modules/universalify": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", + "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==", + "dev": true, + "engines": { + "node": ">= 4.0.0" + } + }, "node_modules/string_decoder": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", @@ -11625,6 +13011,15 @@ "node": ">=8" } }, + "node_modules/strip-bom": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz", + "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==", + "dev": true, + "engines": { + "node": ">=4" + } + }, "node_modules/strip-final-newline": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz", @@ -11634,6 +13029,35 @@ "node": ">=6" } }, + "node_modules/strip-json-comments": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", + "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/strong-log-transformer": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/strong-log-transformer/-/strong-log-transformer-2.1.0.tgz", + "integrity": "sha512-B3Hgul+z0L9a236FAUC9iZsL+nVHgoCJnqCbN588DjYxvGXaXaaFbfmQ/JhvKjZwsOukuR72XbHv71Qkug0HxA==", + "dev": true, + "dependencies": { + "duplexer": "^0.1.1", + "minimist": "^1.2.0", + "through": "^2.3.4" + }, + "bin": { + "sl-log-transformer": "bin/sl-log-transformer.js" + }, + "engines": { + "node": ">=4" + } + }, "node_modules/supports-color": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", @@ -11699,6 +13123,22 @@ "node": ">=10" } }, + "node_modules/tar-stream": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz", + "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==", + "dev": true, + "dependencies": { + "bl": "^4.0.3", + "end-of-stream": "^1.4.1", + "fs-constants": "^1.0.0", + "inherits": "^2.0.3", + "readable-stream": "^3.1.1" + }, + "engines": { + "node": ">=6" + } + }, "node_modules/tar/node_modules/fs-minipass": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", @@ -11890,15 +13330,15 @@ "dev": true }, "node_modules/tmp": { - "version": "0.0.33", - "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", - "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==", + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz", + "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==", "dev": true, "dependencies": { - "os-tmpdir": "~1.0.2" + "rimraf": "^3.0.0" }, "engines": { - "node": ">=0.6.0" + "node": ">=8.17.0" } }, "node_modules/to-fast-properties": { @@ -11976,11 +13416,46 @@ "tree-kill": "cli.js" } }, + "node_modules/tsconfig-paths": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz", + "integrity": "sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==", + "dev": true, + "dependencies": { + "json5": "^2.2.2", + "minimist": "^1.2.6", + "strip-bom": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, "node_modules/tslib": { "version": "2.6.2", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==" }, + "node_modules/tsutils": { + "version": "3.21.0", + "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz", + "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==", + "dev": true, + "dependencies": { + "tslib": "^1.8.1" + }, + "engines": { + "node": ">= 6" + }, + "peerDependencies": { + "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta" + } + }, + "node_modules/tsutils/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, "node_modules/tuf-js": { "version": "1.1.7", "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-1.1.7.tgz", @@ -11995,6 +13470,18 @@ "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, + "node_modules/type-check": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", + "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==", + "dev": true, + "dependencies": { + "prelude-ls": "^1.2.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, "node_modules/type-fest": { "version": "0.21.3", "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz", @@ -12123,12 +13610,12 @@ } }, "node_modules/universalify": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", - "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz", + "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==", "dev": true, "engines": { - "node": ">= 4.0.0" + "node": ">= 10.0.0" } }, "node_modules/unpipe": { @@ -12205,13 +13692,20 @@ } }, "node_modules/uuid": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz", - "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz", + "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==", + "dev": true, "bin": { "uuid": "dist/bin/uuid" } }, + "node_modules/v8-compile-cache": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz", + "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==", + "dev": true + }, "node_modules/validate-npm-package-license": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", @@ -12615,6 +14109,28 @@ "ajv": "^6.9.1" } }, + "node_modules/webpack/node_modules/eslint-scope": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", + "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", + "dev": true, + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^4.1.1" + }, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/webpack/node_modules/estraverse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", + "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", + "dev": true, + "engines": { + "node": ">=4.0" + } + }, "node_modules/webpack/node_modules/json-schema-traverse": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", @@ -12692,15 +14208,68 @@ } }, "node_modules/which": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", - "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", "dev": true, "dependencies": { "isexe": "^2.0.0" }, "bin": { - "which": "bin/which" + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/which-boxed-primitive": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz", + "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==", + "dev": true, + "dependencies": { + "is-bigint": "^1.0.1", + "is-boolean-object": "^1.1.0", + "is-number-object": "^1.0.4", + "is-string": "^1.0.5", + "is-symbol": "^1.0.3" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/which-collection": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz", + "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==", + "dev": true, + "dependencies": { + "is-map": "^2.0.1", + "is-set": "^2.0.1", + "is-weakmap": "^2.0.1", + "is-weakset": "^2.0.1" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/which-typed-array": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz", + "integrity": "sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==", + "dev": true, + "dependencies": { + "available-typed-arrays": "^1.0.5", + "call-bind": "^1.0.2", + "for-each": "^0.3.3", + "gopd": "^1.0.1", + "has-tostringtag": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" } }, "node_modules/wide-align": { @@ -12909,13 +14478,27 @@ "node": ">=12" } }, + "node_modules/yargs/node_modules/cliui": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", + "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", + "dev": true, + "dependencies": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.1", + "wrap-ansi": "^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/yocto-queue": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz", - "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==", + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", "dev": true, "engines": { - "node": ">=12.20" + "node": ">=10" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -12926,21 +14509,6 @@ "resolved": "https://registry.npmjs.org/zingchart/-/zingchart-2.9.12.tgz", "integrity": "sha512-P9BORV/ZuX7Ko37N8VERkbS6j5liLndwLFWwo8neQKNTEuCEIbT5DPOi3mJAJkizGSn9gFXLpzoXbYRUw5qcdw==" }, - "node_modules/zingchart-angular": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/zingchart-angular/-/zingchart-angular-2.0.1.tgz", - "integrity": "sha512-4YHoByzAMcFshYfiAWJ+ujHzMxlE4+yGyAYQG5wfnPfRqDrQFDRPOsGw9+wOlQPqTTN6RAxy/xYdbV3IwMP6sQ==", - "dependencies": { - "@types/zingchart": "^2.8.34", - "tslib": "^2.3.0", - "zingchart": "latest", - "zingchart-constants": "github:zingchart/zingchart-constants#master" - }, - "peerDependencies": { - "@angular/common": "^16.2.0", - "@angular/core": "^16.2.0" - } - }, "node_modules/zingchart-constants": { "version": "1.0.5", "resolved": "git+ssh://git@github.com/zingchart/zingchart-constants.git#37aaeb291bbaab2174d317c1182bbca6a8f70da5", diff --git a/package.json b/package.json index 7784839..40c783b 100644 --- a/package.json +++ b/package.json @@ -1,49 +1,54 @@ { - "name": "zingchart-angular", - "version": "2.0.1", + "name": "zing-app", + "version": "2.0.2", "scripts": { "ng": "ng", "start": "ng serve", - "build": "ng cache clean && ng build zingchart-angular-component", + "build": "ng cache clean && ng build zingchart-angular", "build:app": "ng cache clean && ng build --base-href=/zingchart-angular/", "watch": "ng build --watch --configuration development", - "test": "ng test zingchart-angular-component", + "test": "ng test --watch=false --browsers=ChromeHeadless", "publish": "cd dist/zingchart-angular && npm publish --access public", "publish:tag": "cd dist/zingchart-angular && npm publish --tag beta --access public", - "publish:test": "cd dist/zingchart-angular && npm publish --dry-run" + "publish:test": "cd dist/zingchart-angular && npm publish --dry-run", + "lint": "ng lint" }, "private": true, "dependencies": { - "@angular/animations": "^16.2.0", - "@angular/common": "^16.2.0", - "@angular/compiler": "^16.2.0", - "@angular/core": "^16.2.0", - "@angular/forms": "^16.2.0", - "@angular/platform-browser": "^16.2.0", - "@angular/platform-browser-dynamic": "^16.2.0", - "@angular/router": "^16.2.0", - "@types/uuid": "^9.0.2", - "@types/zingchart": "^2.8.34", - "rxjs": "~7.8.0", - "tslib": "^2.3.0", - "uuid": "^9.0.0", - "zingchart": "^2.9.9", - "zingchart-angular": "^2.0.0", + "@angular/animations": "^16.2.1", + "@angular/common": "^16.2.1", + "@angular/compiler": "^16.2.1", + "@angular/core": "^16.2.1", + "@angular/forms": "^16.2.1", + "@angular/platform-browser": "^16.2.1", + "@angular/platform-browser-dynamic": "^16.2.1", + "@angular/router": "^16.2.1", + "rxjs": "~7.8.1", + "tslib": "^2.6.1", + "zingchart": "latest", "zingchart-constants": "github:zingchart/zingchart-constants#master", - "zone.js": "~0.13.0" + "zone.js": "~0.13.1" }, "devDependencies": { "@angular-devkit/build-angular": "^16.2.0", + "@angular-eslint/builder": "^16.1.1", + "@angular-eslint/eslint-plugin": "^16.1.1", + "@angular-eslint/eslint-plugin-template": "^16.1.1", + "@angular-eslint/schematics": "^16.1.1", + "@angular-eslint/template-parser": "^16.1.1", "@angular/cli": "~16.2.0", - "@angular/compiler-cli": "^16.2.0", - "@types/jasmine": "~4.3.0", - "jasmine-core": "~4.6.0", - "karma": "~6.4.0", + "@angular/compiler-cli": "^16.2.1", + "@types/jasmine": "~4.3.5", + "@typescript-eslint/eslint-plugin": "5.62.0", + "@typescript-eslint/parser": "5.62.0", + "eslint": "^8.47.0", + "jasmine-core": "~5.1.0", + "karma": "~6.4.2", "karma-chrome-launcher": "~3.2.0", - "karma-coverage": "~2.2.0", + "karma-coverage": "~2.2.1", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", "ng-packagr": "^16.2.0", - "typescript": "~5.1.3" + "typescript": "~5.1.6" } } diff --git a/projects/zingchart-angular-component/README.md b/projects/zingchart-angular-component/README.md deleted file mode 100644 index 7bc7c1e..0000000 --- a/projects/zingchart-angular-component/README.md +++ /dev/null @@ -1,24 +0,0 @@ -# ZingchartAngularTest - -This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.16.1. - -## Code scaffolding - -Run `ng generate component component-name --project zingchart-angular-component` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project zingchart-angular-component`. -> Note: Don't forget to add `--project zingchart-angular-component` or else it will be added to the default project in your `angular.json` file. - -## Build - -Run `ng build zingchart-angular-component` to build the project. The build artifacts will be stored in the `dist/` directory. - -## Publishing - -After building your library with `ng build zingchart-angular-component`, go to the dist folder `cd dist/zingchart-angular-component` and run `npm publish`. - -## Running unit tests - -Run `ng test zingchart-angular-component` to execute the unit tests via [Karma](https://karma-runner.github.io). - -## Further help - -To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page. diff --git a/projects/zingchart-angular-component/src/@types/typings.d.ts b/projects/zingchart-angular-component/src/@types/typings.d.ts deleted file mode 100644 index 65b9131..0000000 --- a/projects/zingchart-angular-component/src/@types/typings.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -declare module 'zingchart/es6'; -declare module 'zingchart-constants'; \ No newline at end of file diff --git a/projects/zingchart-angular-component/src/@types/zingchart.d.ts b/projects/zingchart-angular-component/src/@types/zingchart.d.ts deleted file mode 100644 index 8a4e720..0000000 --- a/projects/zingchart-angular-component/src/@types/zingchart.d.ts +++ /dev/null @@ -1,69 +0,0 @@ -// Type definitions for zingchart 2.9.3 -// Project: https://github.com/zingchart -// Definitions by: Danny Juergens -// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped -// TypeScript Version: 3.3; - -// type KeysFrom = { [K in keyof U]: K extends keyof T ? U[K] : never } -// interface ThingOptions extends KeysFrom {} - -import {default as _ZingchartAngular} from './index'; - -export as namespace ZingchartAngular; -export function render(config: object): null; - -export interface backgroundMarker extends _ZingchartAngular.backgroundMarker {} -export interface backgroundState extends _ZingchartAngular.backgroundState {} -export interface calloutTip extends _ZingchartAngular.calloutTip {} -export interface choropleth extends _ZingchartAngular.choropleth {} -export interface contextMenu extends _ZingchartAngular.contextMenu {} -export interface contextMenuGui extends _ZingchartAngular.contextMenuGui {} -export interface crosshairX extends _ZingchartAngular.crosshairX {} -export interface crosshairY extends _ZingchartAngular.crosshairY {} -export interface gridStyles extends _ZingchartAngular.gridStyles {} -export interface guideLabel extends _ZingchartAngular.guideLabel {} -export interface highlightMarker extends _ZingchartAngular.highlightMarker {} -export interface highlightState extends _ZingchartAngular.highlightState {} -export interface hoverMarker extends _ZingchartAngular.hoverMarker {} -export interface hoverState extends _ZingchartAngular.hoverState {} -export interface itemOff extends _ZingchartAngular.itemOff {} -export interface label extends _ZingchartAngular.label {} -export interface legendItem extends _ZingchartAngular.legendItem {} -export interface legendMarker extends _ZingchartAngular.legendMarker {} -export interface link extends _ZingchartAngular.link {} -export interface minorGuide extends _ZingchartAngular.minorGuide {} -export interface minorTick extends _ZingchartAngular.minorTick {} -export interface noData extends _ZingchartAngular.noData {} -export interface node extends _ZingchartAngular.node {} -export interface pageOff extends _ZingchartAngular.pageOff {} -export interface pageOn extends _ZingchartAngular.pageOn {} -export interface pageStatus extends _ZingchartAngular.pageStatus {} -export interface plot extends _ZingchartAngular.plot {} -export interface plotLabel extends _ZingchartAngular.plotLabel {} -export interface plotRules extends _ZingchartAngular.plotRules {} -export interface refLine extends _ZingchartAngular.refLine {} -export interface scaleK extends _ZingchartAngular.scaleK {} -export interface scaleLabel extends _ZingchartAngular.scaleLabel {} -export interface scaleR extends _ZingchartAngular.scaleR {} -export interface scaleV extends _ZingchartAngular.scaleV {} -export interface scaleX extends _ZingchartAngular.scaleX {} -export interface scaleY extends _ZingchartAngular.scaleY {} -export interface scrollXScrollY extends _ZingchartAngular.scrollXScrollY {} -export interface selectedMarker extends _ZingchartAngular.selectedMarker {} -export interface selectedState extends _ZingchartAngular.selectedState {} -export interface tooltip extends _ZingchartAngular.tooltip {} -export interface tooltipRules extends _ZingchartAngular.tooltipRules {} -export interface trendDown extends _ZingchartAngular.trendDown {} -export interface trendEqual extends _ZingchartAngular.trendEqual {} -export interface trendUp extends _ZingchartAngular.trendUp {} -export interface valueBox extends _ZingchartAngular.valueBox {} -export interface valueBoxRules extends _ZingchartAngular.valueBoxRules {} -export interface globals extends _ZingchartAngular.globals {} -export interface graphset extends _ZingchartAngular.graphset {} -export interface behavior extends _ZingchartAngular.behavior {} -export interface data extends _ZingchartAngular.data {} -export interface gui extends _ZingchartAngular.gui {} -export interface history extends _ZingchartAngular.history {} -export interface refresh extends _ZingchartAngular.refresh {} -export interface series extends _ZingchartAngular.series {} -export interface theme extends _ZingchartAngular.theme {} \ No newline at end of file diff --git a/projects/zingchart-angular-component/src/lib/zingchart-angular.module.ts b/projects/zingchart-angular-component/src/lib/zingchart-angular.module.ts deleted file mode 100644 index 193687f..0000000 --- a/projects/zingchart-angular-component/src/lib/zingchart-angular.module.ts +++ /dev/null @@ -1,17 +0,0 @@ -import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; -import { ZingchartAngularComponent } from './zingchart-angular.component'; - - - -@NgModule({ - schemas: [CUSTOM_ELEMENTS_SCHEMA], - declarations: [ - ZingchartAngularComponent - ], - imports: [ - ], - exports: [ - ZingchartAngularComponent - ] -}) -export class ZingchartAngularModule { } diff --git a/projects/zingchart-angular-component/src/lib/zingchart-angular.service.spec.ts b/projects/zingchart-angular-component/src/lib/zingchart-angular.service.spec.ts deleted file mode 100644 index f949582..0000000 --- a/projects/zingchart-angular-component/src/lib/zingchart-angular.service.spec.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { TestBed } from '@angular/core/testing'; - -import { ZingchartAngularService } from './zingchart-angular.service'; - -describe('ZingchartAngularTestService', () => { - let service: ZingchartAngularService; - - beforeEach(() => { - TestBed.configureTestingModule({}); - service = TestBed.inject(ZingchartAngularService); - }); - - it('should be created', () => { - expect(service).toBeTruthy(); - }); -}); diff --git a/projects/zingchart-angular-component/src/lib/zingchart-angular.service.ts b/projects/zingchart-angular-component/src/lib/zingchart-angular.service.ts deleted file mode 100644 index 489e849..0000000 --- a/projects/zingchart-angular-component/src/lib/zingchart-angular.service.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { Injectable } from '@angular/core'; - -@Injectable({ - providedIn: 'root' -}) -export class ZingchartAngularService { - - constructor() { } -} diff --git a/projects/zingchart-angular-component/src/public-api.ts b/projects/zingchart-angular-component/src/public-api.ts deleted file mode 100644 index c870911..0000000 --- a/projects/zingchart-angular-component/src/public-api.ts +++ /dev/null @@ -1,7 +0,0 @@ -/* - * Public API Surface of zingchart-angular - */ - -export * from './lib/zingchart-angular.service'; -export * from './lib/zingchart-angular.component'; -export * from './lib/zingchart-angular.module'; diff --git a/projects/zingchart-angular-component/tsconfig.spec.json b/projects/zingchart-angular-component/tsconfig.spec.json deleted file mode 100644 index ce7048b..0000000 --- a/projects/zingchart-angular-component/tsconfig.spec.json +++ /dev/null @@ -1,14 +0,0 @@ -/* To learn more about this file see: https://angular.io/config/tsconfig. */ -{ - "extends": "../../tsconfig.json", - "compilerOptions": { - "outDir": "../../out-tsc/spec", - "types": [ - "jasmine" - ] - }, - "include": [ - "**/*.spec.ts", - "**/*.d.ts" - ] -} diff --git a/projects/zingchart-angular/.eslintrc.json b/projects/zingchart-angular/.eslintrc.json new file mode 100644 index 0000000..a70cd32 --- /dev/null +++ b/projects/zingchart-angular/.eslintrc.json @@ -0,0 +1,35 @@ +{ + "extends": "../../.eslintrc.json", + "ignorePatterns": ["!**/*"], + "overrides": [ + { + "files": ["*.ts"], + "rules": { + "@typescript-eslint/triple-slash-reference": "off", + "@angular-eslint/no-host-metadata-property": "off", + "@angular-eslint/no-output-native": "off", + "@typescript-eslint/no-namespace": "off", + "@typescript-eslint/ban-types": "off", + "@angular-eslint/directive-selector": [ + "error", + { + "type": "attribute", + "prefix": "lib", + "style": "camelCase" + } + ], + "@angular-eslint/component-selector": [ + "error", + { + "type": "element", + "style": "kebab-case" + } + ] + } + }, + { + "files": ["*.html"], + "rules": {} + } + ] +} diff --git a/projects/zingchart-angular/README.md b/projects/zingchart-angular/README.md new file mode 100644 index 0000000..79aa3a7 --- /dev/null +++ b/projects/zingchart-angular/README.md @@ -0,0 +1,25 @@ +# ZingchartAngularTest + +This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.16.1. + +## Code scaffolding + +Run `ng generate component component-name --project zingchart-angular` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project zingchart-angular`. + +> Note: Don't forget to add `--project zingchart-angular` or else it will be added to the default project in your `angular.json` file. + +## Build + +Run `ng build zingchart-angular` to build the project. The build artifacts will be stored in the `dist/` directory. + +## Publishing + +After building your library with `ng build zingchart-angular`, go to the dist folder `cd dist/zingchart-angular` and run `npm publish`. + +## Running unit tests + +Run `ng test zingchart-angular` to execute the unit tests via [Karma](https://karma-runner.github.io). + +## Further help + +To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page. diff --git a/projects/zingchart-angular/karma.conf.js b/projects/zingchart-angular/karma.conf.js new file mode 100644 index 0000000..afeb9bb --- /dev/null +++ b/projects/zingchart-angular/karma.conf.js @@ -0,0 +1,37 @@ +// Karma configuration file, see link for more information +// https://karma-runner.github.io/1.0/config/configuration-file.html + +module.exports = function (config) { + config.set({ + basePath: "", + frameworks: ["jasmine", "@angular-devkit/build-angular"], + plugins: [ + require("karma-jasmine"), + require("karma-chrome-launcher"), + require("karma-jasmine-html-reporter"), + require("karma-coverage"), + require("@angular-devkit/build-angular/plugins/karma"), + ], + client: { + clearContext: false, // leave Jasmine Spec Runner output visible in browser + }, + coverageReporter: { + dir: require("path").join(__dirname, "./coverage/zing-app"), + subdir: ".", + reporters: [ + { type: "html" }, + { type: "lcovonly" }, + { type: "text-summary" }, + ], + fixWebpackSourcePaths: true, + }, + reporters: ["progress", "kjhtml"], + port: 9876, + colors: true, + logLevel: config.LOG_INFO, + autoWatch: true, + browsers: ["Chrome"], + singleRun: false, + restartOnFileChange: true, + }); +}; diff --git a/projects/zingchart-angular-component/ng-package.json b/projects/zingchart-angular/ng-package.json similarity index 99% rename from projects/zingchart-angular-component/ng-package.json rename to projects/zingchart-angular/ng-package.json index 9941e2c..3f72f80 100644 --- a/projects/zingchart-angular-component/ng-package.json +++ b/projects/zingchart-angular/ng-package.json @@ -11,4 +11,4 @@ "zingchart", "zingchart-constants" ] -} \ No newline at end of file +} diff --git a/projects/zingchart-angular-component/package.json b/projects/zingchart-angular/package.json similarity index 71% rename from projects/zingchart-angular-component/package.json rename to projects/zingchart-angular/package.json index 83c5c52..d2bf82b 100644 --- a/projects/zingchart-angular-component/package.json +++ b/projects/zingchart-angular/package.json @@ -1,6 +1,6 @@ { "name": "zingchart-angular", - "version": "2.0.1", + "version": "2.0.2", "description": "ZingChart Angular Component wrapper to allow native Angular syntax for javascript charts, chart events, chart methods and chart styling.", "author": "ZingSoft Inc.", "license": "MIT", @@ -14,14 +14,11 @@ "angular" ], "peerDependencies": { - "@angular/common": "^16.2.0", - "@angular/core": "^16.2.0" + "@angular/common": ">=16.2.0", + "@angular/core": ">=16.2.0" }, "dependencies": { - "tslib": "^2.3.0", - "@types/zingchart": "^2.8.34", - "zingchart-constants": "github:zingchart/zingchart-constants#master", - "zingchart": "latest" - }, - "sideEffects": false -} \ No newline at end of file + "zingchart": "latest", + "zingchart-constants": "github:zingchart/zingchart-constants#master" + } +} diff --git a/projects/zingchart-angular-component/src/lib/zingchart-angular.component.spec.ts b/projects/zingchart-angular/src/lib/zingchart-angular.component.spec.ts similarity index 55% rename from projects/zingchart-angular-component/src/lib/zingchart-angular.component.spec.ts rename to projects/zingchart-angular/src/lib/zingchart-angular.component.spec.ts index 8160e43..9b53d8b 100644 --- a/projects/zingchart-angular-component/src/lib/zingchart-angular.component.spec.ts +++ b/projects/zingchart-angular/src/lib/zingchart-angular.component.spec.ts @@ -1,21 +1,23 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from "@angular/core/testing"; +import { ZingchartAngularComponent } from "./zingchart-angular.component"; -import { ZingchartAngularComponent } from './zingchart-angular.component'; - -describe('ZingchartAngularComponent', () => { +describe("ZingchartAngularComponent", () => { let component: ZingchartAngularComponent; let fixture: ComponentFixture; beforeEach(() => { TestBed.configureTestingModule({ - declarations: [ZingchartAngularComponent] + declarations: [ZingchartAngularComponent], }); + }); + + beforeEach(() => { fixture = TestBed.createComponent(ZingchartAngularComponent); component = fixture.componentInstance; fixture.detectChanges(); }); - it('should create', () => { + it("should create", () => { expect(component).toBeTruthy(); }); }); diff --git a/projects/zingchart-angular-component/src/lib/zingchart-angular.component.ts b/projects/zingchart-angular/src/lib/zingchart-angular.component.ts similarity index 79% rename from projects/zingchart-angular-component/src/lib/zingchart-angular.component.ts rename to projects/zingchart-angular/src/lib/zingchart-angular.component.ts index 0153d2d..c53effe 100644 --- a/projects/zingchart-angular-component/src/lib/zingchart-angular.component.ts +++ b/projects/zingchart-angular/src/lib/zingchart-angular.component.ts @@ -1,18 +1,35 @@ -import { AfterViewInit, Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output } from '@angular/core'; -import { v4 as uuid } from 'uuid'; -import zingchart from 'zingchart/es6'; -import constants from 'zingchart-constants'; -import * as ZingchartAngular from '../@types/zingchart'; +import { + AfterViewInit, + Component, + EventEmitter, + Input, + OnChanges, + OnDestroy, + OnInit, + Output, +} from "@angular/core"; +import { v4 as uuid } from "uuid"; +import constants from "zingchart-constants"; +import zingchart from "zingchart/es6"; +import ZingchartAngular from "../zingchart"; -const { DEFAULT_WIDTH, DEFAULT_HEIGHT, DEFAULT_OUTPUT, EVENT_NAMES, METHOD_NAMES } = constants; +const { + DEFAULT_WIDTH, + DEFAULT_HEIGHT, + DEFAULT_OUTPUT, + EVENT_NAMES, + METHOD_NAMES, +} = constants; @Component({ - selector: 'zingchart-angular', - template: '', - host: {'[id]': 'chartId'}, - styles: [':host {display: block;}'], + selector: "zingchart-angular", + template: "", + host: { "[id]": "chartId" }, + styles: [":host {display: block;}"], }) -export class ZingchartAngularComponent implements AfterViewInit, OnChanges, OnDestroy, OnInit { +export class ZingchartAngularComponent + implements AfterViewInit, OnChanges, OnDestroy, OnInit +{ @Input() config: ZingchartAngular.graphset | ZingchartAngular.data; @Input() id: string; @Input() width: string | number; @@ -46,7 +63,8 @@ export class ZingchartAngularComponent implements AfterViewInit, OnChanges, OnDe @Output() dimension_change: EventEmitter = new EventEmitter(); @Output() error: EventEmitter = new EventEmitter(); @Output() feed_clear: EventEmitter = new EventEmitter(); - @Output() feed_interval_modify: EventEmitter = new EventEmitter(); + @Output() feed_interval_modify: EventEmitter = + new EventEmitter(); @Output() feed_start: EventEmitter = new EventEmitter(); @Output() feed_stop: EventEmitter = new EventEmitter(); @Output() gcomplete: EventEmitter = new EventEmitter(); @@ -66,16 +84,23 @@ export class ZingchartAngularComponent implements AfterViewInit, OnChanges, OnDe @Output() label_mouseup: EventEmitter = new EventEmitter(); @Output() legend_hide: EventEmitter = new EventEmitter(); @Output() legend_item_click: EventEmitter = new EventEmitter(); - @Output() legend_item_mousemove: EventEmitter = new EventEmitter(); - @Output() legend_item_mouseout: EventEmitter = new EventEmitter(); - @Output() legend_item_mouseover: EventEmitter = new EventEmitter(); - @Output() legend_marker_click: EventEmitter = new EventEmitter(); + @Output() legend_item_mousemove: EventEmitter = + new EventEmitter(); + @Output() legend_item_mouseout: EventEmitter = + new EventEmitter(); + @Output() legend_item_mouseover: EventEmitter = + new EventEmitter(); + @Output() legend_marker_click: EventEmitter = + new EventEmitter(); @Output() legend_maximize: EventEmitter = new EventEmitter(); @Output() legend_minimize: EventEmitter = new EventEmitter(); - @Output() legend_minimize_click: EventEmitter = new EventEmitter(); - @Output() legend_pagination_click: EventEmitter = new EventEmitter(); + @Output() legend_minimize_click: EventEmitter = + new EventEmitter(); + @Output() legend_pagination_click: EventEmitter = + new EventEmitter(); @Output() legend_show: EventEmitter = new EventEmitter(); - @Output() legend_drag_mousedown: EventEmitter = new EventEmitter(); + @Output() legend_drag_mousedown: EventEmitter = + new EventEmitter(); @Output() lens_hide: EventEmitter = new EventEmitter(); @Output() lens_show: EventEmitter = new EventEmitter(); @Output() load: EventEmitter = new EventEmitter(); @@ -126,37 +151,40 @@ export class ZingchartAngularComponent implements AfterViewInit, OnChanges, OnDe @Output() touchemove: EventEmitter = new EventEmitter(); @Output() touchend: EventEmitter = new EventEmitter(); @Output() touchstart: EventEmitter = new EventEmitter(); - @Output() zingchart_plugins_selection_tool_mouseup: EventEmitter = new EventEmitter(); - @Output() zingchart_plugins_selection_tool_selection: EventEmitter = new EventEmitter(); + @Output() zingchart_plugins_selection_tool_mouseup: EventEmitter = + new EventEmitter(); + @Output() zingchart_plugins_selection_tool_selection: EventEmitter = + new EventEmitter(); @Output() zoom: EventEmitter = new EventEmitter(); ngOnInit() { this.chartId = this.id || `zingchart-ng-${uuid()}`; METHOD_NAMES.forEach((method: string) => { - (this as any)[method] = (args: any) => JSON.stringify(zingchart.exec(this.chartId, method, args)); + (this as any)[method] = (args: any) => + JSON.stringify(zingchart.exec(this.chartId, method, args)); }); } ngAfterViewInit() { let data = this.config as any; - if (typeof data === 'string') { + if (typeof data === "string") { try { data = JSON.parse(data); - } catch(e) { - throw new Error('Invalid object'); + } catch (e) { + throw new Error("Invalid object"); } } if (this.id) { this.chartId = this.id; } if (this.series) { - if ('graphset' in this.config) { + if ("graphset" in this.config) { if (this.config.graphset && this.config.graphset.length === 1) { - data['graphset'][0].series = this.series; + data["graphset"][0].series = this.series; } } else { - data['series'] = this.series; + data["series"] = this.series; } } this.chartWidth = this.width || DEFAULT_WIDTH; @@ -169,18 +197,22 @@ export class ZingchartAngularComponent implements AfterViewInit, OnChanges, OnDe width: this.chartWidth, height: this.chartHeight, output: this.output, - } + }; if (this.theme) { - this.renderObject['defaults'] = this.theme; + this.renderObject["defaults"] = this.theme; } // Setup event listeners before rendering - EVENT_NAMES.forEach((event:string) => { - if((this as any)[event] && (this as any)[event].observers && (this as any)[event].observers.length) { - zingchart.bind(this.chartId, event, ((result:any) => { + EVENT_NAMES.forEach((event: string) => { + if ( + (this as any)[event] && + (this as any)[event].observers && + (this as any)[event].observers.length + ) { + zingchart.bind(this.chartId, event, (result: any) => { (this as any)[event].emit(result); - })); + }); } }); @@ -188,25 +220,25 @@ export class ZingchartAngularComponent implements AfterViewInit, OnChanges, OnDe } ngOnDestroy() { - zingchart.exec(this.chartId, 'destroy'); + zingchart.exec(this.chartId, "destroy"); } ngOnChanges(changes: any) { if (changes.config) { - zingchart.exec(this.chartId, 'setdata', { + zingchart.exec(this.chartId, "setdata", { data: changes.config.currentValue, }); } else if (changes.series) { - let setSeriesData = (id: string, data: any) =>{ - return zingchart.exec(id, 'setseriesdata', { + const setSeriesData = (id: string, data: any) => { + return zingchart.exec(id, "setseriesdata", { graphid: 0, data: data, }); - } - if ('series' in this.config) { + }; + if ("series" in this.config) { this.config.series = changes.series.currentValue; setSeriesData(this.chartId, this.config.series); - } else if ('graphset' in this.config) { + } else if ("graphset" in this.config) { if (this.config.graphset && this.config.graphset.length === 1) { this.config.graphset[0].series = changes.series.currentValue; setSeriesData(this.chartId, this.config.graphset[0].series); @@ -216,7 +248,7 @@ export class ZingchartAngularComponent implements AfterViewInit, OnChanges, OnDe const width = (changes.width && changes.width.currentValue) || this.width; const height = (changes.height && changes.height.currentValue) || this.height; - zingchart.exec(this.chartId, 'resize', { + zingchart.exec(this.chartId, "resize", { width, height, }); diff --git a/projects/zingchart-angular/src/lib/zingchart-angular.module.ts b/projects/zingchart-angular/src/lib/zingchart-angular.module.ts new file mode 100644 index 0000000..d7ddc65 --- /dev/null +++ b/projects/zingchart-angular/src/lib/zingchart-angular.module.ts @@ -0,0 +1,9 @@ +import { NgModule } from "@angular/core"; +import { ZingchartAngularComponent } from "./zingchart-angular.component"; + +@NgModule({ + declarations: [ZingchartAngularComponent], + imports: [], + exports: [ZingchartAngularComponent], +}) +export class ZingchartAngularModule {} diff --git a/projects/zingchart-angular/src/public-api.ts b/projects/zingchart-angular/src/public-api.ts new file mode 100644 index 0000000..49a13ba --- /dev/null +++ b/projects/zingchart-angular/src/public-api.ts @@ -0,0 +1,7 @@ +/* + * Public API Surface of zingchart-angular + */ + +export * from "./lib/zingchart-angular.component"; +export * from "./lib/zingchart-angular.module"; + diff --git a/projects/zingchart-angular-component/src/@types/index.d.ts b/projects/zingchart-angular/src/zingchart.ts similarity index 89% rename from projects/zingchart-angular-component/src/@types/index.d.ts rename to projects/zingchart-angular/src/zingchart.ts index b774b6d..94a08d0 100644 --- a/projects/zingchart-angular-component/src/@types/index.d.ts +++ b/projects/zingchart-angular/src/zingchart.ts @@ -22,92 +22,92 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -117,28 +117,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -177,82 +177,82 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -262,28 +262,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; } interface calloutTip { @@ -297,27 +297,27 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the size of the object. 4 | "6px" | ... @@ -355,7 +355,7 @@ declare namespace ZingchartAngular { /** * To specify the font color of the context menu items. 'gray' | '##666699' */ - 'font-color'?: any; + "font-color"?: any; fontColor?: any; /** * To display or remove the Save Image context menu item. true | false @@ -398,38 +398,38 @@ declare namespace ZingchartAngular { * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the width of the object's border. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the object's font size. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the object's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -439,23 +439,23 @@ declare namespace ZingchartAngular { * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value @@ -466,22 +466,22 @@ declare namespace ZingchartAngular { /** * Sets the bottom padding for the object's text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the left padding for the object's text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the right padding for the object's text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the top padding for the object's text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -495,19 +495,19 @@ declare namespace ZingchartAngular { * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ * t" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the context-menu button is visible or not. true | false | 1 | 0 @@ -520,7 +520,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; /** * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... @@ -531,7 +531,7 @@ declare namespace ZingchartAngular { */ y?: any; }; - 'custom-items'?: Array<{ + "custom-items"?: Array<{ /** * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale * rt(1)" | ... @@ -562,80 +562,80 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -660,27 +660,27 @@ declare namespace ZingchartAngular { /** * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} */ - 'hover-state'?: any; + "hover-state"?: any; hoverState?: any; }; } @@ -698,34 +698,34 @@ declare namespace ZingchartAngular { /** * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ - 'reverse-series'?: boolean; + "reverse-series"?: boolean; reverseSeries?: boolean; /** * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t @@ -759,18 +759,18 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -786,9 +786,9 @@ declare namespace ZingchartAngular { */ visible?: boolean; }; - 'plot-label'?: plotLabel; + "plot-label"?: plotLabel; plotLabel?: plotLabel; - 'scale-label'?: scaleLabel; + "scale-label"?: scaleLabel; scaleLabel?: scaleLabel; } interface crosshairY { @@ -805,34 +805,34 @@ declare namespace ZingchartAngular { /** * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ - 'reverse-series'?: boolean; + "reverse-series"?: boolean; reverseSeries?: boolean; /** * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t @@ -866,18 +866,18 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -893,9 +893,9 @@ declare namespace ZingchartAngular { */ visible?: boolean; }; - 'plot-label'?: plotLabel; + "plot-label"?: plotLabel; plotLabel?: plotLabel; - 'scale-label'?: scaleLabel; + "scale-label"?: scaleLabel; scaleLabel?: scaleLabel; } interface data { @@ -909,111 +909,111 @@ declare namespace ZingchartAngular { align?: string; alpha?: number; backgroundColor?: string; - 'background-color'?: string; + "background-color"?: string; backgroundColor1?: string; - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor2?: string; - 'background-color-2'?: string; + "background-color-2"?: string; bold?: boolean; borderAlpha?: number; - 'border-alpha'?: number; + "border-alpha"?: number; borderBottom?: number; - 'border-bottom'?: number; + "border-bottom"?: number; borderColor?: string; - 'border-color'?: string; + "border-color"?: string; borderLeft?: number; - 'border-left'?: number; + "border-left"?: number; borderRadius?: number; - 'border-radius'?: number; + "border-radius"?: number; borderRadiusBottomLeft?: number; - 'border-radius-bottom-left'?: number; + "border-radius-bottom-left"?: number; borderRadiusBottomRight?: number; - 'border-radius-bottom-right'?: number; + "border-radius-bottom-right"?: number; borderRadiusTopLeft?: number; - 'border-radius-top-left'?: number; + "border-radius-top-left"?: number; borderRadiusTopRight?: number; - 'border-radius-top-right'?: number; + "border-radius-top-right"?: number; borderRight?: number; - 'border-right'?: number; + "border-right"?: number; borderTop?: number; - 'border-top'?: number; + "border-top"?: number; borderWidth?: number; - 'border-width'?: number; + "border-width"?: number; class?: string; clipText?: boolean; - 'clip-text'?: boolean; + "clip-text"?: boolean; color?: string; cursor?: string; dataN?: any; - 'data-n'?: any; + "data-n"?: any; fillAngle?: number; - 'fill-angle'?: number; + "fill-angle"?: number; fillOffsetX?: number; - 'fill-offset-x'?: number; + "fill-offset-x"?: number; fillOffsetY?: number; - 'fill-offset-y'?: number; + "fill-offset-y"?: number; fillType?: string; - 'fill-type'?: string; + "fill-type"?: string; fontColor?: string; - 'font-color'?: string; + "font-color"?: string; fontFamily?: string; - 'font-family'?: string; + "font-family"?: string; fontSize?: number; - 'font-size'?: number; + "font-size"?: number; fontStyle?: string; - 'font-style'?: string; - fontWeight?: string|number; - 'font-weight'?: string|number; + "font-style"?: string; + fontWeight?: string | number; + "font-weight"?: string | number; gradientColors?: string; - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientStops?: string; - 'gradient-stops'?: string; + "gradient-stops"?: string; id?: string; italic?: boolean; lineGapSize?: number; - 'line-gap-size'?: number; + "line-gap-size"?: number; lineHeight?: number; - 'line-height'?: number; + "line-height"?: number; lineSegmentSize?: number; - 'line-segment-size'?: number; + "line-segment-size"?: number; lineStyle?: string; - 'line-style'?: string; + "line-style"?: string; maxChars?: number; - 'max-chars'?: number; + "max-chars"?: number; mediaRules?: Array<{}>; - 'media-rules'?: Array<{}>; + "media-rules"?: Array<{}>; offsetX?: number; - 'offset-x'?: number; + "offset-x"?: number; offsetY?: number; - 'offset-y'?: number; + "offset-y"?: number; overlap?: boolean; padding?: number; paddingBottom?: number; - 'padding-bottom'?: number; + "padding-bottom"?: number; paddingLeft?: number; - 'padding-left'?: number; + "padding-left"?: number; paddingRight?: number; - 'padding-right'?: number; + "padding-right"?: number; paddingTop?: number; - 'padding-top'?: number; + "padding-top"?: number; rectShortcut?: boolean; - 'rect-shortcut'?: boolean; + "rect-shortcut"?: boolean; rtl?: boolean; text?: string; textAlign?: string; - 'text-align'?: string; + "text-align"?: string; textAlpha?: number; - 'text-alpha'?: number; + "text-alpha"?: number; textDecoration?: string; - 'text-decoration'?: string; + "text-decoration"?: string; underline?: boolean; verticalAlign?: string; - 'vertical-align'?: string; + "vertical-align"?: string; visible?: boolean; wrapText?: boolean; - 'wrap-text'?: boolean; + "wrap-text"?: boolean; zIndex?: number; - 'z-index'?: number; + "z-index"?: number; } interface guideLabel { /** @@ -1027,47 +1027,47 @@ declare namespace ZingchartAngular { * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel * low" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the font size of the object. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the font style of the object. "none" | "italic" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the font weight of the object. "none" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... @@ -1094,32 +1094,32 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g @@ -1138,32 +1138,32 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g @@ -1187,120 +1187,120 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -1310,28 +1310,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -1358,127 +1358,127 @@ declare namespace ZingchartAngular { * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 * | ... */ - 'alpha-area'?: number; + "alpha-area"?: number; alphaArea?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699' * , '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15 * , 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: any; + "font-color"?: any; fontColor?: any; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... @@ -1492,34 +1492,34 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -1542,55 +1542,55 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -1598,47 +1598,47 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 @@ -1647,98 +1647,98 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | .../p> */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -1748,17 +1748,17 @@ declare namespace ZingchartAngular { * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -1768,28 +1768,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... @@ -1816,39 +1816,39 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 @@ -1857,18 +1857,18 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -1876,47 +1876,47 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 @@ -1925,39 +1925,39 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Truncates text based on the setting of width. true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, @@ -1971,66 +1971,66 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -2054,34 +2054,34 @@ declare namespace ZingchartAngular { * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first @@ -2092,22 +2092,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -2121,28 +2121,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... @@ -2155,19 +2155,19 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi @@ -2182,7 +2182,7 @@ declare namespace ZingchartAngular { * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -2195,7 +2195,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... @@ -2205,7 +2205,7 @@ declare namespace ZingchartAngular { * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; - 'callout-tip'?: calloutTip; + "callout-tip"?: calloutTip; calloutTip?: calloutTip; } interface legendItem { @@ -2226,45 +2226,45 @@ declare namespace ZingchartAngular { * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f * " | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red * yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re * d yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe * r than Plot. See red text in upper right box. "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind * ividual series rather than Plot. See red text in upper right box. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl @@ -2275,19 +2275,19 @@ declare namespace ZingchartAngular { * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series * rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -2296,53 +2296,53 @@ declare namespace ZingchartAngular { * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- * 10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rath * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r * ight box. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See @@ -2353,39 +2353,39 @@ declare namespace ZingchartAngular { * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b * ox. Works with output canvas and svg. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i @@ -2400,76 +2400,76 @@ declare namespace ZingchartAngular { * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper * right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper * right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. For the text in the legend box. Requires Legend. Used only ins * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text * in upper right box. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in * upper right box. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i * n upper right box. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl * ot. See red text in upper right box. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 * 0 #0f0 #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. * "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W @@ -2490,51 +2490,51 @@ declare namespace ZingchartAngular { * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right * box. Works with output canvas and svg. 4 | "6px" | ... */ - 'margin-bottom'?: any; + "margin-bottom"?: any; marginBottom?: any; /** * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b * ox. Works with output canvas and svg. 4 | "6px" | ... */ - 'margin-left'?: any; + "margin-left"?: any; marginLeft?: any; /** * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right * box. Works with output canvas and svg. 4 | "6px" | ... */ - 'margin-right'?: any; + "margin-right"?: any; marginRight?: any; /** * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo * x. Works with output canvas and svg. 4 | "6px" | ... */ - 'margin-top'?: any; + "margin-top"?: any; marginTop?: any; /** * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe * r right box. 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... @@ -2550,25 +2550,25 @@ declare namespace ZingchartAngular { * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r * ather than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat * her than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra * ther than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath * er than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -2586,35 +2586,35 @@ declare namespace ZingchartAngular { * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l * imited effect on HTML5 implementation. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 * | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " * 6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px * " | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -2629,20 +2629,20 @@ declare namespace ZingchartAngular { * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside @@ -2653,7 +2653,7 @@ declare namespace ZingchartAngular { * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the visibility of the object. true | false | 1 | 0 @@ -2667,7 +2667,7 @@ declare namespace ZingchartAngular { * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash * . true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; } interface legendMarker { @@ -2688,52 +2688,52 @@ declare namespace ZingchartAngular { * ,0,255)", "rgb(255,255,0)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -2741,38 +2741,38 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u * pper right box. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" @@ -2782,56 +2782,56 @@ declare namespace ZingchartAngular { * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the * left of the text in the upper right box. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the * left of the text in the upper right box. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f * 0 #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 * 0.5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. * See the shape to the left of the text in the upper right box. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. * See the shape to the left of the text in the upper right box. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left @@ -2873,7 +2873,7 @@ declare namespace ZingchartAngular { * @description Sets the transparency level of area in chart. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being * completely opaque. Note that values require the leading 0 before the decimal point. */ - 'alpha-area'?: any; + "alpha-area"?: any; /** * @description Sets the rotation angle of the object. */ @@ -2885,7 +2885,7 @@ declare namespace ZingchartAngular { /** * @description Sets the end angle of a pie shape. */ - 'angle-end'?: any; + "angle-end"?: any; /** * @description Sets the beginning angle of a pie shape. */ @@ -2893,7 +2893,7 @@ declare namespace ZingchartAngular { /** * @description Sets the beginning angle of a pie shape. */ - 'angle-start'?: any; + "angle-start"?: any; /** * @description Sets the aspect of the chart. */ @@ -2905,7 +2905,7 @@ declare namespace ZingchartAngular { /** * @description Clips the background image to the margins of the shape/box. */ - 'background-clip'?: any; + "background-clip"?: any; /** * @description Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation * (e.g., "#666699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)") @@ -2915,7 +2915,7 @@ declare namespace ZingchartAngular { * @description Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation * (e.g., "#666699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)") */ - 'background-color'?: string; + "background-color"?: string; /** * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. */ @@ -2923,7 +2923,7 @@ declare namespace ZingchartAngular { /** * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. */ - 'background-color-1'?: string; + "background-color-1"?: string; /** * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. */ @@ -2931,7 +2931,7 @@ declare namespace ZingchartAngular { /** * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. */ - 'background-color-2'?: string; + "background-color-2"?: string; /** * @description Sets the direction/s on which the background image is being "stretched". */ @@ -2939,7 +2939,7 @@ declare namespace ZingchartAngular { /** * @description Sets the direction/s on which the background image is being "stretched". */ - 'background-fit'?: string; + "background-fit"?: string; /** * @description Sets a background image for the object. Value can be a local file or a web image's location. */ @@ -2947,7 +2947,7 @@ declare namespace ZingchartAngular { /** * @description Sets a background image for the object. Value can be a local file or a web image's location. */ - 'background-image'?: string; + "background-image"?: string; /** * @description Sets the position of the background when the background-repeat value is no-repeat. */ @@ -2955,7 +2955,7 @@ declare namespace ZingchartAngular { /** * @description Sets the position of the background when the background-repeat value is no-repeat. */ - 'background-position'?: string; + "background-position"?: string; /** * @description Sets the repeating mode for the background image. */ @@ -2963,7 +2963,7 @@ declare namespace ZingchartAngular { /** * @description Sets the repeating mode for the background image. */ - 'background-repeat'?: any; + "background-repeat"?: any; /** * @description Scales the background image using the specified ratio. */ @@ -2971,7 +2971,7 @@ declare namespace ZingchartAngular { /** * @description Scales the background image using the specified ratio. */ - 'background-scale'?: any; + "background-scale"?: any; /** * @description Sets the border width of the object. Can be a single value or a string of values, setting * the values in the order "top right bottom left" @@ -2988,7 +2988,7 @@ declare namespace ZingchartAngular { * with 0.0 being completely transparent and 1.0 being completely opaque. Note that values require the leading * 0 before the decimal point. */ - 'border-alpha'?: any; + "border-alpha"?: any; /** * @description Sets the border color of the object. */ @@ -2996,7 +2996,7 @@ declare namespace ZingchartAngular { /** * @description Sets the border color of the object. */ - 'border-color'?: string; + "border-color"?: string; /** * @description Sets the object's border radius for rounded corners. Larger values create rounder corners, * while smaller values create sharper corners. A single value will affect all 4 corners; multiple values @@ -3010,7 +3010,7 @@ declare namespace ZingchartAngular { * will have separate effects on each corner, with the first value affecting the top-left corner, the second * value affecting the top-right corner, and so on, in a clockwise direction. A negative value will cut a corner off without rounding. */ - 'border-radius'?: any; + "border-radius"?: any; /** * @description Sets the border width of the object. */ @@ -3018,7 +3018,7 @@ declare namespace ZingchartAngular { /** * @description Sets the border width of the object. */ - 'border-width'?: any; + "border-width"?: any; /** * @description Sets a class value on the object. */ @@ -3034,7 +3034,7 @@ declare namespace ZingchartAngular { /** * @description Set true to enable optimization for large data set when connecting two points. */ - 'fast-vector-path'?: any; + "fast-vector-path"?: any; /** * @description Sets the angle of the axis along which the linear gradient is drawn. */ @@ -3042,7 +3042,7 @@ declare namespace ZingchartAngular { /** * @description Sets the angle of the axis along which the linear gradient is drawn. */ - 'fill-angle'?: any; + "fill-angle"?: any; /** * @description Sets an X offset to apply to the fill. */ @@ -3050,7 +3050,7 @@ declare namespace ZingchartAngular { /** * @description Sets an X offset to apply to the fill. */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; /** * @description Sets a Y offset to apply to the fill. */ @@ -3058,7 +3058,7 @@ declare namespace ZingchartAngular { /** * @description Sets a Y offset to apply to the fill. */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; /** * @description Sets the background gradient fill type to either linear or radial. */ @@ -3066,7 +3066,7 @@ declare namespace ZingchartAngular { /** * @description Sets the background gradient fill type to either linear or radial. */ - 'fill-type'?: string; + "fill-type"?: string; /** * @description Set to true disables the chart interactivity. */ @@ -3078,7 +3078,7 @@ declare namespace ZingchartAngular { /** * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. */ - 'gradient-colors'?: string; + "gradient-colors"?: string; /** * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. */ @@ -3086,7 +3086,7 @@ declare namespace ZingchartAngular { /** * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. */ - 'gradient-stops'?: string; + "gradient-stops"?: string; /** * @description Specifies the group the object is placed in. */ @@ -3114,7 +3114,7 @@ declare namespace ZingchartAngular { /** * @description Sets the stroke-linecap attribute on SVGs */ - 'line-cap'?: string; + "line-cap"?: string; /** * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. */ @@ -3122,7 +3122,7 @@ declare namespace ZingchartAngular { /** * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. */ - 'line-color'?: string; + "line-color"?: string; /** * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps between each line segment. */ @@ -3130,7 +3130,7 @@ declare namespace ZingchartAngular { /** * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps between each line segment. */ - 'line-gap-size'?: any; + "line-gap-size"?: any; /** * @description Sets the stroke-linejoin attribute on SVGs */ @@ -3138,7 +3138,7 @@ declare namespace ZingchartAngular { /** * @description Sets the stroke-linejoin attribute on SVGs */ - 'line-join'?: string; + "line-join"?: string; /** * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segment of line. */ @@ -3146,7 +3146,7 @@ declare namespace ZingchartAngular { /** * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segment of line. */ - 'line-segment-size'?: any; + "line-segment-size"?: any; /** * @description Sets the line style of the object. */ @@ -3154,7 +3154,7 @@ declare namespace ZingchartAngular { /** * @description Sets the line style of the object. */ - 'line-style'?: string; + "line-style"?: string; /** * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. */ @@ -3162,7 +3162,7 @@ declare namespace ZingchartAngular { /** * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. */ - 'line-width'?: any; + "line-width"?: any; /** * @description Sets the map id of the map on which the object/shape is being added. */ @@ -3174,7 +3174,7 @@ declare namespace ZingchartAngular { /** * @description Sets an R offset to apply when positioning the object. */ - 'offset-r'?: any; + "offset-r"?: any; /** * @description Sets an x-offset to apply when positioning the object. */ @@ -3182,7 +3182,7 @@ declare namespace ZingchartAngular { /** * @description Sets an x-offset to apply when positioning the object. */ - 'offset-x'?: any; + "offset-x"?: any; /** * @description Sets a y-offset to apply when positioning the object. */ @@ -3190,7 +3190,7 @@ declare namespace ZingchartAngular { /** * @description Sets a y-offset to apply when positioning the object. */ - 'offset-y'?: any; + "offset-y"?: any; /** * @description Sets a Z offset to apply when positioning the object. */ @@ -3198,7 +3198,7 @@ declare namespace ZingchartAngular { /** * @description Sets a Z offset to apply when positioning the object. */ - 'offset-z'?: any; + "offset-z"?: any; /** * @description Sets the object's padding around the text. */ @@ -3218,7 +3218,7 @@ declare namespace ZingchartAngular { /** * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. */ - 'shadow-alpha'?: any; + "shadow-alpha"?: any; /** * @description Sets the angle of the shadow underneath the object. */ @@ -3226,7 +3226,7 @@ declare namespace ZingchartAngular { /** * @description Sets the angle of the shadow underneath the object. */ - 'shadow-angle'?: any; + "shadow-angle"?: any; /** * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. */ @@ -3234,7 +3234,7 @@ declare namespace ZingchartAngular { /** * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. */ - 'shadow-blur'?: any; + "shadow-blur"?: any; /** * @description Sets the color of the shadow of the object. */ @@ -3242,7 +3242,7 @@ declare namespace ZingchartAngular { /** * @description Sets the color of the shadow of the object. */ - 'shadow-color'?: string; + "shadow-color"?: string; /** * @description Sets the distance between the shadow and the object. */ @@ -3250,7 +3250,7 @@ declare namespace ZingchartAngular { /** * @description Sets the distance between the shadow and the object. */ - 'shadow-distance'?: any; + "shadow-distance"?: any; /** * @description Sets the size of the object. */ @@ -3262,7 +3262,7 @@ declare namespace ZingchartAngular { /** * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. */ - 'size-2'?: any; + "size-2"?: any; /** * @description Sets the radius of the ring in chart. Accepts percentage or pixel value. */ @@ -3306,7 +3306,7 @@ declare namespace ZingchartAngular { /** * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. */ - 'z-index'?: any; + "z-index"?: any; /** * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. */ @@ -3314,7 +3314,7 @@ declare namespace ZingchartAngular { /** * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. */ - 'z-sort'?: any; + "z-sort"?: any; } interface minorGuide { /** @@ -3327,29 +3327,29 @@ declare namespace ZingchartAngular { * '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, * 15)' | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -3367,29 +3367,29 @@ declare namespace ZingchartAngular { * '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, * 15)' | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' @@ -3414,7 +3414,7 @@ declare namespace ZingchartAngular { * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp @@ -3427,39 +3427,39 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 @@ -3468,18 +3468,18 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -3487,47 +3487,47 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, @@ -3537,66 +3537,66 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -3609,12 +3609,12 @@ declare namespace ZingchartAngular { /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first @@ -3625,22 +3625,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -3654,28 +3654,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the text content of the object. "Some Text" | ... @@ -3684,19 +3684,19 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi @@ -3718,7 +3718,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... @@ -3741,7 +3741,7 @@ declare namespace ZingchartAngular { /** * @description Sets the transparency level of area in chart. */ - 'alpha-area'?: any; + "alpha-area"?: any; /** * @description Sets the rotation angle of the object. */ @@ -3753,7 +3753,7 @@ declare namespace ZingchartAngular { /** * @description Sets the end angle of a pie shape. */ - 'angle-end'?: any; + "angle-end"?: any; /** * @description Sets the beginning angle of a pie shape. */ @@ -3761,7 +3761,7 @@ declare namespace ZingchartAngular { /** * @description Sets the beginning angle of a pie shape. */ - 'angle-start'?: any; + "angle-start"?: any; /** * @description Clips the background image to the margins of the shape/box. */ @@ -3769,7 +3769,7 @@ declare namespace ZingchartAngular { /** * @description Clips the background image to the margins of the shape/box. */ - 'background-clip'?: any; + "background-clip"?: any; /** * @description Sets the background color of the object. */ @@ -3777,7 +3777,7 @@ declare namespace ZingchartAngular { /** * @description Sets the background color of the object. */ - 'background-color'?: string; + "background-color"?: string; /** * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. */ @@ -3785,7 +3785,7 @@ declare namespace ZingchartAngular { /** * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. */ - 'background-color-1'?: string; + "background-color-1"?: string; /** * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. */ @@ -3793,7 +3793,7 @@ declare namespace ZingchartAngular { /** * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. */ - 'background-color-2'?: string; + "background-color-2"?: string; /** * @description Sets the direction/s on which the background image is being "stretched". */ @@ -3801,7 +3801,7 @@ declare namespace ZingchartAngular { /** * @description Sets the direction/s on which the background image is being "stretched". */ - 'background-fit'?: string; + "background-fit"?: string; /** * @description Sets a background image for the object. Value can be a local file or a web image's location. */ @@ -3809,7 +3809,7 @@ declare namespace ZingchartAngular { /** * @description Sets a background image for the object. Value can be a local file or a web image's location. */ - 'background-image'?: string; + "background-image"?: string; /** * @description Sets the position of the background when the background-repeat value is no-repeat. */ @@ -3817,7 +3817,7 @@ declare namespace ZingchartAngular { /** * @description Sets the position of the background when the background-repeat value is no-repeat. */ - 'background-position'?: string; + "background-position"?: string; /** * @description Sets the repeating mode for the background image. */ @@ -3825,7 +3825,7 @@ declare namespace ZingchartAngular { /** * @description Sets the repeating mode for the background image. */ - 'background-repeat'?: any; + "background-repeat"?: any; /** * @description Scales the background image using the specified ratio. */ @@ -3833,7 +3833,7 @@ declare namespace ZingchartAngular { /** * @description Scales the background image using the specified ratio. */ - 'background-scale'?: any; + "background-scale"?: any; /** * @description Sets the border width of the object. */ @@ -3845,7 +3845,7 @@ declare namespace ZingchartAngular { /** * @description Sets the transparency level of the border on the object. */ - 'border-alpha'?: any; + "border-alpha"?: any; /** * @description Sets the border color of the object. */ @@ -3853,7 +3853,7 @@ declare namespace ZingchartAngular { /** * @description Sets the border color of the object. */ - 'border-color'?: string; + "border-color"?: string; /** * @description Sets the object's border radius for rounded corners. */ @@ -3861,7 +3861,7 @@ declare namespace ZingchartAngular { /** * @description Sets the object's border radius for rounded corners. */ - 'border-radius'?: any; + "border-radius"?: any; /** * @description Sets the border width of the object. */ @@ -3869,7 +3869,7 @@ declare namespace ZingchartAngular { /** * @description Sets the border width of the object. */ - 'border-width'?: any; + "border-width"?: any; /** * @description Sets a class value on the object. */ @@ -3885,7 +3885,7 @@ declare namespace ZingchartAngular { /** * @description Sets the angle of the axis along which the linear gradient is drawn. */ - 'fill-angle'?: any; + "fill-angle"?: any; /** * @description Sets an X offset to apply to the fill. */ @@ -3893,7 +3893,7 @@ declare namespace ZingchartAngular { /** * @description Sets an X offset to apply to the fill. */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; /** * @description Sets a Y offset to apply to the fill. */ @@ -3901,7 +3901,7 @@ declare namespace ZingchartAngular { /** * @description Sets a Y offset to apply to the fill. */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; /** * @description Sets the background gradient fill type to either linear or radial. */ @@ -3909,7 +3909,7 @@ declare namespace ZingchartAngular { /** * @description Sets the background gradient fill type to either linear or radial. */ - 'fill-type'?: string; + "fill-type"?: string; /** * @description Set to true disables the chart interactivity. */ @@ -3921,7 +3921,7 @@ declare namespace ZingchartAngular { /** * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. */ - 'gradient-colors'?: string; + "gradient-colors"?: string; /** * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. */ @@ -3929,7 +3929,7 @@ declare namespace ZingchartAngular { /** * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. */ - 'gradient-stops'?: string; + "gradient-stops"?: string; /** * @description Specifies the group the object is placed in. */ @@ -3945,7 +3945,7 @@ declare namespace ZingchartAngular { /** * @description Sets the hover state styles of the object. */ - 'hover-state'?: hoverState; + "hover-state"?: hoverState; /** * @description Sets the id of the object. */ @@ -3965,7 +3965,7 @@ declare namespace ZingchartAngular { /** * @description Sets the stroke-linecap attribute on SVGs */ - 'line-cap'?: string; + "line-cap"?: string; /** * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. */ @@ -3973,7 +3973,7 @@ declare namespace ZingchartAngular { /** * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. */ - 'line-color'?: string; + "line-color"?: string; /** * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. */ @@ -3981,7 +3981,7 @@ declare namespace ZingchartAngular { /** * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. */ - 'line-gap-size'?: any; + "line-gap-size"?: any; /** * @description Sets the stroke-linejoin attribute on SVGs */ @@ -3989,7 +3989,7 @@ declare namespace ZingchartAngular { /** * @description Sets the stroke-linejoin attribute on SVGs */ - 'line-join'?: string; + "line-join"?: string; /** * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. */ @@ -3997,7 +3997,7 @@ declare namespace ZingchartAngular { /** * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. */ - 'line-segment-size'?: any; + "line-segment-size"?: any; /** * @description Sets the line style of the object. */ @@ -4005,7 +4005,7 @@ declare namespace ZingchartAngular { /** * @description Sets the line style of the object. */ - 'line-style'?: string; + "line-style"?: string; /** * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. */ @@ -4013,7 +4013,7 @@ declare namespace ZingchartAngular { /** * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. */ - 'line-width'?: any; + "line-width"?: any; /** * @description Sets the map id of the map on which the object/shape is being added. */ @@ -4025,7 +4025,7 @@ declare namespace ZingchartAngular { /** * @description Sets an R offset to apply when positioning the object. */ - 'offset-r'?: any; + "offset-r"?: any; /** * @description Sets an x-offset to apply when positioning the object. */ @@ -4033,7 +4033,7 @@ declare namespace ZingchartAngular { /** * @description Sets an x-offset to apply when positioning the object. */ - 'offset-x'?: any; + "offset-x"?: any; /** * @description Sets a y-offset to apply when positioning the object. */ @@ -4041,7 +4041,7 @@ declare namespace ZingchartAngular { /** * @description Sets a y-offset to apply when positioning the object. */ - 'offset-y'?: any; + "offset-y"?: any; /** * @description Sets a Z offset to apply when positioning the object. */ @@ -4049,7 +4049,7 @@ declare namespace ZingchartAngular { /** * @description Sets a Z offset to apply when positioning the object. */ - 'offset-z'?: any; + "offset-z"?: any; /** * @description Sets the object's padding around the text. */ @@ -4069,7 +4069,7 @@ declare namespace ZingchartAngular { /** * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. */ - 'shadow-alpha'?: any; + "shadow-alpha"?: any; /** * @description Sets the angle of the shadow underneath the object. */ @@ -4077,7 +4077,7 @@ declare namespace ZingchartAngular { /** * @description Sets the angle of the shadow underneath the object. */ - 'shadow-angle'?: any; + "shadow-angle"?: any; /** * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. */ @@ -4085,7 +4085,7 @@ declare namespace ZingchartAngular { /** * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. */ - 'shadow-blur'?: any; + "shadow-blur"?: any; /** * @description Sets the color of the shadow of the object. */ @@ -4093,7 +4093,7 @@ declare namespace ZingchartAngular { /** * @description Sets the color of the shadow of the object. */ - 'shadow-color'?: string; + "shadow-color"?: string; /** * @description Sets the distance between the shadow and the object. */ @@ -4101,7 +4101,7 @@ declare namespace ZingchartAngular { /** * @description Sets the distance between the shadow and the object. */ - 'shadow-distance'?: any; + "shadow-distance"?: any; /** * @description Sets the size of the object. */ @@ -4113,7 +4113,7 @@ declare namespace ZingchartAngular { /** * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. */ - 'size-2'?: any; + "size-2"?: any; /** * @description Sets the radius of the ring in chart. Accepts percentage or pixel value. */ @@ -4157,7 +4157,7 @@ declare namespace ZingchartAngular { /** * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. */ - 'z-index'?: any; + "z-index"?: any; /** * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. */ @@ -4165,7 +4165,7 @@ declare namespace ZingchartAngular { /** * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. */ - 'z-sort'?: any; + "z-sort"?: any; } interface pageOff { /** @@ -4183,92 +4183,92 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -4278,28 +4278,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -4322,92 +4322,92 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -4417,28 +4417,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -4461,39 +4461,39 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 @@ -4502,18 +4502,18 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -4521,47 +4521,47 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 @@ -4570,39 +4570,39 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... @@ -4611,65 +4611,65 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -4683,23 +4683,23 @@ declare namespace ZingchartAngular { * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: number; + "max-width"?: number; maxWidth?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t @@ -4709,22 +4709,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -4737,18 +4737,18 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration. Similar to underline. "none" | "underline" | ... */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 @@ -4758,7 +4758,7 @@ declare namespace ZingchartAngular { * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom * " */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -4771,7 +4771,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; } interface plot { @@ -4791,81 +4791,81 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with "background-color-2". "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with "background-color-1". "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . * .. */ - 'band-space'?: number; + "band-space"?: number; bandSpace?: number; /** * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" */ - 'bar-max-width'?: number; + "bar-max-width"?: number; barMaxWidth?: number; /** * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" */ - 'bar-space'?: number; + "bar-space"?: number; barSpace?: number; /** * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" */ - 'bar-width'?: any; + "bar-width"?: any; barWidth?: any; /** * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" */ - 'bars-overlap'?: number; + "bars-overlap"?: number; barsOverlap?: number; /** * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" */ - 'bars-space-left'?: number; + "bars-space-left"?: number; barsSpaceLeft?: number; /** * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" */ - 'bars-space-right'?: number; + "bars-space-right"?: number; barsSpaceRight?: number; /** * Sets the border color of the object, applicable on closed shapes. See also "line-color" for closed shapes. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -4873,36 +4873,36 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 @@ -4911,42 +4911,42 @@ declare namespace ZingchartAngular { /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect * values through a null data point. true | false | 1 | 0 */ - 'connect-nulls'?: boolean; + "connect-nulls"?: boolean; connectNulls?: boolean; /** * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 * | 0 */ - 'contour-on-top'?: boolean; + "contour-on-top"?: boolean; contourOnTop?: boolean; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" @@ -4956,16 +4956,16 @@ declare namespace ZingchartAngular { * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost * anywhere in a chart. "Some Text" | ... */ - 'data-...'?: string; + "data-..."?: string; /** * Certain plot to add in selection tool. */ - 'data-append-selection'?: boolean; + "data-append-selection"?: boolean; dataAppendSelection?: boolean; /** * Certain plot to ignore in selection tool. */ - 'data-ignore-selection'?: boolean; + "data-ignore-selection"?: boolean; dataIgnoreSelection?: boolean; /** * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... @@ -4975,7 +4975,7 @@ declare namespace ZingchartAngular { * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | * ... */ - 'decimals-separator'?: string; + "decimals-separator"?: string; decimalsSeparator?: string; /** * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some @@ -5003,22 +5003,22 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se @@ -5029,26 +5029,26 @@ declare namespace ZingchartAngular { * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f * 0 #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with "gradient-colors". "0.1 * 0.5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also * be set. true | false | 1 | 0 */ - 'group-selections'?: boolean; + "group-selections"?: boolean; groupSelections?: boolean; /** * When set to true, it highlights the corresponding series when the user hovers over it in the legend. Note: This attribute may be used in conjunction with the "highlight-state" and/or * "highlight-marker" object(s), which allow for custom styling. * Default Value: false */ - hightlight?: boolean; + highlight?: boolean; hintTs?: boolean; /** * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] @@ -5058,75 +5058,75 @@ declare namespace ZingchartAngular { * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both * a "text":" " and "legend-text":" " to each value set "Some Text" | ... */ - 'legend-text'?: string; + "legend-text"?: string; legendText?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet * ween each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm * ent of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b * e displayed. 5 | 10 | ... */ - 'max-nodes'?: number; + "max-nodes"?: number; maxNodes?: number; /** * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'max-ratio'?: number; + "max-ratio"?: number; maxRatio?: number; /** * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the * same ratio with the value scale. 5 | 10 | ... */ - 'max-size'?: number; + "max-size"?: number; maxSize?: number; /** * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets * of data. 5 | 10 | ... */ - 'max-trackers'?: number; + "max-trackers"?: number; maxTrackers?: number; /** * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 */ - 'mid-point'?: boolean; + "mid-point"?: boolean; midPoint?: boolean; /** * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'min-ratio'?: number; + "min-ratio"?: number; minRatio?: number; /** * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the * same ratio with the value scale. 5 | 10 | ... */ - 'min-size'?: number; + "min-size"?: number; minSize?: number; /** * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 @@ -5147,21 +5147,21 @@ declare namespace ZingchartAngular { /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Pie Charts Only: Use this to transform the shape of the pie slices. */ - 'pie-transformpieTransform'?: string; + "pie-transformpieTransform"?: string; /** * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... */ - 'ref-angle'?: number; + "ref-angle"?: number; refAngle?: number; /** * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t @@ -5175,7 +5175,7 @@ declare namespace ZingchartAngular { * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. * . */ - 'sampling-step'?: number; + "sampling-step"?: number; samplingStep?: number; /** * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... @@ -5192,13 +5192,13 @@ declare namespace ZingchartAngular { * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling * . 5 | 10 | ... */ - 'scroll-step-multiplier'?: number; + "scroll-step-multiplier"?: number; scrollStepMultiplier?: number; /** * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m * arkers only. true (default) | false */ - 'segment-trackers'?: boolean; + "segment-trackers"?: boolean; segmentTrackers?: boolean; /** * To set how data points are selected on a chart. 'none' (default) prevents any selection. 'plot' allows you to select one node (or data point) per series (or dataset). 'graph' allows @@ -5206,12 +5206,12 @@ declare namespace ZingchartAngular { * allow you specify the styling attributes you want applied. * Accepted Values: ['none', 'plot', 'graph', 'multiple'] */ - 'selection-mode'?: string; + "selection-mode"?: string; selectionMode?: string; /** * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false */ - 'smart-sampling'?: boolean; + "smart-sampling"?: boolean; smartSampling?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -5221,28 +5221,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th @@ -5256,18 +5256,18 @@ declare namespace ZingchartAngular { * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | * "M" | "b" | "B" */ - 'short-unit'?: string; + "short-unit"?: string; shortUnit?: string; /** * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl * y just visible. true | false | 1 | 0 */ - 'show-zero'?: boolean; + "show-zero"?: boolean; showZero?: boolean; /** * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... */ - 'size-factor'?: number; + "size-factor"?: number; sizeFactor?: number; /** * Hole size in middle of chart @@ -5276,7 +5276,7 @@ declare namespace ZingchartAngular { /** * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... */ - 'slice-start'?: number; + "slice-start"?: number; sliceStart?: number; /** * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked @@ -5290,7 +5290,7 @@ declare namespace ZingchartAngular { /** * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" */ - 'step-start'?: string; + "step-start"?: string; stepStart?: string; /** * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... @@ -5305,13 +5305,13 @@ declare namespace ZingchartAngular { * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... */ - 'thousands-separator'?: string; + "thousands-separator"?: string; thousandsSeparator?: string; /** * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens * "Some Text" | ... */ - 'tooltip-text'?: string; + "tooltip-text"?: string; tooltipText?: string; /** * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... @@ -5324,26 +5324,26 @@ declare namespace ZingchartAngular { /** * Sets the z-axis end point on 3d charts. 10 | "10px" | ... */ - 'z-end'?: number; + "z-end"?: number; zEnd?: number; /** * Sets the z-axis start point on 3d charts. 10 | "10px" | ... */ - 'z-start'?: number; + "z-start"?: number; animation?: { - '1'?: any; - '2'?: any; - '3'?: any; - '4'?: any; - '5'?: any; - '6'?: any; - '7'?: any; - '8'?: any; - '9'?: any; - '10'?: any; - '11'?: any; - '12'?: any; - '13'?: any; + "1"?: any; + "2"?: any; + "3"?: any; + "4"?: any; + "5"?: any; + "6"?: any; + "7"?: any; + "8"?: any; + "9"?: any; + "10"?: any; + "11"?: any; + "12"?: any; + "13"?: any; /** * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... */ @@ -5352,8 +5352,8 @@ declare namespace ZingchartAngular { * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re * moving node). true (default) | false | 1 | 0 */ - 'on-change'?: boolean; - 'on-legend-toggle'?: any; + "on-change"?: boolean; + "on-legend-toggle"?: any; onLegendToggle?: any; /** * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` @@ -5366,9 +5366,9 @@ declare namespace ZingchartAngular { sequence?: number; speed?: number; }; - 'background-marker'?: backgroundMarker; + "background-marker"?: backgroundMarker; backgroundMarker?: backgroundMarker; - 'background-state'?: backgroundState; + "background-state"?: backgroundState; backgroundState?: backgroundState; error?: { /** @@ -5379,29 +5379,29 @@ declare namespace ZingchartAngular { /** * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -5418,23 +5418,23 @@ declare namespace ZingchartAngular { /** * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: any; + "background-color"?: any; backgroundColor?: any; /** * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: any; + "border-color"?: any; borderColor?: any; /** * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the height of the object. 10 | "20px" */ @@ -5442,27 +5442,26 @@ declare namespace ZingchartAngular { /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" */ width?: number; }; - 'guide-label'?: guideLabel; + "guide-label"?: guideLabel; guideLabel?: guideLabel; - highlight?: boolean; - 'highlight-marker'?: highlightMarker; + "highlight-marker"?: highlightMarker; highlightMarker?: highlightMarker; - 'highlight-state'?: highlightState; + "highlight-state"?: highlightState; highlightState?: highlightState; - 'hover-marker'?: hoverMarker; + "hover-marker"?: hoverMarker; hoverMarker?: hoverMarker; - 'hover-state'?: hoverState; + "hover-state"?: hoverState; hoverState?: hoverState; - 'legend-item'?: legendItem; + "legend-item"?: legendItem; legendItem?: legendItem; - 'legend-marker'?: legendMarker; + "legend-marker"?: legendMarker; legendMarker?: legendMarker; marker?: { /** @@ -5482,86 +5481,86 @@ declare namespace ZingchartAngular { * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " * rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between * the lines. "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin * es. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" * | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " * repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... @@ -5570,12 +5569,12 @@ declare namespace ZingchartAngular { /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -5585,28 +5584,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -5632,7 +5631,7 @@ declare namespace ZingchartAngular { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number; + "z-index"?: number; zIndex?: number; }; preview?: { @@ -5645,29 +5644,29 @@ declare namespace ZingchartAngular { * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'alpha-area'?: number; + "alpha-area"?: number; alphaArea?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 2 | 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -5679,9 +5678,9 @@ declare namespace ZingchartAngular { type?: string; }; rules?: plotRules[]; - 'selected-marker'?: selectedMarker; + "selected-marker"?: selectedMarker; selectedMarker?: selectedMarker; - 'selected-state'?: selectedState; + "selected-state"?: selectedState; selectedState?: selectedState; tooltip?: tooltip; trend?: { @@ -5695,30 +5694,30 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; }; - 'value-box'?: valueBox; + "value-box"?: valueBox; valueBox?: valueBox; } interface plotRules extends plot { @@ -5743,39 +5742,39 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 @@ -5785,23 +5784,23 @@ declare namespace ZingchartAngular { * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number; + "border-alpha"?: number; borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -5809,47 +5808,47 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 @@ -5858,12 +5857,12 @@ declare namespace ZingchartAngular { /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" @@ -5873,65 +5872,65 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -5946,13 +5945,13 @@ declare namespace ZingchartAngular { * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going @@ -5963,12 +5962,12 @@ declare namespace ZingchartAngular { /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first @@ -5979,22 +5978,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -6008,28 +6007,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the text content of the object. "Some Text" | ... @@ -6038,19 +6037,19 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded @@ -6067,7 +6066,7 @@ declare namespace ZingchartAngular { * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -6080,7 +6079,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; } interface refLine { @@ -6092,29 +6091,29 @@ declare namespace ZingchartAngular { /** * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the visibility of the object. true | false @@ -6138,76 +6137,76 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with "background-color-2". "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with "background-color-1". "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . * .. */ - 'band-space'?: number; + "band-space"?: number; bandSpace?: number; /** * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" */ - 'bar-space'?: number; + "bar-space"?: number; barSpace?: number; /** * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" */ - 'bar-width'?: any; + "bar-width"?: any; barWidth?: any; /** * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" */ - 'bars-overlap'?: number; + "bars-overlap"?: number; barsOverlap?: number; /** * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" */ - 'bars-space-left'?: number; + "bars-space-left"?: number; barsSpaceLeft?: number; /** * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" */ - 'bars-space-right'?: number; + "bars-space-right"?: number; barsSpaceRight?: number; /** * Sets the border color of the object, applicable on closed shapes. See also "line-color" for closed shapes. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -6215,36 +6214,36 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 @@ -6253,42 +6252,42 @@ declare namespace ZingchartAngular { /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 * | 0 */ - 'contour-on-top'?: boolean; + "contour-on-top"?: boolean; contourOnTop?: boolean; /** * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va * lues through a null data point. true | false | 1 | 0 */ - 'connect-nulls'?: boolean; + "connect-nulls"?: boolean; connectNulls?: boolean; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" @@ -6298,11 +6297,11 @@ declare namespace ZingchartAngular { * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost * anywhere in a chart. "Some Text" | ... */ - 'data-...'?: string; + "data-..."?: string; /** * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 */ - 'data-dragging'?: boolean; + "data-dragging"?: boolean; dataDragging?: boolean; /** * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... @@ -6312,7 +6311,7 @@ declare namespace ZingchartAngular { * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | * ... */ - 'decimals-separator'?: string; + "decimals-separator"?: string; decimalsSeparator?: string; /** * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some @@ -6332,27 +6331,27 @@ declare namespace ZingchartAngular { /** * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... */ - 'exponent-decimals'?: number; + "exponent-decimals"?: number; exponentDecimals?: number; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se @@ -6363,19 +6362,19 @@ declare namespace ZingchartAngular { * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f * 0 #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with "gradient-colors". "0.1 * 0.5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also * be set. true | false | 1 | 0 */ - 'group-selections'?: boolean; + "group-selections"?: boolean; groupSelections?: boolean; /** * Sets the ID of the object. "myid" | "f1" | ... @@ -6389,75 +6388,75 @@ declare namespace ZingchartAngular { * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both * a "text":" " and "legend-text":" " to each value set "Some Text" | ... */ - 'legend-text'?: string; + "legend-text"?: string; legendText?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet * ween each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm * ent of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b * e displayed. 5 | 10 | ... */ - 'max-nodes'?: number; + "max-nodes"?: number; maxNodes?: number; /** * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'max-ratio'?: number; + "max-ratio"?: number; maxRatio?: number; /** * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the * same ratio with the value scale. 5 | 10 | ... */ - 'max-size'?: number; + "max-size"?: number; maxSize?: number; /** * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets * of data. 5 | 10 | ... */ - 'max-trackers'?: number; + "max-trackers"?: number; maxTrackers?: number; /** * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 */ - 'mid-point'?: boolean; + "mid-point"?: boolean; midPoint?: boolean; /** * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'min-ratio'?: number; + "min-ratio"?: number; minRatio?: number; /** * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the * same ratio with the value scale. 5 | 10 | ... */ - 'min-size'?: number; + "min-size"?: number; minSize?: number; /** * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 @@ -6478,22 +6477,22 @@ declare namespace ZingchartAngular { /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} */ - 'preview-state'?: any; + "preview-state"?: any; previewState?: any; /** * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... */ - 'ref-angle'?: number; + "ref-angle"?: number; refAngle?: number; /** * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t @@ -6507,7 +6506,7 @@ declare namespace ZingchartAngular { * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. * . */ - 'sampling-step'?: number; + "sampling-step"?: number; samplingStep?: number; /** * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... @@ -6524,13 +6523,13 @@ declare namespace ZingchartAngular { * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling * . 5 | 10 | ... */ - 'scroll-step-multiplier'?: number; + "scroll-step-multiplier"?: number; scrollStepMultiplier?: number; /** * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m * arkers only. true (default) | false */ - 'segment-trackers'?: boolean; + "segment-trackers"?: boolean; segmentTrackers?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -6540,28 +6539,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th @@ -6575,23 +6574,23 @@ declare namespace ZingchartAngular { * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | * "M" | "b" | "B" */ - 'short-unit'?: string; + "short-unit"?: string; shortUnit?: string; /** * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl * y just visible. true | false | 1 | 0 */ - 'show-zero'?: boolean; + "show-zero"?: boolean; showZero?: boolean; /** * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... */ - 'size-factor'?: number; + "size-factor"?: number; sizeFactor?: number; /** * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... */ - 'slice-start'?: number; + "slice-start"?: number; sliceStart?: number; /** * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked @@ -6605,7 +6604,7 @@ declare namespace ZingchartAngular { /** * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" */ - 'step-start'?: string; + "step-start"?: string; stepStart?: string; /** * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... @@ -6620,13 +6619,13 @@ declare namespace ZingchartAngular { * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... */ - 'thousands-separator'?: string; + "thousands-separator"?: string; thousandsSeparator?: string; /** * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens * "Some Text" | ... */ - 'tooltip-text'?: string; + "tooltip-text"?: string; tooltipText?: string; /** * Sets the type of the object/shape. @@ -6646,17 +6645,17 @@ declare namespace ZingchartAngular { /** * Sets the z-axis end point on 3d charts. 10 | "10px" | ... */ - 'z-end'?: number; + "z-end"?: number; zEnd?: number; /** * Sets the z-index of the series object */ - 'z-index'?: number; + "z-index"?: number; zIndex?: number; /** * Sets the z-axis start point on 3d charts. 10 | "10px" | ... */ - 'z-start'?: number; + "z-start"?: number; zStart?: number; animation?: { /** @@ -6675,13 +6674,13 @@ declare namespace ZingchartAngular { * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re * moving node). true (default) | false | 1 | 0 */ - 'on-change'?: boolean; + "on-change"?: boolean; onChange?: boolean; /** * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 */ - 'on-legend-toggle'?: boolean; + "on-legend-toggle"?: boolean; onLegendToggle?: boolean; /** * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... @@ -6692,9 +6691,9 @@ declare namespace ZingchartAngular { */ speed?: number; }; - 'background-marker'?: backgroundMarker; + "background-marker"?: backgroundMarker; backgroundMarker?: backgroundMarker; - 'background-state'?: backgroundState; + "background-state"?: backgroundState; backgroundState?: backgroundState; error?: { /** @@ -6705,29 +6704,29 @@ declare namespace ZingchartAngular { /** * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -6744,23 +6743,23 @@ declare namespace ZingchartAngular { /** * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: any; + "background-color"?: any; backgroundColor?: any; /** * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: any; + "border-color"?: any; borderColor?: any; /** * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the height of the object. 10 | "20px" */ @@ -6768,22 +6767,22 @@ declare namespace ZingchartAngular { /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; }; - 'guide-label'?: guideLabel; + "guide-label"?: guideLabel; guideLabel?: guideLabel; - 'highlight-marker'?: highlightMarker; + "highlight-marker"?: highlightMarker; highlightMarker?: highlightMarker; - 'highlight-state'?: highlightState; + "highlight-state"?: highlightState; highlightState?: highlightState; - 'hover-marker'?: hoverMarker; + "hover-marker"?: hoverMarker; hoverMarker?: hoverMarker; - 'hover-state'?: hoverState; + "hover-state"?: hoverState; hoverState?: hoverState; - 'legend-item'?: legendItem; + "legend-item"?: legendItem; legendItem?: legendItem; - 'legend-marker'?: legendMarker; + "legend-marker"?: legendMarker; legendMarker?: legendMarker; marker?: { /** @@ -6803,49 +6802,49 @@ declare namespace ZingchartAngular { * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " * rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between * the lines. "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin * es. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" * | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " * repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -6853,49 +6852,49 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. * 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the text's font size of the marker. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... @@ -6904,12 +6903,12 @@ declare namespace ZingchartAngular { /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -6919,28 +6918,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -6949,7 +6948,7 @@ declare namespace ZingchartAngular { /** * Sets the character used to separate thousands. "," | "." | " " | ... */ - 'thousands-separator'?: string; + "thousands-separator"?: string; thousandsSeparator?: string; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g @@ -6971,7 +6970,7 @@ declare namespace ZingchartAngular { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number; + "z-index"?: number; zIndex?: number; }; preview?: { @@ -6984,29 +6983,29 @@ declare namespace ZingchartAngular { * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'alpha-area'?: number; + "alpha-area"?: number; alphaArea?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 2 | 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -7027,19 +7026,19 @@ declare namespace ZingchartAngular { */ rule?: string; }>; - 'selected-marker'?: selectedMarker; + "selected-marker"?: selectedMarker; selectedMarker?: selectedMarker; - 'selected-state'?: selectedState; + "selected-state"?: selectedState; selectedState?: selectedState; text?: string; tooltip?: tooltip; - 'trend-down'?: trendDown; + "trend-down"?: trendDown; trendDown?: trendDown; - 'trend-equal'?: trendEqual; + "trend-equal"?: trendEqual; trendEqual?: trendEqual; - 'trend-up'?: trendUp; + "trend-up"?: trendUp; trendUp?: trendUp; - 'value-box'?: valueBox; + "value-box"?: valueBox; valueBox?: valueBox; values?: any; } @@ -7076,22 +7075,22 @@ declare namespace ZingchartAngular { /** * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the visibility of the object. true | false @@ -7106,17 +7105,17 @@ declare namespace ZingchartAngular { /** * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; }>; }; @@ -7129,55 +7128,55 @@ declare namespace ZingchartAngular { /** * Sets the angle of the object. -45 | 30 | 120 | ... */ - angle?: number + angle?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699' * , '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15 * , 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number; + "font-size"?: number; fontSize?: number; /** * Sets the font style of the object. 'italic' | 'normal' */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the font weight of the object. 'bold' | 'normal' */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets the padding of the object 3 | '5px' | '10px' | ... @@ -7187,7 +7186,7 @@ declare namespace ZingchartAngular { * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; }; tick?: { @@ -7199,17 +7198,17 @@ declare namespace ZingchartAngular { /** * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 4 | '6px' | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' @@ -7238,39 +7237,39 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. @@ -7281,23 +7280,23 @@ declare namespace ZingchartAngular { * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number; + "border-alpha"?: number; borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -7305,47 +7304,47 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 @@ -7354,7 +7353,7 @@ declare namespace ZingchartAngular { /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" @@ -7364,66 +7363,66 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | * "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -7438,17 +7437,17 @@ declare namespace ZingchartAngular { * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first @@ -7459,22 +7458,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -7488,28 +7487,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... @@ -7518,19 +7517,19 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded @@ -7547,7 +7546,7 @@ declare namespace ZingchartAngular { * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -7560,7 +7559,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; } interface scaleR { @@ -7572,7 +7571,7 @@ declare namespace ZingchartAngular { /** * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... */ - 'minor-ticks'?: number; + "minor-ticks"?: number; minorTicks?: number; aperture?: number; /** @@ -7590,19 +7589,19 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699' * , '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15 * , 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the size of the pivot point. 4 | "6px" | ... @@ -7636,24 +7635,24 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the line color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699', * '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, * 15)' | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the visibility of the object. true | false @@ -7675,49 +7674,49 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699' * , '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15 * , 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number; + "font-size"?: number; fontSize?: number; /** * Sets the font style of the object. 'italic' | 'normal' */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the font weight of the object. 'bold' | 'normal' */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - @@ -7732,7 +7731,7 @@ declare namespace ZingchartAngular { * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the visibility of the object. @@ -7750,51 +7749,51 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699' * , '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15 * , 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the line color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699', * '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, * 15)' | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets an ending offset for the scale marker. 0.1 | ... */ - 'offset-end'?: any; + "offset-end"?: any; offsetEnd?: any; /** * Sets a starting offset for the scale marker. 0.5 | ... */ - 'offset-start'?: any; + "offset-start"?: any; offsetStart?: any; /** * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m @@ -7820,54 +7819,54 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699' * , '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15 * , 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number; + "font-size"?: number; fontSize?: number; /** * Sets the font style of the object. 'italic' | 'normal' */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the font weight of the object. 'bold' | 'normal' */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - @@ -7881,13 +7880,13 @@ declare namespace ZingchartAngular { /** * Sets the text alignment of the object. 'left' | 'center' | 'right' */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the width of the object. 50 | '200px' | ... @@ -7895,9 +7894,9 @@ declare namespace ZingchartAngular { width?: number; }; }>; - 'minor-guide'?: minorGuide; + "minor-guide"?: minorGuide; minorGuide?: minorGuide; - 'minor-tick'?: minorTick; + "minor-tick"?: minorTick; minorTick?: minorTick; ring?: { /** @@ -7910,24 +7909,24 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699' * , '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15 * , 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the size of the object. 30 | '40px' | ... @@ -7944,24 +7943,24 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699' * , '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15 * , 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the size of the object. 30 | '40px' | ... @@ -7980,17 +7979,17 @@ declare namespace ZingchartAngular { * '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, * 15)' | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' @@ -8037,22 +8036,22 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the visibility of the object. true | false @@ -8067,7 +8066,7 @@ declare namespace ZingchartAngular { /** * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; }>; }; item?: { @@ -8085,49 +8084,49 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699' * , '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15 * , 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number; + "font-size"?: number; fontSize?: number; /** * Sets the font style of the object. 'italic' | 'normal' */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the font weight of the object. 'bold' | 'normal' */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets the padding of the object 3 | '5px' | '10px' | ... @@ -8137,10 +8136,10 @@ declare namespace ZingchartAngular { * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; }; - 'ref-line'?: refLine; + "ref-line"?: refLine; refLine?: refLine; tick?: { /** @@ -8151,17 +8150,17 @@ declare namespace ZingchartAngular { /** * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 4 | '6px' | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' @@ -8182,7 +8181,7 @@ declare namespace ZingchartAngular { /** * true | false | 1 | 0 */ - 'auto-fit'?: boolean; + "auto-fit"?: boolean; autoFit?: boolean; itemsOverlap?: boolean; /** @@ -8193,7 +8192,7 @@ declare namespace ZingchartAngular { /** * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... */ - 'exponent-decimals'?: number; + "exponent-decimals"?: number; exponentDecimals?: number; /** * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' @@ -8202,23 +8201,23 @@ declare namespace ZingchartAngular { /** * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E * | 10 | 2 | ... */ - 'log-base'?: any; + "log-base"?: any; logBase?: any; /** * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... @@ -8227,55 +8226,55 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom margin. 4 | '6px' | ... */ - 'margin-bottom'?: any; + "margin-bottom"?: any; marginBottom?: any; /** * Sets the object's left margin. 4 | '6px' | ... */ - 'margin-left'?: any; + "margin-left"?: any; marginLeft?: any; /** * Sets the object's right margin. 4 | '6px' | ... */ - 'margin-right'?: any; + "margin-right"?: any; marginRight?: any; /** * Sets the object's top margin. 4 | '6px' | ... */ - 'margin-top'?: any; + "margin-top"?: any; marginTop?: any; /** * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... */ - 'max-items'?: number; + "max-items"?: number; maxItems?: number; /** * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... */ - 'max-labels'?: number; + "max-labels"?: number; maxLabels?: number; /** * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... */ - 'max-ticks'?: number; + "max-ticks"?: number; maxTicks?: number; /** * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... */ - 'max-value'?: number; + "max-value"?: number; maxValue?: number; /** * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... */ - 'min-value'?: number; + "min-value"?: number; minValue?: number; /** * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino * r tick marks and/or guides. 5 | 10 | ... */ - 'minor-ticks'?: number; + "minor-ticks"?: number; minorTicks?: number; /** * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 @@ -8289,18 +8288,18 @@ declare namespace ZingchartAngular { * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. * 4 | '6px' | '5%' | 35%' | ... */ - 'offset-end'?: any; + "offset-end"?: any; offsetEnd?: any; /** * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 * | '6px' | '5%' | '35%' | ... */ - 'offset-start'?: any; + "offset-start"?: any; offsetStart?: any; /** * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets the placement of the scale object. 'default' | 'opposite' @@ -8313,17 +8312,17 @@ declare namespace ZingchartAngular { /** * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... */ - 'ref-angle'?: number; + "ref-angle"?: number; refAngle?: number; /** * To set the value the reference line is drawn at. 1 | 5 | 10 | ... */ - 'ref-value'?: number; + "ref-value"?: number; refValue?: number; /** * 5 | 10 | ... */ - 'scale-factor'?: number; + "scale-factor"?: number; scaleFactor?: number; /** * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa @@ -8333,12 +8332,12 @@ declare namespace ZingchartAngular { /** * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB */ - 'short-unit'?: string; + "short-unit"?: string; shortUnit?: string; /** * ['A', 'B'] | ... */ - 'show-labels'?: any; + "show-labels"?: any; showLabels?: any; /** * Sets the value of each step along an axis. @@ -8349,7 +8348,7 @@ declare namespace ZingchartAngular { * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. * Default Value: null */ - 'thousands-separator'?: string; + "thousands-separator"?: string; thousandsSeparator?: string; /** * Sets the size of the object/shape. 4 | '6px' | ... @@ -8375,7 +8374,7 @@ declare namespace ZingchartAngular { * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def * ault, zoom-snap is set to false. true | false | 1 | 0 */ - 'zoom-snap'?: boolean; + "zoom-snap"?: boolean; zoomSnap?: boolean; guide?: { /** @@ -8386,49 +8385,49 @@ declare namespace ZingchartAngular { * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow * " | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da * shdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" * | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -8443,17 +8442,17 @@ declare namespace ZingchartAngular { /** * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any + "border-width"?: any; }>; }; item?: { @@ -8472,39 +8471,39 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a two-color background gradient of the object. To be used with background-color-2. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a two-color background gradient of the object. To be used with background-color-1. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 @@ -8513,18 +8512,18 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -8532,48 +8531,48 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -8581,39 +8580,39 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, @@ -8623,66 +8622,66 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -8695,29 +8694,29 @@ declare namespace ZingchartAngular { /** * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 */ - 'lock-rotation'?: boolean; + "lock-rotation"?: boolean; lockRotation?: boolean; /** * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first @@ -8728,22 +8727,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -8756,19 +8755,19 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi @@ -8786,7 +8785,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; }; items?: Array<{ @@ -8805,39 +8804,39 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a two-color background gradient of the object. To be used with background-color-2. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a two-color background gradient of the object. To be used with background-color-1. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 @@ -8846,18 +8845,18 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -8865,48 +8864,48 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -8914,39 +8913,39 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, @@ -8956,66 +8955,66 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -9028,29 +9027,29 @@ declare namespace ZingchartAngular { /** * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 */ - 'lock-rotation'?: boolean; + "lock-rotation"?: boolean; lockRotation?: boolean; /** * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first @@ -9061,22 +9060,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -9089,19 +9088,19 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi @@ -9119,7 +9118,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; }>; label?: { @@ -9139,39 +9138,39 @@ declare namespace ZingchartAngular { * g. "#FF0000", "#0000FF", "#FFFF00"), or in RGB notation (e.g. "rgb(255,0,0)", "rgb(0,0,255)", "rgb(255,255,0)"). In the scale-x / * scale-y label. See the red text. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the red text. Works f * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not in the scale-x / scale-y label. See the red text. true | false | 1 @@ -9181,18 +9180,18 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -9200,48 +9199,48 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -9249,39 +9248,39 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the object's font color. Similar to font-color. For the scale-x / scale-y label. See the red text. "none" | "transparent" | " @@ -9292,67 +9291,67 @@ declare namespace ZingchartAngular { * Sets the angle of the axis along which the linear gradient is drawn. For the scale-x / scale-y label. See the red text. -45 | 115 * | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " * radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. For the scale-x / scale-y label. See the red text. "none" | "transparent" | "#f00" * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. For the scale-x / scale-y label. See the red text. Works with output canvas and svg. 10 | "20px" | 0.3 | @@ -9367,29 +9366,29 @@ declare namespace ZingchartAngular { /** * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. */ - 'lock-rotation'?: boolean; + "lock-rotation"?: boolean; lockRotation?: boolean; /** * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "...". For the scale-x / scale-y label. See the red text. 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first @@ -9400,22 +9399,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -9428,18 +9427,18 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 @@ -9456,7 +9455,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; }; labels?: any; @@ -9476,130 +9475,130 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" */ - 'label-alignment'?: string; + "label-alignment"?: string; labelAlignment?: string; /** * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" */ - 'label-placement'?: string; + "label-placement"?: string; labelPlacement?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott @@ -9623,28 +9622,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" @@ -9655,7 +9654,7 @@ declare namespace ZingchartAngular { * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | * 0 */ - 'value-range'?: boolean; + "value-range"?: boolean; valueRange?: boolean; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -9676,54 +9675,54 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699' * , '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15 * , 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number; + "font-size"?: number; fontSize?: number; /** * Sets the font style of the object. 'italic' | 'normal' */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the font weight of the object. 'bold' | 'normal' */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... @@ -9732,13 +9731,13 @@ declare namespace ZingchartAngular { /** * Sets the text alignment of the object. 'left' | 'center' | 'right' */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the width of the object. 50 | '200px' | ... @@ -9746,9 +9745,9 @@ declare namespace ZingchartAngular { width?: number; }; }>; - 'minor-guide'?: minorGuide; + "minor-guide"?: minorGuide; minorGuide?: minorGuide; - 'minor-tick'?: minorTick; + "minor-tick"?: minorTick; minorTick?: refLine; refLine?: refLine; rules?: Array<{ @@ -9767,29 +9766,29 @@ declare namespace ZingchartAngular { * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Determines the placement of tick marks along an axis line. inner | cross | outer @@ -9804,28 +9803,28 @@ declare namespace ZingchartAngular { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. Has limited effect on HTML5 im * plementation. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -9851,23 +9850,23 @@ declare namespace ZingchartAngular { * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. */ all?: string; - '`%A`'?: any; - '`%a`'?: any; - '`%D`'?: any; - '`%d`'?: any; - '`%dd`'?: any; - '`%G`'?: any; - '`%g`'?: any; - '`%H`'?: any; - '`%h`'?: any; - '`%i`'?: any; - '`%M`'?: any; - '`%m`'?: any; - '`%mm`'?: any; - '`%q`'?: any; - '`%s`'?: any; - '`%Y`'?: any; - '`%y`'?: any; + "`%A`"?: any; + "`%a`"?: any; + "`%D`"?: any; + "`%d`"?: any; + "`%dd`"?: any; + "`%G`"?: any; + "`%g`"?: any; + "`%H`"?: any; + "`%h`"?: any; + "`%i`"?: any; + "`%M`"?: any; + "`%m`"?: any; + "`%mm`"?: any; + "`%q`"?: any; + "`%s`"?: any; + "`%Y`"?: any; + "`%y`"?: any; guide?: { /** * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... @@ -9877,19 +9876,19 @@ declare namespace ZingchartAngular { * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow * " | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da * shdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" * | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -9912,39 +9911,39 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 @@ -9953,18 +9952,18 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -9972,48 +9971,48 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -10021,39 +10020,39 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Cuts off extra text. Use with width. true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, @@ -10063,66 +10062,66 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -10136,40 +10135,40 @@ declare namespace ZingchartAngular { * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first @@ -10180,22 +10179,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -10209,28 +10208,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the text content of the object. "Some Text" | ... @@ -10239,19 +10238,19 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi @@ -10262,7 +10261,7 @@ declare namespace ZingchartAngular { * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -10275,7 +10274,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; }; /** @@ -10297,7 +10296,7 @@ declare namespace ZingchartAngular { /** * true | false | 1 | 0 */ - 'auto-fit'?: boolean; + "auto-fit"?: boolean; autoFit?: boolean; /** * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the @@ -10308,7 +10307,7 @@ declare namespace ZingchartAngular { * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' * .' | ',' | ... */ - 'decimals-separator'?: string; + "decimals-separator"?: string; decimalsSeparator?: string; /** * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true @@ -10318,7 +10317,7 @@ declare namespace ZingchartAngular { /** * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... */ - 'exponent-decimals'?: number; + "exponent-decimals"?: number; exponentDecimals?: number; /** * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... @@ -10327,7 +10326,7 @@ declare namespace ZingchartAngular { /** * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 */ - 'items-overlap'?: boolean; + "items-overlap"?: boolean; itemsOverlap?: boolean; /** * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default @@ -10341,35 +10340,35 @@ declare namespace ZingchartAngular { /** * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | '6px' | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | '6px' | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the width of the axis line. 4 | '6px' | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E * | 10 | 2 | ... */ - 'log-base'?: any; + "log-base"?: any; logBase?: any; /** * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... @@ -10378,55 +10377,55 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom margin. 4 | '6px' | ... */ - 'margin-bottom'?: any; + "margin-bottom"?: any; marginBottom?: any; /** * Sets the object's left margin. 4 | '6px' | ... */ - 'margin-left'?: any; + "margin-left"?: any; marginLeft?: any; /** * Sets the object's right margin. 4 | '6px' | ... */ - 'margin-right'?: any; + "margin-right"?: any; marginRight?: any; /** * Sets the object's top margin. 4 | '6px' | ... */ - 'margin-top'?: any; + "margin-top"?: any; marginTop?: any; /** * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... */ - 'max-items'?: number; + "max-items"?: number; maxItems?: number; /** * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... */ - 'max-labels'?: number; + "max-labels"?: number; maxLabels?: number; /** * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... */ - 'max-ticks'?: number; + "max-ticks"?: number; maxTicks?: number; /** * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... */ - 'max-value'?: number; + "max-value"?: number; maxValue?: number; /** * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... */ - 'min-value'?: number; + "min-value"?: number; minValue?: number; /** * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino * r tick marks and/or guides. 5 | 10 | ... */ - 'minor-ticks'?: number; + "minor-ticks"?: number; minorTicks?: number; /** * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 @@ -10450,23 +10449,23 @@ declare namespace ZingchartAngular { * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 * | '6px' | '5%' | 35%' | ... */ - 'offset-end'?: any; + "offset-end"?: any; offsetEnd?: any; /** * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. * 4 | '6px' | '5%' | 35%' | ... */ - 'offset-start'?: any; + "offset-start"?: any; offsetStart?: any; /** * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the placement of the scale object. 'default' | 'opposite' @@ -10479,17 +10478,17 @@ declare namespace ZingchartAngular { /** * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... */ - 'ref-angle'?: number; + "ref-angle"?: number; refAngle?: number; /** * To set the value the reference line is drawn at. 5 | 10 | ... */ - 'ref-value'?: number; + "ref-value"?: number; refValue?: number; /** * Sets the scale of the y axis 5 | 10 | ... */ - 'scale-factor'?: number; + "scale-factor"?: number; scaleFactor?: number; /** * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa @@ -10499,12 +10498,12 @@ declare namespace ZingchartAngular { /** * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB */ - 'short-unit'?: string; + "short-unit"?: string; shortUnit?: string; /** * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... */ - 'show-labels'?: any; + "show-labels"?: any; showLabels?: any; /** * Sets the size of the object/shape. 4 | '6px' | ... @@ -10513,7 +10512,7 @@ declare namespace ZingchartAngular { /** * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' */ - 'size-factor'?: string; + "size-factor"?: string; sizeFactor?: string; /** * Sets the value of each step along an axis. @@ -10522,7 +10521,7 @@ declare namespace ZingchartAngular { /** * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... */ - 'thousands-separator'?: string; + "thousands-separator"?: string; thousandsSeparator?: string; /** * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v @@ -10544,7 +10543,7 @@ declare namespace ZingchartAngular { * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def * ault, zoom-snap is set to false. true | false | 1 | 0 */ - 'zoom-snap'?: boolean; + "zoom-snap"?: boolean; zoomSnap?: boolean; guide?: { /** @@ -10555,49 +10554,49 @@ declare namespace ZingchartAngular { * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow * " | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da * shdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" * | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -10612,24 +10611,24 @@ declare namespace ZingchartAngular { /** * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any + "border-width"?: any; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; }>; }; @@ -10649,39 +10648,39 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a two-color background gradient of the object. To be used with background-color-2. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a two-color background gradient of the object. To be used with background-color-1. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 @@ -10690,18 +10689,18 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -10709,48 +10708,48 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -10758,39 +10757,39 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, @@ -10800,66 +10799,66 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -10872,29 +10871,29 @@ declare namespace ZingchartAngular { /** * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 */ - 'lock-rotation'?: boolean; + "lock-rotation"?: boolean; lockRotation?: boolean; /** * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first @@ -10905,22 +10904,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -10933,19 +10932,19 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi @@ -10963,7 +10962,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; }; label?: { @@ -10983,39 +10982,39 @@ declare namespace ZingchartAngular { * g. "#FF0000", "#0000FF", "#FFFF00"), or in RGB notation (e.g. "rgb(255,0,0)", "rgb(0,0,255)", "rgb(255,255,0)"). In the scale-x / * scale-y label. See the red text. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the red text. Works f * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not in the scale-x / scale-y label. See the red text. true | false | 1 @@ -11025,18 +11024,18 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -11044,48 +11043,48 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -11093,39 +11092,39 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the object's font color. Similar to font-color. For the scale-x / scale-y label. See the red text. "none" | "transparent" | " @@ -11136,67 +11135,67 @@ declare namespace ZingchartAngular { * Sets the angle of the axis along which the linear gradient is drawn. For the scale-x / scale-y label. See the red text. -45 | 115 * | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " * radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. For the scale-x / scale-y label. See the red text. "none" | "transparent" | "#f00" * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. For the scale-x / scale-y label. See the red text. Works with output canvas and svg. 10 | "20px" | 0.3 | @@ -11211,29 +11210,29 @@ declare namespace ZingchartAngular { /** * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. */ - 'lock-rotation'?: boolean; + "lock-rotation"?: boolean; lockRotation?: boolean; /** * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "...". For the scale-x / scale-y label. See the red text. 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first @@ -11244,22 +11243,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -11272,18 +11271,18 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 @@ -11300,7 +11299,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; }; markers?: Array<{ @@ -11319,130 +11318,130 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" */ - 'label-alignment'?: string; + "label-alignment"?: string; labelAlignment?: string; /** * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" */ - 'label-placement'?: string; + "label-placement"?: string; labelPlacement?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott @@ -11466,28 +11465,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" @@ -11498,7 +11497,7 @@ declare namespace ZingchartAngular { * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | * 0 */ - 'value-range'?: boolean; + "value-range"?: boolean; valueRange?: boolean; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -11519,54 +11518,54 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699' * , '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15 * , 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number; + "font-size"?: number; fontSize?: number; /** * Sets the font style of the object. 'italic' | 'normal' */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the font weight of the object. 'bold' | 'normal' */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... @@ -11575,13 +11574,13 @@ declare namespace ZingchartAngular { /** * Sets the text alignment of the object. 'left' | 'center' | 'right' */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the width of the object. 50 | '200px' | ... @@ -11589,11 +11588,11 @@ declare namespace ZingchartAngular { width?: number; }; }>; - 'minor-guide'?: minorGuide; + "minor-guide"?: minorGuide; minorGuide?: minorGuide; - 'minor-tick'?: minorTick; + "minor-tick"?: minorTick; minorTick?: minorTick; - 'ref-line'?: refLine; + "ref-line"?: refLine; refLine?: refLine; rules?: Array<{ /** @@ -11611,29 +11610,29 @@ declare namespace ZingchartAngular { * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Determines the placement of tick marks along an axis line. inner | cross | outer @@ -11648,28 +11647,28 @@ declare namespace ZingchartAngular { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. Has limited effect on HTML5 im * plementation. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -11715,12 +11714,12 @@ declare namespace ZingchartAngular { /** * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; bar?: { /** @@ -11733,13 +11732,13 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p * x 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -11761,37 +11760,37 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s * tring. "1px solid green" | "3px dotted purple" | ... */ - 'border-bottom'?: any; + "border-bottom"?: any; borderBottom?: any; /** * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str * ing. "1px solid green" | "3px dotted purple" | ... */ - 'border-left'?: any; + "border-left"?: any; borderLeft?: any; /** * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p * x 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st * ring. "1px solid green" | "3px dotted purple" | ... */ - 'border-right'?: any; + "border-right"?: any; borderRight?: any; /** * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri * ng. "1px solid green" | "3px dotted purple" | ... */ - 'border-top'?: any; + "border-top"?: any; borderTop?: any; /** * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -11820,87 +11819,87 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -11910,28 +11909,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -11966,92 +11965,92 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -12061,28 +12060,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; } interface theme { @@ -12110,107 +12109,107 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | * ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% * 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number; + "border-alpha"?: number; borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 @@ -12219,42 +12218,42 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px * " | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. For graph plot tooltip. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " * bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" * | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 @@ -12268,69 +12267,69 @@ declare namespace ZingchartAngular { /** * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... */ - 'decimals-separator'?: string; + "decimals-separator"?: string; decimalsSeparator?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the font style of the object text. "normal" | "italic" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the font weight of the object text. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p * lot tooltip. "#f00 #0f0 #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra * ph plot tooltip. "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... @@ -12339,7 +12338,7 @@ declare namespace ZingchartAngular { /** * To create HTML plot labels, set the value to `true`, and then in the attribute, provide your HTML markup. */ - 'html-mode'?: boolean; + "html-mode"?: boolean; htmlMode?: boolean; /** * Sets the item id of the map on which the object/shape is being added. "itemid" | ... @@ -12356,65 +12355,65 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - 'margin-bottom'?: any; + "margin-bottom"?: any; marginBottom?: any; /** * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - 'margin-left'?: any; + "margin-left"?: any; marginLeft?: any; /** * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - 'margin-right'?: any; + "margin-right"?: any; marginRight?: any; /** * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - 'margin-top'?: any; + "margin-top"?: any; marginTop?: any; /** * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." For graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the padding around the object text. "10%" | "25px" ... */ padding?: any; - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O @@ -12439,28 +12438,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s @@ -12475,12 +12474,12 @@ declare namespace ZingchartAngular { * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the character used to separate thousands. "," | "." | " " | ... */ - 'thousands-separator'?: string; + "thousands-separator"?: string; thousandsSeparator?: string; /** * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t @@ -12504,12 +12503,12 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number; + "z-index"?: number; zIndex?: number; } interface tooltipRules extends tooltip { @@ -12533,27 +12532,27 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; } interface trendEqual { @@ -12567,27 +12566,27 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; } interface trendUp { @@ -12601,27 +12600,27 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; } interface valueBox { @@ -12642,58 +12641,58 @@ declare namespace ZingchartAngular { * will, by default, create a horizontal gradient. For more complex gradients, use "gradient-colors" and "gradient-stops". "none" | " * transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . * .. */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number; + "border-alpha"?: number; borderAlpha?: number; /** * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. * . */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 @@ -12706,80 +12705,80 @@ declare namespace ZingchartAngular { /** * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... */ - 'decimals-separator'?: string; + "decimals-separator"?: string; decimalsSeparator?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the object. 5 | "10px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets a Y offset to apply to the object. 5 | "10px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red * yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the font size of the value box text. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works * with output svg. "#f00 #0f0 #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu * te. Works with output svg. "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets an X offset to apply when positioning the object. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... @@ -12806,12 +12805,12 @@ declare namespace ZingchartAngular { * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the character used to separate thousands. "," | "." | " " | ... */ - 'thousands-separator'?: string; + "thousands-separator"?: string; thousandsSeparator?: string; /** * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max @@ -12832,17 +12831,17 @@ declare namespace ZingchartAngular { /** * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; }; joined?: { @@ -12856,32 +12855,32 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... @@ -12903,32 +12902,32 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... @@ -12961,59 +12960,59 @@ declare namespace ZingchartAngular { /** * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the font size of the object. 12 | "20px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the font weight of the object. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... */ - 'line-width'?: number; + "line-width"?: number; } interface gui { /** * To create custom context menu items */ behaviors?: behavior[]; - 'context-menu'?: contextMenuGui; + "context-menu"?: contextMenuGui; contextMenu?: contextMenuGui; } interface graphset { @@ -13027,22 +13026,22 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... @@ -13051,7 +13050,7 @@ declare namespace ZingchartAngular { /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * The type of the chart "line" | "bar"... @@ -13061,7 +13060,7 @@ declare namespace ZingchartAngular { * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ width?: number | string; - '3d-aspect'?: { + "3d-aspect"?: { /** * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 * | 10 | ... @@ -13078,17 +13077,17 @@ declare namespace ZingchartAngular { /** * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'x-angle'?: number; + "x-angle"?: number; xAngle?: number; /** * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'y-angle'?: number; + "y-angle"?: number; yAngle?: number; /** * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'z-angle'?: number; + "z-angle"?: number; zAngle?: number; /** * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima @@ -13096,7 +13095,7 @@ declare namespace ZingchartAngular { */ zoom?: number; }; - '3dAspect'?: { + "3dAspect"?: { /** * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 * | 10 | ... @@ -13113,17 +13112,17 @@ declare namespace ZingchartAngular { /** * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'x-angle'?: number; + "x-angle"?: number; xAngle?: number; /** * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'y-angle'?: number; + "y-angle"?: number; yAngle?: number; /** * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'z-angle'?: number; + "z-angle"?: number; zAngle?: number; /** * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima @@ -13135,22 +13134,22 @@ declare namespace ZingchartAngular { /** * Sets the text's font angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the arrow's label font size. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... @@ -13176,51 +13175,51 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the direction of the arrow "top" | "bottom" | "left" | "right" */ @@ -13228,34 +13227,34 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the length of the arrow. 50 | 100 | ... @@ -13264,17 +13263,17 @@ declare namespace ZingchartAngular { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -13284,28 +13283,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -13327,13 +13326,13 @@ declare namespace ZingchartAngular { * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. * 10 | 56 | ... */ - 'offset-x'?: number; + "offset-x"?: number; offsetX?: number; /** * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 * 0 | 56 | ... */ - 'offset-y'?: number; + "offset-y"?: number; offsetY?: number; /** * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart @@ -13358,13 +13357,13 @@ declare namespace ZingchartAngular { * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | * ... */ - 'offset-x'?: number; + "offset-x"?: number; offsetX?: number; /** * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . * .. */ - 'offset-y'?: number; + "offset-y"?: number; offsetY?: number; /** * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 @@ -13392,34 +13391,34 @@ declare namespace ZingchartAngular { /** * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ - 'reverse-series'?: boolean; + "reverse-series"?: boolean; reverseSeries?: boolean; /** * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t @@ -13453,19 +13452,19 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -13480,14 +13479,14 @@ declare namespace ZingchartAngular { */ visible?: boolean; }; - 'plot-label'?: plotLabel; + "plot-label"?: plotLabel; plotLabel?: plotLabel; - 'scale-label'?: scaleLabel; + "scale-label"?: scaleLabel; scaleLabel?: scaleLabel; }; - 'crosshair-x'?: crosshairX; + "crosshair-x"?: crosshairX; crosshairX?: crosshairX; - 'crosshair-y'?: crosshairY; + "crosshair-y"?: crosshairY; crosshairY?: crosshairY; csv?: { /** @@ -13501,13 +13500,13 @@ declare namespace ZingchartAngular { * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... */ - 'data-string'?: string; + "data-string"?: string; dataString?: string; /** * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t * rue | false | 1 | 0 */ - 'horizontal-labels'?: boolean; + "horizontal-labels"?: boolean; horizontalLabels?: boolean; /** * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f @@ -13518,12 +13517,12 @@ declare namespace ZingchartAngular { * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " * _" | "&" | "\r\n" | ... */ - 'row-separator'?: string; + "row-separator"?: string; rowSeparator?: string; /** * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 */ - 'separate-scales'?: boolean; + "separate-scales"?: boolean; separateScales?: boolean; /** * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... @@ -13533,7 +13532,7 @@ declare namespace ZingchartAngular { * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 */ - 'smart-scales'?: boolean; + "smart-scales"?: boolean; smartScales?: boolean; /** * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look @@ -13549,7 +13548,7 @@ declare namespace ZingchartAngular { /** * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 */ - 'vertical-labels'?: boolean; + "vertical-labels"?: boolean; verticalLabels?: boolean; }; heatmap?: { @@ -13569,7 +13568,7 @@ declare namespace ZingchartAngular { /** * Sets the type of blur shape. "circle" | "square" | ... */ - 'brush-typebrushType'?: string; + "brush-typebrushType"?: string; /** * Sets the blur shapes to composite or not. true | false | 1 | 0 */ @@ -13581,16 +13580,16 @@ declare namespace ZingchartAngular { /** * Sets whether or not the data is sorted. true | false | 1 | 0 */ - 'sort-datasortData'?: boolean; + "sort-datasortData"?: boolean; graph?: { /** * Sets the key-scale value "scale-k" | "scale-v" | ... */ - 'key-scalekeyScale'?: string; + "key-scalekeyScale"?: string; /** * Sets the value-scale value "scale-x" | "scale-y" | ... */ - 'val-scalevalScale'?: string; + "val-scalevalScale"?: string; }; tooltip?: tooltip; }; @@ -13606,55 +13605,55 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -13662,48 +13661,48 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -13711,66 +13710,66 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -13780,28 +13779,28 @@ declare namespace ZingchartAngular { * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes @@ -13816,28 +13815,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -13858,14 +13857,14 @@ declare namespace ZingchartAngular { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number; + "z-index"?: number; }>; labels?: label[]; legend?: { /** * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 */ - 'adjust-layout'?: boolean; + "adjust-layout"?: boolean; adjustLayout?: boolean; /** * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" @@ -13882,103 +13881,103 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, * will default to black. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px * 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -13986,33 +13985,33 @@ declare namespace ZingchartAngular { /** * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 * px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Sets legend to be collapsed by default true | false | 1 | 0 @@ -14022,7 +14021,7 @@ declare namespace ZingchartAngular { * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" */ - 'drag-handler'?: string; + "drag-handler"?: string; dragHandler?: string; /** * Sets whether the legend can be dragged or not. true | false | 1 | 0 @@ -14031,34 +14030,34 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. * . */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi * ent-colors. "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -14068,7 +14067,7 @@ declare namespace ZingchartAngular { * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over * . true | false | 1 | 0 */ - 'highlight-plot'?: boolean; + "highlight-plot"?: boolean; highlightPlot?: boolean; /** * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" @@ -14081,27 +14080,27 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom margin. 4 | "6px" | ... */ - 'margin-bottom'?: any; + "margin-bottom"?: any; marginBottom?: any; /** * Sets the object's left margin. 4 | "6px" | ... */ - 'margin-left'?: any; + "margin-left"?: any; marginLeft?: any; /** * Sets the object's right margin. 4 | "6px" | ... */ - 'margin-right'?: any; + "margin-right"?: any; marginRight?: any; /** * Sets the object's top margin. 4 | "6px" | ... */ - 'margin-top'?: any; + "margin-top"?: any; marginTop?: any; /** * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... */ - 'max-items'?: number; + "max-items"?: number; maxItems?: number; /** * Sets whether the legend can be minimized or not. @@ -14111,13 +14110,13 @@ declare namespace ZingchartAngular { * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the * legend to the left. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up * . 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite @@ -14128,7 +14127,7 @@ declare namespace ZingchartAngular { /** * Reverses the items in the legend */ - 'reverse-series'?: boolean; + "reverse-series"?: boolean; reverseSeries?: boolean; /** * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu @@ -14142,28 +14141,28 @@ declare namespace ZingchartAngular { /** * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to @@ -14176,12 +14175,12 @@ declare namespace ZingchartAngular { * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled * " */ - 'toggle-action'?: string; + "toggle-action"?: string; toggleAction?: string; /** * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -14211,39 +14210,39 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 @@ -14252,18 +14251,18 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -14271,49 +14270,49 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if * border-color is not set. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -14321,39 +14320,39 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Clips the text to a specified width. Requires width. true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 @@ -14363,66 +14362,66 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 * px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow * " | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -14437,23 +14436,23 @@ declare namespace ZingchartAngular { * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... @@ -14462,24 +14461,24 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain * ing legend if the number is big enough. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the * containing legend. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -14493,28 +14492,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... @@ -14523,17 +14522,17 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 @@ -14542,7 +14541,7 @@ declare namespace ZingchartAngular { /** * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -14555,7 +14554,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; }; header?: { @@ -14570,39 +14569,39 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 @@ -14611,18 +14610,18 @@ declare namespace ZingchartAngular { /** * Defaults to black if border-color is not set. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -14630,48 +14629,48 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Requires border-color. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -14679,39 +14678,39 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 @@ -14721,65 +14720,65 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow * " | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -14793,23 +14792,23 @@ declare namespace ZingchartAngular { * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... @@ -14818,24 +14817,24 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain * ing legend if the number is big enough. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the * containing legend. 4 | "6px" | ... */ - 'padding-right'?: number; + "padding-right"?: number; paddingRight?: number; /** * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -14849,28 +14848,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the text content of the object of the Header of the Legend. "Some Text" | ... @@ -14879,17 +14878,17 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 @@ -14898,7 +14897,7 @@ declare namespace ZingchartAngular { /** * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -14911,7 +14910,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; }; icon?: { @@ -14924,25 +14923,25 @@ declare namespace ZingchartAngular { * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; }; - 'item-off'?: itemOff; + "item-off"?: itemOff; itemOff?: itemOff; item?: { /** @@ -14960,55 +14959,55 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -15016,48 +15015,48 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -15065,34 +15064,34 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" @@ -15101,66 +15100,66 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -15170,34 +15169,34 @@ declare namespace ZingchartAngular { * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 */ - 'show-line'?: boolean; + "show-line"?: boolean; showLine?: boolean; /** * Sets the visibility of the legend item's marker. true | false | 1 | 0 */ - 'show-marker'?: boolean; + "show-marker"?: boolean; showMarker?: boolean; /** * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle * -action. "hide" | "remove" | "disabled" */ - 'toggle-action'?: string; + "toggle-action"?: string; toggleAction?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -15220,14 +15219,14 @@ declare namespace ZingchartAngular { /** * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 */ - 'show-line'?: boolean; + "show-line"?: boolean; showLine?: boolean; /** * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle * -action. "hide" | "remove" | "disabled" */ - 'toggle-action'?: string; + "toggle-action"?: string; toggleAction?: string; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g @@ -15245,56 +15244,56 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ @@ -15302,62 +15301,62 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -15367,28 +15366,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -15398,14 +15397,14 @@ declare namespace ZingchartAngular { * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - 'highlight-state'?: highlightState; + "highlight-state"?: highlightState; highlightState?: highlightState; }; - 'page-off'?: pageOff; + "page-off"?: pageOff; pageOff?: pageOff; - 'page-on'?: pageOn; + "page-on"?: pageOn; pageOn?: pageOn; - 'page-status'?: pageStatus; + "page-status"?: pageStatus; pageStatus?: pageStatus; scroll?: { bar?: { @@ -15419,37 +15418,37 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s * tring. "1px solid green" | "3px dotted purple" | ... */ - 'border-bottom'?: any; + "border-bottom"?: any; borderBottom?: any; /** * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str * ing. "1px solid green" | "3px dotted purple" | ... */ - 'border-left'?: any; + "border-left"?: any; borderLeft?: any; /** * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p * x 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st * ring. "1px solid green" | "3px dotted purple" | ... */ - 'border-right'?: any; + "border-right"?: any; borderRight?: any; /** * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri * ng. "1px solid green" | "3px dotted purple" | ... */ - 'border-top'?: any; + "border-top"?: any; borderTop?: any; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... @@ -15467,37 +15466,37 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s * tring. "1px solid green" | "3px dotted purple" | ... */ - 'border-bottom'?: any; + "border-bottom"?: any; borderBottom?: any; /** * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str * ing. "1px solid green" | "3px dotted purple" | ... */ - 'border-left'?: any; + "border-left"?: any; borderLeft?: any; /** * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p * x 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st * ring. "1px solid green" | "3px dotted purple" | ... */ - 'border-right'?: any; + "border-right"?: any; borderRight?: any; /** * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri * ng. "1px solid green" | "3px dotted purple" | ... */ - 'border-top'?: any; + "border-top"?: any; borderTop?: any; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... @@ -15511,28 +15510,28 @@ declare namespace ZingchartAngular { * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets * of data. 5 | 10 | ... */ - 'max-trackers'?: number; + "max-trackers"?: number; maxTrackers?: number; - 'media-rules'?: Array<{ + "media-rules"?: Array<{ /** * Sets the maximum chart height in pixels. 600 | 400 | 300 */ - 'max-height'?: number; + "max-height"?: number; maxHeight?: number; /** * Sets the maximum chart width in pixels. 1000 | 800 | 600 */ - 'max-width'?: number; + "max-width"?: number; maxWidth?: number; /** * Sets the minimum chart height in pixels. 600 | 400 | 300 */ - 'min-height'?: number; + "min-height"?: number; minHeight?: number; /** * Sets the minimum chart width in pixels. 1000 | 800 | 600 */ - 'min-width'?: number; + "min-width"?: number; minWidth?: number; /** * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller @@ -15540,7 +15539,7 @@ declare namespace ZingchartAngular { */ visible?: boolean; }>; - 'no-data'?: noData; + "no-data"?: noData; noData?: noData; options?: { /** @@ -15564,37 +15563,37 @@ declare namespace ZingchartAngular { * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette * " value with the "palette" array. "random" (default) | "color" | "palette" */ - 'color-type'?: string; + "color-type"?: string; colorType?: string; - 'header-row'?: boolean; + "header-row"?: boolean; headerRow?: boolean; - 'header-col'?: boolean; + "header-col"?: boolean; headerCol?: boolean; rowLabels?: string[]; - 'row-labels'?: string[]; + "row-labels"?: string[]; colLabels?: string[]; - 'col-labels'?: string[]; - 'col-widths'?: string[]; + "col-labels"?: string[]; + "col-widths"?: string[]; colWidths?: string[]; - 'data-class'?: string[]; + "data-class"?: string[]; dataClass?: string[]; flat?: boolean; - 'force-height'?: boolean; + "force-height"?: boolean; forceHeight?: boolean; /** * To set the maximum font size. 20 | "30px" | ... */ - 'max-font-size'?: any; + "max-font-size"?: any; maxFontSize?: any; /** * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... */ - 'max-items'?: any; + "max-items"?: any; maxItems?: any; /** * To set the minimum font size. 10 | "12px" | ... */ - 'min-font-size'?: any; + "min-font-size"?: any; minFontSize?: any; /** * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] @@ -15607,12 +15606,12 @@ declare namespace ZingchartAngular { /** * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... */ - 'step-angle'?: any; + "step-angle"?: any; stepAngle?: any; /** * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... */ - 'step-radius'?: any; + "step-radius"?: any; stepRadius?: any; /** * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... @@ -15636,7 +15635,7 @@ declare namespace ZingchartAngular { */ count?: any; }; - 'context-menu'?: contextMenu; + "context-menu"?: contextMenu; contextMenu?: contextMenu; indicator?: { /** @@ -15651,27 +15650,27 @@ declare namespace ZingchartAngular { /** * To set the font color. 'gray' | '#666699' | ... */ - 'font-color'?: any; + "font-color"?: any; fontColor?: any; /** * To set the font family. 'Arial' | 'Georgia' | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * To set the font size. 30 | 24 | 16 | ... */ - 'font-size'?: number; + "font-size"?: number; fontSize?: number; /** * To set the font style. 'normal' | 'italic' */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * To set the font weight. 'normal' | 'bold' */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * To set the visibility of the object. true | false @@ -15682,27 +15681,27 @@ declare namespace ZingchartAngular { /** * To set the font color. 'gray' | '#666699' | ... */ - 'font-color'?: any; + "font-color"?: any; fontColor?: any; /** * To set the font family. 'Arial' | 'Georgia' | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * To set the font size. 30 | 24 | 16 | ... */ - 'font-size'?: number; + "font-size"?: number; fontSize?: number; /** * To set the font style. 'normal' | 'italic' */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * To set the font weight. 'normal' | 'bold' */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * To set the visibility of the object. true | false @@ -15713,27 +15712,27 @@ declare namespace ZingchartAngular { /** * To set the font color. 'gray' | '#666699' | ... */ - 'font-color'?: any; + "font-color"?: any; fontColor?: any; /** * To set the font family. 'Arial' | 'Georgia' | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * To set the font size. 30 | 24 | 16 | ... */ - 'font-size'?: number; + "font-size"?: number; fontSize?: number; /** * To set the font style. 'normal' | 'italic' */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * To set the font weight. 'normal' | 'bold' */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * To set the visibility of the object. true | false @@ -15742,9 +15741,9 @@ declare namespace ZingchartAngular { }; }; link?: link; - 'link[sibling]'?: link; + "link[sibling]"?: link; links?: link; - 'max-iterations'?: any; + "max-iterations"?: any; /** * @description Sets the maximum level the items have to be on so that they will be processed. */ @@ -15752,7 +15751,7 @@ declare namespace ZingchartAngular { /** * @description Sets the maximum level the items have to be on so that they will be processed. */ - 'max-level'?: any; + "max-level"?: any; /** * @description Sets the max width for the links between nodes (available in the force directed graphs). */ @@ -15760,7 +15759,7 @@ declare namespace ZingchartAngular { /** * @description Sets the max width for the links between nodes (available in the force directed graphs). */ - 'max-link-width'?: any; + "max-link-width"?: any; /** * @description Sets the maximum size for the tree nodes. */ @@ -15768,7 +15767,7 @@ declare namespace ZingchartAngular { /** * @description Sets the maximum size for the tree nodes. */ - 'max-size'?: any; + "max-size"?: any; /** * @description Sets a maximum value. * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. @@ -15780,7 +15779,7 @@ declare namespace ZingchartAngular { * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. */ - 'max-value'?: any; + "max-value"?: any; /** * @description When set, filter out words shorter than minLength from the wordcloud */ @@ -15788,7 +15787,7 @@ declare namespace ZingchartAngular { /** * @description When set, filter out words shorter than minLength from the wordcloud */ - 'min-length'?: any; + "min-length"?: any; /** * @description Sets the minimum level the items have to be on so that they will be processed. */ @@ -15796,7 +15795,7 @@ declare namespace ZingchartAngular { /** * @description Sets the minimum level the items have to be on so that they will be processed. */ - 'min-level'?: any; + "min-level"?: any; /** * @description Sets the minimum width for the links between nodes (available in the force directed graphs). */ @@ -15804,7 +15803,7 @@ declare namespace ZingchartAngular { /** * @description Sets the minimum width for the links between nodes (available in the force directed graphs). */ - 'min-link-width'?: any; + "min-link-width"?: any; /** * @description Sets the minimum size. * For tree module charts, sets the minimum size for the tree nodes. @@ -15816,7 +15815,7 @@ declare namespace ZingchartAngular { * For tree module charts, sets the minimum size for the tree nodes. * For bubble pack charts, sets the minimum pixel-size of bubbles. */ - 'min-size'?: any; + "min-size"?: any; /** * @description Sets a minimum value. * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. @@ -15828,28 +15827,28 @@ declare namespace ZingchartAngular { * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. */ - 'min-value'?: any; + "min-value"?: any; node?: node; - 'node[collapsed]'?: node; - 'node[leaf]'?: node; - 'node[parent]'?: node; + "node[collapsed]"?: node; + "node[leaf]"?: node; + "node[parent]"?: node; style?: { // The following attributes can be used to style grid charts: - '.td'?: gridStyles; - '.td_even'?: gridStyles; - '.td_odd'?: gridStyles; - '.td_first'?: gridStyles; - '.td_last'?: gridStyles; - '.th'?: gridStyles; - '.th_even'?: gridStyles; - '.th_odd'?: gridStyles; - '.th_first'?: gridStyles; - '.th_last'?: gridStyles; - '.tr'?: gridStyles; - '.tr_even'?: gridStyles; - '.tr_odd'?: gridStyles; - '.tr_first'?: gridStyles; - '.tr_last'?: gridStyles; + ".td"?: gridStyles; + ".td_even"?: gridStyles; + ".td_odd"?: gridStyles; + ".td_first"?: gridStyles; + ".td_last"?: gridStyles; + ".th"?: gridStyles; + ".th_even"?: gridStyles; + ".th_odd"?: gridStyles; + ".th_first"?: gridStyles; + ".th_last"?: gridStyles; + ".tr"?: gridStyles; + ".tr_even"?: gridStyles; + ".tr_odd"?: gridStyles; + ".tr_first"?: gridStyles; + ".tr_last"?: gridStyles; /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... @@ -15860,34 +15859,34 @@ declare namespace ZingchartAngular { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699' * , '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15 * , 15)' | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... @@ -15897,9 +15896,9 @@ declare namespace ZingchartAngular { * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; - 'hover-state'?: hoverState; + "hover-state"?: hoverState; hoverState?: hoverState; tooltip?: tooltip; }; @@ -15942,7 +15941,7 @@ declare namespace ZingchartAngular { * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | * 0 */ - 'adjust-layout'?: boolean; + "adjust-layout"?: boolean; adjustLayout?: boolean; /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp @@ -15955,55 +15954,55 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -16011,48 +16010,48 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -16060,66 +16059,66 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -16144,68 +16143,68 @@ declare namespace ZingchartAngular { * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | * "5px 10px 15px 20px" | ... */ - 'margin-bottom'?: any; + "margin-bottom"?: any; marginBottom?: any; /** * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | * "5px 10px 15px 20px" | ... */ - 'margin-left'?: any; + "margin-left"?: any; marginLeft?: any; /** * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | * "5px 10px 15px 20px" | ... */ - 'margin-right'?: any; + "margin-right"?: any; marginRight?: any; /** * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | * "5px 10px 15px 20px" | ... */ - 'margin-top'?: any; + "margin-top"?: any; marginTop?: any; /** * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'margin-bottom-offset'?: any; + "margin-bottom-offset"?: any; marginBottomOffset?: any; /** * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'margin-left-offset'?: any; + "margin-left-offset"?: any; marginLeftOffset?: any; /** * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'margin-right-offset'?: any; + "margin-right-offset"?: any; marginRightOffset?: any; /** * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'margin-top-offset'?: any; + "margin-top-offset"?: any; marginTopOffset?: any; /** * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea * . 4 | "6px" | ... */ - 'mask-tolerance'?: number; + "mask-tolerance"?: number; maskTolerance?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. @@ -16219,28 +16218,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -16261,14 +16260,14 @@ declare namespace ZingchartAngular { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number; + "z-index"?: number; zIndex?: number; }; preview?: { /** * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 */ - 'adjust-layout'?: boolean; + "adjust-layout"?: boolean; adjustLayout?: boolean; /** * Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 be @@ -16280,18 +16279,18 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -16308,7 +16307,7 @@ declare namespace ZingchartAngular { /** * Sets the minimum width of preview's active area. 5 | 10 | ... */ - 'min-distance'?: number; + "min-distance"?: number; minDistance?: number; /** * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. @@ -16317,7 +16316,7 @@ declare namespace ZingchartAngular { /** * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 */ - 'preserve-zoom'?: boolean; + "preserve-zoom"?: boolean; preserveZoom?: boolean; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -16346,7 +16345,7 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; }; handle?: { @@ -16360,48 +16359,48 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s * tring. "1px solid green" | "3px dotted purple" | ... */ - 'border-bottom'?: any; + "border-bottom"?: any; borderBottom?: any; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str * ing. "1px solid green" | "3px dotted purple" | ... */ - 'border-left'?: any; + "border-left"?: any; borderLeft?: any; /** * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p * x 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st * ring. "1px solid green" | "3px dotted purple" | ... */ - 'border-right'?: any; + "border-right"?: any; borderRight?: any; /** * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri * ng. "1px solid green" | "3px dotted purple" | ... */ - 'border-top'?: any; + "border-top"?: any; borderTop?: any; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -16428,39 +16427,39 @@ declare namespace ZingchartAngular { * g. "#FF0000", "#0000FF", "#FFFF00"), or in RGB notation (e.g. "rgb(255,0,0)", "rgb(0,0,255)", "rgb(255,255,0)"). In the scale-x / * scale-y label. See the red text. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the red text. Works f * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not in the scale-x / scale-y label. See the red text. true | false | 1 @@ -16470,18 +16469,18 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -16489,48 +16488,48 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -16538,39 +16537,39 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the object's font color. Similar to font-color. For the scale-x / scale-y label. See the red text. "none" | "transparent" | " @@ -16581,67 +16580,67 @@ declare namespace ZingchartAngular { * Sets the angle of the axis along which the linear gradient is drawn. For the scale-x / scale-y label. See the red text. -45 | 115 * | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " * radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. For the scale-x / scale-y label. See the red text. "none" | "transparent" | "#f00" * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. For the scale-x / scale-y label. See the red text. Works with output canvas and svg. 10 | "20px" | 0.3 | @@ -16656,29 +16655,29 @@ declare namespace ZingchartAngular { /** * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. */ - 'lock-rotation'?: boolean; + "lock-rotation"?: boolean; lockRotation?: boolean; /** * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "...". For the scale-x / scale-y label. See the red text. 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first @@ -16689,22 +16688,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -16717,18 +16716,18 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 @@ -16745,7 +16744,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; }; mask?: { @@ -16759,28 +16758,28 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; }; }; - 'scale-k'?: scaleK; + "scale-k"?: scaleK; scaleK?: scaleK; - 'scale-r'?: scaleR; + "scale-r"?: scaleR; scaleR?: scaleR; - 'scale-v'?: scaleV; + "scale-v"?: scaleV; scaleV?: scaleV; - 'scale-x'?: scaleX; + "scale-x"?: scaleX; scaleX?: scaleX; - 'scale-x-1'?: scaleX; - 'scale-x-2'?: scaleX; - 'scale-x-3'?: scaleX; - 'scale-x-4'?: scaleX; - 'scale-x-5'?: scaleX; - 'scale-x-6'?: scaleX; - 'scale-x-7'?: scaleX; - 'scale-x-8'?: scaleX; - 'scale-x-9'?: scaleX; - 'scale-x-10'?: scaleX; + "scale-x-1"?: scaleX; + "scale-x-2"?: scaleX; + "scale-x-3"?: scaleX; + "scale-x-4"?: scaleX; + "scale-x-5"?: scaleX; + "scale-x-6"?: scaleX; + "scale-x-7"?: scaleX; + "scale-x-8"?: scaleX; + "scale-x-9"?: scaleX; + "scale-x-10"?: scaleX; scaleX1?: scaleX; scaleX2?: scaleX; scaleX3?: scaleX; @@ -16791,36 +16790,36 @@ declare namespace ZingchartAngular { scaleX8?: scaleX; scaleX9?: scaleX; scaleX10?: scaleX; - 'scale-y'?: scaleY; + "scale-y"?: scaleY; scaleY?: scaleY; - 'scale-y-1'?: scaleY; - 'scale-y-2'?: scaleY; - 'scale-y-3'?: scaleY; - 'scale-y-4'?: scaleY; - 'scale-y-5'?: scaleY; - 'scale-y-6'?: scaleY; - 'scale-y-7'?: scaleY; - 'scale-y-8'?: scaleY; - 'scale-y-9'?: scaleY; - 'scale-y-10'?: scaleY; - scaleY1?: scaleY; - scaleY2?: scaleY; - scaleY3?: scaleY; - scaleY4?: scaleY; - scaleY5?: scaleY; - scaleY6?: scaleY; - scaleY7?: scaleY; - scaleY8?: scaleY; - scaleY9?: scaleY; - scaleY10?: scaleY; + "scale-y-1"?: scaleY; + "scale-y-2"?: scaleY; + "scale-y-3"?: scaleY; + "scale-y-4"?: scaleY; + "scale-y-5"?: scaleY; + "scale-y-6"?: scaleY; + "scale-y-7"?: scaleY; + "scale-y-8"?: scaleY; + "scale-y-9"?: scaleY; + "scale-y-10"?: scaleY; + scaleY1?: scaleY; + scaleY2?: scaleY; + scaleY3?: scaleY; + scaleY4?: scaleY; + scaleY5?: scaleY; + scaleY6?: scaleY; + scaleY7?: scaleY; + scaleY8?: scaleY; + scaleY9?: scaleY; + scaleY10?: scaleY; scale?: { /** * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... */ - 'size-factor'?: number; + "size-factor"?: number; sizeFactor?: number; }; - 'scroll-x-scroll-y'?: scrollXScrollY; + "scroll-x-scroll-y"?: scrollXScrollY; scrollXScrollY?: scrollXScrollY; selectionTool?: { mask?: { @@ -16834,19 +16833,19 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin * e-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; }; }; series?: series[]; @@ -16854,12 +16853,12 @@ declare namespace ZingchartAngular { /** * Sets the end angle of a pie shape. "10" | "212" | ... */ - 'angle-end'?: number; + "angle-end"?: number; angleEnd?: number; /** * Sets the beginning angle of a pie shape. "10" | "212" | ... */ - 'angle-start'?: number; + "angle-start"?: number; angleStart?: number; /** * Sets the height of the shape "10" | "212" | ... @@ -16892,84 +16891,84 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin * e-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati * on of the gradient stop. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 * 0f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with * gradient-colors. "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the item id of the map on which the object/shape is being added. "itemid" | ... @@ -16979,29 +16978,29 @@ declare namespace ZingchartAngular { * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + "line-color"?: string; lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ - 'line-gap-size'?: any; + "line-gap-size"?: any; lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ - 'line-segment-size'?: any; + "line-segment-size"?: any; lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string; + "line-style"?: string; lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; + "line-width"?: any; lineWidth?: any; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... @@ -17010,17 +17009,17 @@ declare namespace ZingchartAngular { /** * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-r'?: any; + "offset-r"?: any; offsetR?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** Sets map options */ options?: any; @@ -17036,28 +17035,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... @@ -17083,7 +17082,7 @@ declare namespace ZingchartAngular { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number; + "z-index"?: number; }>; source?: { /** @@ -17098,39 +17097,39 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * For source, bold is the default. true | false | 1 | 0 @@ -17139,63 +17138,63 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Requires border-width. true | false | 1 | 0 */ @@ -17203,39 +17202,39 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Truncates text based on the setting of width. true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, @@ -17245,66 +17244,66 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Works with fill-angle to position gradient. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Works with fill-angle to position gradient. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -17329,44 +17328,44 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom margin. 4 | "6px" | ... */ - 'margin-bottom'?: any; + "margin-bottom"?: any; marginBottom?: any; /** * Sets the object's left margin. 4 | "6px" | ... */ - 'margin-left'?: any; + "margin-left"?: any; marginLeft?: any; /** * Sets the object's right margin. 4 | "6px" | ... */ - 'margin-right'?: any; + "margin-right"?: any; marginRight?: any; /** * Sets the object's top margin. 4 | "6px" | ... */ - 'margin-top'?: any; + "margin-top"?: any; marginTop?: any; /** * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first @@ -17377,22 +17376,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. @@ -17411,28 +17410,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the text content of the object. "Some Text" | ... @@ -17441,19 +17440,19 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi @@ -17464,7 +17463,7 @@ declare namespace ZingchartAngular { * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -17477,7 +17476,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; /** * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... @@ -17490,7 +17489,7 @@ declare namespace ZingchartAngular { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number; + "z-index"?: number; zIndex?: number; }; stacked?: boolean; @@ -17502,39 +17501,39 @@ declare namespace ZingchartAngular { /** * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 @@ -17543,61 +17542,61 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px * 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set * , will display in black. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ @@ -17605,38 +17604,38 @@ declare namespace ZingchartAngular { /** * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 * px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Cuts off extra text. Use with width. true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" @@ -17646,65 +17645,65 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the fill type. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, * 15, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the font size of the subtitle text. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -17729,44 +17728,44 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom margin. 4 | "6px" | ... */ - 'margin-bottom'?: any; + "margin-bottom"?: any; marginBottom?: any; /** * Sets the object's left margin. 4 | "6px" | ... */ - 'margin-left'?: any; + "margin-left"?: any; marginLeft?: any; /** * Sets the object's left margin. 4 | "6px" | ... */ - 'margin-right'?: any; + "margin-right"?: any; marginRight?: any; /** * Sets the object's margin from the top of the chart. 4 | "6px" | ... */ - 'margin-top'?: any; + "margin-top"?: any; marginTop?: any; /** * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... @@ -17775,22 +17774,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. @@ -17808,28 +17807,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... @@ -17838,17 +17837,17 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 @@ -17857,7 +17856,7 @@ declare namespace ZingchartAngular { /** * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the visibility of the object. true | false | 1 | 0 @@ -17871,7 +17870,7 @@ declare namespace ZingchartAngular { * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. * true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... @@ -17884,20 +17883,20 @@ declare namespace ZingchartAngular { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number; + "z-index"?: number; zIndex?: number; }; /** * Time-Series Charts only: To set the UTC timezone. Use with the 'utc' attribute and 'transform' object in the applicable scale object. * Default Value: 0 */ - 'time-zone'?: number; + "time-zone"?: number; timeZone?: number; title?: { /** * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 */ - 'adjust-layout'?: boolean; + "adjust-layout"?: boolean; adjustLayout?: boolean; /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp @@ -17907,39 +17906,39 @@ declare namespace ZingchartAngular { /** * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 @@ -17948,61 +17947,61 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px * 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set * , will display in black.. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets if the object will have a callout arrow. true | false | 1 | 0 */ @@ -18010,38 +18009,38 @@ declare namespace ZingchartAngular { /** * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 * px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * true | false | 1 | 0 */ - 'clip-text'?: boolean; + "clip-text"?: boolean; clipText?: boolean; /** * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... @@ -18050,65 +18049,65 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 * 5, 15)" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size of the title. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -18133,44 +18132,44 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom margin. 4 | "6px" | ... */ - 'margin-bottom'?: any; + "margin-bottom"?: any; marginBottom?: any; /** * Sets the object's left margin. 4 | "6px" | ... */ - 'margin-left'?: any; + "margin-left"?: any; marginLeft?: any; /** * Sets the object's right margin. 4 | "6px" | ... */ - 'margin-right'?: any; + "margin-right"?: any; marginRight?: any; /** * Sets the object's top margin. 4 | "6px" | ... */ - 'margin-top'?: any; + "margin-top"?: any; marginTop?: any; /** * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... @@ -18179,24 +18178,24 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t * he number is big enough. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege * nd. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text of the title. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. @@ -18214,28 +18213,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the text content of the title. "Some Text" | ... @@ -18244,17 +18243,17 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency of the title. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration of the title. Similar with underline. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 @@ -18263,7 +18262,7 @@ declare namespace ZingchartAngular { /** * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -18276,7 +18275,7 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... @@ -18289,7 +18288,7 @@ declare namespace ZingchartAngular { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number; + "z-index"?: number; zIndex?: number; }; tooltip?: tooltip; @@ -18324,22 +18323,22 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 */ - 'preserve-zoom'?: boolean; + "preserve-zoom"?: boolean; preserveZoom?: boolean; label?: { /** @@ -18352,42 +18351,42 @@ declare namespace ZingchartAngular { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the font style of the object text. "normal" | "italic" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the font weight of the object text. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets the padding around the object text. "10%" | "25px" ... @@ -18424,7 +18423,7 @@ declare namespace ZingchartAngular { /** * Executes specified custom function for the custom menu item. */ - 'custom-function'?: string; + "custom-function"?: string; customFunction?: string; } interface history { @@ -18439,55 +18438,55 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -18495,47 +18494,47 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; + "border-width"?: any; borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 @@ -18544,66 +18543,66 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... @@ -18616,22 +18615,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom margin. 4 | "6px" | ... */ - 'margin-bottom'?: any; + "margin-bottom"?: any; marginBottom?: any; /** * Sets the object's left margin. 4 | "6px" | ... */ - 'margin-left'?: any; + "margin-left"?: any; marginLeft?: any; /** * Sets the object's right margin. 4 | "6px" | ... */ - 'margin-right'?: any; + "margin-right"?: any; marginRight?: any; /** * Sets the object's top margin. 4 | "6px" | ... */ - 'margin-top'?: any; + "margin-top"?: any; marginTop?: any; /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. @@ -18645,28 +18644,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -18684,7 +18683,7 @@ declare namespace ZingchartAngular { * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; - 'item-off'?: itemOff; + "item-off"?: itemOff; itemOff?: itemOff; item?: { /** @@ -18698,82 +18697,82 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 @@ -18783,28 +18782,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; }; } @@ -18829,17 +18828,17 @@ declare namespace ZingchartAngular { /** * Sets the max amount of nodes visible in the graph. 5 | 10 | ... */ - 'max-ticks'?: number; + "max-ticks"?: number; maxTicks?: number; /** * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... */ - 'reset-timeout'?: number; + "reset-timeout"?: number; resetTimeout?: number; /** * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true */ - 'adjust-scale'?: boolean; + "adjust-scale"?: boolean; adjustScale?: boolean; curtain?: { /** @@ -18857,39 +18856,39 @@ declare namespace ZingchartAngular { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + "background-color"?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + "background-color-1"?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + "background-color-2"?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string; + "background-fit"?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string; + "background-image"?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string; + "background-position"?: string; backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; + "background-repeat"?: string; backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 @@ -18898,18 +18897,18 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string; + "border-bottom"?: string; borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + "border-color"?: string; borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string; + "border-left"?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co @@ -18917,48 +18916,48 @@ declare namespace ZingchartAngular { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; + "border-radius"?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-left'?: any; + "border-radius-bottom-left"?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-bottom-right'?: any; + "border-radius-bottom-right"?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-left'?: any; + "border-radius-top-left"?: any; borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-radius-top-right'?: any; + "border-radius-top-right"?: any; borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string; + "border-right"?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string; + "border-top"?: string; borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + "border-width"?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -18966,34 +18965,34 @@ declare namespace ZingchartAngular { /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'callout-extension'?: any; + "callout-extension"?: any; calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-height'?: any; + "callout-height"?: any; calloutHeight?: any; /** * Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the * top left corner of the chart. [200, 50] | ... */ - 'callout-hook'?: any; + "callout-hook"?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'callout-offset'?: any; + "callout-offset"?: any; calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string; + "callout-position"?: string; calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + "callout-width"?: any; calloutWidth?: any; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, @@ -19003,66 +19002,66 @@ declare namespace ZingchartAngular { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number; + "fill-angle"?: number; fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + "fill-offset-x"?: any; fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + "fill-offset-y"?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string; + "fill-type"?: string; fillType?: string; /** * Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ - 'font-angle'?: number; + "font-angle"?: number; fontAngle?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string; + "font-color"?: string; fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string; + "font-family"?: string; fontFamily?: string; /** * Sets the text's font size. 4 | "6px" | ... */ - 'font-size'?: any; + "font-size"?: any; fontSize?: any; /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string; + "font-style"?: string; fontStyle?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string; + "font-weight"?: string; fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. "#f00 #0f0 * #00f" | ... */ - 'gradient-colors'?: string; + "gradient-colors"?: string; gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. "0.1 0. * 5 0.9" | ... */ - 'gradient-stops'?: string; + "gradient-stops"?: string; gradientStops?: string; /** * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 @@ -19072,23 +19071,23 @@ declare namespace ZingchartAngular { * Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before * the text is cut and appended with "..." 5 | 10 | ... */ - 'max-chars'?: number; + "max-chars"?: number; maxChars?: number; /** * Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: any; + "max-width"?: any; maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + "offset-x"?: any; offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'offset-y'?: any; + "offset-y"?: any; offsetY?: any; /** * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first @@ -19099,22 +19098,22 @@ declare namespace ZingchartAngular { /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'padding-bottom'?: any; + "padding-bottom"?: any; paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'padding-left'?: any; + "padding-left"?: any; paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: any; + "padding-right"?: any; paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'padding-top'?: any; + "padding-top"?: any; paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 @@ -19128,28 +19127,28 @@ declare namespace ZingchartAngular { * Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; + "shadow-alpha"?: number; shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number; + "shadow-angle"?: number; shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'shadow-blur'?: any; + "shadow-blur"?: any; shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string; + "shadow-color"?: string; shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'shadow-distance'?: any; + "shadow-distance"?: any; shadowDistance?: any; /** * Sets the text content of the object. "Some Text" | ... @@ -19158,19 +19157,19 @@ declare namespace ZingchartAngular { /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string; + "text-align"?: string; textAlign?: string; /** * Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + "text-alpha"?: number; textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string; + "text-decoration"?: string; textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi @@ -19181,7 +19180,7 @@ declare namespace ZingchartAngular { * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string; + "vertical-align"?: string; verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 @@ -19190,10 +19189,10 @@ declare namespace ZingchartAngular { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + "wrap-text"?: boolean; wrapText?: boolean; }; - } + } } -export default ZingchartAngular; \ No newline at end of file +export default ZingchartAngular; diff --git a/projects/zingchart-angular-component/tsconfig.lib.json b/projects/zingchart-angular/tsconfig.lib.json similarity index 75% rename from projects/zingchart-angular-component/tsconfig.lib.json rename to projects/zingchart-angular/tsconfig.lib.json index 543fd47..b8954e9 100644 --- a/projects/zingchart-angular-component/tsconfig.lib.json +++ b/projects/zingchart-angular/tsconfig.lib.json @@ -1,4 +1,3 @@ -/* To learn more about this file see: https://angular.io/config/tsconfig. */ { "extends": "../../tsconfig.json", "compilerOptions": { diff --git a/projects/zingchart-angular-component/tsconfig.lib.prod.json b/projects/zingchart-angular/tsconfig.lib.prod.json similarity index 67% rename from projects/zingchart-angular-component/tsconfig.lib.prod.json rename to projects/zingchart-angular/tsconfig.lib.prod.json index 06de549..2a2faa8 100644 --- a/projects/zingchart-angular-component/tsconfig.lib.prod.json +++ b/projects/zingchart-angular/tsconfig.lib.prod.json @@ -1,4 +1,3 @@ -/* To learn more about this file see: https://angular.io/config/tsconfig. */ { "extends": "./tsconfig.lib.json", "compilerOptions": { diff --git a/projects/zingchart-angular/tsconfig.spec.json b/projects/zingchart-angular/tsconfig.spec.json new file mode 100644 index 0000000..30ed93b --- /dev/null +++ b/projects/zingchart-angular/tsconfig.spec.json @@ -0,0 +1,8 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "outDir": "../../out-tsc/spec", + "types": ["jasmine", "node"] + }, + "include": ["**/*.spec.ts", "**/*.d.ts"] +} diff --git a/src/app/ajax/ajax.component.ts b/src/app/ajax/ajax.component.ts index dae2f48..16ec114 100644 --- a/src/app/ajax/ajax.component.ts +++ b/src/app/ajax/ajax.component.ts @@ -1,6 +1,6 @@ -import { Component } from '@angular/core'; -import { Router } from '@angular/router'; -import zingchart from 'zingchart/es6'; +import { AfterContentInit, Component } from "@angular/core"; +import ZingchartAngular from "zingchart-angular/zingchart"; +import zingchart from "zingchart/es6"; // defined ABOVE the render and sets flags // globally for ALL charts on a page @@ -13,47 +13,45 @@ zingchart.DEV.MEDIARULES = false; // zingchart.DEV.PLOTSTATS = false; @Component({ - selector: 'app-dynamic', - templateUrl: './ajax.component.html' + selector: "app-dynamic", + templateUrl: "./ajax.component.html", }) -export class AjaxComponent { - constructor(private router: Router) {} - +export class AjaxComponent implements AfterContentInit { series: ZingchartAngular.series[] = []; config: ZingchartAngular.graphset = { - type: 'line', + type: "line", title: { - text: 'Performant AJAX Chart' + text: "Performant AJAX Chart", }, plot: { exact: true, // is recommended when you want the chart to paint ALL nodes and not sample your data smartSampling: true, // smart sample and render data hintTs: true, // tells the library you have timestamps as keys and activates a small optimization technique maxNodes: 150, // max nodes to have event listeners for eg) tooltips wont show but crosshair will - maxTrackers: 150 // will disable the hover active areas you have for markers (again, 60k) since you use crosshair tool anyway + maxTrackers: 150, // will disable the hover active areas you have for markers (again, 60k) since you use crosshair tool anyway }, - plotarea: { margin: 'dynamic' }, + plotarea: { margin: "dynamic" }, crosshairX: {}, scaleX: { zoom: true, transform: { - type: 'date' - } + type: "date", + }, }, noData: { - text: 'Fetching data from endpoint...' - } + text: "Fetching data from endpoint...", + }, }; ngAfterContentInit() { - fetch('https://cdn.zingchart.com/datasets/timeseries-sample-data-2019.json') + fetch("https://cdn.zingchart.com/datasets/timeseries-sample-data-2019.json") .then((res) => res.json()) .then((data) => { - console.log('Successfully fetched data from endpoint!'); + console.log("Successfully fetched data from endpoint!"); this.series = [data]; }) - .catch((e) => { - console.error('Error fetching zingchart data'); + .catch(() => { + console.error("Error fetching zingchart data"); }); } } diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index d27e058..c5511ee 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -1,37 +1,33 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { RouterModule, Routes } from '@angular/router'; +import { CommonModule } from "@angular/common"; +import { NgModule } from "@angular/core"; +import { RouterModule, Routes } from "@angular/router"; -import { HomeComponent } from './home/home.component'; -import { ModuleChartComponent } from './module-chart/moduleChart.component'; -import { GraphsetComponent } from './graphset/graphset.component'; -import { DynamicComponent } from './dynamic/dynamic.component'; -import { EventsComponent } from './events/events.component'; -import { MethodsComponent } from './methods/methods.component'; -import { MethodsComponent2 } from './methods2/methods2.component'; -import { LicensingComponent } from './licensing/licensing.component'; -import { AjaxComponent } from './ajax/ajax.component'; -import { ExtendTdf } from './extend-tdf/extendTdf.component'; +import { AjaxComponent } from "./ajax/ajax.component"; +import { DynamicComponent } from "./dynamic/dynamic.component"; +import { EventsComponent } from "./events/events.component"; +import { ExtendTdfComponent } from "./extend-tdf/extendTdf.component"; +import { GraphsetComponent } from "./graphset/graphset.component"; +import { HomeComponent } from "./home/home.component"; +import { LicensingComponent } from "./licensing/licensing.component"; +import { MethodsComponent } from "./methods/methods.component"; +import { Methods2Component } from "./methods2/methods2.component"; +import { ModuleChartComponent } from "./module-chart/moduleChart.component"; const routes: Routes = [ - { path: '', component: HomeComponent }, - { path: 'module-chart', component: ModuleChartComponent }, - { path: 'graphset', component: GraphsetComponent }, - { path: 'dynamic', component: DynamicComponent }, - { path: 'events', component: EventsComponent }, - { path: 'methods', component: MethodsComponent }, - { path: 'methods2', component: MethodsComponent2 }, - { path: 'licensing', component: LicensingComponent }, - { path: 'ajax-performance', component: AjaxComponent }, - { path: 'extend-tdf', component: ExtendTdf } + { path: "", component: HomeComponent }, + { path: "module-chart", component: ModuleChartComponent }, + { path: "graphset", component: GraphsetComponent }, + { path: "dynamic", component: DynamicComponent }, + { path: "events", component: EventsComponent }, + { path: "methods", component: MethodsComponent }, + { path: "methods2", component: Methods2Component }, + { path: "licensing", component: LicensingComponent }, + { path: "ajax-performance", component: AjaxComponent }, + { path: "extend-tdf", component: ExtendTdfComponent }, ]; @NgModule({ - imports: [ - CommonModule, - RouterModule.forRoot(routes) - ], - exports: [RouterModule] + imports: [CommonModule, RouterModule.forRoot(routes)], + exports: [RouterModule], }) export class AppRoutingModule {} - diff --git a/src/app/app.component.html b/src/app/app.component.html index 515a775..5fc10d5 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -3,7 +3,7 @@

ZingChart Angular Playground

    -
  • +
  • Simple
  • diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts index 175e69a..e5e227b 100644 --- a/src/app/app.component.spec.ts +++ b/src/app/app.component.spec.ts @@ -1,27 +1,25 @@ -import { TestBed } from '@angular/core/testing'; -import { AppComponent } from './app.component'; +import { TestBed, waitForAsync } from "@angular/core/testing"; +import { RouterTestingModule } from "@angular/router/testing"; +import { ZingchartAngularModule } from "zingchart-angular"; +import { AppComponent } from "./app.component"; -describe('AppComponent', () => { - beforeEach(() => TestBed.configureTestingModule({ - declarations: [AppComponent] +describe("AppComponent", () => { + beforeEach(waitForAsync(() => { + TestBed.configureTestingModule({ + imports: [ZingchartAngularModule, RouterTestingModule], + declarations: [AppComponent], + }).compileComponents(); })); - it('should create the app', () => { + it("should create the app", () => { const fixture = TestBed.createComponent(AppComponent); const app = fixture.componentInstance; expect(app).toBeTruthy(); }); - it(`should have as title 'zingchart-angular'`, () => { + it(`should have as title 'zing-app'`, () => { const fixture = TestBed.createComponent(AppComponent); - const app = fixture.componentInstance; - expect(app.title).toEqual('zingchart-angular'); - }); - - it('should render title', () => { - const fixture = TestBed.createComponent(AppComponent); - fixture.detectChanges(); - const compiled = fixture.nativeElement as HTMLElement; - expect(compiled.querySelector('.content span')?.textContent).toContain('zingchart-angular app is running!'); + const app = fixture.debugElement.componentInstance; + expect(app.title).toEqual("zing-app"); }); }); diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 5c80ab6..628a123 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,13 +1,10 @@ -import { Component, ViewChild } from '@angular/core'; -import 'zingchart'; -import 'zingchart/modules-es6/zingchart-maps.min.js'; -import 'zingchart/modules-es6/zingchart-maps-usa.min.js'; +import { Component } from "@angular/core"; @Component({ - selector: 'app-root', - templateUrl: './app.component.html', - styleUrls: ['./app.component.css'] + selector: "app-root", + templateUrl: "./app.component.html", + styleUrls: ["./app.component.css"], }) export class AppComponent { - title = 'zing-app'; + title = "zing-app"; } diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 664609b..dd9a309 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -1,23 +1,19 @@ -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; - -import { AppComponent } from './app.component'; -import { FormsModule } from '@angular/forms'; -// Production build -import { ZingchartAngularModule } from 'zingchart-angular'; - -import { HomeComponent } from './home/home.component'; -import { ModuleChartComponent } from './module-chart/moduleChart.component'; -import { GraphsetComponent } from './graphset/graphset.component'; -import { DynamicComponent } from './dynamic/dynamic.component'; -import { EventsComponent } from './events/events.component'; -import { MethodsComponent } from './methods/methods.component'; -import { MethodsComponent2 } from './methods2/methods2.component'; -import { LicensingComponent } from './licensing/licensing.component'; -import { AjaxComponent } from './ajax/ajax.component'; -import { ExtendTdf } from './extend-tdf/extendTdf.component'; - -import { AppRoutingModule } from './app-routing.module'; +import { NgModule } from "@angular/core"; +import { FormsModule } from "@angular/forms"; +import { BrowserModule } from "@angular/platform-browser"; +import { ZingchartAngularModule } from "zingchart-angular"; +import { AjaxComponent } from "./ajax/ajax.component"; +import { AppRoutingModule } from "./app-routing.module"; +import { AppComponent } from "./app.component"; +import { DynamicComponent } from "./dynamic/dynamic.component"; +import { EventsComponent } from "./events/events.component"; +import { ExtendTdfComponent } from "./extend-tdf/extendTdf.component"; +import { GraphsetComponent } from "./graphset/graphset.component"; +import { HomeComponent } from "./home/home.component"; +import { LicensingComponent } from "./licensing/licensing.component"; +import { MethodsComponent } from "./methods/methods.component"; +import { Methods2Component } from "./methods2/methods2.component"; +import { ModuleChartComponent } from "./module-chart/moduleChart.component"; @NgModule({ declarations: [ @@ -28,10 +24,10 @@ import { AppRoutingModule } from './app-routing.module'; DynamicComponent, EventsComponent, MethodsComponent, - MethodsComponent2, + Methods2Component, LicensingComponent, AjaxComponent, - ExtendTdf, + ExtendTdfComponent, ], imports: [ AppRoutingModule, @@ -40,6 +36,6 @@ import { AppRoutingModule } from './app-routing.module'; ZingchartAngularModule, ], providers: [], - bootstrap: [AppComponent] + bootstrap: [AppComponent], }) -export class AppModule { } +export class AppModule {} diff --git a/src/app/dynamic/dynamic.component.ts b/src/app/dynamic/dynamic.component.ts index 2e4ebfd..92d2423 100644 --- a/src/app/dynamic/dynamic.component.ts +++ b/src/app/dynamic/dynamic.component.ts @@ -1,24 +1,23 @@ -import { Component } from '@angular/core'; -import { Router } from '@angular/router'; +import { AfterContentInit, Component, OnDestroy } from "@angular/core"; +import ZingchartAngular from "zingchart-angular/zingchart"; @Component({ - selector: 'app-dynamic', - templateUrl: './dynamic.component.html' + selector: "app-dynamic", + templateUrl: "./dynamic.component.html", }) -export class DynamicComponent { - constructor(private router: Router) {} +export class DynamicComponent implements OnDestroy, AfterContentInit { interval: any; series: ZingchartAngular.series[] = [ { alpha: 1, - values: [2, 3, 5, 5] - } + values: [2, 3, 5, 5], + }, ]; config: ZingchartAngular.graphset = { - type: 'area', + type: "area", title: { - text: 'Dynamic Chart' - } + text: "Dynamic Chart", + }, }; ngOnDestroy() { @@ -27,12 +26,12 @@ export class DynamicComponent { ngAfterContentInit() { this.interval = setInterval(() => { - console.log('trigger: ', this.series) + console.log("trigger: ", this.series); this.series = [ { alpha: 1, - values: [5, 11, 15, 25].map((val) => Math.floor(Math.random() * val)) - } + values: [5, 11, 15, 25].map((val) => Math.floor(Math.random() * val)), + }, ]; }, 2000); } diff --git a/src/app/events/events.component.ts b/src/app/events/events.component.ts index b3c24f8..e228dd5 100644 --- a/src/app/events/events.component.ts +++ b/src/app/events/events.component.ts @@ -1,33 +1,31 @@ -import { Component } from '@angular/core'; -import { Router } from '@angular/router'; +import { Component } from "@angular/core"; +import ZingchartAngular from "zingchart-angular/zingchart"; @Component({ - selector: 'app-events', - templateUrl: './events.component.html' + selector: "app-events", + templateUrl: "./events.component.html", }) export class EventsComponent { - constructor(private router: Router) {} - config: ZingchartAngular.graphset = { - type: 'bar', + type: "bar", title: { - text: 'API Events' + text: "API Events", }, subtitle: { - text: 'Click on nodes and check the console!' + text: "Click on nodes and check the console!", }, series: [ { - values: [4, 5, 3, 4, 5, 3, 5, 4, 11] - } - ] + values: [4, 5, 3, 4, 5, 3, 5, 4, 11], + }, + ], }; onComplete(event: Event) { - console.log('zingchart on complete fired!', event); + console.log("zingchart on complete fired!", event); } nodeClick(event: Event) { - console.log('node clicked fired!', event); + console.log("node clicked fired!", event); } } diff --git a/src/app/extend-tdf/extendTdf.component.ts b/src/app/extend-tdf/extendTdf.component.ts index 0d6a72b..4629c3d 100644 --- a/src/app/extend-tdf/extendTdf.component.ts +++ b/src/app/extend-tdf/extendTdf.component.ts @@ -1,34 +1,34 @@ -import { Component } from '@angular/core'; -import ZingchartAngular from './index'; +import { Component } from "@angular/core"; +import ZingchartAngular from "./index"; @Component({ - selector: 'app-extend-tdf', - templateUrl: './extendTdf.component.html' + selector: "app-extend-tdf", + templateUrl: "./extendTdf.component.html", }) -export class ExtendTdf { +export class ExtendTdfComponent { config: ZingchartAngular.graphset = { - type: 'bar', + type: "bar", title: { - text: 'Extend TDF with custom token: data-description' + text: "Extend TDF with custom token: data-description", }, plot: { tooltip: { - text: '%v - %data-description' - } + text: "%v - %data-description", + }, }, series: [ { values: [4, 5, 3, 4, 5, 3, 5], - 'data-description': [ - 'red', - 'orange', - 'yellow', - 'green', - 'blue', - 'indigo', - 'violet' - ] - } - ] + "data-description": [ + "red", + "orange", + "yellow", + "green", + "blue", + "indigo", + "violet", + ], + }, + ], }; } diff --git a/src/app/extend-tdf/index.d.ts b/src/app/extend-tdf/index.d.ts index f30a73e..efa9732 100644 --- a/src/app/extend-tdf/index.d.ts +++ b/src/app/extend-tdf/index.d.ts @@ -1,4 +1,4 @@ -import { default as _ZingchartAngular } from "zingchart-angular/@types/index"; +import { default as _ZingchartAngular } from "zingchart-angular/zingchart"; declare namespace ZingchartAngular { interface graphset extends _ZingchartAngular.graphset { diff --git a/src/app/graphset/graphset.component.ts b/src/app/graphset/graphset.component.ts index 6f023c8..9408b8f 100644 --- a/src/app/graphset/graphset.component.ts +++ b/src/app/graphset/graphset.component.ts @@ -1,8 +1,9 @@ -import { Component } from '@angular/core'; +import { Component } from "@angular/core"; +import ZingchartAngular from "zingchart-angular/zingchart"; @Component({ - selector: 'app-graphset', - templateUrl: './graphset.component.html', + selector: "app-graphset", + templateUrl: "./graphset.component.html", }) export class GraphsetComponent { config: ZingchartAngular.data = { @@ -10,62 +11,62 @@ export class GraphsetComponent { graphset: [ { /* Object containing chart data */ - type: 'line', + type: "line", /* Size your chart using height/width attributes */ - height: '200px', - width: '100%', + height: "200px", + width: "100%", /* Position your chart using x/y attributes */ - x: '5%', - y: '5%', + x: "5%", + y: "5%", series: [ { - values: [76, 23, 15, 85, 13] + values: [76, 23, 15, 85, 13], }, { - values: [36, 53, 65, 25, 45] - } - ] + values: [36, 53, 65, 25, 45], + }, + ], }, { /* Object containing chart data */ - type: 'funnel', - height: '55%', - width: '50%', - x: '5%', - y: '200px', + type: "funnel", + height: "55%", + width: "50%", + x: "5%", + y: "200px", series: [ { - values: [30] + values: [30], }, { - values: [15] + values: [15], }, { - values: [5] + values: [5], }, { - values: [3] - } - ] + values: [3], + }, + ], }, { - type: 'pie', - height: '55%', - width: '50%', - x: '50%', - y: '200px', + type: "pie", + height: "55%", + width: "50%", + x: "50%", + y: "200px", series: [ { - values: [15] + values: [15], }, { - values: [30] + values: [30], }, { - values: [34] - } - ] - } - ] + values: [34], + }, + ], + }, + ], }; } diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index 8cf1236..d25c304 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -1,21 +1,20 @@ -import { Component } from '@angular/core'; -import { Router } from '@angular/router'; +import { Component } from "@angular/core"; +import ZingchartAngular from "zingchart-angular/zingchart"; @Component({ - selector: 'app-home', - templateUrl: './home.component.html', + selector: "app-home", + templateUrl: "./home.component.html", }) export class HomeComponent { - constructor(private router: Router) {} config: ZingchartAngular.graphset = { - type: 'bar', + type: "bar", title: { - text: 'Hello ZingChart Angular Edition!' + text: "Hello ZingChart Angular Edition!", }, series: [ { - values: [4, 5, 3, 4, 5, 3, 5, 4, 11] - } - ] + values: [4, 5, 3, 4, 5, 3, 5, 4, 11], + }, + ], }; } diff --git a/src/app/licensing/licensing.component.ts b/src/app/licensing/licensing.component.ts index 33861fe..07e086a 100644 --- a/src/app/licensing/licensing.component.ts +++ b/src/app/licensing/licensing.component.ts @@ -1,31 +1,29 @@ -import { Component } from '@angular/core'; -import { Router } from '@angular/router'; -import zingchart from 'zingchart/es6'; +import { Component } from "@angular/core"; +import ZingchartAngular from "zingchart-angular/zingchart"; +import zingchart from "zingchart/es6"; // // license key -zingchart.LICENSE = ['your_zingchart_license_key']; +zingchart.LICENSE = ["your_zingchart_license_key"]; // for enterprise users -zingchart.BUILDCODE = ['your_license_build_code']; +zingchart.BUILDCODE = ["your_license_build_code"]; @Component({ - selector: 'app-methods', - templateUrl: './licensing.component.html' + selector: "app-methods", + templateUrl: "./licensing.component.html", }) export class LicensingComponent { - constructor(private router: Router) {} - config: ZingchartAngular.graphset = { - type: 'bar', + type: "bar", title: { - text: 'Simple zingchart license key demo' + text: "Simple zingchart license key demo", }, subtitle: { - text: 'License SHOULD appear bottom right... check the codes!' + text: "License SHOULD appear bottom right... check the codes!", }, series: [ { - values: [4, 5, 3, 4, 5, 3, 5, 4, 11] - } - ] + values: [4, 5, 3, 4, 5, 3, 5, 4, 11], + }, + ], }; } diff --git a/src/app/methods/methods.component.ts b/src/app/methods/methods.component.ts index 500acc7..cdca9a8 100644 --- a/src/app/methods/methods.component.ts +++ b/src/app/methods/methods.component.ts @@ -1,31 +1,29 @@ -import { Component } from '@angular/core'; -import { Router } from '@angular/router'; +import { Component } from "@angular/core"; +import ZingchartAngular from "zingchart-angular/zingchart"; @Component({ - selector: 'app-methods', - templateUrl: './methods.component.html' + selector: "app-methods", + templateUrl: "./methods.component.html", }) export class MethodsComponent { - constructor(private router: Router) {} - config: ZingchartAngular.graphset = { - type: 'bar', + type: "bar", title: { - text: 'API Methods' + text: "API Methods", }, series: [ { - values: [4, 5, 3, 4, 5, 3, 5, 4, 11, 12] - } - ] + values: [4, 5, 3, 4, 5, 3, 5, 4, 11, 12], + }, + ], }; addPlot(chartContext: any) { chartContext.addplot({ data: { values: this._randomData(10), - text: 'My new plot' - } + text: "My new plot", + }, }); } diff --git a/src/app/methods2/methods2.component.ts b/src/app/methods2/methods2.component.ts index fd6ee5e..8cfa7c8 100644 --- a/src/app/methods2/methods2.component.ts +++ b/src/app/methods2/methods2.component.ts @@ -1,32 +1,31 @@ -import { Component, ViewChild } from '@angular/core'; -import { Router } from '@angular/router'; +import { Component, ViewChild } from "@angular/core"; +import ZingchartAngular from "zingchart-angular/zingchart"; @Component({ - selector: 'app-methods', - templateUrl: './methods2.component.html' + selector: "app-methods", + templateUrl: "./methods2.component.html", }) -export class MethodsComponent2 { - constructor(private router: Router) {} - @ViewChild('chart1') chart1: any; +export class Methods2Component { + @ViewChild("chart1") chart1: any; config: ZingchartAngular.graphset = { - type: 'bar', + type: "bar", title: { - text: 'API Methods' + text: "API Methods", }, series: [ { - values: [4, 5, 3, 4, 5, 3, 5, 4, 11, 12] - } - ] + values: [4, 5, 3, 4, 5, 3, 5, 4, 11, 12], + }, + ], }; addPlot() { this.chart1.addplot({ data: { values: this._randomData(10), - text: 'My new plot' - } + text: "My new plot", + }, }); } diff --git a/src/app/module-chart/moduleChart.component.ts b/src/app/module-chart/moduleChart.component.ts index e9c3f78..7030969 100644 --- a/src/app/module-chart/moduleChart.component.ts +++ b/src/app/module-chart/moduleChart.component.ts @@ -1,25 +1,26 @@ -import { Component } from '@angular/core'; +import { Component } from "@angular/core"; +import ZingchartAngular from "zingchart-angular/zingchart"; // EXPLICITLY IMPORT ZingChart MODULE // import chart modules used on that page -import 'zingchart'; -import 'zingchart/modules-es6/zingchart-maps.min.js'; -import 'zingchart/modules-es6/zingchart-maps-usa.min.js'; +import "zingchart"; +import "zingchart/modules-es6/zingchart-maps.min.js"; +import "zingchart/modules-es6/zingchart-maps-usa.min.js"; @Component({ - selector: 'app-module-chart', - templateUrl: './moduleChart.component.html', + selector: "app-module-chart", + templateUrl: "./moduleChart.component.html", }) export class ModuleChartComponent { config: ZingchartAngular.graphset = { shapes: [ { - type: 'zingchart.maps', + type: "zingchart.maps", options: { - name: 'usa', - ignore: ['AK', 'HI'] - } - } - ] + name: "usa", + ignore: ["AK", "HI"], + }, + }, + ], }; } diff --git a/tsconfig.app.json b/tsconfig.app.json index 374cc9d..5b9d3c5 100644 --- a/tsconfig.app.json +++ b/tsconfig.app.json @@ -1,14 +1,9 @@ -/* To learn more about this file see: https://angular.io/config/tsconfig. */ { "extends": "./tsconfig.json", "compilerOptions": { "outDir": "./out-tsc/app", "types": [] }, - "files": [ - "src/main.ts" - ], - "include": [ - "src/**/*.d.ts" - ] + "files": ["src/main.ts"], + "include": ["src/**/*.d.ts"] } diff --git a/tsconfig.json b/tsconfig.json index 699c7d8..b3a44f0 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,11 +1,10 @@ -/* To learn more about this file see: https://angular.io/config/tsconfig. */ { "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", "forceConsistentCasingInFileNames": true, - "strict": true, + "strict": false, "strictPropertyInitialization": false, "noImplicitOverride": true, "noPropertyAccessFromIndexSignature": true, @@ -20,14 +19,10 @@ "target": "ES2022", "module": "ES2022", "useDefineForClassFields": false, - "lib": [ - "ES2022", - "dom" - ], + "lib": ["ES2022", "dom"], "paths": { - "zingchart-angular-component": [ - "dist/zingchart-angular" - ] + "zingchart-angular": ["dist/zingchart-angular"], + "zingchart-angular/zingchart": ["dist/zingchart-angular/zingchart"] } }, "angularCompilerOptions": { diff --git a/tsconfig.spec.json b/tsconfig.spec.json index be7e9da..dd41526 100644 --- a/tsconfig.spec.json +++ b/tsconfig.spec.json @@ -1,14 +1,8 @@ -/* To learn more about this file see: https://angular.io/config/tsconfig. */ { "extends": "./tsconfig.json", "compilerOptions": { "outDir": "./out-tsc/spec", - "types": [ - "jasmine" - ] + "types": ["jasmine", "node"] }, - "include": [ - "src/**/*.spec.ts", - "src/**/*.d.ts" - ] + "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] }