[ { "path": ".all-contributorsrc", "content": "{\n \"files\": [\n \"README.md\"\n ],\n \"imageSize\": 100,\n \"commit\": false,\n \"contributors\": [\n {\n \"login\": \"darshkpatel\",\n \"name\": \"Darsh Patel\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/11258286?v=4\",\n \"profile\": \"http://darshkpatel.com\",\n \"contributions\": [\n \"code\",\n \"doc\",\n \"infra\"\n ]\n },\n {\n \"login\": \"dssudake\",\n \"name\": \"Darshan Sudake\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/42094875?v=4\",\n \"profile\": \"https://www.linkedin.com/in/darshan-sudake-a640ba1b1/\",\n \"contributions\": [\n \"code\",\n \"doc\",\n \"design\"\n ]\n },\n {\n \"login\": \"felixfaisal\",\n \"name\": \"felixfaisal\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/42486737?v=4\",\n \"profile\": \"https://felixfaisal.github.io/\",\n \"contributions\": [\n \"code\",\n \"doc\",\n \"design\"\n ]\n },\n {\n \"login\": \"rohitgeddam\",\n \"name\": \"rohitgeddam\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/48797475?v=4\",\n \"profile\": \"https://github.com/rohitgeddam\",\n \"contributions\": [\n \"code\",\n \"doc\",\n \"design\"\n ]\n },\n {\n \"login\": \"NavonilDas\",\n \"name\": \"Navonil Das\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/29132316?v=4\",\n \"profile\": \"http://navonildas.github.io/\",\n \"contributions\": [\n \"code\",\n \"doc\",\n \"design\"\n ]\n },\n {\n \"login\": \"meet-10\",\n \"name\": \"Meet10\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/61341284?v=4\",\n \"profile\": \"https://github.com/meet-10\",\n \"contributions\": [\n \"code\",\n \"doc\",\n \"design\"\n ]\n },\n {\n \"login\": \"gupta-arpit\",\n \"name\": \"gupta-arpit\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/12170429?v=4\",\n \"profile\": \"https://github.com/gupta-arpit\",\n \"contributions\": [\n \"code\",\n \"design\"\n ]\n },\n {\n \"login\": \"ikartikgautam\",\n \"name\": \"Kartik Gautam\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/39825660?v=4\",\n \"profile\": \"http://ikartikgautam.web.app/\",\n \"contributions\": [\n \"code\",\n \"doc\",\n \"design\"\n ]\n },\n {\n \"login\": \"kumanik5661\",\n \"name\": \"Nikhil Kumar\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/42597251?v=4\",\n \"profile\": \"https://github.com/kumanik5661\",\n \"contributions\": [\n \"code\",\n \"doc\",\n \"design\"\n ]\n },\n {\n \"login\": \"Kaustuv942\",\n \"name\": \"Kaustuv K Chattopadhyay\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/56028031?v=4\",\n \"profile\": \"https://github.com/Kaustuv942\",\n \"contributions\": [\n \"code\",\n \"doc\",\n \"design\"\n ]\n },\n {\n \"login\": \"akshat2602\",\n \"name\": \"Akshat Sharma\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/35724794?v=4\",\n \"profile\": \"https://akshat-sharma.me\",\n \"contributions\": [\n \"code\",\n \"doc\",\n \"design\"\n ]\n },\n {\n \"login\": \"Rugz007\",\n \"name\": \"Rugved Somwanshi\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/16833604?v=4\",\n \"profile\": \"http://rugvedsomwanshi.me\",\n \"contributions\": [\n \"code\",\n \"doc\",\n \"design\"\n ]\n },\n {\n \"login\": \"rajatmaheshwari2512\",\n \"name\": \"Rajat Maheshwari\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/54249328?v=4\",\n \"profile\": \"https://rajatmaheshwari.me/\",\n \"contributions\": [\n \"code\",\n \"doc\",\n \"design\"\n ]\n }\n ],\n \"contributorsPerLine\": 7,\n \"projectName\": \"eSim-Cloud\",\n \"projectOwner\": \"frg-fossee\",\n \"repoType\": \"github\",\n \"repoHost\": \"https://github.com\",\n \"skipCi\": true\n}\n" }, { "path": ".github/workflows/angularTestBuild.yml", "content": "name: Angular Build and Tests\n\non:\n push:\n paths: [ 'ArduinoFrontend/**' ]\n pull_request:\n paths: [ 'ArduinoFrontend/**' ]\n\njobs:\n build:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v2\n - name: Use Node js\n uses: actions/setup-node@v1\n with:\n node-version: 10.5.0\n - name: Install packages,lint,build and Unit testing\n working-directory: ./ArduinoFrontend\n run: |\n npm install\n npm run lint\n npm run build -- --prod\n npm test -- --configuration=ci\n" }, { "path": ".github/workflows/devDockerCompose.yml", "content": "name: Containers\n\non:\n push:\n #Until changes are merged to master initially\n branches: [ develop, docker-images ]\n\njobs:\n\n build:\n\n runs-on: ubuntu-latest\n\n steps:\n - uses: actions/checkout@v1\n - name: Login to docker\n run: echo \"${{ secrets.GITHUB_TOKEN }}\" | docker login https://docker.pkg.github.com -u ${{ github.repository_owner }} --password-stdin\n\n - name: Build the docker-compose stack\n run: |\n docker-compose -f docker-compose.dev.yml --env-file .env pull --ignore-pull-failures\n docker-compose -f docker-compose.dev.yml --env-file .env build\n\n - name: Run the docker-compose step\n run: docker-compose -f docker-compose.dev.yml --env-file .env up -d\n\n - name: Check running containers\n run: docker ps -a\n\n - name: Publish images\n run: docker-compose -f docker-compose.dev.yml --env-file .env push\n" }, { "path": ".github/workflows/dockerTestBackend.yml", "content": "name: Django Build and Tests\n\non:\n push:\n paths: [ 'esim-cloud-backend/**' ]\n pull_request:\n paths: [ 'esim-cloud-backend/**' ]\n\n\njobs:\n\n build:\n\n runs-on: ubuntu-latest\n\n steps:\n - uses: actions/checkout@v2\n\n - name: Login to docker\n run: echo \"${{ secrets.GITHUB_TOKEN }}\" | docker login https://docker.pkg.github.com -u ${{ github.repository_owner }} --password-stdin\n - name: Build Images\n run: |\n docker-compose -f docker-compose.dev.yml --env-file .env pull --ignore-pull-failures\n docker-compose -f docker-compose.dev.yml --env-file .env build\n - name: Run Django Test Suite\n run: |\n docker-compose -f docker-compose.dev.yml run django python manage.py test\n" }, { "path": ".github/workflows/masterDockerCompose.yml", "content": "name: Containers\n\non:\n push:\n branches: [ master, devops ]\n\njobs:\n\n build:\n\n runs-on: ubuntu-latest\n\n steps:\n - uses: actions/checkout@v1\n - name: Login to docker\n run: echo \"${{ secrets.GITHUB_TOKEN }}\" | docker login https://docker.pkg.github.com -u ${{ github.repository_owner }} --password-stdin\n\n - name: Build the docker-compose stack\n run: |\n cp .env .env.prod\n docker-compose -f docker-compose.prod.yml --env-file .env.prod pull --ignore-pull-failures\n docker-compose -f docker-compose.prod.yml --env-file .env.prod build\n\n - name: Run the docker-compose step\n run: docker-compose -f docker-compose.prod.yml --env-file .env.prod up -d\n\n - name: Check running containers\n run: docker ps -a\n\n - name: Publish images\n if: github.ref == 'refs/heads/master'\n run: docker-compose -f docker-compose.prod.yml --env-file .env.prod push\n" }, { "path": ".github/workflows/prodContainers.yml", "content": "name: Master Containers\n\non:\n push:\n branches: [ master ]\n\njobs:\n publish:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v1\n - name: Login to docker\n run: echo \"${{ secrets.GITHUB_TOKEN }}\" | docker login https://docker.pkg.github.com -u ${{ github.repository_owner }} --password-stdin\n\n - name: Build the docker-compose stack\n run: |\n cp .env .env.prod\n docker-compose -f docker-compose.prod.yml --env-file .env.prod pull --ignore-pull-failures\n docker-compose -f docker-compose.prod.yml --env-file .env.prod build\n - name: Run the docker-compose step\n run: docker-compose -f docker-compose.prod.yml --env-file .env.prod up -d\n\n - name: Check running containers\n run: docker ps -a\n\n - name: Publish images\n run: docker-compose -f docker-compose.prod.yml --env-file .env.prod push\n" }, { "path": ".github/workflows/reactEslint.yml", "content": "name: ESLint eda-frontend\n\non:\n push:\n paths: [ 'eda-frontend/**' ]\n\njobs:\n eslint:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v1\n - uses: darshkpatel/eslint-action@master\n with:\n repo-token: ${{secrets.GITHUB_TOKEN}}\n source-root: 'eda-frontend'\n" }, { "path": ".github/workflows/reactTestBuild.yml", "content": "name: React Build and Tests\n\non:\n push:\n paths: [ 'eda-frontend/**' ]\n pull_request:\n paths: [ 'eda-frontend/**' ]\n\njobs:\n build:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v2\n - name: Use Node js\n uses: actions/setup-node@v1\n with:\n node-version: 10.5.0\n - name: Install packages,lint,build and Unit testing\n working-directory: ./eda-frontend\n run: |\n export NODE_OPTIONS=--max_old_space_size=4096\n npm install\n CI=true npm run build\n CI=true npm test\n" }, { "path": ".gitignore", "content": "redis_data/\nmysql_data/\n.vscode\nvenv\nenv\n*.sqlite3\n.env.prod\nmongo_data/\nsample_lib/\nsymbols/*\n.DS_Store\nmigrations\nsymbol_svgs\npostgres_data\nfile_storage\nnode_modules\n" }, { "path": "ArduinoFrontend/.editorconfig", "content": "# Editor configuration, see https://editorconfig.org\nroot = true\n\n[*]\ncharset = utf-8\nindent_style = space\nindent_size = 2\ninsert_final_newline = true\ntrim_trailing_whitespace = true\n\n[*.md]\nmax_line_length = off\ntrim_trailing_whitespace = false\n" }, { "path": "ArduinoFrontend/.gitignore", "content": "# See http://help.github.com/ignore-files/ for more about ignoring files.\n\n# compiled output\n/dist\n/doc\n/documentation\n/tmp\n/out-tsc\n# Only exists if Bazel was run\n/bazel-out\n\n# dependencies\n/node_modules\n\n# profiling files\nchrome-profiler-events.json\nspeed-measure-plugin.json\n\n# IDEs and editors\n/.idea\n.project\n.classpath\n.c9/\n*.launch\n.settings/\n*.sublime-workspace\n\n# IDE - VSCode\n.vscode/*\n!.vscode/settings.json\n!.vscode/tasks.json\n!.vscode/launch.json\n!.vscode/extensions.json\n.history/*\n\n# misc\n/.sass-cache\n/connect.lock\n/coverage\n/libpeerconnection.log\nnpm-debug.log\nyarn-error.log\ntestem.log\n/typings\n\n# System Files\n.DS_Store\nThumbs.db\n" }, { "path": "ArduinoFrontend/Dockerfile", "content": "FROM node:10-alpine3.11\n\nRUN mkdir /code\nWORKDIR /code\n\nCOPY package.json /code/package.json\nCOPY package-lock.json /code/package-lock.json\n\n" }, { "path": "ArduinoFrontend/README.md", "content": "# ArduinoFrontend\n\n## Instructions\n\n* Install Packages\n\n```bash\nnpm install\n```\n\n* Run Server\n\n```bash\nng serve\n```\n\n* Angular Linting\n\n```bash\nng lint\n```\n\n* Angular Unit testing\n\n```bash\nng test\n```\n\n* To generate documentation\n\n```bash\nnpm run doc\n```\n\nThen open a server on the \"documentation\" folder.\n" }, { "path": "ArduinoFrontend/angular.json", "content": "{\n \"$schema\": \"./node_modules/@angular/cli/lib/config/schema.json\",\n \"version\": 1,\n \"newProjectRoot\": \"projects\",\n \"projects\": {\n \"ArduinoFrontend\": {\n \"root\": \"\",\n \"sourceRoot\": \"src\",\n \"projectType\": \"application\",\n \"prefix\": \"app\",\n \"schematics\": {},\n \"architect\": {\n \"build\": {\n \"builder\": \"@angular-devkit/build-angular:browser\",\n \"options\": {\n \"outputPath\": \"dist/ArduinoFrontend\",\n \"index\": \"src/index.html\",\n \"main\": \"src/main.ts\",\n \"polyfills\": \"src/polyfills.ts\",\n \"tsConfig\": \"src/tsconfig.app.json\",\n \"assets\": [\n \"src/favicon.ico\",\n \"src/assets\",\n {\n \"glob\": \"**/*\",\n \"input\": \"node_modules/ngx-monaco-editor/assets/monaco\",\n \"output\": \"./assets/monaco/\"\n }\n ],\n \"styles\": [\n \"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css\",\n \"src/styles.css\"\n ],\n \"scripts\": [],\n \"es5BrowserSupport\": true,\n \"showCircularDependencies\": false\n },\n \"configurations\": {\n \"production\": {\n \"fileReplacements\": [\n {\n \"replace\": \"src/environments/environment.ts\",\n \"with\": \"src/environments/environment.prod.ts\"\n }\n ],\n \"optimization\": true,\n \"outputHashing\": \"all\",\n \"sourceMap\": true,\n \"extractCss\": true,\n \"namedChunks\": false,\n \"aot\": true,\n \"extractLicenses\": true,\n \"vendorChunk\": false,\n \"buildOptimizer\": true,\n \"budgets\": [\n {\n \"type\": \"initial\",\n \"maximumWarning\": \"8mb\",\n \"maximumError\": \"10mb\"\n }\n ]\n }\n }\n },\n \"serve\": {\n \"builder\": \"@angular-devkit/build-angular:dev-server\",\n \"options\": {\n \"browserTarget\": \"ArduinoFrontend:build\",\n \"host\": \"0.0.0.0\"\n },\n \"configurations\": {\n \"production\": {\n \"browserTarget\": \"ArduinoFrontend:build:production\"\n }\n }\n },\n \"extract-i18n\": {\n \"builder\": \"@angular-devkit/build-angular:extract-i18n\",\n \"options\": {\n \"browserTarget\": \"ArduinoFrontend:build\"\n }\n },\n \"test\": {\n \"builder\": \"@angular-devkit/build-angular:karma\",\n \"options\": {\n \"main\": \"src/test.ts\",\n \"polyfills\": \"src/polyfills.ts\",\n \"tsConfig\": \"src/tsconfig.spec.json\",\n \"karmaConfig\": \"src/karma.conf.js\",\n \"styles\": [\n \"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css\",\n \"src/styles.css\"\n ],\n \"scripts\": [],\n \"assets\": [\n \"src/favicon.ico\",\n \"src/assets\"\n ]\n },\n \"configurations\": {\n \"ci\": {\n \"watch\": false,\n \"progress\": false,\n \"browsers\": \"CIChromeHeadless\"\n }\n }\n },\n \"lint\": {\n \"builder\": \"@angular-devkit/build-angular:tslint\",\n \"options\": {\n \"tsConfig\": [\n \"src/tsconfig.app.json\",\n \"src/tsconfig.spec.json\"\n ],\n \"exclude\": [\n \"**/node_modules/**\"\n ]\n }\n }\n }\n },\n \"ArduinoFrontend-e2e\": {\n \"root\": \"e2e/\",\n \"projectType\": \"application\",\n \"prefix\": \"\",\n \"architect\": {\n \"e2e\": {\n \"builder\": \"@angular-devkit/build-angular:protractor\",\n \"options\": {\n \"protractorConfig\": \"e2e/protractor.conf.js\",\n \"devServerTarget\": \"ArduinoFrontend:serve\"\n },\n \"configurations\": {\n \"production\": {\n \"devServerTarget\": \"ArduinoFrontend:serve:production\"\n },\n \"ci\": {\n \"devServerTarget\": \"ArduinoFrontend:serve:production\",\n \"protractorConfig\": \"e2e/protractor-ci.conf.js\"\n }\n }\n },\n \"lint\": {\n \"builder\": \"@angular-devkit/build-angular:tslint\",\n \"options\": {\n \"tsConfig\": \"e2e/tsconfig.e2e.json\",\n \"exclude\": [\n \"**/node_modules/**\"\n ]\n }\n }\n }\n }\n },\n \"defaultProject\": \"ArduinoFrontend\",\n \"cli\": {\n \"analytics\": \"aae09df8-6ed6-4120-adda-1b9080860d1e\"\n }\n}" }, { "path": "ArduinoFrontend/e2e/protractor-ci.conf.js", "content": "\nconst config = require('./protractor.conf').config;\n\nconfig.capabilities = {\n browserName: 'chrome',\n chromeOptions: {\n args: ['--headless', '--no-sandbox', '--disable-gpu'],\n binary: require('puppeteer').executablePath(),\n },\n};\n\nexports.config = config;\n" }, { "path": "ArduinoFrontend/e2e/protractor.conf.js", "content": "// Protractor configuration file, see link for more information\n// https://github.com/angular/protractor/blob/master/lib/config.ts\n\nconst { SpecReporter } = require('jasmine-spec-reporter');\n\nexports.config = {\n allScriptsTimeout: 11000,\n specs: [\n './src/**/*.e2e-spec.ts'\n ],\n capabilities: {\n 'browserName': 'chrome'\n },\n directConnect: true,\n baseUrl: 'http://localhost:4200/',\n framework: 'jasmine',\n jasmineNodeOpts: {\n showColors: true,\n defaultTimeoutInterval: 30000,\n print: function() {}\n },\n onPrepare() {\n require('ts-node').register({\n project: require('path').join(__dirname, './tsconfig.e2e.json')\n });\n jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));\n }\n};" }, { "path": "ArduinoFrontend/e2e/src/app.e2e-spec.ts", "content": "import { AppPage } from './app.po';\nimport { browser, logging } from 'protractor';\n\ndescribe('workspace-project App', () => {\n let page: AppPage;\n\n beforeEach(() => {\n page = new AppPage();\n });\n\n\n afterEach(async () => {\n // Assert that there are no errors emitted from the browser\n const logs = await browser.manage().logs().get(logging.Type.BROWSER);\n expect(logs).not.toContain(jasmine.objectContaining({\n level: logging.Level.SEVERE,\n } as logging.Entry));\n });\n});\n" }, { "path": "ArduinoFrontend/e2e/src/app.po.ts", "content": "import { browser, by, element } from 'protractor';\n\n/**\n * AppPage End to End Testing\n */\nexport class AppPage {\n /**\n * Navigate to Base URL\n */\n navigateTo() {\n return browser.get(browser.baseUrl) as Promise;\n }\n}\n" }, { "path": "ArduinoFrontend/e2e/tsconfig.e2e.json", "content": "{\n \"extends\": \"../tsconfig.json\",\n \"compilerOptions\": {\n \"outDir\": \"../out-tsc/app\",\n \"module\": \"commonjs\",\n \"target\": \"es5\",\n \"types\": [\n \"jasmine\",\n \"jasminewd2\",\n \"node\"\n ]\n }\n}" }, { "path": "ArduinoFrontend/package.json", "content": "{\n \"name\": \"arduino-frontend\",\n \"version\": \"0.8.0\",\n \"scripts\": {\n \"ng\": \"ng\",\n \"start\": \"ng serve --disableHostCheck\",\n \"build\": \" ng build --prod --aot --buildOptimizer --extractCss --optimization --extractLicenses\",\n \"test\": \"ng test\",\n \"lint\": \"ng lint\",\n \"e2e\": \"ng e2e\",\n \"postinstall\": \"webdriver-manager update --standalone false --gecko false --versions.chrome 76.0.3809.68\",\n \"doc\": \"compodoc -p tsconfig.json\"\n },\n \"private\": true,\n \"dependencies\": {\n \"@angular/animations\": \"~7.2.0\",\n \"@angular/cdk\": \"~7.3.7\",\n \"@angular/common\": \"~7.2.0\",\n \"@angular/compiler\": \"~7.2.0\",\n \"@angular/core\": \"~7.2.0\",\n \"@angular/forms\": \"~7.2.0\",\n \"@angular/material\": \"^7.3.7\",\n \"@angular/platform-browser\": \"~7.2.0\",\n \"@angular/platform-browser-dynamic\": \"~7.2.0\",\n \"@angular/router\": \"~7.2.0\",\n \"chart.js\": \"^2.9.4\",\n \"chroma-js\": \"^1.3.5\",\n \"core-js\": \"^2.6.12\",\n \"file-saver\": \"^2.0.5\",\n \"is-promise\": \"2.2.2\",\n \"lodash\": \"^4.17.19\",\n \"lodash-transpose\": \"^0.2.1\",\n \"ng2-charts\": \"^2.4.3\",\n \"ngx-filter-pipe\": \"^2.1.2\",\n \"ngx-monaco-editor\": \"^7.0.0\",\n \"or\": \"^0.2.0\",\n \"rxjs\": \"~6.3.3\",\n \"tslib\": \"^1.14.1\",\n \"zone.js\": \"~0.8.26\"\n },\n \"devDependencies\": {\n \"@angular-devkit/build-angular\": \"^0.13.10\",\n \"@angular/cli\": \"~7.3.8\",\n \"@angular/compiler-cli\": \"~7.2.0\",\n \"@angular/language-service\": \"~7.2.0\",\n \"@compodoc/compodoc\": \"^1.1.11\",\n \"@types/jasmine\": \"^2.8.17\",\n \"@types/jasminewd2\": \"^2.0.9\",\n \"@types/node\": \"^8.10.66\",\n \"avr8js\": \"^0.9.2\",\n \"codelyzer\": \"~4.5.0\",\n \"jasmine-core\": \"~2.99.1\",\n \"jasmine-spec-reporter\": \"~4.2.1\",\n \"karma\": \"~4.0.0\",\n \"karma-chrome-launcher\": \"~2.2.0\",\n \"karma-coverage-istanbul-reporter\": \"~2.0.1\",\n \"karma-jasmine\": \"~1.1.2\",\n \"karma-jasmine-html-reporter\": \"^0.2.2\",\n \"protractor\": \"~5.4.0\",\n \"puppeteer\": \"chrome-76\",\n \"ts-node\": \"~7.0.0\",\n \"tslint\": \"~5.11.0\",\n \"typescript\": \"~3.2.2\"\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/AVR8/Execute.ts", "content": "import { TaskScheduler } from './Scheduler';\nimport { parseHex } from './IntelHex';\n\n/**\n * AVR8 Global Variable\n */\ndeclare var AVR8: any;\n\n/**\n * Event to change the Value of a pin after some duration in microseconds\n */\nexport interface MicroEvent {\n /**\n * State of the Pin\n */\n state: boolean;\n /**\n * Pin Number\n */\n pin: number;\n /**\n * Port register\n */\n port: string;\n /**\n * Start of the clock\n */\n start: number;\n /**\n * Complete time period in microsecond\n */\n period: number;\n /**\n * Is Event enabled\n */\n enable: boolean;\n}\n\n/**\n * PWM Event\n */\nexport interface ServoEvent {\n /**\n * Pin where component is attached\n */\n pin: number;\n /**\n * Start time of the event\n */\n start: number;\n /**\n * prev value of pwm (angle in case of servo)\n */\n prevAngle: number;\n /**\n * is we only need pwm output\n */\n isPWM?: boolean;\n /**\n * Port where component is attached.\n */\n port?: string;\n /**\n * Callback with current value and previous value\n */\n callback: (angle: number, prevAngle: number) => void;\n}\n\n/**\n * Arduino Program Loop class ie. Arduino runner\n */\nexport class ArduinoRunner {\n /**\n * Program Data\n */\n readonly program = new Uint16Array(0x8000);\n /**\n * Arduino CPU\n */\n readonly cpu: any;\n /**\n * Arduino Timer 0\n */\n readonly timer0: any;\n /**\n * Arduino Timer 1\n */\n readonly timer1: any;\n /**\n * Arduino Timer 2\n */\n readonly timer2: any;\n /**\n * Arduino register Port B\n */\n readonly portB: any;\n /**\n * Arduino register Port C\n */\n readonly portC: any;\n /**\n * Arduino register Port D\n */\n readonly portD: any;\n /**\n * Arduino Universal Synchronous/Asynchronous Receiver/Transmitter\n */\n readonly usart: any;\n /**\n * Arduino Analog to Digital Convertor\n */\n readonly adc: any;\n /**\n * Arduino Frequency\n */\n readonly frequency = 16e6;\n /**\n * Task Scheduler for Arduino\n */\n readonly scheduler: TaskScheduler = new TaskScheduler();\n /**\n * Work Unit Cycles\n */\n readonly workUnitCycles = 500000; // TODO: FIGURE OUT\n /**\n * All microseconds event\n */\n private events: MicroEvent[] = [];\n /**\n * List for all PWM events\n */\n private servo: ServoEvent[] = [];\n /**\n * Port Listeners\n */\n private listeners: any = {};\n /**\n * Contains Serial data\n */\n private serialBuffer: string[] = [];\n /**\n * Arduino runner constructor\n * @param hex Compiled Hex string\n */\n constructor(hex: string) {\n // Parse the compiled hex\n parseHex(hex, new Uint8Array(this.program.buffer));\n // initialize variables\n this.cpu = new AVR8.CPU(this.program);\n this.timer0 = new AVR8.AVRTimer(this.cpu, AVR8.timer0Config);\n this.timer1 = new AVR8.AVRTimer(this.cpu, AVR8.timer1Config);\n this.timer2 = new AVR8.AVRTimer(this.cpu, AVR8.timer2Config);\n this.portB = new AVR8.AVRIOPort(this.cpu, AVR8.portBConfig);\n this.portC = new AVR8.AVRIOPort(this.cpu, AVR8.portCConfig);\n this.portD = new AVR8.AVRIOPort(this.cpu, AVR8.portDConfig);\n this.usart = new AVR8.AVRUSART(this.cpu, AVR8.usart0Config, this.frequency);\n this.adc = new AVR8.ADC(this.cpu);\n // Start the scheduler\n this.scheduler.start();\n }\n /**\n * The Execute loop\n */\n execute() {\n // Complete work unit cycle\n const cyclesToRun = this.cpu.cycles + this.workUnitCycles;\n while (this.cpu.cycles < cyclesToRun) {\n AVR8.avrInstruction(this.cpu); // Parse the instruction\n // Update timers\n this.timer0.tick();\n this.timer1.tick();\n this.timer2.tick();\n this.usart.tick();\n // For handling microsecond events\n for (const event of this.events) {\n const ms = Math.floor(((this.cpu.cycles - event.start) * 1000000) / this.frequency);\n if (event.enable && ms !== 0 && ms % event.period === 0) {\n this[event.port].setPin(event.pin, event.state);\n event.state = !event.state;\n event.start = this.cpu.cycles;\n }\n }\n }\n // Send Serial data to the arduino\n if (((this.cpu.data[0xc0] >> 7) & 1) === 0 && this.serialBuffer.length > 0) {\n const chr = this.serialBuffer.shift();\n this.cpu.data[0xc6] = chr.charCodeAt(0) & 255;\n let tmp = this.cpu.data[0xc0];\n tmp &= ~(1 << 6);\n tmp &= ~(1 << 5);\n tmp |= (1 << 7);\n this.cpu.writeData(0xc0, tmp);\n }\n // add task to queue\n this.scheduler.postTask(() => this.execute());\n }\n /**\n * Return Miliseconds of time span\n * @param seconds CPU Seconds\n */\n getmiliS(seconds: number) {\n const ms = Math.floor(seconds * 1000) % 1000;\n return ms;\n }\n /**\n * Returns Microsecond of timespan\n * @param seconds CPU Seconds\n */\n getMicroSeconds(seconds: number) {\n return (seconds * 1000000) % 1000000;\n }\n /**\n * Delete The runner\n */\n delete() {\n this.events = null;\n this.servo = null;\n this.listeners = null;\n this.scheduler.stop();\n }\n /**\n * Stop the scheduler\n */\n stop() {\n this.scheduler.stop();\n }\n /**\n * Add microsecond event\n * @param event Micro second event\n */\n addMicroEvent(event: MicroEvent) {\n return this.events.push(event) - 1;\n }\n /**\n * Get the Microsecond event\n * @param index Index of Microevent\n */\n getMicroEvent(index: number): MicroEvent {\n // TODO: Check index is in range\n return this.events[index];\n }\n /**\n * Add a PWM EVENT\n * @param port The PWM Port\n * @param pin The PWM Pin\n * @param callback callback to send pwm value\n * @param isPwm isPwm or servo (if servo the callback will get angle)\n */\n addServo(port: string, pin: number, callback: (angle: number, prevAngle: number) => void, isPwm = false) {\n // Add the event to the queue\n this.servo.push({\n pin,\n prevAngle: -10,\n start: 0,\n callback,\n isPWM: isPwm,\n port\n });\n\n if (!(port in this.listeners)) {\n this[port].addListener((value) => {\n for (const item of this.servo) {\n if (port !== item.port) {\n continue;\n }\n\n // Logic for handling PWM\n if (((value >> item.pin) & 1) === 1) {\n item.start = this.cpu.cycles;\n } else {\n if (item.start === 0) {\n continue;\n }\n const seconds = ((this.cpu.cycles - item.start) * 1000000) / this.frequency;\n let ang = 0.0;\n if (item.isPWM) {\n ang = (Math.floor(seconds) - 7) / 4.048;\n ang = Math.floor(ang);\n } else {\n ang = (Math.floor(seconds) - 543) / 10.316;\n ang = Math.floor(ang);\n }\n if (\n (ang + 1) !== item.prevAngle &&\n (ang - 1) !== item.prevAngle &&\n ang !== item.prevAngle\n ) {\n callback(ang, item.prevAngle);\n item.prevAngle = ang;\n }\n item.start = 0;\n }\n\n }\n });\n this.listeners[port] = true;\n }\n }\n /**\n * Add serial input to the buffer\n * @param inp Input String that needs to be sent\n */\n serialInput(inp: string) {\n this.serialBuffer = inp.split('');\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/AVR8/IntelHex.ts", "content": "import { saveAs } from 'file-saver';\n/**\n * PART OF AVR8js (Minimal Hex Parser)\n * To Understand Proper Working visit\n * https://en.wikipedia.org/wiki/Intel_HEX\n * @param source String Hex\n * @param target Program memory\n */\nexport function parseHex(source: string, target: Uint8Array) {\n // Split By Lines\n // writeText(source, \"hexCode.hex\");\n for (const line of source.split('\\n')) {\n if (line[0] === ':' && line.substr(7, 2) === '00') {\n const bytes = parseInt(line.substr(1, 2), 16);\n const addr = parseInt(line.substr(3, 4), 16);\n for (let i = 0; i < bytes; i++) {\n target[addr + i] = parseInt(line.substr(9 + i * 2, 2), 16);\n }\n }\n }\n}\n\nfunction writeText(data, filename) {\n const blob = new Blob([data], {type: 'text/plain;charset=utf-8'});\n saveAs(blob, filename);\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/AVR8/Scheduler.ts", "content": "/**\n * Type Definition of Task Callback aka Job that needs to be executed\n */\nexport type TaskCallback = () => void;\n/**\n * Faster setTimeout(fn, 0) implementation using postMessage API\n * Based on https://dbaron.org/log/20100309-faster-timeouts\n */\nexport class TaskScheduler {\n /**\n * Message used to check for Arduino task\n */\n readonly messageName = 'arduinoRocks';\n\n /**\n * Queue to store Task (JOB)\n */\n private Queue: Array = [];\n /**\n * Store the state of queue\n */\n private stopped = true;\n\n /**\n * Start The Scheduler\n */\n start() {\n // If it is on Stop State then start\n if (this.stopped) {\n this.stopped = false;\n window.addEventListener('message', this.handleMessage, true);\n }\n }\n /**\n * Stop The Scheduler\n */\n stop() {\n this.stopped = true;\n window.removeEventListener('message', this.handleMessage, true);\n }\n /**\n * Add task to the Scheduler\n * @param fn The Task that needs to complete\n */\n postTask(fn: TaskCallback) {\n // if it is stop then don't add to queue\n if (!this.stopped) {\n this.Queue.push(fn);\n window.postMessage(this.messageName, '*');\n }\n }\n /**\n * Message Event Listener\n * @param event Message Event\n */\n private handleMessage = (event: MessageEvent) => {\n // Only Process Arduino Task and ignore others\n if (event.data === this.messageName) {\n // Prevents further propagation of the current event\n event.stopPropagation();\n // Takes the Task (job) from queue and execute it\n const executeJob = this.Queue.shift();\n if (executeJob !== undefined) {\n executeJob();\n }\n }\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/Battery.ts", "content": "import { CircuitElement } from './CircuitElement';\n\n/**\n * Battery9V class\n */\nexport class Battery9v extends CircuitElement {\n /**\n * Battery9V constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('Battery9v', x, y, 'Battery9v.json', canvas);\n }\n /** init is called when the component is complety drawn to the canvas */\n init() {\n // console.log(this.nodes[0].label);\n // console.log(this.nodes[1].label);\n this.nodes[1].addValueListener((v, calledby) => {\n // if both the terminals of battery are connected with each other\n if (calledby.parent.id === this.id) {\n /// TODO: Show Toast and Stop Simulation\n console.log('Short Circuit');\n window['showToast']('Short Circuit');\n }\n if (v >= 0 && this.nodes[0].value <= 0) {\n this.nodes[0].setValue(9, this.nodes[0]);\n }\n if (v < 0) {\n this.nodes[0].setValue(-1, this.nodes[0]);\n }\n });\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: 'Battery9v',\n id: this.id,\n body,\n title: '9v Battery'\n };\n }\n /**\n * Initialize variable when start simulation is pressed\n */\n initSimulation(): void {\n this.nodes[0].setValue(9, null);\n setTimeout(() => {\n if (this.nodes[1].value < 0) {\n this.nodes[0].setValue(-1, null);\n }\n }, 10);\n }\n /**\n * Called on Stop Simulation\n */\n closeSimulation(): void {\n }\n}\n\n/**\n * CoinCell3V class\n */\nexport class CoinCell extends CircuitElement {\n /**\n * CoinCell 3V constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('CoinCell', x, y, 'CoinCell.json', canvas);\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n init() {\n this.nodes[1].addValueListener((_, calledby, __) => {\n if (calledby.parent.id === this.id) {\n /// TODO: Show Toast and Stop Simulation\n window['showToast']('Short Circuit');\n }\n });\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'Coin Cell'\n };\n }\n /**\n * Initialize variable when start simulation is pressed\n */\n initSimulation(): void {\n this.nodes[0].setValue(3, null);\n }\n /**\n * Called on stop Simulation\n */\n closeSimulation(): void {\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/CircuitElement.spec.ts", "content": "" }, { "path": "ArduinoFrontend/src/app/Libs/CircuitElement.ts", "content": "import { Point } from './Point';\nimport { Wire } from './Wire';\nimport { isNull } from 'util';\nimport { BoundingBox } from './Geometry';\nimport { UndoUtils } from './UndoUtils';\n\n/**\n * Abstract Class Circuit Elements\n * Inherited by Each Circuit Component\n */\nexport abstract class CircuitElement {\n /**\n * Circuit Component Name\n */\n public keyName: string;\n /**\n * Stores the id of the Component\n */\n public id: number;\n /**\n * Stores the Nodes of a Component\n */\n public nodes: Point[] = [];\n /**\n * Raphael Set of elements\n */\n public elements: any;\n /**\n * Translation X\n */\n public tx = 0;\n /**\n * Translation Y\n */\n public ty = 0;\n /**\n * Title of the component\n */\n public title: string;\n /**\n * Store Values That are required during simulation\n */\n public simulationData: any = {};\n /**\n * Store Values that are additionaly require by class\n */\n public data: any = {};\n /**\n * Stores Information regarding a component\n */\n public info: any;\n /**\n * The Half Size of the Circuit Node\n */\n public pointHalf: number;\n /**\n * Node ID\n */\n public nid = 0;\n /**\n * Constructor For Circuit Element Class (Parent of every component)\n * @param keyName KeyName For a Component required for mapping class to string\n * @param x X position of component\n * @param y Y Position Of component\n * @param filename Json Data filename\n * @param canvas Raphael Canvas\n */\n constructor(keyName: string, public x: number, public y: number, filename: string = '', canvas: any = null) {\n this.id = Date.now(); // Generate New id\n this.keyName = keyName; // Set key name\n // Create Raphael Set\n this.elements = window['canvas'].set();\n\n // if filename is present fetch the file\n if (filename) {\n\n fetch(`./assets/jsons/${filename}`)\n .then(v => v.json())\n .then(obj => {\n // get the title\n this.title = obj.name;\n\n this.pointHalf = obj.pointHalf;\n // Draw Elements of the component\n\n this.DrawElement(canvas, obj.draw);\n // Add Circuiy Nodes\n this.DrawNodes(canvas, obj.pins, obj.pointHalf);\n // Add info and data\n this.info = obj.info;\n this.data = obj.data;\n // Add a Drag listener\n this.setDragListeners();\n // Add a Click Listener\n this.setClickListener(null);\n // Add Hover Listener\n this.setHoverListener();\n // Translate the elements to the tranformation\n this.elements.transform(`t${this.tx},${this.ty}`);\n // Move the node according to the translatiom\n for (const node of this.nodes) {\n node.relativeMove(this.tx, this.ty);\n }\n // Decrease the Queue\n window['queue'] -= 1;\n // Call the init method\n this.init();\n })\n .catch(err => {\n console.error(err);\n window['showToast']('Failed to load');\n // TODO: Delete the Component\n });\n }\n }\n\n /**\n * Returns bounding box of the circuit element\n */\n getBoundingBox(): BoundingBox {\n return BoundingBox.loadFromRaphaelBbox(this.elements.getBBox());\n }\n\n /**\n * Draws circuit nodes\n * @param canvas Raphael Canvas\n * @param pinData Pin Position and name\n * @param pointHalf The Half size of circuit node\n */\n DrawNodes(canvas: any, pinData: any, pointHalf: number) {\n for (const pin of pinData) {\n this.nodes.push(\n new Point(\n canvas,\n this.x + pin.x,\n this.y + pin.y,\n pin.name,\n pointHalf,\n this\n )\n );\n }\n }\n /**\n * Draw Elements inside an component\n * @param canvas Raphael Canvas\n * @param drawData Draw Data\n */\n DrawElement(canvas: any, drawData: any) {\n const elementsDrawn = [];\n for (const item of drawData) {\n let element;\n // Draw image\n if (item.type === 'image') {\n element = canvas.image(\n item.url,\n this.x + item.x,\n this.y + item.y,\n item.width,\n item.height\n );\n } else if (item.type === 'path') {\n element = this.DrawPath(canvas, item);\n } else if (item.type === 'rectangle') {\n // Draw rectangle\n element = canvas.rect(\n this.x + item.x,\n this.y + item.y,\n item.width,\n item.height,\n item.radius || 0\n ).attr({\n fill: item.fill || 'none',\n stroke: item.stroke || 'none'\n });\n } else if (item.type === 'circle') {\n // Draw a circle\n element = canvas.circle(\n this.x + item.x,\n this.y + item.y,\n item.radius,\n ).attr({\n fill: item.fill || 'none',\n stroke: item.stroke || 'none'\n });\n } else if (item.type === 'polygon') {\n element = this.DrawPolygon(canvas, item);\n }\n this.elements.push(element);\n elementsDrawn.push(element);\n }\n return elementsDrawn;\n }\n /**\n * Draws an Polygon\n * @param canvas Raphael Paper(Canvas)\n * @param item Polygon points in a 2d array format\n */\n DrawPolygon(canvas: any, item: any) {\n if (item.points.length <= 1) {\n return;\n }\n const points = item.points;\n let tmp = 'M';\n for (const point of points) {\n tmp += `${this.x + point[0]},${this.y + point[1]}L`;\n }\n tmp = tmp.substr(0, tmp.length - 1) + 'z';\n return canvas.path(tmp)\n .attr({\n fill: item.fill || 'none',\n stroke: item.stroke || 'none'\n });\n }\n /**\n * Draw a Path\n * @param canvas Raphael Paper (Canvas)\n * @param item Path Data\n */\n DrawPath(canvas: any, item: any) {\n // Regex used to parse the path data\n const lines = /L[\\-]?\\d+(\\.\\d*)?\\,[\\-]?\\d+(\\.\\d*)?/g; // L a,b\n const start = /M[\\-]?\\d+(\\.\\d*)?\\,[\\-]?\\d+(\\.\\d*)?/g; // M a,b\n const curves = /C([\\-]?\\d+(\\.\\d*)?\\,){5}[\\-]?\\d+(\\.\\d*)?/g;\n const horizontal = /H[\\-]?\\d+(\\.\\d*)?/g; // H a\n const vertical = /V[\\-]?\\d+(\\.\\d*)?/g; // V b\n const sCurve = /S([\\-]?\\d+(\\.\\d*)?\\,){3}[\\-]?\\d+(\\.\\d*)?/g;\n let str: string = item.value;\n\n str = this.calcRelative(str, start, canvas);\n str = this.calcRelative(str, lines, canvas);\n str = this.calcRelative(str, curves, canvas);\n str = this.calcRelative(str, horizontal, canvas);\n str = this.calcRelative(str, vertical, canvas);\n str = this.calcRelative(str, sCurve, canvas);\n return canvas.path(str)\n .attr({\n fill: item.fill || 'none',\n stroke: item.stroke || 'none'\n });\n }\n /**\n * Draw path relative to the component\n * @param input Path Data\n * @param pattern The regex pattern\n * @param canvas Raphael Paper\n */\n calcRelative(input: string, pattern: RegExp, canvas: any) {\n const founds = input.match(pattern);\n if (founds) {\n for (const found of founds) {\n let output = '';\n const start = found.charAt(0);\n let tmp: any = found.substring(1).split(',');\n tmp = tmp.map(v => parseFloat(v));\n if (start === 'M' || start === 'L') {\n output += `${start}${this.x + tmp[0]},${this.y + tmp[1]}`;\n } else if (start === 'V') {\n output += `${start}${this.y + tmp[0]}`;\n } else if (start === 'H') {\n output += `${start}${this.x + tmp[0]}`;\n } else if (start === 'C') {\n output += `${start}${this.x + tmp[0]},`;\n output += `${this.y + tmp[1]},`;\n output += `${this.x + tmp[2]},`;\n output += `${this.y + tmp[3]},`;\n output += `${this.x + tmp[4]},`;\n output += `${this.y + tmp[5]}`;\n } else if (start === 'S') {\n output += `${start}${this.x + tmp[0]},`;\n output += `${this.y + tmp[1]},`;\n output += `${this.x + tmp[2]},`;\n output += `${this.y + tmp[3]},`;\n }\n input = input.replace(found, output);\n }\n }\n return input;\n }\n /**\n * Add Drag listener to the components\n */\n setDragListeners() {\n\n let fdx = 0;\n let fdy = 0;\n let tmpar = [];\n this.elements.drag((dx, dy) => {\n\n this.elements.transform(`t${this.tx + dx},${this.ty + dy}`);\n // tmpx = this.tx + dx;\n // tmpy = this.ty + dy;\n fdx = dx;\n fdy = dy;\n for (let i = 0; i < this.nodes.length; ++i) {\n this.nodes[i].move(tmpar[i][0] + dx, tmpar[i][1] + dy);\n }\n window['onDragEvent'](this);\n }, () => {\n fdx = 0;\n fdy = 0;\n tmpar = [];\n for (const node of this.nodes) {\n // node.remainHidden();\n tmpar.push(\n [node.x, node.y]\n );\n }\n }, () => {\n // for (const node of this.nodes) {\n // node.relativeMove(fdx, fdy);\n // node.remainShow();\n // }\n\n // Push dump to Undo stack & Reset\n UndoUtils.pushChangeToUndoAndReset({ keyName: this.keyName, element: this.save(), event: 'drag', dragJson: { dx: fdx, dy: fdy } });\n this.tx += fdx;\n this.ty += fdy;\n window['onDragStopEvent'](this);\n });\n }\n /**\n * Add Hover Listener\n */\n setHoverListener() {\n // this.elements.mouseover(() => {\n // for (const node of this.nodes) {\n // // node.show();\n // }\n // });\n // this.elements.mouseout(() => {\n // for (const node of this.nodes) {\n // // node.hide();\n // }\n // });\n }\n /**\n * Add a Click listenert to component and show properties on click\n * @param callback On Click Callback\n */\n setClickListener(callback: () => void) {\n this.elements.mousedown(() => {\n if (window['Selected'] && (window['Selected'] instanceof Wire)) {\n if ((isNull(window['Selected'].start) || isNull(window['Selected'].end))) {\n return;\n }\n window['Selected'].deselect();\n }\n window['isSelected'] = true;\n window['Selected'] = this;\n window['showProperty'](() => this.properties());\n if (callback) {\n callback();\n }\n });\n }\n /**\n * Initialize Variable after inheriting this function\n */\n init() { }\n\n /**\n * Save Circuit Component\n */\n save(): any {\n const data = this.SaveData();\n const ret = {\n x: this.x,\n y: this.y,\n tx: this.tx,\n ty: this.ty,\n id: this.id\n };\n if (data) {\n ret['data'] = data;\n }\n return ret;\n }\n /**\n * The Additional data that needs to be saved inside database.\n * After Inheriting return the Data Object\n */\n SaveData() {\n return null;\n }\n /**\n * Load Circuit Component\n */\n load(data: any): void {\n\n for (const i in window['DragListeners']) {\n if (window['DragListeners'].hasOwnProperty(i)) {\n const itrFn = window['DragListeners'][i];\n if (itrFn.id === this.id) {\n window['DragListeners'][i].id = data.id;\n }\n }\n }\n for (const i in window['DragStopListeners']) {\n if (window['DragStopListeners'].hasOwnProperty(i)) {\n const itrFn = window['DragStopListeners'][i];\n if (itrFn.id === this.id) {\n window['DragStopListeners'][i].id = data.id;\n }\n }\n }\n\n this.id = data.id;\n this.tx = data.tx;\n this.ty = data.ty;\n this.LoadData(data);\n }\n /**\n * The additional data which is stored in database needs to be load.\n * Inherit this function for loading additional data.\n * @param data Data from Database\n */\n LoadData(data: any) { }\n /**\n * Returns the Circuit Node based on the x,y Position\n */\n getNode(x: number, y: number, id: number = null): Point {\n for (const node of this.nodes) {\n if (\n (Math.floor(node.x + this.pointHalf) === Math.floor(x) &&\n Math.floor(node.y + this.pointHalf) === Math.floor(y))\n ||\n node.id === id\n ) {\n return node;\n }\n }\n return null;\n }\n /**\n * Removes Component from Canvas and memory\n */\n remove(): void {\n this.elements.remove();\n for (const n of this.nodes) {\n n.remove();\n }\n this.delete();\n }\n /**\n * Inherit this function to remove some variable\n */\n delete() { }\n /**\n * Return the Name of the component.Can be inheriter to return custom name.\n */\n getName() { return this.title; }\n /**\n * Function to move/transform an element\n * @param fdx relative x position to move\n * @param fdy relative y position to move\n */\n getNodesCoord(): number[] {\n const tmpar = [];\n for (const node of this.nodes) {\n tmpar.push(\n [node.x, node.y]\n );\n }\n return tmpar;\n }\n dragAlong(tmpar: any, fdx: number, fdy: number): any {\n this.elements.transform(`t${this.tx + fdx},${this.ty + fdy}`);\n for (const node of this.nodes) {\n tmpar.push(\n [node.x, node.y]\n );\n }\n for (let i = 0; i < this.nodes.length; ++i) {\n this.nodes[i].move(tmpar[i][0] + fdx, tmpar[i][1] + fdy);\n }\n }\n dragAlongStop(x: number, y: number): void {\n this.tx = x;\n this.ty = y;\n }\n\n\n /**\n * Function to move/transform an element\n * @param fdx relative x position to move\n * @param fdy relative y position to move\n */\n transformPosition(fdx: number, fdy: number): void {\n const tmpar = [];\n this.elements.transform(`t${this.tx + fdx},${this.ty + fdy}`);\n\n for (const node of this.nodes) {\n tmpar.push(\n [node.x, node.y]\n );\n }\n for (let i = 0; i < this.nodes.length; ++i) {\n this.nodes[i].move(tmpar[i][0] + fdx, tmpar[i][1] + fdy);\n }\n this.tx += fdx;\n this.ty += fdy;\n }\n\n /**\n * Return the Property of the Circuit Component\n * @returns Object containing component name,id and the html required to be shown on property box\n */\n abstract properties(): { keyName: string, id: number, body: HTMLElement, title: string };\n /**\n * Initialize variable required for simulation\n * Called before simulation\n */\n abstract initSimulation(): void;\n /**\n * Called when Stop Simulation\n */\n abstract closeSimulation(): void;\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/ConvertJSONFormat.ts", "content": "import { ImageToByteArray } from './ImageToByteArray';\n\nexport class ConvertJSONFormat {\n /**\n * Converts JSON of cloud-stored circuit into JSON format for storing it temporarily\n * @param id Project Id\n * @param data JSON data of the circuit\n * @returns JSON data of the circuit with format for saving it temporarily\n */\n static async convertToOfflineFormat(id, data) {\n const obj = JSON.parse(data.data_dump);\n const project = {\n name: data.name,\n description: data.description,\n image: data.base64_image,\n created_at: Date.now(),\n };\n obj['id'] = id;\n obj['project'] = project;\n\n // Correction required for the following two lines of code\n // Image data is recieved after the image gets loaded which is async code\n // In short, for now this function will not return image data but its url.\n ImageToByteArray.getDataURLForm(project.image);\n obj.project.image = ImageToByteArray.result !== '' ? ImageToByteArray.result : project.image;\n return obj;\n }\n\n /**\n * Converts JSON of temporarily saved circuit to JSON format on Cloud\n * @param data JSON data of the circuit\n * @returns JSON data of the circuit with format for saving it on cloud\n */\n static convertToOnlineFormat(data) {\n const obj = {\n data_dump: '',\n is_arduino: true,\n description: data.project.description,\n name: data.project.name,\n base64_image: data.project.image,\n branch: 'master',\n version: this.getRandomString(20)\n };\n // Remove unwanted props from JSON\n delete data['id'];\n delete data['project'];\n // Data Dump will contain Circuit data\n const dataDump = data;\n // Convert Data Dump to an String and add to Save Object\n obj.data_dump = JSON.stringify(dataDump);\n return obj;\n }\n\n /**\n * Generate and return a random string\n * @param length Length of random string\n * @returns random string\n */\n static getRandomString(length): string {\n let result = '';\n const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n const charactersLength = characters.length;\n for (let i = 0; i < length; i++) {\n result += characters.charAt(Math.floor(Math.random() *\n charactersLength));\n }\n return result;\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/Download.ts", "content": "// Declare an Enumeration For Image Type\nexport enum ImageType { PNG, JPG, SVG }\n/**\n * Canvg used For Rendering SVG\n */\ndeclare var canvg;\n/**\n * Download Class\n */\nexport class Download {\n /**\n * Downloads Image From Base64 Data\n * @param data Base64 Image Data\n * @param filename Filename For Download\n * @param type Type of the image\n */\n static DownloadImage(data: any, filename: string, type: ImageType) {\n const evt = new MouseEvent('click', {\n view: window,\n bubbles: false,\n cancelable: true\n });\n const a = document.createElement('a');\n const ext = (type === ImageType.PNG) ? 'png' : 'jpg';\n a.setAttribute('download', `${filename}.${ext}`);\n a.setAttribute('href', data);\n a.setAttribute('target', '_blank');\n a.dispatchEvent(evt);\n }\n /**\n * Download Text File\n * @param filename Filename of the download\n * @param data Data inside the download\n * @param options Extra Options for mime\n */\n static DownloadText(filename: string, data: any[], options: any) {\n const blob = new Blob(data, options);\n const evt = new MouseEvent('click', {\n view: window,\n bubbles: false,\n cancelable: true\n });\n const a = document.createElement('a');\n a.setAttribute('download', `${filename}`);\n a.href = URL.createObjectURL(blob);\n a.target = '_blank';\n a.setAttribute('target', '_blank');\n a.dispatchEvent(evt);\n }\n /**\n * Asynchronous Function for Export Image to a Base64 Format.\n * @param type Type of the Image\n */\n static async ExportImage(type: ImageType) {\n // Get SVG from Workspace an Clone it\n const svg = (document.querySelector('#holder > svg').cloneNode(true) as SVGSVGElement);\n svg.getElementsByTagName('g')[0].removeAttribute('transform'); // Remove any transformation\n\n // Extract all image from svg\n const images = (svg.getElementsByTagName('image') as any);\n for (const image of images) {\n // Fetch each image and convert image into base64\n let data = await fetch(image.getAttribute('href'))\n .then((v) => {\n return v.text();\n });\n data = (data.replace(' {\n // Get the client pixel ratio\n const pixelRatio = 1.25;\n // get The Bounding box of the circuit\n const gtag = (document.querySelector('#holder > svg > g') as SVGSVGElement).getBBox();\n if (gtag.width === 0 || gtag.height === 0) {\n gtag.width = 100;\n gtag.height = 100;\n }\n // Add transformation to the g tag\n svg.getElementsByTagName('g')[0].setAttribute('transform', `scale(1,1)translate(${-gtag.x + 10},${-gtag.y + 10})`);\n // if type is svg then return new svg\n if (type === ImageType.SVG) {\n res(svg.outerHTML);\n return;\n }\n // if type is not svg then render svg using canvg\n const canvas = document.createElement('canvas');\n // set canvas width and height\n canvas.width = (gtag.width + gtag.x + 20) * pixelRatio;\n canvas.height = (gtag.height + gtag.y + 20) * pixelRatio;\n canvas.style.width = canvas.width + 'px';\n canvas.style.height = canvas.width + 'px';\n // change the width and height of svg\n svg.setAttribute('width', '' + canvas.width);\n svg.setAttribute('height', '' + canvas.height);\n\n // Get Canvas Context\n const ctx = (canvas.getContext('2d') as any);\n // enable smoothing\n ctx.mozImageSmoothingEnabled = true;\n ctx.webkitImageSmoothingEnabled = true;\n ctx.msImageSmoothingEnabled = true;\n ctx.imageSmoothingEnabled = true;\n // Apply tranformation\n ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);\n // render for modified svg\n const v = canvg.Canvg.fromString(ctx, svg.outerHTML);\n v.render().then(() => {\n let image;\n if (type === ImageType.JPG) {\n // if type is jpg remove the black background\n const imgdata = ctx.getImageData(0, 0, canvas.width, canvas.height);\n for (let i = 0; i < imgdata.data.length; i += 4) {\n if (imgdata.data[i + 3] === 0) {\n imgdata.data[i] = 255;\n imgdata.data[i + 1] = 255;\n imgdata.data[i + 2] = 255;\n imgdata.data[i + 3] = 255;\n }\n }\n // Add Image to canvas\n ctx.putImageData(imgdata, 0, 0);\n image = canvas.toDataURL('image/jpeg');\n } else {\n // Get The base64\n if (type === ImageType.PNG) {\n image = canvas.toDataURL('image/png');\n }\n }\n res(image);\n });\n });\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/General.ts", "content": "import { CircuitElement } from './CircuitElement';\nimport { Point } from './Point';\nimport { areBoundingBoxesIntersecting } from './RaphaelUtils';\nimport _ from 'lodash';\nimport { Wire } from './Wire';\nimport { UndoUtils } from './UndoUtils';\n\n/**\n * Declare window so that custom created function don't throw error\n */\ndeclare var window;\n\n/**\n * Node tuple class to store breadboard node and element node which are in proximity\n */\nclass BreadboardProximityNodeTuple {\n breadboardNode: Point;\n elementNode: Point;\n\n constructor(breadboardNode: Point, elementNode: Point) {\n this.breadboardNode = breadboardNode;\n this.elementNode = elementNode;\n }\n}\n\n/**\n * Resistor Class\n */\nexport class Resistor extends CircuitElement {\n /**\n * color table(hex values) of resistor\n */\n static colorTable: string[] = [];\n /**\n * tolerance color mapping values of resistor\n */\n static tolColorMap: number[] = [];\n /**\n * tolerance value of resistor\n */\n static toleranceValues: string[] = [];\n /**\n * unit labels of resistor\n */\n static unitLabels: string[] = [];\n /**\n * unit values of resistor\n */\n static unitValues: number[] = [];\n /**\n * Resistance value of the resistor.\n */\n value: number;\n /**\n * Tolerance index of the resistor.\n */\n toleranceIndex: number;\n /**\n * Resistor constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('Resistor', x, y, 'Resistor.json', canvas);\n }\n /** init is called when the component is completely drawn to the canvas */\n init() {\n if (Resistor.colorTable.length === 0) {\n Resistor.colorTable = this.data.colorTable;\n Resistor.toleranceValues = this.data.toleranceValues;\n Resistor.tolColorMap = this.data.tolColorMap;\n Resistor.unitLabels = this.data.unitLabels;\n Resistor.unitValues = this.data.unitValues;\n }\n this.value = this.data.initial;\n this.toleranceIndex = this.data.initialToleranceIndex;\n this.updateColors();\n delete this.data;\n this.data = null;\n\n this.nodes[0].addValueListener((v, cby, par) => {\n if (cby.parent.id !== this.id) {\n this.nodes[1].setValue(v, this.nodes[0]);\n }\n });\n this.nodes[1].addValueListener((v, cby, par) => {\n if (cby.parent.id !== this.id) {\n this.nodes[0].setValue(v, this.nodes[1]);\n }\n });\n }\n /** Saves data/values that are provided to resistor */\n SaveData() {\n return {\n value: this.value,\n tolerance: this.toleranceIndex\n };\n }\n /**\n * function loads the SaveData()\n * @param data save object\n */\n LoadData(data: any) {\n this.value = data.data.value;\n this.toleranceIndex = data.data.tolerance;\n }\n /**\n * Updates Resistor Properties\n */\n updateColors() {\n const cur = this.getValue();\n this.elements[1].attr({\n fill: Resistor.colorTable[cur.third]\n }); // Third\n this.elements[2].attr({\n fill: Resistor.colorTable[cur.second]\n }); // Second\n this.elements[3].attr({\n fill: Resistor.colorTable[cur.first]\n }); // First\n this.elements[5].attr({\n fill: Resistor.colorTable[cur.multiplier]\n }); // multiplier\n this.elements[4].attr({\n fill: Resistor.colorTable[this.toleranceIndex]\n }); // Tolerance\n }\n /** Function gets Resistence value */\n getValue() {\n const l = `${this.value}`.length;\n const tmp = `${this.value}`;\n if (l < 2) {\n return {\n multiplier: 11,\n first: this.value,\n second: 0,\n third: 0\n };\n } else if (l < 3) {\n return {\n multiplier: 10,\n first: +tmp.charAt(0),\n second: +tmp.charAt(1),\n third: 0,\n };\n }\n return {\n multiplier: l - 3,\n first: +tmp.charAt(0),\n second: +tmp.charAt(1),\n third: +tmp.charAt(2),\n };\n }\n /** Power values for unitvalues 1K ohm => 10^3 */\n private getPower(index: number) {\n if (index >= 0 && index <= Resistor.unitValues.length) {\n return Resistor.unitValues[index];\n }\n return 0;\n }\n /**\n * Calculate the resistance based on the user input.\n * @param value The Input resistance\n * @param unitIndex The selected unit index\n */\n update(value: string, unitIndex: number) {\n const val = parseFloat(value);\n const p = this.getPower(unitIndex);\n const tmp = parseInt((val * p).toFixed(0), 10);\n if (value.length > 12 || isNaN(tmp) || tmp === Infinity || tmp < 1.0 || `${tmp}`.length > 12) {\n window['showToast']('Resistance Not possible');\n return;\n } else {\n this.value = tmp;\n this.updateColors();\n }\n }\n /** Function returns resistence values 10K ohm => 10 */\n getInputValues() {\n const val = this.value;\n let tmp = val;\n for (let i = 0; i < Resistor.unitValues.length; ++i) {\n tmp = Math.floor(val / Resistor.unitValues[i]);\n if (tmp > 0) {\n continue;\n } else {\n return {\n index: i - 1,\n val: val / Resistor.unitValues[i - 1]\n };\n }\n }\n return {\n index: Resistor.unitValues.length - 1,\n val: this.value / Resistor.unitValues[\n Resistor.unitLabels.length - 1\n ]\n };\n }\n /** Function returns the resistor with resistence */\n getName() {\n const cur = this.getInputValues();\n return `Resistor ${cur.val}${Resistor.unitLabels[cur.index]}`;\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n let tmp;\n const cur = this.getInputValues();\n const body = document.createElement('div');\n const inp = document.createElement('input');\n inp.type = 'number';\n inp.value = `${cur.val}`;\n inp.min = '1';\n inp.addEventListener('wheel', (event) => {\n event.preventDefault();\n });\n\n const unit = document.createElement('select');\n tmp = '';\n for (const ohm of Resistor.unitLabels) {\n tmp += ``;\n }\n unit.innerHTML = tmp;\n unit.selectedIndex = cur.index;\n\n const tole = document.createElement('select');\n tmp = '';\n for (const t of Resistor.toleranceValues) {\n tmp += ``;\n }\n tole.innerHTML = tmp;\n\n unit.onchange = () => this.update(inp.value, unit.selectedIndex);\n inp.onkeyup = () => this.update(inp.value, unit.selectedIndex);\n inp.onchange = () => this.update(inp.value, unit.selectedIndex);\n tole.onchange = () => {\n this.toleranceIndex = Resistor.tolColorMap[tole.selectedIndex];\n this.updateColors();\n };\n\n const lab = document.createElement('label');\n lab.innerText = 'Resistance';\n body.append(lab);\n body.append(inp);\n body.append(unit);\n const lab2 = document.createElement('label');\n lab2.innerText = 'Tolerance';\n body.append(lab2);\n body.append(tole);\n\n return {\n keyName: this.keyName,\n id: this.id,\n title: 'Resistor',\n body\n };\n }\n /**\n * Called by the start simulation.\n */\n initSimulation(): void {\n }\n /**\n * Called by the stop simulation.\n */\n closeSimulation(): void {\n }\n\n /**\n * Get resistance value of resistor\n */\n getResistance() {\n return this.value;\n }\n /**\n * Get ID of the resistor\n * TODO: Add this function inside CircuitElements.ts instead\n */\n getID() {\n return this.id;\n }\n}\n\n/**\n * Breadboard Class\n */\nexport class BreadBoard extends CircuitElement {\n /**\n * Minimum distance of node to be classified as in proximity\n */\n static PROXIMITY_DISTANCE = 20;\n\n /**\n * Set to keep track of visited nodes\n */\n static visitedNodesv2 = new Set();\n\n /**\n * Stores group of points which are interconnected\n */\n static groupings: any = [];\n\n /**\n * Nodes that are connected\n */\n public joined: Point[] = [];\n\n /**\n * List to store current nodes in the proximity of any of the breadboard' node\n */\n public highlightedPoints: BreadboardProximityNodeTuple[] = [];\n\n /**\n * Nodes sorted by 'x' and 'y' position\n */\n public sortedNodes: Point[] = [];\n\n /**\n * Cached list of nodes that are soldered\n */\n private solderedNodes: Point[] = null;\n\n /**\n * Map of x and nodes with x-coordinates as x\n */\n public sameXNodes: { [key: string]: Point[] } = {};\n\n /**\n * Map of y and nodes with y-coordinates as y\n */\n public sameYNodes: { [key: string]: Point[] } = {};\n\n\n /**\n * Breadboard constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('BreadBoard', x, y, 'Breadboard.json', canvas);\n this.subsribeToDrag({ id: this.id, fn: this.onOtherComponentDrag.bind(this) });\n this.subscribeToDragStop({ id: this.id, fn: this.onOtherComponentDragStop.bind(this) });\n }\n\n /**\n * Returns node connected to arduino\n * @param node node to start search on\n * @param startedOn label of node search started on\n * @returns Arduino connected Node\n */\n static getRecArduinov2(node: Point, startedOn: string) {\n try {\n if (node.connectedTo.start.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to start node\n return node.connectedTo.start;\n } else if (node.connectedTo.end.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to end node\n return node.connectedTo.end;\n } else if (node.connectedTo.start.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.start.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.end.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'Battery9v' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to 9V Battery\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'CoinCell' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to Coin Cell\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'RelayModule') {\n // TODO: Handle RelayModule\n if (startedOn === 'POSITIVE') {\n // If search was started on Positive node then return connected node of VCC in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[3], startedOn);\n } else if (startedOn === 'NEGATIVE') {\n // If search was started on Negative node then return connected node of GND in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[5], startedOn);\n }\n } else {\n // TODO: If nothing matches\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.end.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.end.parent.nodes[e].gid !== node.connectedTo.end.gid\n && !this.visitedNodesv2.has(node.connectedTo.end.parent.nodes[e].gid) && node.connectedTo.end.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.end.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[e], startedOn);\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.start.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.start.parent.nodes[e].gid !== node.connectedTo.start.gid\n && !this.visitedNodesv2.has(node.connectedTo.start.parent.nodes[e].gid)\n && node.connectedTo.start.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.start.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecArduinov2(node.connectedTo.start.parent.nodes[e], startedOn);\n }\n }\n }\n\n }\n } catch (e) {\n console.warn(e);\n return false;\n }\n\n }\n\n /**\n * Recursive Function to handle BreadBoard\n * @param node Node which is to be checked for BreadBoard\n */\n static getRecArduinoBreadv2(node: Point, startedOn: string) {\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n const bb = (node.connectedTo.end.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.end.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.end.label.substring(1, node.connectedTo.end.label.length)) {\n const ascii = node.connectedTo.end.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n const bb = (node.connectedTo.start.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.start.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.start.label.substring(1, node.connectedTo.start.label.length)) {\n const ascii = node.connectedTo.start.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n }\n\n }\n\n /**\n * Subscribes to drag listener of the workspace\n * @param fn listener functino\n */\n subsribeToDrag(fn) {\n // copied the function from Workspace here to avoid circular dependency. TODO: resolve file dependencies\n window['DragListeners'].push(fn);\n }\n\n /**\n * Subscribes to drag stop listener of the workspace\n * @param fn listener function\n */\n subscribeToDragStop(fn) {\n window['DragStopListeners'].push(fn);\n }\n\n /**\n * Resets highlighted points\n */\n resetHighlightedPoints() {\n if (this.highlightedPoints.length > 0) {\n this.highlightedPoints.forEach(nodeTuple => nodeTuple.breadboardNode.undoHighlight());\n this.highlightedPoints = [];\n }\n }\n\n /**\n * Returns list of soldered elements on the breadboard\n */\n getSolderedElements() {\n return this.getSolderedNodes().map(node => node.connectedTo);\n }\n\n /**\n * Unsolders element from the breadboard if soldered\n * @param element element to find and unsolder\n */\n private maybeUnsolderElement(element) {\n const elementNodesWires = element.nodes.map(node => node.connectedTo);\n const solderedNodes = [...this.getSolderedNodes()];\n for (const breadboardNode of solderedNodes) {\n if (elementNodesWires.includes(breadboardNode.connectedTo)) {\n breadboardNode.unsolderWire();\n _.remove(this.solderedNodes, node => node === breadboardNode);\n }\n }\n }\n\n /**\n * Listens for drag of other circuit elements in the workspace\n */\n onOtherComponentDrag(element) {\n const bBox = this.elements.getBBox();\n const elementBBox = element.elements.getBBox();\n // Disable Node Bubble on hover\n Point.showBubbleBool = false;\n this.resetHighlightedPoints();\n\n if (!areBoundingBoxesIntersecting(bBox, elementBBox)) {\n return;\n }\n // unsolder element if it's soldered to either of the breadboard's node\n this.maybeUnsolderElement(element);\n\n // for all the nodes of the elements, find the nodes in proximity to the nodes of the breadboard\n // and add them to this.highlightedPoints\n for (const node of element.nodes) {\n if (node.isConnected()) {\n continue;\n }\n const nearestNode = this.getNearestNodes(node.x, node.y);\n if (nearestNode) {\n this.highlightedPoints.push(new BreadboardProximityNodeTuple(nearestNode, node));\n }\n }\n\n // highlight points stored in highlightedPoints\n for (const node of this.highlightedPoints) {\n node.breadboardNode.highlight();\n }\n }\n\n /**\n * Listener to handle when dragging of a component stops\n */\n onOtherComponentDragStop() {\n // Enable Node Bubble on hover\n Point.showBubbleBool = true;\n // if no highlighted points when the dragging stops, return\n if (this.highlightedPoints.length === 0) {\n return;\n }\n\n // connect highlightedPoints\n for (const nodeTuple of this.highlightedPoints) {\n const wire = nodeTuple.breadboardNode.solderWire();\n wire.addPoint(nodeTuple.elementNode.x, nodeTuple.elementNode.y);\n // wire.connect(nodeTuple.elementNode, true);\n nodeTuple.elementNode.connectWire(wire, false);\n this.addSolderedNode(nodeTuple.breadboardNode);\n }\n\n this.resetHighlightedPoints();\n }\n\n /** init is called when the component is complety drawn to the canvas */\n init() {\n this.sortedNodes = _.sortBy(this.nodes, ['x', 'y']);\n\n if (BreadBoard.groupings.length === 0) {\n BreadBoard.groupings = this.data.groupings;\n }\n\n // initialise sameX and sameY node sets\n for (const node of this.nodes) {\n // create the set for x\n this.sameXNodes[node.x] = this.sameXNodes[node.x] || [];\n this.sameXNodes[node.x].push(node);\n\n // Create the set for y\n this.sameYNodes[node.y] = this.sameYNodes[node.y] || [];\n this.sameYNodes[node.y].push(node);\n }\n\n // add a connect callback listener\n for (const node of this.nodes) {\n node.connectCallback = (item) => {\n this.joined.push(item);\n };\n node.disconnectCallback = (item) => {\n const index = this.joined.indexOf(item);\n if (index > -1) {\n this.joined.splice(index, 1);\n }\n };\n }\n this.elements.toBack();\n // Remove the drag event\n this.elements.undrag();\n let tmpx = 0;\n let tmpy = 0;\n let fdx = 0;\n let fdy = 0;\n let tmpar = [];\n let tmpar2 = [];\n let ConnEleList = [];\n let NodeList = [];\n let tmpx2 = [];\n let tmpy2 = [];\n // Create Custom Drag event\n this.elements.drag((dx, dy) => {\n this.elements.transform(`t${this.tx + dx},${this.ty + dy}`);\n tmpx = this.tx + dx;\n tmpy = this.ty + dy;\n fdx = dx;\n fdy = dy;\n for (let i = 0; i < this.joined.length; ++i) {\n this.joined[i].move(tmpar[i][0] + dx, tmpar[i][1] + dy);\n }\n for (let i = 0; i < ConnEleList.length; ++i) {\n ConnEleList[i].dragAlong(NodeList[i], dx, dy);\n tmpx2[i] = ConnEleList[i].tx + dx;\n tmpy2[i] = ConnEleList[i].ty + dy;\n }\n }, () => {\n fdx = 0;\n fdy = 0;\n tmpar = [];\n tmpar2 = [];\n for (const node of this.nodes) {\n tmpar2.push(\n [node.x, node.y]\n );\n node.remainHidden();\n }\n for (const node of this.joined) {\n let ElementFlag = false;\n tmpar.push(\n [node.x, node.y]\n );\n node.remainShow();\n if (node.connectedTo != null) {\n const ConnElement1 = node.connectedTo.start.parent;\n const ConnElement2 = node.connectedTo.end.parent;\n console.log(ConnElement1.keyName);\n console.log(ConnElement2.keyName);\n if (ConnElement1.keyName !== 'BreadBoard') {\n for (const ele of ConnEleList) {\n if (ele === ConnElement1) {\n ElementFlag = true;\n break;\n }\n }\n const PlaceableCheck = 'isBreadBoardPlaceable' in ConnElement1.info.properties;\n const isBreadBoardPlaceable = ConnElement1.info.properties.isBreadBoardPlaceable;\n if (!ElementFlag && PlaceableCheck && isBreadBoardPlaceable === 1) {\n ConnEleList.push(ConnElement1);\n tmpx2.push(0);\n tmpy2.push(0);\n NodeList.push(ConnElement1.getNodesCoord());\n }\n } else {\n for (const ele of ConnEleList) {\n if (ele === ConnElement1) {\n ElementFlag = true;\n break;\n }\n }\n const PlaceableCheck = 'isBreadBoardPlaceable' in ConnElement2.info.properties;\n const isBreadBoardPlaceable = ConnElement2.info.properties.isBreadBoardPlaceable;\n if (!ElementFlag && PlaceableCheck && isBreadBoardPlaceable === 1) {\n ConnEleList.push(ConnElement2);\n tmpx2.push(0);\n tmpy2.push(0);\n NodeList.push(ConnElement2.getNodesCoord());\n }\n }\n }\n }\n\n }, () => {\n // Push dump to Undo stack & Reset\n UndoUtils.pushChangeToUndoAndReset({ keyName: this.keyName, element: this.save(), event: 'drag', dragJson: { dx: fdx, dy: fdy } });\n for (let i = 0; i < this.nodes.length; ++i) {\n this.nodes[i].move(tmpar2[i][0] + fdx, tmpar2[i][1] + fdy);\n this.nodes[i].remainShow();\n }\n tmpar2 = [];\n\n this.tx = tmpx;\n this.ty = tmpy;\n // reBuild SameNodeObject after drag stop\n for (let i = 0; i < ConnEleList.length; i++) {\n ConnEleList[i].dragAlongStop(tmpx2[i], tmpy2[i]);\n }\n ConnEleList = [];\n NodeList = [];\n tmpx2 = [];\n tmpy2 = [];\n tmpar = [];\n this.reBuildSameNodes();\n });\n }\n\n /**\n * Function to move/transform breadboard\n * @param fdx relative x position to move\n * @param fdy relative y position to move\n */\n transformBoardPosition(fdx: number, fdy: number): void {\n let tmpar = [];\n let tmpar2 = [];\n let tmpx = 0;\n let tmpy = 0;\n let ffdx = 0;\n let ffdy = 0;\n let ConnEleList = [];\n let NodeList = [];\n let tmpx2 = [];\n let tmpy2 = [];\n ffdx = 0;\n ffdy = 0;\n tmpar = [];\n tmpar2 = [];\n for (const node of this.nodes) {\n tmpar2.push(\n [node.x, node.y]\n );\n node.remainHidden();\n }\n for (const node of this.joined) {\n tmpar.push(\n [node.x, node.y]\n );\n node.remainShow();\n const ConnElement1 = node.connectedTo.start.parent;\n const ConnElement2 = node.connectedTo.end.parent;\n console.log(ConnElement1.keyName);\n console.log(ConnElement2.keyName);\n let ElementFlag = false;\n if (ConnElement1.keyName !== 'BreadBoard') {\n\n for (const ele of ConnEleList) {\n if (ele === ConnElement1) {\n ElementFlag = true;\n break;\n }\n }\n if (!ElementFlag && ConnElement1.info.properties.isBreadBoardPlaceable === 1) {\n ConnEleList.push(ConnElement1);\n tmpx2.push(0);\n tmpy2.push(0);\n NodeList.push(ConnElement1.getNodesCoord());\n }\n } else {\n for (const ele of ConnEleList) {\n if (ele === ConnElement1) {\n ElementFlag = true;\n break;\n }\n }\n if (!ElementFlag && ConnElement2.info.properties.isBreadBoardPlaceable === 1) {\n ConnEleList.push(ConnElement2);\n tmpx2.push(0);\n tmpy2.push(0);\n NodeList.push(ConnElement2.getNodesCoord());\n }\n }\n\n\n }\n\n this.elements.transform(`t${this.tx + fdx},${this.ty + fdy}`);\n tmpx = this.tx + fdx;\n tmpy = this.ty + fdy;\n ffdx = fdx;\n ffdy = fdy;\n for (let i = 0; i < this.joined.length; ++i) {\n this.joined[i].move(tmpar[i][0] + fdx, tmpar[i][1] + fdy);\n }\n\n for (let i = 0; i < ConnEleList.length; ++i) {\n ConnEleList[i].dragAlong(NodeList[i], fdx, fdy);\n tmpx2[i] = ConnEleList[i].tx + fdx;\n tmpy2[i] = ConnEleList[i].ty + fdy;\n }\n\n for (let i = 0; i < this.nodes.length; ++i) {\n this.nodes[i].move(tmpar2[i][0] + ffdx, tmpar2[i][1] + ffdy);\n this.nodes[i].remainShow();\n }\n\n this.tx = tmpx;\n this.ty = tmpy;\n for (let i = 0; i < ConnEleList.length; i++) {\n ConnEleList[i].dragAlongStop(tmpx2[i], tmpy2[i]);\n }\n ConnEleList = [];\n NodeList = [];\n tmpx2 = [];\n tmpy2 = [];\n tmpar = [];\n this.reBuildSameNodes();\n }\n\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: this.title\n };\n }\n\n /**\n * Re-build sameNode variables\n */\n reBuildSameNodes() {\n this.sameXNodes = {};\n this.sameYNodes = {};\n // initialise sameX and sameY node sets\n for (const node of this.nodes) {\n // create the set for x\n this.sameXNodes[node.x] = this.sameXNodes[node.x] || [];\n this.sameXNodes[node.x].push(node);\n\n // Create the set for y\n this.sameYNodes[node.y] = this.sameYNodes[node.y] || [];\n this.sameYNodes[node.y].push(node);\n }\n }\n\n /**\n * Checks if the point is inside the passed bounding box\n * TODO: move the function to a utils\n * @param boundingBox: Raphael Bounding box object\n * @param x: x-coordinate of the point\n * @param y: y-coordinate of the point\n */\n isPointWithinBbox(boundingBox, x, y): boolean {\n return ((x < boundingBox.cx && x > boundingBox.cx - 1.2 * boundingBox.width) &&\n (y < boundingBox.cy && y > boundingBox.cy - 1.2 * boundingBox.height));\n }\n\n /**\n * Returns the shortlisted list of the nodes within the proximity of (x, y) coordinate\n * @param x: x-coordinate\n * @param y: y-coordinate\n */\n shortlistNodes(x, y) {\n const xIndexFrom = _.sortedIndexBy(this.sortedNodes, { x: x - BreadBoard.PROXIMITY_DISTANCE }, 'x');\n const xIndexTo = _.sortedLastIndexBy(this.sortedNodes, { x: x + BreadBoard.PROXIMITY_DISTANCE }, 'x');\n\n return this.sortedNodes.slice(xIndexFrom, xIndexTo);\n }\n\n /**\n * Returns the nearest node on the breadboard to the passed coordinate\n * @param x: x-coordinate\n * @param y: y-coordinate\n */\n getNearestNodes(x, y) {\n // this.elements.getElementByPoint()\n const nodesToSearch = this.shortlistNodes(x, y);\n for (const node of nodesToSearch) {\n if (this.isPointWithinBbox(node.body.getBBox(), x, y)) {\n return node;\n }\n }\n }\n\n /**\n * Returns the list of nodes that are soldered on the breadboard\n */\n getSolderedNodes() {\n if (this.solderedNodes == null) {\n this.solderedNodes = this.nodes.filter(node => node.isSoldered());\n }\n return this.solderedNodes;\n }\n\n /**\n * Adds soldered nodes to the cache\n * @param node node\n */\n addSolderedNode(node) {\n if (this.solderedNodes == null) {\n this.solderedNodes = [];\n }\n this.solderedNodes.push(node);\n }\n\n /**\n * Initialize Breadboard for simultion\n */\n initSimulation(): void {\n // Stores set of node which has same x values\n const xtemp = this.sameXNodes;\n // Stores set of node which has same y values\n const ytemp = this.sameYNodes;\n\n for (const node of this.nodes) {\n // Add a Node value change listener\n node.addValueListener((value, calledBy, parent) => {\n const labelCalledBy = calledBy.label;\n const labelParent = parent.label;\n if (calledBy.y === parent.y\n && (labelCalledBy.charCodeAt(0) !== labelParent.charCodeAt(0) || labelCalledBy === labelParent)) {\n return;\n }\n if (node.label === '-') {\n for (const neigh of ytemp[node.y]) {\n if (neigh.x !== node.x && value <= 0) {\n neigh.setValue(value, neigh);\n }\n }\n } else if (node.label === '+') {\n for (const neigh of ytemp[node.y]) {\n if (neigh.x !== node.x) {\n neigh.setValue(value, neigh);\n }\n }\n } else {\n const op = node.label.charCodeAt(0);\n if (op >= 102) {\n for (const neigh of xtemp[node.x]) {\n if (neigh.y !== node.y && neigh.label.charCodeAt(0) >= 102) {\n neigh.setValue(value, neigh);\n }\n }\n }\n if (op <= 101) {\n for (const neigh of xtemp[node.x]) {\n if (neigh.y !== node.y && neigh.label.charCodeAt(0) <= 101) {\n neigh.setValue(value, neigh);\n }\n }\n }\n }\n });\n }\n\n }\n /**\n * Called on Stop Simulation is pressed\n */\n closeSimulation(): void {\n BreadBoard.visitedNodesv2.clear();\n }\n /**\n * Returns groupings\n */\n getGroupings() {\n const groups = _.cloneDeep(BreadBoard.groupings);\n return groups;\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/Geometry.ts", "content": "import _ from 'lodash';\n\nexport class BoundingBox {\n x: number;\n y: number;\n height: number;\n width: number;\n\n constructor(x: number, y: number, width: number, height: number) {\n this.x = x;\n this.y = y;\n this.width = width;\n this.height = height;\n }\n\n static loadFromRaphaelBbox(bBox) {\n return new BoundingBox(bBox.x, bBox.y, bBox.width, bBox.height);\n }\n\n static getCombinedBBox(bBoxes: BoundingBox[]) {\n const minX = _.minBy(bBoxes, box => box.x).x;\n const maxX = _.maxBy(bBoxes, box => box.x).x;\n const minY = _.minBy(bBoxes, box => box.y).y;\n const maxY = _.maxBy(bBoxes, box => box.y).y;\n return new BoundingBox(\n minX, minY, maxX - minX, maxY - minY\n );\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/ImageToByteArray.ts", "content": "export class ImageToByteArray {\n static result = '';\n\n static getDataURLForm(url: string) {\n this.result = '';\n const image = this.createImage(url);\n image.onload = () => {\n this.result = this.convertImage(image);\n };\n }\n\n static createImage(url: string) {\n const image = document.createElement('img');\n image.setAttribute('src', url);\n image.setAttribute('visibility', 'hidden');\n return image;\n }\n\n static convertImage(image) {\n const canvas = this.drawImageToCanvas(image);\n return canvas.toDataURL();\n }\n\n static drawImageToCanvas(image) {\n const canvas = document.createElement('canvas');\n canvas.width = image.width;\n canvas.height = image.height;\n canvas.getContext('2d').drawImage(image, 0, 0, image.width, image.height);\n return canvas;\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/Login.ts", "content": "import { environment } from '../../environments/environment';\n\n/**\n * Class For handling Login & Logout\n */\nexport class Login {\n /**\n * Get Auth Token\n */\n static getToken(): string {\n return window.localStorage.getItem('esim_token');\n }\n /**\n * Logout and redirect to home page\n */\n static logout() {\n window.localStorage.removeItem('esim_token');\n window.open(new URL('../../', window.location.href).href, '_self');\n }\n /**\n * Redirect to the login Page\n * @param isFront Is Frontpage\n */\n static redirectLogin(isFront: boolean = false): void {\n const dashboardURI = (new URL(environment.DASHBOARD_URL, window.location.href)).href;\n if (Login.getToken()) {\n window.open(dashboardURI, '_self');\n } else {\n let redirectUri = isFront ? dashboardURI : window.location.href;\n redirectUri = encodeURIComponent(redirectUri);\n // const url = `${window.location.protocol}\\\\\\\\${window.location.host}\\\\eda\\\\#\\\\login?url=${redirectUri}`;\n const url = `${environment.LOGIN_URL}${redirectUri}`;\n window.open(url, '_self');\n }\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/MathUtils.ts", "content": "export class MathUtils {\n static modulo(n, m) {\n return ((n % m) + m) % m;\n }\n\n static isPointBetween(point: [number, number], point1: [number, number], point2: [number, number]): boolean {\n return (point[0] >= point1[0] && point[0] < point2[0]) && (point[1] >= point1[1] && point[1] < point2[1]);\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/Miscellaneous.ts", "content": "import { CircuitElement } from './CircuitElement';\n/**\n * Label class\n */\nexport class Label extends CircuitElement {\n /**\n * Text of the label\n */\n text = 'Label';\n /**\n * Font Size of the Label\n */\n fontSize = 15;\n /**\n * Font color of the label.\n */\n fontColor = '#000000';\n /**\n * Font style of the label\n */\n fontStyle = 'normal';\n /**\n * Font weight of the label.\n */\n fontWeight = 'normal';\n /**\n * Get Name Function\n */\n getName = null;\n /**\n * Label constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('Label', x, y);\n this.elements.push(\n canvas.text(x, y, this.text)\n );\n this.update();\n this.setClickListener(null);\n this.setDragListeners();\n this.setHoverListener();\n window['queue'] -= 1;\n }\n /** Saves data for label class */\n SaveData() {\n return {\n text: this.text,\n size: this.fontSize,\n color: this.fontColor,\n weight: this.fontWeight,\n style: this.fontStyle\n };\n }\n /**\n * Loads data of SaveData()\n * @param data saved object\n */\n LoadData(data: any) {\n this.text = data.data.text;\n this.fontSize = data.data.size;\n this.fontColor = data.data.color;\n this.fontWeight = data.data.weight;\n this.fontStyle = data.data.style;\n this.elements.transform(`t${this.tx},${this.ty}`);\n this.update();\n }\n /** Function updates the label class */\n update() {\n this.elements[0]\n .attr({\n 'font-size': this.fontSize,\n 'font-family': 'Times New Roman,Georgia,Serif',\n 'font-weight': this.fontWeight,\n 'font-style': this.fontStyle,\n text: this.text,\n fill: this.fontColor\n });\n }\n /** Changes text for label */\n changeLabel(value: string) {\n // if text field is empty\n if (value === '') {\n // TODO: Show Toast\n window['showToast']('Label cannot be empty');\n return;\n }\n this.text = value;\n this.update();\n }\n /**\n * Function provides label details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n let tmp;\n const body = document.createElement('div');\n body.style.display = 'flex';\n body.style.flexDirection = 'column';\n\n const inp = document.createElement('input');\n inp.value = this.text;\n inp.onkeyup = () => {\n this.changeLabel(inp.value);\n };\n\n inp.addEventListener('focusout', () => {\n if (inp.value === '') {\n inp.value = this.text;\n }\n });\n const sz = document.createElement('input');\n sz.type = 'number';\n sz.min = '10';\n sz.value = `${this.fontSize}`;\n sz.max = '100';\n sz.onchange = () => {\n const num = parseInt(sz.value, 10);\n if (num) {\n this.fontSize = Math.min(100, Math.max(10, num));\n this.update();\n }\n };\n const colors = [\n ['Black', '#000000'],\n ['Red', '#ff0000'],\n ['Green', '#04942b'],\n ['Blue', '#0000ff'],\n ['Purple', '#6a0dad'],\n ];\n const colorSelect = document.createElement('select');\n tmp = '';\n for (const col of colors) {\n tmp += ``;\n }\n colorSelect.innerHTML = tmp;\n colorSelect.onchange = () => {\n this.fontColor = colors[colorSelect.selectedIndex][1];\n this.update();\n };\n const styles = ['Normal', 'Italic'];\n const styleSelect = document.createElement('select');\n tmp = '';\n for (const styl of styles) {\n tmp += ``;\n }\n styleSelect.innerHTML = tmp;\n styleSelect.onchange = () => {\n this.fontStyle = styles[styleSelect.selectedIndex];\n this.update();\n };\n const weights = ['Normal', 'Bold', 'Bolder', 'Lighter'];\n const weightSelect = document.createElement('select');\n tmp = '';\n for (const wght of weights) {\n tmp += ``;\n }\n weightSelect.innerHTML = tmp;\n weightSelect.onchange = () => {\n this.fontWeight = weights[weightSelect.selectedIndex];\n this.update();\n };\n tmp = document.createElement('label');\n tmp.innerText = 'Text';\n body.appendChild(tmp);\n body.appendChild(inp);\n tmp = document.createElement('label');\n tmp.innerText = 'Size';\n body.appendChild(tmp);\n body.appendChild(sz);\n tmp = document.createElement('label');\n tmp.innerText = 'Colors';\n body.appendChild(tmp);\n body.appendChild(colorSelect);\n tmp = document.createElement('label');\n tmp.innerText = 'Styles';\n body.appendChild(tmp);\n body.appendChild(styleSelect);\n tmp = document.createElement('label');\n tmp.innerText = 'Weight';\n body.appendChild(tmp);\n body.appendChild(weightSelect);\n\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'Label'\n };\n }\n /**\n * Called on Start Simulation\n */\n initSimulation(): void {\n }\n /**\n * Called on Stop simulation.\n */\n closeSimulation(): void {\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/Point.ts", "content": "import { Wire } from './Wire';\nimport { CircuitElement } from './CircuitElement';\nimport { isNull } from 'util';\nimport { BoundingBox } from './Geometry';\nimport _ from 'lodash';\nimport { BreadBoard } from './General';\n\n\n/**\n * Declare window so that custom created function don't throw error\n */\ndeclare var window;\n\n/**\n * Class For Circuit Node ie. Point wires can connect with nodes\n */\nexport class Point {\n\n /**\n * Boolean to either show bubble on hover or not\n */\n static showBubbleBool = true;\n /**\n * Hide node on creation\n */\n static defaultAttr: any = {\n fill: 'rgba(0,0,0,0)',\n stroke: 'rgba(0,0,0,0)'\n };\n /**\n * Show red color with black stroke on hover\n */\n static nodeAttr: any = {\n fill: 'rgba(255,0,0,1)',\n stroke: 'rgba(0,0,0,1)'\n };\n /**\n * Body of the Circuit Node\n */\n body: any;\n\n /**\n * Stores the reference of wire which is connected to it\n */\n connectedTo: Wire = null;\n\n /**\n * Is the point soldered with wire.\n */\n private soldered = false;\n\n /**\n * Hover callback called on hover over node\n */\n hoverCallback: any = null;\n\n /**\n * Hover Close Callback called if hover is removed\n */\n hoverCloseCallback: any = null;\n\n /**\n * Callback called when we connect wire.\n */\n connectCallback: any = null;\n /*\n Callback called on disconnecting a wire.\n */\n disconnectCallback: any = null;\n /**\n * The Value of the node\n */\n value = -1;\n /**\n * Value change listener\n */\n listener: (val: number, calledby: Point, current: Point) => void = null;\n /**\n * Graph id used while starting simulation.\n */\n gid = -1;\n /**\n * The Node ID\n */\n id: number;\n /**\n * Boolean for inputPullUp\n */\n pullUpEnabled = false;\n\n /**\n * Constructor for Circuit Node\n * @param canvas Raphael Canvas / paper\n * @param x x position of node\n * @param y y position of node\n * @param label label to be shown when hover\n * @param half The Half width of Square\n * @param parent parent of the circuit node\n */\n constructor(\n private canvas: any,\n public x: number,\n public y: number,\n public label: string,\n public half: number,\n public parent: CircuitElement\n ) {\n // if (window['point_id']) {\n // this.id = window['point_id'];\n // window.point_id += 1;\n // }\n // else {\n // this.id = 1;\n // window['point_id'] = 2;\n // }\n this.id = this.parent.nid;\n ++this.parent.nid;\n // Create a rectangle of 4x4 and set default color and stroke\n this.body = this.canvas.rect(x, y, 2 * this.half, 2 * this.half);\n\n this.body.attr(Point.defaultAttr);\n this.body.node.setAttribute('class', 'mynode');\n\n // Set Hover callback\n this.body.hover((evt: MouseEvent) => {\n // Check if showBubbleBool is enabled\n if (Point.showBubbleBool) {\n // Check if callback is present if it is then call it\n if (this.hoverCallback) {\n this.hoverCallback(this.x, this.y);\n }\n window.showBubble(this.label, evt.clientX, evt.clientY);\n if (this.parent.keyName === 'BreadBoard') {\n\n const ref = this.parent as BreadBoard;\n\n if (this.label === '+' || this.label === '-') {\n for (const point of ref.sameYNodes[this.y]) {\n if (this.id === point.id) {\n this.highlight();\n } else {\n point.outline();\n }\n }\n\n } else {\n const groups = ref.getGroupings();\n const index = groups.findIndex(prefix => prefix.includes(this.label.charAt(0)));\n\n for (const point of ref.sameXNodes[this.x]) {\n if (point.label !== '+' && point.label !== '-') {\n if (groups[index].includes(point.label.charAt(0))) {\n if (this.id === point.id) {\n this.highlight();\n } else {\n point.outline();\n }\n }\n }\n }\n }\n }\n } else {\n // TODO: Do not show node highligtht\n this.remainHidden();\n }\n }, () => {\n // Check if close callback is present if present call it\n if (this.hoverCloseCallback) {\n this.hoverCloseCallback(this.x, this.y);\n }\n window.hideBubble();\n\n if (this.parent.keyName === 'BreadBoard') {\n\n const ref = this.parent as BreadBoard;\n\n if (this.label === '+' || this.label === '-') {\n for (const point of ref.sameYNodes[this.y]) {\n if (this.id === point.id) {\n this.undoHighlight();\n } else {\n point.undoOutline();\n }\n }\n } else {\n for (const point of ref.sameXNodes[this.x]) {\n if (point.label !== '+' && point.label !== '-') {\n if (this.id === point.id) {\n this.undoHighlight();\n } else {\n point.undoOutline();\n }\n }\n }\n }\n }\n // Show node highligtht\n this.remainShow();\n });\n\n // TODO: Remove The following code After Development\n // this.body.drag((dx, dy) => {\n // this.body.attr({\n // x: this.x + dx,\n // y: this.y + dy\n // });\n // }, () => {\n // this.x = this.body.attr(\"x\");\n // this.y = this.body.attr(\"y\");\n // }, () => {\n // this.x = this.body.attr(\"x\");\n // this.y = this.body.attr(\"y\");\n // });\n // this.body.dblclick(() => {\n // alert((this.x - this.parent.x) + \",\" + (this.y - this.parent.y) + \" \" + this.label);\n // });\n // return;\n\n // Set click listener\n this.body.mousedown(() => {\n if (this.connectedTo != null) {\n return;\n }\n if ((window['Selected'] instanceof Wire) && !window.Selected.isConnected()) {\n this.connectWire(window['Selected']);\n window['isSelected'] = false; // deselect object\n window['Selected'] = null;\n } else {\n // if nothing is selected create a new wire object\n window.isSelected = true;\n const wire = this.startNewWire();\n // select the wire and insert into the scope of circuit\n window.Selected = wire;\n }\n if (this.connectCallback) {\n this.connectCallback(this);\n }\n });\n\n }\n\n isConnected(): boolean {\n return !!this.connectedTo;\n }\n\n isSoldered(): boolean {\n return this.soldered;\n }\n\n /**\n * Solders wire to the point\n * @param wire wire to solder (if existing wire, else pass empty to create a new wire at the node)\n */\n solderWire(wire?): Wire {\n if (!wire) {\n wire = this.startNewWire();\n }\n this.soldered = true;\n const newClass = `${this.body.node.getAttribute('class')} solder-highlight`;\n this.body.node.setAttribute('class', newClass);\n if (this.connectCallback) {\n this.connectCallback(this);\n }\n return wire;\n }\n\n /**\n * Unsolders wire to the point\n */\n unsolderWire() {\n const wire = this.connectedTo;\n if (wire) {\n this.setValue(-1, this);\n wire.delete();\n }\n this.soldered = false;\n const newClass = this.body.node.getAttribute('class').replace(' solder-highlight', '');\n this.body.node.setAttribute('class', newClass);\n\n if (this.disconnectCallback) {\n this.disconnectCallback(this);\n }\n }\n\n connectWire(wire, pushToUndo = true) {\n // if selected item is wire then connect the wire with the node\n // console.log([]);\n if (wire.start === this) { return; }\n this.connectedTo = wire;\n wire.connect(this, true, false, !pushToUndo, pushToUndo ? 'add' : 'breadDrag');\n wire.deselect();\n if (wire.start && wire.end) {\n window['scope']['wires'].push(wire);\n } else {\n window['showToast']('Wire was not connected properly !');\n }\n }\n\n /**\n * Creates and originates new wire at the point\n */\n startNewWire() {\n const wire = new Wire(this.canvas, this);\n this.connectedTo = wire;\n return wire;\n }\n\n /**\n * Returns the bounding box of the point\n */\n getBoundingBox(): BoundingBox {\n return BoundingBox.loadFromRaphaelBbox(this.body.getBBox());\n }\n\n /**\n * Set Hover and Hover close Callback\n * @param callback Hover Callback\n * @param closeCallback Hover Close Callback\n */\n setHoverCallback(callback = null, closeCallback = null) {\n this.hoverCallback = callback;\n this.hoverCloseCallback = closeCallback;\n }\n\n /**\n * Return the center position of the Node\n */\n position() {\n return [this.x + this.half, this.y + this.half];\n }\n\n highlight() {\n const newClass = `${this.body.node.getAttribute('class')} highlight`;\n this.body.node.setAttribute('class', newClass);\n }\n\n undoHighlight() {\n const newClass = this.body.node.getAttribute('class').replace(' highlight', '');\n this.body.node.setAttribute('class', newClass);\n }\n outline() {\n const newClass = `${this.body.node.getAttribute('class')} outline`;\n this.body.node.setAttribute('class', newClass);\n }\n\n undoOutline() {\n const newClass = this.body.node.getAttribute('class').replace(' outline', '');\n this.body.node.setAttribute('class', newClass);\n }\n\n /**\n * Change the Position of Node with relative to current position\n * @param dx change in x axis\n * @param dy change in y axis\n */\n relativeMove(dx: number, dy: number) {\n this.x += dx;\n this.y += dy;\n // update the position\n this.body.attr({\n x: this.x,\n y: this.y\n });\n }\n\n /**\n * Hide Node\n */\n hide() {\n this.body.attr(Point.defaultAttr);\n }\n /**\n * This will permanently hide the node\n */\n remainHidden() {\n this.body.hide();\n }\n /**\n * This will show node if its is permanently hidden\n */\n remainShow() {\n this.body.show();\n }\n\n /**\n * Show Node\n */\n show() {\n if (this.connectedTo) { return; }\n this.body.attr(Point.nodeAttr);\n }\n\n /**\n * Move Node to x,y\n * @param x new x position of Node\n * @param y new y position of Node\n */\n move(x: number, y: number) {\n this.x = x;\n this.y = y;\n // Update the positon\n this.body.attr({\n x: this.x,\n y: this.y\n });\n }\n\n /**\n * Disconnects the point to wire\n */\n disconnect() {\n this.connectedTo = null;\n if (this.isSoldered()) {\n this.unsolderWire();\n }\n }\n\n /**\n * Remove Node from canvas\n */\n remove() {\n this.body.remove();\n if (this.connectedTo) {\n this.connectedTo.remove();\n this.connectedTo = null;\n this.parent = null;\n }\n }\n /**\n * Adding a Value Change Listener.\n * @param listener Value Change Listener\n */\n addValueListener(listener: (val: number, calledby: Point, parent: Point) => void) {\n this.listener = listener;\n }\n /**\n * Set the value of a Circuit node.\n * @param value New Value\n * @param calledby The node which sets the value\n */\n setValue(value: number, calledby: Point) {\n this.value = value;\n\n if (calledby && this.listener) {\n this.listener(this.value, calledby, this);\n }\n\n if (isNull(calledby)) {\n calledby = this;\n }\n // Propogate the value further\n\n if (this.connectedTo && this.connectedTo.end) {\n if (this.connectedTo.end.gid !== calledby.gid && this.connectedTo.end.gid !== this.gid) {\n this.connectedTo.end.setValue(this.value, this);\n }\n }\n\n if (this.connectedTo && this.connectedTo.start) {\n if (this.connectedTo.start.gid !== calledby.gid && this.connectedTo.start.gid !== this.gid) {\n this.connectedTo.start.setValue(this.value, this);\n }\n }\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/RaphaelUtils.ts", "content": "/**\n * Checks if two raphael element's bounding boxes intersect\n */\nexport function areBoundingBoxesIntersecting(box1, box2): boolean {\n if (box1.x >= box2.x2 || box2.x >= box1.x2) {\n return false;\n }\n if (box1.y2 <= box2.y || box2.y2 <= box1.y) {\n return false;\n }\n return true;\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/SaveOffiline.ts", "content": "import { AlertService } from '../alert/alert-service/alert.service';\n\n/**\n * Declare window so that custom created function don't throw error\n */\ndeclare var window;\n/**\n * Class to Save Project in IndexedDB\n */\nexport class SaveOffline {\n /**\n * Check if IndexedDB exist if not show alert\n * @param callback If IndexedDB exist call the callback\n */\n static Check(callback: (result: any) => void = null) {\n // check db exist\n if (window.indexedDB) {\n } else {\n // support for other browser\n window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;\n window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.msIDBTransaction;\n window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange;\n }\n\n // if exist create/open project database\n if (window.indexedDB) {\n const request = window.indexedDB.open('projects', 1);\n // Database was not able to open/create\n request.onerror = (err) => {\n console.log(err);\n AlertService.showAlert('Error Occurred for Ofline Circuit (Private Window Can be a Reason)');\n };\n\n // if everything works call the callback with result\n request.onsuccess = () => {\n if (callback) {\n callback(request.result);\n }\n };\n // Create Object Store on success\n request.onupgradeneeded = (event) => {\n const datab = event.target.result;\n if (!datab.objectStoreNames.contains('projects')) {\n datab.createObjectStore('project', { keyPath: 'id' });\n }\n };\n\n return true;\n }\n\n // IndexedDB not found\n AlertService.showAlert('Save Offline Feature Will Not Work');\n return false;\n }\n /**\n * Save Project to Indexed DB\n * @param mydata Project Data\n * @param callback Callback if Project is saved\n */\n static Save(mydata, callback: (data: any) => void = null) {\n if (!SaveOffline.Check(db => {\n db.transaction(['project'], 'readwrite')\n .objectStore('project')\n .add(mydata);\n if (callback) {\n callback(mydata);\n }\n AlertService.showAlert('Done saved.');\n })) {\n return;\n }\n // let db;\n // const request = window.indexedDB.open('projects', 1);\n // request.onerror = () => {\n // // console.log('error: ');\n // alert('Error Occurred');\n // };\n\n // request.onsuccess = () => {\n // db = request.result;\n // };\n\n // request.onupgradeneeded = (event) => {\n // const datab = event.target.result;\n // if (!datab.objectStoreNames.contains('projects')) {\n // datab.createObjectStore('project', { keyPath: 'id' });\n // }\n // };\n }\n\n /**\n * Read all Project from Indexed DB\n * @param callback Callback if after all the data is fetched\n */\n static ReadALL(callback: (data: any) => void = null) {\n if (!SaveOffline.Check(db => {\n const objectStore = db.transaction('project').objectStore('project');\n const data = [];\n objectStore.openCursor().onsuccess = (event) => {\n const cursor = event.target.result;\n if (cursor) {\n data.push(cursor.value);\n cursor.continue();\n } else {\n if (callback) {\n callback(data);\n }\n }\n };\n })) {\n return;\n }\n // let db;\n // const request = window.indexedDB.open('projects', 1);\n // request.onerror = (event) => {\n // // console.log('error: ');\n // alert('Error Occurred');\n // };\n\n // request.onsuccess = () => {\n // db = request.result;\n // console.log('success: ' + db);\n // };\n }\n /**\n * Delete Project Fron Indexed DB\n * @param id Project ID\n * @param callback Callback if it was deleted Succesfully\n */\n static Delete(id, callback: () => void = null) {\n if (!SaveOffline.Check(db => {\n const ok = db.transaction(['project'], 'readwrite')\n .objectStore('project')\n .delete(id);\n\n ok.onsuccess = (_) => {\n if (callback) {\n callback();\n }\n };\n })) {\n return;\n }\n // let db;\n // const request = window.indexedDB.open('projects', 1);\n // request.onerror = (_) => {\n // // console.log('error: ');\n // alert('Error Occurred');\n // };\n\n // request.onsuccess = (__) => {\n // db = request.result;\n\n // };\n }\n /**\n * Update respective Project in Indexed DB\n * @param mydata Project data contains id\n * @param callback Callback when Project is succesfully updated\n */\n static Update(mydata, callback: (data: any) => void = null) {\n if (!SaveOffline.Check(db => {\n const ok = db.transaction(['project'], 'readwrite')\n .objectStore('project')\n .put(mydata);\n\n ok.onsuccess = (_) => {\n AlertService.showAlert('Done updating.');\n if (callback) {\n callback(mydata);\n }\n };\n })) {\n return;\n }\n // let db;\n // const request = window.indexedDB.open('projects', 1);\n // request.onerror = (_) => {\n // alert('Error Occurred');\n // // console.log('error: ');\n // };\n\n // request.onsuccess = (__) => {\n // db = request.result;\n\n\n // };\n }\n /**\n * Read a Particular project from Indexed DB\n * @param id Project ID\n * @param callback Callback if Project read is completed\n */\n static Read(id, callback: (data: any) => void = null) {\n if (!SaveOffline.Check(db => {\n const transaction = db.transaction(['project']);\n const objectStore = transaction.objectStore('project');\n const ok = objectStore.get(parseInt(id, 10));\n\n ok.onerror = () => {\n AlertService.showAlert('Unable to retrieve data from database!');\n callback(null);\n };\n\n ok.onsuccess = () => {\n callback(ok.result);\n };\n })) {\n return;\n }\n // let db;\n // const request = window.indexedDB.open('projects', 1);\n // request.onerror = () => {\n // alert('Error Occurred');\n // // console.log('error: ');\n // };\n\n // request.onsuccess = () => {\n // db = request.result;\n\n\n // };\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/SaveOnline.ts", "content": "import { isNull } from 'util';\nimport { Login } from './Login';\nimport { Download, ImageType } from './Download';\nimport { ApiService } from '../api.service';\nimport { Workspace } from './Workspace';\nimport { AlertService } from '../alert/alert-service/alert.service';\nimport { HttpErrorResponse } from '@angular/common/http';\nimport { ConvertJSONFormat } from './ConvertJSONFormat';\n\n/**\n * Declare window so that custom created function don't throw error\n */\ndeclare var window;\n\n/**\n * Class For Saving Online\n */\nexport class SaveOnline {\n /**\n * Check if input is an UUID.\n * @param input Input that needs to be tested\n */\n static isUUID(input: string) {\n const rgx = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;\n return rgx.test(input);\n }\n /**\n * Save or Update Project\n * @param name Project Name\n * @param description Project Description\n * @param api API Service\n * @param branch Branch of variation\n * @param version Version of variation\n * @param callback Callback when save/update is done\n * @param id Project ID\n */\n static Save(name = '', description = '', api: ApiService, branch, version, callback: (data: any) => void = null, id: string = null) {\n // Get Token\n const token = Login.getToken();\n // if id is present then update\n let toUpdate = false;\n if (isNull(id)) {\n } else {\n toUpdate = true;\n }\n // Save Object that needs to send to server\n const saveObj = {\n data_dump: '',\n is_arduino: true,\n description,\n name,\n branch,\n version,\n };\n // Data Dump will contain Workspace Data and Circuit data\n const dataDump = {\n canvas: {\n x: Workspace.translateX,\n y: Workspace.translateY,\n scale: Workspace.scale\n }\n };\n // For each item in scope\n for (const key in window.scope) {\n // if at least one component present in the scope\n if (window.scope[key] && window.scope[key].length > 0) {\n dataDump[key] = []; // Intialize datadump\n // Call the save function and push the return object\n for (const item of window.scope[key]) {\n if (item.save) {\n dataDump[key].push(item.save());\n }\n }\n\n }\n }\n // Convert Data Dump to an String and add to Save Object\n saveObj.data_dump = JSON.stringify(dataDump);\n\n // Generate Thumbnail for the project\n Download.ExportImage(ImageType.PNG).then(v => {\n saveObj['base64_image'] = v; // Store the base64 image\n\n // if update then update the project\n if (toUpdate) {\n api.updateProject(id, saveObj, token).subscribe(out => {\n if (callback) {\n callback(out);\n }\n }, err => {\n if (err.status === 401) {\n AlertService.showAlert('You Cannot Save the Circuit as you are not the Ownwer');\n return;\n }\n console.log(err);\n });\n } else {\n // Otherwise save the project\n api.saveProject(saveObj, token).subscribe(output => {\n if (callback) {\n callback(output);\n }\n }, err => {\n let message = '';\n for (const key in err.error) {\n if (err.error[key]) {\n message += '\\n' + key;\n for (const item of err.error[key]) {\n message += `${item},`;\n }\n }\n }\n AlertService.showAlert(message);\n });\n\n }\n\n });\n\n }\n\n /**\n * Save Staff Project\n * @param name Project Name\n * @param description Project Description\n * @param api API Service\n * @param callback Callback when save is done\n */\n static staffSaveGallery(name = '', description = '', api: ApiService, callback: (data: any) => void = null) {\n // Get Token\n const token = Login.getToken();\n // Save Object that needs to send to server\n const saveObj = {\n data_dump: '',\n is_arduino: true,\n description: '',\n name,\n save_id: 'gallery' + Math.random() * 100000\n };\n // Data Dump will contain Workspace Data and Circuit data\n const dataDump = {\n canvas: {\n x: Workspace.translateX,\n y: Workspace.translateY,\n scale: Workspace.scale\n }\n };\n // For each item in scope\n for (const key in window.scope) {\n // if at least one component present in the scope\n if (window.scope[key] && window.scope[key].length > 0) {\n dataDump[key] = []; // Intialize datadump\n // Call the save function and push the return object\n for (const item of window.scope[key]) {\n if (item.save) {\n dataDump[key].push(item.save());\n }\n }\n\n }\n }\n // Convert Data Dump to an String and add to Save Object\n saveObj.data_dump = JSON.stringify(dataDump);\n // Generate Thumbnail for the project\n Download.ExportImage(ImageType.PNG).then(v => {\n saveObj['media'] = v; // Store the base64 image\n // Otherwise save the project\n api.saveProjectToGallery(saveObj, token).subscribe(output => {\n if (callback) {\n callback(output);\n\n AlertService.showAlert('Saved In Gallery');\n }\n }, err => {\n console.log(err);\n let message = '';\n for (const key in err.error) {\n if (err.error[key]) {\n message += '\\n' + key;\n for (const item of err.error[key]) {\n message += `${item},`;\n }\n }\n }\n AlertService.showAlert(message);\n });\n });\n }\n /**\n * Save or Update Project from Dashboard\n * @param data Project data\n * @param api API Service\n * @param callback Callback when save/update is done\n * @param toUpdate Determines whether to save or update the circuit\n */\n static SaveFromDashboard(data: any, api: ApiService, callback: (data: any) => void = null, toUpdate: boolean) {\n const id = data.id;\n // Get Token\n const token = Login.getToken();\n if (token) {\n // Converting data to required format\n const saveObj = ConvertJSONFormat.convertToOnlineFormat(data);\n if (toUpdate) {\n api.readProject(id, 'master', this.getRandomString(20), token).subscribe(() => {\n // if exists then update the project\n api.updateProject(id, saveObj, token).subscribe(out => {\n if (callback) {\n AlertService.showAlert('Updated');\n callback(out);\n }\n }, err => {\n if (err.status === 401) {\n AlertService.showAlert('You Cannot Save the Circuit as you are not the Ownwer');\n return;\n }\n console.log(err);\n });\n },\n (err: HttpErrorResponse) => {\n if (err.status === 404) {\n // Otherwise save the project\n this.CallToAPISaveService(api, saveObj, token, callback);\n AlertService.showAlert('Circuit ID has been changed as circuit was deleted');\n } else if (err.status === 401) {\n AlertService.showAlert('You are Not Authorized to download this circuit');\n window.open('../../../', '_self');\n return;\n } else {\n AlertService.showAlert('Something Went Wrong');\n }\n console.log(err);\n }\n );\n } else {\n // Save the project due to invalid id\n this.CallToAPISaveService(api, saveObj, token, callback);\n }\n }\n }\n /**\n * Calls api to save project data on cloud.\n * This function was created to reduce repeating code from above function.\n * @param api API Service\n * @param saveObj JSON Object containing Project\n * @param token Login Token\n * @param callback Callback when project saved\n */\n static CallToAPISaveService(api: ApiService, saveObj: any, token: string, callback: (data: any) => void = null) {\n api.saveProject(saveObj, token).subscribe(output => {\n if (callback) {\n AlertService.showAlert('Saved');\n callback(output);\n }\n }, err => {\n let message = '';\n for (const key in err.error) {\n if (err.error[key]) {\n message += '\\n' + key;\n for (const item of err.error[key]) {\n message += `${item},`;\n }\n }\n }\n AlertService.showAlert(message);\n });\n }\n\n /**\n * Generate and return a random string\n * @param length Length of random string\n * @returns random string\n */\n static getRandomString(length) {\n let result = '';\n const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n const charactersLength = characters.length;\n for (let i = 0; i < length; i++) {\n result += characters.charAt(Math.floor(Math.random() *\n charactersLength));\n }\n return result;\n }\n\n}\n\n" }, { "path": "ArduinoFrontend/src/app/Libs/UndoUtils.ts", "content": "import { Utils } from './Utils';\nimport { Workspace } from './Workspace';\nimport { isNull } from 'util';\n\ndeclare var window;\n\n/**\n * Abstract Class UndoUtils\n * Inherited to implement Undo & Redo Functionality\n */\nexport abstract class UndoUtils {\n\n /**\n * Boolean to disable undo/redo buttons for some time until circuit is loading\n */\n static enableButtonsBool = true;\n /**\n * Undo Stack\n */\n static undo = [];\n /**\n * Redo Stack\n */\n static redo = [];\n /**\n * Workspace changed\n */\n static event = new CustomEvent('changed', {\n detail : {\n changed: true,\n }\n });\n\n /**\n * Call this function to Undo\n */\n static workspaceUndo() {\n if (this.undo.length > 0) {\n const cng = this.undo.pop();\n this.loadChange(cng, 'undo');\n }\n }\n\n /**\n * Call this function to Redo\n */\n static workspaceRedo() {\n if (this.redo.length > 0) {\n const cng = this.redo.pop();\n this.loadChange(cng, 'redo');\n }\n }\n\n /**\n * Function to reset redo stack & push into undo stack\n * @param ele event snapshot\n */\n static pushChangeToUndoAndReset(ele) {\n\n // Empty Redo Stack\n this.redo = [];\n\n // This is used to save wires connected to element in case of delete event only\n if (ele.event === 'delete') {\n let step = 0;\n const grup = window.scope[ele.keyName];\n const temp = this.getExistingWindowElement(grup, ele);\n for (const e in temp.nodes) {\n if (temp.nodes[e].connectedTo) {\n const wire = temp.nodes[e].connectedTo;\n UndoUtils.pushChangeToUndo({ keyName: wire.keyName, element: wire.save(), event: 'delete' });\n step += 1;\n }\n }\n if (ele.event === 'add' || ele.event === 'delete') {\n UndoUtils.event.detail['ele'] = ele;\n console.log(ele);\n document.dispatchEvent(UndoUtils.event);\n }\n ele.step = step;\n this.undo.push(ele);\n return;\n }\n // If not delete continue to normal Undo Process\n this.pushChangeToUndo(ele);\n }\n\n /**\n * Function to push into redo stack\n * @param ele event snapshot\n */\n static pushChangeToRedo(ele) {\n this.redo.push(ele);\n }\n\n /**\n * Function to push into undo stack\n * @param ele event snapshot\n */\n static pushChangeToUndo(ele) {\n // This is used to save wires connected to element in case of delete event only\n if (ele.event === 'delete') {\n let step = 0;\n const grup = window.scope[ele.keyName];\n const temp = this.getExistingWindowElement(grup, ele);\n for (const e in temp.nodes) {\n if (temp.nodes[e].connectedTo) {\n const wire = temp.nodes[e].connectedTo;\n UndoUtils.pushChangeToUndo({ keyName: wire.keyName, element: wire.save(), event: 'delete' });\n step += 1;\n }\n }\n ele.step = step;\n }\n // Push to Undo stack\n this.undo.push(ele);\n if (ele.event === 'add' || ele.event === 'delete') {\n UndoUtils.event.detail['ele'] = ele;\n console.log(ele);\n document.dispatchEvent(UndoUtils.event);\n }\n }\n\n /**\n * Load The Changes, Called after Undo and redo operation to process the event snapshot\n * @param ele event snapshot\n * @param operation undo/redo\n */\n static async loadChange(ele, operation) {\n // All elements in window.scope with similar\n const grup = window.scope[ele.keyName];\n\n // Check if dragJson is present, & jump to next operation if both dx & dy are 0\n if (ele.dragJson) {\n if (ele.dragJson.dx === 0 && ele.dragJson.dy === 0) {\n if (operation === 'undo') {\n this.workspaceUndo();\n } else if (operation === 'redo') {\n this.workspaceRedo();\n }\n return;\n }\n }\n if (ele.event === 'add' || ele.event === 'delete') {\n UndoUtils.event.detail['ele'] = ele;\n console.log(ele);\n document.dispatchEvent(UndoUtils.event);\n }\n\n // handle Delete events\n if (operation === 'undo' && ele.event === 'delete') {\n UndoUtils.createElement(ele).then(res => {\n // if (ele.keyName === 'BreadBoard') {\n // window['DragListeners'] = [];\n // window['DragStopListeners'] = [];\n // }\n for (let i = 0; i < ele.step; i++) {\n const chg = this.undo.pop();\n UndoUtils.createElement(chg);\n }\n UndoUtils.pushChangeToRedo({ keyName: ele.keyName, element: ele.element, event: ele.event, step: ele.step });\n });\n return;\n } else if (operation === 'redo' && ele.event === 'delete') {\n const temp = this.getExistingWindowElement(grup, ele);\n window['Selected'] = temp;\n Workspace.DeleteComponent(false);\n return;\n }\n\n // handle auto-layout of wires\n if (ele.event === 'layout' && operation === 'undo') {\n const existing = this.getExistingWindowElement(grup, ele);\n UndoUtils.pushChangeToRedo({ keyName: existing.keyName, element: existing.save(), event: ele.event, step: ele.step });\n UndoUtils.removeElement(ele).then(res => {\n UndoUtils.createElement(ele).then(result => {\n for (let i = 0; i < ele.step - 1; i++) {\n const chg = this.undo.pop();\n const innerExisting = this.getExistingWindowElement(grup, chg);\n const obj = { keyName: innerExisting.keyName, element: innerExisting.save(), event: chg.event, step: chg.step };\n UndoUtils.pushChangeToRedo(obj);\n UndoUtils.removeElement(chg).then(ress => {\n UndoUtils.createElement(chg);\n });\n }\n });\n });\n return;\n } else if (ele.event === 'layout' && operation === 'redo') {\n const existing = this.getExistingWindowElement(grup, ele);\n UndoUtils.pushChangeToUndo({ keyName: existing.keyName, element: existing.save(), event: ele.event, step: ele.step });\n UndoUtils.removeElement(ele).then(res => {\n UndoUtils.createElement(ele).then(result => {\n for (let i = 0; i < ele.step - 1; i++) {\n const chg = this.redo.pop();\n const innerExisting = this.getExistingWindowElement(grup, chg);\n const obj = { keyName: innerExisting.keyName, element: innerExisting.save(), event: chg.event, step: chg.step };\n UndoUtils.pushChangeToUndo(obj);\n UndoUtils.removeElement(chg).then(ress => {\n UndoUtils.createElement(chg);\n });\n }\n });\n });\n }\n\n if (ele.event === 'breadDrag' && operation === 'undo') {\n UndoUtils.removeElement(ele).then(res => {\n UndoUtils.workspaceUndo();\n });\n return;\n }\n\n // handle Wire change events like add & color change\n if (ele.event === 'add' && operation === 'redo' && ele.keyName === 'wires') {\n UndoUtils.pushChangeToUndo(ele);\n UndoUtils.createElement(ele);\n return;\n } else if (ele.event === 'add' && operation === 'undo' && ele.keyName === 'wires') {\n UndoUtils.pushChangeToRedo(ele);\n UndoUtils.removeElement(ele);\n return;\n } else if (ele.event === 'wire_color' && operation === 'undo' && ele.keyName === 'wires') {\n const temp = this.getExistingWindowElement(grup, ele);\n UndoUtils.pushChangeToRedo({ keyName: ele.keyName, element: temp.save(), event: ele.event });\n temp.setColor(ele.element.color);\n return;\n } else if (ele.event === 'wire_color' && operation === 'redo' && ele.keyName === 'wires') {\n const temp = this.getExistingWindowElement(grup, ele);\n UndoUtils.pushChangeToUndo({ keyName: ele.keyName, element: temp.save(), event: ele.event });\n temp.setColor(ele.element.color);\n return;\n }\n\n // Only trigger if there is nothing in scope | is empty\n if (grup.length <= 0) {\n window['scope'][ele.keyName] = [];\n if (ele.event === 'add' && operation === 'redo') {\n UndoUtils.createElement(ele).then(done => {\n if (ele.keyName === 'BreadBoard') {\n // window['DragListeners'].splice(0, 1)\n // window['DragStopListeners'].splice(0, 1)\n }\n });\n UndoUtils.pushChangeToUndo({ keyName: ele.keyName, element: window.scope[ele.keyName][0].save(), event: ele.event });\n }\n }\n\n // Trigger if window.scope is not empty\n for (const e in grup) {\n if (grup[e].id === ele.element.id) {\n if (window.scope[ele.keyName][e].load) {\n // Push to Undo/Redo stack\n if (operation === 'undo') {\n const obj = {\n keyName: ele.keyName,\n element: window.scope[ele.keyName][e].save(),\n event: ele.event,\n dragJson: ele.dragJson\n };\n UndoUtils.pushChangeToRedo(obj);\n } else if (operation === 'redo') {\n const obj = {\n keyName: ele.keyName,\n element: window.scope[ele.keyName][e].save(),\n event: ele.event,\n dragJson: ele.dragJson\n };\n UndoUtils.pushChangeToUndo(obj);\n }\n // handle Add events\n if (ele.event === 'add' && operation === 'undo') {\n UndoUtils.removeElement(ele);\n return;\n } else if (ele.event === 'add' && operation === 'redo') {\n UndoUtils.createElement(ele);\n UndoUtils.removeElement(ele);\n } else if (ele.event === 'drag') {\n // TODO: handle element Drag events\n const existing = this.getExistingWindowElement(grup, ele);\n if (operation === 'undo') {\n if (ele.keyName === 'BreadBoard') {\n existing.transformBoardPosition(-ele.dragJson.dx, -ele.dragJson.dy);\n } else {\n existing.transformPosition(-ele.dragJson.dx, -ele.dragJson.dy);\n }\n } else {\n if (ele.keyName !== 'BreadBoard') {\n existing.transformPosition(ele.dragJson.dx, ele.dragJson.dy);\n Workspace.onDragEvent(existing);\n Workspace.onDragStopEvent(existing);\n } else {\n existing.transformBoardPosition(ele.dragJson.dx, ele.dragJson.dy);\n }\n }\n for (const ec in window.scope['wires']) {\n if (window.scope['wires'].hasOwnProperty(ec)) {\n window.scope['wires'][ec].update();\n }\n }\n } else {\n // TODO: Handle all other events which weren't handled before\n // Create Element with dump of ele\n UndoUtils.createElement(ele).then(createdEle => {\n // Remove existing Element\n UndoUtils.removeElement(ele).then(done => {\n // Remove drag listeners if element is a breadboard\n if (ele.keyName === 'BreadBoard') {\n // window['DragListeners'].splice(0, 1)\n // window['DragStopListeners'].splice(0, 1)\n }\n });\n });\n }\n\n }\n }\n }\n }\n\n /**\n * Used to get the existing element in window.scope\n * @param grup window.scope['element_name']\n * @param ele event snapshot\n * @returns already present element in window.scope\n */\n static getExistingWindowElement(grup, ele) {\n for (const e in grup) {\n if (grup[e].id === ele.element.id) {\n if (window.scope[ele.keyName][e].load) {\n return window.scope[ele.keyName][e];\n }\n }\n }\n }\n\n /**\n * create element again using its snapshot\n * @param ele element snapshot\n * @returns Promise\n */\n static createElement(ele) {\n return new Promise((resolve, reject) => {\n window.queue = 0;\n\n const comp = ele.element;\n const key = ele.keyName;\n\n if (key === 'wires') {\n Workspace.LoadWires([ele.element], true, true);\n // resolve\n resolve(true);\n }\n\n // Get class from keyname using the map\n const myClass = Utils.components[key].className;\n // Create Component Object from class\n const obj = new myClass(\n window['canvas'],\n comp.x,\n comp.y\n );\n window.queue += 1;\n // Add to scope\n window['scope'][key].push(obj);\n // Load data for each object\n if (obj.load) {\n obj.load(comp);\n }\n // Wait until all components are drawn\n const interval = setInterval(() => {\n if (window.queue === 0) {\n clearInterval(interval);\n // resolve when done\n resolve(obj);\n // Hide loading animation\n } else {\n // resolve anyways\n // resolve(obj)\n }\n }, 100);\n\n });\n }\n\n /**\n * Remove and element from workspace using linear search\n * @param key Key of elements to delete\n * @param uid Id of element to delete\n * @returns Promise\n */\n static removeElement(ele) {\n return new Promise((resolve, reject) => {\n const key = ele.keyName;\n const uid = ele.element.id;\n // get existing element that is to be removed\n const toRem = this.getExistingWindowElement(window.scope[key], ele);\n\n // If Current Selected item is a Wire which is not Connected from both end\n if (key === 'wires') {\n if (isNull(ele.element.end)) {\n // Remove and deselect\n toRem.remove();\n }\n // make selected variables null\n window.Selected = null;\n window.isSelected = false;\n }\n // If BreadBoard remove draglistners too\n if (key === 'BreadBoard') {\n for (const i in window['DragListeners']) {\n if (window['DragListeners'].hasOwnProperty(i)) {\n const itrFn = window['DragListeners'][i];\n if (itrFn.id === toRem.id) {\n window['DragListeners'].splice(i, 1);\n }\n }\n }\n for (const i in window['DragStopListeners']) {\n if (window['DragStopListeners'].hasOwnProperty(i)) {\n const itrFn = window['DragStopListeners'][i];\n if (itrFn.id === toRem.id) {\n window['DragStopListeners'].splice(i, 1);\n }\n }\n }\n }\n\n // get the component keyname\n const items = window.scope[key];\n\n // Use linear search find the element\n for (let i = 0; i < items.length; ++i) {\n if (items[i].id === uid) {\n // remove from DOM\n items[i].remove();\n // Remove from scope\n const k = items.splice(i, 1);\n // Remove data from it recursively\n Workspace.removeMeta(k[0]);\n\n if (key !== 'wires') {\n let index = 0;\n while (index < window.scope.wires.length) {\n const wire = window.scope.wires[index];\n if (isNull(wire.start) && isNull(wire.end)) {\n window.scope.wires.splice(index, 1);\n continue;\n }\n ++index;\n }\n }\n\n break;\n }\n }\n window.hideProperties();\n resolve(true);\n });\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/Utils.ts", "content": "import { Buzzer } from './outputs/Buzzer';\nimport { Battery9v, CoinCell } from './Battery';\nimport { PushButton, SlideSwitch } from './inputs/Buttons';\nimport { ArduinoUno } from './outputs/Arduino';\nimport { LED, RGBLED } from './outputs/Led';\nimport { UltrasonicSensor } from './inputs/UltrasonicSensor';\nimport { PIRSensor } from './inputs/PIRSensor';\nimport { Motor, L298N, ServoMotor } from './outputs/Motors';\nimport { LCD16X2, SevenSegment } from './outputs/Display';\nimport { Label } from './Miscellaneous';\nimport { PhotoResistor } from './inputs/PhotoResistor';\nimport { TMP36 } from './inputs/TemperatureSensors';\nimport { Potentiometer } from './inputs/Potentiometer';\nimport { Relay } from './inputs/Relay';\nimport { MQ2 } from './inputs/GasSensor';\nimport { Resistor, BreadBoard } from './General';\nimport { L293D } from './drivers/L293D';\nimport { Thermistor } from './inputs/Thermistor';\n\n/**\n * Utils class\n * Contains All components with their section\n */\nexport class Utils {\n /**\n * Stores an object required by the Side Component Panel\n */\n static componentBox = {\n input: [\n ['PushButton', 'UltrasonicSensor', 'PIRSensor'], // Row\n ['SlideSwitch', 'MQ2', 'TMP36'],\n ['PotentioMeter', 'PhotoResistor', 'Thermistor']\n ],\n power: [\n ['Battery9v', 'CoinCell'] // Row\n ],\n controllers: [\n ['ArduinoUno'] // Row\n ],\n output: [\n ['Buzzer', 'LED', 'Motor'], // Row\n ['RGBLED', 'ServoMotor', 'SevenSegment'],\n ['LCD16X2']\n ],\n drivers: [\n ['L298N', 'L293D']\n ],\n misc: [\n ['Label', 'RelayModule']\n ],\n general: [\n ['Resistor', 'BreadBoard']\n ]\n };\n\n /** Components with thier name, image, classname */\n static components = {\n BreadBoard: {\n name: 'BreadBoard',\n image: './assets/images/components/Breadboard.svg',\n className: BreadBoard\n },\n Resistor: {\n name: 'Resistor',\n image: './assets/images/components/Resistor.png',\n className: Resistor\n },\n RGBLED: {\n name: 'RGB LED',\n image: './assets/images/components/RGBLED.png',\n className: RGBLED\n },\n SevenSegment: {\n name: 'Seven Segment Display',\n image: './assets/images/components/SevenSegment.png',\n className: SevenSegment\n },\n MQ2: {\n name: 'Gas Sensor MQ2',\n image: './assets/images/components/GasSensor.svg',\n className: MQ2\n },\n ServoMotor: {\n name: 'Servo Motor',\n image: './assets/images/components/Servo.png',\n className: ServoMotor\n },\n RelayModule: {\n name: 'Relay Module',\n image: './assets/images/components/1ChannelRelay.svg',\n className: Relay\n },\n PotentioMeter: {\n name: 'Potentiometer',\n image: './assets/images/components/Potentiometer.png',\n className: Potentiometer\n },\n TMP36: {\n name: 'Temperature Sensor TMP36',\n image: './assets/images/components/TMP36.svg',\n className: TMP36\n },\n PhotoResistor: {\n name: 'Photo Resistor',\n image: './assets/images/components/PhotoResistor.svg',\n className: PhotoResistor\n },\n Label: {\n name: 'Label',\n image: './assets/images/components/Text.png',\n className: Label\n },\n CoinCell: {\n name: 'Coin Cell 3V',\n image: './assets/images/components/CoinCell.svg',\n className: CoinCell\n },\n SlideSwitch: {\n name: 'Slide Switch',\n image: './assets/images/components/SlideSwitch.png',\n className: SlideSwitch\n },\n LCD16X2: {\n name: 'LCD 16x2',\n image: './assets/images/components/LCD16X2.png',\n className: LCD16X2\n },\n L298N: {\n name: 'Motor Driver L298N',\n image: './assets/images/components/L298N.png',\n className: L298N\n },\n Motor: {\n name: 'Motor',\n image: './assets/images/components/Motor.png',\n className: Motor\n },\n PIRSensor: {\n name: 'PIR Sensor',\n image: './assets/images/components/PIRSensor.png',\n className: PIRSensor\n },\n UltrasonicSensor: {\n name: 'Ultrasonic Distance Sensor',\n image: './assets/images/components/UltrasonicSensor.png',\n className: UltrasonicSensor\n },\n LED: {\n name: 'LED',\n image: './assets/images/components/led.png',\n className: LED\n },\n ArduinoUno: {\n name: 'Arduino UNO',\n image: './assets/images/components/ArduinoUno.png',\n className: ArduinoUno\n },\n PushButton: {\n name: 'Push Button',\n image: './assets/images/components/PushButton.png',\n className: PushButton\n },\n Battery9v: {\n name: '9v Battery',\n image: './assets/images/components/Battery9v.png',\n className: Battery9v\n },\n Buzzer: {\n name: 'Buzzer',\n image: './assets/images/components/Buzzer.png',\n className: Buzzer\n },\n L293D: {\n name: 'L293D',\n image: './assets/images/components/L293D.png',\n className: L293D\n },\n Thermistor: {\n name: 'Thermistor',\n image: './assets/images/components/Thermistor.png',\n className: Thermistor\n }\n };\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/Wire.ts", "content": "import { Point } from './Point';\nimport _ from 'lodash';\nimport { UndoUtils } from './UndoUtils';\n\n/**\n * To prevent window from throwing error\n */\ndeclare let window;\n/**\n * Class for Wire\n */\nexport class Wire {\n /**\n * Keyname require for mapping\n */\n keyName = 'wires';\n /**\n * Stores array of position [x,y]\n */\n points: number[][] = [];\n /**\n * Store the Raphael elements of the joints\n */\n joints: any[] = [];\n /**\n * End circuit node of wire\n */\n end: Point = null;\n /**\n * Body of the wire\n */\n element: any;\n /**\n * Color of the wire\n */\n color: any = '#000';\n /**\n * Store the glows on Hover\n */\n glows: any[] = [];\n /**\n * Id of the Wire\n */\n id: number;\n /**\n * Temporary point (which was used to draw perpendicular last time) of the wire while in drawing status\n */\n lastTempPoint: [number, number];\n\n /**\n * Constructor of wire\n * @param canvas Raphael Canvas / paper\n * @param start Start circuit node of wire\n */\n constructor(public canvas, public start: Point, public existingId = null) {\n if (existingId) {\n this.id = existingId;\n } else {\n this.id = this.getUniqueId(Date.now());\n }\n\n // insert the position of start node in array\n this.points.push(start.position());\n }\n\n /**\n * Recursive function to check if id is already present.\n * If present then return a new unique id\n * @param id current id\n * @returns id number\n */\n getUniqueId(id): number {\n for (const e in window.scope) {\n if (window.scope.hasOwnProperty(e)) {\n for (const i in window.scope[e]) {\n if (window.scope[e][i].id === id) {\n return this.getUniqueId(Date.now() + Math.floor(Math.random() * 1000000));\n }\n }\n }\n }\n return id;\n }\n /**\n * Creates path element for the wire\n * @param element canvas element\n */\n createElement(element) {\n if (this.element) {\n this.removeGlows();\n this.element.remove();\n }\n\n this.element = element;\n this.element.attr({ 'stroke-linecap': 'round', 'stroke-linejoin': 'round', 'stroke-width': '4', stroke: this.color });\n\n this.element.mouseover(() => {\n // only glow if the wire has a start and an end\n if (this.start && this.end) {\n this.glows.push(\n this.element.glow({\n color: this.color\n })\n );\n }\n });\n\n this.element.mouseout(() => {\n this.removeGlows();\n });\n\n // set click listener\n this.element.click(() => {\n this.handleClick();\n });\n }\n /**\n * Adds a new coordinate (x, y) to the wire\n * @param x x-coordinate of cursor\n * @param y y-coordinate of cursor\n * @param isPerpendicular is the point to be drawn perpendicular\n */\n addPoint(x: number, y: number, isPerpendicular = false, index?) {\n let newX = x;\n let newY = y;\n\n if (isPerpendicular) {\n const n = this.points.length;\n const [previousX, previousY] = this.points[n - 1];\n [newX, newY] = this.getPerpendicularXY(x, y, previousX, previousY);\n }\n\n this.add(newX, newY, index);\n\n // draw the line from the previous point to cursor's current position\n if (isPerpendicular) {\n this.drawPerpendicular(x, y);\n } else {\n this.draw(x, y);\n }\n }\n\n /**\n * Removes all the intermediate points from the wire path\n */\n removeAllMiddlePoints() {\n for (let i = this.points.length; i > 0; i--) {\n this.removeJoint(i);\n }\n this.points = [this.points[0], this.points[this.points.length - 1]];\n }\n\n /**\n * Makes the current temporary line perpendicular depending on current x and y\n * @param toggle: true to draw perpendicular line upto current cursor's position\n * false to undo the current perpendicular status\n */\n togglePerpendicularLine(toggle: boolean) {\n const currentPathAttrs = this.element.attrs.path;\n const n = currentPathAttrs.length;\n const [x, y] = currentPathAttrs[n - 1].slice(1);\n\n let newX = null;\n let newY = null;\n\n if (toggle) {\n // if toggle is true, draw perpendicular lines\n const [previousX, previousY] = currentPathAttrs[n - 2].slice(1);\n [newX, newY] = this.getPerpendicularXY(x, y, previousX, previousY);\n } else {\n [newX, newY] = this.lastTempPoint;\n }\n\n this.drawWire(newX, newY);\n }\n\n /**\n * draws perpendicular lines based on current x, y coordinates\n * @param x x-coordinate of cursor\n * @param y y-coordinate of cursor\n */\n drawPerpendicular(x: number, y: number) {\n this.lastTempPoint = [x, y];\n const n = this.points.length;\n const [previousX, previousY] = this.points[n - 1];\n const [newX, newY] = this.getPerpendicularXY(x, y, previousX, previousY);\n this.drawWire(newX, newY);\n }\n\n /**\n * Draws wire to (x, y)\n * @param x x-coordinate\n * @param y y-coordiante\n */\n draw(x: number, y: number) {\n this.lastTempPoint = [x, y];\n this.drawWire(x, y);\n }\n\n /**\n * Returns x, y for perpendicular lines\n * @param x current x-coordinate\n * @param y current y-coordinate\n * @param previousX previous x-coordinate\n * @param previousY previous y-coordinate\n */\n private getPerpendicularXY(x: number, y: number, previousX: number, previousY: number) {\n const delX = Math.abs(x - previousX);\n const delY = Math.abs(y - previousY);\n return (delX > delY) ? [x, previousY] : [previousX, y];\n }\n\n /**\n * updates the path of the wire\n * @param newPath new path of the wire\n */\n private updateWirePath(newPath: string) {\n if (this.element) {\n // only update the path if the new path is different\n if (this.element.attrs.path.toString() !== newPath) {\n this.element.attr('path', newPath);\n }\n } else {\n this.createElement(this.canvas.path(newPath));\n }\n }\n\n /**\n * Draws wire on the canvas\n * @param x x position of point to be added\n * @param y y position of point to be added\n */\n private drawWire(x?: number, y?: number) {\n let path = `M${this.points[0][0]},${this.points[0][1]}`;\n // Draw lines to other points\n for (let i = 1; i < this.points.length; ++i) {\n path += `L${this.points[i][0]},${this.points[i][1]}`;\n }\n\n if (x && y) {\n path += `L${x},${y}`;\n }\n\n // Update path\n this.updateWirePath(path);\n }\n\n /**\n * Add a point to wire\n * @param x x position\n * @param y y position\n */\n private add(x: number, y: number, index?) {\n if (index) {\n // insert the point [x, y] at the index and create joint\n this.points.splice(index, 0, [x, y]);\n this.createJoint(index, true);\n } else {\n // else, insert at the end\n this.points.push([x, y]);\n }\n }\n /**\n * Handle click on Wire\n */\n handleClick() {\n // If Current Selected item is wire then deselect it\n if (window['Selected'] && (window['Selected'] instanceof Wire)) {\n window['Selected'].deselect();\n }\n\n // Show all joints\n for (const joint of this.joints) {\n joint.show();\n }\n\n // Select current instance\n window['isSelected'] = true;\n window['Selected'] = this;\n\n // Show properties\n window.showProperty(() => {\n return this.properties();\n });\n }\n\n /**\n * Set Color of the wire\n * @param color color of the wire\n */\n setColor(color: string) {\n this.color = color;\n this.element.attr({ stroke: color }); // set attribute\n // Update the color of joints\n for (const joint of this.joints) {\n joint.attr({ fill: color, stroke: color });\n }\n }\n\n /**\n * Return Properties of wire\n */\n properties() {\n // Create div and insert options form color\n const body = document.createElement('div');\n body.innerHTML = '
';\n const select = document.createElement('select');\n select.innerHTML = `\n \n \n \n \n \n \n \n \n \n \n `;\n const colors = ['#000',\n '#ff0000',\n '#e6a800',\n '#2593fa',\n '#31c404',\n '#FF5733',\n '#30D5C8',\n '#800080',\n '#FF00FF',\n '#964B00',\n '#696969'\n ];\n // set the current color\n for (let i = 0; i < colors.length; ++i) {\n if (colors[i] === this.color) {\n select.selectedIndex = i;\n }\n }\n // set on change listener\n select.onchange = () => {\n // Push dump to Undo stack & Reset\n UndoUtils.pushChangeToUndoAndReset({ keyName: this.keyName, element: this.save(), event: 'wire_color' });\n this.setColor(colors[select.selectedIndex]);\n };\n\n body.append(select);\n return {\n title: 'Wire',\n keyName: this.keyName,\n id: this.id,\n body\n };\n }\n\n /**\n * Function to connect wire with the node\n * @param t End point / END circuit node\n * @param removeLast remove previously inserted item\n */\n connect(t: Point, removeLast: boolean = false, hideJoint: boolean = false, pushUndo = false, undoEvtType = 'add') {\n // if remove last then pop from array\n if (removeLast && this.points.length > 1) {\n this.points.pop();\n }\n // change the end letiable\n this.end = t;\n // insert the end position\n this.points.push(t.position());\n\n if (this.points.length > 2) {\n // For each point in the wire except first and last\n for (let i = 1; i < this.points.length - 1; ++i) {\n // Create a Joint\n this.createJoint(i, hideJoint);\n }\n }\n // Update Wire\n this.update();\n // Push dump to Undo stack, only if pushUndo is false\n if (!pushUndo) {\n UndoUtils.pushChangeToUndoAndReset({ keyName: this.keyName, element: this.save(), event: undoEvtType });\n }\n if (undoEvtType === 'breadDrag') {\n UndoUtils.pushChangeToUndo({ keyName: this.keyName, element: this.save(), event: undoEvtType });\n }\n }\n\n /**\n * Removes joint present at the point at index `pointIndex`\n * @param pointIndex: index of the point whose joint needs to be removed\n */\n removeJoint(pointIndex: number) {\n const jointIndex = pointIndex - 1;\n const joint = this.joints[jointIndex];\n if (joint) {\n joint.remove();\n this.joints.splice(jointIndex, 1);\n }\n }\n\n /**\n * Creates joint at the index `pointIndex`\n * @param pointIndex index of the point\n * @param hideJoint hide the joint?\n */\n createJoint(pointIndex: number, hideJoint: boolean = false) {\n const joint = this.canvas.circle(this.points[pointIndex][0], this.points[pointIndex][1], 6);\n joint.attr({ fill: this.color, stroke: this.color }); // Give the joint a Color\n // Variables used while dragging joints\n let tmpx;\n let tmpy;\n // set drag listener\n joint.drag((dx, dy) => {\n // Update joints position\n joint.attr({ cx: tmpx + dx, cy: tmpy + dy });\n // Update repective Point\n this.points[pointIndex] = [tmpx + dx, tmpy + dy];\n // Update the wire\n this.update();\n }, () => {\n // Get the Joints center\n const jointAttr = joint.attr();\n tmpx = jointAttr.cx;\n tmpy = jointAttr.cy;\n }, () => {\n });\n this.joints.push(joint);\n // Hide joint if required\n if (hideJoint) {\n joint.hide();\n }\n }\n\n /**\n * Returns true if both end of wire is connected\n */\n isConnected() {\n return (this.start !== null && this.end !== null);\n }\n /**\n * Update the wire position if the parent element is changed\n */\n update() {\n // check if both start and end node are present\n if (this.end && this.start) {\n // Update the start and ending position\n this.points[0] = this.start.position();\n this.points[this.points.length - 1] = this.end.position();\n this.drawWire();\n return true;\n }\n return false;\n }\n /**\n * Callback called after the wire is deselect\n */\n deselect() {\n for (const joint of this.joints) {\n joint.hide();\n }\n }\n /**\n * Return save object for the wire\n */\n save() {\n return {\n // object contains points,color,start point(id,keyname),end point(id,keybame)\n id: this.id,\n points: this.points,\n color: this.color,\n start: {\n id: this.start.parent.id,\n keyName: this.start.parent.keyName,\n pid: this.start.id,\n isSoldered: this.start.isSoldered()\n },\n end: {\n id: this.end.parent.id,\n keyName: this.end.parent.keyName,\n pid: this.end.id,\n isSoldered: this.end.isSoldered()\n }\n };\n }\n /**\n * Load data from saved object\n * @param data Saved object\n */\n load(data) {\n this.color = data.color;\n this.points = data.points;\n if (data.start.isSoldered) {\n this.start.solderWire();\n }\n if (data.end.isSoldered) {\n this.end.solderWire();\n }\n }\n /**\n * Remove Glow of Wire\n */\n private removeGlows() {\n if (this.glows) {\n while (this.glows.length !== 0) {\n this.glows.pop().remove();\n }\n }\n }\n /**\n * Remove wire from canvas\n */\n remove() {\n // Remove Joint\n for (const joint of this.joints) {\n joint.remove();\n }\n // Remove Glow\n this.removeGlows();\n // Clear Joints\n this.joints = null;\n // Clear Points\n this.points = null;\n // Remove element from dom\n this.element.remove();\n // Clear connection from start node\n if (this.start) {\n this.start.disconnect();\n }\n // Clear connection from end node\n if (this.end) {\n this.end.disconnect();\n }\n this.start = null;\n this.end = null;\n this.element = null;\n }\n\n /**\n * Removes the wire from window.scope and canvas\n */\n delete() {\n _.remove(window.scope.wires, wire => wire === this);\n this.remove();\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/Workspace.ts", "content": "import { Utils } from './Utils';\nimport { Wire } from './Wire';\nimport { ArduinoUno } from './outputs/Arduino';\nimport { ApiService } from '../api.service';\nimport { Download, ImageType } from './Download';\nimport { isNull, isUndefined } from 'util';\nimport { SaveOffline } from './SaveOffiline';\nimport { Point } from './Point';\nimport { UndoUtils } from './UndoUtils';\nimport { EventEmitter } from '@angular/core';\n\n/**\n * Declare window so that custom created function don't throw error\n */\ndeclare var window;\n\n// Enum function for Colour values to print in console\nexport enum ConsoleType { INFO, WARN, ERROR, OUTPUT }\n/**\n * This class contains all Workspace related functions.\n */\nexport class Workspace {\n /**\n * The Worspace Translation x value\n */\n static translateX = 0.0;\n /**\n * The Worspace Translation y value\n */\n static translateY = 0.0;\n /**\n * Stores scaling factor value for zoom in/out\n */\n static scale = 1.0;\n /**\n * zoomin/out increments by 0.01\n */\n static readonly zooomIncrement = 0.01;\n /**\n * Translation Rate while holding and moving canvas\n */\n static readonly translateRate = 0.25;\n /**\n * tores initial position values for x and y\n */\n static moveCanvas = {\n x: 0,\n y: 0,\n start: false\n };\n /**\n * Stores value of copied component\n */\n static copiedItem: any;\n /**\n * If simulation is on progress or not\n */\n static simulating = false;\n /**\n * If circuit is loaded or not\n */\n static circuitLoaded = false;\n static circuitLoadStatus: EventEmitter = new EventEmitter();\n static simulationStopped: EventEmitter = new EventEmitter();\n static simulationStarted: EventEmitter = new EventEmitter();\n /** function to zoom in workspace */\n static zoomIn() {\n Workspace.scale = Math.min(10, Workspace.scale + Workspace.zooomIncrement);\n Workspace.scale = Math.min(10, Workspace.scale + Workspace.zooomIncrement);\n const ele = (window['canvas'].canvas as HTMLElement);\n ele.setAttribute('transform', `scale(\n ${Workspace.scale},\n ${Workspace.scale})\n translate(${Workspace.translateX},\n ${Workspace.translateY})`);\n Workspace.updateWires();\n }\n\n /** function to zoom out workspace */\n static zoomOut() {\n Workspace.scale = Math.max(0.1, Workspace.scale - Workspace.zooomIncrement);\n Workspace.scale = Math.max(0.1, Workspace.scale - Workspace.zooomIncrement);\n const ele = (window['canvas'].canvas as HTMLElement);\n ele.setAttribute('transform', `scale(\n ${Workspace.scale},\n ${Workspace.scale})\n translate(${Workspace.translateX},\n ${Workspace.translateY})`);\n Workspace.updateWires();\n }\n\n /** Function deals with min and max value of zoom, hold and move */\n static minMax(min: number, max: number, value: number) {\n if (value < min) {\n return min;\n }\n if (value > max) {\n return max;\n }\n return value;\n }\n /**\n * Initialize Global Variables\n * @param canvas Raphael Paper (Canvas)\n */\n static initalizeGlobalVariables(canvas: any) {\n Workspace.simulating = false;\n Workspace.copiedItem = null;\n Workspace.moveCanvas = {\n x: 0, y: 0, start: false\n };\n Workspace.scale = 1.0;\n Workspace.translateY = 0.0;\n Workspace.translateX = 0.0;\n window['canvas'] = canvas;\n window['holder'] = document.getElementById('holder').getBoundingClientRect();\n window['holder_svg'] = document.querySelector('#holder > svg');\n window['ArduinoUno_name'] = {};\n window.scope = null;\n // Stores all the Circuit Information\n window['scope'] = {\n wires: []\n };\n for (const key in Utils.components) {\n if (window['scope'][key] === null || window['scope'][key] === undefined) {\n window['scope'][key] = [];\n }\n }\n // Default programming language is Arduino\n window['progLang'] = 0;\n // True when simulation takes place\n window['isSimulating'] = false;\n // Stores the reference to the selected circuit component\n window['Selected'] = null;\n // True when a component is selected\n window['isSelected'] = false;\n // Intialize a variable for Property Box\n window['property_box'] = {\n x: 0,\n y: 0,\n element: document.getElementById('propertybox'),\n title: document.querySelector('#propertybox .title'),\n body: document.querySelector('#propertybox .body'),\n mousedown: false\n };\n window['DragListeners'] = [];\n window['DragStopListeners'] = [];\n\n window['onDragEvent'] = Workspace.onDragEvent;\n window['onDragStopEvent'] = Workspace.onDragStopEvent;\n }\n\n /**\n * Handler for drag stop event\n */\n static onDragStopEvent(element) {\n for (const fn of window.DragStopListeners) {\n fn.fn(element);\n }\n }\n\n /**\n * Handler for drag event\n */\n static onDragEvent(element) {\n for (const fn of window.DragListeners) {\n fn.fn(element);\n }\n }\n\n /**\n * Subscribes to drag event of element in the workspace\n * @param fn listener function\n */\n static subsribeToDrag(fn) {\n window['DragListeners'].push(fn);\n }\n\n /**\n * Subscribes to drag stop event of element in the workspace\n * @param fn listener function\n */\n static subsribeToDragStop(fn) {\n window['DragStopListeners'].push(fn);\n }\n\n /**\n * Initialize Property Box\n * @param toggle Callback For Property Box\n */\n static initProperty(toggle: (state: boolean) => void) {\n // Global Function to Show Properties of Circuit Component\n window['showProperty'] = (callback: any) => {\n const data = callback();\n window['property_box'].element.setAttribute('key', data.keyName);\n window['property_box'].title.innerText = data.title;\n window['property_box'].body.innerHTML = '';\n window['property_box'].body.appendChild(data.body);\n toggle(false);\n };\n // Global Function to Hide Properties of Circuit Component\n window['hideProperties'] = () => {\n if (window.Selected && window.Selected.deselect) {\n window.Selected.deselect();\n }\n window['Selected'] = null;\n window['isSelected'] = false;\n window['property_box'].body.innerHTML = '';\n window['property_box'].title.innerText = 'Project Info';\n toggle(true);\n };\n }\n /**\n * Initialize Global Functions\n */\n static initializeGlobalFunctions() {\n // Global Function to show Popup Bubble\n window['showBubble'] = (label: string, x: number, y: number) => {\n // id label is empty don't show anything\n if (label === '') { return; }\n const ele = document.getElementById('bubblebox');\n ele.innerText = label;\n ele.style.display = 'block';\n ele.style.top = `${y + 25}px`;\n ele.style.left = `${(x - ele.clientWidth / 2)}px`;\n };\n // Global Function to hide Popub Bubble\n window['hideBubble'] = () => {\n const ele = document.getElementById('bubblebox');\n ele.style.display = 'none';\n };\n // Global Function to show Toast Message\n window['showToast'] = (message: string) => {\n const ele = document.getElementById('ToastMessage');\n\n ele.style.display = 'block';\n ele.innerText = message;\n ele.style.padding = '15px 25px 15px 25px';\n setTimeout(() => {\n ele.style.display = 'none';\n }, 10000);\n\n };\n // Global Function to print output in Console\n window['printConsole'] = (textmsg: string, type: ConsoleType) => {\n const msg = document.getElementById('msg');\n const container = document.createElement('label');\n container.innerText = textmsg;\n // checks which type of output needs to be printed\n // depending on which the colour is assigned\n if (type === ConsoleType.ERROR) {\n container.style.color = 'red';\n } else if (type === ConsoleType.WARN) {\n container.style.color = 'yellow';\n } else if (type === ConsoleType.INFO) {\n container.style.color = 'white';\n } else if (type === ConsoleType.OUTPUT) {\n container.style.color = '#03fc6b';\n }\n msg.appendChild(container);\n };\n }\n /**\n * Before Unload Event Handler\n * @param event Before Unload Event\n */\n static BeforeUnload(event) {\n event.preventDefault();\n event.returnValue = 'did you save the stuff?';\n }\n /**\n * Event Listener for mousemove on html body\n * @param event Mouse Event\n */\n static bodyMouseMove(event: MouseEvent) {\n if (Workspace.moveCanvas.start) {\n const dx = (event.clientX - Workspace.moveCanvas.x) * Workspace.translateRate;\n const dy = (event.clientY - Workspace.moveCanvas.y) * Workspace.translateRate;\n const ele = (window['canvas'].canvas as HTMLElement);\n ele.setAttribute('transform', `scale(\n ${Workspace.scale},\n ${Workspace.scale})\n translate(${Workspace.translateX + dx},\n ${Workspace.translateY + dy})`);\n }\n if (window['property_box'].start) {\n const el = window['property_box'].element;\n el.style.left = `${Workspace.minMax(0, window.innerWidth - 220, event.clientX - window['property_box'].x)}px`;\n el.style.top = `${Workspace.minMax(0, window.innerHeight - 50, event.clientY - window['property_box'].y)}px`;\n }\n }\n /**\n * Event Listener for mouseup on html body\n * @param event Mouse Event\n */\n static bodyMouseUp(event: MouseEvent) {\n if (Workspace.moveCanvas.start) {\n const dx = (event.clientX - Workspace.moveCanvas.x) * Workspace.translateRate;\n const dy = (event.clientY - Workspace.moveCanvas.y) * Workspace.translateRate;\n Workspace.translateX += dx;\n Workspace.translateY += dy;\n Workspace.moveCanvas.start = false;\n document.getElementById('holder').classList.remove('grabbing');\n }\n window['property_box'].start = false;\n }\n /**\n * Event Listener for mousedown on html body\n * @param event MouseDown\n */\n static mouseDown(event: MouseEvent) {\n Workspace.hideContextMenu();\n if (window['isSelected'] && (window['Selected'] instanceof Wire)) {\n // if selected item is wire and it is not connected then add the point\n if (window.Selected.end == null) {\n const pt = Workspace.svgPoint(event.clientX, event.clientY);\n window.Selected.addPoint(pt.x, pt.y, event.shiftKey);\n return;\n }\n }\n if ((event.target as HTMLElement).tagName === 'svg') {\n Workspace.moveCanvas = {\n x: event.clientX,\n y: event.clientY,\n start: true\n };\n document.getElementById('holder').classList.add('grabbing');\n }\n }\n /**\n * Event Handler On clicking on workspace\n * @param event Mouse Click event\n */\n static click(event: MouseEvent) {\n }\n /**\n * Returns true if current selected item is wire\n */\n private static isWireSelected(): boolean {\n return window['isSelected'] && (window['Selected'] instanceof Wire);\n }\n\n /**\n * Event Listener for mouseMove on html body\n * @param event MouseMove\n */\n static mouseMove(event: MouseEvent) {\n event.preventDefault();\n // if wire is selected then draw temporary lines\n if (Workspace.isWireSelected()) {\n const pt = Workspace.svgPoint(event.clientX - 2, event.clientY - 2);\n if (event.shiftKey) {\n window.Selected.drawPerpendicular(pt.x, pt.y);\n } else {\n window.Selected.draw(pt.x, pt.y);\n }\n } else {\n // deselect item\n if (window.Selected && window.Selected.deselect) {\n window.Selected.deselect();\n }\n }\n Workspace.updateWires();\n }\n\n /*\n TODO: Remove if not Required\n static mouseEnter(event: MouseEvent) {\n\n }\n static mouseLeave(event: MouseEvent) {\n\n }\n\n static mouseOver(event: MouseEvent) {\n\n }\n\n static mouseOut(event: MouseEvent) {\n\n }*/\n /**\n * Event handler for mouse up on workspace.\n * @param event Mouse Event\n */\n static mouseUp(event: MouseEvent) {\n\n }\n\n /**\n * Event Listener to display Context menu (for performing copy, paste, delete operation)\n * @param event Mouse Event\n */\n static contextMenu(event: MouseEvent) {\n event.preventDefault();\n const element = document.getElementById('contextMenu');\n element.style.display = 'block';\n element.style.left = `${event.clientX}px`;\n element.style.top = `${event.clientY}px`;\n return true;\n }\n\n /** Function called to hide ContextMenu */\n static hideContextMenu() {\n const element = document.getElementById('contextMenu');\n element.style.display = 'none';\n\n }\n /**\n * Event handler for copy on workspace.\n * @param event Clipboard Event\n */\n static copy(event: ClipboardEvent) {\n }\n /**\n * Event handler for CUT on workspace.\n * @param event Clipboard Event\n */\n static cut(event: ClipboardEvent) {\n }\n\n /**\n * function deselects the item on Canvas\n * @param event DoubleClick\n */\n static doubleClick(event: MouseEvent) {\n if (window['isSelected'] && (window['Selected'] instanceof Wire) && !window.Selected.isConnected()) {\n return;\n }\n if ((event.target as HTMLElement).tagName !== 'svg') {\n return;\n }\n // deselect item\n window.hideProperties();\n }\n /**\n * function drags element to valid drop target\n * @param event DragEvent\n */\n static dragLeave(event: DragEvent) {\n event.preventDefault();\n event.stopPropagation();\n }\n /**\n * function drags element over a valid drop target\n * @param event DragEvent\n */\n static dragOver(event: DragEvent) {\n event.preventDefault();\n event.stopPropagation();\n }\n /**\n * function drop element at drop target\n * @param event DragEvent\n */\n static drop(event: DragEvent) {\n event.preventDefault();\n event.stopPropagation();\n const className = event.dataTransfer.getData('text'); // get the event data\n const pt = Workspace.svgPoint(event.clientX, event.clientY);\n Workspace.addComponent(className, pt.x, pt.y, 0, 0);\n }\n\n /**\n * Key down event on workspace.\n * @param event Keyboard Event\n */\n static keyDown(event: KeyboardEvent) {\n if (event.shiftKey) {\n if (Workspace.isWireSelected()) {\n window.Selected.togglePerpendicularLine(true);\n }\n }\n }\n\n /**\n * Key Press event on workspace.\n * @param event Keyboard Event\n */\n static keyPress(event: KeyboardEvent) {\n }\n /**\n * event Listener to perform Keyboard Shortcut operations\n * @param event keyup Event\n */\n static keyUp(event: KeyboardEvent) {\n if (window.isCodeEditorOpened) {\n return;\n }\n if ((event.key === 'Delete' || event.key === 'Backspace')\n && !(event['target']['localName'] === 'input' || event['target']['localName'] === 'textarea')) {\n // Backspace or Delete\n Workspace.DeleteComponent();\n }\n if (event.key === 'Escape') {\n // terminate current wire connection if in progress\n if (window.Selected instanceof Wire && !window.Selected.isConnected()) {\n Workspace.DeleteComponent();\n }\n }\n if (event.ctrlKey && (event.key === 'c' || event.key === 'C')) {\n // Copy\n Workspace.copyComponent();\n }\n if (event.ctrlKey && (event.key === 'v' || event.key === 'V')) {\n // paste\n Workspace.pasteComponent();\n }\n if (event.ctrlKey && (event.key === '+')) {\n // CTRL + +\n Workspace.zoomIn();\n }\n if (event.ctrlKey && (event.key === '-')) {\n // CTRL + -\n Workspace.zoomIn();\n }\n if (event.ctrlKey && (event.key === 'k' || event.key === 'K')) {\n // TODO: Open Code Editor\n }\n if (event.key === 'F5') {\n // TODO: Start Simulation\n }\n if (event.key === 'Shift') {\n if (Workspace.isWireSelected()) {\n window.Selected.togglePerpendicularLine(false);\n }\n }\n if (event.ctrlKey && (event.key === 'z' || event.key === 'Z') && UndoUtils.enableButtonsBool) {\n // CTRL + z\n // Call Undo Function\n UndoUtils.workspaceUndo();\n }\n }\n /**\n * Event Listener for zoom in/zoom out on workspace\n * @param event MouseWheel Event\n */\n static mouseWheel(event: WheelEvent) {\n event.preventDefault();\n if (event.deltaY < 0) {\n Workspace.zoomIn();\n } else {\n Workspace.zoomOut();\n }\n }\n /**\n * Event handler for paste.\n * @param event Clipboard Event\n */\n static paste(event: ClipboardEvent) {\n }\n /**\n * Function adds components by providing their keynames\n * @param classString string\n * @param x number\n * @param y number\n * @param offsetX number\n * @param offsetY number\n */\n static addComponent(classString: string, x: number, y: number, offsetX: number, offsetY: number) {\n const myClass = Utils.components[classString].className;\n const obj = new myClass(\n window['canvas'],\n x - offsetX,\n y - offsetY\n );\n window['scope'][classString].push(obj);\n // Push dump to Undo stack & Reset\n UndoUtils.pushChangeToUndoAndReset({ keyName: obj.keyName, event: 'add', element: obj.save() });\n }\n /** Function updates the position of wires */\n static updateWires() {\n for (const z of window['scope']['wires']) {\n z.update();\n }\n }\n /**\n * Function returns point translated according to the svg\n * @param x number\n * @param y number\n */\n static svgPoint(x, y) {\n const pt = window['holder_svg'].createSVGPoint();\n pt.x = x;\n pt.y = y;\n return pt.matrixTransform(window.canvas.canvas.getScreenCTM().inverse());\n }\n /**\n * This function is required by deleteComponent() to recursively remove item\n * @param obj any\n */\n static removeMeta(obj) {\n for (const prop in obj) {\n if (typeof obj[prop] === 'object') {\n obj[prop] = null;\n } else {\n delete obj[prop];\n }\n }\n }\n /**\n * Function saves the circuit Offline\n * @param name string\n * @param description string\n * @param callback any\n * @param id number\n */\n static SaveCircuit(name: string = '', description: string = '', callback: any = null, id: number = null) {\n let toUpdate = false;\n // Check if id is already present then enable Update\n if (isNull(id)) {\n id = Date.now();\n } else {\n toUpdate = true;\n }\n // Default Save object\n const saveObj = {\n id,\n canvas: {\n x: Workspace.translateX,\n y: Workspace.translateY,\n scale: Workspace.scale\n },\n project: {\n name,\n description,\n created_at: Date.now(),\n updated_at: Date.now()\n }\n };\n // For each item in the scope\n for (const key in window.scope) {\n // if atleast one component is present\n if (window.scope[key] && window.scope[key].length > 0) {\n saveObj[key] = [];\n // Add the component to the save object\n for (const item of window.scope[key]) {\n if (item.save) {\n saveObj[key].push(item.save());\n }\n }\n }\n }\n // Save the Thumbnail for the circuit\n Download.ExportImage(ImageType.PNG).then(v => {\n saveObj.project['image'] = v; // Add the base64 image\n // console.log(saveObj);\n // Save or Update Circuit Ofline\n if (toUpdate) {\n SaveOffline.Update(saveObj, callback);\n } else {\n SaveOffline.Save(saveObj, callback);\n }\n });\n\n }\n\n /**\n * Function called to Load data from saved object\n * @param data Saved Object\n */\n static Load(data) {\n // Clear Project\n this.ClearWorkspace();\n // Show loading animation\n window.showLoading();\n // Load The translation and scaling values\n Workspace.translateX = data.canvas.x;\n Workspace.translateY = data.canvas.y;\n Workspace.scale = data.canvas.scale;\n\n // Update the translation and scaling\n window.queue = 0;\n const ele = (window['canvas'].canvas as HTMLElement);\n ele.setAttribute('transform', `scale(\n ${Workspace.scale},\n ${Workspace.scale})\n translate(${Workspace.translateX},\n ${Workspace.translateY})`);\n\n // For each component key in the data\n for (const key in data) {\n // Check if key is valid\n if (!(key in data)) {\n continue;\n }\n // if key is not related to circuit then continue\n if (key !== 'id' && key !== 'canvas' && key !== 'project' && key !== 'wires') {\n // Initialize an array\n window['scope'][key] = [];\n\n // Get the data for respective component\n const components = data[key];\n\n for (const comp of components) {\n // Get class from keyname using the map\n const myClass = Utils.components[key].className;\n // Create Component Object from class\n const obj = new myClass(\n window['canvas'],\n comp.x,\n comp.y\n );\n\n window.queue += 1;\n // Add to scope\n window['scope'][key].push(obj);\n // Load data for each object\n if (obj.load) {\n obj.load(comp);\n }\n }\n\n }\n }\n // Wait until all components are drawn\n const interval = setInterval(() => {\n if (window.queue === 0) {\n clearInterval(interval);\n // start drawing wires with Id retain\n Workspace.LoadWires(data.wires, true);\n // Hide loading animation\n window.hideLoading();\n }\n }, 100);\n\n }\n /** This function recreates the wire object */\n static LoadWires(wires: any[], retainId = false, pushUndo = false) {\n if (isNull(wires) || isUndefined(wires)) {\n return;\n }\n\n for (const w of wires) {\n const points = w.points;\n let start: Point = null;\n let end: Point = null;\n\n // Use Linear search to find the start circuit node\n for (const st of window.scope[w.start.keyName]) {\n // console.log(st.id,w.start.id);\n if (st.id === w.start.id) {\n start = st.getNode(points[0][0], points[0][1], w.start.pid);\n break;\n }\n }\n\n // Use Linear Search to find the end circuit node\n for (const en of window.scope[w.end.keyName]) {\n if (en.id === w.end.id) {\n const p = points[points.length - 1];\n end = en.getNode(p[0], p[1], w.end.pid);\n break;\n }\n }\n\n // console.log([start, end]);\n // if both nodes are present then connect those nodes\n if (start && end) {\n let tmp: any;\n if (retainId) {\n tmp = new Wire(window.canvas, start, w.id);\n } else {\n tmp = new Wire(window.canvas, start);\n }\n tmp.load(w);\n start.connectedTo = tmp;\n end.connectedTo = tmp;\n tmp.connect(end, true, true, pushUndo);\n window['scope']['wires'].push(tmp);\n tmp.update();\n if (start.connectCallback) {\n start.connectCallback(start);\n }\n if (end.connectCallback) {\n end.connectCallback(end);\n }\n } else {\n console.log('Not able to recreate Wires');\n // alert('something went wrong');\n }\n }\n Workspace.circuitLoaded = true;\n Workspace.circuitLoadStatus.emit(true);\n }\n\n /** Function to delete component fro Workspace */\n static DeleteComponent(undoReset = true) {\n // Save Dump of current Workspace\n // Check if component is selected\n if (window['Selected']) {\n // is selected component is an arduini uno then show confirm message\n if (window['Selected'] instanceof ArduinoUno) {\n const ans = confirm('The Respective code will also be lost!');\n if (!ans) {\n return;\n }\n }\n\n // get the component id\n const uid = window.Selected.id;\n const key = window.Selected.keyName;\n\n if (!(window.Selected instanceof Wire && !window.Selected.isConnected())) {\n const obj = { keyName: window.Selected.keyName, element: window.Selected.save(), event: 'delete' };\n // Push dump to Undo stack & Reset if undoReset is true, else just push\n if (undoReset) { UndoUtils.pushChangeToUndoAndReset(obj); } else { UndoUtils.pushChangeToUndo(obj); }\n }\n\n // If Current Selected item is a Wire which is not Connected from both end\n if (key === 'wires') {\n if (isNull(window.Selected.end)) {\n // Remove and deselect\n window.Selected.remove();\n window.Selected = null;\n window.isSelected = false;\n }\n }\n\n // If BreadBoard remove draglistners too\n if (key === 'BreadBoard') {\n // Search in DragListeners & splice\n for (const i in window['DragListeners']) {\n if (window.DragListeners.hasOwnProperty(i)) {\n const itrFn = window['DragListeners'][i];\n if (itrFn.id === window['Selected'].id) {\n window['DragListeners'].splice(i, 1);\n }\n }\n }\n // Search in DragStopListeners & splice\n for (const i in window['DragStopListeners']) {\n if (window.DragStopListeners.hasOwnProperty(i)) {\n const itrFn = window['DragStopListeners'][i];\n if (itrFn.id === window['Selected'].id) {\n window['DragStopListeners'].splice(i, 1);\n }\n }\n }\n }\n\n // get the component keyname\n const items = window.scope[key];\n // Use linear search find the element\n for (let i = 0; i < items.length; ++i) {\n if (items[i].id === uid) {\n // remove from DOM\n window.Selected.remove();\n window.Selected = null;\n window.isSelected = false;\n // Remove from scope\n const k = items.splice(i, 1);\n // Remove data from it recursively\n Workspace.removeMeta(k[0]);\n\n if (key !== 'wires') {\n let index = 0;\n while (index < window.scope.wires.length) {\n const wire = window.scope.wires[index];\n if (isNull(wire.start) && isNull(wire.end)) {\n window.scope.wires.splice(index, 1);\n continue;\n }\n ++index;\n }\n }\n\n break;\n }\n }\n // Hide Property box\n window.hideProperties();\n } else {\n window['showToast']('No Element Selected');\n }\n }\n\n /** Function to copy component fro Workspace */\n static copyComponent() {\n if (window['Selected']) {\n if (window['Selected'] instanceof Wire) {\n window['showToast']('You Can\\'t Copy Wire');\n return;\n }\n Workspace.copiedItem = window.Selected;\n } else {\n Workspace.copiedItem = null;\n }\n }\n\n /** Function to paste component fro Workspace */\n static pasteComponent() {\n // Save Dump of current Workspace\n // console.log(Workspace.copiedItem);\n if (Workspace.copiedItem) {\n const ele = document.getElementById('contextMenu');\n let x = +ele.style.left.replace('px', '');\n let y = +ele.style.top.replace('px', '');\n // console.log([x, y]);\n const key = Workspace.copiedItem.keyName;\n if (x === 0 && y === 0) {\n x = Workspace.copiedItem.x + 100;\n y = Workspace.copiedItem.y + 100;\n }\n const pt = Workspace.svgPoint(x, y);\n // Workspace.addComponent(Workspace.copiedItem, pt.x, pt.y, 0, 0);\n const myClass = Utils.components[key].className;\n const obj = new myClass(window['canvas'], pt.x, pt.y);\n window['scope'][key].push(obj);\n // obj.copy(Workspace.copiedItem)\n }\n }\n\n /** Function called to clear output in console */\n static ClearConsole() {\n const clear = document.getElementById('msg');\n let inside: any = clear.firstChild;\n while (inside != null) {\n if (inside.tagName === 'PRE') {\n inside.innerText = '';\n inside = inside.nextSibling;\n continue;\n }\n const tmp = inside;\n inside = inside.nextSibling;\n clear.removeChild(tmp);\n }\n }\n\n /** Function called to compile code in console */\n static CompileCode(api: ApiService, callback: () => void) {\n const toSend = {}; // Json Which needs to be Send for compilation\n const nameMap = {}; // Create a Mapping id => Arduino\n\n // Check if there is any Programmable Device\n const isProgrammable = window.scope.ArduinoUno.length > 0;\n\n if (!isProgrammable) {\n window.printConsole('No Programmable Device Found', ConsoleType.INFO);\n Workspace.startArduino();\n callback();\n return;\n }\n\n for (const arduino of window.scope.ArduinoUno) {\n toSend[arduino.id] = arduino.code;\n nameMap[arduino.id] = arduino;\n }\n\n window.printConsole('Compiling Source Code', ConsoleType.INFO);\n\n if (window.progLang === 0) {\n api.compileCodeINO(toSend).subscribe(v => {\n const taskid = v.uuid; // Get Compilation id\n const temp = setInterval(() => {\n api.getHex(taskid).subscribe(hex => {\n if (hex.state === 'SUCCESS' && !hex.details.error) {\n clearInterval(temp);\n let SUCCESS = true;\n for (const k in hex.details) {\n if (hex.details[k]) {\n const d = hex.details[k];\n window.printConsole('For Arduino ' + nameMap[k].name, ConsoleType.INFO);\n if (d.output && d.data) {\n window.printConsole(d.output, ConsoleType.OUTPUT);\n nameMap[k].hex = d.data;\n }\n if (d.error) {\n SUCCESS = false;\n window.printConsole(d.error, ConsoleType.ERROR);\n }\n }\n }\n if (SUCCESS) {\n Workspace.startArduino();\n }\n callback();\n } else if (hex.state === 'FAILED' || hex.details.error) {\n clearInterval(temp);\n window.printConsole('Failed To Compile: Server Error', ConsoleType.ERROR);\n callback();\n }\n });\n }, 2000);\n }, error => {\n window.printConsole('Error While Compiling the Source Code.', ConsoleType.ERROR);\n console.log(error);\n callback();\n });\n } else if (window.progLang === 1) {\n api.compileCodeInlineAssembly(toSend).subscribe(v => {\n const taskid = v.uuid; // Get Compilation id\n const temp = setInterval(() => {\n api.getHex(taskid).subscribe(hex => {\n if (hex.state === 'SUCCESS' && !hex.details.error) {\n clearInterval(temp);\n let SUCCESS = true;\n for (const k in hex.details) {\n if (hex.details[k]) {\n const d = hex.details[k];\n window.printConsole('For Arduino ' + nameMap[k].name, ConsoleType.INFO);\n if (d.output && d.data) {\n window.printConsole(d.output, ConsoleType.OUTPUT);\n nameMap[k].hex = d.data;\n }\n if (d.error) {\n SUCCESS = false;\n window.printConsole(d.error, ConsoleType.ERROR);\n }\n }\n }\n if (SUCCESS) {\n Workspace.startArduino();\n }\n callback();\n } else if (hex.state === 'FAILED' || hex.details.error) {\n clearInterval(temp);\n window.printConsole('Failed To Compile: Server Error', ConsoleType.ERROR);\n callback();\n }\n });\n }, 2000);\n }, error => {\n window.printConsole('Error While Compiling the Source Code.', ConsoleType.ERROR);\n console.log(error);\n callback();\n });\n }\n }\n /**\n * Start Simulation\n */\n static startArduino() {\n Workspace.simulationStarted.emit(true);\n // Assign id\n let gid = 0;\n for (const wire of window.scope.wires) {\n if (wire.start) {\n wire.start.gid = gid++;\n }\n if (wire.end) {\n wire.end.gid = gid++;\n }\n }\n // Sequence to be followed while calling initSimulation\n const seqn = ['output', 'general', 'controllers', 'drivers', 'power', 'input', 'misc'];\n // For each component call initsimulation function\n for (const key of seqn) {\n for (const items of Utils.componentBox[key]) {\n for (const item of items) {\n if (window.scope[item]) {\n for (const ele of window.scope[item]) {\n if (ele.initSimulation) {\n ele.initSimulation();\n }\n }\n }\n }\n }\n }\n\n // // Call init simulation\n // for (const key in window.scope) {\n // if (window.scope[key] && key !== 'ArduinoUno') {\n // for (const ele of window.scope[key]) {\n // if (ele.initSimulation) {\n // ele.initSimulation();\n // }\n // }\n // }\n // }\n\n // for (const comp of window.scope.ArduinoUno) {\n // // comp.runner.execute();\n // // console.log('s')\n // comp.initSimulation();\n // }\n\n // Update the simulation status\n // Workspace.GetNodeValues();\n Workspace.simulating = true;\n }\n /**\n * Function called when StopSimulation button is triggered\n * @param callback Callback when simulation is stopped\n */\n static stopSimulation(callback: () => void) {\n if (!Workspace.simulating) {\n callback();\n return;\n }\n // Remove id\n for (const wire of window.scope.wires) {\n if (wire.start) {\n wire.start.value = -1;\n }\n if (wire.end) {\n wire.end.value = -1;\n }\n }\n // Call stop simulation\n for (const key in window.scope) {\n if (window.scope[key]) {\n for (const ele of window.scope[key]) {\n if (ele.closeSimulation) {\n ele.closeSimulation();\n }\n }\n }\n }\n // Update state and call callback\n Workspace.simulating = false;\n Workspace.simulationStopped.emit(true);\n callback();\n }\n /**\n * Function to clear the workspace\n */\n static ClearWorkspace() {\n // Show Loading animation\n window.showLoading();\n\n // Remove each component fron the DOM\n for (const key in window.scope) {\n if (key in window.scope && window.scope[key].length > 0) {\n for (const item of window.scope[key]) {\n // window.Selected = item;\n // this.DeleteComponent();\n item.remove();\n Workspace.removeMeta(item);\n }\n // Clear the scope\n window.scope[key] = [];\n }\n }\n\n window.Selected = null;\n window.isSelected = false;\n // Reinitialize variables\n Workspace.initalizeGlobalVariables(window['canvas']);\n // Hide Property box\n window.hideProperties();\n // Hide Loading animation\n window.hideLoading();\n }\n\n\n /**\n * Function generates a JSON object containing all details of the workspace and downloads it\n * @param name string\n * @param description string\n */\n static SaveJson(name: string = '', description: string = '') {\n\n const id = Date.now();\n\n // Default Save object\n const saveObj = {\n id,\n canvas: {\n x: Workspace.translateX,\n y: Workspace.translateY,\n scale: Workspace.scale\n },\n project: {\n name,\n description,\n created_at: Date.now(),\n }\n };\n\n // For each item in the scope\n for (const key in window.scope) {\n // if atleast one component is present\n if (window.scope[key] && window.scope[key].length > 0) {\n saveObj[key] = [];\n // Add the component to the save object\n for (const item of window.scope[key]) {\n if (item.save) {\n saveObj[key].push(item.save());\n }\n }\n }\n }\n // Save the Thumbnail for the circuit\n Download.ExportImage(ImageType.PNG).then(v => {\n saveObj.project['image'] = v; // Add the base64 image\n // Export JSON File & Download it\n const filename = `${name}.json`;\n const jsonStr = JSON.stringify(saveObj);\n const element = document.createElement('a');\n element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(jsonStr));\n element.setAttribute('download', filename);\n\n element.style.display = 'none';\n document.body.appendChild(element);\n\n element.click();\n\n document.body.removeChild(element);\n });\n return true;\n\n }\n\n /**\n * Function to return if workspace is empty or not\n * @returns 'False' if workspace is not empty & 'True' if workspace is empty\n */\n static checkIfWorkspaceEmpty() {\n for (const key in window.scope) {\n if (window.scope[key].length > 0) {\n return false;\n }\n }\n return true;\n }\n\n // static GetNodeValues() { //waveForm, time) {\n // const pointD13 = window.scope[Utils.componentBox['controllers'][0][0]][0].nodes[2];\n // const interval = setInterval(() => {\n // console.log(pointD13.value);\n // // [5, undefined];\n // // if (Workspace.isChartDataFull(waveForm, 20)) {\n // // Workspace.removeLastElementFromChartDataAndLabel(waveForm, time);\n // // }\n // // waveForm[0].data.push(window.scope[Utils.componentBox['controllers'][0][0]][0].nodes[2].value);\n // // time.push(\n // // Workspace.getLabel()\n // // );\n // if(!Workspace.simulating) {\n // clearInterval(interval);\n // }\n // }, 1);\n // }\n\n // static getLabel(){\n // return new Date().getSeconds();\n // }\n\n // static removeLastElementFromChartDataAndLabel(waveForm: ChartDataSets[], time: Label[]): void {\n // waveForm[0].data = waveForm[0].data.slice(1);\n // time = time.slice(1);\n // }\n\n // static isChartDataFull(chartData: ChartDataSets[], limit: number): boolean {\n // return chartData[0].data.length >= limit;\n // }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/drivers/L293D.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport { BreadBoard } from '../General';\nimport { Point } from '../Point';\n\n/**\n * MotorDriver L293D class\n */\nexport class L293D extends CircuitElement {\n /**\n * Pin Name mapped to Pins\n */\n pinNamedMap: any = {};\n /**\n * Speed of Motor A in range of 0 to 5.\n */\n speedA = 5;\n /**\n * Speed of Motor B in range of 0 to 5\n */\n speedB = 5;\n /**\n * Previous values of the pins.\n */\n prevValues: any = {\n IN1: -1,\n IN2: -1,\n IN3: -1,\n IN4: -1\n };\n /**\n * boolean to store EN1 value\n */\n enable1 = false;\n /**\n * boolean to store EN2 value\n */\n enable2 = false;\n /**\n * boolean for GND1\n */\n ground1 = false;\n /**\n * boolean for GND2\n */\n ground2 = false;\n\n /**\n * MotorDriver L293D constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('L293D', x, y, 'L293D.json', canvas);\n }\n /**\n * Initialize Motor class.\n */\n init() {\n // Add all nodes to pinNamedMap\n for (const node of this.nodes) {\n this.pinNamedMap[node.label] = node;\n }\n // Add value listner to VS pin\n this.pinNamedMap['VS'].addValueListener(v => {\n this.pinNamedMap['GND1'].setValue(v, this.pinNamedMap['GND1']);\n if (v >= 5) {\n this.pinNamedMap['GND2'].setValue(5, this.pinNamedMap['GND2']);\n }\n this.update();\n });\n // Add value listner to VSS pin\n this.pinNamedMap['VSS'].addValueListener(v => {\n this.pinNamedMap['GND3'].setValue(v, this.pinNamedMap['GND3']);\n if (v >= 5) {\n this.pinNamedMap['GND4'].setValue(5, this.pinNamedMap['GND4']);\n }\n this.update();\n });\n // Add value listner to IN1 pin\n this.pinNamedMap['IN1'].addValueListener(v => {\n if (v !== this.prevValues.IN1) {\n this.prevValues.IN1 = v;\n this.update();\n }\n });\n // Add value listner to IN2 pin\n this.pinNamedMap['IN2'].addValueListener(v => {\n if (v !== this.prevValues.IN2) {\n this.prevValues.IN2 = v;\n this.update();\n }\n });\n // Add value listner to IN3 pin\n this.pinNamedMap['IN3'].addValueListener(v => {\n if (v !== this.prevValues.IN3) {\n this.prevValues.IN3 = v;\n this.update();\n }\n });\n // Add value listner to IN4 pin\n this.pinNamedMap['IN4'].addValueListener(v => {\n if (v !== this.prevValues.IN4) {\n this.prevValues.IN4 = v;\n this.update();\n }\n });\n // Add value listner to EN2 pin\n this.pinNamedMap['EN2'].addValueListener(v => {\n if (v > 0) {\n this.enable2 = true;\n } else {\n this.enable2 = false;\n }\n });\n }\n /**\n * Simulation Logic For L293D Motor driver\n */\n update() {\n // If EN2 is HIGH & ground is connected\n if (this.enable2 && this.ground2) {\n if (this.pinNamedMap['IN4'].value > 0) {\n // TODO: set value of OUT4\n this.pinNamedMap['OUT4'].setValue(this.pinNamedMap['VS'].value * (this.speedB / 5), this.pinNamedMap['OUT4']);\n } else {\n // TODO: set value of OUT4 to zero\n this.pinNamedMap['OUT4'].setValue(0, this.pinNamedMap['OUT4']);\n }\n if (this.pinNamedMap['IN3'].value > 0) {\n // TODO: set value of OUT3\n this.pinNamedMap['OUT3'].setValue(this.pinNamedMap['VS'].value * (this.speedB / 5), this.pinNamedMap['OUT3']);\n } else {\n // TODO: set value of OUT3 and OUT4 to zero\n this.pinNamedMap['OUT3'].setValue(0, this.pinNamedMap['OUT3']);\n this.pinNamedMap['OUT4'].setValue(0, this.pinNamedMap['OUT4']);\n }\n } else {\n // TODO: set value of OUT3 and OUT4 to zero\n this.pinNamedMap['OUT4'].setValue(0, this.pinNamedMap['OUT4']);\n this.pinNamedMap['OUT3'].setValue(0, this.pinNamedMap['OUT3']);\n }\n // If EN1 is HIGH & ground is connected\n if (this.enable1 && this.ground1) {\n if (this.pinNamedMap['IN1'].value > 0) {\n // TODO: set value of OUT1\n this.pinNamedMap['OUT1'].setValue(this.pinNamedMap['VS'].value * (this.speedB / 5), this.pinNamedMap['OUT1']);\n } else {\n // TODO: set value of OUT4 to zero\n this.pinNamedMap['OUT1'].setValue(0, this.pinNamedMap['OUT1']);\n }\n if (this.pinNamedMap['IN2'].value > 0) {\n // TODO: set value of OUT2\n this.pinNamedMap['OUT2'].setValue(this.pinNamedMap['VS'].value * (this.speedB / 5), this.pinNamedMap['OUT2']);\n } else {\n // TODO: set value of OUT1 and OUT2 to zero\n this.pinNamedMap['OUT1'].setValue(0, this.pinNamedMap['OUT1']);\n this.pinNamedMap['OUT2'].setValue(0, this.pinNamedMap['OUT2']);\n }\n } else {\n // TODO: set value of OUT3 and OUT4 to zero\n this.pinNamedMap['OUT2'].setValue(0, this.pinNamedMap['OUT2']);\n this.pinNamedMap['OUT1'].setValue(0, this.pinNamedMap['OUT1']);\n\n }\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n body.innerText = 'If you Don\\'t Connect The EN1 and EN2 Pins it automatically connects to the 5V suppy';\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'Motor Driver (L293D)'\n };\n }\n /**\n * Called on Start Simulation\n */\n initSimulation(): void {\n // Determine if Enable2 is more than zero\n if (this.pinNamedMap['EN2'].value > 0) {\n // init 2nd side\n this.enable2 = true;\n // determine if GND pins are connected to GND of Arduino\n const arduinoEnd4 = BreadBoard.getRecArduinov2(this.pinNamedMap['GND4'], 'GND4');\n const arduinoEnd3 = BreadBoard.getRecArduinov2(this.pinNamedMap['GND3'], 'GND3');\n if (arduinoEnd4 && arduinoEnd3) {\n if (arduinoEnd4.parent.keyName === 'ArduinoUno' || arduinoEnd3.parent.keyName === 'ArduinoUno') {\n this.ground2 = true;\n } else {\n // TODO: show toast\n console.error('GND is not connected');\n window['showToast']('GND is not connected properly!');\n }\n }\n }\n // Determine if Enable1 is more than zero\n if (this.pinNamedMap['EN1'].value > 0) {\n // init 1sr side\n this.enable1 = true;\n // determine if GND pins are connected to GND of Arduino\n const arduinoEnd2 = BreadBoard.getRecArduinov2(this.pinNamedMap['GND2'], 'GND2');\n const arduinoEnd1 = BreadBoard.getRecArduinov2(this.pinNamedMap['GND1'], 'GND1');\n if (arduinoEnd2 && arduinoEnd1) {\n if (arduinoEnd2.parent.keyName === 'ArduinoUno' || arduinoEnd1.parent.keyName === 'ArduinoUno') {\n this.ground1 = true;\n } else {\n // TODO: show toast\n console.error('GND is not connected');\n window['showToast']('GND is not connected properly!');\n }\n }\n }\n\n // run simulation\n this.update();\n\n }\n /**\n * Called on Stop Simulation\n */\n closeSimulation(): void {\n this.pinNamedMap['IN1'].value = -1;\n this.pinNamedMap['IN2'].value = -1;\n this.pinNamedMap['IN3'].value = -1;\n this.pinNamedMap['IN4'].value = -1;\n this.speedA = 5;\n this.speedB = 5;\n this.prevValues = {\n IN1: -1,\n IN2: -1,\n IN3: -1,\n IN4: -1\n };\n this.enable1 = false;\n this.enable2 = false;\n this.ground1 = false;\n this.ground2 = false;\n }\n}\n\n\n" }, { "path": "ArduinoFrontend/src/app/Libs/inputs/Buttons.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport { BreadBoard } from '../General';\nimport { Point } from '../Point';\n\n/**\n * Declare Raphael so that build don't throws error\n */\ndeclare var Raphael;\n\ndeclare var window;\n/**\n * Pushbutton Class\n */\nexport class PushButton extends CircuitElement {\n /**\n * Map of Pin name to the circuit node\n */\n pinNamedMap: any = {};\n /**\n * Object of terminals and their respective arduino pin\n */\n terminalParent = {};\n parentList = new Set();\n /**\n * Set of Visited Nodes\n */\n visitedNodesv2 = new Set();\n // /**\n // * Set of Visited Nodes\n // */\n // visitedNodesv2 = new Set();\n /**\n * pushbutton constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('PushButton', x, y, 'PushButton.json', canvas);\n }\n /** init is called when the component is complety drawn to the canvas */\n init() {\n // Create a mapping for node label to node\n for (const node of this.nodes) {\n this.pinNamedMap[node.label] = node;\n }\n // Add value Change Listener to Circuit nodes\n this.pinNamedMap['Terminal 1a'].addValueListener((v) => {\n if (v !== this.pinNamedMap['Terminal 1b'].value) {\n this.pinNamedMap['Terminal 1b'].setValue(v, this.pinNamedMap['Terminal 1b']);\n }\n });\n this.pinNamedMap['Terminal 1b'].addValueListener((v) => {\n if (v !== this.pinNamedMap['Terminal 1a'].value) {\n // console.log(v);\n this.pinNamedMap['Terminal 1a'].setValue(v, this.pinNamedMap['Terminal 1a']);\n }\n });\n this.pinNamedMap['Terminal 2a'].addValueListener((v) => {\n this.pinNamedMap['Terminal 2b'].setValue(v, null);\n });\n this.pinNamedMap['Terminal 2b'].addValueListener((v) => {\n this.pinNamedMap['Terminal 2a'].setValue(v, null);\n });\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: 'PushButton',\n id: this.id,\n body,\n title: 'Push Button'\n };\n }\n /**\n * Initialize Variable,callback and animation caller when start simulation is pressed\n */\n initSimulation(): void {\n // Determine Arduino Connected ends for all terminals of push button\n for (const i in this.pinNamedMap) {\n if (this.pinNamedMap[i].connectedTo !== null) {\n if (this.pinNamedMap[i].connectedTo.start.parent.keyName === 'ArduinoUno'\n || this.pinNamedMap[i].connectedTo.end.parent.keyName === 'ArduinoUno') {\n this.terminalParent[i] = BreadBoard.getRecArduinov2(this.pinNamedMap[i], i);\n } else {\n this.terminalParent[i] = BreadBoard.getRecArduinoBreadv2(this.pinNamedMap[i], i);\n }\n }\n }\n const Dports = new RegExp('^D([2-9]|[1][0-3])$');\n const Aports = new RegExp('^A([0-5])$');\n // console.log(this.pinNamedMap[''])\n this.elements.unmousedown();\n let iniValue = 0;\n let iniPin = '';\n let by = -1;\n // create mousedown for the button\n this.elements[9].mousedown(() => {\n let val = -1;\n let pullUp = false;\n for (const i in this.terminalParent) {\n // set value only if any pin have inputPullUpEnabled\n if (this.terminalParent[i] !== undefined) {\n pullUp = pullUp || this.terminalParent[i].pullUpEnabled;\n }\n }\n\n for (const i in this.terminalParent) {\n if (this.terminalParent[i] !== undefined) {\n // set initial value to the pin which connects the digital pin on Arduino\n if ((Dports.test(this.terminalParent[i].label) || Aports.test(this.terminalParent[i].label))\n && this.pinNamedMap[i].value <= 0) {\n iniValue = this.pinNamedMap[i].value;\n iniPin = i;\n }\n }\n }\n\n if (this.pinNamedMap['Terminal 1a'].value > 0) {\n val = this.pinNamedMap['Terminal 1a'].value;\n // TODO: run for 1a\n if (pullUp) {\n iniValue = val;\n // TODO: If pullUp enabled set val to zero\n val = 0;\n }\n by = 0;\n // set value to other pins\n this.pinNamedMap['Terminal 2a'].setValue(val, null);\n this.pinNamedMap['Terminal 2b'].setValue(val, null);\n } else if (this.pinNamedMap['Terminal 1b'].value > 0) {\n val = this.pinNamedMap['Terminal 1b'].value;\n // TODO: run for 1b\n if (pullUp) {\n iniValue = val;\n // TODO: If pullUp enabled set val to zero\n val = 0;\n }\n by = 0;\n // set value to other pins\n this.pinNamedMap['Terminal 2a'].setValue(val, null);\n this.pinNamedMap['Terminal 2b'].setValue(val, null);\n } else if (this.pinNamedMap['Terminal 2a'].value > 0) {\n val = this.pinNamedMap['Terminal 2a'].value;\n // TODO: run for 2a\n if (pullUp) {\n iniValue = val;\n // TODO: If pullUp enabled set val to zero\n val = 0;\n }\n by = 1;\n // set value to other pins\n this.pinNamedMap['Terminal 1a'].setValue(val, null);\n this.pinNamedMap['Terminal 1b'].setValue(val, null);\n } else if (this.pinNamedMap['Terminal 2b'].value > 0) {\n val = this.pinNamedMap['Terminal 2b'].value;\n // TODO: run for 2b\n if (pullUp) {\n iniValue = val;\n // TODO: If pullUp enabled set val to zero\n val = 0;\n }\n by = 1;\n // set value to other pins\n this.pinNamedMap['Terminal 1a'].setValue(val, null);\n this.pinNamedMap['Terminal 1b'].setValue(val, null);\n }\n });\n // Set mouseup listener for the button\n this.elements[9].mouseup(() => {\n this.MouseUp(by, iniValue);\n\n if (iniPin !== undefined && iniPin !== null) {\n this.terminalParent[iniPin].setValue(-1, null);\n }\n });\n }\n /**\n * Mouse Up Callback\n * @param by Representing the node whose value > 0\n * @param iniValue Initial value of the node before mousedown\n */\n MouseUp(by: number, iniValue: number) {\n if (by === 0) {\n this.pinNamedMap['Terminal 2a'].setValue(iniValue, null);\n this.pinNamedMap['Terminal 2b'].\n setValue(iniValue, null);\n } else {\n this.pinNamedMap['Terminal 1a'].setValue(iniValue, null);\n this.pinNamedMap['Terminal 1b'].setValue(iniValue, null);\n }\n }\n /** Function removes all animations and callbacks */\n closeSimulation(): void {\n this.elements.unmousedown();\n this.elements.unmouseup();\n this.elements.unmouseout();\n this.setClickListener(null);\n this.setDragListeners();\n }\n}\n\n/**\n * Slideswitch Class\n */\nexport class SlideSwitch extends CircuitElement {\n /**\n * if true connected with terminal 1 else connected with terminal 2\n */\n private flag = true;\n /**\n * Slideswitch constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('SlideSwitch', x, y, 'SlideSwitch.json', canvas);\n }\n /**\n * Initialize Slide Switch\n */\n init() {\n this.nodes[1].addValueListener((v) => {\n console.log(v);\n if (this.flag) {\n this.nodes[0].setValue(v, null);\n this.nodes[2].setValue(-1, null);\n } else {\n this.nodes[0].setValue(-1, null);\n this.nodes[2].setValue(v, null);\n }\n });\n }\n /** Animation caller during start simulation button pressed */\n anim() {\n let anim;\n if (this.flag) {\n anim = Raphael.animation({ transform: `t${this.tx + 15},${this.ty}` }, 500);\n } else {\n anim = Raphael.animation({ transform: `t${this.tx},${this.ty}` }, 500);\n }\n this.elements[1].animate(anim);\n this.flag = !this.flag;\n this.nodes[1].setValue(this.nodes[1].value, this.nodes[1]);\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'Slide Switch'\n };\n }\n /**\n * Called on Start Simulation.\n */\n initSimulation(): void {\n this.elements.unmousedown();\n this.elements.unclick();\n this.elements.click(() => {\n this.anim();\n });\n this.nodes[1].setValue(5, null);\n }\n /**\n * Called on stop simulation.\n */\n closeSimulation(): void {\n this.elements.unclick();\n this.setDragListeners();\n this.setClickListener(null);\n const anim = Raphael.animation({ transform: `t${this.tx},${this.ty}` }, 500);\n this.elements[1].animate(anim);\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/inputs/Collision.ts", "content": "/**\n * Position as a Vector\n */\nexport interface Vector {\n /**\n * X Position\n */\n x: number;\n /**\n * Y Positon\n */\n y: number;\n // if require add Magnitude\n}\n/**\n * Orientation Between three points\n */\nexport enum Orienation {\n COLINEAR,\n CLOCKWISE,\n COUNTER_CLOCKWISE\n}\n\n// https://www.geeksforgeeks.org/how-to-check-if-a-given-point-lies-inside-a-polygon/\n\n/** function detects collision of three collinear points */\nexport class Collision {\n /** Given three collinear points */\n static inLine(p: Vector, q: Vector, r: Vector) {\n // checks wether q lies on segment pr\n if (q.x <= Math.max(p.x, r.x) && q.x >= Math.min(p.x, r.x) &&\n q.y <= Math.max(p.y, r.y) && q.y >= Math.min(p.y, r.y)) {\n return true;\n }\n return false;\n }\n /** To find orientation of ordered triplet (p, q, r). */\n static orientation(p: Vector, q: Vector, r: Vector) {\n const val = (q.y - p.y) * (r.x - q.x) - (q.x - p.x) * (r.y - q.y);\n if (val === 0) {\n return Orienation.COLINEAR;\n }\n return (val > 0) ? Orienation.CLOCKWISE : Orienation.COUNTER_CLOCKWISE;\n }\n /** Function returns true if two line segemnts intersects */\n static isIntersecting(p1: Vector, q1: Vector, p2: Vector, q2: Vector) {\n const o1 = Collision.orientation(p1, q1, p2);\n const o2 = Collision.orientation(p1, q1, q2);\n const o3 = Collision.orientation(p2, q2, p1);\n const o4 = Collision.orientation(p2, q2, q1);\n if (o1 !== o2 && o3 !== o4) {\n return true;\n }\n // p1, q1 and p2 are colinear and p2 lies on segment p1q1\n if (o1 === 0 && Collision.inLine(p1, p2, q1)) { return true; }\n\n // p1, q1 and p2 are colinear and q2 lies on segment p1q1\n if (o2 === 0 && Collision.inLine(p1, q2, q1)) { return true; }\n\n // p2, q2 and p1 are colinear and p1 lies on segment p2q2\n if (o3 === 0 && Collision.inLine(p2, p1, q2)) { return true; }\n\n // p2, q2 and q1 are colinear and q1 lies on segment p2q2\n if (o4 === 0 && Collision.inLine(p2, q1, q2)) { return true; }\n\n return false; // Doesn't fall in any of the above cases\n }\n /** Function returns true if the point p lies inside polygon */\n static isPointInsidePolygon(point: number[][], p: number[]) {\n const extreme: Vector = {\n x: 10000000,\n y: p[1]\n };\n const n = point.length;\n let count = 0;\n let i = 0;\n do {\n const next = (i + 1) % n;\n const a: Vector = { x: point[i][0], y: point[i][1] };\n const b: Vector = { x: point[next][0], y: point[next][1] };\n const c = { x: p[0], y: p[1] };\n if (Collision.isIntersecting(a, b, c, extreme)) {\n if (Collision.orientation(a, c, b) === Orienation.COLINEAR) {\n return Collision.inLine(a, c, b);\n }\n count += 1;\n }\n i = next;\n } while (i !== 0);\n return (count % 2) !== 0;\n }\n /**\n * Function performes Euclidean Distance operation\n * @param a coordinate a\n * @param b coordinate b\n */\n static EuclideanDistance(a: Vector, b: Vector) {\n return Math.sqrt(((a.x - b.x) * (a.x - b.x)) + ((a.y - b.y) * (a.y - b.y)));\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/inputs/GasSensor.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport { Collision, Vector } from './Collision';\n\n/// TODO: Handle the digital pin\n/**\n * Class GasSensor MQ2\n */\nexport class MQ2 extends CircuitElement {\n /**\n * Line which is drawn while simulation.\n */\n line: any;\n /**\n * Gas Sensor Constructor\n * @param canvas Raphael canvas\n * @param x Position x\n * @param y Position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('MQ2', x, y, 'MQ2.json', canvas);\n }\n /**\n * Initialize Gas Sensor\n */\n init() {\n this.elements[1].hide();\n this.nodes[0].addValueListener((v) => {\n this.nodes[1].setValue(v, null);\n });\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'Gas Sensor (MQ-2)'\n };\n }\n /**\n * Sets the analog value of the gas sensor based on the distance between tmp and cloud.\n * @param tmp The center of the cloud\n * @param Center The Center of the smoke detector\n */\n setValue(tmp: Vector, Center: Vector) {\n const dist = Collision.EuclideanDistance(tmp, Center);\n let v;\n if (dist <= 189) {\n v = ((189 - dist) / 189) * 5;\n } else {\n v = 0;\n }\n if (this.nodes[0].connectedTo && this.nodes[0].value >= 4.9) {\n this.nodes[3].setValue(Math.round(v), null);\n } else {\n window['showToast']('Please Connect Wires Properly');\n }\n }\n /**\n * Initialize animation for the gas sensor\n */\n initSimulation(): void {\n this.elements[1].show();\n this.elements.undrag();\n let tmp = this.elements[1].attr();\n this.elements[1].attr({\n x: tmp.x + this.tx,\n y: tmp.y + this.ty,\n transform: 't0,0'\n });\n\n this.line = this.canvas.path(\n `M${tmp.x + this.tx + 145 + 19},${tmp.y + this.ty + 145}L${\n this.tx + this.x + 48\n },${\n this.ty + this.y + 50\n }`\n );\n\n this.line.attr({\n 'stroke-dasharray': ['-.']\n });\n\n const Center: Vector = {\n x: this.tx + this.x + 48,\n y: this.ty + this.y + 50\n };\n // Add the drag listener to the cloud\n this.elements[1].drag((dx, dy) => {\n // Update Position\n this.elements[1].attr({\n x: tmp.x + dx,\n y: tmp.y + dy\n });\n // Set the analog value\n this.setValue({\n x: tmp.x + dx + 164,\n y: tmp.y + dy + 145\n }, Center);\n // Update the line\n this.line.attr({\n path: `M${Center.x},${Center.y},L${tmp.x + dx + 164},${tmp.y + dy + 145}`\n });\n }, () => {\n tmp = this.elements[1].attr();\n }, () => {\n });\n tmp = this.elements[1].attr();\n this.setValue({\n x: tmp.x + 164,\n y: tmp.y + 145\n }, Center);\n\n }\n /**\n * Remove line and smoke\n */\n closeSimulation(): void {\n this.elements[1].hide();\n this.line.remove();\n this.line = null;\n this.elements[1].undrag();\n this.setDragListeners();\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/inputs/PIRSensor.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport { Collision } from './Collision';\nimport { isNull } from 'util';\n/**\n * PIR Sensor class\n */\nexport class PIRSensor extends CircuitElement {\n /**\n * Curve points of sensor\n */\n static curve: number[][];\n /**\n * points of hand polygon\n */\n static handPoints: number[][];\n /**\n * The backgound range of the sensor\n */\n range: any;\n /**\n * backCurve(path) of sensor\n */\n backCurve: string;\n /**\n * hand is a Raphael Element\n */\n hand: any;\n /**\n * Map of pin name to the circuit node.\n */\n pinNameMap: any = {};\n /**\n * pushbutton constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('PIRSensor', x, y, 'PIRSensor.json', canvas);\n }\n /** init is called when the component is complety drawn to the canvas */\n init() {\n PIRSensor.curve = this.data.curve;\n PIRSensor.handPoints = this.data.hand;\n this.backCurve = this.data.backCurve;\n this.data = null;\n // Create a mapping for node label to node\n for (const node of this.nodes) {\n this.pinNameMap[node.label] = node;\n }\n this.elements[1].hide();\n this.pinNameMap['VCC'].addValueListener((v) => {\n this.pinNameMap['GND'].setValue(v, null);\n });\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n body,\n title: 'PIR Sensor',\n id: this.id\n };\n }\n /**\n * Initialize Variable,callback and event caller when start simulation is pressed\n */\n initSimulation(): void {\n this.elements.undrag();\n this.elements.unmousedown();\n this.range = this.canvas.path(this.backCurve);\n this.range.attr({\n fill: 'rgba(0,0,255,0.1)',\n stroke: 'none'\n });\n this.elements[1].show(); // Show Hand\n this.range.translate(this.x + this.tx + 99, this.y + this.ty + 80);\n this.range.toBack();\n const tmpCurve = [];\n // Updates the points of the sensor ranging curve\n for (const x of PIRSensor.curve) {\n tmpCurve.push([x[0] + this.x + this.tx, x[1] + this.y + this.ty]);\n }\n // FOR: Visual of Curve\n // console.log(this.curve.length)\n // this.canvas.path(`M${tmpCurve[0][0]},${tmpCurve[0][1]}\n // L${tmpCurve[1][0]},${tmpCurve[1][1]}\n // L${tmpCurve[2][0]},${tmpCurve[2][1]}\n // L${tmpCurve[3][0]},${tmpCurve[3][1]},\n // L${tmpCurve[4][0]},${tmpCurve[4][1]},\n // L${tmpCurve[5][0]},${tmpCurve[5][1]}\n // z`);\n // console.log(this.elements[1].transform())\n const handIni = this.elements[1].transform();\n let handTX = handIni[0][1];\n let handTy = handIni[0][2];\n let handFdx = 0;\n let handFdy = 0;\n let ans = false;\n // let timeout = 0;\n // let idk = null;\n this.elements[1].drag((dx, dy) => {\n handFdx = dx;\n handFdy = dy;\n this.elements[1].transform(`t${handTX + dx},${handTy + dy}`);\n // let handPoints = [];\n ans = false;\n // to check collision between hand and affected region\n for (const vec of PIRSensor.handPoints) {\n // handPoints.push(\n // [vec[0] + this.x + hand_tx + dx, vec[1] + this.y + hand_ty + dy]\n // )\n ans = ans || Collision.isPointInsidePolygon(\n tmpCurve,\n [vec[0] + this.x + handTX + dx, vec[1] + this.y + handTy + dy]\n );\n }\n // console.log(ans);\n // if VCC pin of sensor is connected and has a potential of 5 volts\n if (ans) {\n if (this.pinNameMap['VCC'].value > 0) {\n this.pinNameMap['SIGNAL'].setValue(5, null);\n // if (!isNull(timeout)) {\n // clearTimeout(timeout);\n // } else {\n // }\n }\n }\n\n // if (idk) {\n // idk.remove();\n // }\n // idk = this.canvas.path(`M${handPoints[0][0]},${handPoints[0][1]}\n // L${handPoints[1][0]},${handPoints[1][1]}\n // L${handPoints[2][0]},${handPoints[2][1]}\n // L${handPoints[3][0]},${handPoints[3][1]},\n // L${handPoints[4][0]},${handPoints[4][1]},\n // L${handPoints[5][0]},${handPoints[5][1]}z`);\n // handPoints = null;\n }, () => {\n // console.log(hand_tx, hand_ty);\n }, () => {\n handTX += handFdx;\n handTy += handFdy;\n setTimeout(() => {\n this.pinNameMap['SIGNAL'].setValue(0, null);\n }, 1000);\n });\n }\n /** Function removes all events and callbacks */\n closeSimulation(): void {\n if (this.range) {\n this.range.remove();\n }\n this.elements[1].undrag();\n this.elements[1].hide();\n this.setDragListeners();\n this.setClickListener(null);\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/inputs/PhotoResistor.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport { Slider } from './Slider';\n/**\n * Class Photoresistor\n */\nexport class PhotoResistor extends CircuitElement {\n /**\n * Slider to set the value of photo resistor\n */\n slide: Slider;\n /**\n * The Value of the photo resitor\n */\n valueText: any;\n /**\n * Maxmum value of 1000\n */\n maxVal = 1000;\n /**\n * Minmum value of 1000\n */\n minVal = 0;\n /**\n * RaphaelJs path for sun\n */\n sun;\n /**\n * RaphaelJs path for moon\n */\n moon;\n /**\n * svg path of sun\n */\n sunPath: string = null;\n /**\n * svg path of moon\n */\n moonPath: string = null;\n\n /**\n * Photoresistor Constructor\n * @param canvas Raphael canvas\n * @param x Position x\n * @param y Position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('PhotoResistor', x, y, 'PhotoResistor.json', canvas);\n // fetch sun and moon path from json file\n fetch(`./assets/jsons/PhotoResistor.json`)\n .then(v => v.json())\n .then(obj => {\n this.sunPath = obj.sliderIcons.sunPath;\n this.moonPath = obj.sliderIcons.moonPath;\n });\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'Photo Resistor'\n };\n }\n /**\n * Returns a string on the basis of resistance\n * @param r Resistance\n */\n getValue(r: number) {\n return `${Math.round((r) * 100) / 100} lum`;\n }\n /**\n * Initialize Variable and callback when start simulation is pressed\n */\n initSimulation(): void {\n this.valueText = this.canvas.text(this.x + this.tx + 1, this.y + this.ty - 70, `${this.maxVal / 2} lum`);\n this.valueText.attr({\n 'font-size': 15\n });\n // Draw Sun on slider\n this.sun = this.canvas.path(this.sunPath);\n this.sun.attr({ fill: '#000', stroke: 'none' });\n this.sun.translate(this.x + this.tx + 70, this.y + this.ty - 55);\n // Draw Moon on slider\n this.moon = this.canvas.path(this.moonPath);\n this.moon.attr({ fill: '#000', stroke: 'none' });\n this.moon.transform(`s0.06 t${7.5 * (this.x + this.tx - 120)} ${1 * (this.y + this.ty - 860)}`);\n // Slider ranging from minValue to maxValue\n this.slide = new Slider(this.canvas, this.x + this.tx, this.y + this.ty - 10);\n this.slide.setGradient('#69644b', '#ffd500');\n const enable1 = this.nodes[1].value > this.nodes[0].value ? true : false;\n // At starting set value to half of slider\n this.changeVal(enable1, 0.5);\n // Listen to value changes on slider\n this.slide.setValueChangeListener((v) => {\n // Change slider's ouput value\n this.changeVal(enable1, v);\n\n });\n }\n\n /**\n * Call this function to change ouput value of photoresistor\n * @param enable1 Pin to direct output on\n * @param v value of slider, ranges from 0-1\n */\n changeVal(enable1, v) {\n // calculate lumens according slider\n const lum = (v) * this.maxVal;\n // if enable1 is true\n if (enable1) {\n // calculate voltage value\n const incoming = this.nodes[1].value;\n // calculate output voltage\n const val = (lum / this.maxVal) * incoming;\n // set output voltage\n this.nodes[0].setValue(val, null);\n // update text\n this.valueText.attr({\n text: this.getValue(lum)\n });\n\n } else {\n // calculate voltage value\n const incoming = this.nodes[0].value;\n // calculate output voltage\n const val = (lum / this.maxVal) * incoming;\n // set output voltage\n this.nodes[1].setValue(val, null);\n // update text\n this.valueText.attr({\n text: this.getValue(lum)\n });\n\n }\n }\n\n /** Function removes all animations and callbacks */\n closeSimulation(): void {\n this.valueText.remove();\n this.slide.remove();\n delete this.slide;\n delete this.valueText;\n this.sun.remove();\n // delete this.sun;\n this.moon.remove();\n delete this.moon;\n // this.slide = null;\n this.valueText = null;\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/inputs/Potentiometer.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport { BreadBoard } from '../General';\nimport { Vector } from './Collision';\nimport { Point } from '../Point';\nimport { LED } from '../outputs/Led';\n\n/**\n * Declare window so that custom created function don't throw error\n */\ndeclare var window;\n\n/**\n * Potentiometer Class\n */\nexport class Potentiometer extends CircuitElement {\n /**\n * Types of potentiometer name.\n */\n static variants: string[];\n /**\n * Types of potentiometer resistance\n */\n static variantsValue: number[];\n /**\n * Selected potentiometer type.\n */\n selectedIndex: number;\n /**\n * Arduino Pin connected to 0 of potentiometer\n */\n arduinoEndZero: any;\n /**\n * Arduino Pin connected to 2 of potentiometer\n */\n arduinoEndTwo: any;\n /**\n * Set to keep track of visited nodes\n */\n visitedNodesv2 = new Set();\n /**\n * Check the connection type\n */\n isRheostat: boolean = null;\n /**\n * Stores visited LEDs' ids\n */\n visitedLEDs = new Set();\n /**\n * Stores connected LEDs\n */\n connectedLEDs: LED[] = [];\n /**\n * Potentiometer constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('PotentioMeter', x, y, 'Potentiometer.json', canvas);\n }\n /** init is called when the component is complety drawn to the canvas */\n init() {\n Potentiometer.variants = this.data.variants;\n Potentiometer.variantsValue = this.data.value;\n this.data.value = [];\n this.data.variants = [];\n this.data = null;\n }\n /**\n * Returns the client point respective to the svg\n * @param x X positon\n * @param y y position\n */\n svgPoint(x, y) {\n const pt = window['holder_svg'].createSVGPoint();\n pt.x = x;\n pt.y = y;\n return pt.matrixTransform(window.canvas.canvas.getScreenCTM().inverse());\n }\n /**\n * Rotates the dial and sets the analog value\n * @param center Center of the Potentiometer\n * @param clientX Mouse X\n * @param clientY Mouse Y\n */\n rotateDial(center: Vector, clientX: number, clientY: number) {\n const point = this.svgPoint(clientX, clientY);\n const difX = point.x - center.x;\n const difY = point.y - center.y;\n let ang = Math.atan2(difY, difX);\n if (ang < 0) {\n ang += 2 * Math.PI;\n }\n // if(line){\n // line.remove();\n // line = null;\n // }\n // const ex = center.x + 100*Math.cos(ang);\n // const ey = center.y + 100*Math.sin(ang);\n // line = this.canvas.path(`M${center.x},${center.y}L${ex},${ey}`)\n ang *= (180 / Math.PI);\n ang = (ang + 225) % 360;\n if (ang > 268) {\n ang = 268;\n }\n let to;\n let intp = 0;\n // console.log(ang / 268);\n if (this.arduinoEndZero) {\n to = Math.max(\n this.nodes[0].value,\n this.nodes[1].value\n );\n intp = (ang / 268) * to;\n } else if (this.arduinoEndTwo) {\n to = Math.max(\n this.nodes[1].value,\n this.nodes[2].value\n );\n intp = to - ((ang / 268) * to);\n }\n if (to < 0) {\n window['showToast']('Potentiometer Not Connected');\n return;\n }\n this.elements[1].transform(`r${ang}`);\n\n this.nodes[1].setValue(intp, this.nodes[1]);\n }\n /**\n * Rotates the dial and sets the analog value for Rheostat connection\n * @param center Center of the Potentiometer\n * @param clientX Mouse X\n * @param clientY Mouse Y\n */\n rotateDialRheostat(center: Vector, clientX: number, clientY: number) {\n const point = this.svgPoint(clientX, clientY);\n const difX = point.x - center.x;\n const difY = point.y - center.y;\n const resistanceValue = Potentiometer.variantsValue[this.selectedIndex];\n\n let ang = Math.atan2(difY, difX);\n if (ang < 0) {\n ang += 2 * Math.PI;\n }\n // if(line){\n // line.remove();\n // line = null;\n // }\n // const ex = center.x + 100*Math.cos(ang);\n // const ey = center.y + 100*Math.sin(ang);\n // line = this.canvas.path(`M${center.x},${center.y}L${ex},${ey}`)\n ang *= (180 / Math.PI);\n ang = (ang + 225) % 360;\n if (ang > 268) {\n ang = 268;\n }\n let to;\n let calResistance = -1;\n const minVoltage = 0;\n const minLEDResistance = 100;\n const maxLEDResitance = 466;\n if (this.arduinoEndZero) {\n to = Math.max(\n this.nodes[0].value,\n this.nodes[1].value\n );\n // intp = (ang / 268) * to;\n calResistance = ((ang / 268) * resistanceValue);\n this.sendResistance(calResistance);\n } else if (this.arduinoEndTwo) {\n to = Math.max(\n this.nodes[1].value,\n this.nodes[2].value\n );\n calResistance = resistanceValue - ((ang / 268) * resistanceValue);\n this.sendResistance(calResistance);\n }\n if (to < 0) {\n window['showToast']('Potentiometer Not Connected');\n return;\n }\n this.elements[1].transform(`r${ang}`);\n this.nodes[1].setValue(to, this.nodes[1]);\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n body.style.display = 'flex';\n body.style.flexDirection = 'column';\n const label = document.createElement('label');\n label.innerText = 'Resistance';\n const select = document.createElement('select');\n let tmp = '';\n for (const val of Potentiometer.variants) {\n tmp += ``;\n }\n select.innerHTML = tmp;\n select.selectedIndex = this.selectedIndex;\n select.onchange = () => {\n this.selectedIndex = select.selectedIndex;\n };\n body.append(label);\n body.append(select);\n return {\n keyName: this.keyName,\n id: this.id,\n title: 'Potentiometer',\n body\n };\n }\n /**\n * Called on start simulation. Add Event listener.\n */\n initSimulation(): void {\n\n if (!this.areNodesConnectedProperly()) {\n window.showToast('Potentiometer not connected properly.');\n return;\n }\n const attr = this.elements[1].attr();\n const center = {\n x: attr.x + attr.width / 2 + this.tx,\n y: attr.y + attr.height / 2 + this.ty\n };\n this.elements[1].transform(`t0,0`);\n this.elements[1].attr({\n x: attr.x + this.tx,\n y: attr.y + this.ty\n });\n this.elements.undrag();\n this.elements.unmousedown();\n\n if (!this.isRheostat) {\n this.elements.drag((_, __, mX, mY) => {\n this.rotateDial(center, mX, mY);\n }, (mX, mY) => {\n this.rotateDial(center, mX, mY);\n },\n (ev: MouseEvent) => {\n this.rotateDial(center, ev.clientX, ev.clientY);\n });\n } else {\n this.elements.drag((_, __, mX, mY) => {\n this.rotateDialRheostat(center, mX, mY);\n }, (mX, mY) => {\n this.rotateDialRheostat(center, mX, mY);\n },\n (ev: MouseEvent) => {\n this.rotateDialRheostat(center, ev.clientX, ev.clientY);\n });\n }\n\n // Find out the LEDs in the circuit\n this.getRecLED(this.nodes[0], 'Terminal 1');\n this.getRecLED(this.nodes[1], 'WIPER');\n this.getRecLED(this.nodes[2], 'Ternimal 2');\n\n // Get Arduino Connected ends for terminal 1 & terminal 2\n this.arduinoEndZero = this.getRecArduinov2(this.nodes[0], 'Terminal 1');\n this.arduinoEndTwo = this.getRecArduinov2(this.nodes[2], 'Terminal 2');\n if (this.arduinoEndZero) {\n // TODO : If arduino is connected to Terminal 1 of potentiometer\n // set WIPER value 0\n this.nodes[1].setValue(0, this.nodes[1]);\n } else if (this.arduinoEndTwo) {\n // TODO : If arduino is connected to Terminal 2 of potentiometer\n // set WIPER value as from Terminal 2\n this.nodes[1].setValue(this.nodes[2].value, this.nodes[1]);\n }\n }\n /**\n * Save the Selected type in database\n */\n SaveData() {\n return {\n value: this.selectedIndex\n };\n }\n /**\n * Load the Selected type.\n * @param data Saved Data\n */\n LoadData(data: any) {\n if (data.data && data.data.value > 0) {\n this.selectedIndex = data.data.value;\n } else {\n this.selectedIndex = 0;\n }\n }\n /**\n * Reset transformation add add event listeners.\n */\n closeSimulation(): void {\n const attr = this.elements[1].attr();\n this.elements[1].attr({\n x: attr.x - this.tx,\n y: attr.y - this.ty\n });\n this.elements[1].transform(`t${this.tx},${this.ty}`);\n this.elements.undrag();\n this.elements.unmousedown();\n this.setClickListener(null);\n this.setDragListeners();\n this.isRheostat = null;\n this.visitedLEDs.clear();\n this.connectedLEDs = [];\n }\n /**\n * Checks if nodes of Potentiometer are connected either as\n * 1. Rheostat: Wiper + Left Pin (or) Wiper + Right Pin\n * 2. Voltage divider: All pins\n */\n areNodesConnectedProperly() {\n if (this.nodes[0].isConnected() && this.nodes[1].isConnected() && this.nodes[2].isConnected()) {\n const leftNode = this.getRecArduinov2(this.nodes[0], 'Terminal 1');\n const rightNode = this.getRecArduinov2(this.nodes[2], 'Terminal 2');\n if (leftNode && rightNode) {\n if (leftNode.label === 'GND' && rightNode.value > 0) {\n this.isRheostat = false;\n return true;\n } else if (rightNode.label === 'GND' && leftNode.value > 0) {\n this.isRheostat = false;\n return true;\n }\n }\n }\n\n if (this.nodes[0].isConnected() && this.nodes[1].isConnected()) {\n this.isRheostat = true;\n return true;\n } else if (this.nodes[1].isConnected() && this.nodes[2].isConnected()) {\n this.isRheostat = true;\n return true;\n }\n return false;\n }\n /**\n * Function to transfer resistance to connected LEDs\n * ToDo: Function is hardcoded\n * ToDo: Make it work for other components\n */\n sendResistance(resistance: number) {\n for (const led of this.connectedLEDs) {\n led.setVariableResistance(resistance);\n }\n }\n /**\n * Return the node which is connected to arduino by recursively finding connected node\n * @param node The Node which need to be checked\n */\n getRecArduinov2(node: Point, startedOn: string) {\n try {\n if (node.connectedTo.start.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to start node\n this.visitedNodesv2.clear();\n return node.connectedTo.start;\n } else if (node.connectedTo.end.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to end node\n this.visitedNodesv2.clear();\n return node.connectedTo.end;\n } else if (node.connectedTo.start.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.start.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.end.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'Battery9v' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to 9V Battery\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'CoinCell' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to Coin Cell\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'RelayModule') {\n // TODO: Handle RelayModule\n if (startedOn === 'POSITIVE') {\n // If search was started on Positive node then return connected node of VCC in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[3], startedOn);\n } else if (startedOn === 'NEGATIVE') {\n // If search was started on Negative node then return connected node of GND in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[5], startedOn);\n }\n } else {\n // TODO: If nothing matches\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.end.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.end.parent.nodes[e].gid !== node.connectedTo.end.gid\n && !this.visitedNodesv2.has(node.connectedTo.end.parent.nodes[e].gid) && node.connectedTo.end.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.end.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[e], startedOn);\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.start.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.start.parent.nodes[e].gid !== node.connectedTo.start.gid\n && !this.visitedNodesv2.has(node.connectedTo.start.parent.nodes[e].gid)\n && node.connectedTo.start.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.start.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecArduinov2(node.connectedTo.start.parent.nodes[e], startedOn);\n }\n }\n }\n\n }\n } catch (e) {\n console.warn(e);\n return false;\n }\n\n }\n\n /**\n * Recursive Function to handle BreadBoard\n * @param node Node which is to be checked for BreadBoard\n */\n private getRecArduinoBreadv2(node: Point, startedOn: string) {\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n const bb = (node.connectedTo.end.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.end.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.end.label.substring(1, node.connectedTo.end.label.length)) {\n const ascii = node.connectedTo.end.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n const bb = (node.connectedTo.start.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.start.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.start.label.substring(1, node.connectedTo.start.label.length)) {\n const ascii = node.connectedTo.start.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n }\n }\n\n /**\n * Return the node which is connected to arduino by recursively finding LEDs inside the circuit\n * @param node The Node which need to be checked\n */\n getRecLED(node: Point, startedOn: string) {\n try {\n if (node.connectedTo.start.parent.keyName === 'LED') {\n const led = (node.connectedTo.start.parent as LED);\n if (!this.visitedLEDs.has(led.getID())) {\n this.connectedLEDs.push(led);\n this.visitedLEDs.add(led.getID());\n }\n } else if (node.connectedTo.end.parent.keyName === 'LED') {\n const led = (node.connectedTo.end.parent as LED);\n if (!this.visitedLEDs.has(led.getID())) {\n this.connectedLEDs.push(led);\n this.visitedLEDs.add(led.getID());\n }\n }\n if (node.connectedTo.start.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to start node\n this.visitedNodesv2.clear();\n return node.connectedTo.start;\n } else if (node.connectedTo.end.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to end node\n this.visitedNodesv2.clear();\n return node.connectedTo.end;\n } else if (node.connectedTo.start.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.start.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecLEDBread(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.end.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecLEDBread(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'Battery9v' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to 9V Battery\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'CoinCell' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to Coin Cell\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'RelayModule') {\n // TODO: Handle RelayModule\n if (startedOn === 'POSITIVE') {\n // If search was started on Positive node then return connected node of VCC in Relay\n return this.getRecLED(node.connectedTo.end.parent.nodes[3], startedOn);\n } else if (startedOn === 'NEGATIVE') {\n // If search was started on Negative node then return connected node of GND in Relay\n return this.getRecLED(node.connectedTo.end.parent.nodes[5], startedOn);\n }\n } else {\n // TODO: If nothing matches\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.end.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.end.parent.nodes[e].gid !== node.connectedTo.end.gid\n && !this.visitedNodesv2.has(node.connectedTo.end.parent.nodes[e].gid) && node.connectedTo.end.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.end.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecLED(node.connectedTo.end.parent.nodes[e], startedOn);\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.start.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.start.parent.nodes[e].gid !== node.connectedTo.start.gid\n && !this.visitedNodesv2.has(node.connectedTo.start.parent.nodes[e].gid)\n && node.connectedTo.start.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.start.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecLED(node.connectedTo.start.parent.nodes[e], startedOn);\n }\n }\n }\n }\n } catch (e) {\n console.warn(e);\n return false;\n }\n }\n\n /**\n * Recursive Function to handle BreadBoard\n * @param node Node which is to be checked for BreadBoard\n */\n private getRecLEDBread(node: Point, startedOn: string) {\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n const bb = (node.connectedTo.end.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.end.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.end.label.substring(1, node.connectedTo.end.label.length)) {\n const ascii = node.connectedTo.end.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecLED(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecLED(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecLED(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n const bb = (node.connectedTo.start.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.start.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.start.label.substring(1, node.connectedTo.start.label.length)) {\n const ascii = node.connectedTo.start.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecLED(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecLED(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecLED(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n }\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/inputs/Relay.ts", "content": "import { CircuitElement } from '../CircuitElement';\n\n/**\n * Relay Module Class\n */\nexport class Relay extends CircuitElement {\n /**\n * Relay Constructor\n * @param canvas Raphael canvas\n * @param x Position x\n * @param y Position y\n */\n constructor(public canvas: any, public x: number, y: number) {\n super('RelayModule', x, y, 'Relay.json', canvas);\n }\n /**\n * Initialize the relay module.\n */\n init() {\n let iniValue = 0;\n this.nodes[4].addValueListener((v) => {\n this.nodes[5].setValue(v, null);\n });\n this.nodes[3].addValueListener((val) => {\n if (val > 4.9 && val < 5.1) {\n if (this.nodes[1].value > 0) {\n iniValue = 2;\n this.nodes[2].setValue(this.nodes[1].value, null);\n } else if (this.nodes[2].value > 0) {\n iniValue = 1;\n this.nodes[1].setValue(this.nodes[2].value, null);\n }\n } else {\n this.nodes[iniValue].setValue(-1, this.nodes[iniValue]);\n }\n });\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n title: 'Relay Module',\n body\n };\n }\n /**\n * Check connection,if not connected show toast.\n */\n initSimulation(): void {\n // Check Connection\n if (\n !(this.nodes[1].connectedTo &&\n this.nodes[2].connectedTo &&\n this.nodes[3].connectedTo &&\n this.nodes[4].connectedTo &&\n this.nodes[5].connectedTo)\n ) {\n window['showToast']('Please Connect Relay Properly');\n }\n }\n /**\n * Called on Stop Simulation.\n */\n closeSimulation(): void {\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/inputs/Slider.ts", "content": "/**\n * Class for adding a Slider during simulation.\n * Used by temperature sensor and photo resistor\n */\nexport class Slider {\n /**\n * Value Of the Slider\n */\n value = 0;\n /**\n * Value Change Listener\n */\n private listener: (value: number) => void;\n /**\n * The Circle which slides around the bar\n */\n control: any;\n /**\n * Minimum X Value\n */\n minx: number;\n /**\n * Maximum X Value\n */\n maxx: number;\n /**\n * The Rectaungular path wehre control slides\n */\n rect: any;\n /**\n * Constructor For adding a Slider\n * @param canvas Raphael Paper\n * @param x The X position of Slider\n * @param y The Y Position Of Slide\n */\n constructor(public canvas: any, public x: number, public y: number) {\n // Draw the slider\n this.rect = this.canvas.rect(this.x - 60, this.y - 40, 120, 20, 15);\n this.minx = this.x - 60 + 6;\n this.maxx = this.x + 60 - 6;\n // Draw the control knob\n this.control = this.canvas.circle(this.x, this.y - 30, 12)\n .attr({\n fill: '#000'\n });\n\n let tmp;\n // On Dragging knob\n this.control.drag((dx, _) => {\n // Change only in x direction\n const cx = Math.min(Math.max(tmp.cx + dx, this.minx), this.maxx);\n this.control.attr({\n cx\n });\n // Calculate value and call the listener\n this.value = (cx - this.minx) / (this.maxx - this.minx);\n if (this.listener) {\n this.listener(this.value);\n }\n }, () => {\n tmp = this.control.attr();\n }, () => {\n });\n }\n /**\n * Set Gradient to the slider\n * @param start Start Hex Color\n * @param end End Hex Color\n */\n setGradient(start: string, end: string) {\n this.rect.attr({\n fill: `0-${start}-${end}`\n });\n }\n /**\n * Set value change Listener\n * @param listener Value Change Listener\n */\n setValueChangeListener(listener: (value: number) => void) {\n this.listener = listener;\n }\n /**\n * Hide Slider\n */\n hide() {\n this.control.hide();\n this.rect.hide();\n }\n /**\n * Show Slider\n */\n show() {\n this.control.show();\n this.rect.show();\n }\n /**\n * Remove Slider From Dom\n */\n remove() {\n this.control.remove();\n this.rect.remove();\n this.control = null;\n this.rect = null;\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/inputs/TemperatureSensors.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport { Point } from '../Point';\nimport { Slider } from './Slider';\n/**\n * Temperature sensor TMP36\n */\nexport class TMP36 extends CircuitElement {\n /**\n * Slider to change temperature\n */\n slide: Slider;\n /**\n * Raphael text element for showing value.\n */\n valueText: any;\n /**\n * Constructor for temperature sensor\n * @param canvas Raphael Paper\n * @param x X position\n * @param y y Position\n */\n constructor(public canvas: any, x: number, y: number) {\n super('TMP36', x, y, 'TMP36.json', canvas);\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'Temperatur Sensor'\n };\n }\n /** sets value for nodes */\n setValue(val: number) {\n if (\n this.nodes[0].connectedTo && this.nodes[0].value >= 4.9 &&\n this.nodes[2].connectedTo\n ) {\n this.nodes[1].setValue(val, null);\n } else {\n window['showToast']('Please Connect Wires Properly');\n }\n }\n /**\n * Initialize Variable and callback when start simulation is pressed\n */\n initSimulation(): void {\n this.valueText = this.canvas.text(this.x + this.tx + 120, this.y + this.ty - 40, '42.38°C');\n this.valueText.attr({\n 'font-size': 15\n });\n this.slide = new Slider(this.canvas, this.x + this.tx, this.y + this.ty - 10);\n this.slide.setGradient('#03b5fc', '#fc6203');\n this.slide.setValueChangeListener((v) => {\n const tmp = v * 165 + -40; // Temperature\n // this.nodes[1].setValue((tmp + 50) / 100, null);\n // console.log([tmp, (tmp + 50) / 100]);\n this.valueText.attr({\n text: `${Math.round((tmp) * 100) / 100}°C`\n });\n this.setValue((tmp + 50) / 100);\n });\n this.setValue(0.925);\n }\n\n /** remove slider and text */\n closeSimulation(): void {\n this.valueText.remove();\n this.slide.remove();\n delete this.slide;\n this.slide = null;\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/inputs/Thermistor.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport { Slider } from './Slider';\nimport { Point } from '../Point';\nimport { BreadBoard } from '../General';\n\n\ndeclare var window;\n\n/**\n * Class Photoresistor\n */\nexport class Thermistor extends CircuitElement {\n /**\n * Slider to set the value of photo resistor\n */\n slide: Slider;\n /**\n * The Value of the photo resitor\n */\n valueText: any;\n /**\n * Maximum temprature of Thermistor\n */\n maxVal = 500;\n /**\n * Resistor Value Ohms\n */\n resistorVal = 1;\n /**\n * Set of Visited Nodes\n */\n visitedNodesv2 = new Set();\n /**\n * Beta Value for calculation of output voltage. see below for more info\n * Values used for calculating beta\n * |------------------------------|\n * | Temprature | Resistance |\n * |------------------------------|\n * | 273 K | 32650.80 Ohms |\n * | 298 K | 10000 Ohms |\n * |------------------------------|\n * Formula(for beta) : ß=ln(R1/R2)/((1/T1)-(1/T2))\n */\n beta = Math.log(32650.80 / 10000) / ((1 / 273) - (1 / 298));\n\n /**\n * Photoresistor Constructor\n * @param canvas Raphael canvas\n * @param x Position x\n * @param y Position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('Thermistor', x, y, 'Thermistor.json', canvas);\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'Thermistor'\n };\n }\n /**\n * Returns a string on the basis of resistance\n * @param r Resistance\n */\n getValue(r: number) {\n return `${Math.round(r)} C`;\n }\n /**\n * Initialize Variable and callback when start simulation is pressed\n */\n initSimulation(): void {\n // add text\n this.valueText = this.canvas.text(this.x + this.tx + 120, this.y + this.ty - 40, `${this.maxVal / 2} C`);\n this.valueText.attr({\n 'font-size': 15\n });\n // create & add slider\n this.slide = new Slider(this.canvas, this.x + this.tx, this.y + this.ty - 10);\n this.slide.setGradient('#69644b', '#ffd500');\n\n // get value of resistor connected\n const resistorEnd1 = this.getRecResistor(this.nodes[0], 'Terminal 1');\n const resistorEnd2 = this.getRecResistor(this.nodes[1], 'Terminal 2');\n if (resistorEnd1) {\n // if resistor is connected to node[0] get value of resistor\n this.resistorVal = resistorEnd1.parent.value;\n } else if (resistorEnd2) {\n // if resistor is connected to node[1] get value of resistor\n this.resistorVal = resistorEnd2.parent.value;\n }\n // determine if incoming current is coming from node[0] or node[1]\n const enable1 = this.nodes[1].value > this.nodes[0].value ? true : false;\n // At starting set value to half of slider\n this.changeVal(enable1, 0.5);\n this.slide.setValueChangeListener((v) => {\n // Change slider's ouput value\n this.changeVal(enable1, v);\n });\n\n }\n /** Function removes all animations and callbacks */\n closeSimulation(): void {\n this.valueText.remove();\n this.slide.remove();\n delete this.slide;\n delete this.valueText;\n this.slide = null;\n this.valueText = null;\n this.visitedNodesv2.clear();\n }\n /**\n * Call this function to change ouput value of photoresistor\n * @param enable1 Pin to direct output on\n * @param v value of slider, ranges from 0-1\n */\n changeVal(enable1, v) {\n // calculate temprature according slider\n const temp = v * this.maxVal;\n // calculate part of equation which is in power\n const pow = this.beta * ((1 / (273 + temp)) - (1 / 298));\n // calculate internal resistance of thermistor\n const r = 10000 * Math.pow(2.718, pow);\n // if enable1 is true\n if (enable1) {\n // calculate voltage value\n const incoming = this.nodes[1].value;\n // calculate output voltage\n const Vout = (this.resistorVal / (this.resistorVal + r)) * incoming;\n // set output voltage\n this.nodes[0].setValue(Vout, null);\n // update text\n this.valueText.attr({\n text: this.getValue(temp)\n });\n } else {\n // calculate voltage value\n const incoming = this.nodes[0].value;\n // calculate output voltage\n const Vout = (this.resistorVal / (this.resistorVal + r)) * incoming;\n // set output voltage\n this.nodes[1].setValue(Vout, null);\n // update text\n this.valueText.attr({\n text: this.getValue(temp)\n });\n\n }\n }\n\n /**\n * Returns node connected to Resistor\n * @param node node to start search on\n * @param startedOn label of node search started on\n * @returns Resistor connected Node\n */\n getRecResistor(node: Point, startedOn: string) {\n try {\n if (node.connectedTo.start.parent.keyName === 'Resistor') {\n // TODO: Return if L293D is connected to start node\n return node.connectedTo.start;\n } else if (node.connectedTo.end.parent.keyName === 'Resistor') {\n // TODO: Return if L293D is connected to end node\n return node.connectedTo.end;\n } else if (node.connectedTo.start.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.start.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecBread(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.end.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecBread(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'Battery9v' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to 9V Battery\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'CoinCell' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to Coin Cell\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'RelayModule') {\n // TODO: Handle RelayModule\n if (startedOn === 'POSITIVE') {\n // If search was started on Positive node then return connected node of VCC in Relay\n return this.getRecResistor(node.connectedTo.end.parent.nodes[3], startedOn);\n } else if (startedOn === 'NEGATIVE') {\n // If search was started on Negative node then return connected node of GND in Relay\n return this.getRecResistor(node.connectedTo.end.parent.nodes[5], startedOn);\n }\n } else {\n // TODO: If nothing matches\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.end.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.end.parent.nodes[e].gid !== node.connectedTo.end.gid\n && !this.visitedNodesv2.has(node.connectedTo.end.parent.nodes[e].gid) && node.connectedTo.end.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.end.parent.nodes[e].gid);\n // call back L293D Recursive Fn\n return this.getRecResistor(node.connectedTo.end.parent.nodes[e], startedOn);\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.start.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.start.parent.nodes[e].gid !== node.connectedTo.start.gid\n && !this.visitedNodesv2.has(node.connectedTo.start.parent.nodes[e].gid)\n && node.connectedTo.start.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.start.parent.nodes[e].gid);\n // call back L293D Recursive Fn\n return this.getRecResistor(node.connectedTo.start.parent.nodes[e], startedOn);\n }\n }\n }\n\n }\n } catch (e) {\n console.warn(e);\n return false;\n }\n\n }\n\n /**\n * Recursive Function to handle BreadBoard\n * @param node Node which is to be checked for BreadBoard\n */\n getRecBread(node: Point, startedOn: string) {\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n const bb = (node.connectedTo.end.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.end.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.end.label.substring(1, node.connectedTo.end.label.length)) {\n const ascii = node.connectedTo.end.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecResistor(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecResistor(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecResistor(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n const bb = (node.connectedTo.start.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.start.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.start.label.substring(1, node.connectedTo.start.label.length)) {\n const ascii = node.connectedTo.start.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecResistor(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecResistor(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecResistor(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n }\n\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/inputs/UltrasonicSensor.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport { Collision } from './Collision';\nimport { Point } from '../Point';\nimport { ArduinoUno } from '../outputs/Arduino';\n\n/**\n * Ultrasonic Sensor class\n */\nexport class UltrasonicSensor extends CircuitElement {\n /**\n * Attributes for the line which is shown during simulation\n */\n static readonly linesAttr = {\n 'stroke-width': 4,\n 'stroke-dasharray': ['-.'],\n 'stroke-linecap': 'round',\n 'stroke-linejoin': 'round',\n stroke: '#828282'\n };\n /**\n * Map pin name to the circuit node\n */\n pinNamedMap: any = {};\n /**\n * The Control which is moved during simulation/\n */\n control: any;\n /**\n * The Arduino uno which is connected to ultrasonic sensor.\n */\n arduino: ArduinoUno;\n /**\n * The Micro event index in the queue.\n */\n microEventIndex: number;\n /**\n * The Transmit line.\n */\n Tline: any;\n /**\n * The Reciver Line.\n */\n Rline: any;\n /**\n * The Raphael Element for the text which shows distance.\n */\n valueText: any;\n /**\n * Ultrasonic constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, public x: number, y: number) {\n super('UltrasonicSensor', x, y, 'UltrasonicSensor.json', canvas);\n }\n\n /** init is called when the component is complety drawn to the canvas */\n init() {\n // Create a mapping for node label to node\n for (const x of this.nodes) {\n this.pinNamedMap[x.label] = x;\n }\n // let timeout;\n // Add value Change Listener to Circuit nodes\n // console.log(this.pinNamedMap['TRIG']);\n this.pinNamedMap['TRIG'].addValueListener((v) => {\n // TODO: Handle On\n // if(v > 0){\n // if (this.arduino) {\n // if(v > 0){\n // clearTimeout(timeout);\n // this.arduino.runner.getMicroEvent(this.microEventIndex).enable = true;\n // }else{\n // timeout = setTimeout(() => {console.log('c') }, 24);\n // }\n // clearTimeout(timeout);\n // }\n // }\n // console.log(v);\n // if (v >= 5) {\n // this.pinNamedMap['ECHO'].setValue(v, null);\n // } else {\n // this.pinNamedMap['ECHO'].setValue(0, null);\n // }\n });\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n title: 'Ultrasonic Distance Sensor',\n body\n };\n }\n\n\n /**\n * Initialize stuff for simulation\n */\n initSimulation(): void {\n // Creating the text\n this.valueText = this.canvas.text(this.x + this.tx + 253, this.ty + this.y, '16 CM').attr({\n 'font-size': 30\n });\n\n // Get the Pin which is connected to arduino\n let pinName;\n const trig = (this.pinNamedMap['ECHO'] as Point);\n if (trig.connectedTo) {\n if (trig.connectedTo.start.parent instanceof ArduinoUno) {\n pinName = trig.connectedTo.start.label;\n this.arduino = trig.connectedTo.start.parent;\n } else if (trig.connectedTo.end.parent instanceof ArduinoUno) {\n this.arduino = trig.connectedTo.end.parent;\n pinName = trig.connectedTo.end.label;\n } else {\n console.log('TODO: Write Simulation logic for other components');\n }\n }\n\n // Control Center -> CC\n const CC = {\n x: this.x + this.tx + 102.5,\n y: this.y + this.ty - 30\n };\n const lineEndY = this.y + this.ty + 40;\n const lineTEnd = this.tx + this.x + 48;\n const lineREnd = this.tx + this.x + 152;\n // Draw transmit,recived lines and the control circle\n this.Tline = this.canvas.path(`M${CC.x},${CC.y}L${lineTEnd},${lineEndY}`).attr(UltrasonicSensor.linesAttr);\n this.Rline = this.canvas.path(`M${CC.x},${CC.y}L${lineREnd},${lineEndY}`).attr(UltrasonicSensor.linesAttr);\n this.control = this.canvas.circle(CC.x, CC.y, 15);\n this.control.attr({ fill: '#000' });\n\n // Adding a Drag listener to the control\n let tmp;\n this.control.drag((dx, dy) => {\n CC.x = tmp.cx + dx;\n CC.y = tmp.cy + dy;\n\n // Update the lines and control\n this.control.attr({ cx: CC.x, cy: CC.y });\n this.Tline.attr({ path: `M${CC.x},${CC.y}L${lineTEnd},${lineEndY}` });\n this.Rline.attr({ path: `M${CC.x},${CC.y},L${lineREnd},${lineEndY}` });\n\n // check if control is in front of sensor if not show toast\n if (CC.y > (this.y + this.ty)) {\n this.valueText.attr({\n text: 'Behind\\nThe\\nSensor'\n });\n if (this.arduino) {\n this.arduino.runner.getMicroEvent(this.microEventIndex).period = 23200;\n }\n return;\n }\n // if arduino ic connected\n if (this.arduino) {\n // get the distance\n let dist = Collision.EuclideanDistance({ x: CC.x, y: CC.y }, {\n x: lineTEnd,\n y: lineEndY\n });\n const dist2 = Collision.EuclideanDistance({ x: CC.x, y: CC.y }, {\n x: lineREnd,\n y: lineEndY\n });\n // take average diatance\n dist = Math.floor((dist + dist2) / 35);\n // Interpolate the distance\n dist = dist * dist;\n if (dist > 400 || dist < 4) {\n this.valueText.attr({\n text: `OUT\\nOF\\nRegion`\n });\n } else {\n this.valueText.attr({\n text: `${dist} CM`\n });\n }\n dist = Math.max(4, Math.min(dist, 400));\n dist = dist * 29 * 2;\n // Update the period of the micro event\n this.arduino.runner.getMicroEvent(this.microEventIndex).period = dist;\n }\n }, () => {\n tmp = this.control.attr();\n }, () => {\n });\n // Set the default value for micro event\n if (this.arduino) {\n const point = this.arduino.getPort(pinName);\n this.microEventIndex = this.arduino.runner.addMicroEvent({\n start: 0,\n state: false,\n period: 928,\n pin: point.pin,\n port: point.name,\n enable: true\n });\n }\n }\n /**\n * Reset stuff on stop of simulation\n */\n closeSimulation(): void {\n this.valueText.remove();\n this.Tline.remove();\n this.Rline.remove();\n this.control.remove();\n this.valueText = null;\n this.control = null;\n this.Tline = null;\n this.Rline = null;\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/outputs/Arduino.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport { ArduinoRunner } from '../AVR8/Execute';\nimport { isUndefined, isNull } from 'util';\nimport { Point } from '../Point';\nimport { EventEmitter } from '@angular/core';\nimport { GraphDataService } from 'src/app/graph-data.service';\n\n/**\n * AVR8 global variable\n */\ndeclare var AVR8;\n\n/**\n * Arduino uno component class\n */\nexport class ArduinoUno extends CircuitElement {\n /**\n * Arduino name Prefix\n */\n static prefix = 'Arduino UNO R3 '; // TODO: fetch from json\n /**\n * Name of the Arduino\n */\n public name: string;\n /**\n * Code inside the arduino\n */\n public code = 'void setup(){\\n\\t\\n}\\n\\nvoid loop(){\\n\\t\\n}'; // TODO: fetch from json\n /**\n * For execution of code\n */\n public runner: ArduinoRunner;\n /**\n * The Compiled Hex\n */\n public hex: string;\n /**\n * Power LED of Arduino\n */\n public powerLed: any;\n /**\n * Built in LED of arduino\n */\n public builtinLED: any;\n /**\n * Pin Names Mapped to the respective Node\n */\n public pinNameMap: any = {};\n /**\n * Servo attached to an arduino\n */\n private servos: any[] = [];\n flag = '00';\n prevPortD = 0;\n prevPortB = 0;\n portFlag = '';\n delayTime = new Date(); // Extra\n /**\n * Constructor for Arduino\n * @param canvas Raphael Paper\n * @param x X position\n * @param y Y Position\n */\n\n constructor(public canvas: any, x: number, y: number) {\n super('ArduinoUno', x, y, 'Arduino.json', canvas);\n // Logic to Create Name of an arduino\n let start = window['scope']['ArduinoUno'].length + 1;\n this.name = ArduinoUno.prefix + start;\n while (window['ArduinoUno_name'][this.name]) {\n ++start;\n this.name = ArduinoUno.prefix + start;\n }\n window['ArduinoUno_name'][this.name] = this;\n }\n /**\n * Initialize Arduino\n */\n init() {\n // Create The mapping\n for (const node of this.nodes) {\n this.pinNameMap[node.label] = node;\n }\n // Add a Analog value change Listener to the circuit nodes\n for (let i = 0; i <= 5; ++i) {\n this.pinNameMap[`A${i}`].addValueListener((val) => {\n if (isUndefined(this.runner) || isNull(this.runner)) {\n setTimeout(() => {\n this.runner.adc.setAnalogValue(i, Math.floor(204.6 * val));\n }, 300);\n } else {\n this.runner.adc.setAnalogValue(i, Math.floor(204.6 * val));\n }\n });\n }\n\n // this.pinNameMap['D12'].addValueListener((v) => {\n // if (isUndefined(this.runner) || isNull(this.runner)) {\n // setTimeout(() => {\n // this.pinNameMap['D12'].setValue(v, this.pinNameMap['D12']);\n // }, 300);\n // return;\n // } else {\n // if (this.runner.portB.pinState(4) === AVR8.PinState.Input) {\n // this.runner.portB.setPin(4, v > 0 ? 1 : 0);\n // }\n // }\n // });\n\n // For Port B D5 - D13 add a input listener\n for (let i = 0; i <= 5; ++i) {\n this.pinNameMap[`D${i + 8}`].addValueListener((v) => {\n // console.log([i, v]);\n if (isUndefined(this.runner) || isNull(this.runner)) {\n setTimeout(() => {\n this.pinNameMap[`D${i + 8}`].setValue(1, this.pinNameMap[`D${i + 8}`]);\n }, 300);\n return;\n }\n // Update the value of register only if pin is input\n if (this.runner.portB.pinState(i) === AVR8.PinState.Input) {\n this.runner.portB.setPin(i, v > 0 ? 1 : 0);\n } else if (this.runner.portB.pinState(i) === AVR8.PinState.InputPullUp) {\n // Handle Input PullUp\n this.runner.portB.setPin(i, v);\n }\n });\n }\n // Handle Input For Port D D2 - D7\n for (let i = 2; i <= 7; ++i) {\n this.pinNameMap[`D${i}`].addValueListener((v) => {\n if (isUndefined(this.runner) || isNull(this.runner)) {\n setTimeout(() => {\n this.pinNameMap[`D${i}`].setValue(v, this.pinNameMap[`D${i}`]);\n }, 300);\n return;\n }\n // Update the value of register only if pin is input\n if (this.runner.portD.pinState(i) === AVR8.PinState.Input) {\n this.runner.portD.setPin(i, v > 0 ? 1 : 0);\n } else if (this.runner.portD.pinState(i) === AVR8.PinState.InputPullUp) {\n // Handle Input PullUp\n this.runner.portD.setPin(i, v);\n }\n });\n }\n }\n /**\n * Data which needs to be saved inside the database\n */\n SaveData() {\n return {\n name: this.name,\n code: this.code\n };\n }\n /**\n * Load Data which is fetched from data base\n * @param data Data fetched from the database\n */\n LoadData(data: any) {\n this.name = data.data.name;\n this.code = data.data.code;\n }\n /**\n * Property of an Arduino\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n const label = document.createElement('label');\n label.innerText = 'Name';\n const inp = document.createElement('input');\n inp.value = this.name;\n body.appendChild(label);\n body.appendChild(inp);\n inp.onkeyup = (ev: KeyboardEvent) => {\n if (ev.key.length > 1) {\n return;\n }\n if (window['ArduinoUno_name'][inp.value]) {\n // TODO: SHow Toast\n console.log('Name already Exist');\n return;\n }\n delete window['ArduinoUno_name'][this.name];\n this.name = inp.value;\n window['ArduinoUno_name'][this.name] = this;\n };\n return {\n keyName: this.keyName,\n id: this.id,\n title: 'Arduino Uno',\n body\n };\n }\n /**\n * Delete arduino name\n */\n delete() {\n delete window['ArduinoUno_name'][this.name];\n }\n\n /**\n * Initialize Stuff for simulation.\n */\n initSimulation(): void {\n this.builtinLED = this.elements[1].glow({\n color: '#ffff00'\n });\n this.builtinLED.hide();\n this.powerLed = this.elements[2].glow({\n color: '#00ff00'\n });\n const myOutput = document.createElement('pre');\n if (isNull(this.hex) && isUndefined(this.hex)) {\n return;\n }\n this.runner = new ArduinoRunner(this.hex);\n\n this.runner.portB.addListener((value) => {\n if (this.portFlag !== 'D' &&\n (this.flag === '21' || this.flag === '41')\n ) {\n this.EmitValueChangeEvent(); // Reset flag = \"00\";\n this.portFlag = 'B';\n } else {\n this.portFlag = '';\n }\n // if (this.flag === '00') this.flag = '21';\n this.flag = '21';\n this.prevPortB = value;\n this.delayTime = new Date();\n\n for (let i = 0; i <= 5; ++i) {\n if (\n this.runner.portB.pinState(i) !== AVR8.PinState.Input &&\n this.runner.portB.pinState(i) !== AVR8.PinState.InputPullUp\n ) {\n this.pinNameMap[`D${i + 8}`].setValue(((value >> i) & 1) * 5.0, null);\n }\n }\n if ((value >> 5) & 1) {\n this.builtinLED.show();\n } else {\n this.builtinLED.hide();\n }\n });\n this.runner.portC.addListener((value) => {\n console.log(value);\n });\n\n this.runner.portD.addListener((value) => {\n if (this.portFlag !== 'B' &&\n (this.flag === '21' || this.flag === '41')\n ) {\n this.EmitValueChangeEvent(); // Reset flag = \"00\";\n this.portFlag = 'D';\n } else {\n this.portFlag = '';\n }\n // if (this.flag === '00') this.flag = '41';\n this.flag = '41';\n this.prevPortD = value;\n this.delayTime = new Date();\n if (\n this.runner.portD.pinState(0) !== AVR8.PinState.Input &&\n this.runner.portD.pinState(0) !== AVR8.PinState.InputPullUp\n ) {\n this.pinNameMap[`RX0`].setValue((value & 1) * 5.0, null);\n }\n\n if (\n this.runner.portD.pinState(1) !== AVR8.PinState.Input &&\n this.runner.portD.pinState(1) !== AVR8.PinState.InputPullUp\n ) {\n this.pinNameMap[`TX0`].setValue(((value >> 1) & 1) * 5.0, null);\n }\n\n for (let i = 2; i <= 7; ++i) {\n if (\n this.runner.portD.pinState(i) !== AVR8.PinState.Input &&\n this.runner.portD.pinState(i) !== AVR8.PinState.InputPullUp\n ) {\n this.pinNameMap[`D${i}`].setValue(((value >> i) & 1) * 5.0, null);\n }\n }\n });\n\n this.runner.usart.onByteTransmit = (value) => {\n /// TODO: Show On Console\n myOutput.textContent += String.fromCharCode(value);\n };\n\n document.getElementById('msg').append(myOutput);\n this.pinNameMap['5V'].setValue(5, null);\n this.pinNameMap['3.3V'].setValue(3.3, null);\n\n if (this.servos.length > 0) {\n for (const ser of this.servos) {\n this.runner.addServo(ser.port, ser.pin, ser.call, ser.pwm);\n }\n this.servos = [];\n }\n this.runner.execute();\n\n // Handle Input Pull Up on portB pins\n for (let i = 0; i <= 5; ++i) {\n // check if pin state is inputPullUp\n if (this.runner.portB.pinState(i) === AVR8.PinState.InputPullUp) {\n // set pullUpEnabled boolean to true\n this.pinNameMap[`D${i + 8}`].pullUpEnabled = true;\n // set pin value to 1 by default\n this.runner.portB.setPin(i, 1);\n }\n }\n // Handle Input Pull Up on portD pins\n for (let i = 2; i <= 7; ++i) {\n // check if pin state is inputPullUp\n if (this.runner.portD.pinState(i) === AVR8.PinState.InputPullUp) {\n // set pullUpEnabled boolean to true\n this.pinNameMap[`D${i}`].pullUpEnabled = true;\n // set pin value to 1 by default\n this.runner.portD.setPin(i, 1);\n }\n }\n\n }\n /**\n * Remove arduino runner on stop simulation.\n */\n closeSimulation(): void {\n if (this.runner) {\n this.runner.delete();\n this.runner = null;\n }\n if (this.builtinLED) {\n this.builtinLED.remove();\n this.builtinLED = null;\n }\n if (this.powerLed) {\n this.powerLed.remove();\n this.powerLed = null;\n }\n }\n /**\n * Add Servo to the queue\n * @param pin Circuit node where servo is connected\n * @param callback Callback which needs to call on change in PWM\n */\n addServo(pin: Point, callback: (angle: number, prevAngle: number) => void) {\n const tmp = this.getPort(pin.label);\n this.servos.push({\n port: tmp.name,\n pin: tmp.pin,\n call: callback\n });\n }\n /**\n * Add PWM to the queue\n * @param pin Circuit node where pwm component is connected\n * @param callback Callback on change in pwm (The Value needs to be divided by 100)\n */\n addPWM(pin: Point, callback: (volt: number, prev: number) => void) {\n const tmp = this.getPort(pin.label);\n if (this.runner) {\n this.runner.addServo(\n tmp.name,\n tmp.pin,\n callback,\n true\n );\n } else {\n this.servos.push({\n port: tmp.name,\n pin: tmp.pin,\n call: callback,\n pwm: true\n });\n }\n }\n /**\n * Returns the port name and pin mumber\n * @param pinName Circuit Node Name\n */\n getPort(pinName: string) {\n const num = parseInt(pinName.substr(1), 10);\n if (!isNaN(num)) {\n if (num >= 0 && num <= 7) {\n return { name: 'portD', pin: num };\n } else if (num > 7 && num <= 13) {\n return { name: 'portB', pin: num - 8 };\n }\n }\n }\n\n\n EmitValueChangeEvent() {\n const value = (this.prevPortB << 8) | (this.prevPortD & 255);\n GraphDataService.voltageChange.emit({\n value,\n time: this.delayTime,\n arduino: { id: this.id, name: this.name },\n });\n this.flag = '00';\n // this.portFlag = '';\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/outputs/Buzzer.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport { Point } from '../Point';\nimport { ArduinoUno } from '../outputs/Arduino';\nimport { BreadBoard } from '../General';\n\n/**\n * Declare window so that custom created function don't throw error\n */\ndeclare var window;\n\n/**\n * Buzzer Class\n */\nexport class Buzzer extends CircuitElement {\n /**\n * Map pin name to the circuit node\n */\n pinNamedMap: any = {};\n /**\n * The oscillator for buzzer.\n */\n oscillator: any;\n /**\n * The Arduino uno which is connected to the Buzzer.\n */\n arduino: ArduinoUno;\n /**\n * Audio Context\n */\n audioCtx: AudioContext;\n /**\n * Toggle for wether buzzer is beeping or not.\n */\n sound = false;\n /**\n * Id for setInterval hook.\n */\n setIntervId: any;\n /**\n * Set to keep track of visited nodes\n */\n visitedNodesv2 = new Set();\n /**\n * Keep track of previous value\n */\n prev = -2;\n /**\n * Flag to check if logic function's recursion should be skipped\n */\n skipCheck = false;\n /**\n * If all nodes of element are connected or not\n */\n allNodesConnected = false;\n\n /**\n * pushbutton constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(private canvas: any, public x: number, public y: number) {\n super('Buzzer', x, y, 'Buzzer.json', canvas);\n }\n /** init is called when the component is complety drawn to the canvas */\n init() {\n // console.log(this.nodes[0].label);\n // console.log(this.nodes[1].label);\n for (const x of this.nodes) {\n this.pinNamedMap[x.label] = x;\n }\n this.nodes[0].addValueListener((v) => this.logic(v));\n this.nodes[1].addValueListener((v) => this.logic(v));\n }\n /**\n * Logic for beeping sound\n * @param val The Value on the positive pin\n */\n logic(val: number) {\n // TODO: Handle PWM\n if (this.prev === val) {\n this.skipCheck = true;\n }\n\n if (!this.allNodesConnected) {\n const arduinoEnd: any = this.getRecArduinov2(this.pinNamedMap['POSITIVE'], 'POSITIVE');\n const negativeEnd = this.getRecArduinov2(this.pinNamedMap['Negative'], 'Negative');\n if (arduinoEnd && negativeEnd) {\n if (negativeEnd.hasOwnProperty('label')) {\n if (negativeEnd.label === 'GND' || (negativeEnd.value === 0 && arduinoEnd.value > 0)) {\n this.allNodesConnected = true;\n }\n }\n }\n }\n\n if (this.nodes[0].isConnected() && this.nodes[1].isConnected()) {\n if (this.allNodesConnected) {\n if (val === 5 || this.nodes[0].value === 5) {\n if (this.oscillator && !this.sound) {\n this.oscillator.connect(this.audioCtx.destination);\n this.sound = true;\n }\n } else {\n if (this.oscillator && this.sound) {\n this.oscillator.disconnect(this.audioCtx.destination);\n this.sound = false;\n }\n }\n if (val >= 0 && !this.skipCheck) {\n this.prev = val;\n this.nodes[1].setValue(val, null);\n } else {\n this.skipCheck = false;\n return;\n }\n }\n } else {\n // TODO: Show Toast\n window.showToast('Buzzer is not Connected properly');\n }\n }\n /**\n * returns properties object\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties() {\n const body = document.createElement('div');\n return {\n title: 'Buzzer',\n keyName: this.keyName,\n id: this.id,\n body\n };\n }\n /**\n * Initialize Variable and callback when start simulation is pressed\n */\n initSimulation() {\n this.allNodesConnected = false;\n this.visitedNodesv2.clear();\n\n const arduinoEnd: any = this.getRecArduinov2(this.pinNamedMap['POSITIVE'], 'POSITIVE');\n const negativeEnd = this.getRecArduinov2(this.pinNamedMap['Negative'], 'Negative');\n\n // make allNodesConnected boolean true if negative is connected to GND\n if (negativeEnd) {\n if (negativeEnd.hasOwnProperty('label')) {\n if (negativeEnd.label === 'GND') {\n this.allNodesConnected = true;\n }\n }\n }\n // Show error\n if (!arduinoEnd || !negativeEnd) {\n window.showToast('Buzzer is not Connected properly');\n return;\n }\n\n if (arduinoEnd) {\n if (arduinoEnd.connectedTo) {\n this.arduino = arduinoEnd.parent;\n }\n }\n\n const AudioContext = window.AudioContext || window.webkitAudioContext;\n this.audioCtx = new AudioContext();\n this.oscillator = this.audioCtx.createOscillator();\n this.oscillator.type = 'square';\n this.oscillator.frequency.value = 2300;\n const prescaler = [8, 32, 64, 128, 256, 1024];\n this.setIntervId = setInterval(() => {\n try {\n const tccr2b = this.arduino.runner.timer2.TCCRB;\n const ocr2a = this.arduino.runner.timer2.ocrA;\n if (ocr2a !== 0) {\n this.oscillator.frequency.value = Math.round(16000000 / (2 * prescaler[tccr2b - 2] * (ocr2a + 1)));\n }\n } catch (error) {\n }\n }, 10);\n this.oscillator.start();\n }\n /** Function removes all callbacks */\n closeSimulation() {\n if (this.oscillator && this.sound) {\n this.oscillator.disconnect(this.audioCtx.destination);\n this.sound = false;\n }\n this.audioCtx = null;\n this.oscillator = null;\n this.arduino = null;\n this.prev = -2;\n this.skipCheck = false;\n setTimeout(() => {\n clearInterval(this.setIntervId);\n }, 100);\n }\n\n /**\n * Return the node which is connected to arduino by recursively finding connected node\n * @param node The Node which need to be checked\n */\n getRecArduinov2(node: Point, startedOn: string) {\n try {\n if (node.connectedTo.start.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to start node\n this.visitedNodesv2.clear();\n return node.connectedTo.start;\n } else if (node.connectedTo.end.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to end node\n this.visitedNodesv2.clear();\n return node.connectedTo.end;\n } else if (node.connectedTo.start.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.start.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.end.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'Battery9v' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to 9V Battery\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'CoinCell' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to Coin Cell\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'RelayModule') {\n // TODO: Handle RelayModule\n if (startedOn === 'POSITIVE') {\n // If search was started on Positive node then return connected node of VCC in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[3], startedOn);\n } else if (startedOn === 'NEGATIVE') {\n // If search was started on Negative node then return connected node of GND in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[5], startedOn);\n }\n } else {\n // TODO: If nothing matches\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.end.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.end.parent.nodes[e].gid !== node.connectedTo.end.gid\n && !this.visitedNodesv2.has(node.connectedTo.end.parent.nodes[e].gid) && node.connectedTo.end.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.end.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[e], startedOn);\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.start.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.start.parent.nodes[e].gid !== node.connectedTo.start.gid\n && !this.visitedNodesv2.has(node.connectedTo.start.parent.nodes[e].gid)\n && node.connectedTo.start.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.start.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecArduinov2(node.connectedTo.start.parent.nodes[e], startedOn);\n }\n }\n }\n\n }\n } catch (e) {\n console.warn(e);\n return false;\n }\n\n }\n\n /**\n * Recursive Function to handle BreadBoard\n * @param node Node which is to be checked for BreadBoard\n */\n private getRecArduinoBreadv2(node: Point, startedOn: string) {\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n const bb = (node.connectedTo.end.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.end.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.end.label.substring(1, node.connectedTo.end.label.length)) {\n const ascii = node.connectedTo.end.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n const bb = (node.connectedTo.start.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.start.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.start.label.substring(1, node.connectedTo.start.label.length)) {\n const ascii = node.connectedTo.start.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n }\n\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/outputs/Display.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport {\n DataDisplayState, DataProcessingMode, BitState,\n Font8x5DisplayState, Font10x5DisplayState,\n FourBitState, EightBitState,\n WriteDataProcessingMode, ReadDataProcessingMode,\n RegisterState, DataRegisterState, InstructionRegisterState,\n ActiveAddress, RegisterType, DataMode,\n} from './LCD/LCDStates';\nimport { LCDCharacterPanel } from './LCD/LCDPanel';\nimport { DDRAM, CGROM, CGRAM, RAM } from './LCD/MemorySchema';\nimport { MathUtils } from '../MathUtils';\nimport { ArduinoUno } from './Arduino';\nimport { BoundingBox } from '../Geometry';\nimport { Point } from '../Point';\nimport { BreadBoard } from '../General';\n\n/**\n * LCD16X2 Class\n */\nexport class LCD16X2 extends CircuitElement {\n /**\n * The Connected Arduino\n */\n arduino: CircuitElement = null;\n\n /**\n * Variable to state if the LCD is connected properly or not.\n */\n connected = true;\n\n /**\n * Map of pin name to Circuit Node\n */\n pinNamedMap: any = {};\n\n /**\n * Previous value at the `E` node\n */\n previousEValue = 0;\n\n /**\n * Previous value at `V0` node\n */\n previousV0Value = 0;\n\n isDisplayOn = false;\n\n isCursorOn = false;\n\n isCursorPositionCharBlinkOn = false;\n\n autoCursorShift = 0;\n\n autoDisplayShift = 0;\n\n /**\n * 2-D Array of 8-bit characters representing DDRAM of the LCD\n */\n ddRam: DDRAM;\n\n /**\n * 3-D array of character font:\n * higher-bit -> lower-bit -> characterFont\n */\n cgRom: CGROM;\n\n /**\n * 64-byte CGRAM\n */\n cgRam: CGRAM;\n\n /**\n * Address of the DDRAM\n */\n ddRamAddress: number;\n\n /**\n * Address of the CGRAM\n */\n cgRamAddress: number;\n\n /**\n * Current Active address\n */\n activeAddress: ActiveAddress;\n\n /**\n * Map from character panel index to character panel\n */\n characterPanels: {[key: string]: LCDCharacterPanel} = {};\n\n /**\n * Data processing mode of LCD: Read/Write\n */\n dataProcessingMode: DataProcessingMode;\n\n /**\n * Write Data processing concrete object\n */\n writeDataMode: WriteDataProcessingMode;\n\n /**\n * Read Data processing concrete object\n */\n readDataMode: ReadDataProcessingMode;\n\n /**\n * Bit state of LCD: 4-bit/8-bit\n */\n bitState: BitState;\n\n /**\n * Concrete 4-bit state\n */\n fourBitState: FourBitState;\n\n /**\n * Concrete 8-bit state\n */\n eightBitState: EightBitState;\n\n /**\n * Data display state of LCD: Font 10x5 vs 10x8\n */\n dataDisplayState: DataDisplayState;\n\n /**\n * Concrete data display state for 8x5 fonts\n */\n font8x5DisplayState: Font8x5DisplayState;\n\n /**\n * Concrete data display state for 10x5 fonts\n */\n font10x5DisplayState: Font10x5DisplayState;\n\n /**\n * Register state of the LCD\n */\n registerState: RegisterState;\n\n /**\n * Data Register state's concrete class\n */\n dataRegisterState: DataRegisterState;\n\n /**\n * Instruction register state's concrete class\n */\n instructionRegisterState: InstructionRegisterState;\n\n /**\n * Start index (left-top) of the DDROM being displayed on the LCF\n */\n displayStartIndex: [number, number] = [0, 0];\n\n /**\n * End index (right-bottom) of the DDROM being displayed on the LCF\n */\n displayEndIndex: [number, number];\n\n /**\n * Busy flag of the lcd\n */\n busyFlag = false;\n\n /**\n * LCD16X2 constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('LCD16X2', x, y, 'LCD16X2.json', canvas);\n }\n\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'LCD Display 16x2'\n };\n }\n\n /**\n * Returns the bounding box for the LCD\n */\n getBoundingBox(): BoundingBox {\n const lcdImageElement = this.elements.items.find(el => el.type === 'image')[0];\n const lcdBBox = lcdImageElement.getBBox();\n lcdBBox.x += this.tx;\n lcdBBox.y += this.ty;\n return BoundingBox.loadFromRaphaelBbox(lcdBBox);\n }\n\n /**\n * Turns on/off the display\n * @param isDisplayOn true for switching on, false for off\n */\n setDisplayOn(isDisplayOn: boolean) {\n this.isDisplayOn = isDisplayOn;\n }\n\n /**\n * Turns on/off the cursor\n * @param isCursorOn true for switching on, false for off\n */\n setCursorOn(isCursorOn: boolean) {\n this.isCursorOn = isCursorOn;\n }\n\n /**\n * Sets cursor blink on/off\n * @param isCursorPositionCharBlinkOn true for switching on, false for off\n */\n setCursorPositionCharBlink(isCursorPositionCharBlinkOn: boolean) {\n this.isCursorPositionCharBlinkOn = isCursorPositionCharBlinkOn;\n }\n\n /**\n * Sets address of the DDRAM\n * @param address new address for the DDRAM\n */\n setDdRamAddress(address): void {\n this.ddRamAddress = address;\n }\n\n /**\n * Gets the voltage input at VCC node\n */\n getVCC(): number {\n return this.pinNamedMap['VCC'].value;\n }\n\n /**\n * Gets the voltage input at GND node\n */\n getGND(): number {\n return this.pinNamedMap['GND'].value;\n }\n\n /**\n * Gets the voltage input at V0 node\n */\n getV0(): number {\n return this.pinNamedMap['V0'].value;\n }\n\n /**\n * Gets the current register type of the lcd\n */\n getRegisterType(): RegisterType {\n return this.pinNamedMap['RS'].value & 1;\n }\n\n /**\n * Gets the data mode of the lcd\n */\n getDataMode(): DataMode {\n return this.pinNamedMap['RW'].value & 1;\n }\n\n /**\n * Updates the registerState to sync it with the value at node 'RS'\n */\n private loadRegisterState(): void {\n const registerType = this.getRegisterType();\n this.registerState = registerType === RegisterType.Data ? this.dataRegisterState : this.instructionRegisterState;\n }\n\n /**\n * Updates the dataProcessingMode to sync it with the value at node 'RW'\n */\n private loadDataMode(): void {\n const dataMode = this.getDataMode();\n this.dataProcessingMode = dataMode === DataMode.Read ? this.readDataMode : this.writeDataMode;\n }\n\n private setBusyFlag(value: boolean): void {\n this.busyFlag = value;\n }\n\n /**\n * Gets the active ram and its address\n * An LCD can have either CGRAM or DDRAM active while reading/writing the data.\n */\n getActiveRamAndAddress(): [RAM, number] {\n if (this.activeAddress === ActiveAddress.CGRAM) {\n return [this.cgRam, this.cgRamAddress];\n }\n return [this.ddRam, this.ddRamAddress];\n }\n\n /**\n * Gets the chacracter panel at the current DDRAM address\n */\n getCurrentCharacterPanel() {\n return this.getCharacterPanel(this.ddRamAddress);\n }\n\n /**\n * Moves the address of the CGRAM\n * @param distance distance by which to move the address\n */\n moveCgRamAddress(distance: number) {\n this.cgRamAddress += distance;\n }\n\n /**\n * Moves cursor by one step in either left/right direction\n * @param direction direction of the movement, 1 for right, -1 for left\n */\n moveCursor(direction: 1 | -1) {\n let newDdRamAddress = this.ddRamAddress + direction;\n\n // applying max value condition\n newDdRamAddress = Math.min(0x67, newDdRamAddress);\n\n // applying min value condition\n newDdRamAddress = Math.max(0x00, newDdRamAddress);\n\n // applying [0x27, 0x40] condition\n if (newDdRamAddress > 0x27 && newDdRamAddress < 0x40) {\n newDdRamAddress = direction > 0 ? 0x40 : 0x27;\n }\n\n this.setDdRamAddress(newDdRamAddress);\n }\n\n /**\n * Checks if a character panel with displayIndex `index` is in sight of the LCD or not\n * @param index index to check\n */\n private isInSight(index: [number, number]) {\n return MathUtils.isPointBetween(index, this.displayStartIndex, this.displayEndIndex);\n }\n\n /**\n * Shifts the display with `numSteps` steps\n * @param numSteps number of steps to move the display with\n */\n private shiftDisplay(numSteps: number) {\n const stepSize = this.getInterSpacingHorizontal();\n for (const characterPanel of Object.values(this.characterPanels)) {\n const oldColumnIndex = characterPanel.displayIndex[1];\n const newColumnIndex = MathUtils.modulo(oldColumnIndex - numSteps, this.ddRam.N_COLUMN);\n characterPanel.displayIndex[1] = newColumnIndex;\n\n characterPanel.hidden = !this.isInSight(characterPanel.displayIndex);\n characterPanel.shift((newColumnIndex - oldColumnIndex) * stepSize);\n }\n }\n\n /**\n * Scrolls the display to one step left\n */\n scrollDisplayLeft() {\n this.shiftDisplay(-1);\n }\n\n /**\n * Scrolls the display to one step right\n */\n scrollDisplayRight() {\n this.shiftDisplay(1);\n }\n\n /**\n * Gets the character panel at the given ddram address\n * @param address ddRam address\n */\n getCharacterPanel(address) {\n // converting address to [i, j]\n const index = this.ddRam.convertAddressToIndex(address);\n return this.characterPanels[`${index[0]}:${index[1]}`];\n }\n\n /**\n * Clears the display of the lcd\n */\n clearDisplay() {\n Object.values(this.characterPanels).forEach((panel: LCDCharacterPanel) => panel.clear());\n }\n\n /**\n * event listener for node 'V0\n * @param newValue new value at node 'V0'\n * @param prevValue previous value at node 'V0'\n */\n v0Listener(newValue, prevValue) {\n if (prevValue !== newValue) {\n let newContrast = newValue / 500 * 100;\n\n // bounding the value between 0 and 100\n newContrast = Math.min(100, newContrast);\n newContrast = Math.max(0, newContrast);\n Object.values(this.characterPanels).forEach(panel => panel.setContrast(newContrast));\n }\n }\n\n /**\n * Checks if power supply is enough\n */\n isPowerSupplyEnough() {\n const vcc = this.getVCC();\n if (vcc < 3.3 || vcc > 5) {\n return false;\n }\n return true;\n }\n\n /**\n * event listener for node `E`\n * @param newValue new value at the node `E`\n */\n eSignalListener(newValue) {\n if (!this.isPowerSupplyEnough()) {\n console.log('Not enough power supply.');\n return;\n }\n\n this.setBusyFlag(true);\n\n const prevValue = this.previousEValue;\n\n // identifying high-low pulse\n if (prevValue > 0 && newValue === 0) {\n this.loadRegisterState();\n this.loadDataMode();\n this.dataProcessingMode.processData();\n this.refreshLCD();\n }\n this.previousEValue = newValue;\n this.setBusyFlag(false);\n }\n\n /**\n * Get set of panels which are in the view of the LCD\n */\n getDisplayablePanels(): Set {\n const filteredPanels = Object.values(this.characterPanels)\n .filter(panel =>\n MathUtils.isPointBetween(panel.displayIndex, this.displayStartIndex, this.displayEndIndex\n ));\n return new Set(filteredPanels);\n }\n\n /**\n * Refreshs LCD to take in account recent changes\n */\n refreshLCD() {\n const displayablePanels = this.getDisplayablePanels();\n for (const panel of Object.values(this.characterPanels)) {\n const show = displayablePanels.has(panel);\n const address = this.ddRam.convertIndexToAddress(panel.index);\n\n // turning cursor on and off\n panel.changeCursorDisplay(false);\n panel.setBlinking(false);\n\n if (this.isCursorOn) {\n if (this.ddRamAddress === address) {\n if (this.isCursorPositionCharBlinkOn) {\n panel.setBlinking(true);\n }\n panel.changeCursorDisplay(true);\n }\n }\n\n // refreshing canvas of all the pixels\n panel.pixels.forEach(pixelRow => pixelRow.forEach(pixel => {\n if (pixel.canvas) {\n pixel.refresh();\n } else {\n pixel.canvas = this.DrawElement(this.canvas, [pixel.getCanvasRepr()])[0];\n pixel.canvas.transform(`t${this.tx},${this.ty}`);\n if (!show) {\n pixel.hide();\n }\n }\n }));\n }\n }\n\n /**\n * @param bitState new bit state\n */\n setBitState(bitState: BitState) {\n this.bitState = bitState;\n }\n\n /**\n * @param dataDisplayState new data display state\n */\n setDataDisplayState(dataDisplayState: DataDisplayState, numLines?: number) {\n this.dataDisplayState = dataDisplayState;\n if (numLines) {\n this.dataDisplayState.setNLines(numLines);\n }\n this.createDdRam();\n this.createCgRom();\n this.generateCharacterPanels();\n }\n\n /**\n * @param dataProcessingMode new data processing mode\n */\n setDataProcessingMode(dataProcessingMode: DataProcessingMode) {\n this.dataProcessingMode = dataProcessingMode;\n }\n\n /**\n * Returns the horizontal spacing between two consecutive character panels\n */\n getInterSpacingHorizontal() {\n return (this.data.gridColumns * this.data.gridWidth) + this.data.interSpacing;\n }\n\n /**\n * Returns the vertical spacing between two consecutive character panels\n */\n getInterSpacingVertical() {\n return (this.data.gridRows * this.data.gridWidth) + (this.data.interSpacing * 1.5);\n }\n\n /**\n * Resets the lcd by initializing all the variables\n */\n reset() {\n\n this.isDisplayOn = false;\n this.isCursorOn = false;\n this.isCursorPositionCharBlinkOn = false;\n\n // Initialising data display state\n this.font8x5DisplayState = new Font8x5DisplayState(this, 2);\n this.font10x5DisplayState = new Font10x5DisplayState(this, 1);\n this.dataDisplayState = this.font8x5DisplayState;\n\n // Initialising data processing state\n this.readDataMode = new ReadDataProcessingMode(this);\n this.writeDataMode = new WriteDataProcessingMode(this);\n this.dataProcessingMode = this.readDataMode;\n\n // Initialising bit mode state\n this.fourBitState = new FourBitState(this);\n this.eightBitState = new EightBitState(this);\n this.bitState = this.eightBitState;\n\n // Initialising register state\n this.dataRegisterState = new DataRegisterState(this);\n this.instructionRegisterState = new InstructionRegisterState(this);\n this.registerState = this.instructionRegisterState;\n\n // Setting display start and end indices\n this.displayStartIndex = [0, 0];\n this.displayEndIndex = [this.data.rows, this.data.columns];\n\n // Initialising CGROM, DDRAM, and CGRAM\n this.createCgRom();\n this.createDdRam();\n this.setDdRamAddress(0x00);\n this.cgRam = new CGRAM();\n\n this.clearDisplay();\n this.setDisplayToHome();\n this.refreshLCD();\n }\n\n /**\n * Sets the display to home position\n */\n setDisplayToHome() {\n // shifting panels to their original position\n const panel00 = this.characterPanels['0:0'];\n if (!panel00) {\n return;\n }\n\n const offset = panel00.displayIndex[1] - panel00.index[1];\n this.shiftDisplay(offset);\n }\n\n /**\n * Generates the DDRAM for the LCD\n */\n createDdRam() {\n this.ddRam = DDRAM.createDDRAMForLCD(this.dataDisplayState.getRows());\n }\n\n /**\n * Generates the CGROM for the LCD\n */\n createCgRom() {\n this.cgRom = new CGROM(this.dataDisplayState.getFontSize());\n }\n\n /**\n * Generates character panels inside the lcd\n */\n generateCharacterPanels() {\n this.destroyCharacterPanels();\n const posX = this.data.startX;\n const posY = this.data.startY;\n // Getting the number of pixel/panel rows, columns from the active data display state\n const gridRows = this.dataDisplayState.getPixelRows();\n const gridColumns = this.dataDisplayState.getPixelColumns();\n const rows = this.dataDisplayState.getRows();\n const columns = this.dataDisplayState.getColumns();\n\n for (let k = 0; k < this.ddRam.N_ROW; k++) { // Rows: 1\n for (let l = 0; l < this.ddRam.N_COLUMN; l++) { // Columns: 16 (Characters)\n const panelPosX = posX + l * this.getInterSpacingHorizontal();\n const panelPosY = posY + k * this.getInterSpacingVertical();\n\n const hidden = k >= rows || l >= columns;\n const characterPanel = new LCDCharacterPanel([k, l], gridRows, gridColumns, panelPosX, panelPosY, this.x, this.y,\n this.data.gridHeight, this.data.gridWidth,\n this.data.barColor, this.data.barGlowColor, this.data.intraSpacing,\n [k, l], hidden, 100);\n this.characterPanels[characterPanel.index.join(':')] = characterPanel;\n }\n } // Row ends\n }\n\n /**\n * destroys all the character panels\n */\n destroyCharacterPanels() {\n Object.values(this.characterPanels).forEach(panel => panel.destroy());\n }\n\n init() {\n /**\n * Draws lcd grid (16x2) each containing a block of 8 rows x 5 columns\n */\n\n // Resets the lcd's properties\n this.reset();\n\n // Refreshes the LCD\n this.refreshLCD();\n\n for (const node of this.nodes) {\n this.pinNamedMap[node.label] = node;\n }\n\n // adding listeners to E listener\n this.pinNamedMap['E'].addValueListener(this.eSignalListener.bind(this));\n // this.pinNamedMap['V0'].addValueListener(this.v0Listener.bind(this));\n }\n\n /** Simulation Logic */\n logic(_, node) {\n // console.log(node.label, node.value);\n }\n\n /**\n * Called on Start Simulation\n */\n initSimulation(): void {\n // Generates the character panels\n this.generateCharacterPanels();\n\n // Get the V0 pin\n let connectedPin: Point = null;\n const v0Pin = this.nodes[2];\n\n if (!v0Pin.connectedTo) {\n window['showToast']('V0 pin of the LCD is not connected to power source.');\n return;\n }\n\n const v0wire = v0Pin.connectedTo;\n connectedPin = v0wire.start.parent === this ? v0wire.end : v0wire.start;\n\n // finding the arduino connected to the LCD to start PWM\n if (connectedPin.parent.keyName === 'ArduinoUno') {\n this.arduino = connectedPin.parent;\n } else if (connectedPin.parent.keyName === 'BreadBoard') {\n const breadboard = connectedPin.parent as BreadBoard;\n\n const connectedRow = connectedPin.label.charCodeAt(0);\n const isConnectedRowInFirstBlock = connectedRow <= 101;\n\n // checking for all the nodes with the same x-coordinate\n for (const neighbor of breadboard.sameXNodes[connectedPin.x]) {\n const neighborRow = neighbor.label.charCodeAt(0);\n const isSameBlock = neighborRow <= 101 === isConnectedRowInFirstBlock;\n if (neighbor.y !== connectedPin.y && isSameBlock) {\n if (neighbor.connectedTo) {\n let arduinoPin = null;\n\n if (neighbor.connectedTo.start.parent.keyName === 'ArduinoUno') {\n arduinoPin = neighbor.connectedTo.start;\n } else if (neighbor.connectedTo.end.parent.keyName === 'ArduinoUno') {\n arduinoPin = neighbor.connectedTo.end;\n }\n\n if (arduinoPin) {\n this.arduino = arduinoPin.parent;\n connectedPin = arduinoPin;\n this.connected = true;\n break;\n }\n }\n }\n }\n }\n\n // Add PWM event on arduino\n (this.arduino as ArduinoUno).addPWM(connectedPin, this.v0Listener.bind(this));\n\n }\n /**\n * Called on Stop Simulation\n */\n closeSimulation(): void {\n // this.elements.remove();\n this.arduino = null;\n this.reset();\n this.destroyCharacterPanels();\n }\n}\n/**\n * SevenSegment Class\n */\nexport class SevenSegment extends CircuitElement {\n /**\n * The Seven Segment Bar Color\n */\n static barColor: string;\n /**\n * The Seven Segment Bar glow color\n */\n static barGlowColor: string;\n /**\n * The Bar mapping\n */\n static mapping: number[] = [];\n /**\n * Stores list of Raphael Glow elements\n */\n glows = [];\n /**\n * Map of Pin name to Circuit Node\n */\n pinNamedMap: any = {};\n /**\n * SevenSegment constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: any, y: any) {\n super('SevenSegment', x, y, 'SevenSegment.json', canvas);\n }\n /** init is called when the component is completely drawn to the canvas */\n init() {\n if (SevenSegment.mapping.length === 0) {\n SevenSegment.mapping = this.data.mapping;\n SevenSegment.barColor = this.data.barColor;\n SevenSegment.barGlowColor = this.data.barGlowColor;\n }\n for (const value of SevenSegment.mapping) {\n this.elements[value].attr({ fill: SevenSegment.barColor });\n this.glows.push(null);\n }\n // Remove From memory\n this.data.mapping = null;\n this.data.barColor = null;\n this.data.barGlowColor = null;\n this.data = null;\n // let x = 0;\n for (const node of this.nodes) {\n // console.log([x++, node.label]);\n if (node.label !== 'COMMON') {\n this.pinNamedMap[node.label] = node;\n node.addValueListener((v) => this.logic(v));\n }\n }\n }\n /** Simulation Logic */\n logic(_) {\n // console.log(k)\n let byte = 0;\n // create a mapping for node label to node\n byte |= (this.pinNamedMap['a'].value > 0) ? 1 : 0;\n byte |= (this.pinNamedMap['b'].value > 0) ? 2 : 0;\n byte |= (this.pinNamedMap['C'].value > 0) ? 4 : 0;\n byte |= (this.pinNamedMap['d'].value > 0) ? 8 : 0;\n byte |= (this.pinNamedMap['e'].value > 0) ? 16 : 0;\n byte |= (this.pinNamedMap['f'].value > 0) ? 32 : 0;\n byte |= (this.pinNamedMap['g'].value > 0) ? 64 : 0;\n byte |= (this.pinNamedMap['DP'].value > 0) ? 128 : 0;\n this.animate(byte);\n }\n /** animation caller when start simulation is pressed */\n animate(value: number) {\n value = value & 0xFF;\n for (let i = 0; i < 8; ++i) {\n const x = this.elements[SevenSegment.mapping[i]];\n if (this.glows[i]) {\n this.glows[i].remove();\n this.glows[i] = null;\n }\n if ((value >> i) & 1) {\n x.attr({ fill: SevenSegment.barGlowColor });\n this.glows[i] = x.glow({ color: SevenSegment.barGlowColor, width: 2 });\n } else {\n x.attr({ fill: SevenSegment.barColor });\n }\n }\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'Seven Segment Display'\n };\n }\n /**\n * Called on Start Simulation\n */\n initSimulation(): void {\n }\n /** Function removes all animations */\n closeSimulation(): void {\n this.animate(0);\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/outputs/LCD/LCDPanel.spec.ts", "content": "// import { LCDPixel } from './LCDPanel';\n// import { LCD16X2 } from '../Display';\n\n// declare var Raphael;\n\n// describe('LCDPanel', () => {\n// let lcdPixel: LCDPixel;\n// let lcd: LCD16X2;\n// let canvas: any;\n\n// beforeEach(() => {\n// canvas = Raphael('holder', '100%', '100%');\n// lcd = new LCD16X2(window['canvas'].set(), 300, 350);\n// lcdPixel = new LCDPixel([5, 5], [6, 6], 100, 100, 300, 350, 5, 5, '#000', '#FFF');\n// });\n\n// it('shifting pixel by 2 and hiding it', () => {\n// lcdPixel.shift(2, true);\n// expect(lcdPixel.canvas.x).toBe(100 + 300 + 5);\n// expect(lcdPixel.canvas.y).toBe(6);\n// expect(this.posX).toBe(7);\n// expect(lcdPixel.hidden).toBe(true);\n// });\n\n// it('shifting pixel by 2 and not hiding it', () => {\n// lcdPixel.shift(2, false);\n// expect(lcdPixel.canvas.x).toBe(400);\n// expect(lcdPixel.canvas.y).toBe(6);\n// expect(lcdPixel.hidden).toBe(false);\n// });\n\n// });\n" }, { "path": "ArduinoFrontend/src/app/Libs/outputs/LCD/LCDPanel.ts", "content": "import { LCDUtils } from './LCDUtils';\nimport chroma from 'chroma-js';\nimport LRU from 'lru-cache';\nimport { BoundingBox } from '../../Geometry';\n\nconst COLOR_SCALING_MAP = new LRU({\n max: 5000,\n length(n, key) { return n * 2 + key.length; },\n dispose(key, n) { n.close(); },\n maxAge: 1000 * 60 * 60\n});\n\n/**\n * LCDPixel: Class prototype for the pixels inside a LCD Character panel\n */\nexport class LCDPixel {\n /**\n * Index of the parent grid\n */\n parentIndex: [number, number];\n\n /**\n * Self-index inside the parent grid\n */\n index: [number, number];\n\n /**\n * x-coordinate of the pixel with respect to the lcd\n */\n posX: number;\n\n /**\n * y-coordinate of the pixel with respect to the lcd\n */\n posY: number;\n\n /**\n * width of the pixel\n */\n width: number;\n\n /**\n * height of the pixel\n */\n height: number;\n\n /**\n * color of the pixel when it is switched off\n */\n dimColor: string;\n\n /**\n * color of the pixel when it is switched on\n */\n glowColor: string;\n\n /**\n * switch status of the pixel: true when on, false when off\n */\n isOn: boolean;\n\n /**\n * brightness i.e., opacity of the pixel\n */\n brightness: number;\n\n /**\n * Raphael canvas component of the pixel\n */\n canvas: any;\n\n /**\n * Boolean flag to store if any changes are pending to be rendered.\n * Pending changes are rendered upon calling the `refresh` method.\n */\n changesPending: boolean;\n\n /**\n * x-coordinate of the lcd of which the pixel is a part of\n */\n lcdX: number;\n\n /**\n * y-coordinate of the lcd of which the pixel is a part of\n */\n lcdY: number;\n\n /**\n * Show/hide status of the pixel\n */\n hidden: boolean;\n\n /**\n * Blink status of the pixel\n * true when the pixel is hidden while blinking\n * false when the pixel is shown while blinking\n */\n blinkHidden = false;\n\n /**\n * Contrast of the pixel\n */\n contrast = 100;\n\n constructor(parentIndex: [number, number], index: [number, number], posX: number,\n posY: number, lcdX: number, lcdY: number, width: number, height: number,\n dimColor: string, glowColor: string) {\n this.parentIndex = parentIndex;\n this.index = index;\n this.posX = posX;\n this.posY = posY;\n this.lcdX = lcdX;\n this.lcdY = lcdY;\n this.width = width;\n this.height = height;\n this.dimColor = dimColor;\n this.glowColor = glowColor;\n this.isOn = false;\n this.brightness = 100;\n this.canvas = null;\n this.changesPending = false;\n this.hidden = false;\n }\n\n /**\n * @param value color value\n */\n fillColor(color) {\n if (this.canvas) {\n this.canvas.attr({\n fill: color\n });\n }\n }\n\n setContrast(value) {\n const currentColor = this.getColor();\n this.contrast = value;\n const newColor = this.getColor();\n if (newColor !== currentColor) {\n this.fillColor(newColor);\n }\n }\n\n /**\n * @param distance distance by which to shift horizontally\n * @param hidden new state of the pixel\n */\n shift(distance, hidden) {\n this.posX += distance;\n\n // if canvas is not set yet, return\n if (!this.canvas) {\n return;\n }\n\n this.canvas.attr({\n x: this.posX + this.lcdX\n });\n\n // if the state changes, then take it in effect\n if (this.hidden !== hidden) {\n if (hidden) {\n this.hide();\n } else {\n this.show();\n }\n }\n }\n\n /**\n * Switch the pixel to on/off\n * @param value true to switch on, false to switch off\n */\n switch(value) {\n const prevValue = this.isOn;\n this.isOn = parseInt(value, 2) && true;\n if (prevValue !== this.isOn) {\n this.changesPending = true;\n }\n }\n\n destroy() {\n if (this.canvas) {\n this.canvas.remove();\n }\n }\n\n /**\n * get the raw color of the pixel\n */\n getRawColor() {\n return this.isOn ? this.glowColor : this.dimColor;\n }\n\n /**\n * gets contrast-adjust color\n */\n getColor(rawColor?: string) {\n rawColor = rawColor || this.getRawColor();\n let newColorScale = COLOR_SCALING_MAP.get(rawColor);\n\n if (!newColorScale) {\n newColorScale = chroma.scale([this.dimColor, rawColor]);\n COLOR_SCALING_MAP.set(rawColor, newColorScale);\n }\n\n const newColor = newColorScale(this.contrast / 100).hex();\n return newColor;\n }\n\n /**\n * get the name of the pixel\n */\n getName() {\n return `G:${this.parentIndex[0]}:${this.parentIndex[1]}:${this.index[0]}:${this.index[1]}`;\n }\n\n /**\n * get the canvas representation of the pixel\n */\n getCanvasRepr() {\n return {\n name: this.getName(),\n type: 'rectangle',\n width: this.width,\n height: this.height,\n x: this.posX,\n y: this.posY,\n fill: this.getColor(),\n };\n }\n\n /**\n * shows the pixel\n */\n show() {\n this.hidden = false;\n this.canvas.show();\n }\n\n /**\n * hides the pixel\n */\n hide() {\n this.hidden = true;\n this.canvas.hide();\n }\n\n /**\n * turn on blinking\n */\n blinkOn() {\n this.blinkHidden = true;\n this.canvas.attr({\n fill: this.getColor(this.glowColor)\n });\n }\n\n /**\n * turn off blinking\n */\n blinkOff() {\n if (this.blinkHidden && this.canvas) {\n this.canvas.attr({\n fill: this.getColor()\n });\n this.blinkHidden = false;\n }\n }\n\n /**\n * Refreshes the pixel if changes are pending, else does nothing\n */\n refresh() {\n if (this.changesPending && this.canvas) {\n this.canvas.attr({\n x: this.posX + this.lcdX,\n y: this.posY + this.lcdY,\n fill: this.getColor(),\n });\n this.changesPending = false;\n }\n }\n}\n\n\nexport class LCDCharacterPanel {\n /**\n * number of rows of children pixels\n */\n N_ROW: number;\n\n /**\n * number of columns of children pixels\n */\n N_COLUMN: number;\n\n /**\n * Position index of the character panel within the lcd\n */\n index: [number, number];\n\n /**\n * Array of the chldren pixels\n */\n pixels: LCDPixel[][];\n\n /**\n * x-coordinate of the character panel wrt to the lcd\n */\n posX: number;\n\n /**\n * y-coordinate of the character panel wrt to the lcd\n */\n posY: number;\n\n /**\n * x-coordinate of the lcd\n */\n lcdX: number;\n\n /**\n * y-coordinate of the lcd\n */\n lcdY: number;\n\n /**\n * width of the children pixels\n */\n pixelWidth: number;\n\n /**\n * height of the children pixels\n */\n pixelHeight: number;\n\n /**\n * color of the children pixels when they're turned off\n */\n barColor: string;\n\n /**\n * color of the children pixels when they're turned on\n */\n barGlowColor: string;\n\n /**\n * Horizontal/vertical spacing between the adjacent children pixels\n */\n intraSpacing: number;\n\n /**\n * Display index of the character panel on the lcd\n */\n displayIndex: [number, number];\n\n /**\n * Is the character panel out of view on the lcd\n */\n hidden: boolean;\n\n /**\n * variable to store the interval function during the blinking\n */\n blinkFunction: any;\n\n /**\n * does the panel contain the cursor?\n */\n containsCursor: boolean;\n\n /**\n * contrast of the lcd\n */\n contrast = 100;\n\n /**\n * Constructor\n * @param index index of the character panel\n * @param N_ROW number of rows of pixels\n * @param N_COLUMN number of columns of pixels\n * @param posX x-coordinate of the character panel wrt to the lcd\n * @param posY y-coordinate of the character panel wrt to the lcd\n * @param lcdX x-coordinate of the lcd\n * @param lcdY y-coordinate of the lcd\n * @param pixelWidth width of the child pixel\n * @param pixelHeight height of the child pixel\n * @param barColor color of the children pixels when they're off\n * @param barGlowColor color of the children pixels when they're on\n * @param intraSpacing Horizontal/vertical space between each adjacent pixel\n * @param displayIndex Display index of the character panel\n * @param hidden Is the character panel hidden?\n * @param contrast contrast of the lcd\n */\n constructor(index: [number, number], N_ROW: number, N_COLUMN: number,\n posX: number, posY: number, lcdX: number, lcdY: number,\n pixelWidth: number, pixelHeight: number, barColor: string,\n barGlowColor: string, intraSpacing: number,\n displayIndex: [number, number], hidden: boolean, contrast: number) {\n this.index = index;\n this.N_ROW = N_ROW;\n this.N_COLUMN = N_COLUMN;\n this.posX = posX;\n this.posY = posY;\n this.lcdX = lcdX;\n this.lcdY = lcdY;\n this.pixelHeight = pixelHeight;\n this.pixelWidth = pixelWidth;\n this.barColor = barColor;\n this.barGlowColor = barGlowColor;\n this.intraSpacing = intraSpacing;\n this.displayIndex = displayIndex;\n this.hidden = hidden;\n this.contrast = contrast;\n this.initialiseLCDPixels();\n }\n\n /**\n * changes the contrast of the character panel\n * @param value contrast value between 0 and 100\n */\n setContrast(value) {\n this.pixels.forEach(pixelRow => pixelRow.forEach(pixel => {\n pixel.setContrast(value);\n }));\n }\n\n /**\n * Shifts the panel by distance `distance`\n * @param distance distance by which to move the panel\n */\n shift(distance: number) {\n this.posX += distance;\n this.shiftPixels(distance);\n }\n\n getBoundingBox(): BoundingBox {\n const width = (this.pixelWidth + this.intraSpacing) * this.N_ROW - this.intraSpacing;\n const height = (this.pixelHeight + this.intraSpacing) * this.N_COLUMN - this.intraSpacing;\n return new BoundingBox(this.posX, this.posY, width, height);\n }\n\n /**\n * Shift the children pixels by distance `distance`\n * @param distance distance by which to move the children pixels\n */\n private shiftPixels(distance: number) {\n for (let i = 0; i < this.N_ROW; i++) {\n for (let j = 0; j < this.N_COLUMN; j++) {\n this.pixels[i][j].shift(distance, this.hidden);\n }\n }\n }\n\n /**\n * Destroys the canvas of all the pixels inside the panel\n */\n destroy() {\n this.pixels.forEach(pixelRow => pixelRow.forEach(pixel => pixel.destroy()));\n }\n\n /**\n * Initialises all the contained pixels\n */\n initialiseLCDPixels() {\n let tempRowsX: number;\n let posX = this.posX;\n let posY = this.posY;\n\n this.pixels = [[]];\n for (let i = 0; i < this.N_ROW; i++) {\n tempRowsX = posX;\n this.pixels[i] = [];\n for (let j = 0; j < this.N_COLUMN; j++) {\n this.pixels[i][j] = new LCDPixel(\n this.index,\n [i, j],\n posX,\n posY,\n this.lcdX,\n this.lcdY,\n this.pixelWidth,\n this.pixelHeight,\n this.barColor,\n this.barGlowColor\n );\n posX = posX + this.pixelWidth + this.intraSpacing;\n }\n posX = tempRowsX;\n posY = posY + this.pixelHeight + this.intraSpacing;\n }\n }\n\n /**\n * Clears the panel by turning off all the pixels\n */\n clear() {\n this.changeCursorDisplay(false);\n this.drawCharacter(LCDUtils.getBlankDisplayBytes());\n this.pixels.forEach(pixelRow => pixelRow.forEach(pixel => pixel.refresh()));\n clearInterval(this.blinkFunction);\n }\n\n /**\n * Prints the bytes on the character panel\n * @param characterDisplayBytes array of bytes to display on the panel\n */\n drawCharacter(characterDisplayBytes: number[][]) {\n let byte = null;\n for (let i = 0; i < this.N_ROW - 1; i++) {\n for (let j = 0; j < this.N_COLUMN; j++) {\n try {\n byte = characterDisplayBytes[i][j];\n } catch (e) {\n // if byte is absent for some reason, switch the pixel off\n byte = 0;\n }\n this.pixels[i][j].switch(byte);\n }\n }\n }\n\n /**\n * Adds/remove the cursor display on the panel\n * @param show true to add the cursor, false to remove it\n */\n changeCursorDisplay(show: boolean) {\n if (this.containsCursor === show) {\n return;\n }\n for (let j = 0; j < this.N_COLUMN; j++) {\n this.pixels[this.N_ROW - 1][j].switch(show ? 1 : 0);\n }\n if (!show) {\n clearInterval(this.blinkFunction);\n }\n this.containsCursor = show;\n }\n\n /**\n * Starts blinking the panel\n */\n private blink() {\n this.blinkFunction = setInterval(() => {\n this.pixels.forEach(pixelRow => pixelRow.forEach(pixel => {\n if (pixel.blinkHidden) {\n pixel.blinkOff();\n } else {\n pixel.blinkOn();\n }\n }));\n }, 600);\n }\n\n /**\n * Turns on/off blinking on the panel\n * @param value true to turn on, false to turn off\n */\n setBlinking(value: boolean) {\n if (value) {\n this.blink();\n } else if (this.blinkFunction) {\n clearInterval(this.blinkFunction);\n this.blinkFunction = null;\n this.pixels.forEach(pixelRow => pixelRow.forEach(pixel => pixel.blinkOff()));\n }\n }\n\n /**\n * Returns the Rafael canvas representation of the panel\n */\n getCanvasRepr(): any[] {\n const canvasGrid = [];\n for (const rowPixels of this.pixels) {\n for (const pixel of rowPixels) {\n canvasGrid.push(pixel.getCanvasRepr());\n }\n }\n return canvasGrid;\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/outputs/LCD/LCDStates.ts", "content": "import { LCDCharacterPanel } from './LCDPanel';\nimport { LCD16X2 } from '../Display';\nimport { InstructionType, FontSize } from './LCDUtils';\n\nexport enum ActiveAddress {\n CGRAM = 0, DDRAM = 1\n}\n\n/**\n * Register type enum for the LCD\n */\nexport enum RegisterType {\n Instruction = 0, Data = 1\n}\n\n/**\n * DataMode type enum for the LCD\n */\nexport enum DataMode {\n Write = 0, Read = 1\n}\n\n/**\n * Data processor interface\n */\nexport interface DataProcessingMode {\n processData: () => void;\n}\n\n/**\n * Data processor for write mode\n */\nexport class WriteDataProcessingMode implements DataProcessingMode {\n lcd: LCD16X2;\n\n processData() {\n this.lcd.registerState.processData();\n }\n\n constructor(lcd: LCD16X2) {\n this.lcd = lcd;\n }\n}\n\n/**\n * Data processor for read mode\n */\nexport class ReadDataProcessingMode implements DataProcessingMode {\n lcd: LCD16X2;\n\n processData() {\n // if (this.lcd.getRegisterType() === RegisterType)\n console.log('Read data processing.');\n }\n\n constructor(lcd: LCD16X2) {\n this.lcd = lcd;\n }\n}\n\n/**\n * Bit state interface\n */\nexport interface BitState {\n /**\n * returns [higherBits, lowerBits]\n */\n readData: () => [number, number];\n writeData: () => void;\n isWaitingForMoreData: () => boolean;\n}\n\n/**\n * 4-bit state\n */\nexport class FourBitState implements BitState {\n\n constructor(lcd: LCD16X2) {\n this.lcd = lcd;\n this.waitingForData = false;\n }\n\n /**\n * LCD object\n */\n lcd: LCD16X2;\n\n /**\n * is waiting for more data to come?\n */\n waitingForData: boolean;\n\n /**\n * temporary variable to store the higher bits read before the data-waiting state\n */\n higherBits = -1;\n\n writeData: () => void;\n\n /**\n * Reads the data from the databuses\n */\n readData(): [number, number] {\n let data = 0;\n\n for (let i = 7; i >= 4; i--) {\n data |= (this.lcd.pinNamedMap[`DB${i}`].value > 0 ? 1 : 0);\n data = data << 1;\n }\n data = data >> 1;\n\n if (this.waitingForData) {\n // if the state was earlier waiting for more data,\n // return the complete data now\n this.waitingForData = false;\n return [this.higherBits, data];\n }\n\n // if the state was not in data-waiting state,\n // now since it has received first set of 4 bits\n // move it to the waiting state and store the higher bits\n this.higherBits = data;\n this.waitingForData = true;\n return [-1, -1];\n }\n\n /**\n * Returns if the state is waiting for more data\n */\n isWaitingForMoreData() {\n return this.waitingForData;\n }\n}\n\n/**\n * 8-bit state\n */\nexport class EightBitState implements BitState {\n\n constructor(lcd: LCD16X2) {\n this.lcd = lcd;\n }\n\n /**\n * LCD object\n */\n lcd: LCD16X2;\n\n writeData: () => void;\n\n /**\n * Reads the data from the databuses\n */\n readData(): [number, number] {\n let data = 0;\n\n for (let i = 7; i >= 0; i--) {\n data |= (this.lcd.pinNamedMap[`DB${i}`].value > 0 ? 1 : 0);\n data = data << 1;\n }\n data = data >> 1;\n\n // returns \"...\" parsed in binary format\n return [(data >> 4) & 0b1111, data & 0b1111];\n }\n\n /**\n * Returns if the state is waiting for more data\n */\n isWaitingForMoreData() {\n // 8-bit mode never goes in to data-waiting mode,\n // hence returning false\n return false;\n }\n}\n\n/**\n * Data display interface\n */\nexport interface DataDisplayState {\n displayData: (characterDisplayBytes: number[][]) => void;\n getFontSize: () => FontSize;\n getPixelRows: () => number;\n getPixelColumns: () => number;\n getRows: () => number;\n getColumns: () => number;\n setNLines: (nLines: number) => void;\n}\n\n/**\n * Font8x5 display class\n */\nexport class Font8x5DisplayState implements DataDisplayState {\n /**\n * Map of character panel's name to the character panel\n */\n characterPanels: any = {};\n\n /**\n * LCD object\n */\n lcd: LCD16X2;\n\n /**\n * Number of lines in the lcd\n */\n nLines: number;\n\n constructor(lcd: LCD16X2, nLines: number) {\n this.lcd = lcd;\n this.nLines = nLines;\n }\n\n // TODO: To implement the following 4 functions for different size LCDs\n // Currently it's only for 16x2 LCD\n\n /**\n * Returns the number of pixels' rows inside the character panel\n */\n getPixelRows() {\n return 8;\n }\n /**\n * Returns the number of pixels' columns inside the character panel\n */\n getPixelColumns() {\n return 5;\n }\n\n /**\n * Returns the number of character panel's rows inside the lcd\n */\n getRows() {\n return this.nLines;\n }\n\n /**\n * Returns the number of character panel's columns inside the lcd\n */\n getColumns() {\n return 16;\n }\n\n /**\n * Sets the number of lines on the lcd\n * @param nLines number of lines\n */\n setNLines(nLines: number) {\n if (this.nLines !== nLines) {\n this.nLines = nLines;\n }\n }\n\n /**\n * Returns font size of the state\n */\n getFontSize() {\n return FontSize._8x5;\n }\n\n /**\n * Displays the input data on the panel located at current ddram address of the lcd\n * @param characterDisplayBytes array of bytes to be displayed on the current panel\n */\n displayData(characterDisplayBytes: number[][]) {\n if (!this.lcd.isDisplayOn) {\n return;\n }\n\n const currentPanel = this.lcd.getCurrentCharacterPanel();\n currentPanel.drawCharacter(characterDisplayBytes);\n }\n}\n\n/**\n * Font10x5 display class\n */\nexport class Font10x5DisplayState implements DataDisplayState {\n /**\n * Map of character panel's name to the character panel\n */\n characterPanels: any = {};\n\n /**\n * LCD object\n */\n lcd: LCD16X2;\n\n /**\n * Number of lines in the lcd\n */\n nLines: number;\n\n constructor(lcd: LCD16X2, nLines: number) {\n this.lcd = lcd;\n this.nLines = nLines;\n }\n\n setNLines(nLines: number) {\n if (this.nLines !== nLines) {\n this.nLines = nLines;\n }\n }\n\n // TODO: To implement the following 4 functions for different size LCDS\n // Currently it's only for 16x2 LCD\n\n /**\n * Returns the number of pixels' rows inside the character panel\n */\n getPixelRows() {\n return 10;\n }\n /**\n * Returns the number of pixels' columns inside the character panel\n */\n getPixelColumns() {\n return 5;\n }\n\n /**\n * Returns the number of character panel's rows inside the lcd\n */\n getRows() {\n return this.nLines;\n }\n\n /**\n * Returns the number of character panel's columns inside the lcd\n */\n getColumns() {\n return 16;\n }\n\n /**\n * Returns font size of the state\n */\n getFontSize() {\n return FontSize._10x5;\n }\n\n /**\n * Displays the input data on the panel located at current ddram address of the lcd\n * @param characterDisplayBytes array of bytes to be displayed on the current panel\n */\n displayData(characterDisplayBytes: number[][]) {\n if (!this.lcd.isDisplayOn) {\n return;\n }\n\n const currentPanel = this.lcd.getCurrentCharacterPanel();\n currentPanel.drawCharacter(characterDisplayBytes);\n }\n\n}\n\nexport interface RegisterState {\n lcd: LCD16X2;\n processData: () => void;\n}\n\nexport class DataRegisterState implements RegisterState {\n lcd: LCD16X2;\n\n constructor(lcd: LCD16X2) {\n this.lcd = lcd;\n }\n\n processData() {\n const [higherBits, lowerBits] = this.lcd.bitState.readData();\n const waitingForData = this.lcd.bitState.isWaitingForMoreData();\n if (waitingForData) {\n return;\n }\n const characterBits = (higherBits << 4) | lowerBits;\n\n const [activeRam, address] = this.lcd.getActiveRamAndAddress();\n activeRam.write(address, characterBits);\n\n if (this.lcd.activeAddress === ActiveAddress.DDRAM) {\n let characterDisplayBytes = [];\n // when writing to DDRAM\n if (higherBits === 0) {\n for (let i = 0; i < 8; i++) {\n characterDisplayBytes.push(this.lcd.cgRam.read(0x40 + (lowerBits * 8) + i));\n }\n } else {\n characterDisplayBytes = this.lcd.cgRom.readROM(higherBits, lowerBits);\n }\n this.lcd.dataDisplayState.displayData(characterDisplayBytes);\n\n if (this.lcd.autoCursorShift) {\n // move cursor to right\n this.lcd.moveCursor(1);\n if (this.lcd.autoDisplayShift) {\n this.lcd.scrollDisplayRight();\n }\n } else {\n // move cursor to left\n this.lcd.moveCursor(-1);\n if (this.lcd.autoDisplayShift) {\n this.lcd.scrollDisplayLeft();\n }\n }\n }\n\n if (this.lcd.autoCursorShift) {\n this.lcd.moveCgRamAddress(1);\n } else {\n this.lcd.moveCgRamAddress(-1);\n }\n }\n}\n\nexport class InstructionRegisterState implements RegisterState {\n lcd: LCD16X2;\n\n static getInstructionType(databus: number): InstructionType {\n const dataBusBinary = Number(databus).toString(2);\n let firstOnePositionFromLeft = -1;\n for (let i = 0; i < dataBusBinary.length; i++) {\n if (dataBusBinary[i] === '1') {\n firstOnePositionFromLeft = i;\n break;\n }\n }\n const firstOnePositionFromRight = dataBusBinary.length - firstOnePositionFromLeft;\n return firstOnePositionFromRight;\n }\n\n clearDisplay() {\n this.lcd.clearDisplay();\n }\n\n setCursorHome() {\n this.lcd.setDdRamAddress(0x00);\n this.lcd.setDisplayToHome();\n }\n\n setEntryMode(data) {\n // data: [0 0 0 0 0 1 I/D S]\n // Reading I/D\n const iSlashD = (data >> 1) & 1;\n if (iSlashD) {\n this.lcd.autoCursorShift = 1;\n } else {\n this.lcd.autoCursorShift = -1;\n }\n\n // Reading S\n const S = data & 1;\n if (S) {\n this.lcd.autoDisplayShift = 1;\n }\n }\n\n displayOnOff(data) {\n const displayOnOff = (data >> 2) & 1;\n this.lcd.setDisplayOn(displayOnOff && true);\n\n const cursorOnOff = (data >> 1) & 1;\n this.lcd.setCursorOn(cursorOnOff && true);\n\n const blinkCursorPositionCharacter = data & 1;\n this.lcd.setCursorPositionCharBlink(blinkCursorPositionCharacter && true);\n }\n\n shiftCursorAndDisplay(data) {\n // TODO: display shift\n // data: [0 0 0 1 S/C R/L * * ]\n const rSlashL = (data >> 2) & 1;\n const sSlashC = (data >> 3) & 1;\n\n if (!(rSlashL & 1)) {\n this.lcd.moveCursor(-1);\n if (sSlashC & 1) {\n this.lcd.scrollDisplayLeft();\n }\n } else if (rSlashL & 1) {\n this.lcd.moveCursor(1);\n if (sSlashC & 1) {\n this.lcd.scrollDisplayRight();\n }\n }\n }\n\n setFunction(data) {\n // 0 0 0 0 1 DL N F * *\n const dataLength = (data >> 4) & 1;\n if (dataLength & 1) {\n this.lcd.setBitState(this.lcd.eightBitState);\n } else {\n this.lcd.setBitState(this.lcd.fourBitState);\n }\n\n const numLines = (data >> 3) & 1;\n const characterFont = (data >> 2) & 1;\n\n if (numLines & 1) {\n // N = 1 => 2 lines\n this.lcd.setDataDisplayState(this.lcd.font8x5DisplayState, 2);\n } else {\n // N = 0 => 1 line\n if (characterFont & 1) {\n // F = 1 => 10x5\n this.lcd.setDataDisplayState(this.lcd.font10x5DisplayState, 1);\n } else {\n // F = 0 => 8x5\n this.lcd.setDataDisplayState(this.lcd.font8x5DisplayState, 1);\n }\n }\n }\n\n setCGRAMAddress(data) {\n this.lcd.cgRamAddress = 0x40 + (data & 0x3F);\n this.lcd.activeAddress = ActiveAddress.CGRAM;\n }\n\n setDDRAMAddress(data) {\n this.lcd.setDdRamAddress(data & 0x7F);\n this.lcd.activeAddress = ActiveAddress.DDRAM;\n }\n\n processData() {\n const [higherBits, lowerBits] = this.lcd.bitState.readData();\n const waitingForData = this.lcd.bitState.isWaitingForMoreData();\n if (waitingForData) {\n return;\n }\n // console.log('higher, lower bits:', higherBits.toString(2), lowerBits.toString(2));\n\n const data = (higherBits << 4) | lowerBits;\n const instructionType = InstructionRegisterState.getInstructionType(data);\n\n // console.log('received instruction type: ', InstructionType[instructionType], data.toString(2));\n\n const functionToCall = {\n [InstructionType.ClearDisplay]: this.clearDisplay,\n [InstructionType.CursorHome]: this.setCursorHome,\n [InstructionType.EntryModeSet]: this.setEntryMode,\n [InstructionType.DisplayOnOff]: this.displayOnOff,\n [InstructionType.CursorDisplayShift]: this.shiftCursorAndDisplay,\n [InstructionType.FunctionSet]: this.setFunction,\n [InstructionType.SetCGRAMAddress]: this.setCGRAMAddress,\n [InstructionType.SetDDRAMAddress]: this.setDDRAMAddress,\n }[instructionType].bind(this);\n\n functionToCall(data);\n }\n\n constructor(lcd: LCD16X2) {\n this.lcd = lcd;\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/outputs/LCD/LCDUtils.ts", "content": "// import _ from 'lodash';\nimport _ from 'lodash-transpose';\n\n// https://mil.ufl.edu/3744/docs/lcdmanual/commands.html\n// https://github.com/basti79/LCD-fonts/blob/master/5x8_horizontal_MSB_2.h\nconst FontData5x8 = [\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x00\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x01\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x02\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x03\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x04\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x05\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x06\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x07\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x08\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x09\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x0a\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x0b\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x0c\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x0d\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x0e\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x0f\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x10\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x11\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x12\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x13\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x14\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x15\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x16\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x17\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x18\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x19\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x1a\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x1b\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x1c\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x1d\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x1e\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x1f\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x20\n [0x04, 0x04, 0x04, 0x04, 0x04, 0x00, 0x04, 0x00 ], // 0x21\n [0x0a, 0x0a, 0x0a, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x22\n [0x0a, 0x0a, 0x1f, 0x0a, 0x1f, 0x0a, 0x0a, 0x00 ], // 0x23\n [0x04, 0x0f, 0x14, 0x0e, 0x05, 0x1e, 0x04, 0x00 ], // 0x24\n [0x18, 0x19, 0x02, 0x04, 0x08, 0x13, 0x03, 0x00 ], // 0x25\n [0x0c, 0x12, 0x14, 0x08, 0x15, 0x12, 0x0d, 0x00 ], // 0x26\n [0x0c, 0x04, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x27\n [0x02, 0x04, 0x08, 0x08, 0x08, 0x04, 0x02, 0x00 ], // 0x28\n [0x08, 0x04, 0x02, 0x02, 0x02, 0x04, 0x08, 0x00 ], // 0x29\n [0x00, 0x0a, 0x04, 0x1f, 0x04, 0x0a, 0x00, 0x00 ], // 0x2a\n [0x00, 0x04, 0x04, 0x1f, 0x04, 0x04, 0x00, 0x00 ], // 0x2b\n [0x00, 0x00, 0x00, 0x00, 0x0c, 0x04, 0x08, 0x00 ], // 0x2c\n [0x00, 0x00, 0x00, 0x1f, 0x00, 0x00, 0x00, 0x00 ], // 0x2d\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x0c, 0x0c, 0x00 ], // 0x2e\n [0x00, 0x01, 0x02, 0x04, 0x08, 0x10, 0x00, 0x00 ], // 0x2f\n [0x0e, 0x11, 0x13, 0x15, 0x19, 0x11, 0x0e, 0x00 ], // 0x30\n [0x04, 0x0c, 0x04, 0x04, 0x04, 0x04, 0x0e, 0x00 ], // 0x31\n [0x0e, 0x11, 0x01, 0x02, 0x04, 0x08, 0x1f, 0x00 ], // 0x32\n [0x1f, 0x02, 0x04, 0x02, 0x01, 0x11, 0x0e, 0x00 ], // 0x33\n [0x02, 0x06, 0x0a, 0x12, 0x1f, 0x02, 0x02, 0x00 ], // 0x34\n [0x1f, 0x10, 0x1e, 0x01, 0x01, 0x11, 0x0e, 0x00 ], // 0x35\n [0x06, 0x08, 0x10, 0x1e, 0x11, 0x11, 0x0e, 0x00 ], // 0x36\n [0x1f, 0x01, 0x02, 0x04, 0x08, 0x08, 0x08, 0x00 ], // 0x37\n [0x0e, 0x11, 0x11, 0x0e, 0x11, 0x11, 0x0e, 0x00 ], // 0x38\n [0x0e, 0x11, 0x11, 0x0f, 0x01, 0x02, 0x0c, 0x00 ], // 0x39\n [0x00, 0x0c, 0x0c, 0x00, 0x0c, 0x0c, 0x00, 0x00 ], // 0x3a\n [0x00, 0x0c, 0x0c, 0x00, 0x0c, 0x04, 0x08, 0x00 ], // 0x3b\n [0x01, 0x02, 0x04, 0x08, 0x04, 0x02, 0x01, 0x00 ], // 0x3c\n [0x00, 0x00, 0x1f, 0x00, 0x1f, 0x00, 0x00, 0x00 ], // 0x3d\n [0x10, 0x08, 0x04, 0x02, 0x04, 0x08, 0x10, 0x00 ], // 0x3e\n [0x0e, 0x11, 0x01, 0x02, 0x04, 0x00, 0x04, 0x00 ], // 0x3f\n [0x0e, 0x11, 0x01, 0x0d, 0x15, 0x15, 0x0e, 0x00 ], // 0x40\n [0x0e, 0x11, 0x11, 0x11, 0x1f, 0x11, 0x11, 0x00 ], // 0x41\n [0x1e, 0x11, 0x11, 0x1e, 0x11, 0x11, 0x1e, 0x00 ], // 0x42\n [0x0e, 0x11, 0x10, 0x10, 0x10, 0x11, 0x0e, 0x00 ], // 0x43\n [0x1c, 0x12, 0x11, 0x11, 0x11, 0x12, 0x1c, 0x00 ], // 0x44\n [0x1f, 0x10, 0x10, 0x1e, 0x10, 0x10, 0x1f, 0x00 ], // 0x45\n [0x1f, 0x10, 0x10, 0x1c, 0x10, 0x10, 0x10, 0x00 ], // 0x46\n [0x0e, 0x11, 0x10, 0x10, 0x13, 0x11, 0x0e, 0x00 ], // 0x47\n [0x11, 0x11, 0x11, 0x1f, 0x11, 0x11, 0x11, 0x00 ], // 0x48\n [0x0e, 0x04, 0x04, 0x04, 0x04, 0x04, 0x0e, 0x00 ], // 0x49\n [0x07, 0x02, 0x02, 0x02, 0x02, 0x12, 0x0c, 0x00 ], // 0x4a\n [0x11, 0x12, 0x14, 0x18, 0x14, 0x12, 0x11, 0x00 ], // 0x4b\n [0x10, 0x10, 0x10, 0x10, 0x10, 0x10, 0x1f, 0x00 ], // 0x4c\n [0x11, 0x1b, 0x15, 0x11, 0x11, 0x11, 0x11, 0x00 ], // 0x4d\n [0x11, 0x11, 0x19, 0x15, 0x13, 0x11, 0x11, 0x00 ], // 0x4e\n [0x0e, 0x11, 0x11, 0x11, 0x11, 0x11, 0x0e, 0x00 ], // 0x4f\n [0x1e, 0x11, 0x11, 0x1e, 0x10, 0x10, 0x10, 0x00 ], // 0x50\n [0x0e, 0x11, 0x11, 0x11, 0x15, 0x12, 0x0d, 0x00 ], // 0x51\n [0x1e, 0x11, 0x11, 0x1e, 0x14, 0x12, 0x11, 0x00 ], // 0x52\n [0x0f, 0x10, 0x10, 0x0e, 0x01, 0x01, 0x1e, 0x00 ], // 0x53\n [0x1f, 0x04, 0x04, 0x04, 0x04, 0x04, 0x04, 0x00 ], // 0x54\n [0x11, 0x11, 0x11, 0x11, 0x11, 0x11, 0x0e, 0x00 ], // 0x55\n [0x11, 0x11, 0x11, 0x11, 0x11, 0x0a, 0x04, 0x00 ], // 0x56\n [0x11, 0x11, 0x11, 0x15, 0x15, 0x1b, 0x11, 0x00 ], // 0x57\n [0x11, 0x11, 0x0a, 0x04, 0x0a, 0x11, 0x11, 0x00 ], // 0x58\n [0x11, 0x11, 0x0a, 0x04, 0x04, 0x04, 0x04, 0x00 ], // 0x59\n [0x1f, 0x01, 0x02, 0x04, 0x08, 0x10, 0x1f, 0x00 ], // 0x5a\n [0x07, 0x04, 0x04, 0x04, 0x04, 0x04, 0x07, 0x00 ], // 0x5b\n [0x00, 0x10, 0x08, 0x04, 0x02, 0x01, 0x00, 0x00 ], // 0x5c\n [0x1c, 0x04, 0x04, 0x04, 0x04, 0x04, 0x1c, 0x00 ], // 0x5d\n [0x04, 0x0a, 0x11, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x5e\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0x00 ], // 0x5f\n [0x08, 0x04, 0x02, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x60\n [0x00, 0x00, 0x0e, 0x01, 0x0f, 0x11, 0x0f, 0x00 ], // 0x61\n [0x10, 0x10, 0x16, 0x19, 0x11, 0x11, 0x1e, 0x00 ], // 0x62\n [0x00, 0x00, 0x0e, 0x10, 0x10, 0x11, 0x0e, 0x00 ], // 0x63\n [0x01, 0x01, 0x0d, 0x13, 0x11, 0x11, 0x0f, 0x00 ], // 0x64\n [0x00, 0x00, 0x0e, 0x11, 0x1f, 0x10, 0x0e, 0x00 ], // 0x65\n [0x06, 0x09, 0x08, 0x1c, 0x08, 0x08, 0x08, 0x00 ], // 0x66\n [0x00, 0x00, 0x0f, 0x11, 0x0f, 0x01, 0x06, 0x00 ], // 0x67\n [0x10, 0x10, 0x16, 0x19, 0x11, 0x11, 0x11, 0x00 ], // 0x68\n [0x04, 0x00, 0x0c, 0x04, 0x04, 0x04, 0x0e, 0x00 ], // 0x69\n [0x02, 0x00, 0x06, 0x02, 0x02, 0x12, 0x0c, 0x00 ], // 0x6a\n [0x08, 0x08, 0x09, 0x0a, 0x0c, 0x0a, 0x09, 0x00 ], // 0x6b\n [0x0c, 0x04, 0x04, 0x04, 0x04, 0x04, 0x0e, 0x00 ], // 0x6c\n [0x00, 0x00, 0x1a, 0x15, 0x15, 0x11, 0x11, 0x00 ], // 0x6d\n [0x00, 0x00, 0x16, 0x19, 0x11, 0x11, 0x11, 0x00 ], // 0x6e\n [0x00, 0x00, 0x0e, 0x11, 0x11, 0x11, 0x0e, 0x00 ], // 0x6f\n [0x00, 0x00, 0x1e, 0x11, 0x1e, 0x10, 0x10, 0x00 ], // 0x70\n [0x00, 0x00, 0x0d, 0x13, 0x0f, 0x01, 0x01, 0x00 ], // 0x71\n [0x00, 0x00, 0x16, 0x19, 0x10, 0x10, 0x10, 0x00 ], // 0x72\n [0x00, 0x00, 0x0e, 0x10, 0x0e, 0x01, 0x1e, 0x00 ], // 0x73\n [0x08, 0x08, 0x1c, 0x08, 0x08, 0x09, 0x06, 0x00 ], // 0x74\n [0x00, 0x00, 0x11, 0x11, 0x11, 0x13, 0x0d, 0x00 ], // 0x75\n [0x00, 0x00, 0x11, 0x11, 0x11, 0x0a, 0x04, 0x00 ], // 0x76\n [0x00, 0x00, 0x11, 0x11, 0x15, 0x15, 0x0a, 0x00 ], // 0x77\n [0x00, 0x00, 0x11, 0x0a, 0x04, 0x0a, 0x11, 0x00 ], // 0x78\n [0x00, 0x00, 0x11, 0x11, 0x0f, 0x01, 0x0e, 0x00 ], // 0x79\n [0x00, 0x00, 0x1f, 0x02, 0x04, 0x08, 0x1f, 0x00 ], // 0x7a\n [0x02, 0x04, 0x04, 0x08, 0x04, 0x04, 0x02, 0x00 ], // 0x7b\n [0x04, 0x04, 0x04, 0x04, 0x04, 0x04, 0x04, 0x00 ], // 0x7c\n [0x08, 0x04, 0x04, 0x02, 0x04, 0x04, 0x08, 0x00 ], // 0x7d\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x7e\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x7f\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x80\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x81\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x82\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x83\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x84\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x85\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x86\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x87\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x88\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x89\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x8a\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x8b\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x8c\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x8d\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x8e\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x8f\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x90\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x91\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x92\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x93\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x94\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x95\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x96\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x97\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x98\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x99\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x9a\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x9b\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x9c\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x9d\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x9e\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x9f\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa0\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa1\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa2\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa3\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa4\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa5\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa6\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa7\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa8\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa9\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xaa\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xab\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xac\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xad\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xae\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xaf\n [0x07, 0x05, 0x07, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb0\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb1\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb2\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb3\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb4\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb5\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb6\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb7\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb8\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb9\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xba\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xbb\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xbc\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xbd\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xbe\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xbf\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc0\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc1\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc2\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc3\n [0x12, 0x0c, 0x12, 0x12, 0x1e, 0x12, 0x12, 0x00 ], // 0xc4\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc5\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc6\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc7\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc8\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc9\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xca\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xcb\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xcc\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xcd\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xce\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xcf\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd0\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd1\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd2\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd3\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd4\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd5\n [0x11, 0x0e, 0x11, 0x11, 0x11, 0x11, 0x0e, 0x00 ], // 0xd6\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd7\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd8\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd9\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xda\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xdb\n [0x11, 0x00, 0x11, 0x11, 0x11, 0x11, 0x0e, 0x00 ], // 0xdc\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xdd\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xde\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xdf\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xe0\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xe1\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xe2\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xe3\n [0x0a, 0x00, 0x0e, 0x01, 0x0f, 0x11, 0x0f, 0x00 ], // 0xe4\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xe5\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xe6\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xe7\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xe8\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xe9\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xea\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xeb\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xec\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xed\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xee\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xef\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf0\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf1\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf2\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf3\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf4\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf5\n [0x00, 0x12, 0x0c, 0x12, 0x12, 0x12, 0x0c, 0x00 ], // 0xf6\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf7\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf8\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf9\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xfa\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xfb\n [0x00, 0x12, 0x00, 0x12, 0x12, 0x12, 0x0c, 0x00 ], // 0xfc\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xfd\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xfe\n];\n\nconst FontData5x10 = [\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x00\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x01\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x02\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x03\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x04\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x05\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x06\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x07\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x08\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x09\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x0a\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x0b\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x0c\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x0d\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x0e\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x0f\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x10\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x11\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x12\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x13\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x14\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x15\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x16\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x17\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x18\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x19\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x1a\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x1b\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x1c\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x1d\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x1e\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x1f\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x20\n [0x04, 0x04, 0x04, 0x04, 0x04, 0x00, 0x04, 0x00, 0x00, 0x00 ], // 0x21\n [0x0a, 0x0a, 0x0a, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x22\n [0x0a, 0x0a, 0x1f, 0x0a, 0x1f, 0x0a, 0x0a, 0x00, 0x00, 0x00 ], // 0x23\n [0x04, 0x0f, 0x14, 0x0e, 0x05, 0x1e, 0x04, 0x00, 0x00, 0x00 ], // 0x24\n [0x18, 0x19, 0x02, 0x04, 0x08, 0x13, 0x03, 0x00, 0x00, 0x00 ], // 0x25\n [0x0c, 0x12, 0x14, 0x08, 0x15, 0x12, 0x0d, 0x00, 0x00, 0x00 ], // 0x26\n [0x0c, 0x04, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x27\n [0x02, 0x04, 0x08, 0x08, 0x08, 0x04, 0x02, 0x00, 0x00, 0x00 ], // 0x28\n [0x08, 0x04, 0x02, 0x02, 0x02, 0x04, 0x08, 0x00, 0x00, 0x00 ], // 0x29\n [0x00, 0x0a, 0x04, 0x1f, 0x04, 0x0a, 0x00, 0x00, 0x00, 0x00 ], // 0x2a\n [0x00, 0x04, 0x04, 0x1f, 0x04, 0x04, 0x00, 0x00, 0x00, 0x00 ], // 0x2b\n [0x00, 0x00, 0x00, 0x00, 0x0c, 0x04, 0x08, 0x00, 0x00, 0x00 ], // 0x2c\n [0x00, 0x00, 0x00, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x2d\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x0c, 0x0c, 0x00, 0x00, 0x00 ], // 0x2e\n [0x00, 0x01, 0x02, 0x04, 0x08, 0x10, 0x00, 0x00, 0x00, 0x00 ], // 0x2f\n [0x0e, 0x11, 0x13, 0x15, 0x19, 0x11, 0x0e, 0x00, 0x00, 0x00 ], // 0x30\n [0x04, 0x0c, 0x04, 0x04, 0x04, 0x04, 0x0e, 0x00, 0x00, 0x00 ], // 0x31\n [0x0e, 0x11, 0x01, 0x02, 0x04, 0x08, 0x1f, 0x00, 0x00, 0x00 ], // 0x32\n [0x1f, 0x02, 0x04, 0x02, 0x01, 0x11, 0x0e, 0x00, 0x00, 0x00 ], // 0x33\n [0x02, 0x06, 0x0a, 0x12, 0x1f, 0x02, 0x02, 0x00, 0x00, 0x00 ], // 0x34\n [0x1f, 0x10, 0x1e, 0x01, 0x01, 0x11, 0x0e, 0x00, 0x00, 0x00 ], // 0x35\n [0x06, 0x08, 0x10, 0x1e, 0x11, 0x11, 0x0e, 0x00, 0x00, 0x00 ], // 0x36\n [0x1f, 0x01, 0x02, 0x04, 0x08, 0x08, 0x08, 0x00, 0x00, 0x00 ], // 0x37\n [0x0e, 0x11, 0x11, 0x0e, 0x11, 0x11, 0x0e, 0x00, 0x00, 0x00 ], // 0x38\n [0x0e, 0x11, 0x11, 0x0f, 0x01, 0x02, 0x0c, 0x00, 0x00, 0x00 ], // 0x39\n [0x00, 0x0c, 0x0c, 0x00, 0x0c, 0x0c, 0x00, 0x00, 0x00, 0x00 ], // 0x3a\n [0x00, 0x0c, 0x0c, 0x00, 0x0c, 0x04, 0x08, 0x00, 0x00, 0x00 ], // 0x3b\n [0x01, 0x02, 0x04, 0x08, 0x04, 0x02, 0x01, 0x00, 0x00, 0x00 ], // 0x3c\n [0x00, 0x00, 0x1f, 0x00, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x3d\n [0x10, 0x08, 0x04, 0x02, 0x04, 0x08, 0x10, 0x00, 0x00, 0x00 ], // 0x3e\n [0x0e, 0x11, 0x01, 0x02, 0x04, 0x00, 0x04, 0x00, 0x00, 0x00 ], // 0x3f\n [0x0e, 0x11, 0x01, 0x0d, 0x15, 0x15, 0x0e, 0x00, 0x00, 0x00 ], // 0x40\n [0x0e, 0x11, 0x11, 0x11, 0x1f, 0x11, 0x11, 0x00, 0x00, 0x00 ], // 0x41\n [0x1e, 0x11, 0x11, 0x1e, 0x11, 0x11, 0x1e, 0x00, 0x00, 0x00 ], // 0x42\n [0x0e, 0x11, 0x10, 0x10, 0x10, 0x11, 0x0e, 0x00, 0x00, 0x00 ], // 0x43\n [0x1c, 0x12, 0x11, 0x11, 0x11, 0x12, 0x1c, 0x00, 0x00, 0x00 ], // 0x44\n [0x1f, 0x10, 0x10, 0x1e, 0x10, 0x10, 0x1f, 0x00, 0x00, 0x00 ], // 0x45\n [0x1f, 0x10, 0x10, 0x1c, 0x10, 0x10, 0x10, 0x00, 0x00, 0x00 ], // 0x46\n [0x0e, 0x11, 0x10, 0x10, 0x13, 0x11, 0x0e, 0x00, 0x00, 0x00 ], // 0x47\n [0x11, 0x11, 0x11, 0x1f, 0x11, 0x11, 0x11, 0x00, 0x00, 0x00 ], // 0x48\n [0x0e, 0x04, 0x04, 0x04, 0x04, 0x04, 0x0e, 0x00, 0x00, 0x00 ], // 0x49\n [0x07, 0x02, 0x02, 0x02, 0x02, 0x12, 0x0c, 0x00, 0x00, 0x00 ], // 0x4a\n [0x11, 0x12, 0x14, 0x18, 0x14, 0x12, 0x11, 0x00, 0x00, 0x00 ], // 0x4b\n [0x10, 0x10, 0x10, 0x10, 0x10, 0x10, 0x1f, 0x00, 0x00, 0x00 ], // 0x4c\n [0x11, 0x1b, 0x15, 0x11, 0x11, 0x11, 0x11, 0x00, 0x00, 0x00 ], // 0x4d\n [0x11, 0x11, 0x19, 0x15, 0x13, 0x11, 0x11, 0x00, 0x00, 0x00 ], // 0x4e\n [0x0e, 0x11, 0x11, 0x11, 0x11, 0x11, 0x0e, 0x00, 0x00, 0x00 ], // 0x4f\n [0x1e, 0x11, 0x11, 0x1e, 0x10, 0x10, 0x10, 0x00, 0x00, 0x00 ], // 0x50\n [0x0e, 0x11, 0x11, 0x11, 0x15, 0x12, 0x0d, 0x00, 0x00, 0x00 ], // 0x51\n [0x1e, 0x11, 0x11, 0x1e, 0x14, 0x12, 0x11, 0x00, 0x00, 0x00 ], // 0x52\n [0x0f, 0x10, 0x10, 0x0e, 0x01, 0x01, 0x1e, 0x00, 0x00, 0x00 ], // 0x53\n [0x1f, 0x04, 0x04, 0x04, 0x04, 0x04, 0x04, 0x00, 0x00, 0x00 ], // 0x54\n [0x11, 0x11, 0x11, 0x11, 0x11, 0x11, 0x0e, 0x00, 0x00, 0x00 ], // 0x55\n [0x11, 0x11, 0x11, 0x11, 0x11, 0x0a, 0x04, 0x00, 0x00, 0x00 ], // 0x56\n [0x11, 0x11, 0x11, 0x15, 0x15, 0x1b, 0x11, 0x00, 0x00, 0x00 ], // 0x57\n [0x11, 0x11, 0x0a, 0x04, 0x0a, 0x11, 0x11, 0x00, 0x00, 0x00 ], // 0x58\n [0x11, 0x11, 0x0a, 0x04, 0x04, 0x04, 0x04, 0x00, 0x00, 0x00 ], // 0x59\n [0x1f, 0x01, 0x02, 0x04, 0x08, 0x10, 0x1f, 0x00, 0x00, 0x00 ], // 0x5a\n [0x07, 0x04, 0x04, 0x04, 0x04, 0x04, 0x07, 0x00, 0x00, 0x00 ], // 0x5b\n [0x00, 0x10, 0x08, 0x04, 0x02, 0x01, 0x00, 0x00, 0x00, 0x00 ], // 0x5c\n [0x1c, 0x04, 0x04, 0x04, 0x04, 0x04, 0x1c, 0x00, 0x00, 0x00 ], // 0x5d\n [0x04, 0x0a, 0x11, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x5e\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0x00, 0x00, 0x00 ], // 0x5f\n [0x08, 0x04, 0x02, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x60\n [0x00, 0x00, 0x0e, 0x01, 0x0f, 0x11, 0x0f, 0x00, 0x00, 0x00 ], // 0x61\n [0x10, 0x10, 0x16, 0x19, 0x11, 0x11, 0x1e, 0x00, 0x00, 0x00 ], // 0x62\n [0x00, 0x00, 0x0e, 0x10, 0x10, 0x11, 0x0e, 0x00, 0x00, 0x00 ], // 0x63\n [0x01, 0x01, 0x0d, 0x13, 0x11, 0x11, 0x0f, 0x00, 0x00, 0x00 ], // 0x64\n [0x00, 0x00, 0x0e, 0x11, 0x1f, 0x10, 0x0e, 0x00, 0x00, 0x00 ], // 0x65\n [0x06, 0x09, 0x08, 0x1c, 0x08, 0x08, 0x08, 0x00, 0x00, 0x00 ], // 0x66\n [0x00, 0x00, 0x0f, 0x11, 0x0f, 0x01, 0x06, 0x00, 0x00, 0x00 ], // 0x67\n [0x10, 0x10, 0x16, 0x19, 0x11, 0x11, 0x11, 0x00, 0x00, 0x00 ], // 0x68\n [0x04, 0x00, 0x0c, 0x04, 0x04, 0x04, 0x0e, 0x00, 0x00, 0x00 ], // 0x69\n [0x02, 0x00, 0x06, 0x02, 0x02, 0x12, 0x0c, 0x00, 0x00, 0x00 ], // 0x6a\n [0x08, 0x08, 0x09, 0x0a, 0x0c, 0x0a, 0x09, 0x00, 0x00, 0x00 ], // 0x6b\n [0x0c, 0x04, 0x04, 0x04, 0x04, 0x04, 0x0e, 0x00, 0x00, 0x00 ], // 0x6c\n [0x00, 0x00, 0x1a, 0x15, 0x15, 0x11, 0x11, 0x00, 0x00, 0x00 ], // 0x6d\n [0x00, 0x00, 0x16, 0x19, 0x11, 0x11, 0x11, 0x00, 0x00, 0x00 ], // 0x6e\n [0x00, 0x00, 0x0e, 0x11, 0x11, 0x11, 0x0e, 0x00, 0x00, 0x00 ], // 0x6f\n [0x00, 0x00, 0x1e, 0x11, 0x1e, 0x10, 0x10, 0x00, 0x00, 0x00 ], // 0x70\n [0x00, 0x00, 0x0d, 0x13, 0x0f, 0x01, 0x01, 0x00, 0x00, 0x00 ], // 0x71\n [0x00, 0x00, 0x16, 0x19, 0x10, 0x10, 0x10, 0x00, 0x00, 0x00 ], // 0x72\n [0x00, 0x00, 0x0e, 0x10, 0x0e, 0x01, 0x1e, 0x00, 0x00, 0x00 ], // 0x73\n [0x08, 0x08, 0x1c, 0x08, 0x08, 0x09, 0x06, 0x00, 0x00, 0x00 ], // 0x74\n [0x00, 0x00, 0x11, 0x11, 0x11, 0x13, 0x0d, 0x00, 0x00, 0x00 ], // 0x75\n [0x00, 0x00, 0x11, 0x11, 0x11, 0x0a, 0x04, 0x00, 0x00, 0x00 ], // 0x76\n [0x00, 0x00, 0x11, 0x11, 0x15, 0x15, 0x0a, 0x00, 0x00, 0x00 ], // 0x77\n [0x00, 0x00, 0x11, 0x0a, 0x04, 0x0a, 0x11, 0x00, 0x00, 0x00 ], // 0x78\n [0x00, 0x00, 0x11, 0x11, 0x0f, 0x01, 0x0e, 0x00, 0x00, 0x00 ], // 0x79\n [0x00, 0x00, 0x1f, 0x02, 0x04, 0x08, 0x1f, 0x00, 0x00, 0x00 ], // 0x7a\n [0x02, 0x04, 0x04, 0x08, 0x04, 0x04, 0x02, 0x00, 0x00, 0x00 ], // 0x7b\n [0x04, 0x04, 0x04, 0x04, 0x04, 0x04, 0x04, 0x00, 0x00, 0x00 ], // 0x7c\n [0x08, 0x04, 0x04, 0x02, 0x04, 0x04, 0x08, 0x00, 0x00, 0x00 ], // 0x7d\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x7e\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x7f\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x80\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x81\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x82\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x83\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x84\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x85\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x86\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x87\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x88\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x89\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x8a\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x8b\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x8c\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x8d\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x8e\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x8f\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x90\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x91\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x92\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x93\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x94\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x95\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x96\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x97\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x98\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x99\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x9a\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x9b\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x9c\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x9d\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x9e\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0x9f\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa0\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa1\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa2\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa3\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa4\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa5\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa6\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa7\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa8\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xa9\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xaa\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xab\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xac\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xad\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xae\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xaf\n [0x07, 0x05, 0x07, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb0\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb1\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb2\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb3\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb4\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb5\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb6\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb7\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb8\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xb9\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xba\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xbb\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xbc\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xbd\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xbe\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xbf\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc0\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc1\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc2\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc3\n [0x12, 0x0c, 0x12, 0x12, 0x1e, 0x12, 0x12, 0x00, 0x00, 0x00 ], // 0xc4\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc5\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc6\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc7\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc8\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xc9\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xca\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xcb\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xcc\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xcd\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xce\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xcf\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd0\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd1\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd2\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd3\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd4\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd5\n [0x11, 0x0e, 0x11, 0x11, 0x11, 0x11, 0x0e, 0x00, 0x00, 0x00 ], // 0xd6\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd7\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd8\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xd9\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xda\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xdb\n [0x11, 0x00, 0x11, 0x11, 0x11, 0x11, 0x0e, 0x00, 0x00, 0x00 ], // 0xdc\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xdd\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xde\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xdf\n [0x00, 0x00, 0x09, 0x15, 0x12, 0x12, 0x0D, 0x00, 0x00, 0x00 ], // 0xe0\n [0x0A, 0x00, 0x0E, 0x01, 0x0F, 0x11, 0x0F, 0x00, 0x00, 0x00 ], // 0xe1\n [0x00, 0x00, 0x0E, 0x11, 0x1E, 0x11, 0x1E, 0x10, 0x10, 0x10 ], // 0xe2\n [0x00, 0x00, 0x0E, 0x10, 0x0C, 0x11, 0x0E, 0x00, 0x00, 0x00 ], // 0xe3\n [0x00, 0x00, 0x11, 0x11, 0x11, 0x13, 0x1D, 0x10, 0x10, 0x10 ], // 0xe4\n [0x00, 0x00, 0x0F, 0x14, 0x12, 0x11, 0x0E, 0x00, 0x00, 0x00 ], // 0xe5\n [0x00, 0x00, 0x06, 0x09, 0x11, 0x11, 0x1E, 0x10, 0x10, 0x10 ], // 0xe6\n [0x00, 0x00, 0x0F, 0x11, 0x11, 0x11, 0x0F, 0x01, 0x01, 0x00 ], // 0xe7\n [0x00, 0x00, 0x07, 0x04, 0x04, 0x14, 0x08, 0x00, 0x00, 0x00 ], // 0xe8\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xe9\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xea\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xeb\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xec\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xed\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xee\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xef\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf0\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf1\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf2\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf3\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf4\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf5\n [0x00, 0x12, 0x0c, 0x12, 0x12, 0x12, 0x0c, 0x00, 0x00, 0x00 ], // 0xf6\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf7\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf8\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xf9\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xfa\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xfb\n [0x00, 0x12, 0x00, 0x12, 0x12, 0x12, 0x0c, 0x00, 0x00, 0x00 ], // 0xfc\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xfd\n [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ], // 0xfe\n];\n\nexport enum InstructionType {\n ClearDisplay = 1,\n CursorHome = 2,\n EntryModeSet = 3,\n DisplayOnOff = 4,\n CursorDisplayShift = 5,\n FunctionSet = 6,\n SetCGRAMAddress = 7,\n SetDDRAMAddress = 8,\n}\n\nexport enum FontSize {\n _8x5,\n _10x5\n}\n\nfunction hex2bin(hex, offset = 0) {\n return ('00000000' + hex.toString(2)).substr(-8 + offset);\n}\n\nexport class LCDUtils {\n static blankBytes: any = null;\n\n static getDisplayBytes(character: number, fontSize: FontSize = FontSize._8x5): number[][] {\n const hexReprArray = fontSize === FontSize._8x5 ? FontData5x8[character] : FontData5x10[character];\n if (!hexReprArray) {\n return LCDUtils.getBlankDisplayBytes();\n }\n return hexReprArray.map(LCDUtils.convertHexToBinaryArray);\n }\n\n static convertHexToBinaryArray(hex: number): number[] {\n return hex2bin(hex, 3).split('').map(n => parseInt(n, 2) & 1);\n }\n\n static getBlankDisplayBytes(): number[][] {\n if (!LCDUtils.blankBytes) {\n LCDUtils.blankBytes = LCDUtils.getDisplayBytes(' '.charCodeAt(0));\n }\n return LCDUtils.blankBytes;\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/outputs/LCD/MemorySchema.ts", "content": "import _ from 'lodash-transpose';\nimport { LCDUtils, FontSize } from './LCDUtils';\n\n// https://www.8051projects.net/lcd-interfacing/basics.php\n\nexport interface RAM {\n read(address: number): any;\n write(address: number, data: any): void;\n}\n\n/**\n * DDRAM\n */\nexport class DDRAM implements RAM {\n memory: any[];\n N_ROW: number;\n N_COLUMN: number;\n\n constructor(N_ROW: number, N_COLUMN: number) {\n this.memory = _.times(1 << 7, 0);\n this.N_ROW = N_ROW;\n this.N_COLUMN = N_COLUMN;\n }\n\n static createDDRAMForLCD(N_ROW) {\n if (N_ROW === 1) {\n return new DDRAM(1, 40);\n } else if (N_ROW === 2) {\n return new DDRAM(2, 40);\n } else if (N_ROW === 4) {\n return new DDRAM(4, 20);\n }\n }\n\n convertIndexToAddress(index: [number, number]): number {\n if (this.N_ROW === 1) {\n return index[1];\n }\n if (this.N_ROW === 2) {\n const address = index[0] * 0x40 + index[1];\n return address;\n }\n // TODO: implement 4 rows\n }\n\n convertAddressToIndex(address: number): [number, number] {\n if (this.N_ROW === 1) {\n return [0, address];\n }\n if (this.N_ROW === 2) {\n return [Math.floor(address / 0x40), address % 0x40];\n }\n // TODO: implement 4 rows\n }\n\n validateIndex(address: number) {\n if (address < 0x00 || address >= 0x7F) {\n throw Error('Invalid index.');\n }\n }\n\n read(address: number): number {\n this.validateIndex(address);\n return this.memory[address];\n }\n\n readAtIndex(index: [number, number]): number {\n const address = this.convertIndexToAddress(index);\n return this.memory[address];\n }\n\n write(address: number, data: number) {\n this.validateIndex(address);\n this.memory[address] = data;\n }\n}\n\n\n/**\n * CGROM\n */\nexport class CGROM {\n\n memory: any[][];\n fontSize: FontSize;\n N_ROW = 16;\n N_COLUMN = 16;\n\n constructor(fontSize: FontSize) {\n // fontSize: [8, 5] or [10, 5]\n // TODO: implement 10x5\n this.memory = [[]];\n for (let character = 0; character < 0xFF; character++) {\n const higherBits = (character >> 4) & 0b1111;\n const lowerBits = (character) & 0b1111;\n this.memory[higherBits] = this.memory[higherBits] || [];\n this.memory[higherBits][lowerBits] = LCDUtils.getDisplayBytes(character, fontSize);\n }\n }\n\n readROM(higherBit: number, lowerBit: number): number[][] {\n return this.memory[higherBit][lowerBit];\n }\n}\n\n/**\n * CGRAM class\n */\nexport class CGRAM implements RAM {\n memory: {[key: number]: number} = {};\n\n constructor() {}\n\n validateAddress(address) {\n if (address < 0x40 || address >= 0x80) {\n return false;\n }\n return true;\n }\n\n read(address: number): number[] {\n if (!this.validateAddress(address)) {\n console.log('Invalid address provided to CGRAM while reading.');\n return;\n }\n return LCDUtils.convertHexToBinaryArray(this.memory[address]);\n }\n\n write(address: number, data: number) {\n if (!this.validateAddress(address)) {\n console.log('Invalid address provided to CGRAM while writing.');\n return;\n }\n this.memory[address] = data;\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/outputs/Led.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport { BreadBoard, Resistor } from '../General';\nimport { Point } from '../Point';\nimport { ArduinoUno } from './Arduino';\n/**\n * Declare window so that custom created function don't throw error\n */\ndeclare var window;\n/**\n * LED class\n */\nexport class LED extends CircuitElement {\n /**\n * Colors of LED\n */\n static colors: string[] = [];\n /**\n * color to be shown while glowing\n */\n static glowColors: string[] = [];\n /**\n * Name of Color of LED\n */\n static colorNames: string[] = [];\n /**\n * Internal resistance of LED in ohms\n */\n static internalResistance = 13;\n /**\n * Selectedindex wrt to color\n */\n selectedIndex = 0;\n /**\n * Voltage of PWM\n */\n voltage = 0;\n /**\n * PWM attached\n */\n pwmAttached = false;\n /**\n * Previous node value.\n */\n prev = -2;\n /**\n * Set to keep track of visited nodes\n */\n visitedNodesv2 = new Set();\n /**\n * Pin Name mapped to Pins\n */\n pinNamedMap: any = {};\n /**\n * If all nodes of element are connected or not\n */\n allNodesConnected = false;\n /**\n * Flag to check if logic function's recursion should be skipped\n */\n skipCheck = false;\n /**\n * Variable to store resistance of entire circuit\n * Internal resistance of LED by default set to 13\n */\n resistance: number = LED.internalResistance;\n /**\n * Stores visited resistors\n */\n visitedResistors = new Set();\n /**\n * Stores variable resistance from Potentiometer\n */\n variableResistance = 0;\n /**\n * LED constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('LED', x, y, 'LED.json', canvas);\n }\n /** Saves data of selected color wrt its index */\n SaveData() {\n return {\n color: this.selectedIndex\n };\n }\n /**\n * Function Called to Load data from saved object\n * @param data Saved Object\n */\n LoadData(data: any) {\n this.selectedIndex = data.data.color;\n }\n /** init is called when the component is complety drawn to the canvas */\n init() {\n if (LED.glowColors.length === 0) {\n // LED\n // console.log(this.data);\n LED.colors = this.data.colors;\n LED.colorNames = this.data.colorNames;\n LED.glowColors = this.data.glowcolors;\n }\n this.data = null;\n // Add value Change Listener to Circuit nodes\n this.nodes[0].addValueListener((v) => this.logic(v));\n this.nodes[1].addValueListener((v) => this.logic(v));\n this.elements[0].attr({\n fill: LED.colors[this.selectedIndex]\n });\n }\n /**\n * fills color in the led\n * @param color color\n */\n fillColor(color) {\n this.elements[3].attr({ fill: color });\n }\n /** Simulation Logic */\n logic(val: number) {\n\n if (this.prev === val) {\n this.skipCheck = true;\n }\n let current = val / (this.resistance + this.variableResistance);\n const pin0Current = (this.nodes[0].value / (this.resistance + this.variableResistance));\n\n if (!this.allNodesConnected) {\n const arduinoEnd: any = this.getRecArduinov2(this.pinNamedMap['POSITIVE'], 'POSITIVE');\n const negativeEnd = this.getRecArduinov2(this.pinNamedMap['NEGATIVE'], 'NEGATIVE');\n if (negativeEnd && arduinoEnd) {\n if (negativeEnd.hasOwnProperty('label')) {\n if (negativeEnd.label === 'GND' || (negativeEnd.value === 0 && arduinoEnd.value > 0)) {\n this.allNodesConnected = true;\n }\n }\n }\n }\n // TODO: Run if PWM is not attached\n if (this.nodes[0].connectedTo && this.nodes[1].connectedTo) {\n if (!this.pwmAttached && this.allNodesConnected) {\n if (current > 0.03 || pin0Current > 0.03) {\n window.showToast('LED has burst');\n this.handleConnectionError();\n } else if (current >= 0.02 || pin0Current >= 0.02) {\n this.anim();\n } else if ((current > 0.012 && current < 0.02) || (pin0Current > 0.012)) {\n this.glowWithAlpha(current);\n } else {\n this.fillColor('none');\n }\n\n if (val >= 0 && !this.skipCheck) {\n this.prev = val;\n this.nodes[1].setValue(val, null);\n } else {\n this.skipCheck = false;\n return;\n }\n } else if (this.pwmAttached && this.allNodesConnected) {\n // TODO: Run if PWM is attached\n current = this.voltage / this.resistance;\n this.glowWithAlpha(current);\n\n }\n } else {\n // TODO: Show Toast\n this.handleConnectionError();\n window.showToast('LED is not Connected properly');\n }\n }\n /**\n * create color and add alpha to color\n */\n glowWithAlpha(current: number) {\n\n const minCurrent = 0.012;\n const maxCurrent = 0.02;\n const minOpacity = 2;\n const maxOpacity = 9;\n\n if (current < minCurrent) {\n return;\n }\n const color = `r(0.5, 0.5)${LED.glowColors[this.selectedIndex]}`;\n const split = color.split('-');\n let genColor = 'none';\n\n // Scalaing current values to range between 2-9\n const alpha = (((current - minCurrent) / (maxCurrent - minCurrent)) * (maxOpacity - minOpacity)) + minOpacity;\n\n genColor = `${split[0].substr(0, split[0].length - 2)}${alpha})-${split[1]}`;\n this.elements[3].attr({ fill: genColor });\n }\n /**\n * Handles connection error\n */\n handleConnectionError() {\n this.fillColor('none');\n }\n /** animation caller when start simulation is pressed */\n anim() {\n this.fillColor(`r(0.5, 0.5)${LED.glowColors[this.selectedIndex]}`);\n }\n /**\n * Get The Led Name\n */\n getName() {\n // TODO: Change Accordingly to Color\n return `LED Red`;\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n const select = document.createElement('select');\n const label = document.createElement('label');\n label.innerText = 'LED Color';\n let tmp = '';\n for (const name of LED.colorNames) {\n tmp += ``;\n }\n select.innerHTML = tmp;\n select.selectedIndex = this.selectedIndex;\n select.onchange = () => {\n this.elements[0].attr({\n fill: LED.colors[select.selectedIndex]\n });\n this.selectedIndex = select.selectedIndex;\n };\n body.append(label);\n body.append(select);\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'LED'\n };\n }\n\n /**\n * Called when start simulation.\n */\n initSimulation(): void {\n this.visitedNodesv2.clear();\n // Reset allNodesConnected to false\n this.allNodesConnected = false;\n const pwmPins = [3, 5, 6, 9, 10, 11];\n for (const node of this.nodes) {\n this.pinNamedMap[node.label] = node;\n }\n\n // Getting resistance values from resistors in the circuit\n this.getRecResistance(this.pinNamedMap['POSITIVE'], 'POSITIVE');\n this.getRecResistance(this.pinNamedMap['NEGATIVE'], 'NEGATIVE');\n\n // Determine if Positive terminal of LED is attached to Arduino\n const arduinoEnd: any = this.getRecArduinov2(this.pinNamedMap['POSITIVE'], 'POSITIVE');\n // Determine if Negative terminal of LED is attached to Arduino\n const negativeEnd = this.getRecArduinov2(this.pinNamedMap['NEGATIVE'], 'NEGATIVE');\n\n // make allNodesConnected boolean true if negative is connected to GND\n if (negativeEnd) {\n if (negativeEnd.hasOwnProperty('label')) {\n if (negativeEnd.label === 'GND') {\n this.allNodesConnected = true;\n }\n }\n }\n // Check if nodes of LED are connected\n if (!negativeEnd || !arduinoEnd) {\n // TODO: Show Toast\n this.handleConnectionError();\n window.showToast('LED is not Connected properly');\n }\n\n // do not run addPwm if arduino is not connected\n if (!arduinoEnd) {\n return;\n }\n // Only add pwm if connected to a pwm pin in arduino\n if (arduinoEnd && pwmPins.indexOf(parseInt(arduinoEnd.label.substr(1), 10)) !== -1) {\n const arduino = arduinoEnd.parent;\n (arduino as ArduinoUno).addPWM(arduinoEnd, (v, p) => {\n // Calculate voltage of pwm pin\n this.voltage = v / 100;\n // If voltage is greater than 6: make PWM attached false\n if (this.voltage > 6 || this.voltage < 0) {\n this.pwmAttached = false;\n } else {\n this.pwmAttached = true;\n }\n });\n }\n\n }\n /** Function removes all the animations */\n closeSimulation(): void {\n this.prev = -2;\n this.fillColor('none');\n // reset PWM boolean & voltage = 0\n this.pwmAttached = false;\n this.voltage = 0;\n this.resistance = LED.internalResistance;\n this.visitedResistors.clear();\n this.variableResistance = 0;\n }\n /**\n * Returns ID\n */\n getID() {\n return this.id;\n }\n /**\n * Sets variable resitance\n */\n setVariableResistance(resistance: number) {\n this.variableResistance = resistance;\n }\n\n /**\n * Return the node which is connected to arduino by recursively finding connected node\n * @param node The Node which need to be checked\n */\n getRecArduinov2(node: Point, startedOn: string) {\n try {\n if (node.connectedTo.start.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to start node\n this.visitedNodesv2.clear();\n return node.connectedTo.start;\n } else if (node.connectedTo.end.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to end node\n this.visitedNodesv2.clear();\n return node.connectedTo.end;\n } else if (node.connectedTo.start.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.start.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.end.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'Battery9v' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to 9V Battery\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'CoinCell' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to Coin Cell\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'RelayModule') {\n // TODO: Handle RelayModule\n if (startedOn === 'POSITIVE') {\n // If search was started on Positive node then return connected node of VCC in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[3], startedOn);\n } else if (startedOn === 'NEGATIVE') {\n // If search was started on Negative node then return connected node of GND in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[5], startedOn);\n }\n } else {\n // TODO: If nothing matches\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.end.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.end.parent.nodes[e].gid !== node.connectedTo.end.gid\n && !this.visitedNodesv2.has(node.connectedTo.end.parent.nodes[e].gid) && node.connectedTo.end.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.end.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[e], startedOn);\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.start.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.start.parent.nodes[e].gid !== node.connectedTo.start.gid\n && !this.visitedNodesv2.has(node.connectedTo.start.parent.nodes[e].gid)\n && node.connectedTo.start.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.start.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecArduinov2(node.connectedTo.start.parent.nodes[e], startedOn);\n }\n }\n }\n\n }\n } catch (e) {\n console.warn(e);\n return false;\n }\n\n }\n\n /**\n * Recursive Function to handle BreadBoard\n * @param node Node which is to be checked for BreadBoard\n */\n private getRecArduinoBreadv2(node: Point, startedOn: string) {\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n const bb = (node.connectedTo.end.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.end.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.end.label.substring(1, node.connectedTo.end.label.length)) {\n const ascii = node.connectedTo.end.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n const bb = (node.connectedTo.start.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.start.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.start.label.substring(1, node.connectedTo.start.label.length)) {\n const ascii = node.connectedTo.start.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n }\n\n }\n /**\n * Return the node which is connected to arduino by recursively finding connected node\n * @param node The Node which need to be checked\n */\n getRecResistance(node: Point, startedOn: string) {\n try {\n if (node.connectedTo.start.parent.keyName === 'Resistor') {\n const resistorID = (node.connectedTo.start.parent as Resistor).getID();\n if (!this.visitedResistors.has(resistorID)) {\n this.resistance = this.resistance + (node.connectedTo.start.parent as Resistor).getResistance();\n this.visitedResistors.add(resistorID);\n }\n } else if (node.connectedTo.end.parent.keyName === 'Resistor') {\n const resistorID = (node.connectedTo.end.parent as Resistor).getID();\n if (!this.visitedResistors.has(resistorID)) {\n this.resistance = this.resistance + (node.connectedTo.end.parent as Resistor).getResistance();\n this.visitedResistors.add(resistorID);\n }\n }\n if (node.connectedTo.start.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to start node\n this.visitedNodesv2.clear();\n return node.connectedTo.start;\n } else if (node.connectedTo.end.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to end node\n this.visitedNodesv2.clear();\n return node.connectedTo.end;\n } else if (node.connectedTo.start.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.start.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecResistanceBread(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.end.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecResistanceBread(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'Battery9v' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to 9V Battery\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'CoinCell' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to Coin Cell\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'RelayModule') {\n // TODO: Handle RelayModule\n if (startedOn === 'POSITIVE') {\n // If search was started on Positive node then return connected node of VCC in Relay\n return this.getRecResistance(node.connectedTo.end.parent.nodes[3], startedOn);\n } else if (startedOn === 'NEGATIVE') {\n // If search was started on Negative node then return connected node of GND in Relay\n return this.getRecResistance(node.connectedTo.end.parent.nodes[5], startedOn);\n }\n } else {\n // TODO: If nothing matches\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.end.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.end.parent.nodes[e].gid !== node.connectedTo.end.gid\n && !this.visitedNodesv2.has(node.connectedTo.end.parent.nodes[e].gid) && node.connectedTo.end.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.end.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecResistance(node.connectedTo.end.parent.nodes[e], startedOn);\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.start.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.start.parent.nodes[e].gid !== node.connectedTo.start.gid\n && !this.visitedNodesv2.has(node.connectedTo.start.parent.nodes[e].gid)\n && node.connectedTo.start.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.start.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecResistance(node.connectedTo.start.parent.nodes[e], startedOn);\n }\n }\n }\n }\n } catch (e) {\n console.warn(e);\n return false;\n }\n }\n\n /**\n * Recursive Function to handle BreadBoard\n * @param node Node which is to be checked for BreadBoard\n */\n private getRecResistanceBread(node: Point, startedOn: string) {\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n const bb = (node.connectedTo.end.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.end.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.end.label.substring(1, node.connectedTo.end.label.length)) {\n const ascii = node.connectedTo.end.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecResistance(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecResistance(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecResistance(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n const bb = (node.connectedTo.start.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.start.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.start.label.substring(1, node.connectedTo.start.label.length)) {\n const ascii = node.connectedTo.start.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecResistance(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecResistance(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecResistance(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n }\n }\n\n\n}\n\n/**\n * RGBLED class\n */\nexport class RGBLED extends CircuitElement {\n /**\n * Raphael Glow element\n */\n glow: any = null;\n /**\n * Set to keep track of visited nodes\n */\n visitedNodesv2 = new Set();\n /**\n * Check if RGB LED is properly connected\n */\n isProperlyConnected = false;\n /**\n * Connected pin of Cathode to Arduino\n */\n cathodePin = null;\n /**\n * RGBLED constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('RGBLED', x, y, 'RGBLED.json', canvas);\n }\n /**\n * Initialize RGB LED\n */\n init() {\n this.nodes[0].addValueListener((v) => this.logic(v));\n this.nodes[2].addValueListener((v) => this.logic(v));\n this.nodes[3].addValueListener((v) => this.logic(v));\n }\n /**\n * Function for logic of value listener\n */\n logic(val: number) {\n let negativeEnd = null;\n if (!this.cathodePin) {\n negativeEnd = this.getRecArduinov2(this.nodes[1], 'CATHODE');\n this.cathodePin = negativeEnd;\n }\n\n if (this.cathodePin && !this.isProperlyConnected) {\n if (this.cathodePin.label === 'GND' || this.cathodePin.value === 0) {\n this.isProperlyConnected = true;\n }\n }\n\n if (this.isProperlyConnected) {\n this.nodes[1].setValue(val, this.nodes[0]);\n this.anim();\n }\n }\n /** animation caller when start simulation is pressed */\n anim() {\n if (this.glow) {\n this.glow.remove();\n this.glow = null;\n }\n // Simulation Logic\n let R = (this.nodes[0].value > 0) ? 255 : 0;\n let B = (this.nodes[2].value > 0) ? 255 : 0;\n let G = (this.nodes[3].value > 0) ? 255 : 0;\n if (R === 0 && G === 0 && B === 0) {\n this.elements[1].attr({\n fill: 'none'\n });\n return;\n }\n if (R === 255 && G === 255 && B === 255) {\n R = G = B = 209;\n }\n this.elements[1].attr({\n fill: `rgba(${R}, ${G}, ${B}, 0.8)`\n });\n this.glow = this.elements[1].glow({\n color: `rgb(${R}, ${G}, ${B})`\n });\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n title: 'RGB LED',\n body\n };\n }\n /**\n * Removes glow\n */\n removeGlow() {\n if (this.glow) {\n this.glow.remove();\n this.glow = null;\n }\n }\n /**\n * Handles connection error\n */\n handleConnectionError() {\n this.removeGlow();\n }\n /**\n * Called on start simulation\n */\n initSimulation(): void {\n const negativeEnd = this.getRecArduinov2(this.nodes[1], 'CATHODE');\n if (negativeEnd) {\n this.cathodePin = negativeEnd;\n if (negativeEnd.label === 'GND') {\n this.isProperlyConnected = true;\n }\n }\n\n }\n /**\n * Remove Glow and clear the filling\n */\n closeSimulation(): void {\n this.removeGlow();\n this.elements[1].attr({\n fill: 'none'\n });\n this.isProperlyConnected = false;\n this.cathodePin = null;\n }\n /**\n * Return the node which is connected to arduino by recursively finding connected node\n * @param node The Node which need to be checked\n */\n getRecArduinov2(node: Point, startedOn: string) {\n try {\n if (node.connectedTo.start.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to start node\n this.visitedNodesv2.clear();\n return node.connectedTo.start;\n } else if (node.connectedTo.end.parent.keyName === 'ArduinoUno') {\n // TODO: Return if arduino is connected to end node\n this.visitedNodesv2.clear();\n return node.connectedTo.end;\n } else if (node.connectedTo.start.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.start.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.end.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'Battery9v' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to 9V Battery\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'CoinCell' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to Coin Cell\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'RelayModule') {\n // TODO: Handle RelayModule\n if (startedOn === 'POSITIVE') {\n // If search was started on Positive node then return connected node of VCC in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[3], startedOn);\n } else if (startedOn === 'NEGATIVE') {\n // If search was started on Negative node then return connected node of GND in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[5], startedOn);\n }\n } else {\n // TODO: If nothing matches\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.end.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.end.parent.nodes[e].gid !== node.connectedTo.end.gid\n && !this.visitedNodesv2.has(node.connectedTo.end.parent.nodes[e].gid) && node.connectedTo.end.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.end.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[e], startedOn);\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.start.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.start.parent.nodes[e].gid !== node.connectedTo.start.gid\n && !this.visitedNodesv2.has(node.connectedTo.start.parent.nodes[e].gid)\n && node.connectedTo.start.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.start.parent.nodes[e].gid);\n // call back Arduino Recursive Fn\n return this.getRecArduinov2(node.connectedTo.start.parent.nodes[e], startedOn);\n }\n }\n }\n }\n } catch (e) {\n console.warn(e);\n return false;\n }\n }\n /**\n * Recursive Function to handle BreadBoard\n * @param node Node which is to be checked for BreadBoard\n */\n private getRecArduinoBreadv2(node: Point, startedOn: string) {\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n const bb = (node.connectedTo.end.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.end.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.end.label.substring(1, node.connectedTo.end.label.length)) {\n const ascii = node.connectedTo.end.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n const bb = (node.connectedTo.start.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.start.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.start.label.substring(1, node.connectedTo.start.label.length)) {\n const ascii = node.connectedTo.start.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n }\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/Libs/outputs/Motors.ts", "content": "import { CircuitElement } from '../CircuitElement';\nimport { ArduinoUno } from './Arduino';\nimport { Point } from '../Point';\nimport { BreadBoard } from '../General';\n\n/**\n * Declare Raphael so that build don't throws error\n */\ndeclare var Raphael;\n\ndeclare var window;\n\n/**\n * Motor class\n */\nexport class Motor extends CircuitElement {\n /**\n * The Direction of motor +1 => Clockwise, -1 => Anticlockwise\n */\n private dirn = 1;\n /**\n * The Center X of the motor.\n */\n cx = 0;\n /**\n * Center Y of the motor.\n */\n cy = 0;\n /**\n * RPM of the motor.\n */\n rpm: any;\n /**\n * if PWM is attached\n */\n pwmAttached = false;\n /**\n * Voltage\n */\n voltage = -1;\n /**\n * Previous voltage\n */\n prevVoltage = -1;\n /**\n * set of Visited nodes\n */\n visitedNodesv2 = new Set();\n\n\n /**\n * Motor constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('Motor', x, y, 'Motor.json', canvas);\n }\n\n // 6v -> 9000rpm ->\n /** init is called when the component is complety drawn to the canvas */\n init() {\n // Add value change Listener to circuit node\n this.nodes[0].addValueListener((v, cby, par) => {\n if (cby === this.nodes[1]) {\n return;\n }\n // sets the value for node\n this.nodes[1].setValue(v, this.nodes[0]);\n this.dirn = -1;\n if (v < 0) {\n this.elements[1].stop();\n } else if (v === 0) {\n if (this.rpm && !this.pwmAttached) {\n this.rpm.remove();\n this.rpm = null;\n }\n this.elements[1].stop();\n } else {\n if (this.rpm && this.voltage !== this.prevVoltage) {\n // TODO: remove animation\n this.rpm.remove();\n this.rpm = null;\n }\n // stop animation\n this.elements[1].stop();\n if (v === 0) {\n return;\n }\n if (!this.pwmAttached) {\n // TODO: create animation using v if pwm is not attached\n if (this.rpm) {\n // TODO: remove animation\n this.rpm.remove();\n this.rpm = null;\n }\n this.setAnimation(v, 'AntiClockwise');\n } else {\n // TODO: create animation using voltage if pwm is attached\n if (this.voltage !== this.prevVoltage) {\n this.setAnimation(this.voltage, 'AntiClockwise');\n // update previous voltage variable\n this.prevVoltage = this.voltage;\n }\n }\n }\n });\n // Add value change Listener to circuit node\n this.nodes[1].addValueListener((v, cby, par) => {\n if (cby === this.nodes[0]) {\n return;\n }\n // sets the value for node\n this.nodes[0].setValue(v, this.nodes[1]);\n if (v < 0) {\n this.elements[1].stop();\n } else if (v === 0) {\n if (this.rpm && !this.pwmAttached) {\n this.rpm.remove();\n this.rpm = null;\n }\n this.elements[1].stop();\n } else {\n if (this.rpm && this.voltage !== this.prevVoltage) {\n // TODO: remove animation\n this.rpm.remove();\n this.rpm = null;\n }\n // stop animation\n this.elements[1].stop();\n if (v === 0) {\n return;\n }\n if (!this.pwmAttached) {\n // TODO: create animation using v if pwm is not attached\n if (this.rpm) {\n // TODO: remove animation\n this.rpm.remove();\n this.rpm = null;\n }\n this.setAnimation(v, 'Clockwise');\n } else {\n // TODO: create animation using voltage if pwm is attached\n if (this.voltage <= 0 && this.rpm) {\n this.rpm.remove();\n this.rpm = null;\n // update previous voltage variable\n this.prevVoltage = this.voltage;\n }\n if (this.voltage !== this.prevVoltage && this.voltage <= 6) {\n this.setAnimation(this.voltage, 'Clockwise');\n // update previous voltage variable\n this.prevVoltage = this.voltage;\n }\n }\n }\n });\n }\n\n /**\n * Use this function to rotate motor\n * @param volt Voltage Supplied to motor\n * @param direction Direction to rotate in\n */\n setAnimation(volt, direction) {\n const anim = Raphael.animation({ transform: `r360` }, 400 / volt);\n this.elements[1].animate(anim.repeat(Infinity));\n this.rpm = this.canvas.text(this.x + this.tx, this.y + this.ty - 30, `${Math.floor(1500 * volt)}RPM\\n${direction}`);\n this.rpm.attr({\n 'font-size': 15,\n });\n }\n\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'Motor'\n };\n }\n /**\n * Initialize Variable,callback and animation caller when start simulation is pressed\n */\n initSimulation(): void {\n if (\n this.nodes[1].connectedTo &&\n (this.nodes[1].connectedTo.start &&\n this.nodes[1].connectedTo.start.parent.keyName === 'ArduinoUno')\n ||\n (this.nodes[1].connectedTo.end &&\n this.nodes[1].connectedTo.end.parent.keyName === 'ArduinoUno')\n ) {\n window['showToast']('The Motor Draws more current then Arduino could supply');\n }\n this.elements.undrag();\n const ok = this.elements[1].attr();\n this.cx = (ok.width / 2) + ok.x;\n this.cy = (ok.height / 2) + ok.y;\n this.elements[1].attr({\n transform: '',\n x: ok.x + this.tx,\n y: ok.y + this.ty\n });\n\n // determine recursively if positive pin is connected to L293D driver\n const posPin = this.getRecArduinov2(this.nodes[1], 'Positive');\n // determine recursively if negative pin is connected to L293D driver\n const negPin = this.getRecArduinov2(this.nodes[0], 'Negative');\n\n // Arduino pins that support PWM\n const pwmPins = [3, 5, 6, 9, 10, 11];\n\n // if negPin or posPin are connected to L293D\n if (negPin || posPin) {\n\n let inArduino1;\n let inArduino2;\n\n // Clear visitedNodesv2 set\n BreadBoard.visitedNodesv2.clear();\n // determine if OUT pins are connected to Arduino or not to positive\n if (posPin.label === 'OUT3') {\n inArduino1 = BreadBoard.getRecArduinov2(posPin.parent.nodes[6], 'IN3');\n } else if (posPin.label === 'OUT4') {\n inArduino1 = BreadBoard.getRecArduinov2(posPin.parent.nodes[1], 'IN4');\n } else if (posPin.label === 'OUT1') {\n inArduino1 = BreadBoard.getRecArduinov2(posPin.parent.nodes[9], 'IN1');\n } else if (posPin.label === 'OUT2') {\n inArduino1 = BreadBoard.getRecArduinov2(posPin.parent.nodes[14], 'IN2');\n }\n\n // Clear visitedNodesv2 set\n BreadBoard.visitedNodesv2.clear();\n // determine if OUT pins are connected to Arduino or not to negative\n if (negPin.label === 'OUT3') {\n inArduino2 = BreadBoard.getRecArduinov2(negPin.parent.nodes[6], 'IN3');\n } else if (negPin.label === 'OUT4') {\n inArduino2 = BreadBoard.getRecArduinov2(negPin.parent.nodes[1], 'IN4');\n } else if (negPin.label === 'OUT1') {\n inArduino2 = BreadBoard.getRecArduinov2(posPin.parent.nodes[9], 'IN1');\n } else if (negPin.label === 'OUT2') {\n inArduino2 = BreadBoard.getRecArduinov2(posPin.parent.nodes[14], 'IN2');\n }\n\n if (inArduino1) {\n // TODO: add PWM if PWM pin\n if (inArduino1 && pwmPins.indexOf(parseInt(inArduino1.label.substr(1), 10)) !== -1) {\n // TODO: add PWM if positive is PWM\n this.addPwmArduino(inArduino1.parent, inArduino1);\n }\n }\n if (inArduino2) {\n // TODO: add PWM if PWM pin\n if (inArduino2 && pwmPins.indexOf(parseInt(inArduino2.label.substr(1), 10)) !== -1) {\n // TODO: add PWM if positive is PWM\n this.addPwmArduino(inArduino2.parent, inArduino2);\n }\n }\n // return to stop the function here\n return;\n }\n // Prep PWM\n\n const arduinoEnd: any = BreadBoard.getRecArduinov2(this.nodes[1], 'Positive');\n const arduinoEndNegative: any = BreadBoard.getRecArduinov2(this.nodes[0], 'Negative');\n\n // do not run addPwm if arduino is not connected\n if (!arduinoEnd || !arduinoEndNegative) {\n return;\n }\n\n // Only add pwm if connected to a pwm pin in arduino\n if (arduinoEnd && pwmPins.indexOf(parseInt(arduinoEnd.label.substr(1), 10)) !== -1) {\n // TODO: add PWM if positive is PWM\n this.addPwmArduino(arduinoEnd.parent, arduinoEnd);\n } else if (arduinoEndNegative && pwmPins.indexOf(parseInt(arduinoEndNegative.label.substr(1), 10)) !== -1) {\n // TODO: add PWM if negative is PWM\n this.addPwmArduino(arduinoEndNegative.parent, arduinoEndNegative);\n } else {\n this.pwmAttached = false;\n }\n\n }\n\n /**\n * Use this function to add PWM to any node of Arduino\n * @param arduino Arduino instance\n * @param end Node to be enabled with PWM\n */\n addPwmArduino(arduino, end) {\n (arduino as ArduinoUno).addPWM(end, (v, p) => {\n // Calculate voltage of pwm pin\n this.voltage = v / 100;\n // If voltage is greater than 6: make PWM attached false\n if (this.voltage > 6 || this.voltage < 0) {\n this.pwmAttached = false;\n this.voltage = -1;\n } else {\n this.pwmAttached = true;\n }\n\n });\n }\n\n /** Function removes all animations and callbacks */\n closeSimulation(): void {\n this.elements[1].stop();\n const ok = this.elements[1].attr();\n this.elements[1].attr({\n transform: `t${this.tx},${this.ty}`,\n x: ok.x - this.tx,\n y: ok.y - this.ty\n });\n if (this.rpm) {\n this.rpm.remove();\n this.rpm = null;\n }\n this.setDragListeners();\n\n this.pwmAttached = false;\n this.voltage = -1;\n this.prevVoltage = -1;\n this.visitedNodesv2.clear();\n }\n\n /**\n * Returns node connected to L293D\n * @param node node to start search on\n * @param startedOn label of node search started on\n * @returns L293D connected Node\n */\n getRecArduinov2(node: Point, startedOn: string) {\n try {\n if (node.connectedTo.start.parent.keyName === 'L293D') {\n // TODO: Return if L293D is connected to start node\n return node.connectedTo.start;\n } else if (node.connectedTo.end.parent.keyName === 'L293D') {\n // TODO: Return if L293D is connected to end node\n return node.connectedTo.end;\n } else if (node.connectedTo.start.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.start.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.end.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'Battery9v' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to 9V Battery\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'CoinCell' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to Coin Cell\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'RelayModule') {\n // TODO: Handle RelayModule\n if (startedOn === 'POSITIVE') {\n // If search was started on Positive node then return connected node of VCC in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[3], startedOn);\n } else if (startedOn === 'NEGATIVE') {\n // If search was started on Negative node then return connected node of GND in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[5], startedOn);\n }\n } else {\n // TODO: If nothing matches\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.end.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.end.parent.nodes[e].gid !== node.connectedTo.end.gid\n && !this.visitedNodesv2.has(node.connectedTo.end.parent.nodes[e].gid) && node.connectedTo.end.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.end.parent.nodes[e].gid);\n // call back L293D Recursive Fn\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[e], startedOn);\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.start.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.start.parent.nodes[e].gid !== node.connectedTo.start.gid\n && !this.visitedNodesv2.has(node.connectedTo.start.parent.nodes[e].gid)\n && node.connectedTo.start.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.start.parent.nodes[e].gid);\n // call back L293D Recursive Fn\n return this.getRecArduinov2(node.connectedTo.start.parent.nodes[e], startedOn);\n }\n }\n }\n\n }\n } catch (e) {\n console.warn(e);\n return false;\n }\n\n }\n\n /**\n * Recursive Function to handle BreadBoard\n * @param node Node which is to be checked for BreadBoard\n */\n getRecArduinoBreadv2(node: Point, startedOn: string) {\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n const bb = (node.connectedTo.end.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.end.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.end.label.substring(1, node.connectedTo.end.label.length)) {\n const ascii = node.connectedTo.end.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n const bb = (node.connectedTo.start.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.start.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.start.label.substring(1, node.connectedTo.start.label.length)) {\n const ascii = node.connectedTo.start.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n }\n\n }\n\n}\n\n/**\n * MotorDriver L298N class\n */\nexport class L298N extends CircuitElement {\n /**\n * Pin Name mapped to Pins\n */\n pinNamedMap: any = {};\n /**\n * Speed of Motor A in range of 0 to 5.\n */\n speedA = 5;\n /**\n * Speed of Motor B in range of 0 to 5\n */\n speedB = 5;\n /**\n * Previous values of the pins.\n */\n prevValues: any = {\n IN1: -1,\n IN2: -1,\n IN3: -1,\n IN4: -1\n };\n\n /**\n * MotorDriver L298N constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('L298N', x, y, 'L298N.json', canvas);\n }\n /**\n * Initialize motor class.\n */\n init() {\n for (const node of this.nodes) {\n this.pinNamedMap[node.label] = node;\n }\n this.pinNamedMap['V IN'].addValueListener(v => {\n this.pinNamedMap['GND'].setValue(v, this.pinNamedMap['GND']);\n if (v >= 5) {\n this.pinNamedMap['5V IN'].setValue(5, this.pinNamedMap['5V IN']);\n }\n this.update();\n });\n\n this.pinNamedMap['IN1'].addValueListener(v => {\n if (v !== this.prevValues.IN1) {\n this.prevValues.IN1 = v;\n this.update();\n }\n });\n this.pinNamedMap['IN2'].addValueListener(v => {\n if (v !== this.prevValues.IN2) {\n this.prevValues.IN2 = v;\n this.update();\n }\n });\n this.pinNamedMap['IN3'].addValueListener(v => {\n if (v !== this.prevValues.IN3) {\n this.prevValues.IN3 = v;\n this.update();\n }\n });\n this.pinNamedMap['IN4'].addValueListener(v => {\n if (v !== this.prevValues.IN4) {\n this.prevValues.IN4 = v;\n this.update();\n }\n });\n }\n /**\n * Simulation Logic For L298N motor driver\n */\n update() {\n setTimeout(() => {\n if (this.pinNamedMap['IN1'].value > 0 && this.pinNamedMap['IN2'].value > 0) {\n window['showToast']('Both IN1 and IN2 Pins are High!');\n return;\n }\n\n if (this.pinNamedMap['IN3'].value > 0 && this.pinNamedMap['IN4'].value > 0) {\n window['showToast']('Both IN3 and IN4 Pins are High!');\n return;\n }\n }, 100);\n\n if (this.pinNamedMap['IN1'].value > 0) {\n this.pinNamedMap['Terminal 2'].setValue(\n this.pinNamedMap['V IN'].value * (this.speedA / 5),\n this.pinNamedMap['Terminal 2']\n );\n } else if (this.pinNamedMap['IN2'].value > 0) {\n this.pinNamedMap['Terminal 1'].setValue(\n this.pinNamedMap['V IN'].value * (this.speedA / 5),\n this.pinNamedMap['Terminal 1']\n );\n } else {\n this.pinNamedMap['Terminal 1'].setValue(\n 0,\n this.pinNamedMap['Terminal 1']\n );\n }\n\n if (this.pinNamedMap['IN3'].value > 0) {\n this.pinNamedMap['Terminal 4'].setValue(\n this.pinNamedMap['V IN'].value * (this.speedB / 5),\n this.pinNamedMap['Terminal 4']\n );\n } else if (this.pinNamedMap['IN4'].value > 0) {\n this.pinNamedMap['Terminal 3'].setValue(\n this.pinNamedMap['V IN'].value * (this.speedB / 5),\n this.pinNamedMap['Terminal 3']\n );\n } else {\n this.pinNamedMap['Terminal 3'].setValue(\n 0,\n this.pinNamedMap['Terminal 3']\n );\n }\n }\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n body.innerText = 'If you Don\\'t Connect The ENA and ENB Pins it automatically connects to the 5V suppy';\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'Motor Driver (L298N)'\n };\n }\n /**\n * Return the node which is connected to arduino\n * @param node The Node which need to be checked\n */\n private getArduino(node: Point) {\n if (\n node.connectedTo &&\n node.connectedTo.start &&\n node.connectedTo.start.parent.keyName === 'ArduinoUno'\n ) {\n return node.connectedTo.start;\n }\n if (\n node.connectedTo &&\n node.connectedTo.end &&\n node.connectedTo.end.parent.keyName === 'ArduinoUno'\n ) {\n return node.connectedTo.end;\n }\n return null;\n }\n /**\n * Called on Start Simulation\n */\n initSimulation(): void {\n const arduinoEnd: any = this.getArduino(this.pinNamedMap['ENB']);\n if (arduinoEnd) {\n const arduino = arduinoEnd.parent;\n (arduino as ArduinoUno).addPWM(arduinoEnd, (v, p) => {\n this.speedA = v / 100;\n this.update();\n });\n }\n\n const arduinoEnd1: any = this.getArduino(this.pinNamedMap['ENA']);\n if (arduinoEnd1) {\n const arduino = arduinoEnd1.parent;\n (arduino as ArduinoUno).addPWM(arduinoEnd1, (v, p) => {\n this.speedB = v / 100;\n this.update();\n });\n }\n\n }\n /**\n * Called on Stop Simulation\n */\n closeSimulation(): void {\n this.pinNamedMap['IN1'].value = -1;\n this.pinNamedMap['IN2'].value = -1;\n this.pinNamedMap['IN3'].value = -1;\n this.pinNamedMap['IN4'].value = -1;\n this.speedA = 5;\n this.speedB = 5;\n this.prevValues = {\n IN1: -1,\n IN2: -1,\n IN3: -1,\n IN4: -1\n };\n }\n}\n\n\n/**\n * Servo Motor class\n */\nexport class ServoMotor extends CircuitElement {\n\n /**\n * The Connected Arduino\n */\n arduino: ArduinoUno = null;\n /**\n * Set to keep track of visited nodes\n */\n visitedNodesv2 = new Set();\n /**\n * Pin Name mapped to Pins\n */\n pinNamedMap: any = {};\n /**\n * Flag to see if Servo is connected properly\n */\n connected = true;\n\n /**\n * Servo constructor\n * @param canvas Raphael Canvas (Paper)\n * @param x position x\n * @param y position y\n */\n constructor(public canvas: any, x: number, y: number) {\n super('ServoMotor', x, y, 'ServoMotor.json', canvas);\n }\n /**\n * Initializ Servo Motor\n */\n init() {\n // Initializing pinNamedMap\n for (const node of this.nodes) {\n this.pinNamedMap[node.label] = node;\n }\n\n this.nodes[1].addValueListener((v) => {\n if (v < 4 || v > 6) {\n window['showToast']('Low Voltage Applied');\n }\n this.nodes[0].setValue(v, this.nodes[1]);\n });\n }\n /**\n * Animate rotation of the shaft.\n * @param angle The Angle of the shaft\n * @param duration How much time it takes it to move\n */\n animate(angle: number, duration: number = 10) {\n const anim = Raphael.animation({ transform: `r${angle}` }, duration);\n this.elements[1].animate(anim);\n }\n\n /**\n * Function provides component details\n * @param keyName Unique Class name\n * @param id Component id\n * @param body body of property box\n * @param title Component title\n */\n properties(): { keyName: string; id: number; body: HTMLElement; title: string; } {\n const body = document.createElement('div');\n return {\n keyName: this.keyName,\n id: this.id,\n body,\n title: 'Servo Motor'\n };\n }\n /**\n * Called on Start Simulation\n */\n initSimulation(): void {\n // Check Connection\n if (!this.areAllNodesConnected()) {\n window['showToast']('Please Connect Servo Properly!');\n this.connected = false;\n return;\n }\n\n const gndPin = this.getRecArduinov2(this.pinNamedMap['GND'], 'GND');\n const powerPin = this.getRecArduinov2(this.pinNamedMap['POWER'], 'POWER');\n const signalPin = this.getRecArduinov2(this.pinNamedMap['Signal'], 'Signal');\n\n // Checks if signal pin is connected to an Arduino\n if (signalPin) {\n this.arduino = signalPin.parent as ArduinoUno;\n } else {\n window['showToast']('Arduino not found.');\n return;\n }\n\n if (powerPin && gndPin) {\n if (gndPin.label !== 'GND' || powerPin.label !== '5V') {\n this.connected = false;\n return;\n }\n } else {\n this.connected = false;\n return;\n }\n\n this.elements.undrag();\n const ok = this.elements[1].attr();\n this.elements[1].attr({\n transform: '',\n x: ok.x + this.tx,\n y: ok.y + this.ty\n });\n\n // Add a Servo event on arduino\n this.arduino.addServo(signalPin, (angle, prev) => {\n if (angle > 182) {\n return;\n }\n const duration = Math.abs(angle - (prev > 0 ? prev : 0)) * 5;\n this.animate(angle, duration);\n });\n }\n /**\n * Called on Stop Simulation\n */\n closeSimulation(): void {\n\n if (!this.connected) {\n this.connected = true;\n return;\n }\n this.arduino = null;\n this.elements[1].stop();\n const ok = this.elements[1].attr();\n this.elements[1].attr({\n transform: `t${this.tx},${this.ty}`,\n x: ok.x - this.tx,\n y: ok.y - this.ty\n });\n this.setDragListeners();\n }\n /**\n * Returns node connected to ArduinoUno\n * @param node node to start search on\n * @param startedOn label of node search started on\n * @returns ArduinoUno connected Node\n */\n getRecArduinov2(node: Point, startedOn: string) {\n try {\n if (node.connectedTo.start.parent.keyName === 'ArduinoUno') {\n // TODO: Return if ArduinoUno is connected to start node\n this.visitedNodesv2.clear();\n return node.connectedTo.start;\n } else if (node.connectedTo.end.parent.keyName === 'ArduinoUno') {\n // TODO: Return if ArduinoUno is connected to end node\n this.visitedNodesv2.clear();\n return node.connectedTo.end;\n } else if (node.connectedTo.start.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.start.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'BreadBoard' && !this.visitedNodesv2.has(node.connectedTo.end.gid)) {\n // TODO: Call recursive BreadBoard handler function if node is connected to Breadboard && visited nodes doesn't have node's gid\n return this.getRecArduinoBreadv2(node, startedOn);\n } else if (node.connectedTo.end.parent.keyName === 'Battery9v' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to 9V Battery\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'CoinCell' && window.scope.ArduinoUno.length === 0) {\n // TODO: Return false if node's end is connected to Coin Cell\n return false;\n } else if (node.connectedTo.end.parent.keyName === 'RelayModule') {\n // TODO: Handle RelayModule\n if (startedOn === 'POSITIVE') {\n // If search was started on Positive node then return connected node of VCC in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[3], startedOn);\n } else if (startedOn === 'NEGATIVE') {\n // If search was started on Negative node then return connected node of GND in Relay\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[5], startedOn);\n }\n } else {\n // TODO: If nothing matches\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.end.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.end.parent.nodes[e].gid !== node.connectedTo.end.gid\n && !this.visitedNodesv2.has(node.connectedTo.end.parent.nodes[e].gid) && node.connectedTo.end.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.end.parent.nodes[e].gid);\n // call back L293D Recursive Fn\n return this.getRecArduinov2(node.connectedTo.end.parent.nodes[e], startedOn);\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n // Loops through all nodes in parent\n for (const e in node.connectedTo.start.parent.nodes) {\n // IF: gid is different && gid not in visited node\n if (node.connectedTo.start.parent.nodes[e].gid !== node.connectedTo.start.gid\n && !this.visitedNodesv2.has(node.connectedTo.start.parent.nodes[e].gid)\n && node.connectedTo.start.parent.nodes[e].isConnected()) {\n // add gid in visited nodes\n this.visitedNodesv2.add(node.connectedTo.start.parent.nodes[e].gid);\n // call back L293D Recursive Fn\n return this.getRecArduinov2(node.connectedTo.start.parent.nodes[e], startedOn);\n }\n }\n }\n\n }\n } catch (e) {\n console.warn(e);\n return false;\n }\n\n }\n\n /**\n * Recursive Function to handle BreadBoard\n * @param node Node which is to be checked for BreadBoard\n */\n getRecArduinoBreadv2(node: Point, startedOn: string) {\n // IF/ELSE: Determine if start is to be used OR end for further recursion\n if (node.connectedTo.end.gid !== node.gid) {\n const bb = (node.connectedTo.end.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.end.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.end.label.substring(1, node.connectedTo.end.label.length)) {\n const ascii = node.connectedTo.end.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n } else if (node.connectedTo.start.gid !== node.gid) {\n const bb = (node.connectedTo.start.parent as BreadBoard);\n // loop through joined nodes of breadboard\n for (const e in bb.joined) {\n if (bb.joined[e].gid !== node.connectedTo.start.gid) {\n // Run only if substring matches\n if (bb.joined[e].label.substring(1, bb.joined[e].label.length)\n === node.connectedTo.start.label.substring(1, node.connectedTo.start.label.length)) {\n const ascii = node.connectedTo.start.label.charCodeAt(0);\n const currAscii = bb.joined[e].label.charCodeAt(0);\n // add gid to VisitedNode\n this.visitedNodesv2.add(bb.joined[e].gid);\n // IF/ELSE: determine which part of breadboard is connected\n if (ascii >= 97 && ascii <= 101) {\n if (bb.joined[e].isConnected() && (currAscii >= 97 && currAscii <= 101)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else if (ascii >= 102 && ascii <= 106) {\n if (bb.joined[e].isConnected() && (currAscii >= 102 && currAscii <= 106)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n } else {\n if (bb.joined[e].isConnected() && (bb.joined[e].label === node.connectedTo.end.label)) {\n return this.getRecArduinov2(bb.joined[e], startedOn);\n }\n }\n }\n }\n }\n }\n }\n\n /**\n * Function to check if all nodes of component is connected\n */\n areAllNodesConnected(): boolean {\n for (const node of this.nodes) {\n if (!node.isConnected()) {\n return false;\n }\n }\n return true;\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/alert/alert-modal/alert-modal.component.css", "content": ".close-button{\n margin: auto;\n}\n\n.content-message{\n text-align: center;\n}" }, { "path": "ArduinoFrontend/src/app/alert/alert-modal/alert-modal.component.html", "content": "
\n {{ data.message }}\n
\n
\n \n
\n" }, { "path": "ArduinoFrontend/src/app/alert/alert-modal/alert-modal.component.spec.ts", "content": "" }, { "path": "ArduinoFrontend/src/app/alert/alert-modal/alert-modal.component.ts", "content": "import { Component, Inject } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';\n\n/**\n * Interface For Alert Dialog data\n * @param message Message to be shown in the alert box\n * @param buttonText Text to be shown on the confirmation button\n */\ninterface AlertDialogData {\n message: string;\n buttonText?: string;\n}\n\n/**\n * Class For Alert Modal Component\n */\n@Component({\n selector: 'app-alert-modal',\n templateUrl: './alert-modal.component.html',\n styleUrls: ['./alert-modal.component.css']\n})\nexport class AlertModalComponent {\n /**\n * Constructor For Alert Modal\n * @param dialogRef Material Dialog Reference\n * @param data Data to be used in the alert box\n */\n constructor(public dialogRef: MatDialogRef, @Inject(MAT_DIALOG_DATA) public data: AlertDialogData) { }\n\n close(): void {\n // Close Dialog\n this.dialogRef.close();\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/alert/alert-service/alert.service.spec.ts", "content": "" }, { "path": "ArduinoFrontend/src/app/alert/alert-service/alert.service.ts", "content": "import { Injectable } from '@angular/core';\nimport { AlertModalComponent } from '../alert-modal/alert-modal.component';\nimport { MatDialog } from '@angular/material';\nimport { ConfirmModalComponent } from '../confirm-modal/confirm-modal.component';\nimport { OptionModalComponent } from '../option-modal/option-modal.component';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AlertService {\n\n private static dialog: MatDialog;\n\n constructor(public dialog: MatDialog) {\n AlertService.dialog = dialog;\n }\n\n static showAlert(message: string, buttonText: string = 'OK') {\n const dialogRef = AlertService.dialog.open(AlertModalComponent, {\n data: { message, buttonText }\n });\n dialogRef.afterClosed();\n }\n\n static showConfirm(message, yesFunction: () => any, noFunction?: () => any, yesButtonText: string = 'Yes', noButtonText: string = 'No') {\n const dialogRef = AlertService.dialog.open(ConfirmModalComponent, {\n data: {\n message,\n yesButtonText,\n noButtonText,\n yesFunction,\n noFunction,\n },\n });\n dialogRef.afterClosed().subscribe(value => {\n if (value) {\n yesFunction();\n } else {\n noFunction();\n }\n });\n }\n\n static showOptions(\n message,\n option1Function: () => any,\n option2Function?: () => any,\n cancelFunction?: () => any,\n option1Text: string = 'Option 1',\n option2Text: string = 'Option 2',\n cancelButtonText: string = 'Cancel') {\n const dialogRef = AlertService.dialog.open(OptionModalComponent, {\n data: {\n message,\n option1Text,\n option2Text,\n cancelButtonText,\n option1Function,\n option2Function,\n cancelFunction,\n },\n });\n dialogRef.afterClosed().subscribe(value => {\n if (value === 1) {\n option1Function();\n } else if (value === 2) {\n option2Function();\n } else {\n cancelFunction();\n }\n });\n }\n\n static showCustom(component, data, subscriber) {\n const dialogRef = AlertService.dialog.open(component, { data });\n dialogRef.afterClosed().subscribe(subscriber);\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/alert/confirm-modal/confirm-modal.component.css", "content": ".confirm-buttons{\n text-align: center;\n display: block;\n}\n\n.response-button {\n display: inline-block;\n}" }, { "path": "ArduinoFrontend/src/app/alert/confirm-modal/confirm-modal.component.html", "content": "
\n {{ data.message }}\n
\n
\n \n \n \n
\n" }, { "path": "ArduinoFrontend/src/app/alert/confirm-modal/confirm-modal.component.spec.ts", "content": "" }, { "path": "ArduinoFrontend/src/app/alert/confirm-modal/confirm-modal.component.ts", "content": "import { Component, Inject } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';\n\n/**\n * Interface For Confirm Dialog data\n * @param message Message to be shown in the confirm box\n * @param yesButtonText Text to be shown on the confirmation button\n * @param noButtonText Text to be shown on the confirmation button\n * @param yesFunction Callback function after clicking yes\n * @param noFunction Callback function after clicking no\n */\ninterface ConfirmDialogData {\n message: string;\n yesButtonText?: string;\n noButtonText?: string;\n cancelButtonText?: string;\n yesFunction: () => any;\n noFunction?: () => any;\n cancelFunction?: () => any;\n}\n\n/**\n * Class For Confirm Modal Component\n */\n@Component({\n selector: 'app-confirm-modal',\n templateUrl: './confirm-modal.component.html',\n styleUrls: ['./confirm-modal.component.css']\n})\nexport class ConfirmModalComponent {\n /**\n * Constructor For Alert Modal\n * @param dialogRef Material Dialog Reference\n * @param data Data to be used in the alert box\n */\n constructor(public dialogRef: MatDialogRef, @Inject(MAT_DIALOG_DATA) public data: ConfirmDialogData) { }\n\n onConfirm(): void {\n // Close the dialog, return true\n this.dialogRef.close(true);\n }\n\n onDeny(): void {\n // Close the dialog, return false\n this.dialogRef.close(false);\n }\n\n onCancel(): void {\n // Close the dialog, return null\n this.dialogRef.close(null);\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/alert/option-modal/option-modal.component.css", "content": ".option-buttons{\n text-align: center;\n display: block;\n}\n\n.response-button {\n display: block;\n width: 100%;\n margin: 10px 0px !important;\n}\n" }, { "path": "ArduinoFrontend/src/app/alert/option-modal/option-modal.component.html", "content": "
\n {{ data.message }}\n
\n
\n \n \n \n
\n" }, { "path": "ArduinoFrontend/src/app/alert/option-modal/option-modal.component.ts", "content": "import { Component, Inject } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';\n\n/**\n * Interface For option Dialog data\n * @param message Message to be shown in the option box\n * @param option1Text Text to be shown for option1 button\n * @param option2Text Text to be shown for option2 button\n * @param cancelButtonText Text to be shown for cancelling\n * @param option1Function Callback function after selecting option1\n * @param option2Function Callback function after selecting option2\n */\ninterface OptionDialogData {\n message: string;\n option1Text?: string;\n option2Text?: string;\n cancelButtonText?: string;\n option1Function: () => any;\n option2Function?: () => any;\n cancelFunction?: () => any;\n}\n\n/**\n * Class For Option Modal Component\n */\n@Component({\n selector: 'app-option-modal',\n templateUrl: './option-modal.component.html',\n styleUrls: ['./option-modal.component.css']\n})\nexport class OptionModalComponent {\n /**\n * Constructor For Alert Modal\n * @param dialogRef Material Dialog Reference\n * @param data Data to be used in the alert box\n */\n constructor(public dialogRef: MatDialogRef, @Inject(MAT_DIALOG_DATA) public data: OptionDialogData) { }\n\n onOption1(): void {\n // Close the dialog, return 1\n this.dialogRef.close(1);\n }\n\n onOption2(): void {\n // Close the dialog, return 2\n this.dialogRef.close(2);\n }\n\n onDismiss(): void {\n // Close the dialog, return 0\n this.dialogRef.close(0);\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/api.service.spec.ts", "content": "import { TestBed } from '@angular/core/testing';\n\nimport { ApiService } from './api.service';\nimport { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';\nimport { RouterTestingModule } from '@angular/router/testing';\n\ndescribe('ApiService', () => {\n beforeEach(() => TestBed.configureTestingModule({\n imports: [HttpClientTestingModule, RouterTestingModule]\n }));\n\n it('should be created', () => {\n const service: ApiService = TestBed.get(ApiService);\n expect(service).toBeTruthy();\n });\n});\n" }, { "path": "ArduinoFrontend/src/app/api.service.ts", "content": "import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';\nimport { Observable, Subject } from 'rxjs';\nimport { environment } from '../environments/environment';\nimport { Login } from './Libs/Login';\nimport { ActivatedRoute } from '@angular/router';\n\n/**\n * Class For handlind API.\n */\n/**\n * Injectable\n */\n@Injectable({\n providedIn: 'root'\n})\nexport class ApiService {\n /**\n * The API URL\n */\n url = environment.API_URL;\n /**\n * Constructor for api\n * @param http For http request & response\n */\n\n isAuthenticated = new Subject();\n\n constructor(\n private http: HttpClient,\n public aroute: ActivatedRoute\n ) {\n }\n /**\n * Get Http Headers only for those API calls where token is not mandatory\n * @param token Login Token\n * @returns Http headers as per given parameter and environment\n */\n httpHeaders(token: string) {\n if (environment.production) {\n if (token) {\n return new HttpHeaders({\n 'Content-Type': 'application/json',\n Authorization: `Token ${token}`,\n 'Access-Control-Allow-Origin': '*',\n });\n } else {\n return new HttpHeaders({\n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*',\n });\n }\n } else {\n if (token) {\n return new HttpHeaders({\n 'Content-Type': 'application/json',\n Authorization: `Token ${token}`,\n });\n } else {\n return new HttpHeaders({\n 'Content-Type': 'application/json',\n });\n }\n }\n }\n /**\n * Save Project to Cloud\n * @param data The Project data\n * @param token Auth Token\n */\n saveProject(data: any, token: string) {\n if (data.description === '') {\n data.description = null;\n }\n return this.http.post(`${this.url}api/save`, data, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Save Project to Gallery\n * @param data The Project gallery data\n * @param token Auth Token\n */\n saveProjectToGallery(data: any, token: string) {\n return this.http.post(`${this.url}api/save/gallery/` + data.save_id, data, {\n headers: new HttpHeaders({\n // 'Content-Type': 'application/json',\n Authorization: `Token ${token}`,\n // 'Access-Control-Allow-Origin': '*',\n })\n });\n }\n /**\n * List all the project created by an user\n * @param token Auth Token\n */\n listProject(token) {\n return this.http.get(`${this.url}api/save/arduino/list`, {\n headers: this.httpHeaders(token)\n });\n }\n /**\n * Read Project using id\n * @param id Read Project ID\n * @param branch Branch of Variation\n * @param version Version of Variation\n * @param token Auth Token\n */\n readProject(id: string, branch: string, version: string, token: string) {\n let url = `${this.url}api/save/${id}`;\n url += version ? `/${version}` : '';\n url += branch ? `/${branch}` : '';\n return this.http.get(url, {\n headers: this.httpHeaders(token)\n });\n }\n /**\n * Find Project using Project name\n * @param title Project name that needs to be searched\n * @param token Auth Token\n */\n searchProject(title: string, token: string) {\n const url = encodeURI(`${this.url}api/save/search?name__icontains=${title}&is_arduino=true`);\n return this.http.get(url, {\n headers: this.httpHeaders(token),\n });\n }\n /**\n * Update Project from the project id\n * @param id Project id\n * @param data Updated Project Data\n * @param token Auth Token\n */\n updateProject(id: string, data: any, token: string) {\n data.save_id = id;\n return this.http.post(`${this.url}api/save`, data, {\n headers: this.httpHeaders(token),\n });\n }\n /**\n * Delete Project From Database\n * @param id Project id\n * @param token Auth Token\n */\n deleteProject(id, token): Observable {\n return this.http.delete(`${this.url}api/save/${id}`, {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json',\n Authorization: `Token ${token}`,\n // 'Access-Control-Allow-Origin': '*',\n }),\n observe: 'response',\n });\n }\n /**\n * Compiles INO code and returns the status and task id\n * @param data The Code and id of arduino\n */\n compileCodeINO(data: any): Observable {\n return this.http.post(`${this.url}api/arduino/compileINO`, data);\n }\n /**\n * Compiles IN code and returns the status and task id\n * @param data The Code and id of arduino\n */\n compileCodeInlineAssembly(data: any): Observable {\n return this.http.post(`${this.url}api/arduino/compileInlineAssembly`, data);\n }\n /**\n * Returns the hex of the compiled code\n * @param taskId Compilation Task ID\n */\n getHex(taskId: string): Observable {\n return this.http.get(`${this.url}api/arduino/compile/status?task_id=${taskId}`);\n }\n /**\n * returns the user name and email\n * @param token Auth Token\n */\n userInfo(token: string): Observable {\n return this.http.get(`${this.url}api/auth/users/me`, {\n headers: this.httpHeaders(token),\n });\n }\n /**\n * Enable/Disable Sharing a Project\n * @param id Project id\n * @param on Sharing State\n * @param token Auth token\n */\n Sharing(id: string, branch: string, version: string, on: boolean, token: string) {\n const state = on ? 'on' : 'off';\n return this.http.post(`${this.url}api/save/${id}/sharing/${state}/${version}/${branch}`, {}, {\n headers: this.httpHeaders(token)\n });\n }\n /**\n * Fetch Samples\n */\n fetchSamples(): Observable {\n // return this.http.get('./assets/samples/Samples.json');\n return this.http.get(`${this.url}api/save/gallery?is_arduino=true`);\n }\n\n /**\n * Fetchs single project gallery to simulator\n * @param id unique id for gallery circuit\n */\n fetchSingleProjectToGallery(id: any) {\n return this.http.get(`${this.url}api/save/gallery/` + id);\n }\n\n /**\n * Deletes single project from gallery\n * @param id Project id\n * @param token Auth Token\n */\n deleteProjectFromGallery(id: any, token: any) {\n return this.http.delete(`${this.url}api/save/gallery/` + id, {\n headers: new HttpHeaders({\n Authorization: `Token ${token}`,\n })\n });\n }\n\n /**\n * List all the variations with save id\n * @param id Project id\n * @param token Auth Token\n */\n listAllVersions(id, token): Observable {\n return this.http.get(`${this.url}api/save/versions/${id}`, {\n headers: this.httpHeaders(token)\n });\n }\n\n /**\n * Delete specific branch\n * @param id Project Id\n * @param branch Branch of variation\n * @param token Auth Token\n */\n deleteBranch(id, branch, token) {\n return this.http.delete(`${this.url}api/save/versions/${id}/${branch}`, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Delete specifit variation\n * @param id Project Id\n * @param branch Branch of variation\n * @param version Version of variation\n * @param token Auth Token\n */\n deleteVariation(id, branch, version, token) {\n return this.http.delete(`${this.url}api/save/versions/${version}/${id}/${branch}`, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Request to fetch LTI App details for id of the given circuit\n * @param id save_id of the circuit\n * @param token Auth Token\n */\n existLTIURL(id: string, token: string) {\n return this.http.get(`${this.url}api/lti/exist/${id}`, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Request to fetch Arduino LTI App details for id of the given circuit\n * @param id save_id of the circuit\n * @param token Auth Token\n */\n ArduinoexistLTIURL(id: string, token: string) {\n return this.http.get(`${this.url}api/lti/exist/arduino/${id}`, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Request to save LTI details at the backend\n * @param token Auth Token\n * @param data LTI Details containing ids of model and student circuits, consumer and secret keys\n */\n saveLTIDetails(token: string, data: any) {\n return this.http.post(`${this.url}api/lti/build/`, data, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Request to save LTI details at the backend\n * @param token Auth Token\n * @param data LTI Details containing ids of model and student circuits, consumer and secret keys\n */\n saveArduinoLTIDetails(token: string, data: any) {\n return this.http.post(`${this.url}api/lti/build/arduino`, data, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Resuest for view code\n * @param id Arduino LTI session id\n * @param token Auth Token\n * @returns Boolean for student being able to see the code\n */\n viewArduinoCode(id, token): Observable {\n return this.http.get(`${this.url}api/lti/arduino/viewcode/${id}`, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Requests for deleting the LTI app\n * @param id Model Circuit ID Number\n * @param token Auth Token\n */\n removeLTIDetails(id: number, token: string) {\n return this.http.delete(`${this.url}api/lti/delete/${id}`, {\n headers: new HttpHeaders({\n Authorization: `Token ${token}`,\n })\n });\n }\n\n /**\n * Requests for deleting the Arduino LTI app\n * @param id Model Circuit ID Number\n * @param token Auth Token\n */\n removeArduinoLTIDetails(id: number, token: string) {\n return this.http.delete(`${this.url}api/lti/arduino/delete/${id}`, {\n headers: new HttpHeaders({\n Authorization: `Token ${token}`,\n })\n });\n }\n\n /**\n * Development Mode Login.\n */\n login() {\n return new Promise((reslove, reject) => {\n if (environment.production === false) {\n this.aroute.queryParams.subscribe((paramData: any) => {\n if (paramData.token != null) {\n localStorage.setItem('esim_token', paramData.token);\n this.isAuthenticated.next(true);\n reslove(1);\n } else if (Login.getToken()) {\n this.isAuthenticated.next(true);\n reslove(1);\n }\n });\n } else {\n reslove(0);\n }\n });\n }\n\n /**\n * Request to update LTI details at the backend\n * @param token Auth Token\n * @param data LTI Details containing ids of model and student circuits, consumer and secret keys\n */\n updateLTIDetails(token: string, data: any) {\n return this.http.post(`${this.url}api/lti/update/`, data, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Request to update LTI details for Arduino at the backend\n * @param token Auth Token\n * @param data LTI Details containing ids of model and student circuits, consumer and secret keys\n */\n updateArduinoLTIDetails(token: string, data: any) {\n return this.http.post(`${this.url}api/lti/update_arduino/`, data, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Requests for creating submission for the circuit with given id\n * @param token Auth Token\n * @param data LTI data (contains save_id, lti_id, lti_nonce, lti_user_id)\n */\n submitCircuit(token: string, data: any) {\n return this.http.post(`${this.url}api/lti/submit/`, data, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Requests for creating submission for the Arduino circuit with given id\n * @param token Auth Token\n * @param data LTI data (contains save_id, lti_id, lti_nonce, lti_user_id)\n */\n arduinoSubmitCircuit(token: string, data: any) {\n return this.http.post(`${this.url}api/lti/arduino/submit/`, data, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Requests to retrieve all the submissions for given LTI App from backend\n * @param id save_id of the circuit\n * @param branch branch of the circuit\n * @param version version of the circuit\n * @param token Auth Token\n */\n getSubmissions(id: string, branch: string, version: string, token: string) {\n return this.http.get(`${this.url}api/lti/submissions/${id}/${version}/${branch}`, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Requests to retrieve all the submissions for given Arduino LTI App from backend\n * @param id save_id of the circuit\n * @param branch branch of the circuit\n * @param version version of the circuit\n * @param token Auth Token\n */\n getArduinoSubmissions(id: string, branch: string, version: string, token: string) {\n return this.http.get(`${this.url}api/lti/arduino/submissions/${id}/${version}/${branch}`, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Logout\n */\n logout(token): void {\n console.log(token);\n this.http.post(`${this.url}api/auth/token/logout/`, '', {\n headers: new HttpHeaders({\n Authorization: `Token ${token}`\n })\n }).subscribe(() => {\n this.isAuthenticated.next(false);\n Login.logout();\n }, (e) => { console.log(e); });\n }\n /**\n * Specific User Role.\n * @param token Auth Token\n */\n getRole(token): Observable {\n return this.http.get(`${this.url}api/workflow/role/`, {\n headers: new HttpHeaders({\n // 'Content-Type': 'application/json',\n Authorization: `Token ${token}`,\n // 'Access-Control-Allow-Origin': '*',\n })\n });\n }\n\n storeSimulationData(id, token, data: object) {\n return this.http.post(`${this.url}api/save/arduinodata/${id}`, data, {\n headers: this.httpHeaders(token),\n });\n }\n\n /**\n * Request for storing Arduino LTI Simulation data\n * @param id Circuit ID\n * @param lti_id Arduino LTI ID\n * @param token Login Token\n * @param data Simulation Data performed by the student\n */\n storeLTISimulationData(id, ltiId: number, token, data: object) {\n return this.http.post(`${this.url}api/lti/save/arduinodata/${id}/${ltiId}`, data, {\n headers: this.httpHeaders(token),\n });\n }\n\n\n getSimulationData(id, version, branch, token: string): Observable {\n return this.http.get(`${this.url}api/save/arduinodata/${id}/${version}/${branch}`, {\n headers: this.httpHeaders(token),\n });\n }\n\n getLTISimulationData(id, ltiId): Observable {\n return this.http.get(`${this.url}api/lti/save/arduinodata/${id}/${ltiId}`);\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/app-routing.module.ts", "content": "import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\n\nimport { SimulatorComponent } from './simulator/simulator.component';\nimport { FrontPageComponent } from './front-page/front-page.component';\nimport { GalleryComponent } from './gallery/gallery.component';\nimport { ViewProjectComponent } from './view-project/view-project.component';\nimport { LTIFormComponent } from './lti-form/lti-form.component';\nimport { SubmissionlistComponent } from './submissionlist/submissionlist.component';\n\nconst routes: Routes = [\n { path: '', component: FrontPageComponent },\n { path: 'project/:slug', component: ViewProjectComponent },\n {\n path: 'dashboard',\n loadChildren: './dashboard/dashboard.module#DashboardModule'\n },\n { path: 'simulator', component: SimulatorComponent },\n { path: 'lti', component: LTIFormComponent },\n { path: 'submissions', component: SubmissionlistComponent },\n];\n\n@NgModule({\n imports: [RouterModule.forRoot(routes)],\n exports: [RouterModule]\n})\nexport class AppRoutingModule { }\n" }, { "path": "ArduinoFrontend/src/app/app.component.css", "content": "" }, { "path": "ArduinoFrontend/src/app/app.component.html", "content": "\n" }, { "path": "ArduinoFrontend/src/app/app.component.spec.ts", "content": "import { TestBed, async } from '@angular/core/testing';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { AppComponent } from './app.component';\n\ndescribe('AppComponent', () => {\n beforeEach(async(() => {\n TestBed.configureTestingModule({\n imports: [\n RouterTestingModule\n ],\n declarations: [\n AppComponent\n ],\n }).compileComponents();\n }));\n\n it('should create the app', () => {\n const fixture = TestBed.createComponent(AppComponent);\n const app = fixture.debugElement.componentInstance;\n expect(app).toBeTruthy();\n });\n});\n" }, { "path": "ArduinoFrontend/src/app/app.component.ts", "content": "import { Component, AfterViewInit } from '@angular/core';\n\n/**\n * The Main App Component\n */\n@Component({\n selector: 'app-root',\n templateUrl: './app.component.html',\n styleUrls: ['./app.component.css']\n})\nexport class AppComponent implements AfterViewInit {\n /**\n * The Title of the app\n */\n title = 'Arduino On Cloud';\n /**\n * Called after everything is loaded\n */\n ngAfterViewInit() {\n // Hide loading animation\n document.getElementById('loadanim').style.display = 'none';\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/app.module.ts", "content": "import { BrowserModule } from '@angular/platform-browser';\nimport { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { AppRoutingModule } from './app-routing.module';\nimport { AppComponent } from './app.component';\nimport { DashboardComponent } from './dashboard/dashboard.component';\nimport { SimulatorComponent } from './simulator/simulator.component';\n// import { ClipboardModule } from '@angular/cdk/clipboard';\n\nimport { MonacoEditorModule, NgxMonacoEditorConfig } from 'ngx-monaco-editor';\nimport { CodeEditorComponent } from './code-editor/code-editor.component';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n// import { PathLocationStrategy, LocationStrategy } from '@angular/common';\nimport { HashLocationStrategy, LocationStrategy } from '@angular/common';\nimport { ViewComponentInfoComponent } from './view-component-info/view-component-info.component';\nimport { HttpClientModule } from '@angular/common/http';\nimport { ExportfileComponent } from './exportfile/exportfile.component';\nimport { ComponentlistComponent } from './componentlist/componentlist.component';\nimport { FrontPageComponent } from './front-page/front-page.component';\nimport { GalleryComponent } from './gallery/gallery.component';\nimport { HeaderComponent } from './header/header.component';\nimport { ViewProjectComponent } from './view-project/view-project.component';\nimport { AlertModalComponent } from './alert/alert-modal/alert-modal.component';\nimport { ConfirmModalComponent } from './alert/confirm-modal/confirm-modal.component';\nimport { ExportJSONDialogComponent } from './export-jsondialog/export-jsondialog.component';\nimport { ExitConfirmDialogComponent } from './exit-confirm-dialog/exit-confirm-dialog.component';\nimport { SaveProjectDialogComponent } from './simulator/save-project-dialog/save-project-dialog.component';\nimport { OptionModalComponent } from './alert/option-modal/option-modal.component';\nimport { VersioningPanelComponent } from './versioning-panel/versioning-panel.component';\nimport { CreateVariationDialogComponent } from './versioning-panel/create-variation-dialog/create-variation-dialog.component';\nimport { SidePanelComponent } from './side-panel/side-panel.component';\nimport { MaterialModule } from './common/material.module';\nimport { DashboardModule } from './dashboard/dashboard.module';\nimport { SharedModule } from './common/SharedModule.module';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { ScrollingModule } from '@angular/cdk/scrolling';\nimport { LTIFormComponent } from './lti-form/lti-form.component';\nimport { SubmissionlistComponent } from './submissionlist/submissionlist.component';\nimport { ViewCodeComponent } from './lti-form/view-code/view-code.component';\nimport { GraphComponent } from './graph/graph.component';\nimport { GraphDataService } from './graph-data.service';\nimport { GraphlistComponent } from './graphlist/graphlist.component';\n\n/**\n * Monaco OnLoad Function\n */\nexport function onMonacoLoad() { }\n\n/**\n * Monaco editor config for loading js files\n */\nconst monacoConfig: NgxMonacoEditorConfig = {\n baseUrl: './assets',\n defaultOptions: { scrollBeyondLastLine: false },\n onMonacoLoad\n};\n\n\n\n@NgModule({\n declarations: [\n AppComponent,\n SimulatorComponent,\n CodeEditorComponent,\n ViewComponentInfoComponent,\n ExportfileComponent,\n ComponentlistComponent,\n FrontPageComponent,\n // GalleryComponent,\n ViewProjectComponent,\n // HeaderComponent,\n AlertModalComponent,\n ConfirmModalComponent,\n OptionModalComponent,\n ExportJSONDialogComponent,\n ExitConfirmDialogComponent,\n SaveProjectDialogComponent,\n VersioningPanelComponent,\n CreateVariationDialogComponent,\n LTIFormComponent,\n SubmissionlistComponent,\n ViewCodeComponent,\n GraphComponent,\n GraphlistComponent,\n ],\n imports: [\n BrowserModule,\n AppRoutingModule,\n FormsModule,\n ReactiveFormsModule,\n MonacoEditorModule.forRoot(monacoConfig),\n BrowserAnimationsModule,\n MaterialModule,\n HttpClientModule,\n SharedModule, // shared module for Header component\n DragDropModule,\n ScrollingModule,\n ],\n // providers: [{provide: LocationStrategy, useClass: PathLocationStrategy}],\n providers: [{ provide: LocationStrategy, useClass: HashLocationStrategy }, GraphDataService],\n bootstrap: [AppComponent],\n entryComponents: [\n ViewComponentInfoComponent,\n ExportfileComponent,\n ComponentlistComponent,\n AlertModalComponent,\n ConfirmModalComponent,\n OptionModalComponent,\n ExportJSONDialogComponent,\n ExitConfirmDialogComponent,\n SaveProjectDialogComponent,\n CreateVariationDialogComponent,\n ],\n schemas: [\n CUSTOM_ELEMENTS_SCHEMA\n ],\n exports: [AppComponent]\n})\nexport class AppModule { }\n" }, { "path": "ArduinoFrontend/src/app/code-editor/code-editor.component.css", "content": ".alert {\n border-bottom: 1px solid;\n border-top: 1px solid;\n padding: 8px;\n margin-bottom: 0px;\n display: flex;\n}\n\n.include {\n font-size: 12px;\n line-height: 15px;\n padding-right: 10px;\n padding-left: 5px;\n}\n\n.name {\n margin-left: 12px;\n font-weight: 500;\n width: 80px;\n line-height: 34px;\n font-size: 14px;\n}\n\n.description {\n text-overflow: ellipsis;\n overflow: hidden;\n display: flex;\n max-height: 36px;\n line-height: 36px;\n width: calc(100% - 220px);\n font-size: 12px;\n padding-left: 16px;\n}\n\n.icon {\n position: relative;\n width: 30px;\n height: 30px;\n margin-right: 3px;\n margin-top: 3px;\n}" }, { "path": "ArduinoFrontend/src/app/code-editor/code-editor.component.html", "content": "
\n\n
\n

No Programmable Component in this Circuit

\n
\n\n
0\">\n
\n \n \n \n
\n
\n \n
\n
\n
\n
\n \n
\n
\n
\n\n
\n
\n \n
{{record.name}}
\n
{{record.Description}}
\n \n \n
\n
\n \n \n
\n\n
\n" }, { "path": "ArduinoFrontend/src/app/code-editor/code-editor.component.spec.ts", "content": "import { async, ComponentFixture, TestBed } from '@angular/core/testing';\n\nimport { CodeEditorComponent } from './code-editor.component';\nimport { NO_ERRORS_SCHEMA } from '@angular/core';\n\ndescribe('CodeEditorComponent', () => {\n let component: CodeEditorComponent;\n let fixture: ComponentFixture;\n\n beforeEach(async(() => {\n TestBed.configureTestingModule({\n declarations: [ CodeEditorComponent ],\n schemas: [NO_ERRORS_SCHEMA]\n })\n .compileComponents();\n }));\n\n beforeEach(() => {\n fixture = TestBed.createComponent(CodeEditorComponent);\n component = fixture.componentInstance;\n fixture.detectChanges();\n });\n\n it('should create', () => {\n expect(component).toBeTruthy();\n });\n});\n" }, { "path": "ArduinoFrontend/src/app/code-editor/code-editor.component.ts", "content": "import { Component, OnInit, Input } from '@angular/core';\nimport { ArduinoUno } from '../Libs/outputs/Arduino';\nimport { Download } from '../Libs/Download';\n\n/**\n * For Handling Time ie. Prevent moment error\n */\ndeclare var monaco;\ndeclare var window;\n\n/**\n * Code Editor Component\n */\n@Component({\n selector: 'app-code-editor',\n templateUrl: './code-editor.component.html',\n styleUrls: ['./code-editor.component.css']\n})\nexport class CodeEditorComponent {\n // TODO: Fetch records and Suggestion from api\n\n /**\n * Initialization variable for code editor\n */\n private init = false;\n /**\n * Monaco code editor options\n */\n editorOptions = {\n theme: 'vs',\n language: 'c'\n };\n /**\n * Instance of Monaco editor\n */\n editor: any;\n /**\n * Libraries that are already present\n */\n records = [\n {\n include: 'EEPROM.h',\n name: 'EEPROM',\n Description: 'Reading and writing to permanent storage',\n url: 'https://www.arduino.cc/en/Reference/EEPROM'\n },\n {\n include: 'LiquidCrystal.h',\n name: 'LiquidCrystal',\n Description: 'Controlling liquid crystal displays (LCDs)',\n url: 'https://www.arduino.cc/en/Reference/LiquidCrystal'\n },\n {\n include: 'Servo.h',\n name: 'Servo',\n Description: 'Controlling Servo motor',\n url: 'https://www.arduino.cc/en/Reference/Servo'\n },\n {\n include: 'SoftwareSerial.h',\n name: 'SoftwareSerial',\n Description: 'Allow serial communication on other digital pins of the Arduino',\n url: 'https://www.arduino.cc/en/Reference/SoftwareSerial'\n },\n {\n include: 'Wire.h',\n name: 'Wire',\n Description: 'This library allows you to communicate with I2C / TWI devices',\n url: 'https://www.arduino.cc/en/Reference/Wire'\n },\n {\n include: 'SPI.h',\n name: 'SPI',\n Description: 'Communicating with devices using the Serial Peripheral Interface (SPI) Bus',\n url: 'https://www.arduino.cc/en/Reference/SPI'\n }\n ];\n /**\n * Code inside the Monaco editor\n */\n code = '';\n /**\n * Names of Arduino\n */\n names: string[] = [];\n /**\n * List of Programming languages available\n */\n lang: string[] = ['Arduino .ino file', 'C inline assembly'];\n /**\n * Selected programming language\n */\n langIndex = 0;\n /**\n * Instance of Arduino uno for updating code\n */\n arduinos: ArduinoUno[] = [];\n /**\n * Selected Arduino Index\n */\n selectedIndex = 0;\n /**\n * Width of the Code editor\n */\n @Input() width = 500;\n /**\n * Height of the code editor in terms of VH\n */\n @Input() height = 80;\n /**\n * Code Visibility in LTI mode\n */\n @Input() codeView = true;\n /**\n * Reninitialize arduino names\n */\n @Input('reinit')\n set reinit(value: boolean) {\n // Set Global variable to tell that code editor is opened\n window['isCodeEditorOpened'] = value;\n\n if (value) {\n // Clear names and instances\n this.names = [];\n this.arduinos = [];\n // get Names and instances\n for (const key in window['ArduinoUno_name']) {\n if (window['ArduinoUno_name'][key]) {\n this.names.push(key);\n this.arduinos.push(window['ArduinoUno_name'][key]);\n }\n }\n // reset selected index\n if (this.selectedIndex >= this.arduinos.length) {\n this.selectedIndex = 0;\n }\n // select the code of respective arduino\n if (this.arduinos.length > 0) {\n this.code = this.arduinos[this.selectedIndex].code;\n }\n // show loading animation if code editor is nor initialized\n if (this.names.length !== 0 && !this.init) {\n window['showLoading']();\n }\n }\n }\n /**\n * Download the code from code editor\n */\n DownloadCode() {\n Download.DownloadText(this.names[this.selectedIndex] + '.ino',\n [this.code],\n {\n type: 'text/ino;charset=utf-8;'\n });\n }\n /**\n * Include the header to the code\n * @param i Index of the Library that needs to be included\n */\n Include(i) {\n this.editor.executeEdits('code-editor', [{\n identifier: { major: 1, minor: 1 },\n range: new monaco.Range(1, 1, 1, 1),\n text: '#include <' + this.records[i].include + '>\\n',\n forceMoveMarkers: false\n }]);\n this.openFolder();\n }\n /**\n * On Monaco code editor initialization\n * @param editor Monaco Editor Instance\n */\n onInit(editor) {\n this.init = true;\n window['hideLoading']();\n this.editor = editor;\n monaco.languages.registerCompletionItemProvider('c', {\n provideCompletionItems: () => {\n return {\n // If more function needs to add then add to the following array\n // https://www.arduino.cc/en/Reference\n suggestions: [\n {\n label: 'digitalRead', // Searching Parameter\n kind: monaco.languages.CompletionItemKind.Function, // Type of Completion\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet, // Insertion Rule\n documentation: 'Read Digital Value', // The Documentation copied from arduino.cc\n insertText: 'digitalRead(${1:PIN});', // The inserted text\n },\n {\n label: 'digitalWrite',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Write a HIGH or a LOW value to a digital pin',\n\n insertText: 'digitalWrite(${1:pin}, ${2:value});',\n },\n {\n label: 'pinMode',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Configures the specified pin',\n insertText: 'pinMode(${1:pin}, ${2:mode});',\n },\n {\n label: 'analogRead',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Read Anolog Value',\n insertText: 'analogRead(${1:pin});',\n },\n {\n label: 'analogWrite',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Writes an analog value (PWM wave) to a pin.',\n insertText: 'analogWrite(${1:pin}, ${2:value});',\n },\n {\n label: 'analogReference',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Configures the reference voltage',\n insertText: 'analogReference(${1:type});',\n },\n {\n label: 'analogReadresolution',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Sets the size of analogRead value',\n insertText: 'analogReadResolution(${1:bits});',\n },\n {\n label: 'analogReadResolution',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Sets the size of analogRead value',\n insertText: 'analogReadResolution(${1:bits});',\n },\n {\n label: 'analogWriteResolution',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Sets the resolution of analogWrite value',\n insertText: 'analogWriteResolution(${1:bits});',\n },\n {\n label: 'noTone',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Stops the generation of a square wave',\n insertText: 'noTone(${1:pin});',\n },\n {\n label: 'pulseIn',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Reads a pulse',\n insertText: 'pulseIn(${1:pin}, ${2:value});',\n },\n {\n label: 'pulseIn',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Reads a pulse',\n insertText: 'pulseIn(${1:pin}, ${2:value}, ${3:timeout});',\n },\n {\n label: 'pulseInLong',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Reads a long pulse',\n insertText: 'pulseInLong(${1:pin}, ${2:value});',\n },\n {\n label: 'pulseInLong',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Reads a long pulse',\n insertText: 'pulseInLong(${1:pin}, ${2:value}, ${3:timeout});',\n },\n {\n label: 'ShiftIn',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Shifts in a byte of data one bit at a time',\n insertText: 'shiftIn(${1:dataPin}, ${2:clockPin}, ${3:bitOrder});',\n },\n {\n label: 'ShiftOut',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Shifts out a byte of data one bit at a time',\n insertText: 'shiftOut(${1:dataPin}, ${2:clockPin}, ${3:bitOrder}, ${4:value});',\n },\n {\n label: 'tone',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Generates a square wave of specified frequency',\n insertText: 'tone(${1:pin}, ${2:frequency});',\n },\n {\n label: 'tone',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Generates a square wave of specified frequency',\n insertText: 'tone(${1:pin}, ${2:frequency}, ${3:duration});',\n },\n {\n label: 'delay',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'amount of time(milliseconds)',\n insertText: 'delay(${1:ms});',\n },\n {\n label: 'delayMicroseconds',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'amount of time(microseconds)',\n insertText: 'delayMicroseconds(${1:us});',\n },\n {\n label: 'micros',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Returns the number of microseconds',\n insertText: 'micros():',\n },\n {\n label: 'millis',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Returns the number of milliseconds',\n insertText: 'millis();',\n },\n {\n label: 'abs',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Calculates the absolute value of a number',\n insertText: 'abs(${1:x});',\n },\n {\n label: 'constrain',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Constrains a number to be within a range',\n insertText: 'constrain(${1:x}, ${2:a}, ${3:b});',\n },\n {\n label: 'map',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Re-maps a number',\n insertText: 'map(${1:value}, ${2:fromLow}, ${3:fromHigh}, ${4:toLow}, ${5:toHigh});',\n },\n {\n label: 'max',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'maximum of two numbers',\n insertText: 'max(${1:x}, ${2:y});',\n },\n {\n label: 'min',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'mininmum of two numbers',\n insertText: 'min(${1:x}, ${2:y});',\n },\n {\n label: 'pow',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'value of a number raised to a power',\n insertText: 'pow(${1:x}, ${2:y});',\n },\n {\n label: 'sqr',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: ' square of a number',\n insertText: 'sq(${1:x});',\n },\n {\n label: 'sqrt',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'square root of a number',\n insertText: 'sqrt(${1:x});',\n },\n {\n label: 'cos',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'cosine of an angle (in radians)',\n insertText: 'cos(${1:rad});',\n },\n {\n label: 'sin',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'sine of an angle (in radians)',\n insertText: 'sin(${1:rad});',\n },\n {\n label: 'tan',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'tangent of an angle (in radians)',\n insertText: 'tan(${1:rad});',\n },\n {\n label: 'isAlpha',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Analyse if a char is alpha (that is a letter)',\n insertText: 'isAlpha(${1:thisChar});',\n },\n {\n label: 'isAlphaNumeric',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Analyse if a char is alphanumeric',\n insertText: 'isAlphaNumeric(${1:thisChar});',\n },\n {\n label: 'isAscii',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Analyse if a char is Ascii',\n insertText: 'isAscii(${1:thisChar});',\n },\n {\n label: 'isControl',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Analyse if a char is control character',\n insertText: 'isControl(${1:thisChar);',\n },\n {\n label: 'isDigit',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Analyse if a char is digit',\n insertText: 'isDigit(${1:thisChar);',\n },\n {\n label: 'isGraph',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Analyse if a char is printable with some content',\n insertText: 'isGraph(${1:thisChar);',\n },\n {\n label: 'isHexadecimalDigit',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Analyse if a char is printable with some content',\n insertText: 'isHexadecimalDigit(${1:thisChar);',\n },\n {\n label: 'isLowerCase',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Analyse if a char is lower case',\n insertText: 'isLowerCase(${1:thisChar);',\n },\n {\n label: 'isPrintable',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Analyse if a char is printable',\n insertText: 'isPrintable(${1:thisChar);',\n },\n {\n label: 'isSpace',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Analyse if a char is white space character',\n insertText: 'isSpace(${1:thisChar);',\n },\n {\n label: 'isUpperCase',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Analyse if a char is upper case',\n insertText: 'isUpperCase(${1:thisChar);',\n },\n {\n label: 'isWhiteSpace',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Analyse if a char is space character',\n insertText: 'isWhitespace(${1:thisChar);',\n },\n {\n label: 'random',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'generates pseudo-random numbers',\n insertText: 'random(${1:max});',\n },\n {\n label: 'random',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'generates pseudo-random numbers',\n insertText: 'random(${1:min}, ${2:max});',\n },\n {\n label: 'randomSeed',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'initializes the pseudo-random number generator',\n insertText: 'randomSeed(${1:seed});',\n },\n {\n label: 'bit',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Computes the values of specified bit',\n insertText: 'bit(${1:n});',\n },\n {\n label: 'bitClear',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Clears a bit of numeric variable',\n insertText: 'bitClear(${1:x}, ${2:n});',\n },\n {\n label: 'bitRead',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Reads a bit of a number',\n insertText: 'bitRead(${1:x}, ${2:n});',\n },\n {\n label: 'bitSet',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Sets a bit of a number variable',\n insertText: 'bitSet(${1:x}, ${2:n});',\n },\n {\n label: 'bitWrite',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Writes a bit of a numeric variable',\n insertText: 'bitWrite(${1:x}, ${2:n}, ${3:b});',\n },\n {\n label: 'highByte',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Extracts high-order byte of a word',\n insertText: 'highByte(${1:x});',\n },\n {\n label: 'lowByte',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Extracts low-order byte of a word',\n insertText: 'lowByte(${1:x});',\n },\n {\n label: 'attachInterrupt',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Digital Pins With Interrupts',\n insertText: 'attachInterrupt(digitalPinToInterrupt(${1:pin}), ${2:ISR}, ${3:mode});',\n },\n {\n label: 'attachInterrupt',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Digital Pins With Interrupts',\n insertText: 'attachInterrupt(${1:interrupt}, ${2:ISR}, ${3:mode});',\n },\n {\n label: 'attachInterrupt',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Digital Pins With Interrupts',\n insertText: 'attachInterrupt(${1:pin}, ${2:ISR}, ${3:mode});',\n },\n {\n label: 'Interrupts',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Re-enable Interrupts',\n insertText: 'interrupts();',\n },\n {\n label: 'noInterrupts',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Disables interrupts',\n insertText: 'noInterrupts();',\n },\n {\n label: 'if(Serial)',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Indicates if the specified Serial port is ready',\n insertText: 'if (${1:Serial});',\n },\n {\n label: 'Serial.available',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Get the numbers of bytes available',\n insertText: 'Serial.available();',\n },\n {\n label: 'Serial.availableForWrite',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Get the numbers of bytes available for writing',\n insertText: 'Serial.availableForWrite();',\n },\n {\n label: 'Serial.begin',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Sets the data rate in bits per second',\n insertText: 'Serial.begin(${1:speed});',\n },\n {\n label: 'Serial.begin',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Sets the data rate in bits per second',\n insertText: 'Serial.begin(${1:speed}, ${2:config});',\n },\n {\n label: 'Serial.end',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Disable serial communication',\n insertText: 'Serial.end();',\n },\n {\n label: 'Serial.find',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'finds data from the serial buffer',\n insertText: 'Serial.find(${1:target});',\n },\n {\n label: 'Serial.find',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'finds data from the serial buffer',\n insertText: 'Serial.find(${1:target}, ${2:length});',\n },\n {\n label: 'Serial.findUntil',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'finds data until terminated string is found',\n insertText: 'Serial.findUntil(${1:target}, ${2:terminal});',\n },\n {\n label: 'Serial.flush',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Waits for the transmission of outgoing serial data to complete',\n insertText: 'Serial.flush();',\n },\n {\n label: 'Serial.parseFloat',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'returns floating point number',\n insertText: 'Serial.parseFloat();',\n },\n {\n label: 'Serial.parseFloat',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'returns floating point number',\n insertText: 'Serial.parseFloat(${1:lookahead});',\n },\n {\n label: 'Serial.parseFloat',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'returns floating point number',\n insertText: 'Serial.parseFloat(${1:lookahead}, ${1:ignore});',\n },\n {\n label: 'Serial.parseInt',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'return integer number',\n insertText: 'Serial.parseInt();',\n },\n {\n label: 'Serial.parseInt',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'return integer number',\n insertText: 'Serial.parseInt(${1:lookahead});',\n },\n {\n label: 'Serial.parseInt',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'return integer number',\n insertText: 'Serial.parseInt(${1:lookahead}, ${1:ignore});',\n },\n {\n label: 'Serial.peek',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'returns the next byte',\n insertText: 'Serial.peek();',\n },\n {\n label: 'Serial.print',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'prints the data to serial data',\n insertText: 'Serial.print(${1:val});',\n },\n {\n label: 'Serial.print',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'prints the data to serial data',\n insertText: 'Serial.print(${1:val}, ${2:format});',\n },\n {\n label: 'Serial.println',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'prints the data to serial data to next line',\n insertText: 'Serial.println(${1:val});',\n },\n {\n label: 'Serial.println',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'prints the data to serial data to next line',\n insertText: 'Serial.println(${1:val}, ${2:format});',\n },\n {\n label: 'Serial.read',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Reads incoming serial data',\n insertText: 'Serial.read();',\n },\n {\n label: 'Serial.readBytes',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'returns the number of characters placed in the buffer',\n insertText: 'Serial.readBytes(${1:buffer}, ${2:length});',\n },\n {\n label: 'Serial.readBytesUntil',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: ' returns the number of characters read into the buffer',\n insertText: 'Serial.readBytesUntil(${1:character}, ${2:buffer}, ${3:length});',\n },\n {\n label: 'Serial.readString',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'read characters in string ',\n insertText: 'Serial.readString();',\n },\n {\n label: 'Serial.readStringUntil',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'read characters in string ',\n insertText: 'Serial.readStringUntil(${1:terminator});',\n },\n {\n label: 'Serial.setTimeout',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'sets the time to wait for serial data ',\n insertText: 'Serial.setTimeout(${1:time});',\n },\n {\n label: 'Serial.write',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Writes binary data to the serial port',\n insertText: 'Serial.write(${1:val});',\n },\n {\n label: 'Serial.write',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Writes binary data to the serial port',\n insertText: 'Serial.write(${1:str});',\n },\n {\n label: 'Stream.available',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Get the numbers of bytes available in stream',\n insertText: 'stream.available();',\n },\n {\n label: 'Stream.read',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'reads characters from an incoming stream',\n insertText: 'stream.read();',\n },\n {\n label: 'stream.find',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'finds data from the serial buffer',\n insertText: 'stream.find(${1:target});',\n },\n {\n label: 'stream.find',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'finds data from the serial buffer',\n insertText: 'stream.find(${1:target}, ${2:length});',\n },\n {\n label: 'stream.findUntil',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'finds data until terminated string is found',\n insertText: 'stream.findUntil(${1:target}, ${2:terminal});',\n },\n {\n label: 'stream.flush',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'clears the buffer',\n insertText: 'stream.flush();',\n },\n {\n label: 'stream.peek',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'Read byte from file without advancing to the next one',\n insertText: 'stream.peek();',\n },\n {\n label: 'stream.readBytes',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'read characters from a stream into buffer',\n insertText: 'stream.readBytes(${1:buffer}, ${2:length);',\n },\n {\n label: 'stream.readBytesUntil',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'read characters from a stream into buffer',\n insertText: 'stream.readBytesUntil(${1:character}, ${2:buffer}, ${3:length});',\n },\n {\n label: 'Stream.readString',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'read characters in string ',\n insertText: 'stream.readString();',\n },\n {\n label: 'stream.readStringUntil',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'read characters in string ',\n insertText: 'stream.readStringUntil(${1:terminator});',\n },\n {\n label: 'stream.setTimeout',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'sets the time to wait for serial data ',\n insertText: 'stream.setTimeout(${1:time});',\n },\n {\n label: 'stream.parseFloat',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'returns floating point number',\n insertText: 'stream.parseFloat();',\n },\n {\n label: 'stream.parseFloat',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'returns floating point number',\n insertText: 'stream.parseFloat(${1:lookahead});',\n },\n {\n label: 'stream.parseFloat',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'returns floating point number',\n insertText: 'stream.parseFloat(${1:lookahead}, ${2:ignore});',\n },\n {\n label: 'stream.parseInt',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'return integer number',\n insertText: 'stream.parseInt();',\n },\n {\n label: 'stream.parseInt',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'return integer number',\n insertText: 'stream.parseInt(${1:lookahead});',\n },\n {\n label: 'stream.parseInt',\n kind: monaco.languages.CompletionItemKind.Function,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'return integer number',\n insertText: 'stream.parseInt(${1:lookahead}, ${2:ignore});',\n },\n {\n label: 'HIGH',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:HIGH}',\n },\n {\n label: 'LOW',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:LOW}',\n },\n {\n label: 'INPUT',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:INPUT}',\n },\n {\n label: 'OUTPUT',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:OUTPUT}',\n },\n {\n label: 'INPUT_PULLUP',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:INPUT_PULLUP}',\n },\n {\n label: 'LED_BUILTIN',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:LED_BUILTIN}',\n },\n {\n label: 'true',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:true}',\n },\n {\n label: 'false',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:false}',\n },\n {\n label: 'array',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:array}',\n },\n {\n label: 'bool',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:bool}',\n },\n {\n label: 'byte',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:byte}',\n },\n {\n label: 'char',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:char}',\n },\n {\n label: 'double',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:double}',\n },\n {\n label: 'float',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:float}',\n },\n {\n label: 'int',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:int}',\n },\n {\n label: 'long',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:long}',\n },\n {\n label: 'short',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:short}',\n },\n {\n label: 'size_t',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:size_t}',\n },\n {\n label: 'string',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:string}',\n },\n {\n label: 'String()',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: 'String()',\n },\n {\n label: 'unsigned char',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:unsigned char}',\n },\n {\n label: 'unsigned long',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:unsigned long}',\n },\n {\n label: 'void',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:void}',\n },\n {\n label: 'word',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:word}',\n },\n {\n label: 'const',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:const}',\n },\n {\n label: 'scope',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:scope}',\n },\n {\n label: 'static',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:static}',\n },\n {\n label: 'volatile',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: '${1:volatile}',\n },\n {\n label: 'break',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: 'break',\n },\n {\n label: 'continue',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: 'continue',\n },\n {\n label: 'else',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: 'else',\n },\n {\n label: 'goto',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: 'goto',\n },\n {\n label: 'if',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: 'if',\n },\n {\n label: 'dowhile',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n insertText: [\n 'do {',\n '\\t$0',\n '} while(${1:condition});'\n ].join('\\n'),\n documentation: 'Do-while Statement',\n },\n {\n label: 'while',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertText: [\n 'while(${1:condition}) {',\n '\\t$0',\n '}'\n ].join('\\n'),\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'while Statement',\n },\n {\n label: 'for',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertText: [\n 'for(${1:int} ${2:i};${3},${4}) {',\n '\\t$0',\n '}'\n ].join('\\n'),\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'for Statement',\n },\n {\n label: 'switchcase',\n kind: monaco.languages.CompletionItemKind.Keyword,\n insertText: [\n 'switch(${1:value}) {',\n '\\tcase ${2:condition}',\n '\\t\\t$0',\n 'break;',\n '}'\n ].join('\\n'),\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'switch Statement',\n },\n {\n label: 'ifelse',\n kind: monaco.languages.CompletionItemKind.Snippet,\n insertText: [\n 'if (${1:condition}) {',\n '\\t$0',\n '} else {',\n '\\t',\n '}'\n ].join('\\n'),\n insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n documentation: 'If-Else Statement'\n }]\n };\n }\n });\n }\n /**\n * Constructor for code editor\n */\n constructor() { }\n /**\n * On code Change update the code in arduino\n */\n codeChanged() {\n this.arduinos[this.selectedIndex].code = this.code;\n }\n /**\n * Select the code for respective arduino. Event handler for Choosing arduino\n * @param item HTML Select Element\n */\n chooseArduino(item: HTMLSelectElement) {\n this.selectedIndex = item.selectedIndex;\n this.code = this.arduinos[this.selectedIndex].code;\n }\n /**\n * Event handler for Choosing the programming language.\n */\n chooseLanguage(item: HTMLSelectElement) {\n this.langIndex = item.selectedIndex;\n window['progLang'] = this.langIndex;\n }\n /**\n * Toggle Libraries Box\n */\n openFolder() {\n const folder = document.getElementById('lib');\n\n if (folder.style.display === 'none') {\n folder.style.display = 'flex';\n } else {\n folder.style.display = 'none';\n }\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/common/SharedModule.module.ts", "content": "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeaderComponent } from '../header/header.component';\nimport { RouterModule } from '@angular/router';\nimport { MaterialModule } from './material.module';\n\n@NgModule({\n imports: [\n CommonModule,\n RouterModule,\n MaterialModule\n ],\n declarations: [\n HeaderComponent\n ],\n exports: [\n HeaderComponent\n ]\n})\nexport class SharedModule { }\n" }, { "path": "ArduinoFrontend/src/app/common/material.module.ts", "content": "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { MatBadgeModule } from '@angular/material/badge';\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatFormFieldControl, MatFormFieldModule } from '@angular/material/form-field';\nimport { MatStepperModule } from '@angular/material/stepper';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatExpansionModule } from '@angular/material/expansion';\nimport { MatGridListModule } from '@angular/material/grid-list';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatListModule } from '@angular/material/list';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatNativeDateModule, MatRippleModule } from '@angular/material/core';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatSidenavModule } from '@angular/material/sidenav';\nimport { MatSliderModule } from '@angular/material/slider';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\nimport { MatSortModule } from '@angular/material/sort';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatTreeModule } from '@angular/material/tree';\nimport { ScrollingModule } from '@angular/cdk/scrolling';\n\nconst material = [\n MatAutocompleteModule,\n MatBadgeModule,\n MatBottomSheetModule,\n MatButtonModule,\n MatButtonToggleModule,\n MatCardModule,\n MatCheckboxModule,\n MatChipsModule,\n MatStepperModule,\n MatDatepickerModule,\n MatDialogModule,\n // MatDialogRef,\n MatDividerModule,\n MatFormFieldModule,\n\n MatExpansionModule,\n MatGridListModule,\n MatIconModule,\n MatInputModule,\n MatListModule,\n MatMenuModule,\n MatNativeDateModule,\n MatPaginatorModule,\n MatProgressBarModule,\n MatProgressSpinnerModule,\n MatRadioModule,\n MatRippleModule,\n MatSelectModule,\n MatSidenavModule,\n MatSliderModule,\n MatSlideToggleModule,\n MatSnackBarModule,\n MatSortModule,\n MatTableModule,\n MatTabsModule,\n MatToolbarModule,\n MatTooltipModule,\n MatTreeModule,\n];\n@NgModule({\n declarations: [],\n imports: [\n CommonModule,\n material,\n ScrollingModule,\n ],\n exports: [material],\n providers: [{ provide: MatDialogRef, useValue: {} },\n { provide: MAT_DIALOG_DATA, useValue: [] }]\n})\nexport class MaterialModule { }\n" }, { "path": "ArduinoFrontend/src/app/componentlist/componentlist.component.css", "content": "button:focus {\n outline: none !important;\n}\n\ntable,\ntd {\n border: 1px solid #c5cfd9;\n}\n\ntable {\n border-collapse: separate;\n border-spacing: 0;\n width: 100%;\n border: 1px solid #ddd;\n border-width: thin;\n margin-top: 10px;\n margin-bottom: 20px;\n}\n\nth,\ntd {\n text-align: left;\n padding: 10px;\n}\n\ntr:nth-child(even) {\n background-color: #f2f2f2;\n}\n\nth {\n background-color: lightgrey;\n font-weight: lighter;\n}\n" }, { "path": "ArduinoFrontend/src/app/componentlist/componentlist.component.html", "content": "

Component List

\n\n
\n\n

No Component are Present

\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n
NameQuantityInfo
{{ item.key }}{{ item.value.cnt }}\n \n
\n
\n\n\n \n \n\n" }, { "path": "ArduinoFrontend/src/app/componentlist/componentlist.component.spec.ts", "content": "\n" }, { "path": "ArduinoFrontend/src/app/componentlist/componentlist.component.ts", "content": "import { Component, OnInit } from '@angular/core';\nimport { MatDialog, MatDialogRef } from '@angular/material';\nimport { ViewComponentInfoComponent } from '../view-component-info/view-component-info.component';\n/**\n * Declare window so that custom created function don't throw error\n */\ndeclare var window;\n\n/**\n * Class for Component list (Table) Dialog\n */\n@Component({\n selector: 'app-componentlist',\n templateUrl: './componentlist.component.html',\n styleUrls: ['./componentlist.component.css']\n})\nexport class ComponentlistComponent implements OnInit {\n /**\n * Data that needs to shown as table\n */\n data: any = {};\n /**\n * if No comonents are in the workspace\n */\n noComponets = true;\n /**\n * Constructor for Component List\n * @param dialog Material Dialog\n * @param dialogRef Material Dialog Reference\n */\n constructor(private dialog: MatDialog, public dialogRef: MatDialogRef) { }\n /**\n * On Init Component List Dialog\n */\n ngOnInit() {\n // For each item in the scope\n for (const key in window.scope) {\n // Check item is present and item contains at least one quantity\n if (window.scope[key] && window.scope[key].length > 0) {\n // For each item get Component name and increment its count\n for (const item of window.scope[key]) {\n if (item.getName) {\n const name = item.getName();\n this.noComponets = false;\n if (this.data[name] && this.data[name].cnt > 0) {\n this.data[name].cnt += 1;\n } else {\n this.data[name] = {\n cnt: 1,\n key: item.keyName\n };\n }\n }\n }\n\n }\n }\n }\n /**\n * Shoe Information of a Component\n * @param key The Compoment Key\n */\n OpenInfo(key: string) {\n window.Selected = window.scope[key][0];\n // Show view Info Dialog\n const dialogRef = this.dialog.open(ViewComponentInfoComponent, {\n width: '500px'\n });\n dialogRef.afterClosed().subscribe(result => {\n window.Selected = null;\n });\n }\n /**\n * Export CSV from table\n * @param filename Filename of the downloaded CSV\n * @param data Data inside the csv\n */\n exportCSV(filename: string, data: string) {\n const blob = new Blob(['\\ufeff' + data], {\n type: 'text/csv;charset=utf-8;'\n });\n // Download Logic\n const a = document.createElement('a');\n a.href = URL.createObjectURL(blob);\n a.target = '_blank';\n a.setAttribute('download', `${filename}.csv`);\n a.style.visibility = 'hidden';\n document.body.append(a);\n a.click();\n document.body.removeChild(a);\n }\n /**\n * Download CSV Button event handler\n */\n DownloadCSV() {\n // if no components are present show a toast message\n if (this.noComponets) {\n window.showToast('No Components On Workspace');\n return;\n }\n // CSV heading\n let csv = `S.No,Name,Quantity\\n`;\n let sno = 1;\n // Convert table to csv format\n for (const key in this.data) {\n if (this.data[key]) {\n csv += `${sno},${key},${this.data[key].cnt}\\n`;\n ++sno;\n }\n }\n this.exportCSV('download', csv);\n // Close the Export Dialog\n this.dialogRef.close();\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/dashboard/dashboard-routing.module.ts", "content": "import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { GalleryComponent } from '../gallery/gallery.component';\nimport { MainPageComponent } from '../main-page/main-page.component';\nimport { DashboardComponent } from './dashboard.component';\nimport { SimulatorComponent } from '../simulator/simulator.component';\n\n\nconst routes: Routes = [\n {\n path: '',\n component: DashboardComponent,\n children: [\n {\n path: '',\n component: MainPageComponent\n\n },\n {\n path: 'gallery',\n component: GalleryComponent\n },\n {\n path: 'mainpage/:id',\n component: MainPageComponent\n },\n {\n path: 'simulator',\n redirectTo: '/simulator',\n pathMatch: 'full'\n }\n\n ]\n },\n {\n path: 'dashboard/simulator',\n redirectTo: '/simulator',\n pathMatch: 'full'\n }\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule]\n})\nexport class DashboardRoutingModule { }\n" }, { "path": "ArduinoFrontend/src/app/dashboard/dashboard.component.css", "content": "\n.example-container {\n min-height: 876px;\n border: 1px solid rgba(0, 0, 0, 0.12);\n}\n\n.no-search {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 1rem;\n}\n.maincontent {\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n}\n.circuitBtn {\n width: 296px;\n}\n\nmat-chip {\n max-width: 200px;\n padding: 9px;\n border-radius: 14px;\n padding: 11px;\n}\n" }, { "path": "ArduinoFrontend/src/app/dashboard/dashboard.component.html", "content": "\n\n
\n \n\n \n \n\n
\n \n
\n \n\n \n \n\n
\n\n" }, { "path": "ArduinoFrontend/src/app/dashboard/dashboard.component.spec.ts", "content": "" }, { "path": "ArduinoFrontend/src/app/dashboard/dashboard.component.ts", "content": "import { Component, OnInit, Input, ViewChild } from '@angular/core';\n\n@Component({\n selector: 'app-dashboard',\n templateUrl: './dashboard.component.html',\n styleUrls: ['./dashboard.component.css']\n})\nexport class DashboardComponent implements OnInit {\n\n ngOnInit() {\n\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/dashboard/dashboard.module.ts", "content": "import { CommonModule, HashLocationStrategy, LocationStrategy } from '@angular/common';\nimport { HttpClientModule } from '@angular/common/http';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FilterPipeModule } from 'ngx-filter-pipe';\nimport { MaterialModule } from '../common/material.module';\nimport { SharedModule } from '../common/SharedModule.module';\nimport { GalleryComponent } from '../gallery/gallery.component';\nimport { MainPageComponent } from '../main-page/main-page.component';\nimport { SidePanelComponent } from '../side-panel/side-panel.component';\nimport { DashboardRoutingModule } from './dashboard-routing.module';\nimport { DashboardComponent } from './dashboard.component';\n\n@NgModule({\n declarations: [\n DashboardComponent,\n GalleryComponent,\n MainPageComponent,\n SidePanelComponent,\n ],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n MaterialModule,\n SharedModule,\n HttpClientModule,\n FilterPipeModule,\n DashboardRoutingModule,\n ],\n\n exports: []\n})\n\nexport class DashboardModule { }\n" }, { "path": "ArduinoFrontend/src/app/exit-confirm-dialog/exit-confirm-dialog.component.css", "content": ".action-div{\n display: flex;\n justify-content: space-around;\n}\n" }, { "path": "ArduinoFrontend/src/app/exit-confirm-dialog/exit-confirm-dialog.component.html", "content": "

Do you want to exit?

\n
\n \n \n
\n" }, { "path": "ArduinoFrontend/src/app/exit-confirm-dialog/exit-confirm-dialog.component.spec.ts", "content": "import { async, ComponentFixture, TestBed } from '@angular/core/testing';\nimport { MatDialogModule, MatDialogRef } from '@angular/material';\n\nimport { ExitConfirmDialogComponent } from './exit-confirm-dialog.component';\n\ndescribe('ExitConfirmDialogComponent', () => {\n let component: ExitConfirmDialogComponent;\n let fixture: ComponentFixture;\n\n beforeEach(async(() => {\n TestBed.configureTestingModule({\n imports: [MatDialogModule],\n declarations: [ExitConfirmDialogComponent],\n providers: [\n { provide: MatDialogRef, useValue: {} },\n ]\n })\n .compileComponents();\n }));\n\n beforeEach(() => {\n fixture = TestBed.createComponent(ExitConfirmDialogComponent);\n component = fixture.componentInstance;\n fixture.detectChanges();\n });\n\n it('should create', () => {\n expect(component).toBeTruthy();\n });\n});\n" }, { "path": "ArduinoFrontend/src/app/exit-confirm-dialog/exit-confirm-dialog.component.ts", "content": "import { Component, OnInit } from '@angular/core';\nimport { MatDialogRef } from '@angular/material';\n\n@Component({\n selector: 'app-exit-confirm-dialog',\n templateUrl: './exit-confirm-dialog.component.html',\n styleUrls: ['./exit-confirm-dialog.component.css']\n})\nexport class ExitConfirmDialogComponent implements OnInit {\n\n constructor(public dialogRef: MatDialogRef) { }\n\n ngOnInit() {\n }\n\n // Function to handle if user want to exit\n yesClick() {\n this.dialogRef.close(true);\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/export-jsondialog/export-jsondialog.component.css", "content": ".full-width{\n width: 100%;\n}\n" }, { "path": "ArduinoFrontend/src/app/export-jsondialog/export-jsondialog.component.html", "content": "
\n Enter the name of File to be Saved\n
\n\n
\n \n File Name\n \n \n\n\n\n\n \n \n\n\n" }, { "path": "ArduinoFrontend/src/app/export-jsondialog/export-jsondialog.component.spec.ts", "content": "import { TestBed, async, ComponentFixture } from '@angular/core/testing';\nimport { FormsModule } from '@angular/forms';\nimport { MatDialogModule, MatDialogRef, MatFormFieldModule, MAT_DIALOG_DATA } from '@angular/material';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { Workspace } from '../Libs/Workspace';\nimport { ExportJSONDialogComponent } from './export-jsondialog.component';\n\n\n// class MockWorkspace extends Workspace {\n// SaveJson() {\n// return true;\n// }\n// }\n\ndescribe('ExportJSONDialogComponent', () => {\n\n let component: ExportJSONDialogComponent;\n let fixture: ComponentFixture;\n\n beforeEach(async () => {\n TestBed.configureTestingModule({\n imports: [\n RouterTestingModule,\n MatFormFieldModule,\n FormsModule,\n MatDialogModule,\n ],\n declarations: [\n ExportJSONDialogComponent\n ],\n providers: [\n { provide: MatDialogRef, useValue: {} },\n { provide: Workspace, useValue: {} },\n { provide: MAT_DIALOG_DATA, useValue: { description: 'this is a desc', title: 'title' } },\n ]\n }).compileComponents();\n });\n\n beforeEach(() => {\n fixture = TestBed.createComponent(ExportJSONDialogComponent);\n component = fixture.componentInstance;\n });\n\n it('should create the app', () => {\n expect(component).toBeTruthy();\n });\n\n it('Value of fileName variable should be given string', () => {\n expect(component.fileName).toBe('title');\n });\n\n it('Value of Description variable should be given string', () => {\n expect(component.description).toBe('this is a desc');\n });\n\n it('should return truthy as workspace is empty', () => {\n expect(Workspace.checkIfWorkspaceEmpty()).toBeTruthy();\n });\n\n it('should return falsey as workspace is not empty', () => {\n component.ngOnInit();\n window['scope'] = {\n id: 1620892078891,\n canvas: { x: 0, y: 0, scale: 1 },\n project: {\n name: 'Untitled',\n description: '',\n created_at: 1620892078891\n },\n Resistor: [{ x: 483, y: 209, tx: 68, ty: 100, id: 1620892071196, data: { value: 1000, tolerance: 10 } }]\n };\n expect(Workspace.checkIfWorkspaceEmpty()).toBeFalsy();\n });\n\n it('should return truthy after downloading json file', () => {\n expect(Workspace.SaveJson()).toBeTruthy();\n });\n});\n" }, { "path": "ArduinoFrontend/src/app/export-jsondialog/export-jsondialog.component.ts", "content": "import { Component, Inject, OnInit } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';\nimport { Workspace } from '../Libs/Workspace';\n\n@Component({\n selector: 'app-export-jsondialog',\n templateUrl: './export-jsondialog.component.html',\n styleUrls: ['./export-jsondialog.component.css']\n})\nexport class ExportJSONDialogComponent implements OnInit {\n\n description: string;\n fileName = '';\n\n constructor(\n public dialogRef: MatDialogRef,\n @Inject(MAT_DIALOG_DATA) public data) {\n this.description = data.description;\n this.fileName = data.title;\n }\n\n ngOnInit() {\n }\n\n /**\n * Save Project function, Calls Workspace.SaveJson with edited fileName and then closes project\n */\n saveProject() {\n Workspace.SaveJson(this.fileName, this.description);\n this.dialogRef.close();\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/exportfile/exportfile.component.css", "content": ".radio-group{\n display: flex;\n flex-direction: column;\n margin-top: 5px;\n margin-bottom: 55px; \n height: 100px;\n\n}\n.radio-button{\n margin-bottom: 0px;\n}" }, { "path": "ArduinoFrontend/src/app/exportfile/exportfile.component.html", "content": "

Export as

\n\n\n \n SVG\n PNG\n JPEG\n\n\n\n \n \n\n" }, { "path": "ArduinoFrontend/src/app/exportfile/exportfile.component.spec.ts", "content": "" }, { "path": "ArduinoFrontend/src/app/exportfile/exportfile.component.ts", "content": "import { Component, OnInit } from '@angular/core';\nimport { Download, ImageType } from '../Libs/Download';\nimport { Title } from '@angular/platform-browser';\nimport { MatDialogRef } from '@angular/material';\n\n/**\n * Declare window so that custom created function don't throw error\n */\ndeclare var window;\n\n/**\n * Class For Export Dialog Component\n */\n@Component({\n selector: 'app-exportfile',\n templateUrl: './exportfile.component.html',\n styleUrls: ['./exportfile.component.css']\n})\nexport class ExportfileComponent {\n /**\n * Constructor For Export Dialog\n * @param title Project Title\n * @param dialog Material Dialog Reference\n */\n constructor(private title: Title, private dialog: MatDialogRef) { }\n /**\n * Export Workspace to image\n * @param svg SVG Radio element\n * @param png PNG Radio element\n * @param jpg JPG Radio element\n */\n Export(svg, png, jpg) {\n // Show Loading animation\n window.showLoading();\n if (svg.checked) {\n Download.ExportImage(ImageType.SVG)\n .then(v => {\n Download.DownloadText(this.title.getTitle() + '.svg', [v], {\n type: 'data:image/svg+xml;charset=utf-8;'\n });\n window.hideLoading();\n });\n } else if (png.checked) {\n Download.ExportImage(ImageType.PNG)\n .then(v => {\n Download.DownloadImage(v, this.title.getTitle(), ImageType.PNG);\n window.hideLoading();\n });\n } else if (jpg.checked) {\n Download.ExportImage(ImageType.JPG)\n .then(v => {\n Download.DownloadImage(v, this.title.getTitle(), ImageType.JPG);\n window.hideLoading();\n });\n } else {\n // Hide loading animation\n window.hideLoading();\n }\n // Close Dialog\n this.dialog.close();\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/front-page/front-page.component.css", "content": "#titlepage {\n background-color: white;\n position: relative;\n color: black;\n top: 80px;\n width: 80%;\n min-height: 58vh;\n margin-left: 10%;\n border-radius: 5px;\n box-sizing: border-box;\n justify-content: space-around;\n}\n\n.button {\n --border-size: 2px;\n margin-left: 5px;\n padding: 1.5em 3em;\n appearance: none;\n border: 0;\n background: transparent;\n color: blue;\n text-transform: uppercase;\n letter-spacing: .25em;\n outline: none;\n cursor: pointer;\n font-weight: bold;\n border-radius: 0;\n box-shadow: inset 0 0 0 var(--border-size) currentcolor;\n}\n\n.button:hover{\n color: white;\n background: blue;\n}\n\n@media screen and (max-width: 846px) {\n #titlepage {\n width: 100%;\n }\n #demo {\n top: 10px;\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/front-page/front-page.component.html", "content": "\n\n\n
\n
\n
\n
\n

Design Your circuits with Arduino On Cloud!

\n \n
\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n\n
\n
\n" }, { "path": "ArduinoFrontend/src/app/front-page/front-page.component.spec.ts", "content": "" }, { "path": "ArduinoFrontend/src/app/front-page/front-page.component.ts", "content": "import { Component, OnInit } from '@angular/core';\n\n/**\n * Class For Front page contains Seven Segment animation logic\n */\n@Component({\n selector: 'app-front-page',\n templateUrl: './front-page.component.html',\n styleUrls: ['./front-page.component.css']\n})\nexport class FrontPageComponent implements OnInit {\n /**\n * Mapping For Seven Segment animation\n */\n readonly mapping = [\n ['a', 'b', 'c', 'd', 'e', 'f'], // 0\n ['b', 'c'], // 1\n ['a', 'b', 'g', 'e', 'd'], // 2\n ['a', 'b', 'g', 'c', 'd'], // 3\n ['f', 'g', 'b', 'c'], // 4\n ['a', 'f', 'g', 'c', 'd'], // 5\n ['a', 'f', 'g', 'c', 'e', 'd'], // 6\n ['a', 'b', 'c'], // 7\n ['a', 'b', 'c', 'd', 'e', 'f', 'g'], // 8\n ['a', 'b', 'f', 'g', 'c', 'd'], // 9\n ['a', 'b', 'c', 'e', 'f', 'g'], // A\n ['f', 'g', 'c', 'e', 'd'], // b\n ['a', 'd', 'e', 'f'], // c\n ['b', 'c', 'd', 'e', 'g'], // d\n ['a', 'd', 'e', 'f', 'g'], // E\n ['a', 'e', 'f', 'g'], // F\n [] // all off\n ];\n /**\n * Current Digit\n */\n digit = 0;\n /**\n * Constructor For Front page\n */\n constructor() { }\n /**\n * On Init Front page\n */\n ngOnInit() {\n // Set animation Interval\n setInterval(() => {\n // TODO: For optimization glow only those bars which are changed\n // Stop Glow in every bar of seven segment\n for (const className of this.mapping[8]) {\n const els = document.getElementsByClassName(className) as any;\n if (els.length < 3) { continue; }\n els[0].style.opacity = '0';\n els[1].style.opacity = '0';\n els[2].setAttribute('fill', '#b2b2b2');\n }\n // From mapping glow only required bar\n for (const ClassName of this.mapping[this.digit]) {\n const els = document.getElementsByClassName(ClassName) as any;\n if (els.length < 3) { continue; }\n els[0].style.opacity = '0.333';\n els[1].style.opacity = '0.333';\n els[2].setAttribute('fill', '#ffa500');\n }\n // Increment the Digit\n ++this.digit;\n // If digit is big reset the digit\n if (this.digit >= 17) {\n this.digit -= 17;\n }\n }, 1000);\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/gallery/gallery.component.css", "content": ".subbox {\n box-sizing: border-box;\n width: 95%;\n height: auto;\n background-color: white;\n border-radius: 0.3125em;\n margin-bottom: 15px;\n box-shadow: 1px 1px 3px grey;\n cursor: pointer;\n margin-left: 2%;\n justify-content: space-evenly;\n}\n\n.item-img {\n min-height: 180px;\n max-width: 100%;\n max-height: 180px;\n}\n\n.subbox:hover {\n box-shadow: 2px 2px 9px grey;\n}\n.footer{\n display: flex;\n justify-content: space-between;\n}" }, { "path": "ArduinoFrontend/src/app/gallery/gallery.component.html", "content": "\n\n \n \n
\n \n \n \n

No Experiments Available

\n
\n
\n {{ DateTime(item) }}\n
\n
\n
\n \"{{item.name}}\"\n
\n
\n
\n
{{item.name}}
\n delete\n
\n \n
\n
\n
\n
\n
\n\n \n \n

No Published Circuit Available

\n \n \n\n
\n" }, { "path": "ArduinoFrontend/src/app/gallery/gallery.component.spec.ts", "content": "" }, { "path": "ArduinoFrontend/src/app/gallery/gallery.component.ts", "content": "import { Component, OnInit } from '@angular/core';\nimport { ApiService } from '../api.service';\nimport { filter, map } from 'rxjs/operators';\nimport { Login } from '../Libs/Login';\nimport { AlertService } from '../alert/alert-service/alert.service';\nimport { environment } from 'src/environments/environment';\nimport { MatSnackBar } from '@angular/material';\n\n/**\n * For Handling Time ie. Prevent moment error\n */\ndeclare var moment;\n/**\n * Class For Galley Page (Component)\n */\n@Component({\n selector: 'app-gallery',\n templateUrl: './gallery.component.html',\n styleUrls: ['./gallery.component.css']\n})\nexport class GalleryComponent implements OnInit {\n /**\n * Store Samples\n */\n samples: any[] = [];\n\n /**\n * Determines whether staff is\n */\n isStaff = false;\n\n /**\n * Gallery Page Constructor\n * @param api API Service\n */\n constructor(\n private api: ApiService,\n private alertService: AlertService,\n private snackbar: MatSnackBar,\n ) { }\n\n /**\n * On Init Page\n */\n ngOnInit() {\n this.api.login().then(() => {\n const token = Login.getToken();\n if (token) {\n this.api.getRole(token).subscribe((result: any) => {\n result.is_arduino_staff === true ? this.isStaff = true : this.isStaff = false;\n });\n }\n }).catch(() => {\n\n });\n // Add Page Title\n document.title = 'Gallery | Arduino On Cloud';\n // Show Loading animation\n window['showLoading']();\n // Fetch Samples\n this.api.fetchSamples().subscribe((samples: any[]) => {\n samples.map(d => {\n if (!environment.production) {\n this.samples.push(Object.assign({}, d, { media: environment.IMG_URL + d.media }));\n } else {\n this.samples.push(d);\n }\n });\n\n // Hide Loading Animation\n window['hideLoading']();\n }, err => {\n // show error and hide animation\n console.log(err);\n window['hideLoading']();\n });\n\n // TODO: Fetch Published Circuit\n }\n /**\n * Returns the time difference from now in a string\n * @param item Gallery Card item\n */\n DateTime(item) {\n item.time = moment(item.create_time).fromNow();\n }\n\n getUserInfo() {\n // this.api.getRole(Login).subscribe()\n }\n\n /**\n * Deletes project from gallery\n * @param saveId component Id\n * @param name name of the component\n */\n DeleteCircuit(saveId: any, name: any) {\n this.api.deleteProjectFromGallery(saveId, Login.getToken()).subscribe((done) => {\n this.samples = [];\n this.ngOnInit();\n this.snackbar.open('Circuit Deleted.', null, {\n duration: 2000\n });\n }, (e) => {\n console.log(e);\n });\n }\n /**\n * Delete the Project from Database\n * @param id Project id\n * @param name Project's name\n */\n deleteProjectFromGallery(id, name) {\n // ASK for user confirmation\n AlertService.showConfirm('Are You Sure You want to Delete Circuit', () => this.DeleteCircuit(id, name), () => { });\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/graph/graph.component.css", "content": ".graph-container {\n max-width: fit-content;\n min-width: 420px;\n min-height: 180px;\n padding: 15px;\n border: 1px solid black;\n}\n/* \n left: 50px;\n display: block;\n position: fixed;\n z-index: 700;\n background: #fff;\n top: 120px;\n box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.4);\n border-radius: 5px;\n}\n\n.dragger {\n cursor: move;\n}\n */\n.align-right {\n float: right;\n}\n\n.chartWrapper {\n position: relative;\n}\n\n.chartWrapper > canvas {\n position: absolute;\n left: 0;\n top: 0;\n pointer-events:none;\n}\n\n.chartAreaWrapper {\n width: 600px;\n overflow-x: scroll;\n}" }, { "path": "ArduinoFrontend/src/app/graph/graph.component.html", "content": "
\n
\n \n Pin : {{ pinLabel }}\n \n \n
\n \n
" }, { "path": "ArduinoFrontend/src/app/graph/graph.component.ts", "content": "import { Component, Directive, Input, OnInit, AfterViewInit, Output } from '@angular/core';\nimport { Chart } from 'chart.js';\nimport { GraphDataService } from '../graph-data.service';\nimport { Workspace } from '../Libs/Workspace';\nimport { EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'app-graph',\n templateUrl: './graph.component.html',\n styleUrls: ['./graph.component.css']\n})\nexport class GraphComponent implements OnInit, AfterViewInit {\n\n data: number[];\n xlabels: number[];\n pinGraph: Chart;\n chartConfig: any;\n previousTime: Date;\n @Input() id: string;\n @Input() arduinoId: number;\n @Input() arduinoName: string;\n state: boolean;\n nodes: string[];\n ignored = false;\n pinLabel = '';\n\n constructor(private graphDataService: GraphDataService) {\n this.data = [];\n this.xlabels = [];\n this.chartConfig = {};\n this.previousTime = new Date();\n this.nodes = [];\n }\n\n ngOnInit() {\n this.pinLabel = `${this.arduinoName} - D${15 - parseInt(this.id, 10)}`;\n Workspace.simulationStopped.subscribe(res => {\n this.ignored = false;\n });\n Workspace.simulationStarted.subscribe(res => {\n this.clearGraph();\n });\n }\n\n ngAfterViewInit() {\n const canvasElement = `graph${this.id}`;\n this.configChart();\n this.pinGraph = new Chart(document.getElementById(canvasElement) as HTMLCanvasElement, this.chartConfig);\n GraphDataService.voltageChange.subscribe(res => {\n if (this.arduinoId === res.arduino.id) {\n const pinNumber = 15 - parseInt(this.id, 10);\n this.pinGraph.data.datasets[0].label = res.label;\n this.data.push((res.value >> pinNumber) & 1);\n if (this.xlabels.length === 0) {\n this.xlabels.push(new Date(res.time).getTime() - new Date(res.time).getTime());\n } else {\n this.xlabels.push(new Date(res.time).getTime() - new Date(this.previousTime).getTime());\n }\n this.previousTime = new Date(res.time);\n // console.log(this.pinLabel, this.data);\n // console.log(this.pinLabel, this.xlabels);\n this.pinGraph.update();\n }\n });\n }\n\n clearGraph() {\n this.data.splice(0, this.data.length);\n this.xlabels.splice(0, this.xlabels.length);\n this.pinGraph.update();\n }\n\n configChart() {\n this.chartConfig = {\n animationEnabled: true,\n type: 'line',\n data: {\n labels: this.xlabels,\n datasets: [{\n label: 'PIN',\n fill: false,\n backgroundColor: 'rgb(0, 0, 0)',\n borderColor: 'rgb(0, 0, 0)',\n data: this.data,\n steppedLine: true,\n }],\n },\n options: {\n legend: {\n display: false\n },\n responsive: true,\n scales: {\n xAxes: [{\n scaleLabel: {\n display: false,\n labelString: 'Time'\n }, gridLines: {\n display: false\n },\n ticks: {\n display: false,\n }\n }],\n yAxes: [{\n scaleLabel: {\n display: false,\n labelString: 'States',\n },\n gridLines: {\n display: false\n },\n ticks: {\n beginAtZero: true,\n min: 0,\n stepSize: 1,\n max: 2,\n callback: (value, index) => {\n return value > 1 ? '' : value;\n },\n }\n }],\n },\n },\n };\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/graph-data.service.ts", "content": "import { Injectable, EventEmitter } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class GraphDataService {\n\n public static portDChange: EventEmitter = new EventEmitter();\n public static portBChange: EventEmitter = new EventEmitter();\n public static voltageChange: EventEmitter = new EventEmitter();\n\n constructor() { }\n}\n" }, { "path": "ArduinoFrontend/src/app/graphlist/graphlist.component.css", "content": ".graph-container {\n left: calc(100vw - 460px);\n display: block;\n position: fixed;\n max-width: fit-content;\n min-width: 440px;\n min-height: 700px;\n z-index: 700;\n background: #fff;\n top: 320px;\n box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.4);\n padding: 15px;\n border-radius: 5px;\n}\n\n.dragger {\n cursor: move;\n}\n\n.align-right {\n float: right;\n}\n\n.example-viewport {\n height: 680px;\n width: 420px;\n}\n\n.example-item {\n height: 250px;\n}\n\n.alternate-simulation-text{\n align-self: center;\n}\n" }, { "path": "ArduinoFrontend/src/app/graphlist/graphlist.component.html", "content": "
\n
\n

Waveforms

\n \n \n
\n
\n Start the simulation to visualize\n
\n
\n Number of Data Points: {{dataPoints}}\n
\n \n
\n \n
\n \n
" }, { "path": "ArduinoFrontend/src/app/graphlist/graphlist.component.ts", "content": "import { Component, Input, OnInit, Output, QueryList, ViewChildren } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { EventEmitter } from '@angular/core';\nimport { AlertService } from '../alert/alert-service/alert.service';\nimport { ApiService } from '../api.service';\nimport { GraphComponent } from '../graph/graph.component';\nimport { Login } from '../Libs/Login';\nimport { Workspace } from '../Libs/Workspace';\nimport { SimulatorComponent } from '../simulator/simulator.component';\nimport { GraphDataService } from '../graph-data.service';\n\n@Component({\n selector: 'app-graphlist',\n templateUrl: './graphlist.component.html',\n styleUrls: ['./graphlist.component.css']\n})\nexport class GraphlistComponent implements OnInit {\n\n @Input() id: number;\n @Input() saveId: any;\n @Input() lti: boolean;\n @Output() simDataSave: EventEmitter = new EventEmitter();\n @ViewChildren('pinGraph') graphList!: QueryList;\n nodes: object[] = [];\n arduinoList: object[] = [];\n simulationStatus = false;\n dataPoints = 0;\n hexData: number[] = [];\n initData = false;\n\n constructor(\n private router: Router,\n private aroute: ActivatedRoute,\n private api: ApiService) { }\n\n readPins() {\n console.log('Detecting changes');\n this.nodes = [];\n // Workspace.circuitLoadStatus.subscribe(_ => {\n window['scope'].ArduinoUno.forEach(arduino => {\n arduino.nodes.forEach(point => {\n if (point.connectedTo && (point.id <= 13 && point.id >= 2)) {\n this.nodes.push({point: point.id, arduinoId: arduino.id, arduinoName: arduino.name});\n }\n });\n });\n window['scope'].ArduinoUno.forEach(arduino => {\n this.arduinoList.push({arduinoId: arduino.id, arduinoName: arduino.name});\n });\n // });\n }\n\n ngOnInit() {\n Workspace.simulationStarted.subscribe(res => {\n this.simulationStatus = res;\n this.dataPoints = 0;\n this.hexData = [];\n this.hexData.push(0);\n this.initData = false;\n });\n Workspace.simulationStopped.subscribe(res => {\n this.simulationStatus = res;\n });\n this.readPins();\n Workspace.circuitLoadStatus.subscribe(res => {\n this.readPins();\n });\n document.addEventListener('changed', (r) => {\n console.log('Detecting changes', r['detail']['ele']['element']);\n const changeInfo = r['detail']['ele'];\n if (changeInfo.keyName === 'wires') {\n const wire = changeInfo['element'];\n const SarduinoId = wire['start']['keyName'] === 'ArduinoUno' ? wire.start.id : undefined;\n const EarduinoId = wire['end']['keyName'] === 'ArduinoUno' ? wire.end.id : undefined;\n if (changeInfo.event === 'delete') {\n this.nodes = this.nodes.filter(i => {\n if (SarduinoId && i['arduinoId'] === SarduinoId) {\n if (i['point'] === wire.start.pid) {\n return false;\n }\n }\n if (EarduinoId && i['arduinoId'] === EarduinoId) {\n if (i['point'] === wire.end.pid) {\n return false;\n }\n }\n return true;\n });\n console.log(this.nodes);\n } else if (changeInfo.event === 'add') {\n const Sarduino = SarduinoId ? window['scope'].ArduinoUno.filter(arduino => arduino.id === wire.start.id)[0] : undefined;\n const Earduino = EarduinoId ? window['scope'].ArduinoUno.filter(arduino => arduino.id === wire.end.id)[0] : undefined;\n this.pushPoint(Sarduino, wire.start.pid);\n this.pushPoint(Earduino, wire.end.pid);\n }\n }\n });\n GraphDataService.voltageChange.subscribe(res => {\n if (res.value === 0) {\n this.initData = true;\n }\n if (this.arduinoList[0]['arduinoId'] === res.arduino.id && this.hexData[this.hexData.length - 1] !== res.value) {\n if (this.initData === true) {\n this.hexData.push(res.value);\n this.dataPoints++;\n }\n }\n });\n }\n\n pushPoint(arduino, pointId) {\n if (arduino) {\n const point = arduino['nodes'][pointId];\n if (point.connectedTo && (point.id <= 13 && point.id >= 2)) {\n this.nodes.push({point: point.id, arduinoId: arduino.id, arduinoName: arduino.name});\n }\n }\n }\n\n SaveData() {\n const pins = [];\n const newData = {};\n this.graphList.forEach(pinGraph => {\n pins.push(pinGraph.pinLabel);\n });\n this.arduinoList.forEach(ard => {\n newData[ard['arduinoId']] = {\n pinConnected: pins,\n hexVals: this.hexData,\n length: this.dataPoints\n };\n });\n const token = Login.getToken();\n if (!this.lti) {\n this.api.storeSimulationData(this.id, token, newData).subscribe(res => AlertService.showAlert('Record Saved Successfully')\n , err => AlertService.showAlert(err));\n } else {\n let ltiID;\n this.aroute.queryParams.subscribe(v => {\n ltiID = v.lti_id;\n });\n this.api.storeLTISimulationData(this.id, ltiID, token, newData).subscribe(res => {\n AlertService.showAlert('Record Saved Successfully');\n this.simDataSave.emit(true);\n }\n , err => {\n AlertService.showAlert(err);\n this.simDataSave.emit(false);\n });\n }\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/header/header.component.css", "content": "" }, { "path": "ArduinoFrontend/src/app/header/header.component.html", "content": "\n
\n
\n \n \"AOC\"\n \n \n {{title}}\n \n
\n \n \n
\n
\n \n
\n \n
\n {{ username.charAt(0).toUpperCase() }}\n
\n
\n {{username}}\n \n Change Password\n
\n \n
\n Logout\n
\n
\n
" }, { "path": "ArduinoFrontend/src/app/header/header.component.spec.ts", "content": "" }, { "path": "ArduinoFrontend/src/app/header/header.component.ts", "content": "import { Component, OnInit, Input, OnDestroy } from '@angular/core';\nimport { Login } from '../Libs/Login';\nimport { ApiService } from '../api.service';\nimport { environment } from 'src/environments/environment';\nimport { ActivatedRoute } from '@angular/router';\nimport { Subscription } from 'rxjs';\n\n/**\n * Class For Header Component (DO Eager Loading)\n */\n@Component({\n selector: 'app-header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.css']\n})\nexport class HeaderComponent implements OnInit, OnDestroy {\n /**\n * Login Token\n */\n token: string;\n /**\n * Username\n */\n username: string;\n /**\n * window\n */\n window: any;\n /**\n * Header Title\n */\n @Input() title: string;\n /**\n * Color of the title\n */\n @Input() color: string;\n /**\n * Is it a Front Page\n */\n @Input() front = false;\n\n /**\n * Name of the user\n */\n name: string;\n /**\n * Constructor for Header\n * @param api API Service\n */\n\n /**\n * getting subscription of user;\n */\n subscription = new Subscription();\n constructor(\n private api: ApiService,\n private aroute: ActivatedRoute) { }\n /**\n * On Init\n */\n ngOnInit() {\n this.getUserInfo();\n this.stateChangeUserInfo();\n // Initializing window\n this.window = window;\n }\n /**\n * Redirect to login\n */\n Login() {\n Login.redirectLogin(this.front);\n }\n /**\n * Handle Logout\n */\n Logout() {\n // Login.logout();\n this.api.logout(this.token);\n }\n /**\n * Getting User Information.\n */\n stateChangeUserInfo() {\n // Get Login Token\n this.subscription = this.api.isAuthenticated.subscribe((res: boolean) => {\n if (res === true) {\n this.getUserInfo();\n } else {\n this.username = undefined;\n }\n });\n }\n\n getUserInfo() {\n this.token = Login.getToken();\n // If token is available then get username\n if (this.token) {\n this.api.userInfo(this.token).subscribe((v) => {\n this.username = v.username;\n this.name = this.username;\n }, (err) => {\n // console.log(err.status)\n console.log(err);\n // if (err.status === 401) {\n Login.logout();\n // }\n });\n }\n }\n /**\n * Determines whether change password on click\n */\n onChangePassword() {\n // let isFront =false;\n let redirectUri = window.location.href;\n redirectUri = encodeURIComponent(redirectUri);\n console.log(redirectUri);\n // const url = `${window.location.protocol}\\\\\\\\${window.location.host}\\\\eda\\\\#\\\\login?url=${redirectUri}`;\n const url = `${environment.CHANGED_PASSWORD_URL}${redirectUri}`;\n window.open(url, '_self');\n }\n /**\n * on destroy when page is dead then call\n */\n ngOnDestroy() {\n // destroy auth subject.\n this.subscription.unsubscribe();\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/layout/ArduinoCanvasInterface.ts", "content": "import { Canvas, Point, Block, Path } from './Components';\nimport { CircuitElement } from '../Libs/CircuitElement';\nimport { Wire } from '../Libs/Wire';\nimport { Point as NodePoint } from '../Libs/Point';\nimport { Utils } from './PathUtils';\nimport _ from 'lodash';\nimport { AlertService } from '../alert/alert-service/alert.service';\nimport { BoundingBox } from '../Libs/Geometry';\nimport { UndoUtils } from '../Libs/UndoUtils';\n\n/**\n * Declare window so that custom created function don't throw error\n */\ndeclare var window;\n\nclass PathProblem {\n source: Point;\n destination: Point;\n sourceBlock: Block;\n destinationBlock: Block;\n wire: Wire;\n\n constructor(source, destination, sourceBlock, destinationBlock, wire) {\n this.source = source;\n this.destination = destination;\n this.sourceBlock = sourceBlock;\n this.destinationBlock = destinationBlock;\n this.wire = wire;\n }\n}\n\nexport class LayoutUtils {\n /**\n * total count of problemPaths while auto Layouting\n */\n static problemPathsCount = 0;\n /**\n * Solves auto layout problem for `Arduino on Cloud` circuits\n */\n static solveAutoLayout() {\n const canvas = LayoutUtils.generateCanvas();\n\n const [isInvalid, overlappingEl1, overlappingEl2] = Utils.isCanvasInvalid(canvas);\n if (!isInvalid) {\n LayoutUtils.continueSaveLayout(canvas);\n } else {\n AlertService.showConfirm(\n `Bounding boxes of ${overlappingEl1.getName()} and ${overlappingEl2.getName()} are overlapping.\n Do you want to continue anyway?`,\n () => LayoutUtils.continueSaveLayout(canvas)\n );\n }\n }\n\n /**\n * Sub function of `solveAutoLayout`, to be triggered on continuation\n * @param canvas canvas\n */\n private static continueSaveLayout(canvas: Canvas): void {\n const problemPaths = LayoutUtils.getSourcesAndDestsToSolve();\n this.problemPathsCount = problemPaths.length;\n for (const path of problemPaths) {\n const [solvedPath, msg] = Utils.getOptimalPath(path.source, path.destination, path.sourceBlock, path.destinationBlock, canvas);\n if (!solvedPath) {\n continue;\n }\n canvas.addElement(solvedPath);\n LayoutUtils.updateWirePath(path.wire, solvedPath);\n path.wire.update();\n }\n }\n\n /**\n * Converts the circuit to canvas structure\n */\n static generateCanvas(): Canvas {\n const allElements = LayoutUtils.getAllCircuitElements().filter(el => !(el instanceof Wire));\n let canvasElements = allElements.map(LayoutUtils.convertCircuitElementToBlock);\n\n const allNodes = _.flatten(allElements.map(element => element.nodes));\n canvasElements = canvasElements.concat(\n allNodes.map(\n (node: NodePoint) => LayoutUtils.convertBoundingBoxToBlock(\n node.getBoundingBox(), `${node.label} of ${node.parent.getName()}`, true\n )\n )\n );\n\n return new Canvas(canvasElements);\n }\n\n /**\n * Updates the path of the wire\n * @param wire wire object\n * @param path new path to be assigned\n */\n static updateWirePath(wire: Wire, path: Path): void {\n // Push dump to Undo stack & Reset\n UndoUtils.pushChangeToUndoAndReset({ keyName: wire.keyName, element: wire.save(), event: 'layout', step: this.problemPathsCount });\n let i = 1;\n const allPoints = path.getAllPoints();\n wire.removeAllMiddlePoints();\n for (const point of allPoints.slice(1, allPoints.length - 1)) {\n wire.addPoint(point.getX(), point.getY(), false, i++);\n }\n }\n\n /**\n * Converts any circuit element to Block object required for canvas\n * @param element circuit element instance\n */\n static convertCircuitElementToBlock(element: CircuitElement): Block {\n return LayoutUtils.convertBoundingBoxToBlock(element.getBoundingBox(), element.getName());\n }\n\n /**\n * Converts bounding box to Block object\n * @param boundingBox Bounding box\n * @param name name of the element\n * @param isChild contains parent?\n */\n static convertBoundingBoxToBlock(boundingBox: BoundingBox, name = 'Unnamed', isChild: boolean = false): Block {\n const diagonalPoint1 = new Point(boundingBox.x, boundingBox.y);\n const diagonalPoint2 = new Point(boundingBox.x + boundingBox.width, boundingBox.y + boundingBox.height);\n\n return new Block(diagonalPoint1, diagonalPoint2, isChild, name);\n }\n\n /**\n * Gets all the sources and destinations of all the wires on the canvas\n */\n static getSourcesAndDestsToSolve(): PathProblem[] {\n const allWires = LayoutUtils.getAllWires();\n const result: PathProblem[] = [];\n for (const wire of allWires) {\n const [src, dest] = LayoutUtils.getSourceAndDestinationForWire(wire);\n const srcBlock = LayoutUtils.convertCircuitElementToBlock(wire.start.parent);\n const destBlock = LayoutUtils.convertCircuitElementToBlock(wire.end.parent);\n result.push(new PathProblem(src, dest, srcBlock, destBlock, wire));\n }\n return result;\n }\n\n /**\n * Returns source and destination of a given wire\n * @param wire wire instance\n */\n static getSourceAndDestinationForWire(wire: Wire): [Point, Point] {\n const start = wire.points[0];\n const source = new Point(start[0], start[1]);\n\n const end = wire.points[wire.points.length - 1];\n const dest = new Point(end[0], end[1]);\n\n return [source, dest];\n }\n\n /**\n * Converts a wire to a Path object\n * @param wire wire instance\n */\n static convertWireToPath(wire: Wire): Path {\n const points = wire.points.map(point => new Point(point[0], point[1]));\n return new Path(points);\n }\n\n /**\n * Returns list of all wires present in the circuit\n */\n static getAllWires(): Wire[] {\n return Object.values(window.scope.wires);\n }\n\n /**\n * Returns list of all circuit elements on the canvas\n */\n static getAllCircuitElements(): CircuitElement[] {\n return _.flatten(Object.values(window.scope));\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/layout/Components.ts", "content": "import _ from 'lodash';\n// const _ = require('lodash');\n\nexport class MathHelper {\n /**\n * Checks if two numbers are close\n * @param x number 1\n * @param y number 2\n * @param decimals number of decimals up to which equality is to be checked\n */\n static areNumbersClose(x: number, y: number, decimals: number = 8) {\n if (isFinite(x) || isFinite(y)) {\n return Math.abs(x - y) < (10 ** (-1 * decimals));\n }\n return true;\n }\n\n /**\n * Computes n mod m\n * @param n number n\n * @param m number m\n */\n static modulo(n: number, m: number) {\n return ((n % m) + m) % m;\n }\n}\n\n/**\n * Orientation enum\n */\nexport enum Orientation {\n North = 90, East = 0, South = 270, West = 180\n}\n\n/**\n * Abstract class for CanvasElement\n */\nexport abstract class CanvasElement {\n abstract getName(): string;\n}\n\n/**\n * Vector class\n * x î + y j\n */\nexport class Vector {\n /**\n * magnitude in i direction\n */\n private x: number;\n\n /**\n * magnitude in j direction\n */\n private y: number;\n\n constructor(x: number, y: number) {\n this.x = x;\n this.y = y;\n }\n\n /**\n * Returns x component of the vector\n */\n getX(): number {\n return this.x;\n }\n\n /**\n * Returns y component of the vector\n */\n getY(): number {\n return this.y;\n }\n\n /**\n * Adds a vector\n * @param vector vector to be added\n */\n add(vector: Vector) {\n return new Vector(this.x + vector.x, this.y + vector.y);\n }\n\n /**\n * Subtracts a vector\n * @param vector vector to be subtracted\n */\n subtract(vector: Vector) {\n return new Vector(this.x - vector.x, this.y - vector.y);\n }\n\n /**\n * Multiplies with a scalar\n * @param factor scalar number to be multiplied with the vector\n */\n multiply(factor: number): Vector {\n return new Vector(this.x * factor, this.y * factor);\n }\n\n /**\n * Computes dot product with another vector\n * @param vector vector instance\n */\n dotProduct(vector: Vector): number {\n return vector.getX() * this.x + vector.getY() * this.y;\n }\n\n /**\n * Computes the slope of the vector\n */\n getSlope(): number {\n return this.y / this.x;\n }\n\n /**\n * Returns the closest orientation of the vector\n */\n getApproxOrientation(): Orientation {\n const absRelativeSlope = Math.abs(this.getSlope());\n\n if (absRelativeSlope >= 1) {\n return this.y >= 0 ? Orientation.North : Orientation.South;\n } else {\n return this.x >= 0 ? Orientation.East : Orientation.West;\n }\n }\n\n /**\n * Returns Orientation of the vector if it's horizontal or vertical\n */\n getOrientation(): Orientation {\n if (this.x === 0) {\n return this.y > 0 ? Orientation.North : Orientation.South;\n } else if (this.y === 0) {\n return this.x > 0 ? Orientation.East : Orientation.West;\n }\n return null;\n }\n}\n\n/**\n * Utilities methods for Orientation enum\n */\nexport class OrientationUtil {\n public static getUnitVector(orientation: Orientation) {\n switch (orientation) {\n case Orientation.North:\n return new Vector(0, 1);\n case Orientation.South:\n return new Vector(0, -1);\n case Orientation.East:\n return new Vector(1, 0);\n case Orientation.West:\n return new Vector(-1, 0);\n }\n }\n\n /**\n * Adds two orientations\n * @param orientation1 orientation instance 1\n * @param orientation2 orientation instance 2\n */\n public static addOrientations(orientation1: Orientation, orientation2: Orientation): Orientation {\n return MathHelper.modulo(orientation1 + orientation2, 360);\n }\n\n /**\n * Subtracts two orientations\n * @param orientation1 orientation instance 1\n * @param orientation2 orientation instance 2\n */\n public static subtractOrientations(orientation1: Orientation, orientation2: Orientation): Orientation {\n return MathHelper.modulo(orientation1 - orientation2, 360);\n }\n}\n\n/**\n * Cartesian-plane Point class\n */\nexport class Point {\n /**\n * x-coordinate of the point\n */\n private x: number;\n\n /**\n * y-coordinate of the point\n */\n private y: number;\n\n constructor(x: number, y: number) {\n this.x = x;\n this.y = y;\n }\n\n /**\n * Loads point from a vector instance\n * @param vector vector instance\n */\n static loadFromVector(vector: Vector) {\n return new Point(vector.getX(), vector.getY());\n }\n\n /**\n * Returns string representation of the point\n */\n toString(): string {\n return `(${this.x}, ${this.y})`;\n }\n\n /**\n * Returns x-coordinate of the point\n */\n getX(): number {\n return this.x;\n }\n\n /**\n * Returns y-coordinate of the point\n */\n getY(): number {\n return this.y;\n }\n\n /**\n * Adds another point and returns the resultant vector\n * @param point point to be added\n */\n add(point: Point) {\n return this.getVector().add(point.getVector());\n }\n\n /**\n * Subtracts another point and returns the resultant vector\n * @param point point to be added\n */\n subtract(point: Point) {\n return this.getVector().subtract(point.getVector());\n }\n\n /**\n * Converts to an instance of Vector class\n */\n getVector(): Vector {\n return new Vector(this.x, this.y);\n }\n\n /**\n * Computes the distance from another point\n * @param point another point\n */\n calculateDistance(point: Point) {\n return Math.sqrt((this.x - point.x) ** 2 + (this.y - point.y) ** 2);\n }\n\n /**\n * Checks if the point is equal to another point\n * @param point another point\n */\n equals(point: Point) {\n return (this.x === point.getX()) && (this.y === point.getY());\n }\n}\n\n/**\n * Line class\n * (x)---------------(x)\n * point1 point2\n */\nexport class Line {\n /**\n * Point 1 of the line\n */\n private point1: Point;\n\n /**\n * Point 2 of the line\n */\n private point2: Point;\n\n constructor(point1: Point, point2: Point) {\n this.point1 = point1;\n this.point2 = point2;\n }\n\n /**\n * Returns string representation of the line\n */\n toString(): string {\n return `${this.point1} --> ${this.point2}`;\n }\n\n /**\n * Checks if the line superimposes with another line\n * @param line another line\n */\n doesLineSuperimpose(line: Line): boolean {\n const slope1 = this.getSlope();\n const slope2 = line.getSlope();\n\n if (MathHelper.areNumbersClose(slope1, slope2)) {\n const isPoint1InLine2 = line.containsPoint(this.getPoint1());\n const isPoint2InLine2 = line.containsPoint(this.getPoint2());\n return isPoint1InLine2 || isPoint2InLine2;\n }\n return false;\n }\n\n /**\n * Checks if the line intersects with another line\n * @param line another line\n */\n doesLineIntersect(line: Line): [boolean, Point] {\n // returns true iff the line from (a,b)->(c,d) intersects with (p,q)->(r,s)\n const [a, b] = [this.point1.getX(), this.point1.getY()];\n const [c, d] = [this.point2.getX(), this.point2.getY()];\n const [p, q] = [line.getPoint1().getX(), line.getPoint1().getY()];\n const [r, s] = [line.getPoint2().getX(), line.getPoint2().getY()];\n\n const det = (c - a) * (s - q) - (r - p) * (d - b);\n if (det === 0) {\n return [false, null];\n } else {\n const lambda = ((s - q) * (r - a) + (p - r) * (s - b)) / det;\n const gamma = ((b - d) * (r - a) + (c - a) * (s - b)) / det;\n const isIntersect = (0 < lambda && lambda < 1) && (0 < gamma && gamma < 1);\n let intersectionPoint = null;\n if (isIntersect) {\n intersectionPoint = Point.loadFromVector(this.point1.getVector().add(this.getVector().multiply(lambda)));\n }\n return [isIntersect, intersectionPoint];\n }\n }\n\n /**\n * Converts the line to a vector representation\n */\n getVector(): Vector {\n return this.point2.subtract(this.point1);\n }\n\n /**\n * Checks if the line is horizontal\n */\n isHorizontal(): boolean {\n return this.getSlope() === 0;\n }\n\n /**\n * Checks if the line is vertical\n */\n isVertical(): boolean {\n return !isFinite(this.getSlope());\n }\n\n /**\n * Returns the array of the two ends of the line\n */\n getEnds(): [Point, Point] {\n return [this.getPoint1(), this.getPoint2()];\n }\n\n /**\n * Returns point1 of the line\n */\n getPoint1(): Point {\n return this.point1;\n }\n\n /**\n * Returns point2 of the line\n */\n getPoint2(): Point {\n return this.point2;\n }\n\n /**\n * Computes the length of the line\n */\n getLength(): number {\n return this.point1.calculateDistance(this.point2);\n }\n\n /**\n * Computes the slope of the line\n */\n getSlope(): number {\n const lineVector = this.point1.subtract(this.point2);\n return lineVector.getSlope();\n }\n\n /**\n * Checks if a point lies on the line\n * @param p point instance\n */\n containsPoint(p: Point): boolean {\n return MathHelper.areNumbersClose(this.point1.calculateDistance(p) + this.point2.calculateDistance(p), this.getLength());\n }\n\n /**\n * Checks if the line equals another line\n * @param line another line\n */\n equals(line: Line): boolean {\n return (this.point1.equals(line.getPoint1()) && this.point2.equals(line.getPoint2())) ||\n (this.point2.equals(line.getPoint1()) && this.point1.equals(line.getPoint2()));\n }\n}\n\n\n/**\n * Path class\n * A path is made up of multiple line segments or multiple points\n */\nexport class Path extends CanvasElement {\n /**\n * Lines inside the path\n */\n private points: Point[] = [];\n\n constructor(points: Point[] = []) {\n super();\n this.points = points;\n }\n\n /**\n * Loads a single-line path from a Line object\n * @param line line instance\n */\n static loadFromLine(line: Line): Path {\n return new Path(line.getEnds());\n }\n\n /**\n * Checks if the path superimposes with another path anywhere\n * @param path another path\n * Returns [does path superimposes?, line of the path (this) that superimposes, line of the another path that superimposes]\n */\n doesPathSuperimpose(path: Path): [boolean, Line, Line] {\n const lineSegments = path.getAllLineSegments();\n const thisLineSegments = this.getAllLineSegments();\n\n // O(n**2) for now. TODO: O(n*logn)\n for (const line1 of lineSegments) {\n for (const line2 of thisLineSegments) {\n if (line1.doesLineSuperimpose(line2)) {\n return [true, line1, line2];\n }\n }\n }\n return [false, null, null];\n }\n\n getName(): string {\n return null;\n }\n\n /**\n * Merges all the mergeable points in the path\n */\n private mergePoints(): void {\n const allPoints = this.getAllPoints();\n let prevPoint = allPoints[0];\n const newPoints = [prevPoint];\n\n for (const point of allPoints.slice(1)) {\n if (!point.equals(prevPoint)) {\n newPoints.push(point);\n }\n prevPoint = point;\n }\n this.points = newPoints;\n }\n\n /**\n * Merges collinear points on the path\n */\n private mergeCollinearPoints(): void {\n this.mergePoints();\n const lineSegments = this.getAllLineSegments();\n let prevLine = lineSegments[0];\n\n const newPoints = [];\n newPoints.push(prevLine.getPoint1());\n\n // merging collinear points\n let line = null;\n for (line of lineSegments.slice(1)) {\n const prevSlope = prevLine.getSlope();\n prevLine = line;\n\n const currSlope = line.getSlope();\n\n if (MathHelper.areNumbersClose(currSlope, prevSlope)) {\n continue;\n }\n if (!isFinite(prevSlope) && !isFinite(currSlope)) {\n continue;\n }\n newPoints.push(line.getPoint1());\n }\n newPoints.push(line.getPoint2());\n this.points = newPoints;\n }\n\n /**\n * Detects and deletes all the cycles in the path\n * @param i starting point index\n */\n private deleteCycles(i?) {\n const lineSegments = this.getAllLineSegments();\n // TODO: Make this O(nlogn) when. O(n**2) should work fine for ~100-length paths\n for (i = (i || 0); i < lineSegments.length; i++) {\n for (let j = i + 1; j < lineSegments.length; j++) {\n const line1 = lineSegments[i];\n const line2 = lineSegments[j];\n const [intersect, pointX] = line1.doesLineIntersect(line2);\n if (intersect) {\n this.points = [...this.points.slice(0, i + 1), pointX, ...this.points.slice(j + 1)];\n this.deleteCycles(i);\n return;\n }\n line1.doesLineSuperimpose(line2);\n }\n }\n }\n\n /**\n * Simplifies the path by removing collinear points and cycles\n */\n simplify(): void {\n this.mergeCollinearPoints();\n this.deleteCycles();\n }\n\n /**\n * Returns array of all line segments in the path\n */\n getAllLineSegments(): Line[] {\n const result = [];\n let prevPoint = this.points[0];\n for (const point of this.points.slice(1)) {\n result.push(new Line(prevPoint, point));\n prevPoint = point;\n }\n return result;\n }\n\n /**\n * Returns number of points in the path\n */\n getNumberOfPoints() {\n return this.points.length;\n }\n\n /**\n * Returns the orientation of the line made by points at two indices\n * @param pointIndex1 point 1 index\n * @param pointIndex2 point 2 index\n */\n private getLineSegmentOrientation(pointIndex1, pointIndex2) {\n const point1 = this.getAllPoints()[pointIndex1];\n const point2 = this.getAllPoints()[pointIndex2];\n\n const vector = point2.subtract(point1);\n return vector.getOrientation();\n }\n\n /**\n * Returns the string representation of the path\n */\n toString(): string {\n return this.points.map(p => p.toString()).join('\\n');\n }\n\n /**\n * Checks if the path contains a point\n * @param point point\n */\n containsPoint(point: Point): boolean {\n for (const line of this.getAllLineSegments()) {\n if (line.containsPoint(point)) {\n return true;\n }\n }\n return false;\n }\n\n /**\n * Returns the orientation of the last vector in the path\n */\n getLastVectorOrientation(): Orientation {\n const n = this.getNumberOfPoints();\n if (n < 1) {\n return null;\n }\n return this.getLineSegmentOrientation(n - 1, n - 2);\n }\n\n /**\n * Returns the orientation of the last vector in the path\n */\n getFirstVectorOrientation(): Orientation {\n const n = this.getNumberOfPoints();\n if (n < 1) {\n return null;\n }\n return this.getLineSegmentOrientation(0, 1);\n }\n\n /**\n * Adds a path and return the instance of the new path\n * @param path path to add\n */\n addPath(path: Path): Path {\n return new Path([...this.getAllPoints(), ...path.getAllPoints()]);\n }\n\n /**\n * Reverses the path and return a new instance\n */\n reverse(): Path {\n return new Path(_.reverse(this.getAllPoints()));\n }\n\n /**\n * Returns all the points\n */\n getAllPoints(): Point[] {\n return [...this.points];\n }\n\n /**\n * Adds a point to the path\n * @param point: point to add to the path\n */\n addPoint(point: Point): void {\n this.points.push(point);\n }\n\n /**\n * Adds multiple points to the path\n * @param point: point to add to the path\n */\n addPoints(points: Point[]): void {\n this.points = this.points.concat(points);\n }\n}\n\nexport class Block extends CanvasElement {\n /**\n * Point 1 -------------- Point 2\n * | |\n * | |\n * | |\n * | |\n * Point 4 -------------- Point 3\n */\n\n /**\n * diagonal 1 point 1\n */\n private point1: Point;\n\n /**\n * diagonal 1 point 2\n */\n private point3: Point;\n\n /**\n * diagonal 2 point 1\n */\n private point2: Point;\n\n /**\n * diagonal 2 point 2\n */\n private point4: Point;\n\n private name: string;\n\n private isChildBlock = false;\n\n constructor(point1: Point, point3: Point, isChildBlock = false, name?) {\n super();\n this.point1 = point1;\n this.point3 = point3;\n this.isChildBlock = isChildBlock;\n this.point2 = new Point(point3.getX(), point1.getY());\n this.point4 = new Point(point1.getX(), point3.getY());\n this.name = name;\n }\n\n getBoundary(): Path {\n const allPoints = this.getAllVertices();\n return new Path([...allPoints, allPoints[0]]);\n }\n\n isChild(): boolean {\n return this.isChildBlock;\n }\n\n getName(): string {\n return this.name;\n }\n\n /**\n * checks if the point p is inside or on the block\n * @param p point\n */\n containsPoint(p: Point): boolean {\n const xMax = this.getMaxX();\n const xMin = this.getMinX();\n const yMax = this.getMaxY();\n const yMin = this.getMinY();\n return (p.getX() >= xMin) && (p.getX() <= xMax) && (p.getY() >= yMin) && (p.getY() <= yMax);\n }\n\n getAllVertices(): Point[] {\n return [this.point1, this.point2, this.point3, this.point4];\n }\n\n getPoint1(): Point {\n return this.point1;\n }\n\n getPoint2(): Point {\n return this.point2;\n }\n\n getPoint3(): Point {\n return this.point3;\n }\n\n getPoint4(): Point {\n return this.point4;\n }\n\n getMinX(): number {\n return Math.min(this.point1.getX(), this.point3.getX());\n }\n\n getMaxX(): number {\n return Math.max(this.point1.getX(), this.point3.getX());\n }\n\n getMinY(): number {\n return Math.min(this.point1.getY(), this.point3.getY());\n }\n\n getMaxY(): number {\n return Math.max(this.point1.getY(), this.point3.getY());\n }\n\n /**\n * Returns the tuple of other two diagonal points\n */\n getOtherTwoPoints(): [Point, Point] {\n return [this.point2, this.point4];\n }\n\n /**\n * Returns the two diagonal vector of the block\n */\n getDiagonals(): [Vector, Vector] {\n return [this.point1.subtract(this.point3), this.point2.subtract(this.point4)];\n }\n\n /**\n * Returns mid-point of the block\n */\n getCenter(): Point {\n const midX = (this.point1.getX() + this.point3.getX()) / 2;\n const midY = (this.point1.getY() + this.point3.getY()) / 2;\n return new Point(midX, midY);\n }\n\n /**\n * returns orientation of the point with respect to the block\n * @param point: point\n */\n getRelativeOrientation(point: Point): Orientation {\n const relativeVector = point.subtract(this.getCenter());\n const absRelativeSlope = Math.abs(relativeVector.getSlope());\n const boxDiagonalSlope = Math.abs(this.getDiagonals()[0].getSlope());\n\n const relativeY = relativeVector.getY();\n const relativeX = relativeVector.getX();\n\n if (absRelativeSlope >= boxDiagonalSlope) {\n return relativeY >= 0 ? Orientation.North : Orientation.South;\n } else {\n return relativeX >= 0 ? Orientation.East : Orientation.West;\n }\n }\n\n /**\n * Returns the unit vector of the relative orientation of the point wrt the Box\n * @param point: point\n */\n getRelativeOrientationUnitVector(point: Point): Vector {\n const relativeOrientation = this.getRelativeOrientation(point);\n return OrientationUtil.getUnitVector(relativeOrientation);\n }\n\n /**\n * Returns a point away from port of the block\n * @param point port\n * @param distance distance of the new point from port\n */\n getPointAwayFromPort(point: Point, distance: number, canvas?: Canvas): Point {\n const unitVector = this.getRelativeOrientationUnitVector(point);\n let resultantVector = point.getVector().add(unitVector.multiply(distance));\n // TODO: get the distance directly by using the boundary of the block\n while (this.containsPoint(Point.loadFromVector(resultantVector))) {\n resultantVector = resultantVector.add(unitVector.multiply(distance));\n }\n return Point.loadFromVector(resultantVector);\n }\n}\n\nexport class Canvas {\n /**\n * List of elements inside the canvas\n */\n private elements: CanvasElement[];\n\n constructor(elements: CanvasElement[] = []) {\n this.elements = elements;\n }\n\n addElement(element: CanvasElement): void {\n this.elements.push(element);\n }\n\n removeElement(element: CanvasElement): void {\n _.remove(this.elements, (el: CanvasElement) => el === element);\n }\n\n getElements(): CanvasElement[] {\n return [...this.elements];\n }\n\n getBlocks(): Block[] {\n return this.elements.filter(element => element instanceof Block).map(element => (element as Block));\n }\n\n getParentBlocks(): Block[] {\n return this.elements.filter(element => (element instanceof Block) && (!(element as Block).isChild()))\n .map(element => (element as Block));\n }\n\n getPaths(): Path[] {\n return this.elements.filter(element => element instanceof Path).map(element => (element as Path));\n }\n}\n\n\nexport class CanvasUtils {\n static doElementsIntersect(element1: CanvasElement, element2: CanvasElement): [boolean, Line, Line] {\n if ((element1 instanceof Path) && (element2 instanceof Block)) {\n return CanvasUtils.doesBlockAndPathIntersects(element1, element2);\n } else if ((element1 instanceof Block) && (element2 instanceof Path)) {\n return CanvasUtils.doesBlockAndPathIntersects(element2, element1);\n } else if ((element1 instanceof Block) && (element2 instanceof Block)) {\n // intersecting lines are returned as null null as doesn't hold true for 2 blocks\n return CanvasUtils.doBlocksIntersect(element1, element2);\n } else if ((element1 instanceof Path) && (element2 instanceof Path)) {\n return element1.doesPathSuperimpose(element2);\n }\n return [false, null, null];\n }\n\n private static doesBlockAndPathIntersects(path: Path, block: Block): [boolean, Line, Line] {\n const lineSegments = block.getBoundary().getAllLineSegments();\n for (const line of path.getAllLineSegments()) {\n for (const blockLine of lineSegments) {\n if (line.doesLineIntersect(blockLine)[0]) {\n return [true, line, blockLine];\n }\n }\n }\n return [false, null, null];\n }\n\n private static doBlocksIntersect(block1: Block, block2: Block): [boolean, Line, Line] {\n const [minAx, minAy, maxAx, maxAy] = [block1.getMinX(), block1.getMinY(), block1.getMaxX(), block1.getMaxY()];\n const [minBx, minBy, maxBx, maxBy] = [block2.getMinX(), block2.getMinY(), block2.getMaxX(), block2.getMaxY()];\n\n const aLeftOfB = maxAx < minBx;\n const aRightOfB = minAx > maxBx;\n const aAboveB = minAy > maxBy;\n const aBelowB = maxAy < minBy;\n\n const isIntersect = !(aLeftOfB || aRightOfB || aAboveB || aBelowB);\n return [isIntersect, null, null];\n }\n\n static getBoundary(element: CanvasElement): Path {\n if (element instanceof Block) {\n return (element as Block).getBoundary();\n } else if (element instanceof Path) {\n return (element as Path);\n }\n }\n\n static arePointsAligned(point1: Point, point2: Point): boolean {\n return (point1.getX() === point2.getX()) || (point1.getY() === point2.getY());\n }\n\n static appendPaths(...paths: Path[]): Path {\n const allPoints = _.flatten(paths.map(path => path.getAllPoints()));\n return new Path(allPoints);\n }\n\n static getSubCanvasIntersectingCanvas(canvas: Canvas, block: Block): Canvas {\n return new Canvas(canvas.getElements().filter(el => CanvasUtils.doElementsIntersect(el, block)));\n }\n\n static doesPointLieOnCanvaspath(canvas: Canvas, point: Point): boolean {\n const allPaths = canvas.getPaths();\n for (const path of allPaths) {\n if (path.containsPoint(point)) {\n return true;\n }\n }\n return false;\n }\n\n static getCompactPath(canvas: Canvas, path: Path): Path {\n return null;\n }\n\n}\n\nfunction test() {\n const line1 = new Line(new Point(1, 1), new Point(4, 4));\n console.log(line1.containsPoint(new Point(2, 2)));\n}\n\ntest();\n" }, { "path": "ArduinoFrontend/src/app/layout/PathUtils.ts", "content": "import { Line, Point, Block, Canvas, Orientation, CanvasUtils, Path, MathHelper, CanvasElement, OrientationUtil } from './Components';\nimport _ from 'lodash';\n// const _ = require('lodash');\n\n// Minimum unit distance to use in resolving the paths\nconst DELTA_DISTANCE = 15;\n\n// Path priority map.\n// Moving in the same direction is the most prior while searching for the optimal path.\nconst PATH_PRIORITY = {\n 0: 0,\n 90: 1,\n 270: 2,\n 180: 3\n};\n\nexport class Utils {\n\n /**\n * Computes the optimal path between src and dest\n * @param src source\n * @param dest destination\n * @param srcParentBlock parent block of the source point\n * @param destParentBlock parent block of the destination point\n * @param canvas canvas instance\n */\n static getOptimalPath(src: Point, dest: Point, srcParentBlock: Block, destParentBlock: Block, canvas: Canvas): [Path, string] {\n const srcPoint = Utils.getPointAwayFromPort(src, srcParentBlock, canvas);\n const destPoint = Utils.getPointAwayFromPort(dest, destParentBlock, canvas);\n\n const srcOrientation = srcParentBlock.getRelativeOrientation(src);\n const destOrientation = destParentBlock.getRelativeOrientation(dest);\n\n const dpDict = {};\n\n let middlePath = Utils.getOptimalPathRecursive(srcPoint, destPoint, srcOrientation, destOrientation, canvas, dpDict);\n if (!middlePath) {\n // try with destinatino as source.\n middlePath = Utils.getOptimalPathRecursive(destPoint, srcPoint, destOrientation, srcOrientation, canvas, dpDict);\n if (!middlePath) {\n return [null, 'Optimal paths could not be found. Try adjusting some of the components.'];\n }\n middlePath = middlePath.reverse();\n }\n const result = new Path([src, ...middlePath.getAllPoints(), dest]);\n result.simplify();\n return [result, null];\n }\n\n /**\n * Checks if there are any overlapping bounding boxes on the canvas\n * Returns false if none found, else true and the two overlapping elements\n * @param canvas: canvas\n */\n static isCanvasInvalid(canvas: Canvas): [boolean, CanvasElement, CanvasElement] {\n const elements = canvas.getParentBlocks();\n for (let i = 0; i < elements.length; i++) {\n for (let j = i + 1; j < elements.length; j++) {\n if (CanvasUtils.doElementsIntersect(elements[i], elements[j])[0]) {\n return [true, elements[i], elements[j]];\n }\n }\n }\n return [false, null, null];\n }\n\n /**\n * Returns the direct path between src and dest if possible\n * src (x)---------------\n * |\n * dest(x)\n *\n * `OR`\n *\n * src (x)\n * |\n * ---------dest(x)\n * depending on the alignment\n * @param src source\n * @param dest destination\n */\n private static getDirectPaths(src: Point, dest: Point): Path[] {\n if (CanvasUtils.arePointsAligned(src, dest)) {\n return [new Path([src, dest])];\n }\n const point1 = new Point(src.getX(), dest.getY());\n const point2 = new Point(dest.getX(), src.getY());\n\n return [new Path([src, point1, dest]), new Path([src, point2, dest])];\n }\n\n /**\n * Checks if there's an obstacle between the source and destination 2-turn path\n * Returns true/false with the line on the path which is facing obstacle and the element which is the blocker\n * @param path path\n * @param canvas canvas element\n */\n static checkObstacles(path: Path, canvas: Canvas): [boolean, Line, CanvasElement] {\n for (const element of canvas.getElements()) {\n const boundary = CanvasUtils.getBoundary(element);\n const [isSuperImpose, superImposingLineOfPath, superImposingLineOfBoundary] = path.doesPathSuperimpose(boundary);\n if (isSuperImpose) {\n return [true, superImposingLineOfPath, element];\n }\n if (element instanceof Block) {\n const [isIntersect, pathLine, blockLine] = CanvasUtils.doElementsIntersect(element, path);\n if (isIntersect) {\n return [true, pathLine, element];\n }\n }\n }\n\n return [false, null, null];\n }\n\n /**\n * Returns the possible intermediary horizontal/vertical lines between the source and destination\n * @param point1 source\n * @param point2 destination\n * @param canvas canvas\n * @param isHorizontal preferred alignment of the path wrt source\n */\n static getIntermediaryLines(point1: Point, point2: Point, canvas: Canvas, isHorizontal: boolean): [Line[], boolean] {\n // TODO: refactor function for readability\n const result = [];\n const block = new Block(point1, point2);\n const [minX, maxX, minY, maxY] = [block.getMinX(), block.getMaxX(), block.getMinY(), block.getMaxY()];\n const subCanvas = CanvasUtils.getSubCanvasIntersectingCanvas(canvas, new Block(point1, point2));\n\n const tryHorizontal = () => {\n // console.log('Trying horizontal lines..');\n const srcLine = new Path([point1, new Point(point1.getX(), point2.getY())]);\n const destLine = new Path([point2, new Point(point2.getX(), point1.getY())]);\n const tryYRange = (yMin: number, yMax: number) => {\n for (const y of _.range(yMin, yMax, DELTA_DISTANCE)) {\n const line = new Line(new Point(minX, y), new Point(maxX, y));\n const pathToCheck = Path.loadFromLine(line);\n\n const [isObstacle, obstacleLine, canvasEl] = Utils.checkObstacles(pathToCheck, subCanvas);\n\n if (!isObstacle) {\n result.push(line);\n continue;\n }\n\n if (canvasEl instanceof Block) {\n let [isIntersect, dummy1, dummy2] = CanvasUtils.doElementsIntersect(canvasEl, destLine);\n if (isIntersect) {\n result.splice(0, result.length);\n continue;\n }\n [isIntersect, dummy1, dummy2] = CanvasUtils.doElementsIntersect(canvasEl, srcLine);\n if (isIntersect) {\n break;\n }\n }\n }\n };\n tryYRange(minY + DELTA_DISTANCE, maxY);\n let trials = 1;\n let [prevMin, prevMax] = [minY, maxY + DELTA_DISTANCE];\n while (result.length === 0 && trials < 40) {\n // console.log('Trying horizontal lines.. with trials, ', trials);\n const currMin = prevMin - trials * DELTA_DISTANCE;\n const currMax = prevMax + trials * DELTA_DISTANCE;\n tryYRange(currMin, prevMin);\n if (result.length > 0) {\n break;\n }\n tryYRange(prevMax, currMax);\n [prevMin, prevMax] = [currMin, currMax];\n trials++;\n }\n };\n\n const tryVertical = () => {\n const srcLine = new Path([point1, new Point(point2.getX(), point1.getY())]);\n const destLine = new Path([point2, new Point(point1.getX(), point2.getY())]);\n const tryXRange = (xMin: number, xMax: number) => {\n for (const x of _.range(xMin, xMax, DELTA_DISTANCE)) {\n const line = new Line(new Point(x, minY), new Point(x, maxY));\n const pathToCheck = Path.loadFromLine(line);\n const [isObstacle, obstacleLine, canvasEl] = Utils.checkObstacles(pathToCheck, subCanvas);\n\n if (!isObstacle) {\n result.push(line);\n continue;\n }\n\n if (canvasEl instanceof Block) {\n let [isIntersect, dummy1, dummy2] = CanvasUtils.doElementsIntersect(canvasEl, destLine);\n if (isIntersect) {\n result.splice(0, result.length);\n continue;\n }\n [isIntersect, dummy1, dummy2] = CanvasUtils.doElementsIntersect(canvasEl, srcLine);\n if (isIntersect) {\n break;\n }\n }\n }\n };\n\n tryXRange(minX + DELTA_DISTANCE, maxX);\n let trials = 1;\n let [prevMin, prevMax] = [minX, maxX + DELTA_DISTANCE];\n while (result.length === 0 && trials < 40) {\n const currMin = prevMin - trials * DELTA_DISTANCE;\n const currMax = prevMax + trials * DELTA_DISTANCE;\n tryXRange(currMin, prevMin);\n if (result.length > 0) {\n break;\n }\n tryXRange(prevMax, currMax);\n [prevMin, prevMax] = [currMin, currMax];\n trials++;\n }\n };\n\n const trySequence = isHorizontal ? [tryHorizontal, tryVertical] : [tryVertical, tryHorizontal];\n\n trySequence[0]();\n if (result.length === 0) {\n trySequence[1]();\n }\n\n return [result, isHorizontal];\n }\n\n /**\n * chooses the line while optimizing for the elegant layout\n * @param lineList list of lines\n * @param isOrientationHorizontal orientation of the lines\n */\n static chooseLine(lineList: Line[], isOrientationHorizontal: boolean): Line {\n // split into ranges\n const getProperty = isOrientationHorizontal ? Point.prototype.getY : Point.prototype.getX;\n\n const ranges: Line[][] = [];\n\n let currLine: Line;\n let currProperty: number;\n\n let prevLine = lineList[0];\n let prevProperty = getProperty.call(prevLine.getPoint1());\n let row: Line[] = [];\n\n for (let i = 1; i < lineList.length;) {\n row = [prevLine];\n while (i < lineList.length) {\n currLine = lineList[i];\n currProperty = getProperty.call(currLine.getPoint1());\n prevLine = currLine;\n i++;\n\n if (MathHelper.areNumbersClose(currProperty, prevProperty + DELTA_DISTANCE)) {\n row.push(currLine);\n prevProperty = currProperty;\n } else {\n ranges.push(row);\n prevProperty = currProperty;\n break;\n }\n\n }\n }\n ranges.push(row);\n\n // choose the widest range\n const widestRange = _.maxBy(ranges, range => range.length);\n return widestRange[Math.floor(widestRange.length / 2)];\n }\n\n /**\n * Calculates a point away from the parent block to start the path with\n * @param point origin point\n * @param parentBlock parent block of the point\n * @param canvas canvas\n */\n static getPointAwayFromPort(point: Point, parentBlock: Block, canvas: Canvas): Point {\n let result = parentBlock.getPointAwayFromPort(point, DELTA_DISTANCE);\n while (CanvasUtils.doesPointLieOnCanvaspath(canvas, result)) {\n result = parentBlock.getPointAwayFromPort(result, DELTA_DISTANCE);\n }\n return result;\n }\n\n /**\n * Returns the optimal path recursively with specified maximum recursion depth\n * @param src source point\n * @param dest destination point\n * @param srcOrientation orientation of the source point wrt its parent\n * @param destOrientation orientation of the destination point wrt its parent\n * @param canvas canvas\n * @param dpDict cached dictionary of paths calculated in previous recursions\n * @param nRecursions max number of recursions allowed\n */\n private static getOptimalPathRecursive(src: Point, dest: Point, srcOrientation: Orientation,\n destOrientation: Orientation, canvas: Canvas, dpDict: {[key: string]: Path} = {},\n nRecursions: number = 10): Path {\n // console.log(\"Recursion number: \", nRecursions);\n const directPaths = Utils.getDirectPaths(src, dest);\n\n // sorting possible direct paths based on orientation of source and destination\n directPaths.sort((path1, path2) => {\n const orientation1 = path1.getFirstVectorOrientation();\n const orientation2 = path2.getFirstVectorOrientation();\n\n const diff1 = MathHelper.modulo(orientation1 - srcOrientation, 360);\n const diff2 = MathHelper.modulo(orientation2 - srcOrientation, 360);\n\n return PATH_PRIORITY[diff1] > PATH_PRIORITY[diff2] ? 1 : -1;\n });\n\n let lineWithObstacle: Line;\n let isObstacle: boolean;\n let canvasEl: CanvasElement;\n\n for (const path of directPaths) {\n [isObstacle, lineWithObstacle, canvasEl] = Utils.checkObstacles(path, canvas);\n if (!isObstacle) {\n return path;\n }\n }\n\n // no simple path found..\n let isObstacleOnHorizontalAxis = lineWithObstacle.isHorizontal();\n let lineList = [];\n [lineList, isObstacleOnHorizontalAxis] = Utils.getIntermediaryLines(src, dest, canvas, isObstacleOnHorizontalAxis);\n\n // if (lineList.length === 0) {\n // isObstacleOnHorizontalAxis = !isObstacleOnHorizontalAxis;\n // lineList = Utils.getIntermediaryLines(src, dest, canvas, isObstacleOnHorizontalAxis);\n if (lineList.length === 0) {\n return null;\n }\n // }\n let resultPath: Path;\n\n const chosenLine = Utils.chooseLine(lineList, isObstacleOnHorizontalAxis);\n if (chosenLine) {\n const [chosenPoint1, chosenPoint2] = chosenLine.getEnds();\n\n /// TODO: refactor following statements\n if (isObstacleOnHorizontalAxis) {\n if (chosenPoint1.getX() === src.getX()) {\n resultPath = new Path([src, chosenPoint1, chosenPoint2, dest]);\n } else if (chosenPoint2.getX() === src.getX()) {\n resultPath = new Path([src, chosenPoint2, chosenPoint1, dest]);\n }\n } else {\n if (chosenPoint1.getY() === src.getY()) {\n resultPath = new Path([src, chosenPoint1, chosenPoint2, dest]);\n } else if (chosenPoint2.getY() === src.getY()) {\n resultPath = new Path([src, chosenPoint2, chosenPoint1, dest]);\n }\n }\n\n if (resultPath) {\n const [areObstacles, obstaclePath, canvasEl1] = Utils.checkObstacles(resultPath, canvas);\n if (!areObstacles) {\n return resultPath;\n }\n }\n }\n\n if (nRecursions < 0) {\n // console.log('Max recursions reached.');\n return;\n }\n\n const srcDestOrientation = dest.subtract(src).getApproxOrientation();\n let directions: Orientation[];\n\n const deltaOrientation = Math.abs(srcDestOrientation - srcOrientation);\n\n if (deltaOrientation === 180) {\n directions = [srcOrientation,\n OrientationUtil.addOrientations(srcDestOrientation, 90),\n OrientationUtil.subtractOrientations(srcDestOrientation, 90),\n srcDestOrientation];\n } else if ([90, 270].includes(deltaOrientation)) {\n directions = [srcOrientation,\n srcDestOrientation,\n OrientationUtil.addOrientations(srcDestOrientation, 180),\n OrientationUtil.addOrientations(srcOrientation, 180)];\n } else {\n directions = [\n srcOrientation,\n OrientationUtil.subtractOrientations(srcOrientation, 90),\n OrientationUtil.addOrientations(srcOrientation, 90),\n OrientationUtil.addOrientations(srcOrientation, 180),\n ];\n }\n // directions = directions.filter(dir => dir !== srcOrientation);\n\n for (const direction of directions) {\n const step = OrientationUtil.getUnitVector(direction).multiply(1 * DELTA_DISTANCE);\n const newSource = Point.loadFromVector(src.getVector().add(step));\n resultPath = new Path([src, newSource]);\n const [isInvalid, dummy1, dummy2] = Utils.checkObstacles(resultPath, canvas);\n if (!isInvalid) {\n const key = `${newSource}:${dest}`;\n if (!dpDict.hasOwnProperty(key)) {\n dpDict[key] = Utils.getOptimalPathRecursive(newSource, dest, direction, destOrientation, canvas,\n dpDict, nRecursions - 1);\n }\n const recursivePath = dpDict[key];\n if (recursivePath) {\n return resultPath.addPath(recursivePath);\n }\n }\n continue;\n }\n }\n}\n\n// function test() {\n// const point1 = new Point(0, 0);\n// let block1 = new Block(new Point(-20, 20), new Point(0, -20));\n\n// const point2 = new Point(100, 100);\n// let block2 = new Block(new Point(110, 100), new Point(90, 120));\n\n// const canvas = new Canvas();\n// canvas.addElement(block1);\n// canvas.addElement(block2);\n\n// // Test 1\n// let path = Utils.getOptimalPath(point1, point2, block1, block2, canvas);\n// // console.log(path);\n\n// // Test 2\n// canvas.removeElement(block2);\n// block2 = new Block(new Point(100, 80), new Point(120, 120));\n// canvas.addElement(block2);\n// path = Utils.getOptimalPath(point1, point2, block1, block2, canvas);\n// // console.log(path);\n\n// // Test 3\n// canvas.removeElement(block2);\n// block2 = new Block(new Point(100, 80), new Point(120, 120));\n// canvas.addElement(block2);\n// path = Utils.getOptimalPath(point1, point2, block1, block2, canvas);\n// // console.log(path);\n\n// // Test 4\n// canvas.removeElement(block2);\n// block2 = new Block(new Point(90, 100), new Point(110, 80));\n// canvas.addElement(block2);\n// path = Utils.getOptimalPath(point1, point2, block1, block2, canvas);\n// // console.log(path);\n\n// // Test 5\n// canvas.removeElement(block2);\n// block2 = new Block(new Point(100, 120), new Point(80, 80));\n// canvas.addElement(block2);\n// path = Utils.getOptimalPath(point1, point2, block1, block2, canvas);\n// // console.log(path);\n\n// // Test 5\n// canvas.removeElement(block1);\n// block1 = new Block(new Point(0, 20), new Point(20, -20));\n// canvas.addElement(block1);\n// path = Utils.getOptimalPath(point1, point2, block1, block2, canvas);\n// console.log(path);\n// }\n\n\n// function test2() {\n// const point1 = new Point(168.53, 204);\n// let block1 = new Block(new Point(157.53, 109), new Point(181.53, 209));\n\n// const point2 = new Point(292, 331);\n// let block2 = new Block(new Point(150, 309), new Point(645, 639));\n\n// const canvas = new Canvas();\n// canvas.addElement(block1);\n// canvas.addElement(block2);\n\n// // Test 1\n// let path = Utils.getOptimalPath(point1, point2, block1, block2, canvas);\n// console.log(path);\n// }\n\n// function test3() {\n// const points = [\n// new Point(0, 0),\n// new Point(5, 0),\n// new Point(5, 5),\n// new Point(3, 5),\n// new Point(3, -2)\n// ];\n// const path = new Path(points);\n// console.log(path.toString());\n// path.simplify();\n// console.log(path.toString());\n// }\n\n// test3();\n" }, { "path": "ArduinoFrontend/src/app/lti-form/lti-form.component.css", "content": "form {\n\tmargin: 30px;\n}\n\nmat-form-field {\n\twidth: 100%;\n}\n\n.code-weight {\n\tpadding-top: 25pt;\n}\n\n.form-buttons {\n\tpadding: 10px;\n}\n\n.form-buttons > button {\n\twidth: 200px;\n\tmargin: 5px;\n}\n\n.url-error-div {\n\tpadding: 20px;\n}\n\n#lti-url {\n\tresize: none;\n\twidth: 75%;\n\tpadding-left: 10px;\n\tpadding-bottom: 0px;\n}\n\n#copy-button {\n\tpadding: 0px;\n\tborder-width: 0px;\n\tmargin: 0px;\n}" }, { "path": "ArduinoFrontend/src/app/lti-form/lti-form.component.html", "content": "\n

LTI App for {{modelCircuit.name}}

\n
\n
\n
\n
\n

Model Circuit/Simulation

\n \n
\n \n
    \n
  • Branch: {{ modelCircuit.branch }}
    • \n
  • Version: {{ modelCircuit.version }}
    • \n
\n
\n

Last Modified: {{ getFormattedDate(modelCircuit.save_time)\n }}

\n
\n
\n
\n
\n
\n
\n

Student Circuit/Simulation

\n \n
\n \n
    \n
  • Branch: {{ studentCircuit.branch }}
    • \n
  • Version: {{ studentCircuit.version }}
    • \n \n
\n
\n

Last Modified: {{ getFormattedDate(studentCircuit.save_time)\n }}

\n
\n
\n
\n
\n
\n
\n
\n \n \n Should not contain any spaces\n This field is mandatory\n String should be atleast 2\n characters long\n \n \n \n \n None\n \n \n {{ circuit.name }} of variation {{ circuit.branch }} saved at {{\n getFormattedDate(circuit.save_time) }}\n \n \n \n This field is mandatory\n \n \n \n \n None\n \n \n {{ ckt.name }} of variation {{ ckt.branch }} saved at {{\n getFormattedDate(ckt.save_time) }}\n \n \n \n This field is mandatory\n \n
\n
\n \n \n {{hide ? 'visibility_off' : 'visibility'}}\n This field is mandatory\n String should be atleast 2 characters\n long\n \n \n \n \n None\n \n \n Test Case {{i+1}} ({{test_case.length}} data points)\n \n \n \n \n \n This field is mandatory\n \n Value should be between 0 and 100\n \n
\n
\n \n \n This field is mandatory\n \n Value should be between 0 and 1\n \n
\n
\n \n Accept Submissions\n \n
\n
\n \n Show Code\n \n
\n
\n \n \n \n
\n
\n
\n \n \n \n \n \n
\n
\n
\n
\n

{{ details.consumerError }}

\n

\n
\n
\n
\n Config URL\n
\n \n \n
\n
" }, { "path": "ArduinoFrontend/src/app/lti-form/lti-form.component.ts", "content": "import { Component, OnInit } from '@angular/core';\nimport { ApiService } from '../api.service';\nimport { AlertService } from '../alert/alert-service/alert.service';\nimport { Login } from '../Libs/Login';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { FormGroup, FormControl, Validators } from '@angular/forms';\nimport { environment } from 'src/environments/environment';\n\n/**\n * Interface to store relevant circuit data\n */\nexport interface Circuit {\n id: number;\n branch: string;\n version: string;\n lti: string;\n image: string;\n description: string;\n save_id: string;\n}\n\n/**\n * Interface to store LTI Details\n */\nexport interface LTIDetails {\n secret_key: string;\n consumer_key: string;\n config_url: string;\n configExists: boolean;\n consumerError: string;\n score: number;\n initial_schematic: number;\n model_schematic: number;\n test_case: string;\n scored: boolean;\n id: string;\n sim_params: string[];\n view_code: boolean;\n con_weightage: number;\n code_weightage: number;\n}\n\n/**\n * Class for LTI Form\n */\n@Component({\n selector: 'app-lti-form',\n templateUrl: './lti-form.component.html',\n styleUrls: ['./lti-form.component.css']\n})\nexport class LTIFormComponent implements OnInit {\n\n /**\n * LTI Form Component Constructor\n * @param api API service for api calls\n * @param router Router to navigate\n * @param aroute Activated Route\n */\n constructor(\n public api: ApiService,\n private router: Router,\n private aroute: ActivatedRoute,\n ) {\n }\n\n /**\n * Toggles input type of secret key form-field\n */\n hide = true;\n /**\n * stores relevant data of model circuit chosen\n */\n modelCircuit: Circuit;\n /**\n * stores relevant data of student/initial circuit chosen\n */\n studentCircuit: Circuit;\n /**\n * circuit id of the circuit received from query parameters\n */\n circuitId: string = null;\n /**\n * branch of the circuit received from query parameters\n */\n branch = '';\n /**\n * version of the circuit received from query parameters\n */\n version = '';\n /**\n * LTI ID of the circuit received from query parameters\n */\n lti: string = null;\n /**\n * Show/Hide Tooltip\n */\n copyTooltip = false;\n /**\n * Stores all versions of the circuit\n */\n circuits: any[];\n /**\n * Stores all test cases applicable for the circuit\n */\n testCases: any[] = [];\n /**\n * Stores config url shown in text box\n */\n configUrl = '';\n /**\n * Status of view code checkbox\n */\n viewCodeCheckBox = false;\n /**\n * Stores LTI details recieved from backend and the LTI Form\n */\n details: LTIDetails = {\n secret_key: '',\n consumer_key: '',\n config_url: '',\n configExists: false,\n consumerError: '',\n score: 0,\n initial_schematic: 0,\n model_schematic: 0,\n test_case: null,\n scored: false,\n id: '',\n sim_params: [],\n view_code: false,\n con_weightage: 60,\n code_weightage: 40\n };\n\n /**\n * Defines LTI Form Controls and Validators\n */\n form: FormGroup = new FormGroup({\n consumer_key: new FormControl('', [Validators.required, Validators.minLength(2)]),\n secret_key: new FormControl('', [Validators.required, Validators.minLength(2)]),\n score: new FormControl(0, [Validators.required, Validators.min(0), Validators.max(1)]),\n con_weightage: new FormControl(60, [Validators.required, Validators.min(0), Validators.max(100)]),\n code_weightage: new FormControl(40),\n test_case: new FormControl(''),\n initial_schematic: new FormControl(0, Validators.required),\n model_schematic: new FormControl(0, Validators.required),\n scored: new FormControl(true),\n viewCode: new FormControl(false)\n });\n\n /**\n * On Init Callback\n */\n ngOnInit() {\n document.documentElement.style.overflow = 'auto';\n document.title = 'LTI | Arduino on Cloud';\n this.aroute.queryParams.subscribe(v => {\n // if project id is present and no query parameter then redirect to dashboard\n const token = Login.getToken();\n if (Object.keys(v).length === 0 && this.circuitId || !token) {\n setTimeout(() => this.router.navigate(['dashboard'])\n , 100);\n return;\n }\n this.circuitId = v.id;\n this.branch = v.branch;\n this.version = v.version;\n this.lti = v.lti;\n this.onClear();\n if (this.lti) {\n this.details.id = this.lti;\n // Get details of the LTI App.\n this.api.ArduinoexistLTIURL(this.circuitId, token).subscribe(res => {\n // Switch to the branch and version of the existing LTI App\n if (res['model_schematic'].branch !== this.branch || res['model_schematic'].version !== this.version) {\n this.router.navigate(\n [],\n {\n relativeTo: this.aroute,\n queryParams: {\n id: this.circuitId,\n branch: res['model_schematic'].branch,\n version: res['model_schematic'].version,\n lti: this.lti,\n },\n });\n }\n this.modelCircuit = res['model_schematic'];\n this.studentCircuit = res['initial_schematic'];\n res['initial_schematic'] = this.studentCircuit.id;\n res['model_schematic'] = this.modelCircuit.id;\n if (!environment.production) {\n this.modelCircuit['base64_image'] = environment.API_URL + this.modelCircuit['base64_image'];\n this.studentCircuit['base64_image'] = environment.API_URL + this.studentCircuit['base64_image'];\n }\n this.setForm(res);\n this.details = {\n ...this.form.value,\n model_schematic: res['model_schematic'],\n config_url: res['config_url'],\n consumerError: '',\n configExists: true,\n view_code: res['view_code']\n };\n this.getAllVersions();\n this.getTestCases();\n this.configUrl = this.details.config_url;\n }, err => {\n if (err.status === 404) {\n this.details.configExists = false;\n }\n console.log(err);\n this.getAllVersions();\n });\n } else {\n this.details.configExists = false;\n this.getAllVersions();\n this.getTestCases();\n this.form.get('con_weightage').setValue(this.details.con_weightage);\n this.form.get('code_weightage').setValue(this.details.code_weightage);\n }\n });\n }\n\n /**\n * Sets the form fields as set in the supplied object\n * @param res Object with interface similar to form property\n */\n setForm(res: any) {\n this.form.setValue({\n consumer_key: res['consumer_key'],\n secret_key: res['secret_key'],\n score: parseFloat(res['score']),\n // score: res['score'] ? 1 : 0,\n initial_schematic: parseInt(res['initial_schematic'], 10),\n model_schematic: parseInt(res['model_schematic'], 10),\n test_case: res['test_case'],\n scored: res['scored'],\n con_weightage: res['con_weightage'],\n code_weightage: 100 - res['con_weightage'],\n viewCode: res['view_code']\n });\n }\n\n gettestCaseSelectChange(value) {\n this.details.test_case = value;\n }\n\n /**\n * Called on changing option in select form field for test case\n * @param event Event data on changing select form field for test case\n */\n ontestCaseSelectChanges(event) {\n this.gettestCaseSelectChange(event.value);\n }\n\n getModelCircuitChange(value) {\n this.modelCircuit = value ? this.circuits.filter(v => v.id === parseInt(value, 10))[0] : undefined;\n this.getTestCases();\n }\n\n onModelCircuitChange(event) {\n this.getModelCircuitChange(event.value);\n }\n\n /**\n * Sets the student circuit of the LTI form\n * @param value id of the circuit to be set as initial/student circuit\n * @param callback function called after retrieving the intended circuit\n */\n getStudentSimulation(value) {\n this.studentCircuit = value ? this.circuits.filter(v => v.id === parseInt(value, 10))[0] : undefined;\n }\n\n /**\n * Called on changing option in select form field for student simulation\n * @param event Event data on changing select form field for student simulation\n */\n onStudentSelectChanges(event) {\n this.getStudentSimulation(event.value);\n }\n\n\n conCodeWeight(event) {\n this.details.code_weightage = 100 - this.form.value.con_weightage;\n this.form.get('code_weightage').setValue(100 - this.form.value.con_weightage);\n }\n\n /**\n * Called on clicking Save button from LTI Form\n */\n onSubmit() {\n if (this.form.valid) {\n if (!this.details.scored) {\n this.details.score = null;\n }\n this.details = {\n ...this.details,\n ...this.form.value,\n scored: this.form.value.scored ? true : false,\n view_code: this.form.value.viewCode ? true : false,\n model_schematic: this.modelCircuit.id,\n test_case: this.form.value.test_case ? this.form.value.test_case : null,\n score: this.form.value.score,\n con_weightage: this.form.value.con_weightage,\n configExists: false,\n };\n const token = Login.getToken();\n if (token) {\n const data = { ...this.details };\n delete data['configExists'];\n delete data['config_url'];\n delete data['consumerError'];\n delete data['id'];\n this.api.saveArduinoLTIDetails(token, data).subscribe(res => {\n this.setForm(res);\n this.details = {\n ...this.form.value,\n initial_schematic: res['initial_schematic'],\n id: res['id'],\n model_schematic: res['model_schematic'],\n config_url: res['config_url'],\n configExists: true,\n consumerError: '',\n };\n this.lti = res['id'];\n this.configUrl = this.details.config_url;\n this.router.navigate(\n [],\n {\n relativeTo: this.aroute,\n queryParams: {\n id: this.modelCircuit.save_id,\n branch: this.modelCircuit.branch,\n version: this.modelCircuit.version,\n lti: this.lti,\n },\n });\n }, err => {\n console.log(err);\n this.setConsumerError(err);\n this.details.configExists = false;\n });\n }\n }\n }\n\n /**\n * Called on clicking Delete button from LTI Form\n */\n onDelete() {\n const token = Login.getToken();\n if (token) {\n this.api.removeArduinoLTIDetails(this.details.model_schematic, token).subscribe(res => {\n this.details = {\n ...this.details,\n secret_key: '',\n consumer_key: '',\n config_url: '',\n configExists: false,\n consumerError: '',\n score: 0,\n test_case: null,\n sim_params: [],\n scored: false,\n id: '',\n view_code: false,\n con_weightage: 60,\n code_weightage: 40,\n };\n this.studentCircuit = undefined;\n this.circuits = [];\n this.configUrl = this.details.config_url;\n this.router.navigate(\n [],\n {\n relativeTo: this.aroute,\n queryParams: {\n id: this.modelCircuit.save_id,\n branch: this.modelCircuit.branch,\n version: this.modelCircuit.version,\n },\n });\n }, err => {\n console.log(err);\n this.setConsumerError(err);\n this.details.configExists = true;\n });\n }\n }\n\n /**\n * Called on clicking Update button from LTI Form\n */\n onUpdate() {\n const token = Login.getToken();\n if (!this.form.valid && !token) {\n return;\n }\n this.details = {\n ...this.details,\n ...this.form.value,\n id: this.lti,\n configExists: this.details.configExists,\n model_schematic: this.modelCircuit.id,\n test_case: this.details.test_case,\n score: this.form.value.score,\n sim_params: [],\n view_code: this.form.value.viewCode ? true : false,\n con_weightage: this.details.con_weightage\n };\n if (!this.details.scored) {\n this.details.score = null;\n }\n const data = { ...this.details };\n delete data['configExists'];\n delete data['config_url'];\n delete data['consumerError'];\n this.api.updateArduinoLTIDetails(token, data).subscribe(res => {\n this.setForm(res);\n this.details = {\n ...this.details,\n ...this.form.value,\n id: res['id'] ? res['id'] : this.lti,\n model_schematic: parseInt(res['model_schematic'], 10),\n config_url: res['config_url'] ? res['config_url'] : this.details.config_url,\n configExists: true,\n consumerError: '',\n };\n AlertService.showAlert('Details Updated Succesfully');\n this.lti = res['id'];\n this.configUrl = this.details.config_url;\n this.router.navigate(\n [],\n {\n relativeTo: this.aroute,\n queryParams: {\n id: this.modelCircuit.save_id,\n branch: this.modelCircuit.branch,\n version: this.modelCircuit.version,\n lti: this.lti,\n },\n });\n }, err => {\n console.log(err);\n this.setConsumerError(err);\n });\n }\n\n /**\n * Called to reset LTI Form\n */\n onClear() {\n this.form.reset();\n }\n\n /**\n * Set errors received from backend\n */\n setConsumerError(err) {\n this.details.consumerError = '';\n if (err.error) {\n Object.keys(err.error).forEach(key => {\n this.details.consumerError += `${key}: `;\n if (err.error) {\n for (const e of err.error[key]) {\n this.details.consumerError += e + '\\n';\n }\n }\n });\n } else {\n this.details.consumerError = err.message;\n }\n }\n\n /**\n * Copies URL from the text box\n */\n copyURL() {\n const copyUrl: HTMLTextAreaElement = document.querySelector('#lti-url');\n this.copyTooltip = true;\n copyUrl.select();\n copyUrl.setSelectionRange(0, 99999);\n document.execCommand('copy');\n }\n\n /**\n * Get all variations of the circuit\n */\n getAllVersions() {\n // get Auth token\n const token = Login.getToken();\n if (token) {\n this.api.listAllVersions(this.circuitId, token).subscribe((v) => {\n this.circuits = v;\n if (this.modelCircuit) {\n this.modelCircuit = this.circuits.filter(c => c.id === this.modelCircuit.id)[0];\n } else {\n this.modelCircuit = this.circuits.filter(c => c.branch === this.branch && c.version === this.version)[0];\n }\n // Splice the model circuit from the retrieved ones if required.\n });\n } else {\n // if no token is present then show this message\n AlertService.showAlert('Please Login to Continue');\n }\n }\n\n getTestCases() {\n // get Auth token\n const token = Login.getToken();\n const temp = [];\n if (token) {\n if (this.modelCircuit) {\n this.api.getSimulationData(this.modelCircuit.save_id, this.modelCircuit.version, this.modelCircuit.branch, token).subscribe((v) => {\n for (const val of v) {\n const data = JSON.parse(val.result.replaceAll('\\'', '\\\"'));\n const key = (Object.keys(data));\n temp.push({id: val.id, length: data[key[0]]['length']});\n }\n this.testCases = temp;\n }, err => {\n this.testCases = null;\n });\n } else {\n this.api.getSimulationData(this.circuitId, this.version, this.branch, token).subscribe((v) => {\n for (const val of v) {\n const data = JSON.parse(val.result.replaceAll('\\'', '\\\"'));\n const key = (Object.keys(data));\n temp.push({id: val.id, length: data[key[0]]['length']});\n }\n this.testCases = temp;\n }, err => {\n this.testCases = null;\n });\n }\n } else {\n // if no token is present then show this message\n AlertService.showAlert('Please Login to Continue');\n }\n }\n\n\n /**\n * Comparing the circuits using their id field\n * @param id1 Id of circuit selected\n * @param id2 Id of the circuits from mat-option\n * @returns boolean value whether ids are same or not\n */\n compareIds(id1, id2) {\n return id1 && id2 && id1 === id2;\n }\n\n /**\n * Converts date string in appropriate format\n * @param date Date string returned by backend\n * @returns date string in human readable format\n */\n getFormattedDate(date: string) {\n const dateObj = new Date(date);\n let str = `${dateObj.getDate()}/${dateObj.getMonth()}/${dateObj.getFullYear()} `;\n str += `${dateObj.getHours()}:${dateObj.getMinutes()}:${dateObj.getSeconds()}`;\n return str;\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/lti-form/view-code/view-code.component.css", "content": "textarea {\n width: 100%;\n resize: none;\n font-family: monospace;\n}" }, { "path": "ArduinoFrontend/src/app/lti-form/view-code/view-code.component.html", "content": "
\n No arduino present in the circuit.\n
\n
\n \n \n {{ arduino.data.name }}\n \n \n \n
" }, { "path": "ArduinoFrontend/src/app/lti-form/view-code/view-code.component.ts", "content": "import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';\nimport { ApiService } from 'src/app/api.service';\nimport { Login } from 'src/app/Libs/Login';\n\n/**\n * Class for Viewing Code in LTI Form Component\n */\n@Component({\n selector: 'app-view-code',\n templateUrl: './view-code.component.html',\n styleUrls: ['./view-code.component.css']\n})\nexport class ViewCodeComponent implements OnInit {\n\n /**\n * View Code Component Constructor\n * @param api API service for api calls\n */\n constructor(\n private api: ApiService,\n ) { }\n\n /**\n * Id of the circuit received from LTI-Form\n */\n @Input() id: string;\n /**\n * Branch of the circuit received from LTI-Form\n */\n @Input() branch: string;\n /**\n * Version of the circuit received from LTI-Form\n */\n @Input() version: string;\n /**\n * Reference to Textarea element in this component\n */\n @ViewChild('codeArea') textarea: ElementRef;\n /**\n * Reference to div element not containing code in this component\n */\n @ViewChild('noCodeSection') noCodeDiv: ElementRef;\n /**\n * Reference to div element containing code in this component\n */\n @ViewChild('codeSection') codeDiv: ElementRef;\n /**\n * List of code for every arduino of the circuit.\n */\n arduinos = [];\n\n /**\n * On Init Callback\n */\n ngOnInit() {\n this.noCodeDiv.nativeElement.style.display = 'block';\n this.codeDiv.nativeElement.style.display = 'none';\n this.api.readProject(this.id, this.branch, this.version, Login.getToken()).subscribe(res => {\n this.getCode(res['data_dump']);\n }, err => {\n console.log(err);\n });\n }\n\n /**\n * Parses the code for every arduino from circuit dump\n * @param dataDump circuit dump\n */\n getCode(dataDump) {\n const dump = JSON.parse(dataDump);\n this.arduinos = dump['ArduinoUno'];\n if (this.arduinos.length > 0) {\n this.codeDiv.nativeElement.style.display = 'block';\n this.noCodeDiv.nativeElement.style.display = 'none';\n } else {\n this.noCodeDiv.nativeElement.style.display = 'block';\n this.codeDiv.nativeElement.style.display = 'none';\n }\n }\n\n /**\n * Changes textarea's value based on option selected.\n * @param event Event data returned after changing option in select tag\n */\n setCode(event) {\n this.textarea.nativeElement.value = this.arduinos[event.value].data.code;\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/main-page/main-page.component.css", "content": ".example-container {\n min-height: 876px;\n border: 1px solid rgba(0, 0, 0, 0.12);\n }\n \n .no-search {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 1rem;\n }\n .maincontent {\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n }\n .circuitBtn {\n width: 296px;\n }\n \n mat-chip {\n max-width: 200px;\n padding: 9px;\n border-radius: 14px;\n padding: 11px;\n }\n \n.card:hover {\n background-color: #ddd;\n }\n \n .subbox {\n box-sizing: border-box;\n width: 95%;\n height: auto;\n background-color: white;\n border-radius: 0.3125em;\n margin-bottom: 15px;\n box-shadow: 1px 1px 3px grey;\n cursor: pointer;\n margin-left: 2%;\n justify-content: space-evenly;\n }\n \n .item-img {\n min-height: 180px;\n max-width: 100%;\n max-height: 180px;\n }\n \n .subbox:hover {\n box-shadow: 2px 2px 9px grey;\n }\n \n #openproject {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.4);\n overflow-y: scroll;\n }\n \n #innerdialog {\n background-color: white;\n position: relative;\n color: black;\n margin: 1em 10% 1em 10%;\n border-radius: 5px;\n box-sizing: border-box;\n min-width: 80%;\n }\n \n button[type=\"submit\"] {\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n float: left;\n font-weight: bold;\n border-top: 1px solid #007bff;\n border-bottom: 1px solid #007bff;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n height: 100%;\n }\n \n #Search {\n width: 100%;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .act-buttons {\n max-width: 100%;\n }\n \n .act-buttons button {\n margin-left: 10px;\n margin-bottom: 10px;\n }\n \n .share-btns {\n margin-top: 1.5em;\n margin-bottom: 1em;\n width: 100%;\n }\n \n .share-btns button {\n margin-left: 15px;\n }\n \n .act-desc {\n margin: 15px;\n font-family: cursive;\n }\n \n @media only screen and (max-width: 480px) {\n .share-btns button {\n margin-left: 5px;\n }\n }\n /* .example-container {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n } \n */\n " }, { "path": "ArduinoFrontend/src/app/main-page/main-page.component.html", "content": "
\n \n Arduino\n Circuits\n
\n + New\n Circuit\n \n
\n
\n
\n \n
\n
\n\n
\n\n\n
\n
\n

\n

\n \n
\n
\n
\n\n
\n
\n
\n \"\"\n
\n
\n

{{item.name}}

\n

\n {{ item.description | slice:0:57 }}\n {{ (item.description && item.description.length) > 60?'...':'' }}\n

\n {{ DateDiff(item,item.save_time) }}\n

{{item.time}}

\n
\n
\n
\n
\n
\n\n
\n
No Offline Circuits Available ☹
\n
\n
\n
\n
\n
\n \"\"\n
\n
\n

{{item.name}}

\n

{{item.description}}

\n {{ DateDiff(item,item.save_time) }}\n

{{item.time}}

\n
\n
\n
\n
\n
\n
\n\n
\n
No LTI Apps created ☹
\n
\n
\n
\n
\n
\n \"\"\n
\n
\n

{{item.name}}

\n

{{item.description}}

\n {{ DateDiff(item,item.save_time) }}\n

{{item.time}}

\n
\n
\n
\n
\n
\n
\n\n
\n
No LTI Submissions received ☹
\n
\n
\n
\n
\n
\n \"\"\n
\n
\n

{{item.name}}

\n

{{item.description}}

\n {{ DateDiff(item,item.save_time) }}\n

{{item.time}}

\n
\n
\n
\n
\n
\n
\n\n\n\n
\n
\n
\n

{{selected.name}}

\n \n\n \n \n
\n
\n
\n
\n
\n \"\"\n
\n
\n
\n

Description

\n

{{selected.description}}

\n\n
\n \n \n \n \n \n
\n\n
\n
Author name: You
\n \n {{ ExpandDate(selected) }}\n
Created At: {{selected.create}}
\n
Edited At: {{selected.edit}}
\n \n
\n\n
\n
\n \n \n \n\n \n \n
\n\n
\n\n
\n \n
\n
\n

\n Url for Sharing :\n

\n \n
\n
\n
\n" }, { "path": "ArduinoFrontend/src/app/main-page/main-page.component.spec.ts", "content": "import { async, ComponentFixture, TestBed } from '@angular/core/testing';\nimport { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';\nimport { MainPageComponent } from './main-page.component';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { MaterialModule } from '../common/material.module';\nimport { FormsModule } from '@angular/forms';\nimport { FilterPipeModule } from 'ngx-filter-pipe';\ndescribe('MainPageComponent', () => {\n let component: MainPageComponent;\n let fixture: ComponentFixture;\n\n beforeEach(async(() => {\n TestBed.configureTestingModule({\n imports: [RouterTestingModule, HttpClientTestingModule, MaterialModule, FormsModule, FilterPipeModule],\n declarations: [MainPageComponent]\n })\n .compileComponents();\n }));\n\n beforeEach(() => {\n fixture = TestBed.createComponent(MainPageComponent);\n component = fixture.componentInstance;\n fixture.detectChanges();\n });\n\n it('should create', () => {\n expect(component).toBeTruthy();\n });\n});\n" }, { "path": "ArduinoFrontend/src/app/main-page/main-page.component.ts", "content": "import { HttpErrorResponse } from '@angular/common/http';\nimport { Component, OnInit, ViewChild } from '@angular/core';\nimport { MatSidenav, MatSnackBar } from '@angular/material';\nimport { Title } from '@angular/platform-browser';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { environment } from 'src/environments/environment';\nimport { AlertService } from '../alert/alert-service/alert.service';\nimport { ApiService } from '../api.service';\nimport { Login } from '../Libs/Login';\nimport { SaveOffline } from '../Libs/SaveOffiline';\nimport { SaveOnline } from '../Libs/SaveOnline';\n\n/**\n * For Handling Time ie. Prevent moment error\n */\ndeclare var moment;\n\n/**\n * Class for Dashboard page\n */\n@Component({\n selector: 'app-main-page',\n templateUrl: './main-page.component.html',\n styleUrls: ['./main-page.component.css']\n})\nexport class MainPageComponent implements OnInit {\n\n /**\n * List of Offline Circuits\n */\n items: any[] = [];\n /**\n * Selected Circuit required for popup\n */\n selected: any = {};\n /**\n * List of Online Circuits\n */\n online: any[] = [];\n\n /**\n * List of Search circuit name\n */\n circuitFilter: any = { name: '' };\n\n /**\n * Message shown to user if something happens while fetching online circuits\n */\n onCloudMessage = 'No Online Circuits Available ☹';\n /**\n * Variable to tell if it is production build\n */\n isProd = environment.production;\n /**\n * Close Project Properties dialog\n */\n\n /**\n * Group role of dashboard component\n */\n groupRole = [];\n\n /**\n * Token\n */\n token;\n\n /**\n * visible cloud circuit\n */\n isCloudCircuit = true;\n /**\n * visible temp circuit\n */\n isTempCircuit = false;\n /**\n * show LTI App circuit tab or not\n */\n isLTIApp = false;\n /**\n * show LTI Submissions circuit tab or not\n */\n isLTISub = false;\n\n\n /**\n * Username of register user.\n */\n username = '';\n /**\n * Search text of search box\n */\n // searchText = '';\n\n // configuration for side nav.\n @ViewChild('sidenav') sidenav: MatSidenav;\n isExpanded = true;\n showSubmenu = false;\n isShowing = false;\n showSubSubMenu = false;\n /**\n * Determines whether cloud side menu click\n */\n onCloudClick() {\n this.isTempCircuit = false;\n this.isCloudCircuit = true;\n this.isLTIApp = false;\n this.isLTISub = false;\n }\n /**\n * Determines whether temp circuit click\n */\n onTempCircuitClick() {\n this.isTempCircuit = true;\n this.isCloudCircuit = false;\n this.isLTIApp = false;\n this.isLTISub = false;\n }\n /**\n * Determines whether LTI App click\n */\n onLTIAppsClick() {\n this.isTempCircuit = false;\n this.isCloudCircuit = false;\n this.isLTIApp = true;\n this.isLTISub = false;\n }\n /**\n * Determines whether temp circuit click\n */\n onLTISubmissionsClick() {\n this.isTempCircuit = false;\n this.isCloudCircuit = false;\n this.isLTIApp = false;\n this.isLTISub = true;\n }\n\n getInitials(nameString, i) {\n const fullName = nameString.split(' ');\n const initials = fullName.shift().charAt(0) + fullName.pop().charAt(0);\n return initials.toUpperCase();\n }\n\n closeProject() {\n document.documentElement.style.overflow = 'auto';\n const closeProject = document.getElementById('openproject');\n closeProject.style.display = 'none';\n }\n /**\n * Open Project in the simulator\n * @param id Project Id\n * @param offline Is Offline circuit boolean\n */\n openProject(id, offline = false) {\n // Select the clicked item\n if (offline) {\n this.selected = this.items[id];\n } else {\n this.selected = this.online[id];\n }\n this.selected.index = id;\n // Show Project Properties Dialog\n document.documentElement.style.overflow = 'hidden';\n const openProject = document.getElementById('openproject');\n openProject.style.display = 'block';\n }\n /**\n * Constructor for Dashboard page\n * @param api API Service\n * @param snackbar Material Snackbar\n * @param title Document Title\n */\n constructor(\n private api: ApiService,\n private snackbar: MatSnackBar,\n private title: Title,\n private alertService: AlertService,\n private router: Router,\n private aroute: ActivatedRoute\n ) {\n this.title.setTitle('Dashboard | Arduino On Cloud');\n }\n /**\n * On Init Dashboard Page\n */\n ngOnInit() {\n // In Angular Development Mode.\n this.api.login().then(() => {\n this.token = Login.getToken();\n this.userInfo(this.token);\n this.readRoles(this.token);\n this.readTempItems();\n this.readOnCloudItems();\n });\n this.checkUrl();\n }\n\n /**\n * Checks url if the user click on other tabs\n */\n checkUrl() {\n this.aroute.params.subscribe((params: any) => {\n if (params.id === 'temp') {\n this.isTempCircuit = true;\n this.isCloudCircuit = false;\n this.isLTIApp = false;\n this.isLTISub = false;\n } else if (params.id === 'ltiapp') {\n this.onLTIAppsClick();\n } else if (params.id === 'ltisub') {\n this.onLTISubmissionsClick();\n } else {\n this.isTempCircuit = false;\n this.isCloudCircuit = true;\n this.isLTIApp = false;\n this.isLTISub = false;\n }\n });\n }\n /**\n * Getting User Information.\n */\n userInfo(token) {\n\n // If token is available then get username\n if (token) {\n this.api.userInfo(token).subscribe((v) => {\n this.username = v.username;\n }, (err) => {\n // console.log(err.status)\n console.log(err);\n // if (err.status === 401) {\n Login.logout();\n // }\n });\n }\n }\n /**\n * Reads roles\n */\n readRoles(token: string) {\n this.api.getRole(token).subscribe((result: any) => {\n this.groupRole = result.group;\n }, (e) => {\n console.log(e);\n });\n }\n\n /**\n * Read the online saved circuits.\n */\n readOnCloudItems() {\n // this.searchText = '';\n // Get Login token\n const token = Login.getToken();\n // if token is present get the list of project created by a user\n if (token) {\n this.api.listProject(token).subscribe((val: any[]) => {\n this.online = this.filterOnlineProjects(val);\n this.online.forEach((circuit, index) => {\n circuit.index = index;\n });\n }, err => console.log(err));\n } else {\n // if no token is present then show this message\n this.onCloudMessage = 'Please Login to See Circuit';\n }\n }\n\n /**\n * Filter projects: Pick only 1 variation of a project\n * @param val All projects in cloud\n * @returns filtered list of projects\n */\n filterOnlineProjects(val) {\n const projects = [];\n const added = [];\n for (const e in val) {\n if (!added.includes(val[e].save_id)) {\n added.push(val[e].save_id);\n projects.push(val[e]);\n }\n }\n return projects;\n }\n\n /**\n * Read the Database for temporarily saved circuits.\n */\n readTempItems() {\n // Read All Offline Project\n SaveOffline.ReadALL((v: any[]) => {\n // Map Offline Project to standard card item\n this.items = v.map(item => {\n return {\n name: item.project.name,\n description: item.project.description,\n create_time: item.project.created_at,\n save_time: item.project.updated_at,\n base64_image: item.project.image,\n save_id: item.id,\n offline: true\n };\n });\n });\n }\n\n /**\n * Function to call when user confirms the ciruit deletion\n * @param id Project id\n * @param offline Is Offline Circuit\n * @param index Project's index in their list\n */\n private deleteCircuitConfirm(id, offline, index) {\n // Show loading animation\n window['showLoading']();\n\n // if project is offline delete from indexDB\n if (offline) {\n SaveOffline.Delete(id, () => {\n this.items.splice(index, 1);\n this.closeProject();\n AlertService.showAlert('Done Deleting');\n window['hideLoading']();\n });\n } else {\n // Delete Project from cloud\n const token = Login.getToken();\n this.api.deleteProject(id, token).subscribe((out) => {\n if (out.status === 204 || out.done) {\n // Remove From the list\n this.online.splice(index, 1);\n } else {\n AlertService.showAlert('Something went wrong');\n }\n this.closeProject();\n window['hideLoading']();\n }, err => {\n AlertService.showAlert('Something went wrong');\n window['hideLoading']();\n console.log(err);\n });\n }\n }\n\n /**\n * Delete the Project from Database\n * @param id Project id\n * @param offline Is Offline Circuit\n * @param index Project's index in their list\n */\n DeleteCircuit(id, offline, index) {\n // ASK for user confirmation\n AlertService.showConfirm('Are You Sure You want to Delete Circuit', () => this.deleteCircuitConfirm(id, offline, index));\n }\n\n /**\n * Disanle Project Sharing\n * @param item Project Card Object\n */\n DisableSharing(item: any) {\n const token = Login.getToken();\n this.EnableSharing(item, token, (v) => {\n item.shared = v.shared;\n AlertService.showAlert('Sharing Disabled!');\n }, false);\n }\n /**\n * Returns a time difference from now in a string\n * @param item Project card Object\n * @param time Project time (create/update)\n */\n DateDiff(item: any, time) {\n item.time = moment(time).fromNow();\n }\n /**\n * Returns complete date in meaningfull format\n * @param item Project Card Object\n */\n ExpandDate(item) {\n item.create = moment(item.create_time).format('LLLL');\n item.edit = moment(item.save_time).format('LLLL');\n }\n\n /**\n * Copy respective url to clipboard for sharing\n * @param url URL that need to be copy\n */\n CopyUrlToClipBoard(url) {\n // Select the html textarea element and put url inside it\n const tmpEl: HTMLTextAreaElement = document.querySelector('#sharing-url');\n tmpEl.value = url;\n // Focus and Select the element\n tmpEl.focus();\n tmpEl.select();\n // exec copy command\n const done = document.execCommand('copy');\n // if not able to copy show alert with url else show user a snackbar\n if (!done) {\n AlertService.showAlert('Not able to Copy ' + tmpEl.value);\n } else {\n this.snackbar.open('Copied', null, {\n duration: 2000\n });\n }\n }\n /**\n * Project to enable or disable sharing (default enable)\n * @param id Project id\n * @param token Auth Token\n * @param callback Callback when done\n * @param enable Enable/Disable sharing\n */\n EnableSharing(circuit, token, callback: any, enable: boolean = true) {\n this.api.Sharing(circuit.save_id, circuit.branch, circuit.version, enable, token).subscribe((v) => {\n callback(v);\n }, err => {\n if (err.status === 401) {\n console.log('You are not the Owner');\n return;\n }\n console.log(err);\n });\n }\n /**\n * Share Project button click event handler\n * @param selected Selected Project Card Object\n * @param index Type of Sharing\n */\n ShareCircuit(selected, index) {\n /**\n * index\n * 0 -> FB\n * 1 -> LinkedIN\n * 2 -> Reddit\n * 3 -> Mail\n * 4 -> copy url\n */\n\n // Get token if logged in\n const token = Login.getToken();\n if (!token) {\n AlertService.showAlert('Please Login');\n return;\n }\n\n\n this.snackbar.open('Anyone With The Link Can View and Simulate Project But cannot edit.', 'Close', {\n duration: 10000\n });\n // Create a Slug\n let slug = `${selected.save_id.replace(/-/g, '_')}-${selected.branch.replace(/-/g, '_')}-${selected.version.replace(/-/g, '_')}`;\n slug += `-${selected.name.substr(0, 50).replace(/ +/g, '-')}`;\n // redirect to share url\n let shareURL = `${window.location.protocol}\\\\\\\\${window.location.host}/arduino/#/project/${slug}`;\n const copyUrl = shareURL;\n // encode url for redirect\n shareURL = encodeURIComponent(shareURL);\n // Sharing title\n const sharingName = encodeURIComponent(`${selected.name} | Arduino On Cloud`);\n\n if (index < 3) {\n // Map of sharing url of each website\n const map = [\n `https://www.facebook.com/sharer/sharer.php?u=${shareURL}`,\n `https://www.linkedin.com/sharing/share-offsite/?url=${shareURL}`,\n `http://www.reddit.com/submit?url=${shareURL}&title=${sharingName}`\n ];\n // if project is already shared then open link\n if (selected.shared) {\n window.open(map[index], '_blank');\n } else {\n // otherwise enable sharing and open the link in new tab\n this.EnableSharing(selected, token, (v) => {\n selected.shared = v.shared;\n if (selected.shared) {\n window.open(map[index], '_blank');\n } else {\n AlertService.showAlert('Not Able to Share Circuit');\n }\n });\n }\n } else if (index === 3) {\n // Send email\n const description = encodeURI(`${selected.description}\\n\\n\\n\\n\\nVisit `);\n const back = `subject=${sharingName}&body=${description}${shareURL}`;\n if (selected.shared) {\n window.open(`mailto:?${back}`, '_blank');\n } else {\n this.EnableSharing(selected, token, (v) => {\n selected.shared = v.shared;\n if (selected.shared) {\n window.open(`mailto:?${back}`, '_blank');\n } else {\n AlertService.showAlert('Not Able to Share Circuit');\n }\n });\n }\n } else if (index === 4) {\n // Copy sharing url to clipboard if sharing is on\n if (selected.shared) {\n this.CopyUrlToClipBoard(copyUrl);\n } else {\n // other wise enable share and copy the url\n this.EnableSharing(selected, token, (v) => {\n selected.shared = v.shared;\n if (selected.shared) {\n this.CopyUrlToClipBoard(copyUrl);\n } else {\n AlertService.showAlert('Not Able to Share Circuit');\n }\n });\n }\n }\n }\n\n /**\n * Import the circuit in json format\n * @param event Context of event\n */\n ImportCircuit(event) {\n const file: File = event.target.files[0];\n let fileData;\n\n if (file) {\n const reader = new FileReader();\n reader.readAsText(file);\n\n reader.onload = async () => {\n fileData = reader.result;\n fileData = await JSON.parse(fileData);\n this.SaveCircuit(fileData);\n document.getElementById('importFileBTN')['value'] = null;\n };\n }\n }\n\n /**\n * Export the circuit in json format\n * @param selected selected Project\n * @param offline Is Offline Circuit\n */\n ExportCircuit(selected, offline) {\n let id = selected.save_id;\n if (offline) {\n if (typeof id !== 'number') {\n id = Date.now();\n }\n SaveOffline.Read(id, this.DownloadFile);\n } else {\n const token = Login.getToken();\n if (!token) {\n AlertService.showAlert('Please Login');\n return;\n }\n this.api.readProject(id, selected.branch, selected.version, token).subscribe(\n data => {\n // Converting data to required format\n const obj = JSON.parse(data['data_dump']);\n const project = {\n name: data['name'],\n description: data['description'],\n image: data['base64_image'],\n created_at: data['create_time'],\n };\n obj['id'] = id;\n obj['project'] = project;\n // Getting image data from image url\n const image = document.createElement('img');\n image.setAttribute('src', project.image);\n image.setAttribute('visibility', 'hidden');\n image.onload = () => {\n const canvas = document.createElement('canvas');\n canvas.width = image.width;\n canvas.height = image.height;\n canvas.getContext('2d').drawImage(image, 0, 0, image.width, image.height);\n obj.project.image = canvas.toDataURL();\n this.DownloadFile(obj);\n image.parentElement.removeChild(image);\n canvas.parentElement.removeChild(canvas);\n };\n },\n (err: HttpErrorResponse) => {\n if (err.status === 401) {\n AlertService.showAlert('You are Not Authorized to download this circuit');\n window.open('../../../', '_self');\n return;\n }\n AlertService.showAlert('Something Went Wrong');\n console.log(err);\n }\n );\n }\n }\n\n /**\n * Creates virtual DOM element to download the content\n * @param data Data in JSON format with meta details like id, project info\n */\n DownloadFile(data) {\n const filename = (data.project.name ? data.project.name : 'Undefined') + '.json';\n const fileJSON = JSON.stringify(data);\n const element = document.createElement('a');\n element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(fileJSON));\n element.setAttribute('download', filename);\n element.style.display = 'none';\n document.body.appendChild(element);\n element.click();\n document.body.removeChild(element);\n }\n\n /**\n * Save the circuit in the database\n * @param fileData JSON Object of the circuit\n */\n SaveCircuit(fileData) {\n AlertService.showOptions('Where do you want to save it?', () => {\n if (!(Login.getToken())) {\n AlertService.showAlert('Please login! Before Login Save the Project Temporary.');\n return;\n }\n // If project id is uuid (online circuit) then accordingly save or update\n SaveOnline.SaveFromDashboard(fileData, this.api, (_) => {\n this.readOnCloudItems();\n }, SaveOnline.isUUID(fileData.id));\n },\n () => {\n if (!(fileData.id) || typeof fileData.id !== 'number') {\n fileData.id = Date.now();\n SaveOffline.Save(fileData, (_) => {\n this.readTempItems();\n });\n } else {\n SaveOffline.Read(fileData.id, (data) => {\n if (data) {\n SaveOffline.Update(fileData, (_) => {\n this.readTempItems();\n });\n } else {\n SaveOffline.Save(fileData, (_) => {\n this.readTempItems();\n });\n }\n });\n }\n },\n () => { }, 'On the Cloud', 'Temporarily in the browser', 'Cancel');\n }\n\n /**\n * Get Url for sharing circuits\n * @param circuit Object containing data of the circuit opened\n * @returns url string for sharing circuits\n */\n getUrl(circuit) {\n let slug = `${circuit.save_id.replace(/-/g, '_')}-${circuit.branch.replace(/-/g, '_')}-${circuit.version.replace(/-/g, '_')}`;\n slug += `-${circuit.name.substr(0, 50).replace(/ +/g, '-')}`;\n // redirect to share url\n return `${window.location.protocol}\\\\\\\\${window.location.host}/arduino/#/project/${slug}`;\n }\n\n /**\n * Deletes the LTI App created for the selected circuit.\n * @param selected Data of the circuit selected from dashboard\n */\n DeleteLTI(selected) {\n const token = Login.getToken();\n if (token) {\n AlertService.showConfirm('Are You Sure You want to Delete LTI App', () => {\n this.api.removeLTIDetails(selected.id, token).subscribe(_ => {\n selected.lti_id = null;\n AlertService.showAlert('Deleted LTI App successfully');\n this.readOnCloudItems();\n }, err => {\n AlertService.showAlert('Something went wrong');\n console.log(err);\n });\n });\n }\n }\n\n /**\n * Filter Circuits if they don't have LTI App or are not submissions\n * @returns Filtered array of circuits containing lti_id = null and is_submission = false\n */\n getNormalCircuits() {\n return this.online.filter(i => !i.lti_id && !i.is_submission );\n }\n\n /**\n * Filter Circuits if they have LTI App\n * @returns Filtered array of circuits containing lti_id\n */\n getLTIApps() {\n return this.online.filter(circuit => circuit.lti_id);\n }\n\n /**\n * Filter Circuits if they are LTI Submissions\n * @returns Filtered array of circuits containing is_submission\n */\n getLTISubmissions() {\n return this.online.filter(circuit => circuit.is_submission);\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/side-panel/side-panel.component.css", "content": ".example-sidenav {\n min-width: 200px;\n user-select: none;\n}\n.full-width {\n width: 100%;\n}\n.menu-button {\n transition: 300ms ease-in-out;\n transform: rotate(0deg);\n}\n.menu-button.rotated {\n transform: rotate(180deg);\n}\n.submenu {\n display: none;\n overflow-y: hidden;\n transition: transform 300ms ease;\n transform: scaleY(0);\n transform-origin: top;\n padding-left: 30px;\n}\n.submenu.expanded {\n display: block;\n transform: scaleY(1);\n}\n.custom-menu {\n margin-right: 1.3rem;\n margin-left: 8px;\n}\n\n" }, { "path": "ArduinoFrontend/src/app/side-panel/side-panel.component.html", "content": "\n \n \n \n
\n
\n {{ username.charAt(0).toUpperCase() }}\n
\n
\n {{username}}\n \n expand_more\n \n
\n {{role}}\n
\n \n On Cloud\n cloud\n \n \n Temporary Circuits\n open_in_browser\n \n \n LTI Apps\n open_in_browser\n \n \n LTI Submissions\n open_in_browser\n \n \n \n" }, { "path": "ArduinoFrontend/src/app/side-panel/side-panel.component.spec.ts", "content": "import { HttpClientTestingModule } from '@angular/common/http/testing';\nimport { async, ComponentFixture, TestBed } from '@angular/core/testing';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { MaterialModule } from '../common/material.module';\n\nimport { SidePanelComponent } from './side-panel.component';\n\ndescribe('SidePanelComponent', () => {\n let component: SidePanelComponent;\n let fixture: ComponentFixture;\n\n beforeEach(async(() => {\n TestBed.configureTestingModule({\n imports: [RouterTestingModule, HttpClientTestingModule, MaterialModule, BrowserAnimationsModule],\n declarations: [SidePanelComponent],\n })\n .compileComponents();\n }));\n\n beforeEach(() => {\n fixture = TestBed.createComponent(SidePanelComponent);\n component = fixture.componentInstance;\n fixture.detectChanges();\n });\n\n it('should create', () => {\n expect(component).toBeTruthy();\n });\n});\n" }, { "path": "ArduinoFrontend/src/app/side-panel/side-panel.component.ts", "content": "import { Route } from '@angular/compiler/src/core';\nimport { Component, EventEmitter, OnInit, Output, ViewChild } from '@angular/core';\nimport { MatSidenav } from '@angular/material';\nimport { Router } from '@angular/router';\nimport { ApiService } from '../api.service';\nimport { Login } from '../Libs/Login';\n\n@Component({\n selector: 'app-side-panel',\n templateUrl: './side-panel.component.html',\n styleUrls: ['./side-panel.component.css']\n})\nexport class SidePanelComponent implements OnInit {\n /**\n * Username of register user.\n */\n username = '';\n /**\n * Group role of dashboard component\n */\n groupRole = [];\n /**\n * Token\n */\n token;\n // configuration for side nav.\n @ViewChild('sidenav') sidenav: MatSidenav;\n isExpanded = true;\n showSubmenu = false;\n isShowing = false;\n showSubSubMenu = false;\n\n constructor(\n public api: ApiService,\n public router: Router\n ) { }\n\n ngOnInit() {\n // In Angular Development Mode.\n this.api.login().then(() => {\n this.token = Login.getToken();\n this.userInfo(this.token);\n this.readRoles(this.token);\n });\n }\n\n /**\n * Getting User Information.\n */\n userInfo(token) {\n\n // If token is available then get username\n if (token) {\n this.api.userInfo(token).subscribe((v) => {\n this.username = v.username;\n }, (err) => {\n // console.log(err.status)\n console.log(err);\n // if (err.status === 401) {\n Login.logout();\n // }\n });\n }\n }\n /**\n * Reads roles\n */\n readRoles(token: string) {\n this.api.getRole(token).subscribe((result: any) => {\n this.groupRole = result.group;\n }, (e) => {\n console.log(e);\n });\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/simulator/save-project-dialog/save-project-dialog.component.html", "content": "
\n Project name\n
\n \n \n \n
\n
\n
\n \n \n
\n" }, { "path": "ArduinoFrontend/src/app/simulator/save-project-dialog/save-project-dialog.component.spec.ts", "content": "import { async, ComponentFixture, TestBed } from '@angular/core/testing';\n\nimport { SaveProjectDialogComponent } from './save-project-dialog.component';\nimport { MatFormFieldModule, MatTooltipModule, MatInputModule } from '@angular/material';\nimport { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { FormsModule } from '@angular/forms';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { HttpClientModule } from '@angular/common/http';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\ndescribe('SaveProjectDialogComponent', () => {\n let component: SaveProjectDialogComponent;\n let fixture: ComponentFixture;\n\n beforeEach(async(() => {\n TestBed.configureTestingModule({\n imports: [\n RouterTestingModule,\n MatFormFieldModule,\n MatTooltipModule,\n MatInputModule,\n FormsModule,\n MatDialogModule,\n HttpClientModule,\n BrowserAnimationsModule\n ],\n declarations: [ SaveProjectDialogComponent ],\n providers: [\n // workaround: why I can't inject MatDialogRef in the unit test?\n {\n provide: MatDialogRef,\n useValue: {\n close: (dialogResult: any) => { }\n }\n },\n { provide: MAT_DIALOG_DATA, useValue: [] },\n ]\n })\n .compileComponents();\n }));\n\n beforeEach(() => {\n fixture = TestBed.createComponent(SaveProjectDialogComponent);\n component = fixture.componentInstance;\n fixture.detectChanges();\n });\n\n it('should create', () => {\n expect(component).toBeTruthy();\n });\n});\n" }, { "path": "ArduinoFrontend/src/app/simulator/save-project-dialog/save-project-dialog.component.ts", "content": "import { Component, Inject } from '@angular/core';\nimport { MAT_DIALOG_DATA } from '@angular/material';\nimport { MatDialogRef } from '@angular/material/dialog';\n\ninterface DialogData {\n onChangeProjectTitle: any;\n projectTitle: string;\n}\n\n/**\n * Class For Confirm Modal Component\n */\n@Component({\n selector: 'app-save-project-dialog',\n templateUrl: './save-project-dialog.component.html',\n})\nexport class SaveProjectDialogComponent {\n projectTitle: string;\n onChangeProjectTitle: any;\n\n /**\n * Constructor For Save Project Modal\n * @param dialogRef Material Dialog Reference\n * @param data Data to be used in the alert box\n */\n constructor(public dialogRef: MatDialogRef, @Inject(MAT_DIALOG_DATA) public data: DialogData) {\n this.projectTitle = data.projectTitle || '';\n this.onChangeProjectTitle = data.onChangeProjectTitle;\n }\n\n onChange(e): void {\n this.projectTitle = this.onChangeProjectTitle(e);\n }\n\n onSave(): void {\n this.dialogRef.close(true);\n }\n\n onCancel(): void {\n this.dialogRef.close(false);\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/simulator/simulator.component.css", "content": ".pipe {\n color: #999;\n margin: 0px 12px;\n font-size: 33px;\n}\n\n.mynode:hover {\n fill: #f00 !important;\n stroke: black !important;\n fill-opacity: 1 !important;\n stroke-opacity: 1 !important;\n}\n\n.mynode {\n fill: #f00 !important;\n stroke: black !important;\n stroke-width: 2;\n fill-opacity: 0 !important;\n stroke-opacity: 0 !important;\n}\n\n.mynode.highlight {\n fill: #f00 !important;\n stroke: black !important;\n fill-opacity: 1 !important;\n stroke-opacity: 1 !important;\n}\n.mynode.outline {\n fill: #90EE90 !important;\n stroke: black !important;\n fill-opacity: 0.8 !important;\n stroke-opacity: 0.5 !important;\n \n}\n\n.mynode.solder-highlight {\n fill: #111 !important;\n stroke: black !important;\n fill-opacity: 1 !important;\n stroke-opacity: 1 !important;\n}\n\n.grabbing {\n cursor: grabbing !important;\n cursor: -moz-grabbing !important;\n cursor: -webkit-grabbing !important;\n}\n\n.component-card {\n max-width: 32%;\n display: flex;\n flex-direction: column;\n padding: 10px;\n cursor: pointer;\n text-align: center;\n}\n\n.component-card:hover {\n background-color: #eee;\n}\n\n.component-card img {\n object-fit: contain;\n max-width: 100%;\n max-height: 50px;\n width: auto;\n height: auto;\n display: block;\n}\n\n.component-card label {\n margin: 0 auto 0 auto;\n}\n\n.component-row {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-bottom: 10px;\n}\n\n#bubblebox {\n top: 120px;\n position: fixed;\n background: #000;\n padding: 10px;\n color: #fff;\n border-radius: 0.4em;\n z-index: 100;\n display: none;\n}\n\n#bubblebox:after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 50%;\n width: 0;\n height: 0;\n border: 10px solid transparent;\n border-bottom-color: #000;\n border-top: 0;\n margin-left: -10px;\n margin-top: -10px;\n}\n\n#propertybox {\n display: block;\n position: fixed;\n width: 220px;\n min-height: 50px;\n z-index: 600;\n background: #fff;\n top: 110px;\n box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.4);\n padding: 15px;\n border-radius: 5px;\n left: calc(100vw - 230px);\n}\n\n* {\n user-select: none;\n}\n\n.collapse-card {\n background-color: transparent;\n}\n\n.card-header:hover {\n background-color: #fff;\n}\n\n.collapse-div {\n display: block;\n max-height: 0px;\n overflow: hidden;\n transition: max-height 0.5s ease-in-out;\n}\n\n.show-div {\n max-height: 1000vh;\n transition: max-height 0.5s ease-in-out;\n}\n\n#holder {\n cursor: pointer;\n overflow: hidden;\n width: 100%;\n height: calc(100vh - 101px);\n background-color: white;\n padding-left: 0.525px;\n}\n\n#sidebar-wrapper {\n overflow-y: scroll;\n height: calc(100vh - 101px);\n width: 400px;\n margin-left: -15rem;\n -webkit-transition: margin 0.25s ease-out;\n -moz-transition: margin 0.25s ease-out;\n -o-transition: margin 0.25s ease-out;\n transition: margin 0.25s ease-out;\n}\n\n.code-editor {\n position: fixed;\n top: 100px;\n left: -600px;\n width: 500px;\n transition: left 0.5s ease-in-out;\n}\n\n.show-code-editor {\n left: 0;\n}\n\n.lightblue {\n background-color: lightskyblue;\n}\n\n.lightgreen {\n background-color: lightgreen;\n}\n\n#project-title {\n color: black !important;\n background-color: transparent;\n border: none;\n}\n\n#project-title:focus {\n background-color: #fff !important;\n}\n\n#secondary-header {\n display: flex;\n background-color: whitesmoke;\n justify-content: space-between;\n height: auto;\n padding-top: 10px;\n flex-wrap: wrap;\n}\n\n#secondary-header > button {\n font-size: smaller;\n /* margin-left: 10px; */\n margin: 1px 0px 0px 5px;\n background-color: #fff;\n align-items: center;\n background: transparent;\n}\n\n.btn-fst i {\n font-size: 25px;\n margin-right: 10px;\n}\n\n#sidebar-wrapper .sidebar-heading {\n padding: 0.9rem 1.28rem;\n font-size: 1.7rem;\n}\n\n#sidebar-wrapper .list-group {\n width: 21.5rem;\n font-size: 20px;\n padding-left: 5px;\n}\n\n#page-content-wrapper {\n min-width: 100vw;\n}\n\n#wrapper.toggled #sidebar-wrapper {\n margin-left: 0;\n}\n\n@media (min-width: 768px) {\n #sidebar-wrapper {\n margin-left: 0;\n }\n #page-content-wrapper {\n min-width: 0;\n width: 100%;\n }\n #wrapper.toggled #sidebar-wrapper {\n margin-left: -15rem;\n }\n}\n\n/*context-menu*/\n\nhtml,\nbody {\n height: 100%;\n}\n\n.context-menu {\n width: 160px;\n height: 140px;\n box-shadow: 0 0 5px 0 #ccc;\n position: absolute;\n display: none;\n background-color: white;\n}\n\n.context-menu ul {\n list-style: none;\n /*show no bullets*/\n padding: 5px 0px 5px 0px;\n}\n\n.context-menu ul li {\n padding: 10px 5px 10px 5px;\n border-left: 4px solid transparent;\n cursor: pointer;\n z-index: 5000 !important;\n overflow: visible !important;\n}\n\n.context-menu ul li:hover {\n background-color: rgb(245, 207, 161);\n border-left: 4px solid #666;\n}\n\n#ToastMessage {\n top: 100px;\n left: 1230px;\n z-index: 1000;\n position: fixed;\n width: 300px;\n height: auto;\n box-shadow: 0 0 20px 0 #ccc;\n border-radius: 5px;\n background-color: black;\n display: none;\n}\n\n.toast {\n text-align: left;\n}\n\n.toast-body {\n padding: 15px 15px 15px 15px;\n margin-top: 5px;\n font-family: Arial, Helvetica, sans-serif;\n}\n\n#console {\n position: fixed;\n width: calc(100% - 500px);\n height: 30%;\n z-index: 1000;\n background: #fff;\n right: 0;\n bottom: 0;\n justify-content: space-between;\n background-color: black;\n animation: mymove 0.2s;\n animation-iteration-count: 1s;\n}\n\n#console > .body {\n display: flex;\n flex-direction: column;\n height: calc(100% - 40px);\n}\n\n#console > .head {\n display: flex;\n background-color: white;\n position: relative;\n width: 100%;\n border: 1px solid #000;\n max-height: 40px;\n}\n\n#msg {\n padding: 1em;\n flex-grow: 1;\n overflow-y: auto;\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: pre-wrap;\n word-wrap: break-word;\n position: relative;\n display: flex;\n color: #fff;\n flex-direction: column;\n}\n\n#msg label {\n margin-bottom: 0 !important;\n}\n\n#msg pre {\n color: #fff !important;\n overflow: initial;\n}\n\n.navbar-brand:focus {\n outline: 0;\n}\n\n@keyframes mymove {\n from {\n bottom: 0px;\n }\n to {\n top: 500px;\n }\n}\n\n#innerdialog {\n background-color: white;\n position: absolute;\n color: black;\n top: 170px;\n width: 25%;\n min-height: 170px;\n margin-left: 35%;\n border-radius: 5px;\n box-sizing: border-box;\n display: block;\n z-index: 1001;\n}\n\n#opendialog {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n min-height: 150%;\n background-color: rgba(0, 0, 0, 0.4);\n}\n.navBarItem{\n margin-right: 10px !important;\n margin-top: 4px !important;\n}" }, { "path": "ArduinoFrontend/src/app/simulator/simulator.component.html", "content": "\n\n\n\n\n
\n \n\n \n\n\n\n \n\n\n \n\n \n
\n \n
\n \n\n |\n\n \n\n \n\n \n |\n \n\n \n |\n \n\n \n \n \n\n\n \n |\n \n \n |\n \n \n |\n\n \n\n \n\n \n\n |\n \n\n \n\n \n\n |\n\n \n \n \n \n None\n \n \n Graph Result - {{ sim.length }} data points\n \n \n \n \n \n \n \n \n\n
\n\n\n\n
\n \n
\n\n\n\n
\n \n
\n

Circuit Components

\n\n
\n
\n General\n
\n\n
\n
\n
\n \"{{components[item].name}}\"\n \n
\n
\n\n
\n
\n\n
\n\n
\n Controllers\n
\n\n
\n
\n
\n \"{{components[item].name}}\"\n \n
\n
\n\n
\n
\n\n
\n\n
\n Output\n
\n\n
\n
\n
\n \"{{components[item].name}}\"\n \n
\n \n
\n\n
\n
\n\n
\n\n
\n Input\n
\n\n
\n
\n
\n \"{{components[item].name}}\"\n \n
\n
\n
\n
\n\n
\n\n
\n Sources\n
\n
\n
\n
\n \"{{components[item].name}}\"\n \n
\n
\n\n
\n\n\n
\n Drivers\n
\n\n
\n
\n
\n \"{{components[item].name}}\"\n \n
\n
\n\n
\n\n
\n Miscellaneous\n
\n\n
\n
\n
\n \"{{components[item].name}}\"\n \n
\n
\n\n
\n
\n\n \n\n
\n\n \n\n \n
\n
\n
\n
\n\n\n\n
\n
\n
Project Info
\n \n \n
\n
\n
\n \n Project Title\n \n \n \n Description\n \n \n
\n
\n \n
\n
\n\n\n
\n\n\n
\n
    \n
  • \n
    Copy
    \n
    • \n
  • \n
    Paste
    \n
    • \n
  • \n
    Delete
    \n
    • \n
\n
\n\n\n
\n
\n
\n\n\n
\n
\n \n \n
\n
\n
\n
\n
\n \n \n \n \n
\n
\n
\n
\n\n
\n
\n
\n

Are you sure you want to clear the project?

\n
\n
\n \n \n
\n
\n
\n" }, { "path": "ArduinoFrontend/src/app/simulator/simulator.component.spec.ts", "content": "import { HttpClientModule } from '@angular/common/http';\nimport { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\nimport { TestBed, async, ComponentFixture } from '@angular/core/testing';\nimport { FormsModule } from '@angular/forms';\nimport { MatDialogModule, MatFormFieldModule, MatIconModule, MatTooltipModule } from '@angular/material';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { MonacoEditorModule, NgxMonacoEditorConfig } from 'ngx-monaco-editor';\nimport { type } from 'os';\nimport { CodeEditorComponent } from '../code-editor/code-editor.component';\nimport { SimulatorComponent } from './simulator.component';\n\nconst monacoConfig: NgxMonacoEditorConfig = {\n baseUrl: './assets',\n defaultOptions: { scrollBeyondLastLine: false },\n onMonacoLoad\n};\n\nexport function onMonacoLoad() { }\n\ndescribe('SimulatorComponent', () => {\n\n let component: SimulatorComponent;\n let fixture: ComponentFixture;\n\n beforeEach(async () => {\n TestBed.configureTestingModule({\n imports: [\n RouterTestingModule,\n MatFormFieldModule,\n MatTooltipModule,\n FormsModule,\n MonacoEditorModule.forRoot(monacoConfig),\n MatDialogModule,\n HttpClientModule,\n ],\n declarations: [\n SimulatorComponent,\n CodeEditorComponent,\n ],\n schemas: [CUSTOM_ELEMENTS_SCHEMA]\n }).compileComponents();\n });\n\n beforeEach(() => {\n fixture = TestBed.createComponent(SimulatorComponent);\n component = fixture.componentInstance;\n });\n\n it('should create the app', () => {\n expect(component).toBeTruthy();\n });\n\n});\n" }, { "path": "ArduinoFrontend/src/app/simulator/simulator.component.ts", "content": "import { Component, OnInit, Injector, ViewEncapsulation, OnDestroy, EventEmitter } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Workspace, ConsoleType } from '../Libs/Workspace';\nimport { Utils } from '../Libs/Utils';\nimport { MatDialog } from '@angular/material';\nimport { ViewComponentInfoComponent } from '../view-component-info/view-component-info.component';\nimport { ExportfileComponent } from '../exportfile/exportfile.component';\nimport { ComponentlistComponent } from '../componentlist/componentlist.component';\nimport { Title } from '@angular/platform-browser';\nimport { SaveOffline } from '../Libs/SaveOffiline';\nimport { ApiService } from '../api.service';\nimport { Login } from '../Libs/Login';\nimport { SaveOnline } from '../Libs/SaveOnline';\nimport { HttpErrorResponse } from '@angular/common/http';\nimport { environment } from 'src/environments/environment';\nimport { AlertService } from '../alert/alert-service/alert.service';\nimport { LayoutUtils } from '../layout/ArduinoCanvasInterface';\nimport { ExportJSONDialogComponent } from '../export-jsondialog/export-jsondialog.component';\nimport { UndoUtils } from '../Libs/UndoUtils';\nimport { ExitConfirmDialogComponent } from '../exit-confirm-dialog/exit-confirm-dialog.component';\nimport { SaveProjectDialogComponent } from './save-project-dialog/save-project-dialog.component';\nimport { sample } from 'rxjs/operators';\n/**\n * Declare Raphael so that build don't throws error\n */\ndeclare var Raphael;\n\n/**\n * Class For Simulator Page (Component)\n */\n@Component({\n selector: 'app-simulator',\n templateUrl: './simulator.component.html',\n styleUrls: ['./simulator.component.css'],\n encapsulation: ViewEncapsulation.None\n})\nexport class SimulatorComponent implements OnInit, OnDestroy {\n /**\n * Raphael Paper\n */\n canvas: any;\n /**\n * Stores the id of project\n */\n projectId: any = null;\n /**\n * Stores the title of project\n */\n projectTitle = 'Untitled';\n /**\n * Stores the description of project\n */\n description = '';\n /**\n * Toggle for Property Box\n */\n showProperty = true;\n /**\n * Component Box Object\n */\n componentsBox = Utils.componentBox;\n /**\n * String to Component map\n */\n components = Utils.components;\n /**\n * stores the initial status of code editor (Open/Closed)\n */\n openCodeEditor = false;\n /**\n * Stores toggle status for code editor\n */\n toggle = true;\n /**\n * Stores toggle status for simulation button\n */\n stoggle = true;\n /**\n * Simulation button toggle for disabling\n */\n disabled = false;\n /**\n * Stores the toggle status for expanding Virtual console\n */\n toggle1 = false;\n /**\n * stores the toggle status for closing/opening Virtual console\n */\n atoggle = false;\n /**\n * Login Token\n */\n token: string;\n /**\n * Username\n */\n username = '';\n /**\n * window\n */\n window: any;\n /**\n * Is autolayout in progress?\n */\n isAutoLayoutInProgress = false;\n /**\n * Circuit's primary key\n */\n id: number;\n /**\n * Student simulation records\n */\n simData: any[] = [];\n /**\n * Select the simulation to be submitted\n */\n simSelected: any = null;\n /**\n * View or not to view graph\n */\n graphToggle = false;\n /**\n * Hide/Show submit button\n */\n submitButtonVisibility = false;\n /**\n * LTI ID of LTI App (if simulator is opened on LMS)\n */\n ltiId = '';\n /**\n * LTI Nonce of LTI App (if simulator is opened on LMS)\n */\n ltiNonce = '';\n /**\n * LTI User ID of LTI App (if simulator is opened on LMS)\n */\n ltiUserId = '';\n /**\n * Currently loaded circuit's branch\n */\n branch: string;\n /**\n * Currently loaded circuit's version\n */\n version: string;\n /**\n * Currently loaded circuit's save time\n */\n saveTime: Date;\n /**\n * Determines whether staff is\n */\n isStaff = false;\n /**\n * Simulator Component constructor\n * @param aroute Activated Route\n * @param dialog Material Dialog\n * @param injector App Injector\n * @param title Document Title\n * @param router Router to navigate\n * @param api API service for api calls\n */\n constructor(\n private aroute: ActivatedRoute,\n public dialog: MatDialog,\n private injector: Injector,\n private title: Title,\n private router: Router,\n private api: ApiService,\n private alertService: AlertService,\n ) {\n // Initialize Global Variables\n Workspace.initializeGlobalFunctions();\n }\n /** Function dynamically creates an SVG tag */\n makeSVGg() {\n const el = document.createElementNS('http://www.w3.org/2000/svg', 'g');\n // Set Default Scale and Translation\n el.setAttribute('transform', 'scale(1,1)translate(0,0)');\n return el;\n }\n /**\n * On Destroy Callback\n */\n ngOnDestroy() {\n // If production remove save before close popup\n if (environment.production) {\n window.removeEventListener('beforeunload', Workspace.BeforeUnload);\n }\n // Make Redo & Undo Stack empty\n UndoUtils.redo = [];\n UndoUtils.undo = [];\n }\n /**\n * On Init Callback\n */\n ngOnInit() {\n // Get User Token\n this.api.login().then(() => {\n // if token is valid get User name\n this.token = Login.getToken();\n if (this.token) {\n this.api.getRole(this.token).subscribe((result: any) => {\n result.is_arduino_staff === true ? this.isStaff = true : this.isStaff = false;\n });\n this.api.userInfo(this.token).subscribe((tmp) => {\n this.username = tmp.username;\n }, err => {\n if (err.status === 401) {\n // Unauthorized clear token\n Login.logout();\n }\n this.token = null;\n console.log(err);\n });\n }\n });\n this.projectId = null;\n\n // Detect change in url Query parameters\n this.aroute.queryParams.subscribe(v => {\n\n // if project id is present and no query parameter then redirect to dashoard\n if (Object.keys(v).length === 0 && this.projectId) {\n setTimeout(() => this.router.navigate(['dashboard'])\n , 100);\n return;\n }\n // if gallery query parameter is present\n if (v.gallery) {\n this.OpenGallery(v.gallery, v.proId);\n return;\n }\n // if id is present and it is ofline\n if (v.id && v.offline === 'true') {\n // if project id is present then project is read from offline\n this.projectId = parseInt(v.id, 10);\n if (this.projectId) {\n SaveOffline.Read(this.projectId, (data) => {\n this.LoadProject(data);\n });\n }\n } else if (v.id && v.lti_id && v.lti_nonce && v.lti_user_id) {\n this.projectId = v.id;\n this.ltiId = v.lti_id;\n this.ltiNonce = v.lti_nonce;\n this.ltiUserId = v.lti_user_id;\n this.branch = v.branch;\n this.version = v.version;\n this.submitButtonVisibility = true;\n this.LoadOnlineProject(v.id, 'false');\n this.getSimRecord();\n this.showCode(v.lti_id);\n } else if (v.id) {\n this.projectId = v.id;\n this.LoadOnlineProject(v.id, v.offline);\n this.submitButtonVisibility = false;\n }\n });\n\n\n // Make a svg g tag\n const gtag = this.makeSVGg();\n // Create Canvas\n this.canvas = Raphael('holder', '100%', '100%');\n // insert g tag\n document.querySelector('#holder > svg').appendChild(gtag);\n this.canvas.canvas = gtag; // Change the reference\n\n // Initialize clobal variables\n Workspace.initalizeGlobalVariables(this.canvas);\n\n /**\n * Initialize Event Listeners -> Workspace.ts File Contains all the event listeners\n */\n const holder = document.getElementById('holder');\n holder.addEventListener('click', Workspace.click, true);\n holder.addEventListener('mousedown', Workspace.mouseDown, true);\n holder.addEventListener('mousemove', Workspace.mouseMove, true);\n holder.addEventListener('mouseup', Workspace.mouseUp, true);\n holder.addEventListener('contextmenu', Workspace.contextMenu, true);\n holder.addEventListener('copy', Workspace.copy, true);\n holder.addEventListener('cut', Workspace.cut, true);\n holder.addEventListener('dblclick', Workspace.doubleClick, true);\n holder.addEventListener('dragleave', Workspace.dragLeave, true);\n holder.addEventListener('dragover', Workspace.dragOver, true);\n holder.addEventListener('drop', Workspace.drop, true);\n holder.addEventListener('wheel', Workspace.mouseWheel, true);\n holder.addEventListener('paste', Workspace.paste, true);\n document.body.addEventListener('mousemove', Workspace.bodyMouseMove);\n document.body.addEventListener('mouseup', Workspace.bodyMouseUp);\n document.body.addEventListener('keydown', Workspace.keyDown, true);\n document.body.addEventListener('keypress', Workspace.keyPress, true);\n document.body.addEventListener('keyup', Workspace.keyUp, true);\n\n if (environment.production) {\n // Global function for displaying alert msg during closing and reloading page\n window.addEventListener('beforeunload', Workspace.BeforeUnload);\n }\n\n // Initialize Property Box\n Workspace.initProperty(v => {\n this.showProperty = v;\n });\n\n // Initializing window\n this.window = window;\n }\n isLoaded() {\n return Workspace.circuitLoaded || window['scope'].ArduinoUno.length > 0;\n }\n /**\n * Enable Move on Property Box\n */\n startPropertyDrag() {\n window['property_box'].start = true;\n }\n /**\n * Handle Mouse down on Property Box\n * @param event Mouse Event\n */\n propertyMouseDown(event: MouseEvent) {\n const bbox = (window['property_box'].element as HTMLElement).getBoundingClientRect();\n window['property_box'].x = event.clientX - bbox.left;\n window['property_box'].y = event.clientY - bbox.top;\n }\n\n /**\n * Hide/Show Categories Component\n * @param block Clicked Element\n */\n Collapse(block: HTMLElement) {\n const collapsedDivs = Array.from(document.getElementsByClassName('show-div'));\n\n for (const item of collapsedDivs) {\n if (block !== item) {\n item.classList.remove('show-div');\n }\n }\n\n block.classList.toggle('show-div');\n }\n\n getSimRecSelectChange(value) {\n this.simSelected = value;\n }\n\n /**\n * Get the simulation result selected\n */\n onSelectionChanges(event) {\n this.getSimRecSelectChange(event.value);\n }\n\n /**\n * Function to check for viewing code or not in lti\n */\n showCode(ltiID) {\n const token = Login.getToken();\n this.api.viewArduinoCode(ltiID, token).subscribe((v) => {\n if (!v['view']) {\n for (const key in window['ArduinoUno_name']) {\n if (window['ArduinoUno_name'][key]) {\n window['ArduinoUno_name'][key].code = '';\n }\n }\n }\n });\n }\n\n /** Function called when Start Simulation button is triggered */\n StartSimulation() {\n this.disabled = true;\n if (!this.graphToggle) {\n this.graphToggle = !this.graphToggle;\n }\n // Clears Output in Console\n Workspace.ClearConsole();\n // prints the output in console\n window['printConsole']('Starting Simulation', ConsoleType.INFO);\n\n this.stoggle = !this.stoggle;\n const sim = document.getElementById('console');\n\n // Show Loading Animation\n document.getElementById('simload').style.display = 'block';\n\n // if status is Stop simulation then console is opened\n if (!this.stoggle) {\n // Compile code and show loading animation\n sim.style.display = 'block';\n Workspace.CompileCode(this.api, () => {\n this.disabled = false;\n document.getElementById('simload').style.display = 'none';\n });\n } else {\n // Hide loading animation\n sim.style.display = 'none';\n Workspace.stopSimulation(() => {\n this.disabled = false;\n document.getElementById('simload').style.display = 'none';\n });\n }\n }\n /** Function called to hide simulation loading svg */\n hidesimload() {\n const simload = document.getElementById('simload');\n simload.style.display = 'none';\n }\n /**\n * Hide/Show (toggle) Code Editor\n * @param elem Code Editor Parent Div\n */\n toggleCodeEditor(elem: HTMLElement) {\n elem.classList.toggle('show-code-editor');\n this.toggle = !this.toggle;\n this.openCodeEditor = !this.openCodeEditor;\n }\n /** Function called to Minimize Virtual console */\n minimizeConsole() {\n const Console = document.getElementById('console');\n const close = document.querySelector('#console > .body');\n if (this.toggle1) {\n this.toggle1 = !this.toggle1;\n }\n this.atoggle = !this.atoggle;\n if (this.atoggle) {\n (close as HTMLElement).style.display = 'none';\n Console.style.height = 'auto';\n } else {\n (close as HTMLElement).style.display = 'flex';\n Console.style.height = '30%';\n }\n }\n /** function called to Expand Virtual Console */\n expandConsole() {\n const Console = document.getElementById('console');\n if (this.atoggle) {\n const close = document.querySelector('#console > .body');\n (close as HTMLElement).style.display = 'flex';\n this.atoggle = !this.atoggle;\n }\n this.toggle1 = !this.toggle1;\n if (this.toggle1) {\n Console.style.height = 'calc(100% - 110px)';\n } else {\n Console.style.height = '30%';\n }\n }\n /**\n * Clear Virtual Console\n */\n clearConsole() {\n Workspace.ClearConsole();\n }\n /**\n * Send Serial data to arduino\n * @param sin Serial Input Html Element\n */\n PrintToConsole(sin: HTMLInputElement) {\n if (sin.value) {\n const tmp = sin.value;\n for (const ard of window['scope']['ArduinoUno']) {\n if (ard.runner) {\n ard.runner.serialInput(tmp);\n }\n }\n }\n sin.value = ''; // Clear input\n }\n\n /**\n * Project Title input focus out callback\n * @param evt Event\n */\n onFocusOut(evt) {\n // check if textbox is empty if it is change title back to Untitled\n const el = evt.target;\n if (el.value === '') {\n el.value = 'Untitled';\n }\n this.projectTitle = el.value;\n return this.projectTitle;\n }\n /**\n * Function invoked when dbclick is performed on a component inside ComponentList\n * @param key string\n */\n componentdbClick(key: string) {\n Workspace.addComponent(key, 100, 100, 0, 0);\n }\n /**\n * Event is fired when the user starts dragging an component or text selection.\n * @param event DragEvent\n * @param key string\n */\n dragStart(event: DragEvent, key: string) {\n // Save Dump of current Workspace\n event.dataTransfer.dropEffect = 'copyMove';\n event.dataTransfer.setData('text', key);\n }\n /**\n * Function calls zoomIn/Out() mentioned in Workspace.ts\n * @param x number\n */\n zoom(x: number) {\n if (x === 0) {\n Workspace.zoomIn();\n } else {\n Workspace.zoomOut();\n }\n }\n\n autoLayout() {\n // this.isAutoLayoutInProgress = true;\n LayoutUtils.solveAutoLayout();\n // this.isAutoLayoutInProgress = false;\n }\n\n /** Functions opens Info Dailog Box on selecting the component */\n openInfo() {\n const dialogRef = this.dialog.open(ViewComponentInfoComponent, {\n width: '500px'\n });\n dialogRef.afterClosed();\n }\n /** Function opens Dailog Box on selecting Export option */\n openDailog() {\n const exportref = this.dialog.open(ExportfileComponent);\n exportref.afterClosed();\n }\n /** Function opens Component List Dailog box on selecting view option */\n openview() {\n const viewref = this.dialog.open(ComponentlistComponent, {\n width: '600px'\n });\n viewref.afterClosed();\n }\n /** Function deletes the component */\n delete() {\n Workspace.DeleteComponent();\n Workspace.hideContextMenu();\n }\n /** Function pastes the component */\n paste() {\n Workspace.pasteComponent();\n Workspace.hideContextMenu();\n }\n /** Function copy the component */\n copy() {\n Workspace.copyComponent();\n Workspace.hideContextMenu();\n }\n /** Function saves or updates the project Online */\n SaveProject() {\n // if Not logged in show message\n if (!(Login.getToken())) {\n AlertService.showAlert('Please login! Before Login Save the Project Temporary.');\n return;\n }\n // if projet id is uuid (online circuit)\n if (SaveOnline.isUUID(this.projectId) && this.ltiId === '') {\n this.aroute.queryParams.subscribe(params => {\n const branch = params.branch;\n const versionId = params.version;\n const newVersionId = this.getRandomString(20);\n // Update Project to DB\n SaveOnline.Save(this.projectTitle, this.description, this.api, branch, newVersionId, (out) => {\n AlertService.showAlert('Updated');\n if (out['duplicate']) {\n // TODO: if duplicate, refresh the route with same versionId and same branch\n this.router.navigateByUrl('/', { skipLocationChange: true }).then(() => {\n // add new query parameters\n this.router.navigate(\n ['/simulator'],\n {\n relativeTo: this.aroute,\n queryParams: {\n id: out.save_id,\n online: true,\n offline: null,\n gallery: null,\n version: versionId,\n branch\n },\n queryParamsHandling: 'merge'\n }\n );\n });\n\n return;\n }\n // If project is not duplicate refresh route with newVersion Id and same branch\n this.router.navigateByUrl('/', { skipLocationChange: true }).then(() => {\n // add new query parameters\n this.router.navigate(\n ['/simulator'],\n {\n relativeTo: this.aroute,\n queryParams: {\n id: out.save_id,\n online: true,\n offline: null,\n gallery: null,\n version: newVersionId,\n branch\n },\n queryParamsHandling: 'merge'\n }\n );\n });\n }, this.projectId);\n });\n } else {\n // TODO: Save a new project within master branch\n const branch = 'master';\n const versionId = this.getRandomString(20);\n // Save Project and show alert\n SaveOnline.Save(this.projectTitle, this.description, this.api, branch, versionId, (out) => {\n AlertService.showAlert('Saved');\n // add new query parameters\n this.router.navigate(\n [],\n {\n relativeTo: this.aroute,\n queryParams: {\n id: out.save_id,\n online: true,\n offline: null,\n gallery: null,\n version: versionId,\n branch\n },\n queryParamsHandling: 'merge'\n }\n );\n });\n }\n }\n /** Function saves or updates the project offline */\n SaveProjectOff(callback = null) {\n // if Project is UUID\n if (SaveOnline.isUUID(this.projectId)) {\n AlertService.showAlert('Project is already Online!');\n return;\n }\n // Save circuit if id is not presenr\n if (this.projectId) {\n Workspace.SaveCircuit(this.projectTitle, this.description, callback, this.projectId);\n } else {\n // save circuit and add query parameters\n Workspace.SaveCircuit(this.projectTitle, this.description, (v) => {\n this.router.navigate(\n [],\n {\n relativeTo: this.aroute,\n queryParams: {\n id: v.id,\n offline: true,\n gallery: null\n },\n queryParamsHandling: 'merge'\n }\n );\n if (callback) {\n callback();\n }\n });\n }\n }\n\n /**\n * Function save the gallery\n */\n addToGallery() {\n SaveOnline.staffSaveGallery(this.projectTitle, this.description, this.api, (out) => {\n // this.router.navigate(['/gallery'])\n });\n\n }\n /** Function clear variables in the Workspace */\n ClearProject() {\n Workspace.ClearWorkspace();\n this.closeProject();\n }\n /**\n * Fetches project from cloud\n * @param id Project id\n * @param offline A check whether circuit is offline or shared in absence of token\n */\n LoadOnlineProject(id, offline) {\n const token = Login.getToken();\n if (!token && offline !== 'false') {\n AlertService.showAlert('Please Login');\n return;\n }\n this.aroute.queryParams.subscribe(params => {\n // read branch from queryParams\n const branch = params.branch;\n // read version from queryParams\n const version = params.version;\n // read project from DB\n this.api.readProject(id, branch, version, token).subscribe((data: any) => {\n this.id = data.id;\n this.projectTitle = data.name;\n this.description = data.description;\n this.saveTime = data.save_time;\n this.title.setTitle(this.projectTitle + ' | Arduino On Cloud');\n Workspace.Load(JSON.parse(data.data_dump));\n });\n }, (err: HttpErrorResponse) => {\n if (err.status === 401) {\n AlertService.showAlert('You are Not Authorized to view this circuit');\n window.open('../../../', '_self');\n return;\n }\n AlertService.showAlert('Something Went Wrong');\n console.log(err);\n });\n }\n\n /**\n * Function called after reading data from offline\n * @param data any\n */\n LoadProject(data: any) {\n this.projectTitle = data.project.name;\n this.description = data.project.description;\n this.title.setTitle(this.projectTitle + ' | Arduino On Cloud');\n Workspace.Load(data);\n }\n /**\n * Close Clear message Dialog\n */\n closeProject() {\n const closeProject = document.getElementById('opendialog');\n closeProject.style.display = 'none';\n }\n /**\n * Open clear project dialog\n */\n openProject() {\n const openProject = document.getElementById('opendialog');\n openProject.style.display = 'block';\n }\n /**\n * Redirect to Login\n */\n Login() {\n Login.redirectLogin();\n }\n /**\n * Logout and clear token\n */\n Logout() {\n // Login.logout();\n this.api.logout(Login.getToken());\n }\n RouteToSimulator() {\n this.window.location = '../#/simulator';\n this.window.location.reload();\n }\n /**\n * @param routeLink route link\n * @param isAbsolute is the link absolute? [pass false if relatives]\n */\n RouteToFunction(routeLink, isAbsolute = false) {\n return () => {\n if (isAbsolute) {\n this.window.location = routeLink;\n } else {\n this.router.navigateByUrl(routeLink);\n }\n };\n }\n /**\n * Handles routeLinks\n */\n HandleRouter(callback) {\n AlertService.showOptions(\n 'Save changes to the untitled circuit? Your changes will be lost if you do not save it.',\n () => {\n AlertService.showCustom(\n SaveProjectDialogComponent,\n {\n onChangeProjectTitle: (e) => {\n this.projectTitle = e.target.value || '';\n return this.projectTitle;\n },\n projectTitle: this.projectTitle,\n },\n (value) => {\n if (value) {\n this.SaveProjectOff(() => {\n callback();\n });\n }\n }\n );\n },\n () => {\n callback();\n },\n () => { },\n 'Save',\n 'Don\\'t save',\n 'Cancel'\n );\n }\n /**\n * Open Gallery Project\n * @param index Gallery item index\n * @param id Component Id\n */\n OpenGallery(index: string, id: any) {\n // Show Loading animation\n window['showLoading']();\n // Get Position\n const i = parseInt(index, 10);\n // if it is a valid number then proceed\n if (!isNaN(i)) {\n // Fetch all samples\n this.api.fetchSingleProjectToGallery(id).subscribe((out: any) => {\n if (out) {\n // set project title\n this.projectTitle = out.name;\n this.title.setTitle(this.projectTitle + ' | Arduino On Cloud');\n // Set project description\n this.description = out.description;\n // Load the project\n Workspace.Load(JSON.parse(out.data_dump));\n } else {\n AlertService.showAlert('No Item Found');\n }\n window['hideLoading']();\n }, err => {\n console.log(err);\n AlertService.showAlert('Failed to load From gallery!');\n window['hideLoading']();\n });\n } else {\n window['hideLoading']();\n }\n }\n\n // Export to a JSON File\n exportJson() {\n\n // Check if workspace is empty or not\n if (Workspace.checkIfWorkspaceEmpty()) {\n AlertService.showAlert('You have nothing to save!'); // Throw Alert if Workspace is empty\n } else {\n // Open File rename dialog\n const viewref = this.dialog.open(ExportJSONDialogComponent, {\n width: '600px',\n data: { description: this.description, title: this.projectTitle }\n });\n viewref.afterClosed();\n }\n }\n\n // Import from jSON file\n importJson(file) {\n // Read File\n const fileReader = new FileReader();\n fileReader.readAsText(file, 'UTF-8');\n fileReader.onload = (event: Event) => {\n const data = fileReader.result;\n // Load the data object and change into workspace\n this.LoadProject(JSON.parse(data as string));\n };\n }\n\n // Function to Exit Project & go back to mainScreen\n exitProject() {\n if (Workspace.checkIfWorkspaceEmpty()) {\n this.router.navigate(['/']);\n } else {\n this.dialog.open(ExitConfirmDialogComponent).afterClosed().subscribe(res => {\n if (res) {\n this.router.navigate(['/']);\n }\n });\n }\n }\n\n /**\n * Function to enable/disable undo/redo button depending upon undostack\n * @param type button type\n * @returns boolean\n */\n enableButton(type) {\n if (!UndoUtils.enableButtonsBool) {\n return true;\n }\n if (type === 'undo') {\n return UndoUtils.undo.length <= 0;\n } else if (type === 'redo') {\n return UndoUtils.redo.length <= 0;\n }\n }\n\n /**\n * Undo Operation\n */\n undoChange() {\n UndoUtils.workspaceUndo();\n }\n /**\n * Redo Operation\n */\n redoChange() {\n UndoUtils.workspaceRedo();\n }\n /**\n * Create a new branch for project\n * @param obj Object containing branch and version\n */\n createNewBranch(obj) {\n const branch = obj.branch;\n const versionId = obj.version;\n // Save Project and show alert\n SaveOnline.Save(this.projectTitle, this.description, this.api, branch, versionId, (out) => {\n AlertService.showAlert('Created new branch');\n this.router.navigateByUrl('/', { skipLocationChange: true }).then(() => {\n // add new query parameters\n this.router.navigate(\n ['/simulator'],\n {\n relativeTo: this.aroute,\n queryParams: {\n id: out.save_id,\n online: true,\n offline: null,\n gallery: null,\n version: versionId,\n branch\n },\n queryParamsHandling: 'merge'\n }\n );\n });\n }, this.projectId);\n }\n\n /**\n * Generate and return a random string\n * @param length Length of random string\n * @returns random string\n */\n getRandomString(length) {\n let result = '';\n const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n const charactersLength = characters.length;\n for (let i = 0; i < length; i++) {\n result += characters.charAt(Math.floor(Math.random() *\n charactersLength));\n }\n return result;\n }\n\n showGraph() {\n this.graphToggle = !this.graphToggle;\n }\n\n /**\n * Saves the circuit and saves it as a submission for given LTI details\n */\n SaveLTISubmission() {\n const token = Login.getToken();\n this.branch = this.branch ? this.branch : 'master';\n this.version = this.getRandomString(20);\n SaveOnline.Save(this.projectTitle, this.description, this.api, this.branch, this.version, (out) => {\n this.projectId = out.save_id;\n const data = {\n schematic: this.projectId,\n ltisession: {\n id: this.ltiId,\n user_id: this.ltiUserId,\n oauth_nonce: this.ltiNonce,\n },\n student_simulation: this.simSelected,\n };\n this.api.arduinoSubmitCircuit(token, data).subscribe(res => {\n AlertService.showAlert(res['message']);\n // add new query parameters\n this.router.navigate(\n [],\n {\n relativeTo: this.aroute,\n queryParams: {\n id: out.save_id,\n lti_id: this.ltiId,\n lti_user_id: this.ltiUserId,\n lti_nonce: this.ltiNonce,\n branch: this.branch,\n version: this.version,\n online: true,\n offline: false,\n gallery: null\n },\n queryParamsHandling: 'merge'\n });\n return;\n }, err => {\n AlertService.showAlert(err['error']['error']);\n console.log(err);\n });\n });\n }\n\n /**\n * Returns date in human readable format\n * @param date Date string\n * @returns string with formatted date\n */\n getFormattedDate(date: string) {\n const dateObj = new Date(date);\n let str = `${dateObj.getDate()}/${dateObj.getMonth()}/${dateObj.getFullYear()} `;\n str += `${dateObj.getHours()}:${dateObj.getMinutes()}:${dateObj.getSeconds()}`;\n return str;\n }\n\n callGetSimRecord($event) {\n if ($event) {\n this.getSimRecord();\n }\n }\n\n /**\n * Return the list of student simulation records\n */\n getSimRecord() {\n const temp = [];\n this.api.getLTISimulationData(this.id, this.ltiId).subscribe((v) => {\n for (const val of v) {\n const data = JSON.parse(val.result.replaceAll('\\'', '\\\"'));\n const key = (Object.keys(data));\n temp.push({id: val.id, length: data[key[0]]['length']});\n }\n this.simData = temp;\n });\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/submissionlist/submissionlist.component.css", "content": "table {\n width: 100%;\n}\n" }, { "path": "ArduinoFrontend/src/app/submissionlist/submissionlist.component.html", "content": "\n\n

\n Submissions\n

\n\n
\n \n \n \n \n
\n\n
\n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n\n \n \n \n
User{{ submission['user'] }}User ID in LMS{{ submission['user_id'] }}Submitted On{{ getFormattedDate(submission['save_time']) }}Submitted From{{ submission['lis_outcome_service_url'] }}Score{{ submission['score'] }}Submissions\n \n
\n \n No data matching the filter \"{{submissions.filter}}\"\n \n \n No data found\n \n
\n \n
" }, { "path": "ArduinoFrontend/src/app/submissionlist/submissionlist.component.ts", "content": "import { Component, OnInit, ViewChild } from '@angular/core';\nimport { MatPaginator, MatSort, MatTableDataSource } from '@angular/material';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { ApiService } from '../api.service';\nimport { Login } from '../Libs/Login';\n\nexport interface Submission {\n id: string;\n branch: string;\n version: string;\n lis_outcome_service_url: string;\n user: string;\n user_id: string;\n save_time: Date;\n score: number;\n}\n\n/**\n * Class for Submission List\n */\n@Component({\n selector: 'app-submissionlist',\n templateUrl: './submissionlist.component.html',\n styleUrls: ['./submissionlist.component.css']\n})\nexport class SubmissionlistComponent implements OnInit {\n\n /**\n * Data source/list of submissions shown on the mat table\n */\n submissions = new MatTableDataSource([]);\n /**\n * Ordered list representing column names in table headers\n */\n columnNames: string[];\n /**\n * Id of the circuit received from query parameters\n */\n id: string;\n /**\n * Branch of the circuit received from query parameters\n */\n branch: string;\n /**\n * Version of the circuit received from query parameters\n */\n version: string;\n /**\n * LTI Id of the circuit received from query parameters\n * Used in return button above the table\n */\n lti: string;\n /**\n * a state keeping track of value in search box.\n */\n searchString: string;\n /**\n * for adding mat sort functionality to mat table\n */\n @ViewChild(MatSort) sort: MatSort;\n /**\n * for adding mat paginator functionality to mat table\n */\n @ViewChild(MatPaginator) paginator: MatPaginator;\n\n /**\n * Submission List Component Constructor\n * @param router Router to navigate\n * @param aroute Activated Route\n * @param api API service for api calls\n */\n constructor(\n private router: Router,\n private aroute: ActivatedRoute,\n private api: ApiService,\n ) { }\n\n /**\n * On Init Callback\n */\n ngOnInit() {\n document.title = 'Submissions | Arduino on Cloud';\n this.columnNames = ['user', 'user_id', 'save_time', 'lis_outcome_service_url', 'score', 'run', ];\n this.submissions.data.splice(0, this.submissions.data.length);\n this.aroute.queryParams.subscribe(v => {\n const token = Login.getToken();\n if (!v.id || !v.branch || !v.version || !token) {\n setTimeout(() => this.router.navigate(['dashboard'])\n , 100);\n return;\n }\n this.id = v.id;\n this.branch = v.branch;\n this.version = v.version;\n this.lti = v.lti;\n if (v.scored) {\n this.PopulateSubmissions();\n }\n });\n }\n\n /**\n * Sets up the table accessing functions for the mat table\n */\n setUpTable() {\n this.submissions.filterPredicate = (data, filter) =>\n data.user.toLocaleLowerCase().includes(filter) || data.user_id.toLocaleLowerCase().includes(filter);\n this.submissions.paginator = this.paginator;\n this.submissions.sort = this.sort;\n // this.submissions.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0);\n this.submissions.sortingDataAccessor = (item, property) => {\n switch (property) {\n case 'save_time': {\n const newDate = new Date(item.save_time);\n return newDate;\n }\n default: {\n return item[property];\n }\n }\n };\n }\n\n /**\n * Function that executes on modifying value in the search box\n * @param searchString String entered as input by user\n */\n searchNFilter(searchString: string) {\n this.submissions.filter = searchString.trim().toLocaleLowerCase();\n if (this.submissions.paginator) {\n this.submissions.paginator.firstPage();\n }\n }\n\n /**\n * Retrieves submissions from backend\n */\n PopulateSubmissions() {\n const token = Login.getToken();\n this.api.getArduinoSubmissions(this.id, this.branch, this.version, token).subscribe(res => {\n for (let i = 0; i < res['length']; i++) {\n this.submissions.data.push({\n user: res[i]['student'] ? res[i]['student']['username'] : 'Anonymous User',\n user_id: res[i]['ltisession']['user_id'],\n save_time: res[i]['schematic']['save_time'],\n score: res[i]['score'],\n id: res[i]['schematic']['save_id'],\n branch: res[i]['schematic']['branch'],\n version: res[i]['schematic']['version'],\n lis_outcome_service_url: this.getHostFromUrl(res[i]['ltisession']['lis_outcome_service_url']),\n });\n }\n this.setUpTable();\n }, err => {\n console.log(err);\n this.setUpTable();\n });\n }\n\n /**\n * Converts date string in appropriate format\n * @param date Date string returned by backend\n * @returns date string in human readable format\n */\n getFormattedDate(date: string) {\n const dateObj = new Date(date);\n let str = `${dateObj.getDate()}/${dateObj.getMonth()}/${dateObj.getFullYear()} `;\n str += `${dateObj.getHours()}:${dateObj.getMinutes()}:${dateObj.getSeconds()}`;\n return str;\n }\n\n getHostFromUrl(url: string) {\n return url ? (url.search('://') === -1 ? url.split('://')[0] : url.split('://')[1]).split('/')[0] : 'None';\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/versioning-panel/create-variation-dialog/create-variation-dialog.component.css", "content": "" }, { "path": "ArduinoFrontend/src/app/versioning-panel/create-variation-dialog/create-variation-dialog.component.html", "content": "

Create New Variation

\n
\n\n \n Variation Name\n \n This field is mandatory\n String should not be empty\n String should not exceed 20 characters\n \n\n
\n
\n \n
" }, { "path": "ArduinoFrontend/src/app/versioning-panel/create-variation-dialog/create-variation-dialog.component.ts", "content": "import { Component, OnInit } from '@angular/core';\nimport { FormControl, Validators } from '@angular/forms';\nimport { MatDialogRef } from '@angular/material';\n\n@Component({\n selector: 'app-create-variation-dialog',\n templateUrl: './create-variation-dialog.component.html',\n styleUrls: ['./create-variation-dialog.component.css']\n})\nexport class CreateVariationDialogComponent implements OnInit {\n\n /**\n * FormControl for variation name\n */\n variationName = new FormControl('', [Validators.required, Validators.maxLength(20), Validators.minLength(1)]);\n\n /**\n * CreateVariation Dialog Component Constructor\n * @param dialogRef CreateVariationDialog's Reference\n */\n constructor(\n private dialogRef: MatDialogRef\n ) { }\n\n /**\n * On Init Callback\n */\n ngOnInit() {\n }\n\n /**\n * Close dialog with variationName as observable\n */\n createVariation() {\n this.dialogRef.close(this.variationName.value);\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/versioning-panel/versioning-panel.component.css", "content": ".var-selected {\n background-color: #dddddd;\n}\n.version-list {\n padding: 6px 24px;\n cursor: pointer;\n transition: 0.3s;\n}\n.version-list p {\n margin: 0;\n}\n.version-list:hover {\n background-color: #f0f0f0;\n}\n.menu {\n padding: 4px 12px;\n}\n.menu p {\n margin: 0;\n font-size: 1rem;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-weight: 400;\n line-height: 1.5;\n letter-spacing: 0.00938em;\n}\n#msg_text {\n margin: 12px;\n}\n" }, { "path": "ArduinoFrontend/src/app/versioning-panel/versioning-panel.component.html", "content": "
\n
\n\n
\n

History

\n create_new_folder\n
\n\n \n

\n\n \n\n \n \n \n Variation {{branches.length-i}}: {{branch.name}}\n \n \n delete\n \n
\n

{{version.name}}
{{version.formated_save_time}}

\n \n \n \n delete_outline\n
\n \n\n \n\n
\n\n\n\n
\n

{{bannerMsg}}

\n \n
\n" }, { "path": "ArduinoFrontend/src/app/versioning-panel/versioning-panel.component.ts", "content": "import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\nimport { MatAccordion, MatDialog, MatMenuTrigger } from '@angular/material';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { ApiService } from '../api.service';\nimport { Login } from '../Libs/Login';\nimport { CreateVariationDialogComponent } from './create-variation-dialog/create-variation-dialog.component';\n\nexport class DeleteObj {\n type: string;\n data: any;\n}\n@Component({\n selector: 'app-versioning-panel',\n templateUrl: './versioning-panel.component.html',\n styleUrls: ['./versioning-panel.component.css']\n})\nexport class VersioningPanelComponent implements OnInit {\n\n @Input() lti: boolean;\n @Output() createNewBranch = new EventEmitter();\n @ViewChild(MatAccordion) accordion: MatAccordion;\n @ViewChild('deleteMenuTrigger') deleteMenuTrigger: MatMenuTrigger;\n /**\n * List of branches and their version\n */\n branches = [];\n /**\n * Step for mat-accordian\n */\n step = 0;\n /**\n * Id of active variation\n */\n id: string;\n /**\n * Versoin Id of active variation\n */\n versionId: string;\n /**\n * Branch name of active variation\n */\n branchName: string;\n /**\n * Message to show on confirmation menu\n */\n bannerMsg = 'Are you sure you want to delete this version?';\n /**\n * Object for saving details of variation to be deleted\n */\n toDeleteObj: DeleteObj;\n\n /**\n * VersioningPanel Component Constructor\n * @param dialog Material Dialog\n * @param api API service for api calls\n * @param aroute Activated Route\n * @param router Router to navigate\n */\n constructor(\n private dialog: MatDialog,\n private api: ApiService,\n private aroute: ActivatedRoute,\n private router: Router,\n ) { }\n\n /**\n * On Init Callback\n */\n ngOnInit() {\n const msg = document.getElementById('msg_text');\n // make branch list empty\n this.branches = [];\n // set step to 0\n this.step = 0;\n if (!this.lti) {\n this.aroute.queryParams.subscribe(params => {\n this.id = params.id;\n if (params.version && params.branch) {\n // TODO: If version and branch is available in queryParams, fetch respective versions of it\n msg.style.display = 'none';\n this.versionId = params.version;\n this.branchName = params.branch;\n this.getAllVersions();\n } else {\n // TODO: If version and branch is not available in queryParams, show message on frontend\n msg.innerHTML = 'No variation available';\n msg.style.display = 'unset';\n }\n });\n }\n }\n\n /**\n * Get all variation of project\n */\n getAllVersions() {\n // get Auth token\n const token = Login.getToken();\n this.api.listAllVersions(this.id, token).subscribe((v) => {\n // Push variations into list, within their respective branches\n for (const e in v) {\n if (v.hasOwnProperty(e)) {\n const dateObj = new Date(v[e].save_time);\n v[e].formated_save_time = `${dateObj.getDate()}/${dateObj.getMonth()}/${dateObj.getFullYear()}\n ${dateObj.getHours()}:${dateObj.getMinutes()}`;\n // found flag to false\n let found = false;\n\n // check if branch already available\n for (const i in this.branches) {\n if (this.branches[i].name === v[e].branch) {\n this.branches[i].versions.push(v[e]);\n // set found flag to false\n found = true;\n }\n }\n if (found) {\n continue;\n } else {\n // add a new branch\n const obj = { name: v[e].branch, versions: [v[e]] };\n this.branches.push(obj);\n }\n }\n }\n\n // Sort versions in branch\n for (const e in this.branches) {\n if (this.branches.hasOwnProperty(e)) {\n this.branches[e].versions.sort((a, b) => {\n const date1 = new Date(a.save_time);\n const date2 = new Date(b.save_time);\n if (date1 > date2) {\n return -1;\n } else if (date1 < date2) {\n return 1;\n } else {\n return 0;\n }\n });\n }\n }\n\n // Sort branches\n this.branches.sort((a, b) => {\n const branch1Last = new Date(a.versions[a.versions.length - 1].save_time);\n const branch2Last = new Date(b.versions[b.versions.length - 1].save_time);\n if (branch1Last < branch2Last) {\n return 1;\n } else if (branch1Last > branch2Last) {\n return -1;\n } else {\n return 0;\n }\n });\n\n // determine current variation, and set value of step\n for (let i = 0; i < this.branches.length; i++) {\n for (const x in this.branches[i].versions) {\n if (this.versionId === this.branches[i].versions[x].version && this.branchName === this.branches[i].name) {\n this.step = i;\n }\n }\n }\n\n });\n }\n\n /**\n * Create a new branch\n */\n createBranch() {\n // open CreateVariationDialogComponent dialog\n this.dialog.open(CreateVariationDialogComponent).afterClosed().subscribe((branch: any) => {\n if (branch) {\n // Emit createBranch\n this.createNewBranch.emit({ branch, version: this.versionId });\n }\n });\n }\n /**\n * Delete specific Variation\n * @param variation Variation's Object\n */\n deleteVariation(variation) {\n this.api.deleteVariation(variation.save_id, variation.branch, variation.version, Login.getToken()).subscribe((result) => {\n this.ngOnInit();\n });\n }\n /**\n * Delete specific Branch\n * @param branch Branch's Object\n */\n deleteBranch(branch) {\n this.api.deleteBranch(branch.versions[0].save_id, branch.name, Login.getToken()).subscribe((result) => {\n this.ngOnInit();\n });\n }\n /**\n * Change to clicked variation\n * @param variation Variation clicked\n * @param event Event\n */\n switchVersion(variation, event: Event) {\n if (event.target !== document.getElementById(variation.version)) {\n this.router.navigateByUrl('/', { skipLocationChange: true }).then(() =>\n this.router.navigate(['/simulator'], {\n queryParams: { id: variation.save_id, version: variation.version, branch: variation.branch }\n })\n );\n }\n }\n /**\n * Change value of step\n * @param index Index clicked\n */\n setStep(index) {\n this.step = index;\n }\n /**\n * Open confirmation menu\n * @param type Branch/Version\n * @param data metadata about element\n */\n delete(type, data) {\n this.toDeleteObj = { type, data };\n // if branch, set message accordingly\n type === 'branch' ? this.bannerMsg = 'Are you sure you want to delete this Variation?'\n : this.bannerMsg = 'Are you sure you want to delete this version?';\n // open confirmation menu\n this.deleteMenuTrigger.openMenu();\n }\n /**\n * Confirm Delete event\n */\n confirmDelete() {\n if (this.toDeleteObj.type === 'branch') {\n this.deleteBranch(this.toDeleteObj.data);\n } else if (this.toDeleteObj.type === 'version') {\n this.deleteVariation(this.toDeleteObj.data);\n }\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/app/view-component-info/view-component-info.component.css", "content": "" }, { "path": "ArduinoFrontend/src/app/view-component-info/view-component-info.component.html", "content": "

{{data.name}}

\n
\n {{data.name}}\n {{data.description}}\n

\n
\n Datasheet\n
Specification
\n\n \n \n \n \n \n \n \n
{{column}} {{element[column]}}
\n\n
\n
\n \n
" }, { "path": "ArduinoFrontend/src/app/view-component-info/view-component-info.component.spec.ts", "content": "" }, { "path": "ArduinoFrontend/src/app/view-component-info/view-component-info.component.ts", "content": "import { Component, OnInit } from '@angular/core';\nimport { MatDialogRef } from '@angular/material';\n\n/**\n * Class for View Info Dialog Component\n */\n@Component({\n selector: 'app-view-component-info',\n templateUrl: './view-component-info.component.html',\n styleUrls: ['./view-component-info.component.css']\n})\nexport class ViewComponentInfoComponent implements OnInit {\n /**\n * Data That need to show in table\n */\n tableData = [];\n /**\n * Data including decription and image\n */\n data: any = {};\n /**\n * Column Names\n */\n readonly columns = ['Name', 'Value'];\n /**\n * Variable to specify if there is no data\n */\n noData = false;\n\n /**\n * View Project Info Dialog Component\n * @param dialogRef Material Dialog Reference\n */\n constructor(public dialogRef: MatDialogRef) { }\n\n /**\n * On Init Function\n */\n ngOnInit() {\n // Get the Selected Item\n const item = window['Selected'];\n\n if (item) {\n // get the info\n this.data = item.info;\n // Create the table array\n for (const propName in this.data.properties) {\n if (this.data.properties[propName]) {\n this.tableData.push({\n Name: propName,\n Value: this.data.properties[propName]\n });\n }\n }\n // Data is present\n this.noData = false;\n\n if (this.data.innerHTMLContent) {\n document.getElementById('dynamic-content').innerHTML = this.data.innerHTMLContent;\n }\n\n } else {\n // No Data is Present\n this.noData = true;\n }\n }\n /**\n * Close View Component info dialog\n */\n close() {\n this.dialogRef.close();\n }\n}\n" }, { "path": "ArduinoFrontend/src/app/view-project/view-project.component.css", "content": ".data-body div {\n font-weight: bold;\n}\n.data-body label {\n font-weight: normal;\n}\n.data-body button {\n margin: 15px 15px 15px 0;\n}\n.data-body button i {\n color: white;\n}\n" }, { "path": "ArduinoFrontend/src/app/view-project/view-project.component.html", "content": "\n\n
\n
\n
\n
\n

{{data.name}}

\n
\n
\n
\n
\n \"{{data.name}}\"\n
\n
\n
\n

Description

\n

{{data.description}}

\n \n
\n
Author Name:
\n
Created At:
\n
Edited At:
\n\n \n \n \n\n \n \n \n\n \n \n \n \n \n \n \n\n
\n
\n
\n
\n
\n
\n" }, { "path": "ArduinoFrontend/src/app/view-project/view-project.component.spec.ts", "content": "" }, { "path": "ArduinoFrontend/src/app/view-project/view-project.component.ts", "content": "import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { ApiService } from '../api.service';\nimport { SaveOnline } from '../Libs/SaveOnline';\nimport { Login } from '../Libs/Login';\nimport { Title, Meta } from '@angular/platform-browser';\n/**\n * For Handling Time ie. Prevent moment error\n */\ndeclare var moment;\n\n/**\n * Class For Project Page(Component) Used in sharing.\n */\n@Component({\n selector: 'app-view-project',\n templateUrl: './view-project.component.html',\n styleUrls: ['./view-project.component.css']\n})\nexport class ViewProjectComponent implements OnInit {\n /**\n * View Project Page\n * @param aroute For Url\n * @param api API Service\n * @param title Document Title\n * @param meta Meta Tag handler\n */\n constructor(\n private aroute: ActivatedRoute,\n private api: ApiService,\n private title: Title,\n private meta: Meta) { }\n /**\n * Data Of the Project\n */\n data: any;\n /**\n * Sharing Url\n */\n shareURL: string;\n /**\n * Sharing Title Name\n */\n shareName: string;\n /**\n * Redirect to 404 Page\n */\n private redirect() {\n window.open('../../../404', '_self');\n }\n\n /**\n * Set Meta Tags For SEO\n * @param data Project Data\n */\n setMetaTags(data: any) {\n // Create Description\n const description = `${data.name}.${data.description}.By ${data.owner} at ${data.create_time}`;\n // Update Description meta tag\n this.meta.updateTag({ name: 'description', content: description });\n // Type of Webpage\n this.meta.removeTag('property=\"og:type\"');\n this.meta.addTag({\n property: 'og:type',\n content: 'Electronic Simulation'\n });\n // Title of page\n this.meta.removeTag('property=\"og:title\"');\n this.meta.addTag({\n property: 'og:title',\n content: data.name\n });\n // Desription of page\n this.meta.removeTag('property=\"og:description\"');\n this.meta.addTag({\n property: 'og:description',\n content: description\n });\n // Image of the Circuit\n this.meta.removeTag('property=\"og:image\"');\n this.meta.addTag({\n property: 'og:image',\n content: data.base64_image\n });\n // Actual URL of Circuit\n this.meta.removeTag('property=\"og:url\"');\n this.meta.addTag({\n property: 'og:url',\n content: window.location.href\n });\n // Site name meta tag\n this.meta.removeTag('property=\"og:site_name\"');\n this.meta.addTag({\n property: 'og:site_name',\n content: 'Arduino On Cloud'\n });\n }\n /**\n * On Init Method\n */\n ngOnInit() {\n window['showLoading'](); // Show Loading animation\n\n // Get Token if not present then redirect to login\n let token = Login.getToken();\n token = token ? token : null;\n // Sharing url\n token = token ? token : null;\n this.shareURL = window.location.href;\n\n this.aroute.paramMap.subscribe((v: any) => {\n console.log(v);\n // From Slug find project id\n const slug: string = v.params.slug;\n const pos = slug ? slug.indexOf('-') : -1;\n let [ id, branch, version, ] = slug.split('-', 3);\n let name = slug.split('-').splice(3).join('-');\n // if project id is found\n if (id && version && branch) {\n id = id.replace(/_/g, '-');\n version = version.replace(/_/g, '-');\n branch = branch.replace(/_/g, '-');\n name = name.replace(/-/g, ' ');\n // Check if project id is uuid\n if (SaveOnline.isUUID(id)) {\n this.api.readProject(id, branch, version, token).subscribe((output: any) => {\n this.shareName = `${output.name} | Arduino On Cloud`; // Set the sharing name\n // Set the page title\n this.title.setTitle(this.shareName);\n // Show Date in more meaningfull format\n output.save_time = moment(output.save_time).format('LLLL');\n output.create_time = moment(output.create_time).format('LLLL');\n // Set meta tags\n this.setMetaTags(output);\n // set the project data\n this.data = output;\n // Hide Loading animation\n window['hideLoading']();\n }, err => {\n if (err.status === 401) {\n // if unauthorized then redirect to 404\n this.redirect();\n }\n console.log(err);\n });\n } else {\n // if project id is not valid return to 404\n this.redirect();\n }\n } else {\n // if Project id not found redirect to 404\n this.redirect();\n }\n });\n }\n\n}\n" }, { "path": "ArduinoFrontend/src/assets/.gitkeep", "content": "" }, { "path": "ArduinoFrontend/src/assets/404page.html", "content": "
\n

Oops!

\n

404 Not Found

\n
Sorry, an error has occured, Requested page not found!
\n
" }, { "path": "ArduinoFrontend/src/assets/avr8js/index.js", "content": "parcelRequire = (function (e, r, t, n) {\n var i,\n o = \"function\" == typeof parcelRequire && parcelRequire,\n u = \"function\" == typeof require && require;\n function f(t, n) {\n if (!r[t]) {\n if (!e[t]) {\n var i = \"function\" == typeof parcelRequire && parcelRequire;\n if (!n && i) return i(t, !0);\n if (o) return o(t, !0);\n if (u && \"string\" == typeof t) return u(t);\n var c = new Error(\"Cannot find module '\" + t + \"'\");\n throw ((c.code = \"MODULE_NOT_FOUND\"), c);\n }\n (p.resolve = function (r) {\n return e[t][1][r] || r;\n }),\n (p.cache = {});\n var l = (r[t] = new f.Module(t));\n e[t][0].call(l.exports, p, l, l.exports, this);\n }\n return r[t].exports;\n function p(e) {\n return f(p.resolve(e));\n }\n }\n (f.isParcelRequire = !0),\n (f.Module = function (e) {\n (this.id = e), (this.bundle = f), (this.exports = {});\n }),\n (f.modules = e),\n (f.cache = r),\n (f.parent = o),\n (f.register = function (r, t) {\n e[r] = [\n function (e, r) {\n r.exports = t;\n },\n {},\n ];\n });\n for (var c = 0; c < t.length; c++)\n try {\n f(t[c]);\n } catch (e) {\n i || (i = e);\n }\n if (t.length) {\n var l = f(t[t.length - 1]);\n \"object\" == typeof exports && \"undefined\" != typeof module\n ? (module.exports = l)\n : \"function\" == typeof define && define.amd\n ? define(function () {\n return l;\n })\n : n && (this[n] = l);\n }\n if (((parcelRequire = f), i)) throw i;\n return f;\n})(\n {\n MkOI: [\n function (require, module, exports) {\n \"use strict\";\n Object.defineProperty(exports, \"__esModule\", { value: !0 }),\n (exports.CPU = void 0);\n const t = 256;\n class s {\n constructor(s, e = 8192) {\n (this.progMem = s),\n (this.sramBytes = e),\n (this.data = new Uint8Array(this.sramBytes + t)),\n (this.data16 = new Uint16Array(this.data.buffer)),\n (this.dataView = new DataView(this.data.buffer)),\n (this.progBytes = new Uint8Array(this.progMem.buffer)),\n (this.readHooks = []),\n (this.writeHooks = []),\n (this.pc22Bits = this.progBytes.length > 131072),\n (this.gpioTimerHooks = []),\n (this.pc = 0),\n (this.cycles = 0),\n this.reset();\n }\n reset() {\n this.data.fill(0), (this.SP = this.data.length - 1);\n }\n readData(t) {\n return t >= 32 && this.readHooks[t]\n ? this.readHooks[t](t)\n : this.data[t];\n }\n writeData(t, s) {\n const e = this.writeHooks[t];\n (e && e(s, this.data[t], t)) || (this.data[t] = s);\n }\n get SP() {\n return this.dataView.getUint16(93, !0);\n }\n set SP(t) {\n this.dataView.setUint16(93, t, !0);\n }\n get SREG() {\n return this.data[95];\n }\n get interruptsEnabled() {\n return !!(128 & this.SREG);\n }\n }\n exports.CPU = s;\n },\n {},\n ],\n deE9: [\n function (require, module, exports) {\n \"use strict\";\n function a(a) {\n return (\n 36864 == (65039 & a) ||\n 37376 == (65039 & a) ||\n 37902 == (65038 & a) ||\n 37900 == (65038 & a)\n );\n }\n function t(t) {\n const e = t.progMem[t.pc];\n if (7168 == (64512 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = t.data[(15 & e) | ((512 & e) >> 5)],\n i = a + d + (1 & t.data[95]),\n s = 255 & i;\n t.data[(496 & e) >> 4] = s;\n let c = 192 & t.data[95];\n (c |= s ? 0 : 2),\n (c |= 128 & s ? 4 : 0),\n (c |= (s ^ d) & (a ^ s) & 128 ? 8 : 0),\n (c |= ((c >> 2) & 1) ^ ((c >> 3) & 1) ? 16 : 0),\n (c |= 256 & i ? 1 : 0),\n (c |= 1 & ((a & d) | (d & ~s) | (~s & a)) ? 32 : 0),\n (t.data[95] = c);\n } else if (3072 == (64512 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = t.data[(15 & e) | ((512 & e) >> 5)],\n i = (a + d) & 255;\n t.data[(496 & e) >> 4] = i;\n let s = 192 & t.data[95];\n (s |= i ? 0 : 2),\n (s |= 128 & i ? 4 : 0),\n (s |= (i ^ d) & (i ^ a) & 128 ? 8 : 0),\n (s |= ((s >> 2) & 1) ^ ((s >> 3) & 1) ? 16 : 0),\n (s |= (a + d) & 256 ? 1 : 0),\n (s |= 1 & ((a & d) | (d & ~i) | (~i & a)) ? 32 : 0),\n (t.data[95] = s);\n } else if (38400 == (65280 & e)) {\n const a = 2 * ((48 & e) >> 4) + 24,\n d = t.dataView.getUint16(a, !0),\n i = (d + ((15 & e) | ((192 & e) >> 2))) & 65535;\n t.dataView.setUint16(a, i, !0);\n let s = 224 & t.data[95];\n (s |= i ? 0 : 2),\n (s |= 32768 & i ? 4 : 0),\n (s |= ~d & i & 32768 ? 8 : 0),\n (s |= ((s >> 2) & 1) ^ ((s >> 3) & 1) ? 16 : 0),\n (s |= ~i & d & 32768 ? 1 : 0),\n (t.data[95] = s),\n t.cycles++;\n } else if (8192 == (64512 & e)) {\n const a =\n t.data[(496 & e) >> 4] & t.data[(15 & e) | ((512 & e) >> 5)];\n t.data[(496 & e) >> 4] = a;\n let d = 225 & t.data[95];\n (d |= a ? 0 : 2),\n (d |= 128 & a ? 4 : 0),\n (d |= ((d >> 2) & 1) ^ ((d >> 3) & 1) ? 16 : 0),\n (t.data[95] = d);\n } else if (28672 == (61440 & e)) {\n const a =\n t.data[16 + ((240 & e) >> 4)] & ((15 & e) | ((3840 & e) >> 4));\n t.data[16 + ((240 & e) >> 4)] = a;\n let d = 225 & t.data[95];\n (d |= a ? 0 : 2),\n (d |= 128 & a ? 4 : 0),\n (d |= ((d >> 2) & 1) ^ ((d >> 3) & 1) ? 16 : 0),\n (t.data[95] = d);\n } else if (37893 == (65039 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = (a >>> 1) | (128 & a);\n t.data[(496 & e) >> 4] = d;\n let i = 224 & t.data[95];\n (i |= d ? 0 : 2),\n (i |= 128 & d ? 4 : 0),\n (i |= 1 & a),\n (i |= ((i >> 2) & 1) ^ (1 & i) ? 8 : 0),\n (i |= ((i >> 2) & 1) ^ ((i >> 3) & 1) ? 16 : 0),\n (t.data[95] = i);\n } else if (38024 == (65423 & e))\n t.data[95] &= ~(1 << ((112 & e) >> 4));\n else if (63488 == (65032 & e)) {\n const a = 7 & e,\n d = (496 & e) >> 4;\n t.data[d] =\n (~(1 << a) & t.data[d]) | (((t.data[95] >> 6) & 1) << a);\n } else if (62464 == (64512 & e))\n t.data[95] & (1 << (7 & e)) ||\n ((t.pc = t.pc + (((504 & e) >> 3) - (512 & e ? 64 : 0))),\n t.cycles++);\n else if (61440 == (64512 & e))\n t.data[95] & (1 << (7 & e)) &&\n ((t.pc = t.pc + (((504 & e) >> 3) - (512 & e ? 64 : 0))),\n t.cycles++);\n else if (37896 == (65423 & e)) t.data[95] |= 1 << ((112 & e) >> 4);\n else if (64e3 == (65032 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = 7 & e;\n t.data[95] = (191 & t.data[95]) | ((a >> d) & 1 ? 64 : 0);\n } else if (37902 == (65038 & e)) {\n const a = t.progMem[t.pc + 1] | ((1 & e) << 16) | ((496 & e) << 13),\n d = t.pc + 2,\n i = t.dataView.getUint16(93, !0),\n { pc22Bits: s } = t;\n (t.data[i] = 255 & d),\n (t.data[i - 1] = (d >> 8) & 255),\n s && (t.data[i - 2] = (d >> 16) & 255),\n t.dataView.setUint16(93, i - (s ? 3 : 2), !0),\n (t.pc = a - 1),\n (t.cycles += s ? 4 : 3);\n } else if (38912 == (65280 & e)) {\n const a = 248 & e,\n d = 7 & e,\n i = t.readData(32 + (a >> 3));\n t.writeData(32 + (a >> 3), i & ~(1 << d));\n } else if (37888 == (65039 & e)) {\n const a = (496 & e) >> 4,\n d = 255 - t.data[a];\n t.data[a] = d;\n let i = (225 & t.data[95]) | 1;\n (i |= d ? 0 : 2),\n (i |= 128 & d ? 4 : 0),\n (i |= ((i >> 2) & 1) ^ ((i >> 3) & 1) ? 16 : 0),\n (t.data[95] = i);\n } else if (5120 == (64512 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = t.data[(15 & e) | ((512 & e) >> 5)],\n i = a - d;\n let s = 192 & t.data[95];\n (s |= i ? 0 : 2),\n (s |= 128 & i ? 4 : 0),\n (s |= 0 != ((a ^ d) & (a ^ i) & 128) ? 8 : 0),\n (s |= ((s >> 2) & 1) ^ ((s >> 3) & 1) ? 16 : 0),\n (s |= d > a ? 1 : 0),\n (s |= 1 & ((~a & d) | (d & i) | (i & ~a)) ? 32 : 0),\n (t.data[95] = s);\n } else if (1024 == (64512 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = t.data[(15 & e) | ((512 & e) >> 5)];\n let i = t.data[95];\n const s = a - d - (1 & i);\n (i =\n (192 & i) |\n (!s && (i >> 1) & 1 ? 2 : 0) |\n (d + (1 & i) > a ? 1 : 0)),\n (i |= 128 & s ? 4 : 0),\n (i |= (a ^ d) & (a ^ s) & 128 ? 8 : 0),\n (i |= ((i >> 2) & 1) ^ ((i >> 3) & 1) ? 16 : 0),\n (i |= 1 & ((~a & d) | (d & s) | (s & ~a)) ? 32 : 0),\n (t.data[95] = i);\n } else if (12288 == (61440 & e)) {\n const a = t.data[16 + ((240 & e) >> 4)],\n d = (15 & e) | ((3840 & e) >> 4),\n i = a - d;\n let s = 192 & t.data[95];\n (s |= i ? 0 : 2),\n (s |= 128 & i ? 4 : 0),\n (s |= (a ^ d) & (a ^ i) & 128 ? 8 : 0),\n (s |= ((s >> 2) & 1) ^ ((s >> 3) & 1) ? 16 : 0),\n (s |= d > a ? 1 : 0),\n (s |= 1 & ((~a & d) | (d & i) | (i & ~a)) ? 32 : 0),\n (t.data[95] = s);\n } else if (4096 == (64512 & e)) {\n if (\n t.data[(496 & e) >> 4] === t.data[(15 & e) | ((512 & e) >> 5)]\n ) {\n const e = a(t.progMem[t.pc + 1]) ? 2 : 1;\n (t.pc += e), (t.cycles += e);\n }\n } else if (37898 == (65039 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = a - 1;\n t.data[(496 & e) >> 4] = d;\n let i = 225 & t.data[95];\n (i |= d ? 0 : 2),\n (i |= 128 & d ? 4 : 0),\n (i |= 128 === a ? 8 : 0),\n (i |= ((i >> 2) & 1) ^ ((i >> 3) & 1) ? 16 : 0),\n (t.data[95] = i);\n } else if (38169 === e) {\n const a = t.pc + 1,\n e = t.dataView.getUint16(93, !0),\n d = t.data[60];\n (t.data[e] = 255 & a),\n (t.data[e - 1] = (a >> 8) & 255),\n t.dataView.setUint16(93, e - 2, !0),\n (t.pc = ((d << 16) | t.dataView.getUint16(30, !0)) - 1),\n (t.cycles += 3);\n } else if (37913 === e) {\n const a = t.data[60];\n (t.pc = ((a << 16) | t.dataView.getUint16(30, !0)) - 1), t.cycles++;\n } else if (38360 === e) {\n const a = t.data[59];\n (t.data[0] = t.progBytes[(a << 16) | t.dataView.getUint16(30, !0)]),\n (t.cycles += 2);\n } else if (36870 == (65039 & e)) {\n const a = t.data[59];\n (t.data[(496 & e) >> 4] =\n t.progBytes[(a << 16) | t.dataView.getUint16(30, !0)]),\n (t.cycles += 2);\n } else if (36871 == (65039 & e)) {\n const a = t.data[59],\n d = t.dataView.getUint16(30, !0);\n (t.data[(496 & e) >> 4] = t.progBytes[(a << 16) | d]),\n t.dataView.setUint16(30, d + 1, !0),\n 65535 === d &&\n (t.data[59] = (a + 1) % (t.progBytes.length >> 16)),\n (t.cycles += 2);\n } else if (9216 == (64512 & e)) {\n const a =\n t.data[(496 & e) >> 4] ^ t.data[(15 & e) | ((512 & e) >> 5)];\n t.data[(496 & e) >> 4] = a;\n let d = 225 & t.data[95];\n (d |= a ? 0 : 2),\n (d |= 128 & a ? 4 : 0),\n (d |= ((d >> 2) & 1) ^ ((d >> 3) & 1) ? 16 : 0),\n (t.data[95] = d);\n } else if (776 == (65416 & e)) {\n const a = t.data[16 + ((112 & e) >> 4)],\n d = t.data[16 + (7 & e)],\n i = (a * d) << 1;\n t.dataView.setUint16(0, i, !0),\n (t.data[95] =\n (252 & t.data[95]) |\n (65535 & i ? 0 : 2) |\n ((a * d) & 32768 ? 1 : 0)),\n t.cycles++;\n } else if (896 == (65416 & e)) {\n const a = t.dataView.getInt8(16 + ((112 & e) >> 4)),\n d = t.dataView.getInt8(16 + (7 & e)),\n i = (a * d) << 1;\n t.dataView.setInt16(0, i, !0),\n (t.data[95] =\n (252 & t.data[95]) |\n (65535 & i ? 0 : 2) |\n ((a * d) & 32768 ? 1 : 0)),\n t.cycles++;\n } else if (904 == (65416 & e)) {\n const a = t.dataView.getInt8(16 + ((112 & e) >> 4)),\n d = t.data[16 + (7 & e)],\n i = (a * d) << 1;\n t.dataView.setInt16(0, i, !0),\n (t.data[95] =\n (252 & t.data[95]) |\n (65535 & i ? 2 : 0) |\n ((a * d) & 32768 ? 1 : 0)),\n t.cycles++;\n } else if (38153 === e) {\n const a = t.pc + 1,\n e = t.dataView.getUint16(93, !0),\n { pc22Bits: d } = t;\n (t.data[e] = 255 & a),\n (t.data[e - 1] = (a >> 8) & 255),\n d && (t.data[e - 2] = (a >> 16) & 255),\n t.dataView.setUint16(93, e - (d ? 3 : 2), !0),\n (t.pc = t.dataView.getUint16(30, !0) - 1),\n (t.cycles += d ? 3 : 2);\n } else if (37897 === e)\n (t.pc = t.dataView.getUint16(30, !0) - 1), t.cycles++;\n else if (45056 == (63488 & e)) {\n const a = t.readData(32 + ((15 & e) | ((1536 & e) >> 5)));\n t.data[(496 & e) >> 4] = a;\n } else if (37891 == (65039 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = (a + 1) & 255;\n t.data[(496 & e) >> 4] = d;\n let i = 225 & t.data[95];\n (i |= d ? 0 : 2),\n (i |= 128 & d ? 4 : 0),\n (i |= 127 === a ? 8 : 0),\n (i |= ((i >> 2) & 1) ^ ((i >> 3) & 1) ? 16 : 0),\n (t.data[95] = i);\n } else if (37900 == (65038 & e))\n (t.pc =\n (t.progMem[t.pc + 1] | ((1 & e) << 16) | ((496 & e) << 13)) - 1),\n (t.cycles += 2);\n else if (37382 == (65039 & e)) {\n const a = (496 & e) >> 4,\n d = t.data[a],\n i = t.readData(t.dataView.getUint16(30, !0));\n t.writeData(t.dataView.getUint16(30, !0), i & (255 - d)),\n (t.data[a] = i);\n } else if (37381 == (65039 & e)) {\n const a = (496 & e) >> 4,\n d = t.data[a],\n i = t.readData(t.dataView.getUint16(30, !0));\n t.writeData(t.dataView.getUint16(30, !0), i | d), (t.data[a] = i);\n } else if (37383 == (65039 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = t.readData(t.dataView.getUint16(30, !0));\n t.writeData(t.dataView.getUint16(30, !0), a ^ d),\n (t.data[(496 & e) >> 4] = d);\n } else if (57344 == (61440 & e))\n t.data[16 + ((240 & e) >> 4)] = (15 & e) | ((3840 & e) >> 4);\n else if (36864 == (65039 & e)) {\n t.cycles++;\n const a = t.readData(t.progMem[t.pc + 1]);\n (t.data[(496 & e) >> 4] = a), t.pc++;\n } else if (36876 == (65039 & e))\n t.cycles++,\n (t.data[(496 & e) >> 4] = t.readData(\n t.dataView.getUint16(26, !0)\n ));\n else if (36877 == (65039 & e)) {\n const a = t.dataView.getUint16(26, !0);\n t.cycles++,\n (t.data[(496 & e) >> 4] = t.readData(a)),\n t.dataView.setUint16(26, a + 1, !0);\n } else if (36878 == (65039 & e)) {\n const a = t.dataView.getUint16(26, !0) - 1;\n t.dataView.setUint16(26, a, !0),\n t.cycles++,\n (t.data[(496 & e) >> 4] = t.readData(a));\n } else if (32776 == (65039 & e))\n t.cycles++,\n (t.data[(496 & e) >> 4] = t.readData(\n t.dataView.getUint16(28, !0)\n ));\n else if (36873 == (65039 & e)) {\n const a = t.dataView.getUint16(28, !0);\n t.cycles++,\n (t.data[(496 & e) >> 4] = t.readData(a)),\n t.dataView.setUint16(28, a + 1, !0);\n } else if (36874 == (65039 & e)) {\n const a = t.dataView.getUint16(28, !0) - 1;\n t.dataView.setUint16(28, a, !0),\n t.cycles++,\n (t.data[(496 & e) >> 4] = t.readData(a));\n } else if (\n 32776 == (53768 & e) &&\n (7 & e) | ((3072 & e) >> 7) | ((8192 & e) >> 8)\n )\n t.cycles++,\n (t.data[(496 & e) >> 4] = t.readData(\n t.dataView.getUint16(28, !0) +\n ((7 & e) | ((3072 & e) >> 7) | ((8192 & e) >> 8))\n ));\n else if (32768 == (65039 & e))\n t.cycles++,\n (t.data[(496 & e) >> 4] = t.readData(\n t.dataView.getUint16(30, !0)\n ));\n else if (36865 == (65039 & e)) {\n const a = t.dataView.getUint16(30, !0);\n t.cycles++,\n (t.data[(496 & e) >> 4] = t.readData(a)),\n t.dataView.setUint16(30, a + 1, !0);\n } else if (36866 == (65039 & e)) {\n const a = t.dataView.getUint16(30, !0) - 1;\n t.dataView.setUint16(30, a, !0),\n t.cycles++,\n (t.data[(496 & e) >> 4] = t.readData(a));\n } else if (\n 32768 == (53768 & e) &&\n (7 & e) | ((3072 & e) >> 7) | ((8192 & e) >> 8)\n )\n t.cycles++,\n (t.data[(496 & e) >> 4] = t.readData(\n t.dataView.getUint16(30, !0) +\n ((7 & e) | ((3072 & e) >> 7) | ((8192 & e) >> 8))\n ));\n else if (38344 === e)\n (t.data[0] = t.progBytes[t.dataView.getUint16(30, !0)]),\n (t.cycles += 2);\n else if (36868 == (65039 & e))\n (t.data[(496 & e) >> 4] =\n t.progBytes[t.dataView.getUint16(30, !0)]),\n (t.cycles += 2);\n else if (36869 == (65039 & e)) {\n const a = t.dataView.getUint16(30, !0);\n (t.data[(496 & e) >> 4] = t.progBytes[a]),\n t.dataView.setUint16(30, a + 1, !0),\n (t.cycles += 2);\n } else if (37894 == (65039 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = a >>> 1;\n t.data[(496 & e) >> 4] = d;\n let i = 224 & t.data[95];\n (i |= d ? 0 : 2),\n (i |= 1 & a),\n (i |= ((i >> 2) & 1) ^ (1 & i) ? 8 : 0),\n (i |= ((i >> 2) & 1) ^ ((i >> 3) & 1) ? 16 : 0),\n (t.data[95] = i);\n } else if (11264 == (64512 & e))\n t.data[(496 & e) >> 4] = t.data[(15 & e) | ((512 & e) >> 5)];\n else if (256 == (65280 & e)) {\n const a = 2 * (15 & e),\n d = 2 * ((240 & e) >> 4);\n (t.data[d] = t.data[a]), (t.data[d + 1] = t.data[a + 1]);\n } else if (39936 == (64512 & e)) {\n const a =\n t.data[(496 & e) >> 4] * t.data[(15 & e) | ((512 & e) >> 5)];\n t.dataView.setUint16(0, a, !0),\n (t.data[95] =\n (252 & t.data[95]) | (65535 & a ? 0 : 2) | (32768 & a ? 1 : 0)),\n t.cycles++;\n } else if (512 == (65280 & e)) {\n const a =\n t.dataView.getInt8(16 + ((240 & e) >> 4)) *\n t.dataView.getInt8(16 + (15 & e));\n t.dataView.setInt16(0, a, !0),\n (t.data[95] =\n (252 & t.data[95]) | (65535 & a ? 0 : 2) | (32768 & a ? 1 : 0)),\n t.cycles++;\n } else if (768 == (65416 & e)) {\n const a =\n t.dataView.getInt8(16 + ((112 & e) >> 4)) * t.data[16 + (7 & e)];\n t.dataView.setInt16(0, a, !0),\n (t.data[95] =\n (252 & t.data[95]) | (65535 & a ? 0 : 2) | (32768 & a ? 1 : 0)),\n t.cycles++;\n } else if (37889 == (65039 & e)) {\n const a = (496 & e) >> 4,\n d = t.data[a],\n i = 0 - d;\n t.data[a] = i;\n let s = 192 & t.data[95];\n (s |= i ? 0 : 2),\n (s |= 128 & i ? 4 : 0),\n (s |= 128 === i ? 8 : 0),\n (s |= ((s >> 2) & 1) ^ ((s >> 3) & 1) ? 16 : 0),\n (s |= i ? 1 : 0),\n (s |= 1 & (i | d) ? 32 : 0),\n (t.data[95] = s);\n } else if (0 === e);\n else if (10240 == (64512 & e)) {\n const a =\n t.data[(496 & e) >> 4] | t.data[(15 & e) | ((512 & e) >> 5)];\n t.data[(496 & e) >> 4] = a;\n let d = 225 & t.data[95];\n (d |= a ? 0 : 2),\n (d |= 128 & a ? 4 : 0),\n (d |= ((d >> 2) & 1) ^ ((d >> 3) & 1) ? 16 : 0),\n (t.data[95] = d);\n } else if (24576 == (61440 & e)) {\n const a =\n t.data[16 + ((240 & e) >> 4)] | (15 & e) | ((3840 & e) >> 4);\n t.data[16 + ((240 & e) >> 4)] = a;\n let d = 225 & t.data[95];\n (d |= a ? 0 : 2),\n (d |= 128 & a ? 4 : 0),\n (d |= ((d >> 2) & 1) ^ ((d >> 3) & 1) ? 16 : 0),\n (t.data[95] = d);\n } else if (47104 == (63488 & e))\n t.writeData(\n 32 + ((15 & e) | ((1536 & e) >> 5)),\n t.data[(496 & e) >> 4]\n );\n else if (36879 == (65039 & e)) {\n const a = t.dataView.getUint16(93, !0) + 1;\n t.dataView.setUint16(93, a, !0),\n (t.data[(496 & e) >> 4] = t.data[a]),\n t.cycles++;\n } else if (37391 == (65039 & e)) {\n const a = t.dataView.getUint16(93, !0);\n (t.data[a] = t.data[(496 & e) >> 4]),\n t.dataView.setUint16(93, a - 1, !0),\n t.cycles++;\n } else if (53248 == (61440 & e)) {\n const a = (2047 & e) - (2048 & e ? 2048 : 0),\n d = t.pc + 1,\n i = t.dataView.getUint16(93, !0),\n { pc22Bits: s } = t;\n (t.data[i] = 255 & d),\n (t.data[i - 1] = (d >> 8) & 255),\n s && (t.data[i - 2] = (d >> 16) & 255),\n t.dataView.setUint16(93, i - (s ? 3 : 2), !0),\n (t.pc += a),\n (t.cycles += s ? 3 : 2);\n } else if (38152 === e) {\n const { pc22Bits: a } = t,\n e = t.dataView.getUint16(93, !0) + (a ? 3 : 2);\n t.dataView.setUint16(93, e, !0),\n (t.pc = (t.data[e - 1] << 8) + t.data[e] - 1),\n a && (t.pc |= t.data[e - 2] << 16),\n (t.cycles += a ? 4 : 3);\n } else if (38168 === e) {\n const { pc22Bits: a } = t,\n e = t.dataView.getUint16(93, !0) + (a ? 3 : 2);\n t.dataView.setUint16(93, e, !0),\n (t.pc = (t.data[e - 1] << 8) + t.data[e] - 1),\n a && (t.pc |= t.data[e - 2] << 16),\n (t.cycles += a ? 4 : 3),\n (t.data[95] |= 128);\n } else if (49152 == (61440 & e))\n (t.pc = t.pc + ((2047 & e) - (2048 & e ? 2048 : 0))), t.cycles++;\n else if (37895 == (65039 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = (a >>> 1) | ((1 & t.data[95]) << 7);\n t.data[(496 & e) >> 4] = d;\n let i = 224 & t.data[95];\n (i |= d ? 0 : 2),\n (i |= 128 & d ? 4 : 0),\n (i |= 1 & a ? 1 : 0),\n (i |= ((i >> 2) & 1) ^ (1 & i) ? 8 : 0),\n (i |= ((i >> 2) & 1) ^ ((i >> 3) & 1) ? 16 : 0),\n (t.data[95] = i);\n } else if (2048 == (64512 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = t.data[(15 & e) | ((512 & e) >> 5)];\n let i = t.data[95];\n const s = a - d - (1 & i);\n (t.data[(496 & e) >> 4] = s),\n (i =\n (192 & i) |\n (!s && (i >> 1) & 1 ? 2 : 0) |\n (d + (1 & i) > a ? 1 : 0)),\n (i |= 128 & s ? 4 : 0),\n (i |= (a ^ d) & (a ^ s) & 128 ? 8 : 0),\n (i |= ((i >> 2) & 1) ^ ((i >> 3) & 1) ? 16 : 0),\n (i |= 1 & ((~a & d) | (d & s) | (s & ~a)) ? 32 : 0),\n (t.data[95] = i);\n } else if (16384 == (61440 & e)) {\n const a = t.data[16 + ((240 & e) >> 4)],\n d = (15 & e) | ((3840 & e) >> 4);\n let i = t.data[95];\n const s = a - d - (1 & i);\n (t.data[16 + ((240 & e) >> 4)] = s),\n (i =\n (192 & i) |\n (!s && (i >> 1) & 1 ? 2 : 0) |\n (d + (1 & i) > a ? 1 : 0)),\n (i |= 128 & s ? 4 : 0),\n (i |= (a ^ d) & (a ^ s) & 128 ? 8 : 0),\n (i |= ((i >> 2) & 1) ^ ((i >> 3) & 1) ? 16 : 0),\n (i |= 1 & ((~a & d) | (d & s) | (s & ~a)) ? 32 : 0),\n (t.data[95] = i);\n } else if (39424 == (65280 & e)) {\n const a = 32 + ((248 & e) >> 3);\n t.writeData(a, t.readData(a) | (1 << (7 & e))), t.cycles++;\n } else if (39168 == (65280 & e)) {\n if (!(t.readData(32 + ((248 & e) >> 3)) & (1 << (7 & e)))) {\n const e = a(t.progMem[t.pc + 1]) ? 2 : 1;\n (t.cycles += e), (t.pc += e);\n }\n } else if (39680 == (65280 & e)) {\n if (t.readData(32 + ((248 & e) >> 3)) & (1 << (7 & e))) {\n const e = a(t.progMem[t.pc + 1]) ? 2 : 1;\n (t.cycles += e), (t.pc += e);\n }\n } else if (38656 == (65280 & e)) {\n const a = 2 * ((48 & e) >> 4) + 24,\n d = t.dataView.getUint16(a, !0),\n i = (15 & e) | ((192 & e) >> 2),\n s = d - i;\n t.dataView.setUint16(a, s, !0);\n let c = 192 & t.data[95];\n (c |= s ? 0 : 2),\n (c |= 32768 & s ? 4 : 0),\n (c |= d & ~s & 32768 ? 8 : 0),\n (c |= ((c >> 2) & 1) ^ ((c >> 3) & 1) ? 16 : 0),\n (c |= i > d ? 1 : 0),\n (c |= 1 & ((~d & i) | (i & s) | (s & ~d)) ? 32 : 0),\n (t.data[95] = c),\n t.cycles++;\n } else if (64512 == (65032 & e)) {\n if (!(t.data[(496 & e) >> 4] & (1 << (7 & e)))) {\n const e = a(t.progMem[t.pc + 1]) ? 2 : 1;\n (t.cycles += e), (t.pc += e);\n }\n } else if (65024 == (65032 & e)) {\n if (t.data[(496 & e) >> 4] & (1 << (7 & e))) {\n const e = a(t.progMem[t.pc + 1]) ? 2 : 1;\n (t.cycles += e), (t.pc += e);\n }\n } else if (38280 === e);\n else if (38376 === e);\n else if (38392 === e);\n else if (37376 == (65039 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = t.progMem[t.pc + 1];\n t.writeData(d, a), t.pc++, t.cycles++;\n } else if (37388 == (65039 & e))\n t.writeData(t.dataView.getUint16(26, !0), t.data[(496 & e) >> 4]),\n t.cycles++;\n else if (37389 == (65039 & e)) {\n const a = t.dataView.getUint16(26, !0);\n t.writeData(a, t.data[(496 & e) >> 4]),\n t.dataView.setUint16(26, a + 1, !0),\n t.cycles++;\n } else if (37390 == (65039 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = t.dataView.getUint16(26, !0) - 1;\n t.dataView.setUint16(26, d, !0), t.writeData(d, a), t.cycles++;\n } else if (33288 == (65039 & e))\n t.writeData(t.dataView.getUint16(28, !0), t.data[(496 & e) >> 4]),\n t.cycles++;\n else if (37385 == (65039 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = t.dataView.getUint16(28, !0);\n t.writeData(d, a), t.dataView.setUint16(28, d + 1, !0), t.cycles++;\n } else if (37386 == (65039 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = t.dataView.getUint16(28, !0) - 1;\n t.dataView.setUint16(28, d, !0), t.writeData(d, a), t.cycles++;\n } else if (\n 33288 == (53768 & e) &&\n (7 & e) | ((3072 & e) >> 7) | ((8192 & e) >> 8)\n )\n t.writeData(\n t.dataView.getUint16(28, !0) +\n ((7 & e) | ((3072 & e) >> 7) | ((8192 & e) >> 8)),\n t.data[(496 & e) >> 4]\n ),\n t.cycles++;\n else if (33280 == (65039 & e))\n t.writeData(t.dataView.getUint16(30, !0), t.data[(496 & e) >> 4]),\n t.cycles++;\n else if (37377 == (65039 & e)) {\n const a = t.dataView.getUint16(30, !0);\n t.writeData(a, t.data[(496 & e) >> 4]),\n t.dataView.setUint16(30, a + 1, !0),\n t.cycles++;\n } else if (37378 == (65039 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = t.dataView.getUint16(30, !0) - 1;\n t.dataView.setUint16(30, d, !0), t.writeData(d, a), t.cycles++;\n } else if (\n 33280 == (53768 & e) &&\n (7 & e) | ((3072 & e) >> 7) | ((8192 & e) >> 8)\n )\n t.writeData(\n t.dataView.getUint16(30, !0) +\n ((7 & e) | ((3072 & e) >> 7) | ((8192 & e) >> 8)),\n t.data[(496 & e) >> 4]\n ),\n t.cycles++;\n else if (6144 == (64512 & e)) {\n const a = t.data[(496 & e) >> 4],\n d = t.data[(15 & e) | ((512 & e) >> 5)],\n i = a - d;\n t.data[(496 & e) >> 4] = i;\n let s = 192 & t.data[95];\n (s |= i ? 0 : 2),\n (s |= 128 & i ? 4 : 0),\n (s |= (a ^ d) & (a ^ i) & 128 ? 8 : 0),\n (s |= ((s >> 2) & 1) ^ ((s >> 3) & 1) ? 16 : 0),\n (s |= d > a ? 1 : 0),\n (s |= 1 & ((~a & d) | (d & i) | (i & ~a)) ? 32 : 0),\n (t.data[95] = s);\n } else if (20480 == (61440 & e)) {\n const a = t.data[16 + ((240 & e) >> 4)],\n d = (15 & e) | ((3840 & e) >> 4),\n i = a - d;\n t.data[16 + ((240 & e) >> 4)] = i;\n let s = 192 & t.data[95];\n (s |= i ? 0 : 2),\n (s |= 128 & i ? 4 : 0),\n (s |= (a ^ d) & (a ^ i) & 128 ? 8 : 0),\n (s |= ((s >> 2) & 1) ^ ((s >> 3) & 1) ? 16 : 0),\n (s |= d > a ? 1 : 0),\n (s |= 1 & ((~a & d) | (d & i) | (i & ~a)) ? 32 : 0),\n (t.data[95] = s);\n } else if (37890 == (65039 & e)) {\n const a = (496 & e) >> 4,\n d = t.data[a];\n t.data[a] = ((15 & d) << 4) | ((240 & d) >>> 4);\n } else if (38312 === e);\n else if (37380 == (65039 & e)) {\n const a = (496 & e) >> 4,\n d = t.data[a],\n i = t.data[t.dataView.getUint16(30, !0)];\n (t.data[t.dataView.getUint16(30, !0)] = d), (t.data[a] = i);\n }\n (t.pc = (t.pc + 1) % t.progMem.length), t.cycles++;\n }\n Object.defineProperty(exports, \"__esModule\", { value: !0 }),\n (exports.avrInstruction = t);\n },\n {},\n ],\n x6vY: [\n function (require, module, exports) {\n \"use strict\";\n function t(t, e) {\n const a = t.dataView.getUint16(93, !0);\n (t.data[a] = 255 & t.pc),\n (t.data[a - 1] = (t.pc >> 8) & 255),\n t.dataView.setUint16(93, a - 2, !0),\n (t.data[95] &= 127),\n (t.cycles += 2),\n (t.pc = e);\n }\n Object.defineProperty(exports, \"__esModule\", { value: !0 }),\n (exports.avrInterrupt = t);\n },\n {},\n ],\n lglE: [\n function (require, module, exports) {\n \"use strict\";\n Object.defineProperty(exports, \"__esModule\", { value: !0 }),\n (exports.AVRIOPort =\n exports.PinOverrideMode =\n exports.PinState =\n exports.portLConfig =\n exports.portKConfig =\n exports.portJConfig =\n exports.portHConfig =\n exports.portGConfig =\n exports.portFConfig =\n exports.portEConfig =\n exports.portDConfig =\n exports.portCConfig =\n exports.portBConfig =\n exports.portAConfig =\n void 0);\n const t = { PIN: 32, DDR: 33, PORT: 34 };\n exports.portAConfig = t;\n const o = { PIN: 35, DDR: 36, PORT: 37 };\n exports.portBConfig = o;\n const e = { PIN: 38, DDR: 39, PORT: 40 };\n exports.portCConfig = e;\n const i = { PIN: 41, DDR: 42, PORT: 43 };\n exports.portDConfig = i;\n const s = { PIN: 44, DDR: 45, PORT: 46 };\n exports.portEConfig = s;\n const r = { PIN: 47, DDR: 48, PORT: 49 };\n exports.portFConfig = r;\n const n = { PIN: 50, DDR: 51, PORT: 52 };\n exports.portGConfig = n;\n const p = { PIN: 256, DDR: 257, PORT: 258 };\n exports.portHConfig = p;\n const a = { PIN: 259, DDR: 260, PORT: 261 };\n exports.portJConfig = a;\n const P = { PIN: 262, DDR: 263, PORT: 264 };\n exports.portKConfig = P;\n const h = { PIN: 265, DDR: 266, PORT: 267 };\n var l, d;\n (exports.portLConfig = h),\n (exports.PinState = l),\n (function (t) {\n (t[(t.Low = 0)] = \"Low\"),\n (t[(t.High = 1)] = \"High\"),\n (t[(t.Input = 2)] = \"Input\"),\n (t[(t.InputPullUp = 3)] = \"InputPullUp\");\n })(l || (exports.PinState = l = {})),\n (exports.PinOverrideMode = d),\n (function (t) {\n (t[(t.None = 0)] = \"None\"),\n (t[(t.Enable = 1)] = \"Enable\"),\n (t[(t.Set = 2)] = \"Set\"),\n (t[(t.Clear = 3)] = \"Clear\"),\n (t[(t.Toggle = 4)] = \"Toggle\");\n })(d || (exports.PinOverrideMode = d = {}));\n class R {\n constructor(t, o) {\n (this.cpu = t),\n (this.portConfig = o),\n (this.listeners = []),\n (this.pinValue = 0),\n (this.overrideMask = 255),\n (this.lastValue = 0),\n (this.lastDdr = 0),\n (t.writeHooks[o.DDR] = (e) => {\n const i = t.data[o.PORT];\n return (\n (t.data[o.DDR] = e),\n this.updatePinRegister(i, e),\n this.writeGpio(i, e),\n !0\n );\n }),\n (t.writeHooks[o.PORT] = (e) => {\n const i = t.data[o.DDR];\n return (\n (t.data[o.PORT] = e),\n this.updatePinRegister(e, i),\n this.writeGpio(e, i),\n !0\n );\n }),\n (t.writeHooks[o.PIN] = (e) => {\n const i = t.data[o.PORT],\n s = t.data[o.DDR],\n r = i ^ e;\n return (\n (t.data[o.PORT] = r),\n (t.data[o.PIN] = (t.data[o.PIN] & ~s) | (r & s)),\n this.writeGpio(r, s),\n !0\n );\n }),\n (t.gpioTimerHooks[o.PORT] = (e, i) => {\n const s = 1 << e;\n if (i == d.None) this.overrideMask |= s;\n else\n switch (((this.overrideMask &= ~s), i)) {\n case d.Enable:\n (this.overrideValue &= ~s),\n (this.overrideValue |= t.data[o.PORT] & s);\n break;\n case d.Set:\n this.overrideValue |= s;\n break;\n case d.Clear:\n this.overrideValue &= ~s;\n break;\n case d.Toggle:\n this.overrideValue ^= s;\n }\n this.writeGpio(t.data[o.PORT], t.data[o.DDR]);\n });\n }\n addListener(t) {\n this.listeners.push(t);\n }\n removeListener(t) {\n this.listeners = this.listeners.filter((o) => o !== t);\n }\n pinState(t) {\n const o = this.cpu.data[this.portConfig.DDR],\n e = this.cpu.data[this.portConfig.PORT],\n i = 1 << t;\n return o & i\n ? this.lastValue & i\n ? l.High\n : l.Low\n : e & i\n ? l.InputPullUp\n : l.Input;\n }\n setPin(t, o) {\n const e = 1 << t;\n (this.pinValue &= ~e),\n o && (this.pinValue |= e),\n this.updatePinRegister(\n this.cpu.data[this.portConfig.PORT],\n this.cpu.data[this.portConfig.DDR]\n );\n }\n updatePinRegister(t, o) {\n this.cpu.data[this.portConfig.PIN] = (this.pinValue & ~o) | (t & o);\n }\n writeGpio(t, o) {\n const e = ((t & this.overrideMask) | this.overrideValue) & o,\n i = this.lastValue;\n if (e !== i || o !== this.lastDdr) {\n (this.lastValue = e), (this.lastDdr = o);\n for (const t of this.listeners) t(e, i);\n }\n }\n }\n exports.AVRIOPort = R;\n },\n {},\n ],\n nPWZ: [\n function (require, module, exports) {\n \"use strict\";\n Object.defineProperty(exports, \"__esModule\", { value: !0 }),\n (exports.AVRTimer =\n exports.timer2Config =\n exports.timer1Config =\n exports.timer0Config =\n void 0);\n var t = require(\"../cpu/interrupt\"),\n e = require(\"./gpio\");\n const i = { 0: 0, 1: 1, 2: 8, 3: 64, 4: 256, 5: 1024, 6: 0, 7: 0 },\n o = 1,\n s = 2,\n r = 4,\n c = 1,\n p = 2,\n h = 4,\n n = {\n bits: 8,\n captureInterrupt: 0,\n compAInterrupt: 28,\n compBInterrupt: 30,\n ovfInterrupt: 32,\n TIFR: 53,\n OCRA: 71,\n OCRB: 72,\n ICR: 0,\n TCNT: 70,\n TCCRA: 68,\n TCCRB: 69,\n TCCRC: 0,\n TIMSK: 110,\n dividers: i,\n compPortA: e.portDConfig.PORT,\n compPinA: 6,\n compPortB: e.portDConfig.PORT,\n compPinB: 5,\n };\n exports.timer0Config = n;\n const a = {\n bits: 16,\n captureInterrupt: 20,\n compAInterrupt: 22,\n compBInterrupt: 24,\n ovfInterrupt: 26,\n TIFR: 54,\n OCRA: 136,\n OCRB: 138,\n ICR: 134,\n TCNT: 132,\n TCCRA: 128,\n TCCRB: 129,\n TCCRC: 130,\n TIMSK: 111,\n dividers: i,\n compPortA: e.portBConfig.PORT,\n compPinA: 1,\n compPortB: e.portBConfig.PORT,\n compPinB: 2,\n };\n exports.timer1Config = a;\n const C = {\n bits: 8,\n captureInterrupt: 0,\n compAInterrupt: 14,\n compBInterrupt: 16,\n ovfInterrupt: 18,\n TIFR: 55,\n OCRA: 179,\n OCRB: 180,\n ICR: 0,\n TCNT: 178,\n TCCRA: 176,\n TCCRB: 177,\n TCCRC: 0,\n TIMSK: 112,\n dividers: { 0: 0, 1: 1, 2: 8, 3: 32, 4: 64, 5: 128, 6: 256, 7: 1024 },\n compPortA: e.portBConfig.PORT,\n compPinA: 3,\n compPortB: e.portDConfig.PORT,\n compPinB: 3,\n };\n var m, u, d;\n (exports.timer2Config = C),\n (function (t) {\n (t[(t.Normal = 0)] = \"Normal\"),\n (t[(t.PWMPhaseCorrect = 1)] = \"PWMPhaseCorrect\"),\n (t[(t.CTC = 2)] = \"CTC\"),\n (t[(t.FastPWM = 3)] = \"FastPWM\"),\n (t[(t.PWMPhaseFrequencyCorrect = 4)] =\n \"PWMPhaseFrequencyCorrect\"),\n (t[(t.Reserved = 5)] = \"Reserved\");\n })(m || (m = {})),\n (function (t) {\n (t[(t.Max = 0)] = \"Max\"),\n (t[(t.Top = 1)] = \"Top\"),\n (t[(t.Bottom = 2)] = \"Bottom\");\n })(u || (u = {})),\n (function (t) {\n (t[(t.Immediate = 0)] = \"Immediate\"),\n (t[(t.Top = 1)] = \"Top\"),\n (t[(t.Bottom = 2)] = \"Bottom\");\n })(d || (d = {}));\n const T = 1,\n P = 2,\n B = [\n [m.Normal, 255, d.Immediate, u.Max],\n [m.PWMPhaseCorrect, 255, d.Top, u.Bottom],\n [m.CTC, T, d.Immediate, u.Max],\n [m.FastPWM, 255, d.Bottom, u.Max],\n [m.Reserved, 255, d.Immediate, u.Max],\n [m.PWMPhaseCorrect, T, d.Top, u.Bottom],\n [m.Reserved, 255, d.Immediate, u.Max],\n [m.FastPWM, T, d.Bottom, u.Top],\n ],\n M = [\n [m.Normal, 65535, d.Immediate, u.Max],\n [m.PWMPhaseCorrect, 255, d.Top, u.Bottom],\n [m.PWMPhaseCorrect, 511, d.Top, u.Bottom],\n [m.PWMPhaseCorrect, 1023, d.Top, u.Bottom],\n [m.CTC, T, d.Immediate, u.Max],\n [m.FastPWM, 255, d.Bottom, u.Top],\n [m.FastPWM, 511, d.Bottom, u.Top],\n [m.FastPWM, 1023, d.Bottom, u.Top],\n [m.PWMPhaseFrequencyCorrect, P, d.Bottom, u.Bottom],\n [m.PWMPhaseFrequencyCorrect, T, d.Bottom, u.Bottom],\n [m.PWMPhaseCorrect, P, d.Top, u.Bottom],\n [m.PWMPhaseCorrect, T, d.Top, u.Bottom],\n [m.CTC, P, d.Immediate, u.Max],\n [m.Reserved, 65535, d.Immediate, u.Max],\n [m.FastPWM, P, d.Bottom, u.Top],\n [m.FastPWM, T, d.Bottom, u.Top],\n ];\n function R(t) {\n switch (t) {\n case 1:\n return e.PinOverrideMode.Toggle;\n case 2:\n return e.PinOverrideMode.Clear;\n case 3:\n return e.PinOverrideMode.Set;\n default:\n return e.PinOverrideMode.Enable;\n }\n }\n class g {\n constructor(t, i) {\n if (\n ((this.cpu = t),\n (this.config = i),\n (this.lastCycle = 0),\n (this.ocrA = 0),\n (this.ocrB = 0),\n (this.icr = 0),\n (this.tcnt = 0),\n (this.tcntUpdated = !1),\n (this.countingUp = !0),\n (this.highByteTemp = 0),\n this.updateWGMConfig(),\n (this.cpu.readHooks[i.TCNT] = (t) => (\n this.tick(),\n 16 === this.config.bits &&\n (this.cpu.data[t + 1] = this.tcnt >> 8),\n (this.cpu.data[t] = 255 & this.tcnt)\n )),\n (this.cpu.writeHooks[i.TCNT] = (t) => {\n (this.tcnt = (this.highByteTemp << 8) | t),\n (this.tcntUpdated = !0),\n this.timerUpdated();\n }),\n (this.cpu.writeHooks[i.OCRA] = (t) => {\n this.ocrA = (this.highByteTemp << 8) | t;\n }),\n (this.cpu.writeHooks[i.OCRB] = (t) => {\n this.ocrB = (this.highByteTemp << 8) | t;\n }),\n (this.cpu.writeHooks[i.ICR] = (t) => {\n this.icr = (this.highByteTemp << 8) | t;\n }),\n 16 === this.config.bits)\n ) {\n const t = (t) => {\n this.highByteTemp = t;\n };\n (this.cpu.writeHooks[i.TCNT + 1] = t),\n (this.cpu.writeHooks[i.OCRA + 1] = t),\n (this.cpu.writeHooks[i.OCRB + 1] = t),\n (this.cpu.writeHooks[i.ICR + 1] = t);\n }\n (t.writeHooks[i.TCCRA] = (t) => (\n (this.cpu.data[i.TCCRA] = t),\n (this.compA = (t >> 6) & 3),\n this.updateCompA(\n this.compA ? e.PinOverrideMode.Enable : e.PinOverrideMode.None\n ),\n (this.compB = (t >> 4) & 3),\n this.updateCompB(\n this.compB ? e.PinOverrideMode.Enable : e.PinOverrideMode.None\n ),\n this.updateWGMConfig(),\n !0\n )),\n (t.writeHooks[i.TCCRB] = (t) => (\n (this.cpu.data[i.TCCRB] = t), this.updateWGMConfig(), !0\n ));\n }\n reset() {\n (this.lastCycle = 0), (this.ocrA = 0), (this.ocrB = 0);\n }\n get TIFR() {\n return this.cpu.data[this.config.TIFR];\n }\n set TIFR(t) {\n this.cpu.data[this.config.TIFR] = t;\n }\n get TCCRA() {\n return this.cpu.data[this.config.TCCRA];\n }\n get TCCRB() {\n return this.cpu.data[this.config.TCCRB];\n }\n get TIMSK() {\n return this.cpu.data[this.config.TIMSK];\n }\n get CS() {\n return 7 & this.TCCRB;\n }\n get WGM() {\n const t = 16 === this.config.bits ? 24 : 8;\n return ((this.TCCRB & t) >> 1) | (3 & this.TCCRA);\n }\n get TOP() {\n switch (this.topValue) {\n case T:\n return this.ocrA;\n case P:\n return this.icr;\n default:\n return this.topValue;\n }\n }\n updateWGMConfig() {\n const t = 16 === this.config.bits ? M : B,\n [e, i] = t[this.WGM];\n (this.timerMode = e), (this.topValue = i);\n }\n tick() {\n const e = this.config.dividers[this.CS],\n i = this.cpu.cycles - this.lastCycle;\n if (e && i >= e) {\n const t = Math.floor(i / e);\n this.lastCycle += t * e;\n const s = this.tcnt,\n { timerMode: r } = this,\n c =\n r === m.PWMPhaseCorrect || r === m.PWMPhaseFrequencyCorrect\n ? this.phasePwmCount(s, t)\n : (s + t) % (this.TOP + 1);\n this.tcntUpdated || ((this.tcnt = c), this.timerUpdated()),\n (r === m.Normal || r === m.FastPWM) &&\n s > c &&\n (this.TIFR |= o);\n }\n if (((this.tcntUpdated = !1), this.cpu.interruptsEnabled)) {\n const { TIFR: e, TIMSK: i } = this;\n e & o &&\n i & c &&\n ((0, t.avrInterrupt)(this.cpu, this.config.ovfInterrupt),\n (this.TIFR &= ~o)),\n e & s &&\n i & p &&\n ((0, t.avrInterrupt)(this.cpu, this.config.compAInterrupt),\n (this.TIFR &= ~s)),\n e & r &&\n i & h &&\n ((0, t.avrInterrupt)(this.cpu, this.config.compBInterrupt),\n (this.TIFR &= ~r));\n }\n }\n phasePwmCount(t, e) {\n for (; e > 0; )\n this.countingUp\n ? ++t !== this.TOP || this.tcntUpdated || (this.countingUp = !1)\n : --t ||\n this.tcntUpdated ||\n ((this.countingUp = !0), (this.TIFR |= o)),\n e--;\n return t;\n }\n timerUpdated() {\n const t = this.tcnt;\n this.ocrA &&\n t === this.ocrA &&\n ((this.TIFR |= s),\n this.timerMode === m.CTC && ((this.tcnt = 0), (this.TIFR |= o)),\n this.compA && this.updateCompPin(this.compA, \"A\")),\n this.ocrB &&\n t === this.ocrB &&\n ((this.TIFR |= r),\n this.compB && this.updateCompPin(this.compB, \"B\"));\n }\n updateCompPin(t, i) {\n let o = e.PinOverrideMode.None;\n const s = 3 === t,\n r = this.countingUp === s;\n switch (this.timerMode) {\n case m.Normal:\n case m.CTC:\n case m.FastPWM:\n o = R(t);\n break;\n case m.PWMPhaseCorrect:\n case m.PWMPhaseFrequencyCorrect:\n o = r ? e.PinOverrideMode.Set : e.PinOverrideMode.Clear;\n }\n o !== e.PinOverrideMode.None &&\n (\"A\" === i ? this.updateCompA(o) : this.updateCompB(o));\n }\n updateCompA(t) {\n const { compPortA: e, compPinA: i } = this.config,\n o = this.cpu.gpioTimerHooks[e];\n o && o(i, t, e);\n }\n updateCompB(t) {\n const { compPortB: e, compPinB: i } = this.config,\n o = this.cpu.gpioTimerHooks[e];\n o && o(i, t, e);\n }\n }\n exports.AVRTimer = g;\n },\n { \"../cpu/interrupt\": \"x6vY\", \"./gpio\": \"lglE\" },\n ],\n ZpWN: [\n function (require, module, exports) {\n \"use strict\";\n Object.defineProperty(exports, \"__esModule\", { value: !0 }),\n (exports.AVRUSART = exports.usart0Config = void 0);\n var t = require(\"../cpu/interrupt\");\n const i = {\n rxCompleteInterrupt: 36,\n dataRegisterEmptyInterrupt: 38,\n txCompleteInterrupt: 40,\n UCSRA: 192,\n UCSRB: 193,\n UCSRC: 194,\n UBRRL: 196,\n UBRRH: 197,\n UDR: 198,\n };\n exports.usart0Config = i;\n const s = 128,\n r = 64,\n e = 32,\n n = 16,\n a = 8,\n u = 4,\n c = 2,\n h = 1,\n o = 128,\n p = 64,\n R = 32,\n f = 16,\n C = 8,\n U = 4,\n d = 2,\n g = 1,\n S = 128,\n l = 64,\n A = 32,\n B = 16,\n m = 8,\n x = 4,\n I = 2,\n T = 1;\n class H {\n constructor(t, i, s) {\n (this.cpu = t),\n (this.config = i),\n (this.freqMHz = s),\n (this.onByteTransmit = null),\n (this.onLineTransmit = null),\n (this.lineBuffer = \"\"),\n (this.cpu.writeHooks[i.UCSRA] = (t) => (\n (this.cpu.data[i.UCSRA] = t | e | r), !0\n )),\n (this.cpu.writeHooks[i.UCSRB] = (t, s) => {\n t & C && !(s & C) && (this.cpu.data[i.UCSRA] |= e);\n }),\n (this.cpu.writeHooks[i.UDR] = (t) => {\n if (\n (this.onByteTransmit && this.onByteTransmit(t),\n this.onLineTransmit)\n ) {\n const i = String.fromCharCode(t);\n \"\\n\" === i\n ? (this.onLineTransmit(this.lineBuffer),\n (this.lineBuffer = \"\"))\n : (this.lineBuffer += i);\n }\n this.cpu.data[i.UCSRA] |= e | r;\n });\n }\n tick() {\n if (this.cpu.interruptsEnabled) {\n const i = this.cpu.data[this.config.UCSRA],\n n = this.cpu.data[this.config.UCSRB];\n i & e &&\n n & R &&\n ((0, t.avrInterrupt)(\n this.cpu,\n this.config.dataRegisterEmptyInterrupt\n ),\n (this.cpu.data[this.config.UCSRA] &= ~e)),\n n & r &&\n n & p &&\n ((0, t.avrInterrupt)(\n this.cpu,\n this.config.txCompleteInterrupt\n ),\n (this.cpu.data[this.config.UCSRA] &= ~r)),\n n & s &&\n i & o &&\n ((0, t.avrInterrupt)(\n this.cpu,\n this.config.rxCompleteInterrupt\n ),\n (this.cpu.data[this.config.UCSRA] &= ~s));\n }\n }\n get baudRate() {\n const t =\n (this.cpu.data[this.config.UBRRH] << 8) |\n this.cpu.data[this.config.UBRRL],\n i = this.cpu.data[this.config.UCSRA] & c ? 8 : 16;\n return Math.floor(this.freqMHz / (i * (1 + t)));\n }\n get bitsPerChar() {\n switch (\n ((this.cpu.data[this.config.UCSRA] & (x | I)) >> 1) |\n (this.cpu.data[this.config.UCSRB] & U)\n ) {\n case 0:\n return 5;\n case 1:\n return 6;\n case 2:\n return 7;\n case 3:\n return 8;\n default:\n case 7:\n return 9;\n }\n }\n }\n exports.AVRUSART = H;\n },\n { \"../cpu/interrupt\": \"x6vY\" },\n ],\n dpkw: [\n function (require, module, exports) {\n \"use strict\";\n Object.defineProperty(exports, \"__esModule\", { value: !0 }),\n (exports.AVRTWI =\n exports.NoopTWIEventHandler =\n exports.twiConfig =\n void 0);\n var t = require(\"../cpu/interrupt\");\n const e = 128,\n s = 64,\n i = 32,\n a = 16,\n c = 8,\n r = 4,\n n = 1,\n o = 248,\n h = 2,\n u = 1,\n p = 3,\n d = 254,\n l = 1,\n T = 0,\n W = 248,\n f = 8,\n R = 16,\n S = 24,\n w = 32,\n g = 40,\n v = 48,\n x = 56,\n C = 64,\n H = 72,\n m = 80,\n I = 88,\n k = {\n twiInterrupt: 48,\n TWBR: 184,\n TWSR: 185,\n TWAR: 186,\n TWDR: 187,\n TWCR: 188,\n TWAMR: 189,\n };\n exports.twiConfig = k;\n class y {\n constructor(t) {\n this.twi = t;\n }\n start() {\n this.twi.completeStart();\n }\n stop() {\n this.twi.completeStop();\n }\n connectToSlave() {\n this.twi.completeConnect(!1);\n }\n writeByte() {\n this.twi.completeWrite(!1);\n }\n readByte() {\n this.twi.completeRead(255);\n }\n }\n exports.NoopTWIEventHandler = y;\n class B {\n constructor(t, c, n) {\n (this.cpu = t),\n (this.config = c),\n (this.freqMHz = n),\n (this.eventHandler = new y(this)),\n (this.nextTick = null),\n this.updateStatus(W),\n (this.cpu.writeHooks[c.TWCR] = (t) => {\n const n = t & e;\n n && (t &= ~e);\n const { status: o } = this;\n if (n && t & r) {\n const e = this.cpu.data[this.config.TWDR];\n return (\n (this.nextTick = () => {\n if (t & i) this.eventHandler.start(o !== W);\n else if (t & a) this.eventHandler.stop();\n else if (o === f)\n this.eventHandler.connectToSlave(e >> 1, !(1 & e));\n else if (o === S || o === g)\n this.eventHandler.writeByte(e);\n else if (o === C || o === m) {\n const e = !!(t & s);\n this.eventHandler.readByte(e);\n }\n }),\n (this.cpu.data[c.TWCR] = t),\n !0\n );\n }\n });\n }\n tick() {\n if (\n (this.nextTick && (this.nextTick(), (this.nextTick = null)),\n this.cpu.interruptsEnabled)\n ) {\n const { TWCR: s, twiInterrupt: i } = this.config;\n this.cpu.data[s] & n &&\n this.cpu.data[s] & e &&\n ((0, t.avrInterrupt)(this.cpu, i), (this.cpu.data[s] &= ~e));\n }\n }\n get prescaler() {\n switch (this.cpu.data[this.config.TWSR] & p) {\n case 0:\n return 1;\n case 1:\n return 4;\n case 2:\n return 16;\n case 3:\n return 64;\n }\n throw new Error(\"Invalid prescaler value!\");\n }\n get sclFrequency() {\n return (\n this.freqMHz /\n (16 + 2 * this.cpu.data[this.config.TWBR] * this.prescaler)\n );\n }\n completeStart() {\n this.updateStatus(this.status === W ? f : R);\n }\n completeStop() {\n (this.cpu.data[this.config.TWCR] &= ~a), this.updateStatus(W);\n }\n completeConnect(t) {\n 1 & this.cpu.data[this.config.TWDR]\n ? this.updateStatus(t ? C : H)\n : this.updateStatus(t ? S : w);\n }\n completeWrite(t) {\n this.updateStatus(t ? g : v);\n }\n completeRead(t) {\n const e = !!(this.cpu.data[this.config.TWCR] & s);\n (this.cpu.data[this.config.TWDR] = t), this.updateStatus(e ? m : I);\n }\n get status() {\n return this.cpu.data[this.config.TWSR] & o;\n }\n updateStatus(t) {\n const { TWCR: s, TWSR: i } = this.config;\n (this.cpu.data[i] = (this.cpu.data[i] & ~o) | t),\n (this.cpu.data[s] |= e);\n }\n }\n exports.AVRTWI = B;\n },\n { \"../cpu/interrupt\": \"x6vY\" },\n ],\n jrrw: [\n function (require, module, exports) {\n \"use strict\";\n Object.defineProperty(exports, \"__esModule\", { value: !0 }),\n (exports.ADC = void 0);\n class t {\n constructor(t) {\n (this.cpu = t),\n (this.analogvalues = {}),\n (this.ADMUX = 124),\n (this.ADCSRA = 122),\n (this.ADCH = 121),\n (this.ADCL = 120),\n (t.writeHooks[this.ADCSRA] = (t) => {\n if (64 & t) {\n let s = this.cpu.data[this.ADMUX];\n const a =\n (s &= 15) in this.analogvalues\n ? this.analogvalues[s]\n : Math.floor(1024 * Math.random());\n return (\n (this.cpu.data[this.ADCL] = 255 & a),\n (this.cpu.data[this.ADCH] = (a >> 8) & 3),\n (this.cpu.data[this.ADCSRA] = -65 & t),\n !0\n );\n }\n });\n }\n setAnalogValue(t, s) {\n this.analogvalues[15 & t] = 1023 & s;\n }\n }\n exports.ADC = t;\n },\n {},\n ],\n QCba: [\n function (require, module, exports) {\n \"use strict\";\n Object.defineProperty(exports, \"__esModule\", { value: !0 });\n var e = {\n CPU: !0,\n ICPU: !0,\n CPUMemoryHook: !0,\n CPUMemoryHooks: !0,\n avrInstruction: !0,\n avrInterrupt: !0,\n AVRTimer: !0,\n timer0Config: !0,\n timer1Config: !0,\n timer2Config: !0,\n AVRIOPort: !0,\n GPIOListener: !0,\n AVRPortConfig: !0,\n portAConfig: !0,\n portBConfig: !0,\n portCConfig: !0,\n portDConfig: !0,\n portEConfig: !0,\n portFConfig: !0,\n portGConfig: !0,\n portHConfig: !0,\n portJConfig: !0,\n portKConfig: !0,\n portLConfig: !0,\n PinState: !0,\n AVRUSART: !0,\n usart0Config: !0,\n };\n Object.defineProperty(exports, \"CPU\", {\n enumerable: !0,\n get: function () {\n return r.CPU;\n },\n }),\n Object.defineProperty(exports, \"ICPU\", {\n enumerable: !0,\n get: function () {\n return r.ICPU;\n },\n }),\n Object.defineProperty(exports, \"CPUMemoryHook\", {\n enumerable: !0,\n get: function () {\n return r.CPUMemoryHook;\n },\n }),\n Object.defineProperty(exports, \"CPUMemoryHooks\", {\n enumerable: !0,\n get: function () {\n return r.CPUMemoryHooks;\n },\n }),\n Object.defineProperty(exports, \"avrInstruction\", {\n enumerable: !0,\n get: function () {\n return t.avrInstruction;\n },\n }),\n Object.defineProperty(exports, \"avrInterrupt\", {\n enumerable: !0,\n get: function () {\n return n.avrInterrupt;\n },\n }),\n Object.defineProperty(exports, \"AVRTimer\", {\n enumerable: !0,\n get: function () {\n return o.AVRTimer;\n },\n }),\n Object.defineProperty(exports, \"timer0Config\", {\n enumerable: !0,\n get: function () {\n return o.timer0Config;\n },\n }),\n Object.defineProperty(exports, \"timer1Config\", {\n enumerable: !0,\n get: function () {\n return o.timer1Config;\n },\n }),\n Object.defineProperty(exports, \"timer2Config\", {\n enumerable: !0,\n get: function () {\n return o.timer2Config;\n },\n }),\n Object.defineProperty(exports, \"AVRIOPort\", {\n enumerable: !0,\n get: function () {\n return i.AVRIOPort;\n },\n }),\n Object.defineProperty(exports, \"GPIOListener\", {\n enumerable: !0,\n get: function () {\n return i.GPIOListener;\n },\n }),\n Object.defineProperty(exports, \"AVRPortConfig\", {\n enumerable: !0,\n get: function () {\n return i.AVRPortConfig;\n },\n }),\n Object.defineProperty(exports, \"portAConfig\", {\n enumerable: !0,\n get: function () {\n return i.portAConfig;\n },\n }),\n Object.defineProperty(exports, \"portBConfig\", {\n enumerable: !0,\n get: function () {\n return i.portBConfig;\n },\n }),\n Object.defineProperty(exports, \"portCConfig\", {\n enumerable: !0,\n get: function () {\n return i.portCConfig;\n },\n }),\n Object.defineProperty(exports, \"portDConfig\", {\n enumerable: !0,\n get: function () {\n return i.portDConfig;\n },\n }),\n Object.defineProperty(exports, \"portEConfig\", {\n enumerable: !0,\n get: function () {\n return i.portEConfig;\n },\n }),\n Object.defineProperty(exports, \"portFConfig\", {\n enumerable: !0,\n get: function () {\n return i.portFConfig;\n },\n }),\n Object.defineProperty(exports, \"portGConfig\", {\n enumerable: !0,\n get: function () {\n return i.portGConfig;\n },\n }),\n Object.defineProperty(exports, \"portHConfig\", {\n enumerable: !0,\n get: function () {\n return i.portHConfig;\n },\n }),\n Object.defineProperty(exports, \"portJConfig\", {\n enumerable: !0,\n get: function () {\n return i.portJConfig;\n },\n }),\n Object.defineProperty(exports, \"portKConfig\", {\n enumerable: !0,\n get: function () {\n return i.portKConfig;\n },\n }),\n Object.defineProperty(exports, \"portLConfig\", {\n enumerable: !0,\n get: function () {\n return i.portLConfig;\n },\n }),\n Object.defineProperty(exports, \"PinState\", {\n enumerable: !0,\n get: function () {\n return i.PinState;\n },\n }),\n Object.defineProperty(exports, \"AVRUSART\", {\n enumerable: !0,\n get: function () {\n return u.AVRUSART;\n },\n }),\n Object.defineProperty(exports, \"usart0Config\", {\n enumerable: !0,\n get: function () {\n return u.usart0Config;\n },\n });\n var r = require(\"./cpu/cpu\"),\n t = require(\"./cpu/instruction\"),\n n = require(\"./cpu/interrupt\"),\n o = require(\"./peripherals/timer\"),\n i = require(\"./peripherals/gpio\"),\n u = require(\"./peripherals/usart\"),\n p = require(\"./peripherals/twi\");\n Object.keys(p).forEach(function (r) {\n \"default\" !== r &&\n \"__esModule\" !== r &&\n (Object.prototype.hasOwnProperty.call(e, r) ||\n Object.defineProperty(exports, r, {\n enumerable: !0,\n get: function () {\n return p[r];\n },\n }));\n });\n var f = require(\"./peripherals/adc\");\n Object.keys(f).forEach(function (r) {\n \"default\" !== r &&\n \"__esModule\" !== r &&\n (Object.prototype.hasOwnProperty.call(e, r) ||\n Object.defineProperty(exports, r, {\n enumerable: !0,\n get: function () {\n return f[r];\n },\n }));\n });\n },\n {\n \"./cpu/cpu\": \"MkOI\",\n \"./cpu/instruction\": \"deE9\",\n \"./cpu/interrupt\": \"x6vY\",\n \"./peripherals/timer\": \"nPWZ\",\n \"./peripherals/gpio\": \"lglE\",\n \"./peripherals/usart\": \"ZpWN\",\n \"./peripherals/twi\": \"dpkw\",\n \"./peripherals/adc\": \"jrrw\",\n },\n ],\n },\n {},\n [\"QCba\"],\n \"AVR8\"\n);\n//# sourceMappingURL=/index.js.map\n" }, { "path": "ArduinoFrontend/src/assets/canvg/index.babel.js", "content": "import requestAnimationFrame from 'raf';\nimport RGBColor from 'rgbcolor';\nimport { canvasRGBA } from 'stackblur-canvas';\n\n/**\n * HTML-safe compress white-spaces.\n * @param str - String to compress.\n */\nfunction compressSpaces(str) {\n return str.replace(/(?!\\u3000)\\s+/gm, ' ');\n}\n/**\n * HTML-safe left trim.\n * @param str - String to trim.\n */\nfunction trimLeft(str) {\n return str.replace(/^[\\n \\t]+/, '');\n}\n/**\n * HTML-safe right trim.\n * @param str - String to trim.\n */\nfunction trimRight(str) {\n return str.replace(/[\\n \\t]+$/, '');\n}\n/**\n * String to numbers array.\n * @param str - Numbers string.\n */\nfunction toNumbers(str) {\n const matches = (str || '').match(/-?(\\d+(?:\\.\\d*(?:[eE][+-]?\\d+)?)?|\\.\\d+)(?=\\D|$)/gm) || [];\n return matches.map(parseFloat);\n}\n// Microsoft Edge fix\nconst allUppercase = /^[A-Z-]+$/;\n/**\n * Normalize attribute name.\n * @param name - Attribute name.\n */\nfunction normalizeAttributeName(name) {\n if (allUppercase.test(name)) {\n return name.toLowerCase();\n }\n return name;\n}\n/**\n * Parse external URL.\n * @param url - CSS url string.\n */\nfunction parseExternalUrl(url) {\n // single quotes [2]\n // v double quotes [3]\n // v v no quotes [4]\n // v v v\n const urlMatch = url.match(/url\\(('([^']+)'|\"([^\"]+)\"|([^'\"\\)]+))\\)/) || [];\n return urlMatch[2] || urlMatch[3] || urlMatch[4];\n}\n\n// slightly modified version of https://github.com/keeganstreet/specificity/blob/master/specificity.js\nconst attributeRegex = /(\\[[^\\]]+\\])/g;\nconst idRegex = /(#[^\\s\\+>~\\.\\[:]+)/g;\nconst classRegex = /(\\.[^\\s\\+>~\\.\\[:]+)/g;\nconst pseudoElementRegex = /(::[^\\s\\+>~\\.\\[:]+|:first-line|:first-letter|:before|:after)/gi;\nconst pseudoClassWithBracketsRegex = /(:[\\w-]+\\([^\\)]*\\))/gi;\nconst pseudoClassRegex = /(:[^\\s\\+>~\\.\\[:]+)/g;\nconst elementRegex = /([^\\s\\+>~\\.\\[:]+)/g;\nfunction findSelectorMatch(selector, regex) {\n const matches = selector.match(regex);\n if (!matches) {\n return [\n selector,\n 0\n ];\n }\n return [\n selector.replace(regex, ' '),\n matches.length\n ];\n}\n/**\n * Measure selector specificity.\n * @param selector - Selector to measure.\n */\nfunction getSelectorSpecificity(selector) {\n const specificity = [0, 0, 0];\n let currentSelector = selector\n .replace(/:not\\(([^\\)]*)\\)/g, ' $1 ')\n .replace(/{[\\s\\S]*/gm, ' ');\n let delta = 0;\n [currentSelector, delta] = findSelectorMatch(currentSelector, attributeRegex);\n specificity[1] += delta;\n [currentSelector, delta] = findSelectorMatch(currentSelector, idRegex);\n specificity[0] += delta;\n [currentSelector, delta] = findSelectorMatch(currentSelector, classRegex);\n specificity[1] += delta;\n [currentSelector, delta] = findSelectorMatch(currentSelector, pseudoElementRegex);\n specificity[2] += delta;\n [currentSelector, delta] = findSelectorMatch(currentSelector, pseudoClassWithBracketsRegex);\n specificity[1] += delta;\n [currentSelector, delta] = findSelectorMatch(currentSelector, pseudoClassRegex);\n specificity[1] += delta;\n currentSelector = currentSelector\n .replace(/[\\*\\s\\+>~]/g, ' ')\n .replace(/[#\\.]/g, ' ');\n [currentSelector, delta] = findSelectorMatch(currentSelector, elementRegex); // lgtm [js/useless-assignment-to-local]\n specificity[2] += delta;\n return specificity.join('');\n}\n\nconst PSEUDO_ZERO = .00000001;\n/**\n * Vector magnitude.\n */\nfunction vectorMagnitude(v) {\n return Math.sqrt(Math.pow(v[0], 2) + Math.pow(v[1], 2));\n}\n/**\n * Ratio between two vectors.\n */\nfunction vectorsRatio(u, v) {\n return (u[0] * v[0] + u[1] * v[1]) / (vectorMagnitude(u) * vectorMagnitude(v));\n}\n/**\n * Angle between two vectors.\n */\nfunction vectorsAngle(u, v) {\n return (u[0] * v[1] < u[1] * v[0] ? -1 : 1) * Math.acos(vectorsRatio(u, v));\n}\nfunction CB1(t) {\n return t * t * t;\n}\nfunction CB2(t) {\n return 3 * t * t * (1 - t);\n}\nfunction CB3(t) {\n return 3 * t * (1 - t) * (1 - t);\n}\nfunction CB4(t) {\n return (1 - t) * (1 - t) * (1 - t);\n}\nfunction QB1(t) {\n return t * t;\n}\nfunction QB2(t) {\n return 2 * t * (1 - t);\n}\nfunction QB3(t) {\n return (1 - t) * (1 - t);\n}\n\nclass Property {\n constructor(document, name, value) {\n this.document = document;\n this.name = name;\n this.value = value;\n }\n static empty(document) {\n return new Property(document, 'EMPTY', '');\n }\n hasValue() {\n const { value } = this;\n return value !== null\n && value !== ''\n && value !== 0\n && typeof value !== 'undefined';\n }\n isString(regexp) {\n const { value } = this;\n const result = typeof value === 'string';\n if (!result || !regexp) {\n return result;\n }\n return regexp.test(value);\n }\n isUrlDefinition() {\n return this.isString(/^url\\(/);\n }\n isPixels() {\n if (!this.hasValue()) {\n return false;\n }\n const asString = this.getString();\n switch (true) {\n case /px$/.test(asString):\n case /^[0-9]+$/.test(asString):\n return true;\n default:\n return false;\n }\n }\n setValue(value) {\n this.value = value;\n return this;\n }\n getValue(def) {\n if (typeof def === 'undefined' || this.hasValue()) {\n return this.value;\n }\n return def;\n }\n getNumber(def) {\n if (!this.hasValue()) {\n if (typeof def === 'undefined') {\n return 0;\n }\n return parseFloat(def);\n }\n const { value } = this;\n let n = parseFloat(value);\n if (this.isString(/%$/)) {\n n = n / 100.0;\n }\n return n;\n }\n getString(def) {\n if (typeof def === 'undefined' || this.hasValue()) {\n return typeof this.value === 'undefined'\n ? ''\n : String(this.value);\n }\n return String(def);\n }\n getDpi() {\n return 96.0; // TODO: compute?\n }\n getRem() {\n return this.document.rootEmSize;\n }\n getEm() {\n return this.document.emSize;\n }\n getUnits() {\n return this.getString().replace(/[0-9\\.\\-]/g, '');\n }\n getPixels(axisOrIsFontSize, processPercent = false) {\n if (!this.hasValue()) {\n return 0;\n }\n const [axis, isFontSize] = typeof axisOrIsFontSize === 'boolean'\n ? [undefined, axisOrIsFontSize]\n : [axisOrIsFontSize];\n const { viewPort } = this.document.screen;\n switch (true) {\n case this.isString(/vmin$/):\n return this.getNumber()\n / 100.0\n * Math.min(viewPort.computeSize('x'), viewPort.computeSize('y'));\n case this.isString(/vmax$/):\n return this.getNumber()\n / 100.0\n * Math.max(viewPort.computeSize('x'), viewPort.computeSize('y'));\n case this.isString(/vw$/):\n return this.getNumber()\n / 100.0\n * viewPort.computeSize('x');\n case this.isString(/vh$/):\n return this.getNumber()\n / 100.0\n * viewPort.computeSize('y');\n case this.isString(/rem$/):\n return this.getNumber() * this.getRem( /* viewPort */);\n case this.isString(/em$/):\n return this.getNumber() * this.getEm( /* viewPort */);\n case this.isString(/ex$/):\n return this.getNumber() * this.getEm( /* viewPort */) / 2.0;\n case this.isString(/px$/):\n return this.getNumber();\n case this.isString(/pt$/):\n return this.getNumber() * this.getDpi( /* viewPort */) * (1.0 / 72.0);\n case this.isString(/pc$/):\n return this.getNumber() * 15;\n case this.isString(/cm$/):\n return this.getNumber() * this.getDpi( /* viewPort */) / 2.54;\n case this.isString(/mm$/):\n return this.getNumber() * this.getDpi( /* viewPort */) / 25.4;\n case this.isString(/in$/):\n return this.getNumber() * this.getDpi( /* viewPort */);\n case this.isString(/%$/) && isFontSize:\n return this.getNumber() * this.getEm( /* viewPort */);\n case this.isString(/%$/):\n return this.getNumber() * viewPort.computeSize(axis);\n default: {\n const n = this.getNumber();\n if (processPercent && n < 1.0) {\n return n * viewPort.computeSize(axis);\n }\n return n;\n }\n }\n }\n getMilliseconds() {\n if (!this.hasValue()) {\n return 0;\n }\n if (this.isString(/ms$/)) {\n return this.getNumber();\n }\n return this.getNumber() * 1000;\n }\n getRadians() {\n if (!this.hasValue()) {\n return 0;\n }\n switch (true) {\n case this.isString(/deg$/):\n return this.getNumber() * (Math.PI / 180.0);\n case this.isString(/grad$/):\n return this.getNumber() * (Math.PI / 200.0);\n case this.isString(/rad$/):\n return this.getNumber();\n default:\n return this.getNumber() * (Math.PI / 180.0);\n }\n }\n getDefinition() {\n const asString = this.getString();\n let name = asString.match(/#([^\\)'\"]+)/);\n if (name) {\n name = name[1];\n }\n if (!name) {\n name = asString;\n }\n return this.document.definitions[name];\n }\n getFillStyleDefinition(element, opacity) {\n let def = this.getDefinition();\n if (!def) {\n return null;\n }\n // gradient\n if (typeof def.createGradient === 'function') {\n return def.createGradient(this.document.ctx, element, opacity);\n }\n // pattern\n if (typeof def.createPattern === 'function') {\n if (def.getHrefAttribute().hasValue()) {\n const patternTransform = def.getAttribute('patternTransform');\n def = def.getHrefAttribute().getDefinition();\n if (patternTransform.hasValue()) {\n def.getAttribute('patternTransform', true).setValue(patternTransform.value);\n }\n }\n return def.createPattern(this.document.ctx, element, opacity);\n }\n return null;\n }\n getTextBaseline() {\n if (!this.hasValue()) {\n return null;\n }\n return Property.textBaselineMapping[this.getString()];\n }\n addOpacity(opacity) {\n let { value } = this;\n const len = value.length;\n let commas = 0;\n // Simulate old RGBColor version, which can't parse rgba.\n for (let i = 0; i < len; i++) {\n if (value[i] === ',') {\n commas++;\n }\n if (commas === 3) {\n break;\n }\n }\n if (opacity.hasValue() && this.isString() && commas !== 3) {\n const color = new RGBColor(value);\n if (color.ok) {\n value = `rgba(${color.r}, ${color.g}, ${color.b}, ${opacity.getNumber()})`;\n }\n }\n return new Property(this.document, this.name, value);\n }\n}\nProperty.textBaselineMapping = {\n 'baseline': 'alphabetic',\n 'before-edge': 'top',\n 'text-before-edge': 'top',\n 'middle': 'middle',\n 'central': 'middle',\n 'after-edge': 'bottom',\n 'text-after-edge': 'bottom',\n 'ideographic': 'ideographic',\n 'alphabetic': 'alphabetic',\n 'hanging': 'hanging',\n 'mathematical': 'alphabetic'\n};\n\nclass ViewPort {\n constructor() {\n this.viewPorts = [];\n }\n clear() {\n this.viewPorts = [];\n }\n setCurrent(width, height) {\n this.viewPorts.push({\n width,\n height\n });\n }\n removeCurrent() {\n this.viewPorts.pop();\n }\n getCurrent() {\n const { viewPorts } = this;\n return viewPorts[viewPorts.length - 1];\n }\n get width() {\n return this.getCurrent().width;\n }\n get height() {\n return this.getCurrent().height;\n }\n computeSize(d) {\n if (typeof d === 'number') {\n return d;\n }\n if (d === 'x') {\n return this.width;\n }\n if (d === 'y') {\n return this.height;\n }\n return Math.sqrt(Math.pow(this.width, 2) + Math.pow(this.height, 2)) / Math.sqrt(2);\n }\n}\n\nclass Point {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n }\n static parse(point, defaultValue = 0) {\n const [x = defaultValue, y = x] = toNumbers(point);\n return new Point(x, y);\n }\n static parsePath(path) {\n const points = toNumbers(path);\n const len = points.length;\n const pathPoints = [];\n for (let i = 0; i < len; i += 2) {\n pathPoints.push(new Point(points[i], points[i + 1]));\n }\n return pathPoints;\n }\n angleTo(point) {\n return Math.atan2(point.y - this.y, point.x - this.x);\n }\n applyTransform(transform) {\n const { x, y } = this;\n const xp = x * transform[0] + y * transform[2] + transform[4];\n const yp = x * transform[1] + y * transform[3] + transform[5];\n this.x = xp;\n this.y = yp;\n }\n}\n\nclass Mouse {\n constructor(screen) {\n this.screen = screen;\n this.working = false;\n this.events = [];\n this.eventElements = [];\n this.onClick = this.onClick.bind(this);\n this.onMouseMove = this.onMouseMove.bind(this);\n }\n isWorking() {\n return this.working;\n }\n start() {\n if (this.working) {\n return;\n }\n const { screen, onClick, onMouseMove } = this;\n const canvas = screen.ctx.canvas;\n canvas.onclick = onClick;\n canvas.onmousemove = onMouseMove;\n this.working = true;\n }\n stop() {\n if (!this.working) {\n return;\n }\n const canvas = this.screen.ctx.canvas;\n this.working = false;\n canvas.onclick = null;\n canvas.onmousemove = null;\n }\n hasEvents() {\n return this.working && this.events.length > 0;\n }\n runEvents() {\n if (!this.working) {\n return;\n }\n const { screen: document, events, eventElements } = this;\n const { style } = document.ctx.canvas;\n if (style) {\n style.cursor = '';\n }\n events.forEach(({ run }, i) => {\n let element = eventElements[i];\n while (element) {\n run(element);\n element = element.parent;\n }\n });\n // done running, clear\n this.events = [];\n this.eventElements = [];\n }\n checkPath(element, ctx) {\n if (!this.working || !ctx) {\n return;\n }\n const { events, eventElements } = this;\n events.forEach(({ x, y }, i) => {\n if (!eventElements[i] && ctx.isPointInPath && ctx.isPointInPath(x, y)) {\n eventElements[i] = element;\n }\n });\n }\n checkBoundingBox(element, boundingBox) {\n if (!this.working || !boundingBox) {\n return;\n }\n const { events, eventElements } = this;\n events.forEach(({ x, y }, i) => {\n if (!eventElements[i] && boundingBox.isPointInBox(x, y)) {\n eventElements[i] = element;\n }\n });\n }\n mapXY(x, y) {\n const { window, ctx } = this.screen;\n const point = new Point(x, y);\n let element = ctx.canvas;\n while (element) {\n point.x -= element.offsetLeft;\n point.y -= element.offsetTop;\n element = element.offsetParent;\n }\n if (window.scrollX) {\n point.x += window.scrollX;\n }\n if (window.scrollY) {\n point.y += window.scrollY;\n }\n return point;\n }\n onClick(evt) {\n const { x, y } = this.mapXY((evt || event).clientX, (evt || event).clientY);\n this.events.push({\n type: 'onclick',\n x,\n y,\n run(event) {\n if (event.onClick) {\n event.onClick();\n }\n }\n });\n }\n onMouseMove(evt) {\n const { x, y } = this.mapXY((evt || event).clientX, (evt || event).clientY);\n this.events.push({\n type: 'onmousemove',\n x,\n y,\n run(event) {\n if (event.onMouseMove) {\n event.onMouseMove();\n }\n }\n });\n }\n}\n\nconst defaultWindow = typeof window !== 'undefined'\n ? window\n : null;\nconst defaultFetch = typeof fetch !== 'undefined'\n ? fetch.bind(window)\n : null;\nclass Screen {\n constructor(ctx, { fetch = defaultFetch, window = defaultWindow } = {}) {\n this.ctx = ctx;\n this.FRAMERATE = 30;\n this.MAX_VIRTUAL_PIXELS = 30000;\n this.CLIENT_WIDTH = 800;\n this.CLIENT_HEIGHT = 600;\n this.viewPort = new ViewPort();\n this.mouse = new Mouse(this);\n this.animations = [];\n this.waits = [];\n this.frameDuration = 0;\n this.isReadyLock = false;\n this.isFirstRender = true;\n this.intervalId = null;\n this.window = window;\n this.fetch = fetch;\n }\n wait(checker) {\n this.waits.push(checker);\n }\n ready() {\n if (!this.readyPromise) {\n return Promise.resolve();\n }\n return this.readyPromise;\n }\n isReady() {\n if (this.isReadyLock) {\n return true;\n }\n const isReadyLock = this.waits.every(_ => _());\n if (isReadyLock) {\n this.waits = [];\n if (this.resolveReady) {\n this.resolveReady();\n }\n }\n this.isReadyLock = isReadyLock;\n return isReadyLock;\n }\n setDefaults(ctx) {\n // initial values and defaults\n ctx.strokeStyle = 'rgba(0,0,0,0)';\n ctx.lineCap = 'butt';\n ctx.lineJoin = 'miter';\n ctx.miterLimit = 4;\n }\n setViewBox({ document, ctx, aspectRatio, width, desiredWidth, height, desiredHeight, minX = 0, minY = 0, refX, refY, clip = false, clipX = 0, clipY = 0 }) {\n // aspect ratio - http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute\n const cleanAspectRatio = compressSpaces(aspectRatio).replace(/^defer\\s/, ''); // ignore defer\n const [aspectRatioAlign, aspectRatioMeetOrSlice] = cleanAspectRatio.split(' ');\n const align = aspectRatioAlign || 'xMidYMid';\n const meetOrSlice = aspectRatioMeetOrSlice || 'meet';\n // calculate scale\n const scaleX = width / desiredWidth;\n const scaleY = height / desiredHeight;\n const scaleMin = Math.min(scaleX, scaleY);\n const scaleMax = Math.max(scaleX, scaleY);\n let finalDesiredWidth = desiredWidth;\n let finalDesiredHeight = desiredHeight;\n if (meetOrSlice === 'meet') {\n finalDesiredWidth *= scaleMin;\n finalDesiredHeight *= scaleMin;\n }\n if (meetOrSlice === 'slice') {\n finalDesiredWidth *= scaleMax;\n finalDesiredHeight *= scaleMax;\n }\n const refXProp = new Property(document, 'refX', refX);\n const refYProp = new Property(document, 'refY', refY);\n const hasRefs = refXProp.hasValue() && refYProp.hasValue();\n if (hasRefs) {\n ctx.translate(-scaleMin * refXProp.getPixels('x'), -scaleMin * refYProp.getPixels('y'));\n }\n if (clip) {\n const scaledClipX = scaleMin * clipX;\n const scaledClipY = scaleMin * clipY;\n ctx.beginPath();\n ctx.moveTo(scaledClipX, scaledClipY);\n ctx.lineTo(width, scaledClipY);\n ctx.lineTo(width, height);\n ctx.lineTo(scaledClipX, height);\n ctx.closePath();\n ctx.clip();\n }\n if (!hasRefs) {\n const isMeetMinY = meetOrSlice === 'meet' && scaleMin === scaleY;\n const isSliceMaxY = meetOrSlice === 'slice' && scaleMax === scaleY;\n const isMeetMinX = meetOrSlice === 'meet' && scaleMin === scaleX;\n const isSliceMaxX = meetOrSlice === 'slice' && scaleMax === scaleX;\n if (/^xMid/.test(align) && (isMeetMinY || isSliceMaxY)) {\n ctx.translate(width / 2.0 - finalDesiredWidth / 2.0, 0);\n }\n if (/YMid$/.test(align) && (isMeetMinX || isSliceMaxX)) {\n ctx.translate(0, height / 2.0 - finalDesiredHeight / 2.0);\n }\n if (/^xMax/.test(align) && (isMeetMinY || isSliceMaxY)) {\n ctx.translate(width - finalDesiredWidth, 0);\n }\n if (/YMax$/.test(align) && (isMeetMinX || isSliceMaxX)) {\n ctx.translate(0, height - finalDesiredHeight);\n }\n }\n // scale\n switch (true) {\n case align === 'none':\n ctx.scale(scaleX, scaleY);\n break;\n case meetOrSlice === 'meet':\n ctx.scale(scaleMin, scaleMin);\n break;\n case meetOrSlice === 'slice':\n ctx.scale(scaleMax, scaleMax);\n break;\n }\n // translate\n ctx.translate(-minX, -minY);\n }\n start(element, { enableRedraw = false, ignoreMouse = false, ignoreAnimation = false, ignoreDimensions = false, ignoreClear = false, forceRedraw, scaleWidth, scaleHeight, offsetX, offsetY } = {}) {\n const { FRAMERATE, mouse } = this;\n const frameDuration = 1000 / FRAMERATE;\n this.frameDuration = frameDuration;\n this.readyPromise = new Promise((resolve) => {\n this.resolveReady = resolve;\n });\n if (this.isReady()) {\n this.render(element, ignoreDimensions, ignoreClear, scaleWidth, scaleHeight, offsetX, offsetY);\n }\n if (!enableRedraw) {\n return;\n }\n let now = Date.now();\n let then = now;\n let delta = 0;\n const tick = () => {\n now = Date.now();\n delta = now - then;\n if (delta >= frameDuration) {\n then = now - (delta % frameDuration);\n if (this.shouldUpdate(ignoreAnimation, forceRedraw)) {\n this.render(element, ignoreDimensions, ignoreClear, scaleWidth, scaleHeight, offsetX, offsetY);\n mouse.runEvents();\n }\n }\n this.intervalId = requestAnimationFrame(tick);\n };\n if (!ignoreMouse) {\n mouse.start();\n }\n this.intervalId = requestAnimationFrame(tick);\n }\n stop() {\n if (this.intervalId) {\n requestAnimationFrame.cancel(this.intervalId);\n this.intervalId = null;\n }\n this.mouse.stop();\n }\n shouldUpdate(ignoreAnimation, forceRedraw) {\n // need update from animations?\n if (!ignoreAnimation) {\n const { frameDuration } = this;\n const shouldUpdate = this.animations.reduce((shouldUpdate, animation) => animation.update(frameDuration) || shouldUpdate, false);\n if (shouldUpdate) {\n return true;\n }\n }\n // need update from redraw?\n if (typeof forceRedraw === 'function' && forceRedraw()) {\n return true;\n }\n if (!this.isReadyLock && this.isReady()) {\n return true;\n }\n // need update from mouse events?\n if (this.mouse.hasEvents()) {\n return true;\n }\n return false;\n }\n render(element, ignoreDimensions, ignoreClear, scaleWidth, scaleHeight, offsetX, offsetY) {\n const { CLIENT_WIDTH, CLIENT_HEIGHT, viewPort, ctx, isFirstRender } = this;\n const canvas = ctx.canvas;\n viewPort.clear();\n if (canvas.width && canvas.height) {\n viewPort.setCurrent(canvas.width, canvas.height);\n }\n else {\n viewPort.setCurrent(CLIENT_WIDTH, CLIENT_HEIGHT);\n }\n const widthStyle = element.getStyle('width');\n const heightStyle = element.getStyle('height');\n if (!ignoreDimensions && (isFirstRender\n || typeof scaleWidth !== 'number' && typeof scaleHeight !== 'number')) {\n // set canvas size\n if (widthStyle.hasValue()) {\n canvas.width = widthStyle.getPixels('x');\n if (canvas.style) {\n canvas.style.width = `${canvas.width}px`;\n }\n }\n if (heightStyle.hasValue()) {\n canvas.height = heightStyle.getPixels('y');\n if (canvas.style) {\n canvas.style.height = `${canvas.height}px`;\n }\n }\n }\n let cWidth = canvas.clientWidth || canvas.width;\n let cHeight = canvas.clientHeight || canvas.height;\n if (ignoreDimensions && widthStyle.hasValue() && heightStyle.hasValue()) {\n cWidth = widthStyle.getPixels('x');\n cHeight = heightStyle.getPixels('y');\n }\n viewPort.setCurrent(cWidth, cHeight);\n if (typeof offsetX === 'number') {\n element.getAttribute('x', true).setValue(offsetX);\n }\n if (typeof offsetY === 'number') {\n element.getAttribute('y', true).setValue(offsetY);\n }\n if (typeof scaleWidth === 'number'\n || typeof scaleHeight === 'number') {\n const viewBox = toNumbers(element.getAttribute('viewBox').getString());\n let xRatio = 0;\n let yRatio = 0;\n if (typeof scaleWidth === 'number') {\n const widthAttr = element.getAttribute('width');\n if (widthAttr.hasValue()) {\n xRatio = widthAttr.getPixels('x') / scaleWidth;\n }\n else if (!isNaN(viewBox[2])) {\n xRatio = viewBox[2] / scaleWidth;\n }\n }\n if (typeof scaleHeight === 'number') {\n const heightAttr = element.getAttribute('height');\n if (heightAttr.hasValue()) {\n yRatio = heightAttr.getPixels('y') / scaleHeight;\n }\n else if (!isNaN(viewBox[3])) {\n yRatio = viewBox[3] / scaleHeight;\n }\n }\n if (!xRatio) {\n xRatio = yRatio;\n }\n if (!yRatio) {\n yRatio = xRatio;\n }\n element.getAttribute('width', true).setValue(scaleWidth);\n element.getAttribute('height', true).setValue(scaleHeight);\n const transformStyle = element.getStyle('transform', true, true);\n transformStyle.setValue(`${transformStyle.getString()} scale(${1.0 / xRatio}, ${1.0 / yRatio})`);\n }\n // clear and render\n if (!ignoreClear) {\n ctx.clearRect(0, 0, cWidth, cHeight);\n }\n element.render(ctx);\n if (isFirstRender) {\n this.isFirstRender = false;\n }\n }\n}\nScreen.defaultWindow = defaultWindow;\nScreen.defaultFetch = defaultFetch;\n\nconst { defaultFetch: defaultFetch$1 } = Screen;\nconst DefaultDOMParser = typeof DOMParser !== 'undefined'\n ? DOMParser\n : null;\nclass Parser {\n // private readonly options: any;\n constructor({ fetch = defaultFetch$1, DOMParser = DefaultDOMParser\n // ...options\n } = {}) {\n this.fetch = fetch;\n this.DOMParser = DOMParser;\n // this.options = options;\n }\n async parse(resource) {\n if (/^ {\n const nodeName = normalizeAttributeName(attribute.nodeName);\n this.attributes[nodeName] = new Property(document, nodeName, attribute.value);\n });\n this.addStylesFromStyleDefinition();\n // add inline styles\n if (this.getAttribute('style').hasValue()) {\n const styles = this.getAttribute('style')\n .getString()\n .split(';')\n .map(_ => _.trim());\n styles.forEach((style) => {\n if (!style) {\n return;\n }\n const [name, value] = style.split(':');\n this.styles[name] = new Property(document, name.trim(), value.trim());\n });\n }\n const { definitions } = document;\n const id = this.getAttribute('id');\n // add id\n if (id.hasValue()) {\n if (!definitions[id.getValue()]) {\n definitions[id.getValue()] = this;\n }\n }\n Array.from(node.childNodes).forEach((childNode) => {\n if (childNode.nodeType === 1) {\n this.addChild(childNode); // ELEMENT_NODE\n }\n else if (captureTextNodes && (childNode.nodeType === 3\n || childNode.nodeType === 4)) {\n const textNode = document.createTextNode(childNode);\n if (textNode.getText().length > 0) {\n this.addChild(textNode); // TEXT_NODE\n }\n }\n });\n }\n getAttribute(name, createIfNotExists = false) {\n const attr = this.attributes[name];\n if (!attr && createIfNotExists) {\n const attr = new Property(this.document, name, '');\n this.attributes[name] = attr;\n return attr;\n }\n return attr || Property.empty(this.document);\n }\n getHrefAttribute() {\n for (const key in this.attributes) {\n if (key === 'href' || /:href$/.test(key)) {\n return this.attributes[key];\n }\n }\n return Property.empty(this.document);\n }\n getStyle(name, createIfNotExists = false, skipAncestors = false) {\n const style = this.styles[name];\n if (style) {\n return style;\n }\n const attr = this.getAttribute(name);\n if (attr && attr.hasValue()) {\n this.styles[name] = attr; // move up to me to cache\n return attr;\n }\n if (!skipAncestors) {\n const { parent } = this;\n if (parent) {\n const parentStyle = parent.getStyle(name);\n if (parentStyle && parentStyle.hasValue()) {\n return parentStyle;\n }\n }\n }\n if (createIfNotExists) {\n const style = new Property(this.document, name, '');\n this.styles[name] = style;\n return style;\n }\n return style || Property.empty(this.document);\n }\n render(ctx) {\n // don't render display=none\n // don't render visibility=hidden\n if (this.getStyle('display').getString() === 'none'\n || this.getStyle('visibility').getString() === 'hidden') {\n return;\n }\n ctx.save();\n if (this.getStyle('mask').hasValue()) { // mask\n const mask = this.getStyle('mask').getDefinition();\n if (mask) {\n mask.apply(ctx, this);\n }\n }\n else if (this.getStyle('filter').getValue('none') !== 'none') { // filter\n const filter = this.getStyle('filter').getDefinition();\n if (filter) {\n filter.apply(ctx, this);\n }\n }\n else {\n this.setContext(ctx);\n this.renderChildren(ctx);\n this.clearContext(ctx);\n }\n ctx.restore();\n }\n setContext(_) { }\n clearContext(_) { }\n renderChildren(ctx) {\n this.children.forEach((child) => {\n child.render(ctx);\n });\n }\n addChild(childNode) {\n const child = childNode instanceof Element\n ? childNode\n : this.document.createElement(childNode);\n child.parent = this;\n if (!Element.ignoreChildTypes.includes(child.type)) {\n this.children.push(child);\n }\n }\n matchesSelector(selector) {\n const { node } = this;\n if (typeof node.matches === 'function') {\n return node.matches(selector);\n }\n const styleClasses = node.getAttribute('class');\n if (!styleClasses || styleClasses === '') {\n return false;\n }\n return styleClasses.split(' ').some((styleClass) => {\n if (`.${styleClass}` === selector) {\n return true;\n }\n });\n }\n addStylesFromStyleDefinition() {\n const { styles, stylesSpecificity } = this.document;\n for (const selector in styles) {\n if (selector[0] !== '@' && this.matchesSelector(selector)) {\n const style = styles[selector];\n const specificity = stylesSpecificity[selector];\n if (style) {\n for (const name in style) {\n let existingSpecificity = this.stylesSpecificity[name];\n if (typeof existingSpecificity === 'undefined') {\n existingSpecificity = '000';\n }\n if (specificity >= existingSpecificity) {\n this.styles[name] = style[name];\n this.stylesSpecificity[name] = specificity;\n }\n }\n }\n }\n }\n }\n}\nElement.ignoreChildTypes = [\n 'title'\n];\n\nclass UnknownElement extends Element {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n // tslint:disable-next-line: no-console\n console.warn(`Element ${node.nodeName} not yet implemented.`);\n }\n}\n\nfunction wrapFontFamily(fontFamily) {\n const trimmed = fontFamily.trim();\n return /^('|\")/.test(trimmed)\n ? trimmed\n : `\"${trimmed}\"`;\n}\nfunction prepareFontFamily(fontFamily) {\n return typeof process === 'undefined'\n ? fontFamily\n : fontFamily\n .trim()\n .split(',')\n .map(wrapFontFamily)\n .join(',');\n}\nclass Font {\n constructor(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit) {\n const inheritFont = inherit\n ? typeof inherit === 'string'\n ? Font.parse(inherit)\n : inherit\n : {};\n this.fontFamily = fontFamily || inheritFont.fontFamily;\n this.fontSize = fontSize || inheritFont.fontSize;\n this.fontStyle = fontStyle || inheritFont.fontStyle;\n this.fontWeight = fontWeight || inheritFont.fontWeight;\n this.fontVariant = fontVariant || inheritFont.fontVariant;\n }\n static parse(font = '', inherit) {\n let fontStyle = '';\n let fontVariant = '';\n let fontWeight = '';\n let fontSize = '';\n let fontFamily = '';\n const parts = compressSpaces(font).trim().split(' ');\n const set = {\n fontSize: false,\n fontStyle: false,\n fontWeight: false,\n fontVariant: false\n };\n parts.forEach((part) => {\n switch (true) {\n case !set.fontStyle && Font.styles.includes(part):\n if (part !== 'inherit') {\n fontStyle = part;\n }\n set.fontStyle = true;\n break;\n case !set.fontVariant && Font.variants.includes(part):\n if (part !== 'inherit') {\n fontVariant = part;\n }\n set.fontStyle = true;\n set.fontVariant = true;\n break;\n case !set.fontWeight && Font.weights.includes(part):\n if (part !== 'inherit') {\n fontWeight = part;\n }\n set.fontStyle = true;\n set.fontVariant = true;\n set.fontWeight = true;\n break;\n case !set.fontSize:\n if (part !== 'inherit') {\n [fontSize] = part.split('/');\n }\n set.fontStyle = true;\n set.fontVariant = true;\n set.fontWeight = true;\n set.fontSize = true;\n break;\n default:\n if (part !== 'inherit') {\n fontFamily += part;\n }\n }\n });\n return new Font(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit);\n }\n toString() {\n return [\n this.fontStyle,\n this.fontVariant,\n this.fontWeight,\n this.fontSize,\n // Wrap fontFamily only on nodejs and only for canvas.ctx\n prepareFontFamily(this.fontFamily)\n ].join(' ');\n }\n}\nFont.styles = 'normal|italic|oblique|inherit';\nFont.variants = 'normal|small-caps|inherit';\nFont.weights = 'normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900|inherit';\n\nclass BoundingBox {\n constructor(x1 = Number.NaN, y1 = Number.NaN, x2 = Number.NaN, y2 = Number.NaN) {\n this.x1 = x1;\n this.y1 = y1;\n this.x2 = x2;\n this.y2 = y2;\n this.addPoint(x1, y1);\n this.addPoint(x2, y2);\n }\n get x() {\n return this.x1;\n }\n get y() {\n return this.y1;\n }\n get width() {\n return this.x2 - this.x1;\n }\n get height() {\n return this.y2 - this.y1;\n }\n addPoint(x, y) {\n if (typeof x !== 'undefined') {\n if (isNaN(this.x1) || isNaN(this.x2)) {\n this.x1 = x;\n this.x2 = x;\n }\n if (x < this.x1) {\n this.x1 = x;\n }\n if (x > this.x2) {\n this.x2 = x;\n }\n }\n if (typeof y !== 'undefined') {\n if (isNaN(this.y1) || isNaN(this.y2)) {\n this.y1 = y;\n this.y2 = y;\n }\n if (y < this.y1) {\n this.y1 = y;\n }\n if (y > this.y2) {\n this.y2 = y;\n }\n }\n }\n addX(x) {\n this.addPoint(x, null);\n }\n addY(y) {\n this.addPoint(null, y);\n }\n addBoundingBox({ x1, y1, x2, y2 }) {\n this.addPoint(x1, y1);\n this.addPoint(x2, y2);\n }\n sumCubic(t, p0, p1, p2, p3) {\n return (Math.pow(1 - t, 3) * p0\n + 3 * Math.pow(1 - t, 2) * t * p1\n + 3 * (1 - t) * Math.pow(t, 2) * p2\n + Math.pow(t, 3) * p3);\n }\n bezierCurveAdd(forX, p0, p1, p2, p3) {\n const b = 6 * p0 - 12 * p1 + 6 * p2;\n const a = -3 * p0 + 9 * p1 - 9 * p2 + 3 * p3;\n const c = 3 * p1 - 3 * p0;\n if (a === 0) {\n if (b === 0) {\n return;\n }\n const t = -c / b;\n if (0 < t && t < 1) {\n if (forX) {\n this.addX(this.sumCubic(t, p0, p1, p2, p3));\n }\n else {\n this.addY(this.sumCubic(t, p0, p1, p2, p3));\n }\n }\n return;\n }\n const b2ac = Math.pow(b, 2) - 4 * c * a;\n if (b2ac < 0) {\n return;\n }\n const t1 = (-b + Math.sqrt(b2ac)) / (2 * a);\n if (0 < t1 && t1 < 1) {\n if (forX) {\n this.addX(this.sumCubic(t1, p0, p1, p2, p3));\n }\n else {\n this.addY(this.sumCubic(t1, p0, p1, p2, p3));\n }\n }\n const t2 = (-b - Math.sqrt(b2ac)) / (2 * a);\n if (0 < t2 && t2 < 1) {\n if (forX) {\n this.addX(this.sumCubic(t2, p0, p1, p2, p3));\n }\n else {\n this.addY(this.sumCubic(t2, p0, p1, p2, p3));\n }\n }\n }\n // from http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html\n addBezierCurve(p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {\n this.addPoint(p0x, p0y);\n this.addPoint(p3x, p3y);\n this.bezierCurveAdd(true, p0x, p1x, p2x, p3x);\n this.bezierCurveAdd(false, p0y, p1y, p2y, p3y);\n }\n addQuadraticCurve(p0x, p0y, p1x, p1y, p2x, p2y) {\n const cp1x = p0x + 2 / 3 * (p1x - p0x); // CP1 = QP0 + 2/3 *(QP1-QP0)\n const cp1y = p0y + 2 / 3 * (p1y - p0y); // CP1 = QP0 + 2/3 *(QP1-QP0)\n const cp2x = cp1x + 1 / 3 * (p2x - p0x); // CP2 = CP1 + 1/3 *(QP2-QP0)\n const cp2y = cp1y + 1 / 3 * (p2y - p0y); // CP2 = CP1 + 1/3 *(QP2-QP0)\n this.addBezierCurve(p0x, p0y, cp1x, cp2x, cp1y, cp2y, p2x, p2y);\n }\n isPointInBox(x, y) {\n const { x1, y1, x2, y2 } = this;\n return (x1 <= x\n && x <= x2\n && y1 <= y\n && y <= y2);\n }\n}\n\nclass Translate {\n constructor(_, point) {\n this.type = 'translate';\n this.point = null;\n this.point = Point.parse(point);\n }\n apply(ctx) {\n const { x, y } = this.point;\n ctx.translate(x || 0.0, y || 0.0);\n }\n unapply(ctx) {\n const { x, y } = this.point;\n ctx.translate(-1.0 * x || 0.0, -1.0 * y || 0.0);\n }\n applyToPoint(point) {\n const { x, y } = this.point;\n point.applyTransform([\n 1,\n 0,\n 0,\n 1,\n x || 0.0,\n y || 0.0\n ]);\n }\n}\n\nclass Rotate {\n constructor(document, rotate, transformOrigin = []) {\n this.type = 'rotate';\n this.angle = null;\n this.cx = 0;\n this.cy = 0;\n const numbers = toNumbers(rotate);\n this.angle = new Property(document, 'angle', numbers[0]);\n this.cx = (numbers[1] || 0) + (transformOrigin[0] || 0);\n this.cy = (numbers[2] || 0) + (transformOrigin[1] || 0);\n }\n apply(ctx) {\n const { cx, cy, angle } = this;\n ctx.translate(cx, cy);\n ctx.rotate(angle.getRadians());\n ctx.translate(-cx, -cy);\n }\n unapply(ctx) {\n const { cx, cy, angle } = this;\n ctx.translate(cx, cy);\n ctx.rotate(-1.0 * angle.getRadians());\n ctx.translate(-cx, -cy);\n }\n applyToPoint(point) {\n const { cx, cy, angle } = this;\n const rad = angle.getRadians();\n // tslint:disable-next-line: no-console\n // console.warn('Unknown action:', (this as any).p, this);\n // ?\n point.applyTransform([\n 1,\n 0,\n 0,\n 1,\n cx || 0.0,\n cy || 0.0 // this.p.y\n ]);\n point.applyTransform([\n Math.cos(rad),\n Math.sin(rad),\n -Math.sin(rad),\n Math.cos(rad),\n 0,\n 0\n ]);\n point.applyTransform([\n 1,\n 0,\n 0,\n 1,\n -cx || 0.0,\n -cy || 0.0 // -this.p.y\n ]);\n }\n}\n\nclass Scale {\n constructor(_, scale) {\n this.type = 'scale';\n this.scale = null;\n const scaleSize = Point.parse(scale, 1);\n // Workaround for node-canvas\n if (scaleSize.x === 0\n || scaleSize.y === 0) {\n scaleSize.x = PSEUDO_ZERO;\n scaleSize.y = PSEUDO_ZERO;\n }\n this.scale = scaleSize;\n }\n apply(ctx) {\n const { x, y } = this.scale;\n ctx.scale(x, y || x);\n }\n unapply(ctx) {\n const { x, y } = this.scale;\n ctx.scale(1.0 / x, 1.0 / y || x);\n }\n applyToPoint(point) {\n const { x, y } = this.scale;\n point.applyTransform([\n x || 0.0,\n 0,\n 0,\n y || 0.0,\n 0,\n 0\n ]);\n }\n}\n\nclass Matrix {\n constructor(_, matrix) {\n this.type = 'matrix';\n this.matrix = [];\n this.matrix = toNumbers(matrix);\n }\n apply(ctx) {\n const { matrix } = this;\n ctx.transform(matrix[0], matrix[1], matrix[2], matrix[3], matrix[4], matrix[5]);\n }\n unapply(ctx) {\n const { matrix } = this;\n const a = matrix[0];\n const b = matrix[2];\n const c = matrix[4];\n const d = matrix[1];\n const e = matrix[3];\n const f = matrix[5];\n const g = 0.0;\n const h = 0.0;\n const i = 1.0;\n const det = 1 / (a * (e * i - f * h) - b * (d * i - f * g) + c * (d * h - e * g));\n ctx.transform(det * (e * i - f * h), det * (f * g - d * i), det * (c * h - b * i), det * (a * i - c * g), det * (b * f - c * e), det * (c * d - a * f));\n }\n applyToPoint(point) {\n point.applyTransform(this.matrix);\n }\n}\n\nclass Skew extends Matrix {\n constructor(document, skew) {\n super(document, skew);\n this.type = 'skew';\n this.angle = null;\n this.angle = new Property(document, 'angle', skew);\n }\n}\n\nclass SkewX extends Skew {\n constructor(document, skew) {\n super(document, skew);\n this.type = 'skewX';\n this.matrix = [\n 1,\n 0,\n Math.tan(this.angle.getRadians()),\n 1,\n 0,\n 0\n ];\n }\n}\n\nclass SkewY extends Skew {\n constructor(document, skew) {\n super(document, skew);\n this.type = 'skewY';\n this.matrix = [\n 1,\n Math.tan(this.angle.getRadians()),\n 0,\n 1,\n 0,\n 0\n ];\n }\n}\n\nfunction parseTransforms(transform) {\n return compressSpaces(transform)\n .trim()\n .replace(/\\)([a-zA-Z])/g, ') $1')\n .replace(/\\)(\\s?,\\s?)/g, ') ')\n .split(/\\s(?=[a-z])/);\n}\nfunction parseTransform(transform) {\n const [type, value] = transform.split('(');\n return [\n type.trim(),\n value.trim().replace(')', '')\n ];\n}\nclass Transform {\n constructor(document, transform, transformOrigin) {\n this.document = document;\n this.transforms = [];\n const data = parseTransforms(transform);\n const originCoords = transformOrigin\n ? toNumbers(transformOrigin)\n : [];\n data.forEach((transform) => {\n if (transform === 'none') {\n return;\n }\n const [type, value] = parseTransform(transform);\n const TransformType = Transform.transformTypes[type];\n if (typeof TransformType !== 'undefined') {\n this.transforms.push(new TransformType(this.document, value, originCoords));\n }\n });\n }\n static fromElement(document, element) {\n const transformStyle = element.getStyle('transform', false, true);\n const transformOriginStyle = element.getStyle('transform-origin', false, true);\n if (transformStyle.hasValue()) {\n return new Transform(document, transformStyle.getString(), transformOriginStyle.getString());\n }\n return null;\n }\n apply(ctx) {\n const { transforms } = this;\n const len = transforms.length;\n for (let i = 0; i < len; i++) {\n transforms[i].apply(ctx);\n }\n }\n unapply(ctx) {\n const { transforms } = this;\n const len = transforms.length;\n for (let i = len - 1; i >= 0; i--) {\n transforms[i].unapply(ctx);\n }\n }\n // TODO: applyToPoint unused ... remove?\n applyToPoint(point) {\n const { transforms } = this;\n const len = transforms.length;\n for (let i = 0; i < len; i++) {\n transforms[i].applyToPoint(point);\n }\n }\n}\nTransform.transformTypes = {\n translate: Translate,\n rotate: Rotate,\n scale: Scale,\n matrix: Matrix,\n skewX: SkewX,\n skewY: SkewY\n};\n\nclass RenderedElement extends Element {\n constructor() {\n super(...arguments);\n this.modifiedEmSizeStack = false;\n }\n calculateOpacity() {\n let opacity = 1.0;\n // tslint:disable-next-line: no-this-assignment\n let element = this;\n while (element) {\n const opacityStyle = element.getStyle('opacity', false, true); // no ancestors on style call\n if (opacityStyle.hasValue()) {\n opacity *= opacityStyle.getNumber();\n }\n element = element.parent;\n }\n return opacity;\n }\n setContext(ctx, fromMeasure = false) {\n if (!fromMeasure) { // causes stack overflow when measuring text with gradients\n // fill\n const fillStyleProp = this.getStyle('fill');\n const fillOpacityStyleProp = this.getStyle('fill-opacity');\n const strokeStyleProp = this.getStyle('stroke');\n const strokeOpacityProp = this.getStyle('stroke-opacity');\n if (fillStyleProp.isUrlDefinition()) {\n const fillStyle = fillStyleProp.getFillStyleDefinition(this, fillOpacityStyleProp);\n if (fillStyle) {\n ctx.fillStyle = fillStyle;\n }\n }\n else if (fillStyleProp.hasValue()) {\n if (fillStyleProp.getString() === 'currentColor') {\n fillStyleProp.setValue(this.getStyle('color').getValue());\n }\n const fillStyle = fillStyleProp.getString();\n if (fillStyle !== 'inherit') {\n ctx.fillStyle = fillStyle === 'none'\n ? 'rgba(0,0,0,0)'\n : fillStyle;\n }\n }\n if (fillOpacityStyleProp.hasValue()) {\n const fillStyle = new Property(this.document, 'fill', ctx.fillStyle)\n .addOpacity(fillOpacityStyleProp)\n .getString();\n ctx.fillStyle = fillStyle;\n }\n // stroke\n if (strokeStyleProp.isUrlDefinition()) {\n const strokeStyle = strokeStyleProp.getFillStyleDefinition(this, strokeOpacityProp);\n if (strokeStyle) {\n ctx.strokeStyle = strokeStyle;\n }\n }\n else if (strokeStyleProp.hasValue()) {\n if (strokeStyleProp.getString() === 'currentColor') {\n strokeStyleProp.setValue(this.getStyle('color').getValue());\n }\n const strokeStyle = strokeStyleProp.getString();\n if (strokeStyle !== 'inherit') {\n ctx.strokeStyle = strokeStyle === 'none'\n ? 'rgba(0,0,0,0)'\n : strokeStyle;\n }\n }\n if (strokeOpacityProp.hasValue()) {\n const strokeStyle = new Property(this.document, 'stroke', ctx.strokeStyle)\n .addOpacity(strokeOpacityProp)\n .getString();\n ctx.strokeStyle = strokeStyle;\n }\n const strokeWidthStyleProp = this.getStyle('stroke-width');\n if (strokeWidthStyleProp.hasValue()) {\n const newLineWidth = strokeWidthStyleProp.getPixels();\n ctx.lineWidth = !newLineWidth\n ? PSEUDO_ZERO // browsers don't respect 0 (or node-canvas? :-)\n : newLineWidth;\n }\n const strokeLinecapStyleProp = this.getStyle('stroke-linecap');\n const strokeLinejoinStyleProp = this.getStyle('stroke-linejoin');\n const strokeMiterlimitProp = this.getStyle('stroke-miterlimit');\n const pointOrderStyleProp = this.getStyle('paint-order');\n const strokeDasharrayStyleProp = this.getStyle('stroke-dasharray');\n const strokeDashoffsetProp = this.getStyle('stroke-dashoffset');\n if (strokeLinecapStyleProp.hasValue()) {\n ctx.lineCap = strokeLinecapStyleProp.getString();\n }\n if (strokeLinejoinStyleProp.hasValue()) {\n ctx.lineJoin = strokeLinejoinStyleProp.getString();\n }\n if (strokeMiterlimitProp.hasValue()) {\n ctx.miterLimit = strokeMiterlimitProp.getNumber();\n }\n if (pointOrderStyleProp.hasValue()) {\n // ?\n ctx.paintOrder = pointOrderStyleProp.getValue();\n }\n if (strokeDasharrayStyleProp.hasValue() && strokeDasharrayStyleProp.getString() !== 'none') {\n const gaps = toNumbers(strokeDasharrayStyleProp.getString());\n if (typeof ctx.setLineDash !== 'undefined') {\n ctx.setLineDash(gaps);\n }\n else if (typeof ctx.webkitLineDash !== 'undefined') {\n ctx.webkitLineDash = gaps;\n }\n else if (typeof ctx.mozDash !== 'undefined' && !(gaps.length === 1 && gaps[0] === 0)) {\n ctx.mozDash = gaps;\n }\n const offset = strokeDashoffsetProp.getPixels();\n if (typeof ctx.lineDashOffset !== 'undefined') {\n ctx.lineDashOffset = offset;\n }\n else if (typeof ctx.webkitLineDashOffset !== 'undefined') {\n ctx.webkitLineDashOffset = offset;\n }\n else if (typeof ctx.mozDashOffset !== 'undefined') {\n ctx.mozDashOffset = offset;\n }\n }\n }\n // font\n this.modifiedEmSizeStack = false;\n if (typeof ctx.font !== 'undefined') {\n const fontStyleProp = this.getStyle('font');\n const fontStyleStyleProp = this.getStyle('font-style');\n const fontVariantStyleProp = this.getStyle('font-variant');\n const fontWeightStyleProp = this.getStyle('font-weight');\n const fontSizeStyleProp = this.getStyle('font-size');\n const fontFamilyStyleProp = this.getStyle('font-family');\n const font = new Font(fontStyleStyleProp.getString(), fontVariantStyleProp.getString(), fontWeightStyleProp.getString(), fontSizeStyleProp.hasValue()\n ? `${fontSizeStyleProp.getPixels(true)}px`\n : '', fontFamilyStyleProp.getString(), Font.parse(fontStyleProp.getString(), ctx.font));\n fontStyleStyleProp.setValue(font.fontStyle);\n fontVariantStyleProp.setValue(font.fontVariant);\n fontWeightStyleProp.setValue(font.fontWeight);\n fontSizeStyleProp.setValue(font.fontSize);\n fontFamilyStyleProp.setValue(font.fontFamily);\n ctx.font = font.toString();\n if (fontSizeStyleProp.isPixels()) {\n this.document.emSize = fontSizeStyleProp.getPixels();\n this.modifiedEmSizeStack = true;\n }\n }\n // transform\n const transform = Transform.fromElement(this.document, this);\n if (transform) {\n transform.apply(ctx);\n }\n // clip\n const clipPathStyleProp = this.getStyle('clip-path', false, true);\n if (clipPathStyleProp.hasValue()) {\n const clip = clipPathStyleProp.getDefinition();\n if (clip) {\n clip.apply(ctx);\n }\n }\n // opacity\n ctx.globalAlpha = this.calculateOpacity();\n }\n clearContext(ctx) {\n super.clearContext(ctx);\n if (this.modifiedEmSizeStack) {\n this.document.popEmSize();\n }\n }\n}\n\nclass TextElement extends RenderedElement {\n constructor(document, node, captureTextNodes) {\n super(document, node, new.target === TextElement\n ? true\n : captureTextNodes);\n this.type = 'text';\n this.x = 0;\n this.y = 0;\n this.measureCache = -1;\n }\n setContext(ctx, fromMeasure = false) {\n super.setContext(ctx, fromMeasure);\n const textBaseline = this.getStyle('dominant-baseline').getTextBaseline()\n || this.getStyle('alignment-baseline').getTextBaseline();\n if (textBaseline) {\n ctx.textBaseline = textBaseline;\n }\n }\n initializeCoordinates(ctx) {\n this.x = this.getAttribute('x').getPixels('x');\n this.y = this.getAttribute('y').getPixels('y');\n const dxAttr = this.getAttribute('dx');\n const dyAttr = this.getAttribute('dy');\n if (dxAttr.hasValue()) {\n this.x += dxAttr.getPixels('x');\n }\n if (dyAttr.hasValue()) {\n this.y += dyAttr.getPixels('y');\n }\n this.x += this.getAnchorDelta(ctx, this, 0);\n }\n getBoundingBox(ctx) {\n if (this.type !== 'text') {\n return this.getTElementBoundingBox(ctx);\n }\n this.initializeCoordinates(ctx);\n let boundingBox = null;\n this.children.forEach((_, i) => {\n const childBoundingBox = this.getChildBoundingBox(ctx, this, this, i);\n if (!boundingBox) {\n boundingBox = childBoundingBox;\n }\n else {\n boundingBox.addBoundingBox(childBoundingBox);\n }\n });\n return boundingBox;\n }\n getFontSize() {\n const { document, parent } = this;\n const inheritFontSize = Font.parse(document.ctx.font).fontSize;\n const fontSize = parent.getStyle('font-size').getNumber(inheritFontSize);\n return fontSize;\n }\n getTElementBoundingBox(ctx) {\n const fontSize = this.getFontSize();\n return new BoundingBox(this.x, this.y - fontSize, this.x + this.measureText(ctx), this.y);\n }\n getGlyph(font, text, i) {\n const char = text[i];\n let glyph = null;\n if (font.isArabic) {\n const len = text.length;\n const prevChar = text[i - 1];\n const nextChar = text[i + 1];\n let arabicForm = 'isolated';\n if ((i === 0 || prevChar === ' ') && i < len - 2 && nextChar !== ' ') {\n arabicForm = 'terminal';\n }\n if (i > 0 && prevChar !== ' ' && i < len - 2 && nextChar !== ' ') {\n arabicForm = 'medial';\n }\n if (i > 0 && prevChar !== ' ' && (i === len - 1 || nextChar === ' ')) {\n arabicForm = 'initial';\n }\n if (typeof font.glyphs[char] !== 'undefined') {\n glyph = font.glyphs[char][arabicForm];\n if (!glyph && font.glyphs[char].type === 'glyph') {\n glyph = font.glyphs[char];\n }\n }\n }\n else {\n glyph = font.glyphs[char];\n }\n if (!glyph) {\n glyph = font.missingGlyph;\n }\n return glyph;\n }\n getText() {\n return '';\n }\n getTextFromNode(node) {\n const textNode = node || this.node;\n const childNodes = Array.from(textNode.parentNode.childNodes);\n const index = childNodes.indexOf(textNode);\n const lastIndex = childNodes.length - 1;\n let text = compressSpaces(textNode.value\n || textNode.text\n || textNode.textContent\n || '');\n if (index === 0) {\n text = trimLeft(text);\n }\n else if (index === lastIndex) {\n text = trimRight(text);\n }\n return text;\n }\n renderChildren(ctx) {\n if (this.type !== 'text') {\n this.renderTElementChildren(ctx);\n return;\n }\n this.initializeCoordinates(ctx);\n this.children.forEach((_, i) => {\n this.renderChild(ctx, this, this, i);\n });\n const { mouse } = this.document.screen;\n // Do not calc bounding box if mouse is not working.\n if (mouse.isWorking()) {\n mouse.checkBoundingBox(this, this.getBoundingBox(ctx));\n }\n }\n renderTElementChildren(ctx) {\n const { document, parent } = this;\n const renderText = this.getText();\n const customFont = parent.getStyle('font-family').getDefinition();\n if (customFont) {\n const { unitsPerEm } = customFont.fontFace;\n const ctxFont = Font.parse(document.ctx.font);\n const fontSize = parent.getStyle('font-size').getNumber(ctxFont.fontSize);\n const fontStyle = parent.getStyle('font-style').getString(ctxFont.fontStyle);\n const scale = fontSize / unitsPerEm;\n const text = customFont.isRTL\n ? renderText.split('').reverse().join('')\n : renderText;\n const dx = toNumbers(parent.getAttribute('dx').getString());\n const len = text.length;\n for (let i = 0; i < len; i++) {\n const glyph = this.getGlyph(customFont, text, i);\n ctx.translate(this.x, this.y);\n ctx.scale(scale, -scale);\n const lw = ctx.lineWidth;\n ctx.lineWidth = ctx.lineWidth * unitsPerEm / fontSize;\n if (fontStyle === 'italic') {\n ctx.transform(1, 0, .4, 1, 0, 0);\n }\n glyph.render(ctx);\n if (fontStyle === 'italic') {\n ctx.transform(1, 0, -.4, 1, 0, 0);\n }\n ctx.lineWidth = lw;\n ctx.scale(1 / scale, -1 / scale);\n ctx.translate(-this.x, -this.y);\n this.x += fontSize * (glyph.horizAdvX || customFont.horizAdvX) / unitsPerEm;\n if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {\n this.x += dx[i];\n }\n }\n return;\n }\n const { x, y } = this;\n if (ctx.paintOrder === 'stroke') {\n if (ctx.strokeStyle) {\n ctx.strokeText(renderText, x, y);\n }\n if (ctx.fillStyle) {\n ctx.fillText(renderText, x, y);\n }\n }\n else {\n if (ctx.fillStyle) {\n ctx.fillText(renderText, x, y);\n }\n if (ctx.strokeStyle) {\n ctx.strokeText(renderText, x, y);\n }\n }\n }\n getAnchorDelta(ctx, parent, startI) {\n const textAnchor = this.getStyle('text-anchor').getString('start');\n if (textAnchor !== 'start') {\n const { children } = parent;\n const len = children.length;\n let child = null;\n let width = 0;\n for (let i = startI; i < len; i++) {\n child = children[i];\n if (i > startI && child.getAttribute('x').hasValue()\n || child.getAttribute('text-anchor').hasValue()) {\n break; // new group\n }\n width += child.measureTextRecursive(ctx);\n }\n return -1 * (textAnchor === 'end' ? width : width / 2.0);\n }\n return 0;\n }\n adjustChildCoordinates(ctx, textParent, parent, i) {\n const child = parent.children[i];\n if (typeof child.measureText !== 'function') {\n return child;\n }\n const xAttr = child.getAttribute('x');\n const yAttr = child.getAttribute('y');\n const dxAttr = child.getAttribute('dx');\n const dyAttr = child.getAttribute('dy');\n const textAnchor = child.getAttribute('text-anchor').getString('start');\n if (i === 0 && child.type !== 'textNode') {\n if (!xAttr.hasValue()) {\n xAttr.setValue(textParent.getAttribute('x').getValue('0'));\n }\n if (!yAttr.hasValue()) {\n yAttr.setValue(textParent.getAttribute('y').getValue('0'));\n }\n if (!dxAttr.hasValue()) {\n dxAttr.setValue(textParent.getAttribute('dx').getValue('0'));\n }\n if (!dyAttr.hasValue()) {\n dyAttr.setValue(textParent.getAttribute('dy').getValue('0'));\n }\n }\n if (xAttr.hasValue()) {\n child.x = xAttr.getPixels('x') + textParent.getAnchorDelta(ctx, parent, i);\n if (textAnchor !== 'start') {\n const width = child.measureTextRecursive(ctx);\n child.x += -1 * (textAnchor === 'end' ? width : width / 2.0);\n }\n if (dxAttr.hasValue()) {\n child.x += dxAttr.getPixels('x');\n }\n }\n else {\n if (textAnchor !== 'start') {\n const width = child.measureTextRecursive(ctx);\n textParent.x += -1 * (textAnchor === 'end' ? width : width / 2.0);\n }\n if (dxAttr.hasValue()) {\n textParent.x += dxAttr.getPixels('x');\n }\n child.x = textParent.x;\n }\n textParent.x = child.x + child.measureText(ctx);\n if (yAttr.hasValue()) {\n child.y = yAttr.getPixels('y');\n if (dyAttr.hasValue()) {\n child.y += dyAttr.getPixels('y');\n }\n }\n else {\n if (dyAttr.hasValue()) {\n textParent.y += dyAttr.getPixels('y');\n }\n child.y = textParent.y;\n }\n textParent.y = child.y;\n return child;\n }\n getChildBoundingBox(ctx, textParent, parent, i) {\n const child = this.adjustChildCoordinates(ctx, textParent, parent, i);\n const boundingBox = child.getBoundingBox(ctx);\n child.children.forEach((_, i) => {\n const childBoundingBox = textParent.getChildBoundingBox(ctx, textParent, child, i);\n boundingBox.addBoundingBox(childBoundingBox);\n });\n return boundingBox;\n }\n renderChild(ctx, textParent, parent, i) {\n const child = this.adjustChildCoordinates(ctx, textParent, parent, i);\n child.render(ctx);\n child.children.forEach((_, i) => {\n textParent.renderChild(ctx, textParent, child, i);\n });\n }\n measureTextRecursive(ctx) {\n const width = this.children.reduce((width, child) => width + child.measureTextRecursive(ctx), this.measureText(ctx));\n return width;\n }\n measureText(ctx) {\n const { measureCache } = this;\n if (~measureCache) {\n return measureCache;\n }\n const renderText = this.getText();\n const measure = this.measureTargetText(ctx, renderText);\n this.measureCache = measure;\n return measure;\n }\n measureTargetText(ctx, targetText) {\n if (!targetText.length) {\n return 0;\n }\n const { parent } = this;\n const customFont = parent.getStyle('font-family').getDefinition();\n if (customFont) {\n const fontSize = this.getFontSize();\n const text = customFont.isRTL\n ? targetText.split('').reverse().join('')\n : targetText;\n const dx = toNumbers(parent.getAttribute('dx').getString());\n const len = text.length;\n let measure = 0;\n for (let i = 0; i < len; i++) {\n const glyph = this.getGlyph(customFont, text, i);\n measure += (glyph.horizAdvX || customFont.horizAdvX)\n * fontSize\n / customFont.fontFace.unitsPerEm;\n if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {\n measure += dx[i];\n }\n }\n return measure;\n }\n if (!ctx.measureText) {\n return targetText.length * 10;\n }\n ctx.save();\n this.setContext(ctx, true);\n const { width: measure } = ctx.measureText(targetText);\n ctx.restore();\n return measure;\n }\n}\n\nclass TSpanElement extends TextElement {\n constructor(document, node, captureTextNodes) {\n super(document, node, new.target === TSpanElement\n ? true\n : captureTextNodes);\n this.type = 'tspan';\n // if this node has children, then they own the text\n this.text = this.children.length > 0\n ? ''\n : this.getTextFromNode();\n }\n getText() {\n return this.text;\n }\n}\n\nclass TextNode extends TSpanElement {\n constructor() {\n super(...arguments);\n this.type = 'textNode';\n }\n}\n\nfunction preparePath(path) {\n const d = path\n .replace(/,/gm, ' ') // get rid of all commas\n // As the end of a match can also be the start of the next match, we need to run this replace twice.\n .replace(/([MmZzLlHhVvCcSsQqTtAa])([^\\s])/gm, '$1 $2') // suffix commands with spaces\n .replace(/([MmZzLlHhVvCcSsQqTtAa])([^\\s])/gm, '$1 $2') // suffix commands with spaces\n .replace(/([^\\s])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // prefix commands with spaces\n .replace(/([0-9])([+\\-])/gm, '$1 $2') // separate digits on +- signs\n // Again, we need to run this twice to find all occurances\n .replace(/(\\.[0-9]*)(\\.)/gm, '$1 $2') // separate digits when they start with a comma\n .replace(/(\\.[0-9]*)(\\.)/gm, '$1 $2') // separate digits when they start with a comma\n .replace(/([Aa](\\s+[0-9]+){3})\\s+([01])\\s*([01])/gm, '$1 $3 $4 '); // shorthand elliptical arc path syntax\n return compressSpaces(d).trim();\n}\nclass PathParser {\n constructor(path) {\n this.control = null;\n this.start = null;\n this.current = null;\n this.command = '';\n this.tokens = [];\n this.i = -1;\n this.previousCommand = '';\n this.points = [];\n this.angles = [];\n this.tokens = preparePath(path).split(' ');\n }\n reset() {\n this.i = -1;\n this.command = '';\n this.previousCommand = '';\n this.start = new Point(0, 0);\n this.control = new Point(0, 0);\n this.current = new Point(0, 0);\n this.points = [];\n this.angles = [];\n }\n isEnd() {\n const { i, tokens } = this;\n return i >= tokens.length - 1;\n }\n isCommandOrEnd() {\n if (this.isEnd()) {\n return true;\n }\n const { i, tokens } = this;\n return /^[A-Za-z]$/.test(tokens[i + 1]);\n }\n isRelativeCommand() {\n switch (this.command) {\n case 'm':\n case 'l':\n case 'h':\n case 'v':\n case 'c':\n case 's':\n case 'q':\n case 't':\n case 'a':\n case 'z':\n return true;\n default:\n return false;\n }\n }\n getToken() {\n this.i++;\n return this.tokens[this.i];\n }\n getScalar() {\n return parseFloat(this.getToken());\n }\n nextCommand() {\n this.previousCommand = this.command;\n this.command = this.getToken();\n }\n getPoint() {\n const point = new Point(this.getScalar(), this.getScalar());\n return this.makeAbsolute(point);\n }\n getAsControlPoint() {\n const point = this.getPoint();\n this.control = point;\n return point;\n }\n getAsCurrentPoint() {\n const point = this.getPoint();\n this.current = point;\n return point;\n }\n getReflectedControlPoint() {\n const previousCommand = this.previousCommand.toLowerCase();\n if (previousCommand !== 'c'\n && previousCommand !== 's'\n && previousCommand !== 'q'\n && previousCommand !== 't') {\n return this.current;\n }\n // reflect point\n const { current: { x: cx, y: cy }, control: { x: ox, y: oy } } = this;\n const point = new Point(2 * cx - ox, 2 * cy - oy);\n return point;\n }\n makeAbsolute(point) {\n if (this.isRelativeCommand()) {\n const { x, y } = this.current;\n point.x += x;\n point.y += y;\n }\n return point;\n }\n addMarker(point, from, priorTo) {\n const { points, angles } = this;\n // if the last angle isn't filled in because we didn't have this point yet ...\n if (priorTo && angles.length > 0 && !angles[angles.length - 1]) {\n angles[angles.length - 1] = points[points.length - 1].angleTo(priorTo);\n }\n this.addMarkerAngle(point, from ? from.angleTo(point) : null);\n }\n addMarkerAngle(point, angle) {\n this.points.push(point);\n this.angles.push(angle);\n }\n getMarkerPoints() {\n return this.points;\n }\n getMarkerAngles() {\n const { angles } = this;\n const len = angles.length;\n for (let i = 0; i < len; i++) {\n if (!angles[i]) {\n for (let j = i + 1; j < len; j++) {\n if (angles[j]) {\n angles[i] = angles[j];\n break;\n }\n }\n }\n }\n return angles;\n }\n}\n\nclass PathElement extends RenderedElement {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'path';\n this.pathParser = null;\n this.pathParser = new PathParser(this.getAttribute('d').getString());\n }\n path(ctx) {\n const { pathParser } = this;\n const boundingBox = new BoundingBox();\n pathParser.reset();\n if (ctx) {\n ctx.beginPath();\n }\n while (!pathParser.isEnd()) {\n pathParser.nextCommand();\n switch (pathParser.command) {\n case 'M':\n case 'm':\n this.pathM(ctx, boundingBox);\n break;\n case 'L':\n case 'l':\n this.pathL(ctx, boundingBox);\n break;\n case 'H':\n case 'h':\n this.pathH(ctx, boundingBox);\n break;\n case 'V':\n case 'v':\n this.pathV(ctx, boundingBox);\n break;\n case 'C':\n case 'c':\n this.pathC(ctx, boundingBox);\n break;\n case 'S':\n case 's':\n this.pathS(ctx, boundingBox);\n break;\n case 'Q':\n case 'q':\n this.pathQ(ctx, boundingBox);\n break;\n case 'T':\n case 't':\n this.pathT(ctx, boundingBox);\n break;\n case 'A':\n case 'a':\n this.pathA(ctx, boundingBox);\n break;\n case 'Z':\n case 'z':\n this.pathZ(ctx, boundingBox);\n break;\n }\n }\n return boundingBox;\n }\n getBoundingBox(_) {\n return this.path();\n }\n getMarkers() {\n const { pathParser } = this;\n const points = pathParser.getMarkerPoints();\n const angles = pathParser.getMarkerAngles();\n const markers = points.map((point, i) => [\n point,\n angles[i]\n ]);\n return markers;\n }\n renderChildren(ctx) {\n this.path(ctx);\n this.document.screen.mouse.checkPath(this, ctx);\n const fillRuleStyleProp = this.getStyle('fill-rule');\n if (ctx.fillStyle !== '') {\n if (fillRuleStyleProp.getString('inherit') !== 'inherit') {\n ctx.fill(fillRuleStyleProp.getString());\n }\n else {\n ctx.fill();\n }\n }\n if (ctx.strokeStyle !== '') {\n ctx.stroke();\n }\n const markers = this.getMarkers();\n if (markers) {\n const markersLastIndex = markers.length - 1;\n const markerStartStyleProp = this.getStyle('marker-start');\n const markerMidStyleProp = this.getStyle('marker-mid');\n const markerEndStyleProp = this.getStyle('marker-end');\n if (markerStartStyleProp.isUrlDefinition()) {\n const marker = markerStartStyleProp.getDefinition();\n const [point, angle] = markers[0];\n marker.render(ctx, point, angle);\n }\n if (markerMidStyleProp.isUrlDefinition()) {\n const marker = markerMidStyleProp.getDefinition();\n for (let i = 1; i < markersLastIndex; i++) {\n const [point, angle] = markers[i];\n marker.render(ctx, point, angle);\n }\n }\n if (markerEndStyleProp.isUrlDefinition()) {\n const marker = markerEndStyleProp.getDefinition();\n const [point, angle] = markers[markersLastIndex];\n marker.render(ctx, point, angle);\n }\n }\n }\n pathM(ctx, boundingBox) {\n const { pathParser } = this;\n const point = pathParser.getAsCurrentPoint();\n const { x, y } = point;\n pathParser.addMarker(point);\n boundingBox.addPoint(x, y);\n if (ctx) {\n ctx.moveTo(x, y);\n }\n pathParser.start = pathParser.current;\n while (!pathParser.isCommandOrEnd()) {\n const point = pathParser.getAsCurrentPoint();\n const { x, y } = point;\n pathParser.addMarker(point, pathParser.start);\n boundingBox.addPoint(x, y);\n if (ctx) {\n ctx.lineTo(x, y);\n }\n }\n }\n pathL(ctx, boundingBox) {\n const { pathParser } = this;\n while (!pathParser.isCommandOrEnd()) {\n const { current } = pathParser;\n const point = pathParser.getAsCurrentPoint();\n const { x, y } = point;\n pathParser.addMarker(point, current);\n boundingBox.addPoint(x, y);\n if (ctx) {\n ctx.lineTo(x, y);\n }\n }\n }\n pathH(ctx, boundingBox) {\n const { pathParser } = this;\n while (!pathParser.isCommandOrEnd()) {\n const { current } = pathParser;\n const point = new Point((pathParser.isRelativeCommand()\n ? current.x\n : 0)\n + pathParser.getScalar(), current.y);\n pathParser.addMarker(point, current);\n pathParser.current = point;\n boundingBox.addPoint(point.x, point.y);\n if (ctx) {\n ctx.lineTo(point.x, point.y);\n }\n }\n }\n pathV(ctx, boundingBox) {\n const { pathParser } = this;\n while (!pathParser.isCommandOrEnd()) {\n const { current } = pathParser;\n const point = new Point(current.x, (pathParser.isRelativeCommand()\n ? current.y\n : 0)\n + pathParser.getScalar());\n pathParser.addMarker(point, current);\n pathParser.current = point;\n boundingBox.addPoint(point.x, point.y);\n if (ctx) {\n ctx.lineTo(point.x, point.y);\n }\n }\n }\n pathC(ctx, boundingBox) {\n const { pathParser } = this;\n while (!pathParser.isCommandOrEnd()) {\n const { current } = pathParser;\n const point = pathParser.getPoint();\n const controlPoint = pathParser.getAsControlPoint();\n const currentPoint = pathParser.getAsCurrentPoint();\n pathParser.addMarker(currentPoint, controlPoint, point);\n boundingBox.addBezierCurve(current.x, current.y, point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n if (ctx) {\n ctx.bezierCurveTo(point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }\n pathS(ctx, boundingBox) {\n const { pathParser } = this;\n while (!pathParser.isCommandOrEnd()) {\n const { current } = pathParser;\n const point = pathParser.getReflectedControlPoint();\n const controlPoint = pathParser.getAsControlPoint();\n const currentPoint = pathParser.getAsCurrentPoint();\n pathParser.addMarker(currentPoint, controlPoint, point);\n boundingBox.addBezierCurve(current.x, current.y, point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n if (ctx) {\n ctx.bezierCurveTo(point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }\n pathQ(ctx, boundingBox) {\n const { pathParser } = this;\n while (!pathParser.isCommandOrEnd()) {\n const { current } = pathParser;\n const controlPoint = pathParser.getAsControlPoint();\n const currentPoint = pathParser.getAsCurrentPoint();\n pathParser.addMarker(currentPoint, controlPoint, controlPoint);\n boundingBox.addQuadraticCurve(current.x, current.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n if (ctx) {\n ctx.quadraticCurveTo(controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }\n pathT(ctx, boundingBox) {\n const { pathParser } = this;\n while (!pathParser.isCommandOrEnd()) {\n const { current } = pathParser;\n const controlPoint = pathParser.getReflectedControlPoint();\n pathParser.control = controlPoint;\n const currentPoint = pathParser.getAsCurrentPoint();\n pathParser.addMarker(currentPoint, controlPoint, controlPoint);\n boundingBox.addQuadraticCurve(current.x, current.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n if (ctx) {\n ctx.quadraticCurveTo(controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }\n pathA(ctx, boundingBox) {\n const { pathParser } = this;\n while (!pathParser.isCommandOrEnd()) {\n const { current } = pathParser;\n let rx = pathParser.getScalar();\n let ry = pathParser.getScalar();\n const xAxisRotation = pathParser.getScalar() * (Math.PI / 180.0);\n const largeArcFlag = pathParser.getScalar();\n const sweepFlag = pathParser.getScalar();\n const currentPoint = pathParser.getAsCurrentPoint();\n // Conversion from endpoint to center parameterization\n // http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes\n // x1', y1'\n const currp = new Point(Math.cos(xAxisRotation) * (current.x - currentPoint.x) / 2.0\n + Math.sin(xAxisRotation) * (current.y - currentPoint.y) / 2.0, -Math.sin(xAxisRotation) * (current.x - currentPoint.x) / 2.0\n + Math.cos(xAxisRotation) * (current.y - currentPoint.y) / 2.0);\n // adjust radii\n const l = Math.pow(currp.x, 2) / Math.pow(rx, 2) + Math.pow(currp.y, 2) / Math.pow(ry, 2);\n if (l > 1) {\n rx *= Math.sqrt(l);\n ry *= Math.sqrt(l);\n }\n // cx', cy'\n let s = (largeArcFlag === sweepFlag ? -1 : 1) * Math.sqrt(((Math.pow(rx, 2) * Math.pow(ry, 2))\n - (Math.pow(rx, 2) * Math.pow(currp.y, 2))\n - (Math.pow(ry, 2) * Math.pow(currp.x, 2))) / (Math.pow(rx, 2) * Math.pow(currp.y, 2)\n + Math.pow(ry, 2) * Math.pow(currp.x, 2)));\n if (isNaN(s)) {\n s = 0;\n }\n const cpp = new Point(s * rx * currp.y / ry, s * -ry * currp.x / rx);\n // cx, cy\n const centp = new Point((current.x + currentPoint.x) / 2.0\n + Math.cos(xAxisRotation) * cpp.x\n - Math.sin(xAxisRotation) * cpp.y, (current.y + currentPoint.y) / 2.0\n + Math.sin(xAxisRotation) * cpp.x\n + Math.cos(xAxisRotation) * cpp.y);\n // initial angle\n const a1 = vectorsAngle([1, 0], [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry]);\n // angle delta\n const u = [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry];\n const v = [(-currp.x - cpp.x) / rx, (-currp.y - cpp.y) / ry];\n let ad = vectorsAngle(u, v);\n if (vectorsRatio(u, v) <= -1) {\n ad = Math.PI;\n }\n if (vectorsRatio(u, v) >= 1) {\n ad = 0;\n }\n // for markers\n const dir = 1 - sweepFlag ? 1.0 : -1.0;\n const ah = a1 + dir * (ad / 2.0);\n const halfWay = new Point(centp.x + rx * Math.cos(ah), centp.y + ry * Math.sin(ah));\n pathParser.addMarkerAngle(halfWay, ah - dir * Math.PI / 2);\n pathParser.addMarkerAngle(currentPoint, ah - dir * Math.PI);\n boundingBox.addPoint(currentPoint.x, currentPoint.y); // TODO: this is too naive, make it better\n if (ctx && !isNaN(a1) && !isNaN(ad)) {\n const r = rx > ry ? rx : ry;\n const sx = rx > ry ? 1 : rx / ry;\n const sy = rx > ry ? ry / rx : 1;\n ctx.translate(centp.x, centp.y);\n ctx.rotate(xAxisRotation);\n ctx.scale(sx, sy);\n ctx.arc(0, 0, r, a1, a1 + ad, Boolean(1 - sweepFlag));\n ctx.scale(1 / sx, 1 / sy);\n ctx.rotate(-xAxisRotation);\n ctx.translate(-centp.x, -centp.y);\n }\n }\n }\n pathZ(ctx, boundingBox) {\n const { pathParser } = this;\n if (ctx) {\n // only close path if it is not a straight line\n if (boundingBox.x1 !== boundingBox.x2\n && boundingBox.y1 !== boundingBox.y2) {\n ctx.closePath();\n }\n }\n pathParser.current = pathParser.start;\n }\n}\n\nclass SVGElement extends RenderedElement {\n constructor() {\n super(...arguments);\n this.type = 'svg';\n this.root = false;\n }\n clearContext(ctx) {\n super.clearContext(ctx);\n this.document.screen.viewPort.removeCurrent();\n }\n setContext(ctx) {\n const { document } = this;\n const { screen, window } = document;\n const canvas = ctx.canvas;\n screen.setDefaults(ctx);\n if (canvas.style\n && typeof ctx.font !== 'undefined'\n && window\n && typeof window.getComputedStyle !== 'undefined') {\n ctx.font = window.getComputedStyle(canvas).getPropertyValue('font');\n const fontSizeProp = new Property(document, 'fontSize', Font.parse(ctx.font).fontSize);\n if (fontSizeProp.hasValue()) {\n document.rootEmSize = fontSizeProp.getPixels('y');\n document.emSize = document.rootEmSize;\n }\n }\n super.setContext(ctx);\n // create new view port\n if (!this.getAttribute('x').hasValue()) {\n this.getAttribute('x', true).setValue(0);\n }\n if (!this.getAttribute('y').hasValue()) {\n this.getAttribute('y', true).setValue(0);\n }\n ctx.translate(this.getAttribute('x').getPixels('x'), this.getAttribute('y').getPixels('y'));\n let { width, height } = screen.viewPort;\n if (!this.getAttribute('width').hasValue()) {\n this.getAttribute('width', true).setValue('100%');\n }\n if (!this.getAttribute('height').hasValue()) {\n this.getAttribute('height', true).setValue('100%');\n }\n const refXAttr = this.getAttribute('refX');\n const refYAttr = this.getAttribute('refY');\n const viewBoxAttr = this.getAttribute('viewBox');\n const viewBox = viewBoxAttr.hasValue()\n ? toNumbers(viewBoxAttr.getString())\n : null;\n const clip = !this.root\n && this.getAttribute('overflow').getValue('hidden') !== 'visible';\n let minX = 0;\n let minY = 0;\n let clipX = 0;\n let clipY = 0;\n if (viewBox) {\n minX = viewBox[0];\n minY = viewBox[1];\n }\n if (!this.root) {\n width = this.getAttribute('width').getPixels('x');\n height = this.getAttribute('height').getPixels('y');\n if (this.type === 'marker') {\n clipX = minX;\n clipY = minY;\n minX = 0;\n minY = 0;\n }\n }\n screen.viewPort.setCurrent(width, height);\n if (viewBox) {\n width = viewBox[2];\n height = viewBox[3];\n }\n document.setViewBox({\n ctx,\n aspectRatio: this.getAttribute('preserveAspectRatio').getString(),\n width: screen.viewPort.width,\n desiredWidth: width,\n height: screen.viewPort.height,\n desiredHeight: height,\n minX,\n minY,\n refX: refXAttr.getValue(),\n refY: refYAttr.getValue(),\n clip,\n clipX,\n clipY\n });\n if (viewBox) {\n screen.viewPort.removeCurrent();\n screen.viewPort.setCurrent(width, height);\n }\n }\n /**\n * Resize SVG to fit in given size.\n * @param width\n * @param height\n * @param preserveAspectRatio\n */\n resize(width, height = width, preserveAspectRatio = false) {\n const widthAttr = this.getAttribute('width', true);\n const heightAttr = this.getAttribute('height', true);\n const viewBoxAttr = this.getAttribute('viewBox');\n const styleAttr = this.getAttribute('style');\n const originWidth = widthAttr.getNumber(0);\n const originHeight = heightAttr.getNumber(0);\n if (preserveAspectRatio) {\n if (typeof preserveAspectRatio === 'string') {\n this.getAttribute('preserveAspectRatio', true).setValue(preserveAspectRatio);\n }\n else {\n const preserveAspectRatioAttr = this.getAttribute('preserveAspectRatio');\n if (preserveAspectRatioAttr.hasValue()) {\n preserveAspectRatioAttr.setValue(preserveAspectRatioAttr.getString().replace(/^\\s*(\\S.*\\S)\\s*$/, '$1'));\n }\n }\n }\n widthAttr.setValue(width);\n heightAttr.setValue(height);\n if (!viewBoxAttr.hasValue()) {\n viewBoxAttr.setValue(`0 0 ${originWidth || width} ${originHeight || height}`);\n }\n if (styleAttr.hasValue()) {\n const widthStyle = this.getStyle('width');\n const heightStyle = this.getStyle('height');\n if (widthStyle.hasValue()) {\n widthStyle.setValue(`${width}px`);\n }\n if (heightStyle.hasValue()) {\n heightStyle.setValue(`${height}px`);\n }\n }\n }\n}\n\nclass RectElement extends PathElement {\n constructor() {\n super(...arguments);\n this.type = 'rect';\n }\n path(ctx) {\n const x = this.getAttribute('x').getPixels('x');\n const y = this.getAttribute('y').getPixels('y');\n const width = this.getAttribute('width').getPixels('x');\n const height = this.getAttribute('height').getPixels('y');\n const rxAttr = this.getAttribute('rx');\n const ryAttr = this.getAttribute('ry');\n let rx = rxAttr.getPixels('x');\n let ry = ryAttr.getPixels('y');\n if (rxAttr.hasValue() && !ryAttr.hasValue()) {\n ry = rx;\n }\n if (ryAttr.hasValue() && !rxAttr.hasValue()) {\n rx = ry;\n }\n rx = Math.min(rx, width / 2.0);\n ry = Math.min(ry, height / 2.0);\n if (ctx) {\n const KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);\n ctx.beginPath(); // always start the path so we don't fill prior paths\n if (height > 0 && width > 0) {\n ctx.moveTo(x + rx, y);\n ctx.lineTo(x + width - rx, y);\n ctx.bezierCurveTo(x + width - rx + (KAPPA * rx), y, x + width, y + ry - (KAPPA * ry), x + width, y + ry);\n ctx.lineTo(x + width, y + height - ry);\n ctx.bezierCurveTo(x + width, y + height - ry + (KAPPA * ry), x + width - rx + (KAPPA * rx), y + height, x + width - rx, y + height);\n ctx.lineTo(x + rx, y + height);\n ctx.bezierCurveTo(x + rx - (KAPPA * rx), y + height, x, y + height - ry + (KAPPA * ry), x, y + height - ry);\n ctx.lineTo(x, y + ry);\n ctx.bezierCurveTo(x, y + ry - (KAPPA * ry), x + rx - (KAPPA * rx), y, x + rx, y);\n ctx.closePath();\n }\n }\n return new BoundingBox(x, y, x + width, y + height);\n }\n getMarkers() {\n return null;\n }\n}\n\nclass CircleElement extends PathElement {\n constructor() {\n super(...arguments);\n this.type = 'circle';\n }\n path(ctx) {\n const cx = this.getAttribute('cx').getPixels('x');\n const cy = this.getAttribute('cy').getPixels('y');\n const r = this.getAttribute('r').getPixels();\n if (ctx && r > 0) {\n ctx.beginPath();\n ctx.arc(cx, cy, r, 0, Math.PI * 2, false);\n ctx.closePath();\n }\n return new BoundingBox(cx - r, cy - r, cx + r, cy + r);\n }\n getMarkers() {\n return null;\n }\n}\n\nclass EllipseElement extends PathElement {\n constructor() {\n super(...arguments);\n this.type = 'ellipse';\n }\n path(ctx) {\n const KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);\n const rx = this.getAttribute('rx').getPixels('x');\n const ry = this.getAttribute('ry').getPixels('y');\n const cx = this.getAttribute('cx').getPixels('x');\n const cy = this.getAttribute('cy').getPixels('y');\n if (ctx) {\n ctx.beginPath();\n ctx.moveTo(cx + rx, cy);\n ctx.bezierCurveTo(cx + rx, cy + (KAPPA * ry), cx + (KAPPA * rx), cy + ry, cx, cy + ry);\n ctx.bezierCurveTo(cx - (KAPPA * rx), cy + ry, cx - rx, cy + (KAPPA * ry), cx - rx, cy);\n ctx.bezierCurveTo(cx - rx, cy - (KAPPA * ry), cx - (KAPPA * rx), cy - ry, cx, cy - ry);\n ctx.bezierCurveTo(cx + (KAPPA * rx), cy - ry, cx + rx, cy - (KAPPA * ry), cx + rx, cy);\n ctx.closePath();\n }\n return new BoundingBox(cx - rx, cy - ry, cx + rx, cy + ry);\n }\n getMarkers() {\n return null;\n }\n}\n\nclass LineElement extends PathElement {\n constructor() {\n super(...arguments);\n this.type = 'line';\n }\n getPoints() {\n return [\n new Point(this.getAttribute('x1').getPixels('x'), this.getAttribute('y1').getPixels('y')),\n new Point(this.getAttribute('x2').getPixels('x'), this.getAttribute('y2').getPixels('y'))\n ];\n }\n path(ctx) {\n const [{ x: x0, y: y0 }, { x: x1, y: y1 }] = this.getPoints();\n if (ctx) {\n ctx.beginPath();\n ctx.moveTo(x0, y0);\n ctx.lineTo(x1, y1);\n }\n return new BoundingBox(x0, y0, x1, y1);\n }\n getMarkers() {\n const [p0, p1] = this.getPoints();\n const a = p0.angleTo(p1);\n return [\n [p0, a],\n [p1, a]\n ];\n }\n}\n\nclass PolylineElement extends PathElement {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'polyline';\n this.points = [];\n this.points = Point.parsePath(this.getAttribute('points').getString());\n }\n path(ctx) {\n const { points } = this;\n const [{ x: x0, y: y0 }] = points;\n const boundingBox = new BoundingBox(x0, y0);\n if (ctx) {\n ctx.beginPath();\n ctx.moveTo(x0, y0);\n }\n points.forEach(({ x, y }) => {\n boundingBox.addPoint(x, y);\n if (ctx) {\n ctx.lineTo(x, y);\n }\n });\n return boundingBox;\n }\n getMarkers() {\n const { points } = this;\n const lastIndex = points.length - 1;\n const markers = [];\n points.forEach((point, i) => {\n if (i === lastIndex) {\n return;\n }\n markers.push([\n point,\n point.angleTo(points[i + 1])\n ]);\n });\n if (markers.length > 0) {\n markers.push([\n points[points.length - 1],\n markers[markers.length - 1][1]\n ]);\n }\n return markers;\n }\n}\n\nclass PolygonElement extends PolylineElement {\n constructor() {\n super(...arguments);\n this.type = 'polygon';\n }\n path(ctx) {\n const boundingBox = super.path(ctx);\n const [{ x, y }] = this.points;\n if (ctx) {\n ctx.lineTo(x, y);\n ctx.closePath();\n }\n return boundingBox;\n }\n}\n\nclass PatternElement extends Element {\n constructor() {\n super(...arguments);\n this.type = 'pattern';\n }\n createPattern(ctx, _, parentOpacityProp) {\n const width = this.getAttribute('width').getPixels('x', true);\n const height = this.getAttribute('height').getPixels('y', true);\n // render me using a temporary svg element\n const patternSvg = new SVGElement(this.document, null);\n patternSvg.attributes.viewBox = new Property(this.document, 'viewBox', this.getAttribute('viewBox').getValue());\n patternSvg.attributes.width = new Property(this.document, 'width', `${width}px`);\n patternSvg.attributes.height = new Property(this.document, 'height', `${height}px`);\n patternSvg.attributes.transform = new Property(this.document, 'transform', this.getAttribute('patternTransform').getValue());\n patternSvg.children = this.children;\n const patternCanvas = this.document.createCanvas(width, height);\n const patternCtx = patternCanvas.getContext('2d');\n const xAttr = this.getAttribute('x');\n const yAttr = this.getAttribute('y');\n if (xAttr.hasValue() && yAttr.hasValue()) {\n patternCtx.translate(xAttr.getPixels('x', true), yAttr.getPixels('y', true));\n }\n if (parentOpacityProp.hasValue()) {\n this.styles['fill-opacity'] = parentOpacityProp;\n }\n else {\n Reflect.deleteProperty(this.styles, 'fill-opacity');\n }\n // render 3x3 grid so when we transform there's no white space on edges\n for (let x = -1; x <= 1; x++) {\n for (let y = -1; y <= 1; y++) {\n patternCtx.save();\n patternSvg.attributes.x = new Property(this.document, 'x', x * patternCanvas.width);\n patternSvg.attributes.y = new Property(this.document, 'y', y * patternCanvas.height);\n patternSvg.render(patternCtx);\n patternCtx.restore();\n }\n }\n const pattern = ctx.createPattern(patternCanvas, 'repeat');\n return pattern;\n }\n}\n\nclass MarkerElement extends Element {\n constructor() {\n super(...arguments);\n this.type = 'marker';\n }\n render(ctx, point, angle) {\n if (!point) {\n return;\n }\n const { x, y } = point;\n const orient = this.getAttribute('orient').getValue('auto');\n const markerUnits = this.getAttribute('markerUnits').getValue('strokeWidth');\n ctx.translate(x, y);\n if (orient === 'auto') {\n ctx.rotate(angle);\n }\n if (markerUnits === 'strokeWidth') {\n ctx.scale(ctx.lineWidth, ctx.lineWidth);\n }\n ctx.save();\n // render me using a temporary svg element\n const markerSvg = new SVGElement(this.document, null);\n markerSvg.type = this.type;\n markerSvg.attributes.viewBox = new Property(this.document, 'viewBox', this.getAttribute('viewBox').getValue());\n markerSvg.attributes.refX = new Property(this.document, 'refX', this.getAttribute('refX').getValue());\n markerSvg.attributes.refY = new Property(this.document, 'refY', this.getAttribute('refY').getValue());\n markerSvg.attributes.width = new Property(this.document, 'width', this.getAttribute('markerWidth').getValue());\n markerSvg.attributes.height = new Property(this.document, 'height', this.getAttribute('markerHeight').getValue());\n markerSvg.attributes.overflow = new Property(this.document, 'overflow', this.getAttribute('overflow').getValue());\n markerSvg.attributes.fill = new Property(this.document, 'fill', this.getAttribute('fill').getValue('black'));\n markerSvg.attributes.stroke = new Property(this.document, 'stroke', this.getAttribute('stroke').getValue('none'));\n markerSvg.children = this.children;\n markerSvg.render(ctx);\n ctx.restore();\n if (markerUnits === 'strokeWidth') {\n ctx.scale(1 / ctx.lineWidth, 1 / ctx.lineWidth);\n }\n if (orient === 'auto') {\n ctx.rotate(-angle);\n }\n ctx.translate(-x, -y);\n }\n}\n\nclass DefsElement extends Element {\n constructor() {\n super(...arguments);\n this.type = 'defs';\n }\n render() {\n // NOOP\n }\n}\n\nclass GElement extends RenderedElement {\n constructor() {\n super(...arguments);\n this.type = 'g';\n }\n getBoundingBox(ctx) {\n const boundingBox = new BoundingBox();\n this.children.forEach((child) => {\n boundingBox.addBoundingBox(child.getBoundingBox(ctx));\n });\n return boundingBox;\n }\n}\n\nclass GradientElement extends Element {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.attributesToInherit = [\n 'gradientUnits'\n ];\n this.stops = [];\n const { stops, children } = this;\n children.forEach((child) => {\n if (child.type === 'stop') {\n stops.push(child);\n }\n });\n }\n getGradientUnits() {\n return this.getAttribute('gradientUnits').getString('objectBoundingBox');\n }\n createGradient(ctx, element, parentOpacityProp) {\n // tslint:disable-next-line: no-this-assignment\n let stopsContainer = this;\n if (this.getHrefAttribute().hasValue()) {\n stopsContainer = this.getHrefAttribute().getDefinition();\n this.inheritStopContainer(stopsContainer);\n }\n const { stops } = stopsContainer;\n const gradient = this.getGradient(ctx, element);\n if (!gradient) {\n return this.addParentOpacity(parentOpacityProp, stops[stops.length - 1].color);\n }\n stops.forEach((stop) => {\n gradient.addColorStop(stop.offset, this.addParentOpacity(parentOpacityProp, stop.color));\n });\n if (this.getAttribute('gradientTransform').hasValue()) {\n // render as transformed pattern on temporary canvas\n const { document } = this;\n const { MAX_VIRTUAL_PIXELS, viewPort } = document.screen;\n const [rootView] = viewPort.viewPorts;\n const rect = new RectElement(document, null);\n rect.attributes.x = new Property(document, 'x', -MAX_VIRTUAL_PIXELS / 3.0);\n rect.attributes.y = new Property(document, 'y', -MAX_VIRTUAL_PIXELS / 3.0);\n rect.attributes.width = new Property(document, 'width', MAX_VIRTUAL_PIXELS);\n rect.attributes.height = new Property(document, 'height', MAX_VIRTUAL_PIXELS);\n const group = new GElement(document, null);\n group.attributes.transform = new Property(document, 'transform', this.getAttribute('gradientTransform').getValue());\n group.children = [rect];\n const patternSvg = new SVGElement(document, null);\n patternSvg.attributes.x = new Property(document, 'x', 0);\n patternSvg.attributes.y = new Property(document, 'y', 0);\n patternSvg.attributes.width = new Property(document, 'width', rootView.width);\n patternSvg.attributes.height = new Property(document, 'height', rootView.height);\n patternSvg.children = [group];\n const patternCanvas = document.createCanvas(rootView.width, rootView.height);\n const patternCtx = patternCanvas.getContext('2d');\n patternCtx.fillStyle = gradient;\n patternSvg.render(patternCtx);\n return patternCtx.createPattern(patternCanvas, 'no-repeat');\n }\n return gradient;\n }\n inheritStopContainer(stopsContainer) {\n this.attributesToInherit.forEach((attributeToInherit) => {\n if (!this.getAttribute(attributeToInherit).hasValue()\n && stopsContainer.getAttribute(attributeToInherit).hasValue()) {\n this.getAttribute(attributeToInherit, true)\n .setValue(stopsContainer.getAttribute(attributeToInherit).getValue());\n }\n });\n }\n addParentOpacity(parentOpacityProp, color) {\n if (parentOpacityProp.hasValue()) {\n const colorProp = new Property(this.document, 'color', color);\n return colorProp.addOpacity(parentOpacityProp).getString();\n }\n return color;\n }\n}\n\nclass LinearGradientElement extends GradientElement {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'linearGradient';\n this.attributesToInherit.push('x1', 'y1', 'x2', 'y2');\n }\n getGradient(ctx, element) {\n const boundingBox = this.getGradientUnits() === 'objectBoundingBox'\n ? element.getBoundingBox(ctx)\n : null;\n if (!this.getAttribute('x1').hasValue()\n && !this.getAttribute('y1').hasValue()\n && !this.getAttribute('x2').hasValue()\n && !this.getAttribute('y2').hasValue()) {\n this.getAttribute('x1', true).setValue(0);\n this.getAttribute('y1', true).setValue(0);\n this.getAttribute('x2', true).setValue(1);\n this.getAttribute('y2', true).setValue(0);\n }\n const x1 = this.getGradientUnits() === 'objectBoundingBox'\n ? boundingBox.x + boundingBox.width * this.getAttribute('x1').getNumber()\n : this.getAttribute('x1').getPixels('x');\n const y1 = this.getGradientUnits() === 'objectBoundingBox'\n ? boundingBox.y + boundingBox.height * this.getAttribute('y1').getNumber()\n : this.getAttribute('y1').getPixels('y');\n const x2 = this.getGradientUnits() === 'objectBoundingBox'\n ? boundingBox.x + boundingBox.width * this.getAttribute('x2').getNumber()\n : this.getAttribute('x2').getPixels('x');\n const y2 = this.getGradientUnits() === 'objectBoundingBox'\n ? boundingBox.y + boundingBox.height * this.getAttribute('y2').getNumber()\n : this.getAttribute('y2').getPixels('y');\n if (x1 === x2 && y1 === y2) {\n return null;\n }\n return ctx.createLinearGradient(x1, y1, x2, y2);\n }\n}\n\nclass RadialGradientElement extends GradientElement {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'radialGradient';\n this.attributesToInherit.push('cx', 'cy', 'r', 'fx', 'fy', 'fr');\n }\n getGradient(ctx, element) {\n const boundingBox = element.getBoundingBox(ctx);\n if (!this.getAttribute('cx').hasValue()) {\n this.getAttribute('cx', true).setValue('50%');\n }\n if (!this.getAttribute('cy').hasValue()) {\n this.getAttribute('cy', true).setValue('50%');\n }\n if (!this.getAttribute('r').hasValue()) {\n this.getAttribute('r', true).setValue('50%');\n }\n const cx = this.getGradientUnits() === 'objectBoundingBox'\n ? boundingBox.x + boundingBox.width * this.getAttribute('cx').getNumber()\n : this.getAttribute('cx').getPixels('x');\n const cy = this.getGradientUnits() === 'objectBoundingBox'\n ? boundingBox.y + boundingBox.height * this.getAttribute('cy').getNumber()\n : this.getAttribute('cy').getPixels('y');\n let fx = cx;\n let fy = cy;\n if (this.getAttribute('fx').hasValue()) {\n fx = this.getGradientUnits() === 'objectBoundingBox'\n ? boundingBox.x + boundingBox.width * this.getAttribute('fx').getNumber()\n : this.getAttribute('fx').getPixels('x');\n }\n if (this.getAttribute('fy').hasValue()) {\n fy = this.getGradientUnits() === 'objectBoundingBox'\n ? boundingBox.y + boundingBox.height * this.getAttribute('fy').getNumber()\n : this.getAttribute('fy').getPixels('y');\n }\n const r = this.getGradientUnits() === 'objectBoundingBox'\n ? (boundingBox.width + boundingBox.height) / 2.0 * this.getAttribute('r').getNumber()\n : this.getAttribute('r').getPixels();\n const fr = this.getAttribute('fr').getPixels();\n return ctx.createRadialGradient(fx, fy, fr, cx, cy, r);\n }\n}\n\nclass StopElement extends Element {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'stop';\n const offset = Math.max(0, Math.min(1, this.getAttribute('offset').getNumber()));\n const stopOpacity = this.getStyle('stop-opacity');\n let stopColor = this.getStyle('stop-color', true);\n if (stopColor.getString() === '') {\n stopColor.setValue('#000');\n }\n if (stopOpacity.hasValue()) {\n stopColor = stopColor.addOpacity(stopOpacity);\n }\n this.offset = offset;\n this.color = stopColor.getString();\n }\n}\n\nclass AnimateElement extends Element {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'animate';\n this.duration = 0;\n this.initialValue = null;\n this.initialUnits = '';\n this.removed = false;\n this.frozen = false;\n document.screen.animations.push(this);\n this.begin = this.getAttribute('begin').getMilliseconds();\n this.maxDuration = this.begin + this.getAttribute('dur').getMilliseconds();\n this.from = this.getAttribute('from');\n this.to = this.getAttribute('to');\n this.values = this.getAttribute('values');\n if (this.values.hasValue()) {\n this.values.setValue(this.values.getString().split(';'));\n }\n }\n getProperty() {\n const attributeType = this.getAttribute('attributeType').getString();\n const attributeName = this.getAttribute('attributeName').getString();\n if (attributeType === 'CSS') {\n return this.parent.getStyle(attributeName, true);\n }\n return this.parent.getAttribute(attributeName, true);\n }\n calcValue() {\n const { initialUnits } = this;\n const { progress, from, to } = this.getProgress();\n // tween value linearly\n let newValue = from.getNumber() + (to.getNumber() - from.getNumber()) * progress;\n if (initialUnits === '%') {\n newValue *= 100.0; // numValue() returns 0-1 whereas properties are 0-100\n }\n return `${newValue}${initialUnits}`;\n }\n update(delta) {\n const { parent } = this;\n const prop = this.getProperty();\n // set initial value\n if (!this.initialValue) {\n this.initialValue = prop.getString();\n this.initialUnits = prop.getUnits();\n }\n // if we're past the end time\n if (this.duration > this.maxDuration) {\n const fill = this.getAttribute('fill').getString('remove');\n // loop for indefinitely repeating animations\n if (this.getAttribute('repeatCount').getString() === 'indefinite'\n || this.getAttribute('repeatDur').getString() === 'indefinite') {\n this.duration = 0;\n }\n else if (fill === 'freeze' && !this.frozen) {\n this.frozen = true;\n parent.animationFrozen = true;\n parent.animationFrozenValue = prop.getString();\n }\n else if (fill === 'remove' && !this.removed) {\n this.removed = true;\n prop.setValue(parent.animationFrozen\n ? parent.animationFrozenValue\n : this.initialValue);\n return true;\n }\n return false;\n }\n this.duration += delta;\n // if we're past the begin time\n let updated = false;\n if (this.begin < this.duration) {\n let newValue = this.calcValue(); // tween\n const typeAttr = this.getAttribute('type');\n if (typeAttr.hasValue()) {\n // for transform, etc.\n const type = typeAttr.getString();\n newValue = `${type}(${newValue})`;\n }\n prop.setValue(newValue);\n updated = true;\n }\n return updated;\n }\n getProgress() {\n const { document, values } = this;\n const result = {\n progress: (this.duration - this.begin) / (this.maxDuration - this.begin)\n };\n if (values.hasValue()) {\n const p = result.progress * (values.getValue().length - 1);\n const lb = Math.floor(p);\n const ub = Math.ceil(p);\n result.from = new Property(document, 'from', parseFloat(values.getValue()[lb]));\n result.to = new Property(document, 'to', parseFloat(values.getValue()[ub]));\n result.progress = (p - lb) / (ub - lb);\n }\n else {\n result.from = this.from;\n result.to = this.to;\n }\n return result;\n }\n}\n\nclass AnimateColorElement extends AnimateElement {\n constructor() {\n super(...arguments);\n this.type = 'animateColor';\n }\n calcValue() {\n const { progress, from, to } = this.getProgress();\n const colorFrom = new RGBColor(from.getString());\n const colorTo = new RGBColor(to.getString());\n if (colorFrom.ok && colorTo.ok) {\n // tween color linearly\n const r = colorFrom.r + (colorTo.r - colorFrom.r) * progress;\n const g = colorFrom.g + (colorTo.g - colorFrom.g) * progress;\n const b = colorFrom.b + (colorTo.b - colorFrom.b) * progress;\n // ? alpha\n return `rgb(${parseInt(r, 10)}, ${parseInt(g, 10)}, ${parseInt(b, 10)})`;\n }\n return this.getAttribute('from').getString();\n }\n}\n\nclass AnimateTransformElement extends AnimateElement {\n constructor() {\n super(...arguments);\n this.type = 'animateTransform';\n }\n calcValue() {\n const { progress, from, to } = this.getProgress();\n // tween value linearly\n const transformFrom = toNumbers(from.getString());\n const transformTo = toNumbers(to.getString());\n const newValue = transformFrom.map((from, i) => {\n const to = transformTo[i];\n return from + (to - from) * progress;\n }).join(' ');\n return newValue;\n }\n}\n\nclass FontElement extends Element {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'font';\n this.glyphs = {};\n this.horizAdvX = this.getAttribute('horiz-adv-x').getNumber();\n const { definitions } = document;\n const { children } = this;\n for (const child of children) {\n switch (child.type) {\n case 'font-face': {\n this.fontFace = child;\n const fontFamilyStyle = child.getStyle('font-family');\n if (fontFamilyStyle.hasValue()) {\n definitions[fontFamilyStyle.getString()] = this;\n }\n break;\n }\n case 'missing-glyph':\n this.missingGlyph = child;\n break;\n case 'glyph': {\n const glyph = child;\n if (glyph.arabicForm) {\n this.isRTL = true;\n this.isArabic = true;\n if (typeof this.glyphs[glyph.unicode] === 'undefined') {\n this.glyphs[glyph.unicode] = {};\n }\n this.glyphs[glyph.unicode][glyph.arabicForm] = glyph;\n }\n else {\n this.glyphs[glyph.unicode] = glyph;\n }\n break;\n }\n }\n }\n }\n render() {\n // NO RENDER\n }\n}\n\nclass FontFaceElement extends Element {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'font-face';\n this.ascent = this.getAttribute('ascent').getNumber();\n this.descent = this.getAttribute('descent').getNumber();\n this.unitsPerEm = this.getAttribute('units-per-em').getNumber();\n }\n}\n\nclass MissingGlyphElement extends PathElement {\n constructor() {\n super(...arguments);\n this.type = 'missing-glyph';\n this.horizAdvX = 0;\n }\n}\n\nclass GlyphElement extends PathElement {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'glyph';\n this.horizAdvX = this.getAttribute('horiz-adv-x').getNumber();\n this.unicode = this.getAttribute('unicode').getString();\n this.arabicForm = this.getAttribute('arabic-form').getString();\n }\n}\n\nclass TRefElement extends TextElement {\n constructor() {\n super(...arguments);\n this.type = 'tref';\n }\n getText() {\n const element = this.getHrefAttribute().getDefinition();\n if (element) {\n const firstChild = element.children[0];\n if (firstChild) {\n return firstChild.getText();\n }\n }\n return '';\n }\n}\n\nclass AElement extends TextElement {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'a';\n const { childNodes } = node;\n const firstChild = childNodes[0];\n const hasText = childNodes.length > 0\n && Array.from(childNodes).every(node => node.nodeType === 3);\n this.hasText = hasText;\n this.text = hasText\n ? this.getTextFromNode(firstChild)\n : '';\n }\n getText() {\n return this.text;\n }\n renderChildren(ctx) {\n if (this.hasText) {\n // render as text element\n super.renderChildren(ctx);\n const { document, x, y } = this;\n const { mouse } = document.screen;\n const fontSize = new Property(document, 'fontSize', Font.parse(document.ctx.font).fontSize);\n // Do not calc bounding box if mouse is not working.\n if (mouse.isWorking()) {\n mouse.checkBoundingBox(this, new BoundingBox(x, y - fontSize.getPixels('y'), x + this.measureText(ctx), y));\n }\n }\n else if (this.children.length > 0) {\n // render as temporary group\n const g = new GElement(this.document, null);\n g.children = this.children;\n g.parent = this;\n g.render(ctx);\n }\n }\n onClick() {\n const { window } = this.document;\n if (window) {\n window.open(this.getHrefAttribute().getString());\n }\n }\n onMouseMove() {\n const ctx = this.document.ctx;\n ctx.canvas.style.cursor = 'pointer';\n }\n}\n\nclass TextPathElement extends TextElement {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'textPath';\n this.textWidth = 0;\n this.textHeight = 0;\n this.pathLength = -1;\n this.glyphInfo = null;\n this.letterSpacingCache = [];\n this.measuresCache = new Map([['', 0]]);\n const pathElement = this.getHrefAttribute().getDefinition();\n this.text = this.getTextFromNode();\n this.dataArray = this.parsePathData(pathElement);\n }\n getText() {\n return this.text;\n }\n path(ctx) {\n const { dataArray } = this;\n if (ctx) {\n ctx.beginPath();\n }\n dataArray.forEach(({ command, points }) => {\n switch (command) {\n case 'L':\n if (ctx) {\n ctx.lineTo(points[0], points[1]);\n }\n break;\n case 'M':\n if (ctx) {\n ctx.moveTo(points[0], points[1]);\n }\n break;\n case 'C':\n if (ctx) {\n ctx.bezierCurveTo(points[0], points[1], points[2], points[3], points[4], points[5]);\n }\n break;\n case 'Q':\n if (ctx) {\n ctx.quadraticCurveTo(points[0], points[1], points[2], points[3]);\n }\n break;\n case 'A': {\n const cx = points[0];\n const cy = points[1];\n const rx = points[2];\n const ry = points[3];\n const theta = points[4];\n const dTheta = points[5];\n const psi = points[6];\n const fs = points[7];\n const r = (rx > ry) ? rx : ry;\n const scaleX = (rx > ry) ? 1 : rx / ry;\n const scaleY = (rx > ry) ? ry / rx : 1;\n if (ctx) {\n ctx.translate(cx, cy);\n ctx.rotate(psi);\n ctx.scale(scaleX, scaleY);\n ctx.arc(0, 0, r, theta, theta + dTheta, Boolean(1 - fs));\n ctx.scale(1 / scaleX, 1 / scaleY);\n ctx.rotate(-psi);\n ctx.translate(-cx, -cy);\n }\n break;\n }\n case 'z':\n if (ctx) {\n ctx.closePath();\n }\n break;\n }\n });\n }\n renderChildren(ctx) {\n this.setTextData(ctx);\n ctx.save();\n const textDecoration = this.parent.getStyle('text-decoration').getString();\n const fontSize = this.getFontSize();\n const { glyphInfo } = this;\n const fill = ctx.fillStyle;\n if (textDecoration === 'underline') {\n ctx.beginPath();\n }\n glyphInfo.forEach((glyph, i) => {\n const { p0, p1, text: partialText } = glyph;\n ctx.save();\n ctx.translate(p0.x, p0.y);\n ctx.rotate(glyphInfo[i].rotation);\n if (ctx.fillStyle) {\n ctx.fillText(partialText, 0, 0);\n }\n if (ctx.strokeStyle) {\n ctx.strokeText(partialText, 0, 0);\n }\n ctx.restore();\n if (textDecoration === 'underline') {\n if (i === 0) {\n ctx.moveTo(p0.x, p0.y + fontSize / 8);\n }\n ctx.lineTo(p1.x, p1.y + fontSize / 5);\n }\n //// To assist with debugging visually, uncomment following\n //\n // ctx.beginPath();\n // if (i % 2)\n // \tctx.strokeStyle = 'red';\n // else\n // \tctx.strokeStyle = 'green';\n // ctx.moveTo(p0.x, p0.y);\n // ctx.lineTo(p1.x, p1.y);\n // ctx.stroke();\n // ctx.closePath();\n });\n if (textDecoration === 'underline') {\n ctx.lineWidth = fontSize / 20;\n ctx.strokeStyle = fill;\n ctx.stroke();\n ctx.closePath();\n }\n ctx.restore();\n }\n getLetterSpacingAt(idx = 0) {\n return this.letterSpacingCache[idx] || 0;\n }\n findSegmentToFitChar(ctx, anchor, textFullWidth, fullPathWidth, spacesNumber, inputOffset, c, charI) {\n let offset = inputOffset;\n let glyphWidth = this.measureText(ctx, c);\n if (c === ' '\n && anchor === 'justify'\n && textFullWidth < fullPathWidth) {\n glyphWidth += (fullPathWidth - textFullWidth) / spacesNumber;\n }\n if (charI > -1) {\n offset += this.getLetterSpacingAt(charI);\n }\n const splineStep = this.textHeight / 20;\n const segment = {\n p0: this.getEquidistantPointOnPath(offset, splineStep),\n p1: this.getEquidistantPointOnPath(offset + glyphWidth, splineStep)\n };\n offset += glyphWidth;\n return {\n offset,\n segment\n };\n }\n measureText(ctx, text) {\n const { measuresCache } = this;\n const targetText = text || this.getText();\n if (measuresCache.has(targetText)) {\n return measuresCache.get(targetText);\n }\n const measure = this.measureTargetText(ctx, targetText);\n measuresCache.set(targetText, measure);\n return measure;\n }\n // This method supposes what all custom fonts already loaded.\n // If some font will be loaded after this method call, will not be rendered correctly.\n // You need to call this method manually to update glyphs cache.\n setTextData(ctx) {\n if (this.glyphInfo) {\n return;\n }\n const renderText = this.getText();\n const chars = renderText.split('');\n const spacesNumber = renderText.split(' ').length - 1;\n const dx = toNumbers(this.parent.getAttribute('dx').getString('0'));\n const anchor = this.parent.getStyle('text-anchor').getString('start');\n const thisSpacing = this.getStyle('letter-spacing');\n const parentSpacing = this.parent.getStyle('letter-spacing');\n let letterSpacing = 0;\n if (!thisSpacing.hasValue()\n || thisSpacing.getValue() === 'inherit') {\n letterSpacing = parentSpacing.getPixels();\n }\n else if (thisSpacing.hasValue()) {\n if (thisSpacing.getValue() !== 'initial'\n && thisSpacing.getValue() !== 'unset') {\n letterSpacing = thisSpacing.getPixels();\n }\n }\n // fill letter-spacing cache\n const letterSpacingCache = [];\n const textLen = renderText.length;\n this.letterSpacingCache = letterSpacingCache;\n for (let i = 0; i < textLen; i++) {\n letterSpacingCache.push(typeof dx[i] !== 'undefined'\n ? dx[i]\n : letterSpacing);\n }\n const dxSum = letterSpacingCache.reduce((acc, cur) => acc + cur || 0, 0);\n this.textWidth = this.measureText(ctx);\n this.textHeight = this.getFontSize();\n const textFullWidth = Math.max(this.textWidth + dxSum, 0);\n this.glyphInfo = [];\n const fullPathWidth = this.getPathLength();\n const startOffset = this.getStyle('startOffset').getNumber(0) * fullPathWidth;\n let offset = 0;\n if (anchor === 'middle'\n || anchor === 'center') {\n offset = -textFullWidth / 2;\n }\n if (anchor === 'end'\n || anchor === 'right') {\n offset = -textFullWidth;\n }\n offset += startOffset;\n chars.forEach((char, i) => {\n // Find such segment what distance between p0 and p1 is approx. width of glyph\n const { offset: nextOffset, segment } = this.findSegmentToFitChar(ctx, anchor, textFullWidth, fullPathWidth, spacesNumber, offset, char, i);\n offset = nextOffset;\n if (!segment.p0 || !segment.p1) {\n return;\n }\n const width = this.getLineLength(segment.p0.x, segment.p0.y, segment.p1.x, segment.p1.y);\n // Note: Since glyphs are rendered one at a time, any kerning pair data built into the font will not be used.\n // Can foresee having a rough pair table built in that the developer can override as needed.\n // Or use \"dx\" attribute of the node as a naive replacement\n const kern = 0;\n // placeholder for future implementation\n const midpoint = this.getPointOnLine(kern + width / 2.0, segment.p0.x, segment.p0.y, segment.p1.x, segment.p1.y);\n const rotation = Math.atan2((segment.p1.y - segment.p0.y), (segment.p1.x - segment.p0.x));\n this.glyphInfo.push({\n transposeX: midpoint.x,\n transposeY: midpoint.y,\n text: chars[i],\n p0: segment.p0,\n p1: segment.p1,\n rotation\n });\n });\n }\n parsePathData(path) {\n this.pathLength = -1; // reset path length\n if (!path) {\n return [];\n }\n const pathCommands = [];\n const pathParser = path.pathParser;\n pathParser.reset();\n // convert l, H, h, V, and v to L\n while (!pathParser.isEnd()) {\n const { current } = pathParser;\n const startX = current ? current.x : 0;\n const startY = current ? current.y : 0;\n let cmd = '';\n let points = [];\n pathParser.nextCommand();\n const upperCommand = pathParser.command.toUpperCase();\n switch (pathParser.command) {\n case 'M':\n case 'm':\n cmd = this.pathM(pathParser, points);\n break;\n case 'L':\n case 'l':\n cmd = this.pathL(pathParser, points);\n break;\n case 'H':\n case 'h':\n cmd = this.pathH(pathParser, points);\n break;\n case 'V':\n case 'v':\n cmd = this.pathV(pathParser, points);\n break;\n case 'C':\n case 'c':\n this.pathC(pathParser, points);\n break;\n case 'S':\n case 's':\n cmd = this.pathS(pathParser, points);\n break;\n case 'Q':\n case 'q':\n this.pathQ(pathParser, points);\n break;\n case 'T':\n case 't':\n cmd = this.pathT(pathParser, points);\n break;\n case 'A':\n case 'a':\n points = this.pathA(pathParser);\n break;\n case 'Z':\n case 'z':\n pathParser.current = pathParser.start;\n break;\n }\n if (upperCommand !== 'Z') {\n pathCommands.push({\n command: cmd || upperCommand,\n points,\n start: {\n x: startX,\n y: startY\n },\n pathLength: this.calcLength(startX, startY, cmd || upperCommand, points)\n });\n }\n else {\n pathCommands.push({\n command: 'z',\n points: [],\n pathLength: 0\n });\n }\n }\n return pathCommands;\n }\n pathM(pathParser, points) {\n const p = pathParser.getAsCurrentPoint();\n // pathParser.addMarker(p);\n points.push(p.x, p.y);\n pathParser.start = pathParser.current;\n while (!pathParser.isCommandOrEnd()) {\n const p = pathParser.getAsCurrentPoint();\n points.push(p.x, p.y);\n return 'L';\n }\n }\n pathL(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n const p = pathParser.getAsCurrentPoint();\n points.push(p.x, p.y);\n }\n return 'L';\n }\n pathH(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n const { current } = pathParser;\n const point = new Point((pathParser.isRelativeCommand()\n ? current.x\n : 0) + pathParser.getScalar(), current.y);\n points.push(point.x, point.y);\n pathParser.current = point;\n }\n return 'L';\n }\n pathV(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n const { current } = pathParser;\n const point = new Point(current.x, (pathParser.isRelativeCommand()\n ? current.y\n : 0) + pathParser.getScalar());\n points.push(point.x, point.y);\n pathParser.current = point;\n }\n return 'L';\n }\n pathC(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n const point = pathParser.getPoint();\n const controlPoint = pathParser.getAsControlPoint();\n const currentPoint = pathParser.getAsCurrentPoint();\n points.push(point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n pathS(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n const point = pathParser.getReflectedControlPoint();\n const controlPoint = pathParser.getAsControlPoint();\n const currentPoint = pathParser.getAsCurrentPoint();\n points.push(point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n return 'C';\n }\n pathQ(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n const controlPoint = pathParser.getAsControlPoint();\n const currentPoint = pathParser.getAsCurrentPoint();\n points.push(controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n pathT(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n const controlPoint = pathParser.getReflectedControlPoint();\n pathParser.control = controlPoint;\n const currentPoint = pathParser.getAsCurrentPoint();\n points.push(controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n return 'Q';\n }\n pathA(pathParser) {\n while (!pathParser.isCommandOrEnd()) {\n const { current } = pathParser; // x1, y1\n let rx = pathParser.getScalar();\n let ry = pathParser.getScalar();\n const xAxisRotation = pathParser.getScalar() * (Math.PI / 180.0); // φ\n const largeArcFlag = pathParser.getScalar(); // fA\n const sweepFlag = pathParser.getScalar(); // fS\n const currentPoint = pathParser.getAsCurrentPoint(); // x2, y2\n // Conversion from endpoint to center parameterization\n // http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes\n // x1', y1'\n const currp = new Point(Math.cos(xAxisRotation) * (current.x - currentPoint.x) / 2.0\n + Math.sin(xAxisRotation) * (current.y - currentPoint.y) / 2.0, -Math.sin(xAxisRotation) * (current.x - currentPoint.x) / 2.0\n + Math.cos(xAxisRotation) * (current.y - currentPoint.y) / 2.0);\n // adjust radii\n const l = (Math.pow(currp.x, 2) / Math.pow(rx, 2)\n + Math.pow(currp.y, 2) / Math.pow(ry, 2));\n if (l > 1) {\n rx *= Math.sqrt(l);\n ry *= Math.sqrt(l);\n }\n // cx', cy'\n let s = (largeArcFlag === sweepFlag ? -1 : 1) * Math.sqrt(((Math.pow(rx, 2) * Math.pow(ry, 2))\n - (Math.pow(rx, 2) * Math.pow(currp.y, 2))\n - (Math.pow(ry, 2) * Math.pow(currp.x, 2))) / (Math.pow(rx, 2) * Math.pow(currp.y, 2)\n + Math.pow(ry, 2) * Math.pow(currp.x, 2)));\n if (isNaN(s)) {\n s = 0;\n }\n const cpp = new Point(s * rx * currp.y / ry, s * -ry * currp.x / rx);\n // cx, cy\n const centp = new Point((current.x + currentPoint.x) / 2.0\n + Math.cos(xAxisRotation) * cpp.x\n - Math.sin(xAxisRotation) * cpp.y, (current.y + currentPoint.y) / 2.0\n + Math.sin(xAxisRotation) * cpp.x\n + Math.cos(xAxisRotation) * cpp.y);\n // initial angle\n const a1 = vectorsAngle([1, 0], [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry]); // θ1\n // angle delta\n const u = [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry];\n const v = [(-currp.x - cpp.x) / rx, (-currp.y - cpp.y) / ry];\n let ad = vectorsAngle(u, v); // Δθ\n if (vectorsRatio(u, v) <= -1) {\n ad = Math.PI;\n }\n if (vectorsRatio(u, v) >= 1) {\n ad = 0;\n }\n if (sweepFlag === 0 && ad > 0) {\n ad = ad - 2 * Math.PI;\n }\n if (sweepFlag === 1 && ad < 0) {\n ad = ad + 2 * Math.PI;\n }\n return [\n centp.x,\n centp.y,\n rx,\n ry,\n a1,\n ad,\n xAxisRotation,\n sweepFlag\n ];\n }\n }\n calcLength(x, y, cmd, points) {\n let len = 0;\n let p1 = null;\n let p2 = null;\n let t = 0;\n switch (cmd) {\n case 'L':\n return this.getLineLength(x, y, points[0], points[1]);\n case 'C':\n // Approximates by breaking curve into 100 line segments\n len = 0.0;\n p1 = this.getPointOnCubicBezier(0, x, y, points[0], points[1], points[2], points[3], points[4], points[5]);\n for (t = 0.01; t <= 1; t += 0.01) {\n p2 = this.getPointOnCubicBezier(t, x, y, points[0], points[1], points[2], points[3], points[4], points[5]);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n p1 = p2;\n }\n return len;\n case 'Q':\n // Approximates by breaking curve into 100 line segments\n len = 0.0;\n p1 = this.getPointOnQuadraticBezier(0, x, y, points[0], points[1], points[2], points[3]);\n for (t = 0.01; t <= 1; t += 0.01) {\n p2 = this.getPointOnQuadraticBezier(t, x, y, points[0], points[1], points[2], points[3]);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n p1 = p2;\n }\n return len;\n case 'A':\n // Approximates by breaking curve into line segments\n len = 0.0;\n const start = points[4];\n // 4 = theta\n const dTheta = points[5];\n // 5 = dTheta\n const end = points[4] + dTheta;\n let inc = Math.PI / 180.0;\n // 1 degree resolution\n if (Math.abs(start - end) < inc) {\n inc = Math.abs(start - end);\n }\n // Note: for purpose of calculating arc length, not going to worry about rotating X-axis by angle psi\n p1 = this.getPointOnEllipticalArc(points[0], points[1], points[2], points[3], start, 0);\n if (dTheta < 0) { // clockwise\n for (t = start - inc; t > end; t -= inc) {\n p2 = this.getPointOnEllipticalArc(points[0], points[1], points[2], points[3], t, 0);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n p1 = p2;\n }\n }\n else { // counter-clockwise\n for (t = start + inc; t < end; t += inc) {\n p2 = this.getPointOnEllipticalArc(points[0], points[1], points[2], points[3], t, 0);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n p1 = p2;\n }\n }\n p2 = this.getPointOnEllipticalArc(points[0], points[1], points[2], points[3], end, 0);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n return len;\n }\n return 0;\n }\n getPointOnLine(dist, P1x, P1y, P2x, P2y, fromX = P1x, fromY = P1y) {\n const m = (P2y - P1y) / ((P2x - P1x) + PSEUDO_ZERO);\n let run = Math.sqrt(dist * dist / (1 + m * m));\n if (P2x < P1x) {\n run *= -1;\n }\n let rise = m * run;\n let pt = null;\n if (P2x === P1x) { // vertical line\n pt = {\n x: fromX,\n y: fromY + rise\n };\n }\n else if ((fromY - P1y) / ((fromX - P1x) + PSEUDO_ZERO) === m) {\n pt = {\n x: fromX + run,\n y: fromY + rise\n };\n }\n else {\n let ix = 0;\n let iy = 0;\n const len = this.getLineLength(P1x, P1y, P2x, P2y);\n if (len < PSEUDO_ZERO) {\n return null;\n }\n let u = (((fromX - P1x) * (P2x - P1x))\n + ((fromY - P1y) * (P2y - P1y)));\n u = u / (len * len);\n ix = P1x + u * (P2x - P1x);\n iy = P1y + u * (P2y - P1y);\n const pRise = this.getLineLength(fromX, fromY, ix, iy);\n const pRun = Math.sqrt(dist * dist - pRise * pRise);\n run = Math.sqrt(pRun * pRun / (1 + m * m));\n if (P2x < P1x) {\n run *= -1;\n }\n rise = m * run;\n pt = {\n x: ix + run,\n y: iy + rise\n };\n }\n return pt;\n }\n getPointOnPath(distance) {\n const fullLen = this.getPathLength();\n let cumulativePathLength = 0;\n let p = null;\n if (distance < -0.00005\n || distance - 0.00005 > fullLen) {\n return null;\n }\n const { dataArray } = this;\n for (const pathCmd of dataArray) {\n if (pathCmd\n && (pathCmd.pathLength < 0.00005\n || cumulativePathLength + pathCmd.pathLength + 0.00005 < distance)) {\n cumulativePathLength += pathCmd.pathLength;\n continue;\n }\n const delta = distance - cumulativePathLength;\n let currentT = 0;\n switch (pathCmd.command) {\n case 'L':\n p = this.getPointOnLine(delta, pathCmd.start.x, pathCmd.start.y, pathCmd.points[0], pathCmd.points[1], pathCmd.start.x, pathCmd.start.y);\n break;\n case 'A':\n const start = pathCmd.points[4];\n // 4 = theta\n const dTheta = pathCmd.points[5];\n // 5 = dTheta\n const end = pathCmd.points[4] + dTheta;\n currentT = start + delta / pathCmd.pathLength * dTheta;\n if (dTheta < 0 && currentT < end\n || dTheta >= 0 && currentT > end) {\n break;\n }\n p = this.getPointOnEllipticalArc(pathCmd.points[0], pathCmd.points[1], pathCmd.points[2], pathCmd.points[3], currentT, pathCmd.points[6]);\n break;\n case 'C':\n currentT = delta / pathCmd.pathLength;\n if (currentT > 1) {\n currentT = 1;\n }\n p = this.getPointOnCubicBezier(currentT, pathCmd.start.x, pathCmd.start.y, pathCmd.points[0], pathCmd.points[1], pathCmd.points[2], pathCmd.points[3], pathCmd.points[4], pathCmd.points[5]);\n break;\n case 'Q':\n currentT = delta / pathCmd.pathLength;\n if (currentT > 1) {\n currentT = 1;\n }\n p = this.getPointOnQuadraticBezier(currentT, pathCmd.start.x, pathCmd.start.y, pathCmd.points[0], pathCmd.points[1], pathCmd.points[2], pathCmd.points[3]);\n break;\n }\n if (p) {\n return p;\n }\n break;\n }\n return null;\n }\n getLineLength(x1, y1, x2, y2) {\n return Math.sqrt((x2 - x1) * (x2 - x1)\n + (y2 - y1) * (y2 - y1));\n }\n getPathLength() {\n if (this.pathLength === -1) {\n this.pathLength = this.dataArray.reduce((length, command) => (command.pathLength > 0\n ? length + command.pathLength\n : length), 0);\n }\n return this.pathLength;\n }\n getPointOnCubicBezier(pct, P1x, P1y, P2x, P2y, P3x, P3y, P4x, P4y) {\n const x = P4x * CB1(pct) + P3x * CB2(pct) + P2x * CB3(pct) + P1x * CB4(pct);\n const y = P4y * CB1(pct) + P3y * CB2(pct) + P2y * CB3(pct) + P1y * CB4(pct);\n return {\n x,\n y\n };\n }\n getPointOnQuadraticBezier(pct, P1x, P1y, P2x, P2y, P3x, P3y) {\n const x = P3x * QB1(pct) + P2x * QB2(pct) + P1x * QB3(pct);\n const y = P3y * QB1(pct) + P2y * QB2(pct) + P1y * QB3(pct);\n return {\n x,\n y\n };\n }\n getPointOnEllipticalArc(cx, cy, rx, ry, theta, psi) {\n const cosPsi = Math.cos(psi);\n const sinPsi = Math.sin(psi);\n const pt = {\n x: rx * Math.cos(theta),\n y: ry * Math.sin(theta)\n };\n return {\n x: cx + (pt.x * cosPsi - pt.y * sinPsi),\n y: cy + (pt.x * sinPsi + pt.y * cosPsi)\n };\n }\n // TODO need some optimisations. possibly build cache only for curved segments?\n buildEquidistantCache(inputStep, inputPrecision) {\n const fullLen = this.getPathLength();\n const precision = inputPrecision || 0.25; // accuracy vs performance\n const step = inputStep || fullLen / 100;\n if (!this.equidistantCache\n || this.equidistantCache.step !== step\n || this.equidistantCache.precision !== precision) {\n // Prepare cache\n this.equidistantCache = {\n step,\n precision,\n points: []\n };\n // Calculate points\n let s = 0;\n for (let l = 0; l <= fullLen; l += precision) {\n const p0 = this.getPointOnPath(l);\n const p1 = this.getPointOnPath(l + precision);\n if (!p0 || !p1) {\n continue;\n }\n s += this.getLineLength(p0.x, p0.y, p1.x, p1.y);\n if (s >= step) {\n this.equidistantCache.points.push({\n x: p0.x,\n y: p0.y,\n distance: l\n });\n s -= step;\n }\n }\n }\n }\n getEquidistantPointOnPath(targetDistance, step, precision) {\n this.buildEquidistantCache(step, precision);\n if (targetDistance < 0\n || targetDistance - this.getPathLength() > 0.00005) {\n return null;\n }\n const idx = Math.round(targetDistance\n / this.getPathLength()\n * (this.equidistantCache.points.length - 1));\n return this.equidistantCache.points[idx] || null;\n }\n}\n\nclass ImageElement extends RenderedElement {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'image';\n this.loaded = false;\n const href = this.getHrefAttribute().getString();\n if (!href) {\n return;\n }\n const isSvg = /\\.svg$/.test(href);\n document.images.push(this);\n if (!isSvg) {\n this.loadImage(href);\n }\n else {\n this.loadSvg(href);\n }\n this.isSvg = isSvg;\n }\n async loadImage(href) {\n try {\n const image = await this.document.createImage(href);\n this.image = image;\n }\n catch (err) {\n // tslint:disable-next-line: no-console\n console.error(`ERROR: image \"${href}\" not found`, err);\n }\n this.loaded = true;\n }\n async loadSvg(href) {\n try {\n const response = await this.document.fetch(href);\n const svg = await response.text();\n this.image = svg;\n }\n catch (err) {\n // tslint:disable-next-line: no-console\n console.error(`ERROR: image \"${href}\" not found`, err);\n }\n this.loaded = true;\n }\n renderChildren(ctx) {\n const { document } = this;\n const x = this.getAttribute('x').getPixels('x');\n const y = this.getAttribute('y').getPixels('y');\n const width = this.getAttribute('width').getPixels('x');\n const height = this.getAttribute('height').getPixels('y');\n if (!width || !height) {\n return;\n }\n ctx.save();\n if (this.isSvg) {\n document.canvg.forkString(ctx, this.image, {\n ignoreMouse: true,\n ignoreAnimation: true,\n ignoreDimensions: true,\n ignoreClear: true,\n offsetX: x,\n offsetY: y,\n scaleWidth: width,\n scaleHeight: height\n }).render();\n }\n else {\n const image = this.image;\n ctx.translate(x, y);\n document.setViewBox({\n ctx,\n aspectRatio: this.getAttribute('preserveAspectRatio').getString(),\n width,\n desiredWidth: image.width,\n height,\n desiredHeight: image.height\n });\n if (this.loaded) {\n if (typeof image.complete === 'undefined' || image.complete) {\n ctx.drawImage(image, 0, 0);\n }\n }\n }\n ctx.restore();\n }\n getBoundingBox() {\n const x = this.getAttribute('x').getPixels('x');\n const y = this.getAttribute('y').getPixels('y');\n const width = this.getAttribute('width').getPixels('x');\n const height = this.getAttribute('height').getPixels('y');\n return new BoundingBox(x, y, x + width, y + height);\n }\n}\n\nclass SymbolElement extends RenderedElement {\n constructor() {\n super(...arguments);\n this.type = 'symbol';\n }\n render(_) {\n // NO RENDER\n }\n}\n\nclass SVGFontLoader {\n constructor(document) {\n this.document = document;\n this.loaded = false;\n document.fonts.push(this);\n }\n async load(fontFamily, url) {\n try {\n const { document } = this;\n const svgDocument = await document.canvg.parser.load(url);\n const fonts = svgDocument.getElementsByTagName('font');\n Array.from(fonts).forEach((fontNode) => {\n const font = document.createElement(fontNode);\n document.definitions[fontFamily] = font;\n });\n }\n catch (err) {\n // tslint:disable-next-line: no-console\n console.error(`ERROR: font \"${url}\" not found`, err);\n }\n this.loaded = true;\n }\n}\n\nclass StyleElement extends Element {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'style';\n const css = compressSpaces(Array.from(node.childNodes)\n .map((_) => _.data)\n .join('')\n .replace(/(\\/\\*([^*]|[\\r\\n]|(\\*+([^*\\/]|[\\r\\n])))*\\*+\\/)|(^[\\s]*\\/\\/.*)/gm, '') // remove comments;\n );\n const cssDefs = css.split('}');\n cssDefs.forEach((_) => {\n const def = _.trim();\n if (!def) {\n return;\n }\n const cssParts = def.split('{');\n const cssClasses = cssParts[0].split(',');\n const cssProps = cssParts[1].split(';');\n cssClasses.forEach((_) => {\n const cssClass = _.trim();\n if (!cssClass) {\n return;\n }\n const props = document.styles[cssClass] || {};\n cssProps.forEach((cssProp) => {\n const prop = cssProp.indexOf(':');\n const name = cssProp.substr(0, prop).trim();\n const value = cssProp.substr(prop + 1, cssProp.length - prop).trim();\n if (name && value) {\n props[name] = new Property(document, name, value);\n }\n });\n document.styles[cssClass] = props;\n document.stylesSpecificity[cssClass] = getSelectorSpecificity(cssClass);\n if (cssClass === '@font-face') { // && !nodeEnv\n const fontFamily = props['font-family'].getString().replace(/\"|'/g, '');\n const srcs = props.src.getString().split(',');\n srcs.forEach((src) => {\n if (src.indexOf('format(\"svg\")') > 0) {\n const url = parseExternalUrl(src);\n if (url) {\n new SVGFontLoader(document).load(fontFamily, url);\n }\n }\n });\n }\n });\n });\n }\n}\nStyleElement.parseExternalUrl = parseExternalUrl;\n\nclass UseElement extends RenderedElement {\n constructor() {\n super(...arguments);\n this.type = 'use';\n }\n setContext(ctx) {\n super.setContext(ctx);\n const xAttr = this.getAttribute('x');\n const yAttr = this.getAttribute('y');\n if (xAttr.hasValue()) {\n ctx.translate(xAttr.getPixels('x'), 0);\n }\n if (yAttr.hasValue()) {\n ctx.translate(0, yAttr.getPixels('y'));\n }\n }\n path(ctx) {\n const { element } = this;\n if (element) {\n element.path(ctx);\n }\n }\n renderChildren(ctx) {\n const { document, element } = this;\n if (element) {\n let tempSvg = element;\n if (element.type === 'symbol') {\n // render me using a temporary svg element in symbol cases (http://www.w3.org/TR/SVG/struct.html#UseElement)\n tempSvg = new SVGElement(document, null);\n tempSvg.attributes.viewBox = new Property(document, 'viewBox', element.getAttribute('viewBox').getString());\n tempSvg.attributes.preserveAspectRatio = new Property(document, 'preserveAspectRatio', element.getAttribute('preserveAspectRatio').getString());\n tempSvg.attributes.overflow = new Property(document, 'overflow', element.getAttribute('overflow').getString());\n tempSvg.children = element.children;\n }\n if (tempSvg.type === 'svg') {\n const widthAttr = this.getAttribute('width');\n const heightAttr = this.getAttribute('height');\n // if symbol or svg, inherit width/height from me\n if (widthAttr.hasValue()) {\n tempSvg.attributes.width = new Property(document, 'width', this.getAttribute('width').getString());\n }\n if (heightAttr.hasValue()) {\n tempSvg.attributes.height = new Property(document, 'height', heightAttr.getString());\n }\n }\n const oldParent = tempSvg.parent;\n tempSvg.parent = null;\n tempSvg.render(ctx);\n tempSvg.parent = oldParent;\n }\n }\n getBoundingBox(ctx) {\n const { element } = this;\n if (element) {\n return element.getBoundingBox(ctx);\n }\n return null;\n }\n elementTransform() {\n const { document, element } = this;\n return Transform.fromElement(document, element);\n }\n get element() {\n if (!this._element) {\n this._element = this.getHrefAttribute().getDefinition();\n }\n return this._element;\n }\n}\n\nfunction imGet(img, x, y, width, _, rgba) {\n return img[y * width * 4 + x * 4 + rgba];\n}\nfunction imSet(img, x, y, width, _, rgba, val) {\n img[y * width * 4 + x * 4 + rgba] = val;\n}\nfunction m(matrix, i, v) {\n const mi = matrix[i];\n return mi * (mi < 0 ? v - 255 : v);\n}\nfunction c(a, m1, m2, m3) {\n return m1 + Math.cos(a) * m2 + Math.sin(a) * m3;\n}\nclass FeColorMatrixElement extends Element {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'feColorMatrix';\n let matrix = toNumbers(this.getAttribute('values').getString());\n switch (this.getAttribute('type').getString('matrix')) { // http://www.w3.org/TR/SVG/filters.html#feColorMatrixElement\n case 'saturate': {\n const s = matrix[0];\n matrix = [\n 0.213 + 0.787 * s, 0.715 - 0.715 * s, 0.072 - 0.072 * s, 0, 0,\n 0.213 - 0.213 * s, 0.715 + 0.285 * s, 0.072 - 0.072 * s, 0, 0,\n 0.213 - 0.213 * s, 0.715 - 0.715 * s, 0.072 + 0.928 * s, 0, 0,\n 0, 0, 0, 1, 0,\n 0, 0, 0, 0, 1\n ];\n break;\n }\n case 'hueRotate': {\n const a = matrix[0] * Math.PI / 180.0;\n matrix = [\n c(a, 0.213, 0.787, -0.213), c(a, 0.715, -0.715, -0.715), c(a, 0.072, -0.072, 0.928), 0, 0,\n c(a, 0.213, -0.213, 0.143), c(a, 0.715, 0.285, 0.140), c(a, 0.072, -0.072, -0.283), 0, 0,\n c(a, 0.213, -0.213, -0.787), c(a, 0.715, -0.715, 0.715), c(a, 0.072, 0.928, 0.072), 0, 0,\n 0, 0, 0, 1, 0,\n 0, 0, 0, 0, 1\n ];\n break;\n }\n case 'luminanceToAlpha':\n matrix = [\n 0, 0, 0, 0, 0,\n 0, 0, 0, 0, 0,\n 0, 0, 0, 0, 0,\n 0.2125, 0.7154, 0.0721, 0, 0,\n 0, 0, 0, 0, 1\n ];\n break;\n }\n this.matrix = matrix;\n this.includeOpacity = this.getAttribute('includeOpacity').hasValue();\n }\n apply(ctx, _, __, width, height) {\n // assuming x==0 && y==0 for now\n const { includeOpacity, matrix } = this;\n const srcData = ctx.getImageData(0, 0, width, height);\n for (let y = 0; y < height; y++) {\n for (let x = 0; x < width; x++) {\n const r = imGet(srcData.data, x, y, width, height, 0);\n const g = imGet(srcData.data, x, y, width, height, 1);\n const b = imGet(srcData.data, x, y, width, height, 2);\n const a = imGet(srcData.data, x, y, width, height, 3);\n let nr = m(matrix, 0, r) + m(matrix, 1, g) + m(matrix, 2, b) + m(matrix, 3, a) + m(matrix, 4, 1);\n let ng = m(matrix, 5, r) + m(matrix, 6, g) + m(matrix, 7, b) + m(matrix, 8, a) + m(matrix, 9, 1);\n let nb = m(matrix, 10, r) + m(matrix, 11, g) + m(matrix, 12, b) + m(matrix, 13, a) + m(matrix, 14, 1);\n let na = m(matrix, 15, r) + m(matrix, 16, g) + m(matrix, 17, b) + m(matrix, 18, a) + m(matrix, 19, 1);\n if (includeOpacity) {\n nr = ng = nb = 0;\n na *= a / 255;\n }\n imSet(srcData.data, x, y, width, height, 0, nr);\n imSet(srcData.data, x, y, width, height, 1, ng);\n imSet(srcData.data, x, y, width, height, 2, nb);\n imSet(srcData.data, x, y, width, height, 3, na);\n }\n }\n ctx.clearRect(0, 0, width, height);\n ctx.putImageData(srcData, 0, 0);\n }\n}\n\nclass MaskElement extends Element {\n constructor() {\n super(...arguments);\n this.type = 'mask';\n }\n apply(ctx, element) {\n const { document } = this;\n // render as temp svg\n let x = this.getAttribute('x').getPixels('x');\n let y = this.getAttribute('y').getPixels('y');\n let width = this.getAttribute('width').getPixels('x');\n let height = this.getAttribute('height').getPixels('y');\n if (!width && !height) {\n const boundingBox = new BoundingBox();\n this.children.forEach((child) => {\n boundingBox.addBoundingBox(child.getBoundingBox(ctx));\n });\n x = Math.floor(boundingBox.x1);\n y = Math.floor(boundingBox.y1);\n width = Math.floor(boundingBox.width);\n height = Math.floor(boundingBox.height);\n }\n // temporarily remove mask to avoid recursion\n const mask = element.getStyle('mask').getString();\n element.getStyle('mask').setValue('');\n const cMask = document.createCanvas(x + width, y + height);\n const maskCtx = cMask.getContext('2d');\n document.screen.setDefaults(maskCtx);\n this.renderChildren(maskCtx);\n // convert mask to alpha with a fake node\n // TODO: refactor out apply from feColorMatrix\n const cm = new FeColorMatrixElement(document, {\n nodeType: 1,\n childNodes: [],\n attributes: [\n { nodeName: 'type', value: 'luminanceToAlpha' },\n { nodeName: 'includeOpacity', value: 'true' }\n ]\n });\n cm.apply(maskCtx, 0, 0, x + width, y + height);\n const c = document.createCanvas(x + width, y + height);\n const tempCtx = c.getContext('2d');\n document.screen.setDefaults(tempCtx);\n element.render(tempCtx);\n tempCtx.globalCompositeOperation = 'destination-in';\n tempCtx.fillStyle = maskCtx.createPattern(cMask, 'no-repeat');\n tempCtx.fillRect(0, 0, x + width, y + height);\n ctx.fillStyle = tempCtx.createPattern(c, 'no-repeat');\n ctx.fillRect(0, 0, x + width, y + height);\n // reassign mask\n element.getStyle('mask').setValue(mask);\n }\n render(_) {\n // NO RENDER\n }\n}\n\nconst noop = () => { };\nclass ClipPathElement extends Element {\n constructor() {\n super(...arguments);\n this.type = 'clipPath';\n }\n apply(ctx) {\n const { document } = this;\n const contextProto = Reflect.getPrototypeOf(ctx);\n const { beginPath, closePath } = ctx;\n if (contextProto) {\n contextProto.beginPath = noop;\n contextProto.closePath = noop;\n }\n Reflect.apply(beginPath, ctx, []);\n this.children.forEach((child) => {\n if (typeof child.path === 'undefined') {\n return;\n }\n let transform = typeof child.elementTransform !== 'undefined'\n ? child.elementTransform()\n : null; // handle \n if (!transform) {\n transform = Transform.fromElement(document, child);\n }\n if (transform) {\n transform.apply(ctx);\n }\n child.path(ctx);\n if (contextProto) {\n contextProto.closePath = closePath;\n }\n if (transform) {\n transform.unapply(ctx);\n }\n });\n Reflect.apply(closePath, ctx, []);\n ctx.clip();\n if (contextProto) {\n contextProto.beginPath = beginPath;\n contextProto.closePath = closePath;\n }\n }\n render(_) {\n // NO RENDER\n }\n}\n\nclass FilterElement extends Element {\n constructor() {\n super(...arguments);\n this.type = 'filter';\n }\n apply(ctx, element) {\n // render as temp svg\n const { document } = this;\n const boundingBox = element.getBoundingBox(ctx);\n const x = Math.floor(boundingBox.x1);\n const y = Math.floor(boundingBox.y1);\n const width = Math.floor(boundingBox.width);\n const height = Math.floor(boundingBox.height);\n // temporarily remove filter to avoid recursion\n const filter = element.getStyle('filter').getString();\n element.getStyle('filter').setValue('');\n let px = 0;\n let py = 0;\n this.children.forEach((child) => {\n const efd = child.extraFilterDistance || 0;\n px = Math.max(px, efd);\n py = Math.max(py, efd);\n });\n const tmpCanvas = document.createCanvas(width + 2 * px, height + 2 * py);\n const tmpCtx = tmpCanvas.getContext('2d');\n document.screen.setDefaults(tmpCtx);\n tmpCtx.translate(-x + px, -y + py);\n element.render(tmpCtx);\n // apply filters\n this.children.forEach((child) => {\n if (typeof child.apply === 'function') {\n child.apply(tmpCtx, 0, 0, width + 2 * px, height + 2 * py);\n }\n });\n // render on me\n ctx.drawImage(tmpCanvas, 0, 0, width + 2 * px, height + 2 * py, x - px, y - py, width + 2 * px, height + 2 * py);\n // reassign filter\n element.getStyle('filter', true).setValue(filter);\n }\n render(_) {\n // NO RENDER\n }\n}\n\nclass FeDropShadowElement extends Element {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'feDropShadow';\n this.addStylesFromStyleDefinition();\n }\n apply(_, __, ___, ____, _____) {\n // TODO: implement\n }\n}\n\nclass FeMorphologyElement extends Element {\n constructor() {\n super(...arguments);\n this.type = 'feMorphology';\n }\n apply(_, __, ___, ____, _____) {\n // TODO: implement\n }\n}\n\nclass FeCompositeElement extends Element {\n constructor() {\n super(...arguments);\n this.type = 'feComposite';\n }\n apply(_, __, ___, ____, _____) {\n // TODO: implement\n }\n}\n\nclass FeGaussianBlurElement extends Element {\n constructor(document, node, captureTextNodes) {\n super(document, node, captureTextNodes);\n this.type = 'feGaussianBlur';\n this.blurRadius = Math.floor(this.getAttribute('stdDeviation').getNumber());\n this.extraFilterDistance = this.blurRadius;\n }\n apply(ctx, x, y, width, height) {\n const { document, blurRadius } = this;\n const body = document.window\n ? document.window.document.body\n : null;\n const canvas = ctx.canvas;\n // StackBlur requires canvas be on document\n canvas.id = document.getUniqueId();\n if (body) {\n canvas.style.display = 'none';\n body.appendChild(canvas);\n }\n canvasRGBA(canvas, x, y, width, height, blurRadius);\n if (body) {\n body.removeChild(canvas);\n }\n }\n}\n\nclass TitleElement extends Element {\n constructor() {\n super(...arguments);\n this.type = 'title';\n }\n}\n\nclass DescElement extends Element {\n constructor() {\n super(...arguments);\n this.type = 'desc';\n }\n}\n\nvar elementTypes = {\n 'svg': SVGElement,\n 'rect': RectElement,\n 'circle': CircleElement,\n 'ellipse': EllipseElement,\n 'line': LineElement,\n 'polyline': PolylineElement,\n 'polygon': PolygonElement,\n 'path': PathElement,\n 'pattern': PatternElement,\n 'marker': MarkerElement,\n 'defs': DefsElement,\n 'linearGradient': LinearGradientElement,\n 'radialGradient': RadialGradientElement,\n 'stop': StopElement,\n 'animate': AnimateElement,\n 'animateColor': AnimateColorElement,\n 'animateTransform': AnimateTransformElement,\n 'font': FontElement,\n 'font-face': FontFaceElement,\n 'missing-glyph': MissingGlyphElement,\n 'glyph': GlyphElement,\n 'text': TextElement,\n 'tspan': TSpanElement,\n 'tref': TRefElement,\n 'a': AElement,\n 'textPath': TextPathElement,\n 'image': ImageElement,\n 'g': GElement,\n 'symbol': SymbolElement,\n 'style': StyleElement,\n 'use': UseElement,\n 'mask': MaskElement,\n 'clipPath': ClipPathElement,\n 'filter': FilterElement,\n 'feDropShadow': FeDropShadowElement,\n 'feMorphology': FeMorphologyElement,\n 'feComposite': FeCompositeElement,\n 'feColorMatrix': FeColorMatrixElement,\n 'feGaussianBlur': FeGaussianBlurElement,\n 'title': TitleElement,\n 'desc': DescElement\n};\n\nfunction createCanvas(width, height) {\n const canvas = document.createElement('canvas');\n canvas.width = width;\n canvas.height = height;\n return canvas;\n}\nasync function createImage(src) {\n const image = document.createElement('img');\n // image.crossOrigin = 'Anonymous';\n return new Promise((resolve, reject) => {\n image.onload = () => {\n resolve(image);\n };\n image.onerror = () => {\n reject();\n };\n image.src = src;\n });\n}\nclass Document {\n constructor(canvg, { rootEmSize = 12, emSize = 12, createCanvas = Document.createCanvas, createImage = Document.createImage } = {}) {\n this.canvg = canvg;\n this.definitions = {};\n this.styles = {};\n this.stylesSpecificity = {};\n this.images = [];\n this.fonts = [];\n this.emSizeStack = [];\n this.uniqueId = 0;\n this.screen = canvg.screen;\n this.rootEmSize = rootEmSize;\n this.emSize = emSize;\n this.createCanvas = createCanvas;\n this.createImage = createImage;\n this.screen.wait(this.isImagesLoaded.bind(this));\n this.screen.wait(this.isFontsLoaded.bind(this));\n }\n get window() {\n return this.screen.window;\n }\n get fetch() {\n return this.screen.fetch;\n }\n get ctx() {\n return this.screen.ctx;\n }\n get emSize() {\n const { emSizeStack } = this;\n return emSizeStack[emSizeStack.length - 1];\n }\n set emSize(value) {\n const { emSizeStack } = this;\n emSizeStack.push(value);\n }\n popEmSize() {\n const { emSizeStack } = this;\n emSizeStack.pop();\n }\n getUniqueId() {\n return `canvg${++this.uniqueId}`;\n }\n isImagesLoaded() {\n return this.images.every(_ => _.loaded);\n }\n isFontsLoaded() {\n return this.fonts.every(_ => _.loaded);\n }\n createDocumentElement(document) {\n const documentElement = this.createElement(document.documentElement);\n documentElement.root = true;\n documentElement.addStylesFromStyleDefinition();\n this.documentElement = documentElement;\n return documentElement;\n }\n createElement(node) {\n const elementType = node.nodeName.replace(/^[^:]+:/, '');\n const ElementType = Document.elementTypes[elementType];\n if (typeof ElementType !== 'undefined') {\n return new ElementType(this, node);\n }\n return new UnknownElement(this, node);\n }\n createTextNode(node) {\n return new TextNode(this, node);\n }\n setViewBox(config) {\n this.screen.setViewBox({\n document: this,\n ...config\n });\n }\n}\nDocument.createCanvas = createCanvas;\nDocument.createImage = createImage;\nDocument.elementTypes = elementTypes;\n\n/**\n * SVG renderer on canvas.\n */\nclass Canvg {\n /**\n * Main constructor.\n * @param ctx - Rendering context.\n * @param svg - SVG Document.\n * @param options - Rendering options.\n */\n constructor(ctx, svg, options = {}) {\n this.parser = new Parser(options);\n this.screen = new Screen(ctx, options);\n this.options = options;\n const document = new Document(this, options);\n const documentElement = document.createDocumentElement(svg);\n this.document = document;\n this.documentElement = documentElement;\n }\n /**\n * Create Canvg isntance from SVG source string or URL.\n * @param ctx - Rendering context.\n * @param svg - SVG source string or URL.\n * @param options - Rendering options.\n */\n static async from(ctx, svg, options = {}) {\n const parser = new Parser(options);\n const svgDocument = await parser.parse(svg);\n return new Canvg(ctx, svgDocument, options);\n }\n /**\n * Create Canvg isntance from SVG source string.\n * @param ctx - Rendering context.\n * @param svg - SVG source string.\n * @param options - Rendering options.\n */\n static fromString(ctx, svg, options = {}) {\n const parser = new Parser(options);\n const svgDocument = parser.parseFromString(svg);\n return new Canvg(ctx, svgDocument, options);\n }\n /**\n * Create new Canvg instance with inherited options.\n * @param ctx - Rendering context.\n * @param svg - SVG source string or URL.\n * @param options - Rendering options.\n */\n fork(ctx, svg, options = {}) {\n return Canvg.from(ctx, svg, {\n ...this.options,\n ...options\n });\n }\n /**\n * Create new Canvg instance with inherited options.\n * @param ctx - Rendering context.\n * @param svg - SVG source string.\n * @param options - Rendering options.\n */\n forkString(ctx, svg, options = {}) {\n return Canvg.fromString(ctx, svg, {\n ...this.options,\n ...options\n });\n }\n /**\n * Document is ready promise.\n */\n ready() {\n return this.screen.ready();\n }\n /**\n * Document is ready value.\n */\n isReady() {\n return this.screen.isReady();\n }\n /**\n * Render only first frame, ignoring animations and mouse.\n * @param options - Rendering options.\n */\n async render(options = {}) {\n this.start({\n enableRedraw: true,\n ignoreAnimation: true,\n ignoreMouse: true,\n ...options\n });\n await this.ready();\n this.stop();\n }\n /**\n * Start rendering.\n * @param options - Render options.\n */\n start(options = {}) {\n const { documentElement, screen, options: baseOptions } = this;\n screen.start(documentElement, {\n enableRedraw: true,\n ...baseOptions,\n ...options\n });\n }\n /**\n * Stop rendering.\n */\n stop() {\n this.screen.stop();\n }\n /**\n * Resize SVG to fit in given size.\n * @param width\n * @param height\n * @param preserveAspectRatio\n */\n resize(width, height = width, preserveAspectRatio = false) {\n this.documentElement.resize(width, height, preserveAspectRatio);\n }\n}\n\n/**\n * Options preset for `OffscreenCanvas`.\n */\nfunction offscreen() {\n return {\n window: null,\n ignoreAnimation: true,\n ignoreMouse: true,\n createCanvas(width, height) {\n return new OffscreenCanvas(width, height);\n },\n async createImage(url) {\n const response = await fetch(url);\n const blob = await response.blob();\n const img = await createImageBitmap(blob);\n return img;\n }\n };\n}\n\n/**\n * Options preset for `node-canvas`.\n * @param config - Preset requirements.\n * @param config.DOMParser - XML/HTML parser from string into DOM Document.\n * @param config.canvas - `node-canvas` exports.\n * @param config.fetch - WHATWG-compatible `fetch` function.\n */\nfunction node({ DOMParser, canvas, fetch }) {\n return {\n window: null,\n ignoreAnimation: true,\n ignoreMouse: true,\n DOMParser,\n fetch,\n createCanvas: canvas.createCanvas,\n createImage: canvas.loadImage\n };\n}\n\n\n\nvar index = /*#__PURE__*/Object.freeze({\n\t__proto__: null,\n\toffscreen: offscreen,\n\tnode: node\n});\n\nexport default Canvg;\nexport { AElement, AnimateColorElement, AnimateElement, AnimateTransformElement, BoundingBox, CB1, CB2, CB3, CB4, Canvg, CircleElement, ClipPathElement, DefsElement, DescElement, Document, Element, EllipseElement, FeColorMatrixElement, FeCompositeElement, FeDropShadowElement, FeGaussianBlurElement, FeMorphologyElement, FilterElement, Font, FontElement, FontFaceElement, GElement, GlyphElement, GradientElement, ImageElement, LineElement, LinearGradientElement, MarkerElement, MaskElement, Matrix, MissingGlyphElement, Mouse, PSEUDO_ZERO, Parser, PathElement, PathParser, PatternElement, Point, PolygonElement, PolylineElement, Property, QB1, QB2, QB3, RadialGradientElement, RectElement, RenderedElement, Rotate, SVGElement, SVGFontLoader, Scale, Screen, Skew, SkewX, SkewY, StopElement, StyleElement, SymbolElement, TRefElement, TSpanElement, TextElement, TextPathElement, TitleElement, Transform, Translate, UnknownElement, UseElement, ViewPort, compressSpaces, getSelectorSpecificity, normalizeAttributeName, parseExternalUrl, index as presets, toNumbers, trimLeft, trimRight, vectorMagnitude, vectorsAngle, vectorsRatio };\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguYmFiZWwuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9\n" }, { "path": "ArduinoFrontend/src/assets/canvg/index.es.js", "content": "import 'core-js/modules/es.array.map';\nimport 'core-js/modules/es.regexp.exec';\nimport 'core-js/modules/es.string.match';\nimport 'core-js/modules/es.string.replace';\nimport 'core-js/modules/es.array.join';\nimport _slicedToArray from '@babel/runtime/helpers/slicedToArray';\nimport 'core-js/modules/es.symbol';\nimport 'core-js/modules/es.array.filter';\nimport 'core-js/modules/es.array.for-each';\nimport 'core-js/modules/es.object.get-own-property-descriptor';\nimport 'core-js/modules/es.object.get-own-property-descriptors';\nimport 'core-js/modules/es.object.keys';\nimport 'core-js/modules/web.dom-collections.for-each';\nimport _regeneratorRuntime from '@babel/runtime/regenerator';\nimport _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';\nimport _defineProperty from '@babel/runtime/helpers/defineProperty';\nimport _classCallCheck from '@babel/runtime/helpers/classCallCheck';\nimport _createClass from '@babel/runtime/helpers/createClass';\nimport 'core-js/modules/es.array.concat';\nimport 'core-js/modules/es.array.every';\nimport 'core-js/modules/es.array.reduce';\nimport 'core-js/modules/es.object.to-string';\nimport 'core-js/modules/es.promise';\nimport 'core-js/modules/es.string.split';\nimport requestAnimationFrame from 'raf';\nimport 'core-js/modules/es.function.name';\nimport RGBColor from 'rgbcolor';\nimport 'core-js/modules/es.reflect.construct';\nimport 'core-js/modules/es.regexp.to-string';\nimport _inherits from '@babel/runtime/helpers/inherits';\nimport _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';\nimport _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';\nimport 'core-js/modules/es.array.from';\nimport 'core-js/modules/es.array.includes';\nimport 'core-js/modules/es.array.some';\nimport 'core-js/modules/es.string.includes';\nimport 'core-js/modules/es.string.iterator';\nimport 'core-js/modules/es.string.trim';\nimport 'core-js/modules/es.array.index-of';\nimport 'core-js/modules/es.array.reverse';\nimport _get from '@babel/runtime/helpers/get';\nimport 'core-js/modules/es.number.constructor';\nimport 'core-js/modules/es.array.fill';\nimport 'core-js/modules/es.reflect.delete-property';\nimport _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';\nimport 'core-js/modules/es.array.iterator';\nimport 'core-js/modules/web.dom-collections.iterator';\nimport 'core-js/modules/es.symbol.description';\nimport 'core-js/modules/es.symbol.iterator';\nimport 'core-js/modules/es.array.slice';\nimport 'core-js/modules/es.map';\nimport 'core-js/modules/es.reflect.apply';\nimport 'core-js/modules/es.reflect.get-prototype-of';\nimport { canvasRGBA } from 'stackblur-canvas';\n\n/**\n * HTML-safe compress white-spaces.\n * @param str - String to compress.\n */\nfunction compressSpaces(str) {\n return str.replace(/(?!\\u3000)\\s+/gm, ' ');\n}\n/**\n * HTML-safe left trim.\n * @param str - String to trim.\n */\n\nfunction trimLeft(str) {\n return str.replace(/^[\\n \\t]+/, '');\n}\n/**\n * HTML-safe right trim.\n * @param str - String to trim.\n */\n\nfunction trimRight(str) {\n return str.replace(/[\\n \\t]+$/, '');\n}\n/**\n * String to numbers array.\n * @param str - Numbers string.\n */\n\nfunction toNumbers(str) {\n var matches = (str || '').match(/-?(\\d+(?:\\.\\d*(?:[eE][+-]?\\d+)?)?|\\.\\d+)(?=\\D|$)/gm) || [];\n return matches.map(parseFloat);\n} // Microsoft Edge fix\n\nvar allUppercase = /^[A-Z-]+$/;\n/**\n * Normalize attribute name.\n * @param name - Attribute name.\n */\n\nfunction normalizeAttributeName(name) {\n if (allUppercase.test(name)) {\n return name.toLowerCase();\n }\n\n return name;\n}\n/**\n * Parse external URL.\n * @param url - CSS url string.\n */\n\nfunction parseExternalUrl(url) {\n // single quotes [2]\n // v double quotes [3]\n // v v no quotes [4]\n // v v v\n var urlMatch = url.match(/url\\(('([^']+)'|\"([^\"]+)\"|([^'\"\\)]+))\\)/) || [];\n return urlMatch[2] || urlMatch[3] || urlMatch[4];\n}\n\n// slightly modified version of https://github.com/keeganstreet/specificity/blob/master/specificity.js\nvar attributeRegex = /(\\[[^\\]]+\\])/g;\nvar idRegex = /(#[^\\s\\+>~\\.\\[:]+)/g;\nvar classRegex = /(\\.[^\\s\\+>~\\.\\[:]+)/g;\nvar pseudoElementRegex = /(::[^\\s\\+>~\\.\\[:]+|:first-line|:first-letter|:before|:after)/gi;\nvar pseudoClassWithBracketsRegex = /(:[\\w-]+\\([^\\)]*\\))/gi;\nvar pseudoClassRegex = /(:[^\\s\\+>~\\.\\[:]+)/g;\nvar elementRegex = /([^\\s\\+>~\\.\\[:]+)/g;\n\nfunction findSelectorMatch(selector, regex) {\n var matches = selector.match(regex);\n\n if (!matches) {\n return [selector, 0];\n }\n\n return [selector.replace(regex, ' '), matches.length];\n}\n/**\n * Measure selector specificity.\n * @param selector - Selector to measure.\n */\n\n\nfunction getSelectorSpecificity(selector) {\n var specificity = [0, 0, 0];\n var currentSelector = selector.replace(/:not\\(([^\\)]*)\\)/g, ' $1 ').replace(/{[\\s\\S]*/gm, ' ');\n var delta = 0;\n\n var _findSelectorMatch = findSelectorMatch(currentSelector, attributeRegex);\n\n var _findSelectorMatch2 = _slicedToArray(_findSelectorMatch, 2);\n\n currentSelector = _findSelectorMatch2[0];\n delta = _findSelectorMatch2[1];\n specificity[1] += delta;\n\n var _findSelectorMatch3 = findSelectorMatch(currentSelector, idRegex);\n\n var _findSelectorMatch4 = _slicedToArray(_findSelectorMatch3, 2);\n\n currentSelector = _findSelectorMatch4[0];\n delta = _findSelectorMatch4[1];\n specificity[0] += delta;\n\n var _findSelectorMatch5 = findSelectorMatch(currentSelector, classRegex);\n\n var _findSelectorMatch6 = _slicedToArray(_findSelectorMatch5, 2);\n\n currentSelector = _findSelectorMatch6[0];\n delta = _findSelectorMatch6[1];\n specificity[1] += delta;\n\n var _findSelectorMatch7 = findSelectorMatch(currentSelector, pseudoElementRegex);\n\n var _findSelectorMatch8 = _slicedToArray(_findSelectorMatch7, 2);\n\n currentSelector = _findSelectorMatch8[0];\n delta = _findSelectorMatch8[1];\n specificity[2] += delta;\n\n var _findSelectorMatch9 = findSelectorMatch(currentSelector, pseudoClassWithBracketsRegex);\n\n var _findSelectorMatch10 = _slicedToArray(_findSelectorMatch9, 2);\n\n currentSelector = _findSelectorMatch10[0];\n delta = _findSelectorMatch10[1];\n specificity[1] += delta;\n\n var _findSelectorMatch11 = findSelectorMatch(currentSelector, pseudoClassRegex);\n\n var _findSelectorMatch12 = _slicedToArray(_findSelectorMatch11, 2);\n\n currentSelector = _findSelectorMatch12[0];\n delta = _findSelectorMatch12[1];\n specificity[1] += delta;\n currentSelector = currentSelector.replace(/[\\*\\s\\+>~]/g, ' ').replace(/[#\\.]/g, ' ');\n\n var _findSelectorMatch13 = findSelectorMatch(currentSelector, elementRegex);\n\n var _findSelectorMatch14 = _slicedToArray(_findSelectorMatch13, 2);\n\n currentSelector = _findSelectorMatch14[0];\n delta = _findSelectorMatch14[1];\n // lgtm [js/useless-assignment-to-local]\n specificity[2] += delta;\n return specificity.join('');\n}\n\nvar PSEUDO_ZERO = .00000001;\n/**\n * Vector magnitude.\n */\n\nfunction vectorMagnitude(v) {\n return Math.sqrt(Math.pow(v[0], 2) + Math.pow(v[1], 2));\n}\n/**\n * Ratio between two vectors.\n */\n\nfunction vectorsRatio(u, v) {\n return (u[0] * v[0] + u[1] * v[1]) / (vectorMagnitude(u) * vectorMagnitude(v));\n}\n/**\n * Angle between two vectors.\n */\n\nfunction vectorsAngle(u, v) {\n return (u[0] * v[1] < u[1] * v[0] ? -1 : 1) * Math.acos(vectorsRatio(u, v));\n}\nfunction CB1(t) {\n return t * t * t;\n}\nfunction CB2(t) {\n return 3 * t * t * (1 - t);\n}\nfunction CB3(t) {\n return 3 * t * (1 - t) * (1 - t);\n}\nfunction CB4(t) {\n return (1 - t) * (1 - t) * (1 - t);\n}\nfunction QB1(t) {\n return t * t;\n}\nfunction QB2(t) {\n return 2 * t * (1 - t);\n}\nfunction QB3(t) {\n return (1 - t) * (1 - t);\n}\n\nfunction createCommonjsModule(fn, module) {\n\treturn module = { exports: {} }, fn(module, module.exports), module.exports;\n}\n\nvar runtime_1 = createCommonjsModule(function (module) {\n /**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n var runtime = function (exports) {\n\n var Op = Object.prototype;\n var hasOwn = Op.hasOwnProperty;\n var undefined$1; // More compressible than void 0.\n\n var $Symbol = typeof Symbol === \"function\" ? Symbol : {};\n var iteratorSymbol = $Symbol.iterator || \"@@iterator\";\n var asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\";\n var toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\";\n\n function wrap(innerFn, outerFn, self, tryLocsList) {\n // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.\n var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;\n var generator = Object.create(protoGenerator.prototype);\n var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next,\n // .throw, and .return methods.\n\n generator._invoke = makeInvokeMethod(innerFn, self, context);\n return generator;\n }\n\n exports.wrap = wrap; // Try/catch helper to minimize deoptimizations. Returns a completion\n // record like context.tryEntries[i].completion. This interface could\n // have been (and was previously) designed to take a closure to be\n // invoked without arguments, but in all the cases we care about we\n // already have an existing method we want to call, so there's no need\n // to create a new function object. We can even get away with assuming\n // the method takes exactly one argument, since that happens to be true\n // in every case, so we don't have to touch the arguments object. The\n // only additional allocation required is the completion record, which\n // has a stable shape and so hopefully should be cheap to allocate.\n\n function tryCatch(fn, obj, arg) {\n try {\n return {\n type: \"normal\",\n arg: fn.call(obj, arg)\n };\n } catch (err) {\n return {\n type: \"throw\",\n arg: err\n };\n }\n }\n\n var GenStateSuspendedStart = \"suspendedStart\";\n var GenStateSuspendedYield = \"suspendedYield\";\n var GenStateExecuting = \"executing\";\n var GenStateCompleted = \"completed\"; // Returning this object from the innerFn has the same effect as\n // breaking out of the dispatch switch statement.\n\n var ContinueSentinel = {}; // Dummy constructor functions that we use as the .constructor and\n // .constructor.prototype properties for functions that return Generator\n // objects. For full spec compliance, you may wish to configure your\n // minifier not to mangle the names of these two functions.\n\n function Generator() {}\n\n function GeneratorFunction() {}\n\n function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that\n // don't natively support it.\n\n\n var IteratorPrototype = {};\n\n IteratorPrototype[iteratorSymbol] = function () {\n return this;\n };\n\n var getProto = Object.getPrototypeOf;\n var NativeIteratorPrototype = getProto && getProto(getProto(values([])));\n\n if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {\n // This environment has a native %IteratorPrototype%; use it instead\n // of the polyfill.\n IteratorPrototype = NativeIteratorPrototype;\n }\n\n var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);\n GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;\n GeneratorFunctionPrototype.constructor = GeneratorFunction;\n GeneratorFunctionPrototype[toStringTagSymbol] = GeneratorFunction.displayName = \"GeneratorFunction\"; // Helper for defining the .next, .throw, and .return methods of the\n // Iterator interface in terms of a single ._invoke method.\n\n function defineIteratorMethods(prototype) {\n [\"next\", \"throw\", \"return\"].forEach(function (method) {\n prototype[method] = function (arg) {\n return this._invoke(method, arg);\n };\n });\n }\n\n exports.isGeneratorFunction = function (genFun) {\n var ctor = typeof genFun === \"function\" && genFun.constructor;\n return ctor ? ctor === GeneratorFunction || // For the native GeneratorFunction constructor, the best we can\n // do is to check its .name property.\n (ctor.displayName || ctor.name) === \"GeneratorFunction\" : false;\n };\n\n exports.mark = function (genFun) {\n if (Object.setPrototypeOf) {\n Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);\n } else {\n genFun.__proto__ = GeneratorFunctionPrototype;\n\n if (!(toStringTagSymbol in genFun)) {\n genFun[toStringTagSymbol] = \"GeneratorFunction\";\n }\n }\n\n genFun.prototype = Object.create(Gp);\n return genFun;\n }; // Within the body of any async function, `await x` is transformed to\n // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test\n // `hasOwn.call(value, \"__await\")` to determine if the yielded value is\n // meant to be awaited.\n\n\n exports.awrap = function (arg) {\n return {\n __await: arg\n };\n };\n\n function AsyncIterator(generator, PromiseImpl) {\n function invoke(method, arg, resolve, reject) {\n var record = tryCatch(generator[method], generator, arg);\n\n if (record.type === \"throw\") {\n reject(record.arg);\n } else {\n var result = record.arg;\n var value = result.value;\n\n if (value && typeof value === \"object\" && hasOwn.call(value, \"__await\")) {\n return PromiseImpl.resolve(value.__await).then(function (value) {\n invoke(\"next\", value, resolve, reject);\n }, function (err) {\n invoke(\"throw\", err, resolve, reject);\n });\n }\n\n return PromiseImpl.resolve(value).then(function (unwrapped) {\n // When a yielded Promise is resolved, its final value becomes\n // the .value of the Promise<{value,done}> result for the\n // current iteration.\n result.value = unwrapped;\n resolve(result);\n }, function (error) {\n // If a rejected Promise was yielded, throw the rejection back\n // into the async generator function so it can be handled there.\n return invoke(\"throw\", error, resolve, reject);\n });\n }\n }\n\n var previousPromise;\n\n function enqueue(method, arg) {\n function callInvokeWithMethodAndArg() {\n return new PromiseImpl(function (resolve, reject) {\n invoke(method, arg, resolve, reject);\n });\n }\n\n return previousPromise = // If enqueue has been called before, then we want to wait until\n // all previous Promises have been resolved before calling invoke,\n // so that results are always delivered in the correct order. If\n // enqueue has not been called before, then it is important to\n // call invoke immediately, without waiting on a callback to fire,\n // so that the async generator function has the opportunity to do\n // any necessary setup in a predictable way. This predictability\n // is why the Promise constructor synchronously invokes its\n // executor callback, and why async functions synchronously\n // execute code before the first await. Since we implement simple\n // async functions in terms of async generators, it is especially\n // important to get this right, even though it requires care.\n previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, // Avoid propagating failures to Promises returned by later\n // invocations of the iterator.\n callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();\n } // Define the unified helper method that is used to implement .next,\n // .throw, and .return (see defineIteratorMethods).\n\n\n this._invoke = enqueue;\n }\n\n defineIteratorMethods(AsyncIterator.prototype);\n\n AsyncIterator.prototype[asyncIteratorSymbol] = function () {\n return this;\n };\n\n exports.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of\n // AsyncIterator objects; they just return a Promise for the value of\n // the final result produced by the iterator.\n\n exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {\n if (PromiseImpl === void 0) PromiseImpl = Promise;\n var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);\n return exports.isGeneratorFunction(outerFn) ? iter // If outerFn is a generator, return the full iterator.\n : iter.next().then(function (result) {\n return result.done ? result.value : iter.next();\n });\n };\n\n function makeInvokeMethod(innerFn, self, context) {\n var state = GenStateSuspendedStart;\n return function invoke(method, arg) {\n if (state === GenStateExecuting) {\n throw new Error(\"Generator is already running\");\n }\n\n if (state === GenStateCompleted) {\n if (method === \"throw\") {\n throw arg;\n } // Be forgiving, per 25.3.3.3.3 of the spec:\n // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume\n\n\n return doneResult();\n }\n\n context.method = method;\n context.arg = arg;\n\n while (true) {\n var delegate = context.delegate;\n\n if (delegate) {\n var delegateResult = maybeInvokeDelegate(delegate, context);\n\n if (delegateResult) {\n if (delegateResult === ContinueSentinel) continue;\n return delegateResult;\n }\n }\n\n if (context.method === \"next\") {\n // Setting context._sent for legacy support of Babel's\n // function.sent implementation.\n context.sent = context._sent = context.arg;\n } else if (context.method === \"throw\") {\n if (state === GenStateSuspendedStart) {\n state = GenStateCompleted;\n throw context.arg;\n }\n\n context.dispatchException(context.arg);\n } else if (context.method === \"return\") {\n context.abrupt(\"return\", context.arg);\n }\n\n state = GenStateExecuting;\n var record = tryCatch(innerFn, self, context);\n\n if (record.type === \"normal\") {\n // If an exception is thrown from innerFn, we leave state ===\n // GenStateExecuting and loop back for another invocation.\n state = context.done ? GenStateCompleted : GenStateSuspendedYield;\n\n if (record.arg === ContinueSentinel) {\n continue;\n }\n\n return {\n value: record.arg,\n done: context.done\n };\n } else if (record.type === \"throw\") {\n state = GenStateCompleted; // Dispatch the exception by looping back around to the\n // context.dispatchException(context.arg) call above.\n\n context.method = \"throw\";\n context.arg = record.arg;\n }\n }\n };\n } // Call delegate.iterator[context.method](context.arg) and handle the\n // result, either by returning a { value, done } result from the\n // delegate iterator, or by modifying context.method and context.arg,\n // setting context.delegate to null, and returning the ContinueSentinel.\n\n\n function maybeInvokeDelegate(delegate, context) {\n var method = delegate.iterator[context.method];\n\n if (method === undefined$1) {\n // A .throw or .return when the delegate iterator has no .throw\n // method always terminates the yield* loop.\n context.delegate = null;\n\n if (context.method === \"throw\") {\n // Note: [\"return\"] must be used for ES3 parsing compatibility.\n if (delegate.iterator[\"return\"]) {\n // If the delegate iterator has a return method, give it a\n // chance to clean up.\n context.method = \"return\";\n context.arg = undefined$1;\n maybeInvokeDelegate(delegate, context);\n\n if (context.method === \"throw\") {\n // If maybeInvokeDelegate(context) changed context.method from\n // \"return\" to \"throw\", let that override the TypeError below.\n return ContinueSentinel;\n }\n }\n\n context.method = \"throw\";\n context.arg = new TypeError(\"The iterator does not provide a 'throw' method\");\n }\n\n return ContinueSentinel;\n }\n\n var record = tryCatch(method, delegate.iterator, context.arg);\n\n if (record.type === \"throw\") {\n context.method = \"throw\";\n context.arg = record.arg;\n context.delegate = null;\n return ContinueSentinel;\n }\n\n var info = record.arg;\n\n if (!info) {\n context.method = \"throw\";\n context.arg = new TypeError(\"iterator result is not an object\");\n context.delegate = null;\n return ContinueSentinel;\n }\n\n if (info.done) {\n // Assign the result of the finished delegate to the temporary\n // variable specified by delegate.resultName (see delegateYield).\n context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield).\n\n context.next = delegate.nextLoc; // If context.method was \"throw\" but the delegate handled the\n // exception, let the outer generator proceed normally. If\n // context.method was \"next\", forget context.arg since it has been\n // \"consumed\" by the delegate iterator. If context.method was\n // \"return\", allow the original .return call to continue in the\n // outer generator.\n\n if (context.method !== \"return\") {\n context.method = \"next\";\n context.arg = undefined$1;\n }\n } else {\n // Re-yield the result returned by the delegate method.\n return info;\n } // The delegate iterator is finished, so forget it and continue with\n // the outer generator.\n\n\n context.delegate = null;\n return ContinueSentinel;\n } // Define Generator.prototype.{next,throw,return} in terms of the\n // unified ._invoke helper method.\n\n\n defineIteratorMethods(Gp);\n Gp[toStringTagSymbol] = \"Generator\"; // A Generator should always return itself as the iterator object when the\n // @@iterator function is called on it. Some browsers' implementations of the\n // iterator prototype chain incorrectly implement this, causing the Generator\n // object to not be returned from this call. This ensures that doesn't happen.\n // See https://github.com/facebook/regenerator/issues/274 for more details.\n\n Gp[iteratorSymbol] = function () {\n return this;\n };\n\n Gp.toString = function () {\n return \"[object Generator]\";\n };\n\n function pushTryEntry(locs) {\n var entry = {\n tryLoc: locs[0]\n };\n\n if (1 in locs) {\n entry.catchLoc = locs[1];\n }\n\n if (2 in locs) {\n entry.finallyLoc = locs[2];\n entry.afterLoc = locs[3];\n }\n\n this.tryEntries.push(entry);\n }\n\n function resetTryEntry(entry) {\n var record = entry.completion || {};\n record.type = \"normal\";\n delete record.arg;\n entry.completion = record;\n }\n\n function Context(tryLocsList) {\n // The root entry object (effectively a try statement without a catch\n // or a finally block) gives us a place to store values thrown from\n // locations where there is no enclosing try statement.\n this.tryEntries = [{\n tryLoc: \"root\"\n }];\n tryLocsList.forEach(pushTryEntry, this);\n this.reset(true);\n }\n\n exports.keys = function (object) {\n var keys = [];\n\n for (var key in object) {\n keys.push(key);\n }\n\n keys.reverse(); // Rather than returning an object with a next method, we keep\n // things simple and return the next function itself.\n\n return function next() {\n while (keys.length) {\n var key = keys.pop();\n\n if (key in object) {\n next.value = key;\n next.done = false;\n return next;\n }\n } // To avoid creating an additional object, we just hang the .value\n // and .done properties off the next function object itself. This\n // also ensures that the minifier will not anonymize the function.\n\n\n next.done = true;\n return next;\n };\n };\n\n function values(iterable) {\n if (iterable) {\n var iteratorMethod = iterable[iteratorSymbol];\n\n if (iteratorMethod) {\n return iteratorMethod.call(iterable);\n }\n\n if (typeof iterable.next === \"function\") {\n return iterable;\n }\n\n if (!isNaN(iterable.length)) {\n var i = -1,\n next = function next() {\n while (++i < iterable.length) {\n if (hasOwn.call(iterable, i)) {\n next.value = iterable[i];\n next.done = false;\n return next;\n }\n }\n\n next.value = undefined$1;\n next.done = true;\n return next;\n };\n\n return next.next = next;\n }\n } // Return an iterator with no values.\n\n\n return {\n next: doneResult\n };\n }\n\n exports.values = values;\n\n function doneResult() {\n return {\n value: undefined$1,\n done: true\n };\n }\n\n Context.prototype = {\n constructor: Context,\n reset: function (skipTempReset) {\n this.prev = 0;\n this.next = 0; // Resetting context._sent for legacy support of Babel's\n // function.sent implementation.\n\n this.sent = this._sent = undefined$1;\n this.done = false;\n this.delegate = null;\n this.method = \"next\";\n this.arg = undefined$1;\n this.tryEntries.forEach(resetTryEntry);\n\n if (!skipTempReset) {\n for (var name in this) {\n // Not sure about the optimal order of these conditions:\n if (name.charAt(0) === \"t\" && hasOwn.call(this, name) && !isNaN(+name.slice(1))) {\n this[name] = undefined$1;\n }\n }\n }\n },\n stop: function () {\n this.done = true;\n var rootEntry = this.tryEntries[0];\n var rootRecord = rootEntry.completion;\n\n if (rootRecord.type === \"throw\") {\n throw rootRecord.arg;\n }\n\n return this.rval;\n },\n dispatchException: function (exception) {\n if (this.done) {\n throw exception;\n }\n\n var context = this;\n\n function handle(loc, caught) {\n record.type = \"throw\";\n record.arg = exception;\n context.next = loc;\n\n if (caught) {\n // If the dispatched exception was caught by a catch block,\n // then let that catch block handle the exception normally.\n context.method = \"next\";\n context.arg = undefined$1;\n }\n\n return !!caught;\n }\n\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n var record = entry.completion;\n\n if (entry.tryLoc === \"root\") {\n // Exception thrown outside of any try block that could handle\n // it, so set the completion value of the entire function to\n // throw the exception.\n return handle(\"end\");\n }\n\n if (entry.tryLoc <= this.prev) {\n var hasCatch = hasOwn.call(entry, \"catchLoc\");\n var hasFinally = hasOwn.call(entry, \"finallyLoc\");\n\n if (hasCatch && hasFinally) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n } else if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n } else if (hasCatch) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n }\n } else if (hasFinally) {\n if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n } else {\n throw new Error(\"try statement without catch or finally\");\n }\n }\n }\n },\n abrupt: function (type, arg) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n\n if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) {\n var finallyEntry = entry;\n break;\n }\n }\n\n if (finallyEntry && (type === \"break\" || type === \"continue\") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) {\n // Ignore the finally entry if control is not jumping to a\n // location outside the try/catch block.\n finallyEntry = null;\n }\n\n var record = finallyEntry ? finallyEntry.completion : {};\n record.type = type;\n record.arg = arg;\n\n if (finallyEntry) {\n this.method = \"next\";\n this.next = finallyEntry.finallyLoc;\n return ContinueSentinel;\n }\n\n return this.complete(record);\n },\n complete: function (record, afterLoc) {\n if (record.type === \"throw\") {\n throw record.arg;\n }\n\n if (record.type === \"break\" || record.type === \"continue\") {\n this.next = record.arg;\n } else if (record.type === \"return\") {\n this.rval = this.arg = record.arg;\n this.method = \"return\";\n this.next = \"end\";\n } else if (record.type === \"normal\" && afterLoc) {\n this.next = afterLoc;\n }\n\n return ContinueSentinel;\n },\n finish: function (finallyLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n\n if (entry.finallyLoc === finallyLoc) {\n this.complete(entry.completion, entry.afterLoc);\n resetTryEntry(entry);\n return ContinueSentinel;\n }\n }\n },\n \"catch\": function (tryLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n\n if (entry.tryLoc === tryLoc) {\n var record = entry.completion;\n\n if (record.type === \"throw\") {\n var thrown = record.arg;\n resetTryEntry(entry);\n }\n\n return thrown;\n }\n } // The context.catch method must only be called with a location\n // argument that corresponds to a known catch block.\n\n\n throw new Error(\"illegal catch attempt\");\n },\n delegateYield: function (iterable, resultName, nextLoc) {\n this.delegate = {\n iterator: values(iterable),\n resultName: resultName,\n nextLoc: nextLoc\n };\n\n if (this.method === \"next\") {\n // Deliberately forget the last sent value so that we don't\n // accidentally pass it on to the delegate.\n this.arg = undefined$1;\n }\n\n return ContinueSentinel;\n }\n }; // Regardless of whether this script is executing as a CommonJS module\n // or not, return the runtime object so that we can declare the variable\n // regeneratorRuntime in the outer scope, which allows this module to be\n // injected easily by `bin/regenerator --include-runtime script.js`.\n\n return exports;\n }( // If this script is executing as a CommonJS module, use module.exports\n // as the regeneratorRuntime namespace. Otherwise create a new empty\n // object. Either way, the resulting object will be used to initialize\n // the regeneratorRuntime variable at the top of this file.\n module.exports );\n\n try {\n regeneratorRuntime = runtime;\n } catch (accidentalStrictMode) {\n // This module should not be running in strict mode, so the above\n // assignment should always work unless something is misconfigured. Just\n // in case runtime.js accidentally runs in strict mode, we can escape\n // strict mode using a global Function call. This could conceivably fail\n // if a Content Security Policy forbids using Function, but in that case\n // the proper solution is to fix the accidental strict mode problem. If\n // you've misconfigured your bundler to force strict mode and applied a\n // CSP to forbid Function, and you're not willing to fix either of those\n // problems, please detail your unique predicament in a GitHub issue.\n Function(\"r\", \"regeneratorRuntime = r\")(runtime);\n }\n});\n\nvar Property = /*#__PURE__*/function () {\n function Property(document, name, value) {\n _classCallCheck(this, Property);\n\n this.document = document;\n this.name = name;\n this.value = value;\n }\n\n _createClass(Property, [{\n key: \"hasValue\",\n value: function hasValue() {\n var value = this.value;\n return value !== null && value !== '' && value !== 0 && typeof value !== 'undefined';\n }\n }, {\n key: \"isString\",\n value: function isString(regexp) {\n var value = this.value;\n var result = typeof value === 'string';\n\n if (!result || !regexp) {\n return result;\n }\n\n return regexp.test(value);\n }\n }, {\n key: \"isUrlDefinition\",\n value: function isUrlDefinition() {\n return this.isString(/^url\\(/);\n }\n }, {\n key: \"isPixels\",\n value: function isPixels() {\n if (!this.hasValue()) {\n return false;\n }\n\n var asString = this.getString();\n\n switch (true) {\n case /px$/.test(asString):\n case /^[0-9]+$/.test(asString):\n return true;\n\n default:\n return false;\n }\n }\n }, {\n key: \"setValue\",\n value: function setValue(value) {\n this.value = value;\n return this;\n }\n }, {\n key: \"getValue\",\n value: function getValue(def) {\n if (typeof def === 'undefined' || this.hasValue()) {\n return this.value;\n }\n\n return def;\n }\n }, {\n key: \"getNumber\",\n value: function getNumber(def) {\n if (!this.hasValue()) {\n if (typeof def === 'undefined') {\n return 0;\n }\n\n return parseFloat(def);\n }\n\n var value = this.value;\n var n = parseFloat(value);\n\n if (this.isString(/%$/)) {\n n = n / 100.0;\n }\n\n return n;\n }\n }, {\n key: \"getString\",\n value: function getString(def) {\n if (typeof def === 'undefined' || this.hasValue()) {\n return typeof this.value === 'undefined' ? '' : String(this.value);\n }\n\n return String(def);\n }\n }, {\n key: \"getDpi\",\n value: function getDpi() {\n return 96.0; // TODO: compute?\n }\n }, {\n key: \"getRem\",\n value: function getRem() {\n return this.document.rootEmSize;\n }\n }, {\n key: \"getEm\",\n value: function getEm() {\n return this.document.emSize;\n }\n }, {\n key: \"getUnits\",\n value: function getUnits() {\n return this.getString().replace(/[0-9\\.\\-]/g, '');\n }\n }, {\n key: \"getPixels\",\n value: function getPixels(axisOrIsFontSize) {\n var processPercent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n if (!this.hasValue()) {\n return 0;\n }\n\n var _ref = typeof axisOrIsFontSize === 'boolean' ? [undefined, axisOrIsFontSize] : [axisOrIsFontSize],\n _ref2 = _slicedToArray(_ref, 2),\n axis = _ref2[0],\n isFontSize = _ref2[1];\n\n var viewPort = this.document.screen.viewPort;\n\n switch (true) {\n case this.isString(/vmin$/):\n return this.getNumber() / 100.0 * Math.min(viewPort.computeSize('x'), viewPort.computeSize('y'));\n\n case this.isString(/vmax$/):\n return this.getNumber() / 100.0 * Math.max(viewPort.computeSize('x'), viewPort.computeSize('y'));\n\n case this.isString(/vw$/):\n return this.getNumber() / 100.0 * viewPort.computeSize('x');\n\n case this.isString(/vh$/):\n return this.getNumber() / 100.0 * viewPort.computeSize('y');\n\n case this.isString(/rem$/):\n return this.getNumber() * this.getRem();\n\n case this.isString(/em$/):\n return this.getNumber() * this.getEm();\n\n case this.isString(/ex$/):\n return this.getNumber() * this.getEm() / 2.0;\n\n case this.isString(/px$/):\n return this.getNumber();\n\n case this.isString(/pt$/):\n return this.getNumber() * this.getDpi() * (1.0 / 72.0);\n\n case this.isString(/pc$/):\n return this.getNumber() * 15;\n\n case this.isString(/cm$/):\n return this.getNumber() * this.getDpi() / 2.54;\n\n case this.isString(/mm$/):\n return this.getNumber() * this.getDpi() / 25.4;\n\n case this.isString(/in$/):\n return this.getNumber() * this.getDpi();\n\n case this.isString(/%$/) && isFontSize:\n return this.getNumber() * this.getEm();\n\n case this.isString(/%$/):\n return this.getNumber() * viewPort.computeSize(axis);\n\n default:\n {\n var n = this.getNumber();\n\n if (processPercent && n < 1.0) {\n return n * viewPort.computeSize(axis);\n }\n\n return n;\n }\n }\n }\n }, {\n key: \"getMilliseconds\",\n value: function getMilliseconds() {\n if (!this.hasValue()) {\n return 0;\n }\n\n if (this.isString(/ms$/)) {\n return this.getNumber();\n }\n\n return this.getNumber() * 1000;\n }\n }, {\n key: \"getRadians\",\n value: function getRadians() {\n if (!this.hasValue()) {\n return 0;\n }\n\n switch (true) {\n case this.isString(/deg$/):\n return this.getNumber() * (Math.PI / 180.0);\n\n case this.isString(/grad$/):\n return this.getNumber() * (Math.PI / 200.0);\n\n case this.isString(/rad$/):\n return this.getNumber();\n\n default:\n return this.getNumber() * (Math.PI / 180.0);\n }\n }\n }, {\n key: \"getDefinition\",\n value: function getDefinition() {\n var asString = this.getString();\n var name = asString.match(/#([^\\)'\"]+)/);\n\n if (name) {\n name = name[1];\n }\n\n if (!name) {\n name = asString;\n }\n\n return this.document.definitions[name];\n }\n }, {\n key: \"getFillStyleDefinition\",\n value: function getFillStyleDefinition(element, opacity) {\n var def = this.getDefinition();\n\n if (!def) {\n return null;\n } // gradient\n\n\n if (typeof def.createGradient === 'function') {\n return def.createGradient(this.document.ctx, element, opacity);\n } // pattern\n\n\n if (typeof def.createPattern === 'function') {\n if (def.getHrefAttribute().hasValue()) {\n var patternTransform = def.getAttribute('patternTransform');\n def = def.getHrefAttribute().getDefinition();\n\n if (patternTransform.hasValue()) {\n def.getAttribute('patternTransform', true).setValue(patternTransform.value);\n }\n }\n\n return def.createPattern(this.document.ctx, element, opacity);\n }\n\n return null;\n }\n }, {\n key: \"getTextBaseline\",\n value: function getTextBaseline() {\n if (!this.hasValue()) {\n return null;\n }\n\n return Property.textBaselineMapping[this.getString()];\n }\n }, {\n key: \"addOpacity\",\n value: function addOpacity(opacity) {\n var value = this.value;\n var len = value.length;\n var commas = 0; // Simulate old RGBColor version, which can't parse rgba.\n\n for (var i = 0; i < len; i++) {\n if (value[i] === ',') {\n commas++;\n }\n\n if (commas === 3) {\n break;\n }\n }\n\n if (opacity.hasValue() && this.isString() && commas !== 3) {\n var color = new RGBColor(value);\n\n if (color.ok) {\n value = \"rgba(\".concat(color.r, \", \").concat(color.g, \", \").concat(color.b, \", \").concat(opacity.getNumber(), \")\");\n }\n }\n\n return new Property(this.document, this.name, value);\n }\n }], [{\n key: \"empty\",\n value: function empty(document) {\n return new Property(document, 'EMPTY', '');\n }\n }]);\n\n return Property;\n}();\nProperty.textBaselineMapping = {\n 'baseline': 'alphabetic',\n 'before-edge': 'top',\n 'text-before-edge': 'top',\n 'middle': 'middle',\n 'central': 'middle',\n 'after-edge': 'bottom',\n 'text-after-edge': 'bottom',\n 'ideographic': 'ideographic',\n 'alphabetic': 'alphabetic',\n 'hanging': 'hanging',\n 'mathematical': 'alphabetic'\n};\n\nvar ViewPort = /*#__PURE__*/function () {\n function ViewPort() {\n _classCallCheck(this, ViewPort);\n\n this.viewPorts = [];\n }\n\n _createClass(ViewPort, [{\n key: \"clear\",\n value: function clear() {\n this.viewPorts = [];\n }\n }, {\n key: \"setCurrent\",\n value: function setCurrent(width, height) {\n this.viewPorts.push({\n width: width,\n height: height\n });\n }\n }, {\n key: \"removeCurrent\",\n value: function removeCurrent() {\n this.viewPorts.pop();\n }\n }, {\n key: \"getCurrent\",\n value: function getCurrent() {\n var viewPorts = this.viewPorts;\n return viewPorts[viewPorts.length - 1];\n }\n }, {\n key: \"computeSize\",\n value: function computeSize(d) {\n if (typeof d === 'number') {\n return d;\n }\n\n if (d === 'x') {\n return this.width;\n }\n\n if (d === 'y') {\n return this.height;\n }\n\n return Math.sqrt(Math.pow(this.width, 2) + Math.pow(this.height, 2)) / Math.sqrt(2);\n }\n }, {\n key: \"width\",\n get: function get() {\n return this.getCurrent().width;\n }\n }, {\n key: \"height\",\n get: function get() {\n return this.getCurrent().height;\n }\n }]);\n\n return ViewPort;\n}();\n\nvar Point = /*#__PURE__*/function () {\n function Point(x, y) {\n _classCallCheck(this, Point);\n\n this.x = x;\n this.y = y;\n }\n\n _createClass(Point, [{\n key: \"angleTo\",\n value: function angleTo(point) {\n return Math.atan2(point.y - this.y, point.x - this.x);\n }\n }, {\n key: \"applyTransform\",\n value: function applyTransform(transform) {\n var x = this.x,\n y = this.y;\n var xp = x * transform[0] + y * transform[2] + transform[4];\n var yp = x * transform[1] + y * transform[3] + transform[5];\n this.x = xp;\n this.y = yp;\n }\n }], [{\n key: \"parse\",\n value: function parse(point) {\n var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n var _toNumbers = toNumbers(point),\n _toNumbers2 = _slicedToArray(_toNumbers, 2),\n _toNumbers2$ = _toNumbers2[0],\n x = _toNumbers2$ === void 0 ? defaultValue : _toNumbers2$,\n _toNumbers2$2 = _toNumbers2[1],\n y = _toNumbers2$2 === void 0 ? x : _toNumbers2$2;\n\n return new Point(x, y);\n }\n }, {\n key: \"parsePath\",\n value: function parsePath(path) {\n var points = toNumbers(path);\n var len = points.length;\n var pathPoints = [];\n\n for (var i = 0; i < len; i += 2) {\n pathPoints.push(new Point(points[i], points[i + 1]));\n }\n\n return pathPoints;\n }\n }]);\n\n return Point;\n}();\n\nvar Mouse = /*#__PURE__*/function () {\n function Mouse(screen) {\n _classCallCheck(this, Mouse);\n\n this.screen = screen;\n this.working = false;\n this.events = [];\n this.eventElements = [];\n this.onClick = this.onClick.bind(this);\n this.onMouseMove = this.onMouseMove.bind(this);\n }\n\n _createClass(Mouse, [{\n key: \"isWorking\",\n value: function isWorking() {\n return this.working;\n }\n }, {\n key: \"start\",\n value: function start() {\n if (this.working) {\n return;\n }\n\n var screen = this.screen,\n onClick = this.onClick,\n onMouseMove = this.onMouseMove;\n var canvas = screen.ctx.canvas;\n canvas.onclick = onClick;\n canvas.onmousemove = onMouseMove;\n this.working = true;\n }\n }, {\n key: \"stop\",\n value: function stop() {\n if (!this.working) {\n return;\n }\n\n var canvas = this.screen.ctx.canvas;\n this.working = false;\n canvas.onclick = null;\n canvas.onmousemove = null;\n }\n }, {\n key: \"hasEvents\",\n value: function hasEvents() {\n return this.working && this.events.length > 0;\n }\n }, {\n key: \"runEvents\",\n value: function runEvents() {\n if (!this.working) {\n return;\n }\n\n var document = this.screen,\n events = this.events,\n eventElements = this.eventElements;\n var style = document.ctx.canvas.style;\n\n if (style) {\n style.cursor = '';\n }\n\n events.forEach(function (_ref, i) {\n var run = _ref.run;\n var element = eventElements[i];\n\n while (element) {\n run(element);\n element = element.parent;\n }\n }); // done running, clear\n\n this.events = [];\n this.eventElements = [];\n }\n }, {\n key: \"checkPath\",\n value: function checkPath(element, ctx) {\n if (!this.working || !ctx) {\n return;\n }\n\n var events = this.events,\n eventElements = this.eventElements;\n events.forEach(function (_ref2, i) {\n var x = _ref2.x,\n y = _ref2.y;\n\n if (!eventElements[i] && ctx.isPointInPath && ctx.isPointInPath(x, y)) {\n eventElements[i] = element;\n }\n });\n }\n }, {\n key: \"checkBoundingBox\",\n value: function checkBoundingBox(element, boundingBox) {\n if (!this.working || !boundingBox) {\n return;\n }\n\n var events = this.events,\n eventElements = this.eventElements;\n events.forEach(function (_ref3, i) {\n var x = _ref3.x,\n y = _ref3.y;\n\n if (!eventElements[i] && boundingBox.isPointInBox(x, y)) {\n eventElements[i] = element;\n }\n });\n }\n }, {\n key: \"mapXY\",\n value: function mapXY(x, y) {\n var _this$screen = this.screen,\n window = _this$screen.window,\n ctx = _this$screen.ctx;\n var point = new Point(x, y);\n var element = ctx.canvas;\n\n while (element) {\n point.x -= element.offsetLeft;\n point.y -= element.offsetTop;\n element = element.offsetParent;\n }\n\n if (window.scrollX) {\n point.x += window.scrollX;\n }\n\n if (window.scrollY) {\n point.y += window.scrollY;\n }\n\n return point;\n }\n }, {\n key: \"onClick\",\n value: function onClick(evt) {\n var _this$mapXY = this.mapXY((evt || event).clientX, (evt || event).clientY),\n x = _this$mapXY.x,\n y = _this$mapXY.y;\n\n this.events.push({\n type: 'onclick',\n x: x,\n y: y,\n run: function run(event) {\n if (event.onClick) {\n event.onClick();\n }\n }\n });\n }\n }, {\n key: \"onMouseMove\",\n value: function onMouseMove(evt) {\n var _this$mapXY2 = this.mapXY((evt || event).clientX, (evt || event).clientY),\n x = _this$mapXY2.x,\n y = _this$mapXY2.y;\n\n this.events.push({\n type: 'onmousemove',\n x: x,\n y: y,\n run: function run(event) {\n if (event.onMouseMove) {\n event.onMouseMove();\n }\n }\n });\n }\n }]);\n\n return Mouse;\n}();\n\nvar defaultWindow = typeof window !== 'undefined' ? window : null;\nvar defaultFetch = typeof fetch !== 'undefined' ? fetch.bind(window) : null;\n\nvar Screen = /*#__PURE__*/function () {\n function Screen(ctx) {\n var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n _ref$fetch = _ref.fetch,\n fetch = _ref$fetch === void 0 ? defaultFetch : _ref$fetch,\n _ref$window = _ref.window,\n window = _ref$window === void 0 ? defaultWindow : _ref$window;\n\n _classCallCheck(this, Screen);\n\n this.ctx = ctx;\n this.FRAMERATE = 30;\n this.MAX_VIRTUAL_PIXELS = 30000;\n this.CLIENT_WIDTH = 800;\n this.CLIENT_HEIGHT = 600;\n this.viewPort = new ViewPort();\n this.mouse = new Mouse(this);\n this.animations = [];\n this.waits = [];\n this.frameDuration = 0;\n this.isReadyLock = false;\n this.isFirstRender = true;\n this.intervalId = null;\n this.window = window;\n this.fetch = fetch;\n }\n\n _createClass(Screen, [{\n key: \"wait\",\n value: function wait(checker) {\n this.waits.push(checker);\n }\n }, {\n key: \"ready\",\n value: function ready() {\n if (!this.readyPromise) {\n return Promise.resolve();\n }\n\n return this.readyPromise;\n }\n }, {\n key: \"isReady\",\n value: function isReady() {\n if (this.isReadyLock) {\n return true;\n }\n\n var isReadyLock = this.waits.every(function (_) {\n return _();\n });\n\n if (isReadyLock) {\n this.waits = [];\n\n if (this.resolveReady) {\n this.resolveReady();\n }\n }\n\n this.isReadyLock = isReadyLock;\n return isReadyLock;\n }\n }, {\n key: \"setDefaults\",\n value: function setDefaults(ctx) {\n // initial values and defaults\n ctx.strokeStyle = 'rgba(0,0,0,0)';\n ctx.lineCap = 'butt';\n ctx.lineJoin = 'miter';\n ctx.miterLimit = 4;\n }\n }, {\n key: \"setViewBox\",\n value: function setViewBox(_ref2) {\n var document = _ref2.document,\n ctx = _ref2.ctx,\n aspectRatio = _ref2.aspectRatio,\n width = _ref2.width,\n desiredWidth = _ref2.desiredWidth,\n height = _ref2.height,\n desiredHeight = _ref2.desiredHeight,\n _ref2$minX = _ref2.minX,\n minX = _ref2$minX === void 0 ? 0 : _ref2$minX,\n _ref2$minY = _ref2.minY,\n minY = _ref2$minY === void 0 ? 0 : _ref2$minY,\n refX = _ref2.refX,\n refY = _ref2.refY,\n _ref2$clip = _ref2.clip,\n clip = _ref2$clip === void 0 ? false : _ref2$clip,\n _ref2$clipX = _ref2.clipX,\n clipX = _ref2$clipX === void 0 ? 0 : _ref2$clipX,\n _ref2$clipY = _ref2.clipY,\n clipY = _ref2$clipY === void 0 ? 0 : _ref2$clipY;\n // aspect ratio - http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute\n var cleanAspectRatio = compressSpaces(aspectRatio).replace(/^defer\\s/, ''); // ignore defer\n\n var _cleanAspectRatio$spl = cleanAspectRatio.split(' '),\n _cleanAspectRatio$spl2 = _slicedToArray(_cleanAspectRatio$spl, 2),\n aspectRatioAlign = _cleanAspectRatio$spl2[0],\n aspectRatioMeetOrSlice = _cleanAspectRatio$spl2[1];\n\n var align = aspectRatioAlign || 'xMidYMid';\n var meetOrSlice = aspectRatioMeetOrSlice || 'meet'; // calculate scale\n\n var scaleX = width / desiredWidth;\n var scaleY = height / desiredHeight;\n var scaleMin = Math.min(scaleX, scaleY);\n var scaleMax = Math.max(scaleX, scaleY);\n var finalDesiredWidth = desiredWidth;\n var finalDesiredHeight = desiredHeight;\n\n if (meetOrSlice === 'meet') {\n finalDesiredWidth *= scaleMin;\n finalDesiredHeight *= scaleMin;\n }\n\n if (meetOrSlice === 'slice') {\n finalDesiredWidth *= scaleMax;\n finalDesiredHeight *= scaleMax;\n }\n\n var refXProp = new Property(document, 'refX', refX);\n var refYProp = new Property(document, 'refY', refY);\n var hasRefs = refXProp.hasValue() && refYProp.hasValue();\n\n if (hasRefs) {\n ctx.translate(-scaleMin * refXProp.getPixels('x'), -scaleMin * refYProp.getPixels('y'));\n }\n\n if (clip) {\n var scaledClipX = scaleMin * clipX;\n var scaledClipY = scaleMin * clipY;\n ctx.beginPath();\n ctx.moveTo(scaledClipX, scaledClipY);\n ctx.lineTo(width, scaledClipY);\n ctx.lineTo(width, height);\n ctx.lineTo(scaledClipX, height);\n ctx.closePath();\n ctx.clip();\n }\n\n if (!hasRefs) {\n var isMeetMinY = meetOrSlice === 'meet' && scaleMin === scaleY;\n var isSliceMaxY = meetOrSlice === 'slice' && scaleMax === scaleY;\n var isMeetMinX = meetOrSlice === 'meet' && scaleMin === scaleX;\n var isSliceMaxX = meetOrSlice === 'slice' && scaleMax === scaleX;\n\n if (/^xMid/.test(align) && (isMeetMinY || isSliceMaxY)) {\n ctx.translate(width / 2.0 - finalDesiredWidth / 2.0, 0);\n }\n\n if (/YMid$/.test(align) && (isMeetMinX || isSliceMaxX)) {\n ctx.translate(0, height / 2.0 - finalDesiredHeight / 2.0);\n }\n\n if (/^xMax/.test(align) && (isMeetMinY || isSliceMaxY)) {\n ctx.translate(width - finalDesiredWidth, 0);\n }\n\n if (/YMax$/.test(align) && (isMeetMinX || isSliceMaxX)) {\n ctx.translate(0, height - finalDesiredHeight);\n }\n } // scale\n\n\n switch (true) {\n case align === 'none':\n ctx.scale(scaleX, scaleY);\n break;\n\n case meetOrSlice === 'meet':\n ctx.scale(scaleMin, scaleMin);\n break;\n\n case meetOrSlice === 'slice':\n ctx.scale(scaleMax, scaleMax);\n break;\n } // translate\n\n\n ctx.translate(-minX, -minY);\n }\n }, {\n key: \"start\",\n value: function start(element) {\n var _this = this;\n\n var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n _ref3$enableRedraw = _ref3.enableRedraw,\n enableRedraw = _ref3$enableRedraw === void 0 ? false : _ref3$enableRedraw,\n _ref3$ignoreMouse = _ref3.ignoreMouse,\n ignoreMouse = _ref3$ignoreMouse === void 0 ? false : _ref3$ignoreMouse,\n _ref3$ignoreAnimation = _ref3.ignoreAnimation,\n ignoreAnimation = _ref3$ignoreAnimation === void 0 ? false : _ref3$ignoreAnimation,\n _ref3$ignoreDimension = _ref3.ignoreDimensions,\n ignoreDimensions = _ref3$ignoreDimension === void 0 ? false : _ref3$ignoreDimension,\n _ref3$ignoreClear = _ref3.ignoreClear,\n ignoreClear = _ref3$ignoreClear === void 0 ? false : _ref3$ignoreClear,\n forceRedraw = _ref3.forceRedraw,\n scaleWidth = _ref3.scaleWidth,\n scaleHeight = _ref3.scaleHeight,\n offsetX = _ref3.offsetX,\n offsetY = _ref3.offsetY;\n\n var FRAMERATE = this.FRAMERATE,\n mouse = this.mouse;\n var frameDuration = 1000 / FRAMERATE;\n this.frameDuration = frameDuration;\n this.readyPromise = new Promise(function (resolve) {\n _this.resolveReady = resolve;\n });\n\n if (this.isReady()) {\n this.render(element, ignoreDimensions, ignoreClear, scaleWidth, scaleHeight, offsetX, offsetY);\n }\n\n if (!enableRedraw) {\n return;\n }\n\n var now = Date.now();\n var then = now;\n var delta = 0;\n\n var tick = function tick() {\n now = Date.now();\n delta = now - then;\n\n if (delta >= frameDuration) {\n then = now - delta % frameDuration;\n\n if (_this.shouldUpdate(ignoreAnimation, forceRedraw)) {\n _this.render(element, ignoreDimensions, ignoreClear, scaleWidth, scaleHeight, offsetX, offsetY);\n\n mouse.runEvents();\n }\n }\n\n _this.intervalId = requestAnimationFrame(tick);\n };\n\n if (!ignoreMouse) {\n mouse.start();\n }\n\n this.intervalId = requestAnimationFrame(tick);\n }\n }, {\n key: \"stop\",\n value: function stop() {\n if (this.intervalId) {\n requestAnimationFrame.cancel(this.intervalId);\n this.intervalId = null;\n }\n\n this.mouse.stop();\n }\n }, {\n key: \"shouldUpdate\",\n value: function shouldUpdate(ignoreAnimation, forceRedraw) {\n // need update from animations?\n if (!ignoreAnimation) {\n var frameDuration = this.frameDuration;\n var shouldUpdate = this.animations.reduce(function (shouldUpdate, animation) {\n return animation.update(frameDuration) || shouldUpdate;\n }, false);\n\n if (shouldUpdate) {\n return true;\n }\n } // need update from redraw?\n\n\n if (typeof forceRedraw === 'function' && forceRedraw()) {\n return true;\n }\n\n if (!this.isReadyLock && this.isReady()) {\n return true;\n } // need update from mouse events?\n\n\n if (this.mouse.hasEvents()) {\n return true;\n }\n\n return false;\n }\n }, {\n key: \"render\",\n value: function render(element, ignoreDimensions, ignoreClear, scaleWidth, scaleHeight, offsetX, offsetY) {\n var CLIENT_WIDTH = this.CLIENT_WIDTH,\n CLIENT_HEIGHT = this.CLIENT_HEIGHT,\n viewPort = this.viewPort,\n ctx = this.ctx,\n isFirstRender = this.isFirstRender;\n var canvas = ctx.canvas;\n viewPort.clear();\n\n if (canvas.width && canvas.height) {\n viewPort.setCurrent(canvas.width, canvas.height);\n } else {\n viewPort.setCurrent(CLIENT_WIDTH, CLIENT_HEIGHT);\n }\n\n var widthStyle = element.getStyle('width');\n var heightStyle = element.getStyle('height');\n\n if (!ignoreDimensions && (isFirstRender || typeof scaleWidth !== 'number' && typeof scaleHeight !== 'number')) {\n // set canvas size\n if (widthStyle.hasValue()) {\n canvas.width = widthStyle.getPixels('x');\n\n if (canvas.style) {\n canvas.style.width = \"\".concat(canvas.width, \"px\");\n }\n }\n\n if (heightStyle.hasValue()) {\n canvas.height = heightStyle.getPixels('y');\n\n if (canvas.style) {\n canvas.style.height = \"\".concat(canvas.height, \"px\");\n }\n }\n }\n\n var cWidth = canvas.clientWidth || canvas.width;\n var cHeight = canvas.clientHeight || canvas.height;\n\n if (ignoreDimensions && widthStyle.hasValue() && heightStyle.hasValue()) {\n cWidth = widthStyle.getPixels('x');\n cHeight = heightStyle.getPixels('y');\n }\n\n viewPort.setCurrent(cWidth, cHeight);\n\n if (typeof offsetX === 'number') {\n element.getAttribute('x', true).setValue(offsetX);\n }\n\n if (typeof offsetY === 'number') {\n element.getAttribute('y', true).setValue(offsetY);\n }\n\n if (typeof scaleWidth === 'number' || typeof scaleHeight === 'number') {\n var viewBox = toNumbers(element.getAttribute('viewBox').getString());\n var xRatio = 0;\n var yRatio = 0;\n\n if (typeof scaleWidth === 'number') {\n var widthAttr = element.getAttribute('width');\n\n if (widthAttr.hasValue()) {\n xRatio = widthAttr.getPixels('x') / scaleWidth;\n } else if (!isNaN(viewBox[2])) {\n xRatio = viewBox[2] / scaleWidth;\n }\n }\n\n if (typeof scaleHeight === 'number') {\n var heightAttr = element.getAttribute('height');\n\n if (heightAttr.hasValue()) {\n yRatio = heightAttr.getPixels('y') / scaleHeight;\n } else if (!isNaN(viewBox[3])) {\n yRatio = viewBox[3] / scaleHeight;\n }\n }\n\n if (!xRatio) {\n xRatio = yRatio;\n }\n\n if (!yRatio) {\n yRatio = xRatio;\n }\n\n element.getAttribute('width', true).setValue(scaleWidth);\n element.getAttribute('height', true).setValue(scaleHeight);\n var transformStyle = element.getStyle('transform', true, true);\n transformStyle.setValue(\"\".concat(transformStyle.getString(), \" scale(\").concat(1.0 / xRatio, \", \").concat(1.0 / yRatio, \")\"));\n } // clear and render\n\n\n if (!ignoreClear) {\n ctx.clearRect(0, 0, cWidth, cHeight);\n }\n\n element.render(ctx);\n\n if (isFirstRender) {\n this.isFirstRender = false;\n }\n }\n }]);\n\n return Screen;\n}();\nScreen.defaultWindow = defaultWindow;\nScreen.defaultFetch = defaultFetch;\n\nvar defaultFetch$1 = Screen.defaultFetch;\nvar DefaultDOMParser = typeof DOMParser !== 'undefined' ? DOMParser : null;\n\nvar Parser = /*#__PURE__*/function () {\n // private readonly options: any;\n function Parser() {\n var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref$fetch = _ref.fetch,\n fetch = _ref$fetch === void 0 ? defaultFetch$1 : _ref$fetch,\n _ref$DOMParser = _ref.DOMParser,\n DOMParser = _ref$DOMParser === void 0 ? DefaultDOMParser : _ref$DOMParser;\n\n _classCallCheck(this, Parser);\n\n this.fetch = fetch;\n this.DOMParser = DOMParser; // this.options = options;\n }\n\n _createClass(Parser, [{\n key: \"parse\",\n value: function () {\n var _parse = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resource) {\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n if (!/^ 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n _classCallCheck(this, Element);\n\n this.document = document;\n this.node = node;\n this.captureTextNodes = captureTextNodes;\n this.attributes = {};\n this.styles = {};\n this.stylesSpecificity = {};\n this.animationFrozen = false;\n this.animationFrozenValue = '';\n this.parent = null;\n this.children = [];\n\n if (!node || node.nodeType !== 1) {\n // ELEMENT_NODE\n return;\n } // add attributes\n\n\n Array.from(node.attributes).forEach(function (attribute) {\n var nodeName = normalizeAttributeName(attribute.nodeName);\n _this.attributes[nodeName] = new Property(document, nodeName, attribute.value);\n });\n this.addStylesFromStyleDefinition(); // add inline styles\n\n if (this.getAttribute('style').hasValue()) {\n var styles = this.getAttribute('style').getString().split(';').map(function (_) {\n return _.trim();\n });\n styles.forEach(function (style) {\n if (!style) {\n return;\n }\n\n var _style$split = style.split(':'),\n _style$split2 = _slicedToArray(_style$split, 2),\n name = _style$split2[0],\n value = _style$split2[1];\n\n _this.styles[name] = new Property(document, name.trim(), value.trim());\n });\n }\n\n var definitions = document.definitions;\n var id = this.getAttribute('id'); // add id\n\n if (id.hasValue()) {\n if (!definitions[id.getValue()]) {\n definitions[id.getValue()] = this;\n }\n }\n\n Array.from(node.childNodes).forEach(function (childNode) {\n if (childNode.nodeType === 1) {\n _this.addChild(childNode); // ELEMENT_NODE\n\n } else if (captureTextNodes && (childNode.nodeType === 3 || childNode.nodeType === 4)) {\n var textNode = document.createTextNode(childNode);\n\n if (textNode.getText().length > 0) {\n _this.addChild(textNode); // TEXT_NODE\n\n }\n }\n });\n }\n\n _createClass(Element, [{\n key: \"getAttribute\",\n value: function getAttribute(name) {\n var createIfNotExists = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var attr = this.attributes[name];\n\n if (!attr && createIfNotExists) {\n var _attr = new Property(this.document, name, '');\n\n this.attributes[name] = _attr;\n return _attr;\n }\n\n return attr || Property.empty(this.document);\n }\n }, {\n key: \"getHrefAttribute\",\n value: function getHrefAttribute() {\n for (var key in this.attributes) {\n if (key === 'href' || /:href$/.test(key)) {\n return this.attributes[key];\n }\n }\n\n return Property.empty(this.document);\n }\n }, {\n key: \"getStyle\",\n value: function getStyle(name) {\n var createIfNotExists = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var skipAncestors = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n var style = this.styles[name];\n\n if (style) {\n return style;\n }\n\n var attr = this.getAttribute(name);\n\n if (attr && attr.hasValue()) {\n this.styles[name] = attr; // move up to me to cache\n\n return attr;\n }\n\n if (!skipAncestors) {\n var parent = this.parent;\n\n if (parent) {\n var parentStyle = parent.getStyle(name);\n\n if (parentStyle && parentStyle.hasValue()) {\n return parentStyle;\n }\n }\n }\n\n if (createIfNotExists) {\n var _style = new Property(this.document, name, '');\n\n this.styles[name] = _style;\n return _style;\n }\n\n return style || Property.empty(this.document);\n }\n }, {\n key: \"render\",\n value: function render(ctx) {\n // don't render display=none\n // don't render visibility=hidden\n if (this.getStyle('display').getString() === 'none' || this.getStyle('visibility').getString() === 'hidden') {\n return;\n }\n\n ctx.save();\n\n if (this.getStyle('mask').hasValue()) {\n // mask\n var mask = this.getStyle('mask').getDefinition();\n\n if (mask) {\n mask.apply(ctx, this);\n }\n } else if (this.getStyle('filter').getValue('none') !== 'none') {\n // filter\n var filter = this.getStyle('filter').getDefinition();\n\n if (filter) {\n filter.apply(ctx, this);\n }\n } else {\n this.setContext(ctx);\n this.renderChildren(ctx);\n this.clearContext(ctx);\n }\n\n ctx.restore();\n }\n }, {\n key: \"setContext\",\n value: function setContext(_) {}\n }, {\n key: \"clearContext\",\n value: function clearContext(_) {}\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n this.children.forEach(function (child) {\n child.render(ctx);\n });\n }\n }, {\n key: \"addChild\",\n value: function addChild(childNode) {\n var child = childNode instanceof Element ? childNode : this.document.createElement(childNode);\n child.parent = this;\n\n if (!Element.ignoreChildTypes.includes(child.type)) {\n this.children.push(child);\n }\n }\n }, {\n key: \"matchesSelector\",\n value: function matchesSelector(selector) {\n var node = this.node;\n\n if (typeof node.matches === 'function') {\n return node.matches(selector);\n }\n\n var styleClasses = node.getAttribute('class');\n\n if (!styleClasses || styleClasses === '') {\n return false;\n }\n\n return styleClasses.split(' ').some(function (styleClass) {\n if (\".\".concat(styleClass) === selector) {\n return true;\n }\n });\n }\n }, {\n key: \"addStylesFromStyleDefinition\",\n value: function addStylesFromStyleDefinition() {\n var _this$document = this.document,\n styles = _this$document.styles,\n stylesSpecificity = _this$document.stylesSpecificity;\n\n for (var selector in styles) {\n if (selector[0] !== '@' && this.matchesSelector(selector)) {\n var style = styles[selector];\n var specificity = stylesSpecificity[selector];\n\n if (style) {\n for (var name in style) {\n var existingSpecificity = this.stylesSpecificity[name];\n\n if (typeof existingSpecificity === 'undefined') {\n existingSpecificity = '000';\n }\n\n if (specificity >= existingSpecificity) {\n this.styles[name] = style[name];\n this.stylesSpecificity[name] = specificity;\n }\n }\n }\n }\n }\n }\n }]);\n\n return Element;\n}();\nElement.ignoreChildTypes = ['title'];\n\nfunction _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar UnknownElement = /*#__PURE__*/function (_Element) {\n _inherits(UnknownElement, _Element);\n\n var _super = _createSuper(UnknownElement);\n\n function UnknownElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, UnknownElement);\n\n _this = _super.call(this, document, node, captureTextNodes); // tslint:disable-next-line: no-console\n\n console.warn(\"Element \".concat(node.nodeName, \" not yet implemented.\"));\n return _this;\n }\n\n return UnknownElement;\n}(Element);\n\nfunction wrapFontFamily(fontFamily) {\n var trimmed = fontFamily.trim();\n return /^('|\")/.test(trimmed) ? trimmed : \"\\\"\".concat(trimmed, \"\\\"\");\n}\n\nfunction prepareFontFamily(fontFamily) {\n return typeof process === 'undefined' ? fontFamily : fontFamily.trim().split(',').map(wrapFontFamily).join(',');\n}\n\nvar Font = /*#__PURE__*/function () {\n function Font(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit) {\n _classCallCheck(this, Font);\n\n var inheritFont = inherit ? typeof inherit === 'string' ? Font.parse(inherit) : inherit : {};\n this.fontFamily = fontFamily || inheritFont.fontFamily;\n this.fontSize = fontSize || inheritFont.fontSize;\n this.fontStyle = fontStyle || inheritFont.fontStyle;\n this.fontWeight = fontWeight || inheritFont.fontWeight;\n this.fontVariant = fontVariant || inheritFont.fontVariant;\n }\n\n _createClass(Font, [{\n key: \"toString\",\n value: function toString() {\n return [this.fontStyle, this.fontVariant, this.fontWeight, this.fontSize, // Wrap fontFamily only on nodejs and only for canvas.ctx\n prepareFontFamily(this.fontFamily)].join(' ');\n }\n }], [{\n key: \"parse\",\n value: function parse() {\n var font = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n var inherit = arguments.length > 1 ? arguments[1] : undefined;\n var fontStyle = '';\n var fontVariant = '';\n var fontWeight = '';\n var fontSize = '';\n var fontFamily = '';\n var parts = compressSpaces(font).trim().split(' ');\n var set = {\n fontSize: false,\n fontStyle: false,\n fontWeight: false,\n fontVariant: false\n };\n parts.forEach(function (part) {\n switch (true) {\n case !set.fontStyle && Font.styles.includes(part):\n if (part !== 'inherit') {\n fontStyle = part;\n }\n\n set.fontStyle = true;\n break;\n\n case !set.fontVariant && Font.variants.includes(part):\n if (part !== 'inherit') {\n fontVariant = part;\n }\n\n set.fontStyle = true;\n set.fontVariant = true;\n break;\n\n case !set.fontWeight && Font.weights.includes(part):\n if (part !== 'inherit') {\n fontWeight = part;\n }\n\n set.fontStyle = true;\n set.fontVariant = true;\n set.fontWeight = true;\n break;\n\n case !set.fontSize:\n if (part !== 'inherit') {\n var _part$split = part.split('/');\n\n var _part$split2 = _slicedToArray(_part$split, 1);\n\n fontSize = _part$split2[0];\n }\n\n set.fontStyle = true;\n set.fontVariant = true;\n set.fontWeight = true;\n set.fontSize = true;\n break;\n\n default:\n if (part !== 'inherit') {\n fontFamily += part;\n }\n\n }\n });\n return new Font(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit);\n }\n }]);\n\n return Font;\n}();\nFont.styles = 'normal|italic|oblique|inherit';\nFont.variants = 'normal|small-caps|inherit';\nFont.weights = 'normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900|inherit';\n\nvar BoundingBox = /*#__PURE__*/function () {\n function BoundingBox() {\n var x1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number.NaN;\n var y1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.NaN;\n var x2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Number.NaN;\n var y2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : Number.NaN;\n\n _classCallCheck(this, BoundingBox);\n\n this.x1 = x1;\n this.y1 = y1;\n this.x2 = x2;\n this.y2 = y2;\n this.addPoint(x1, y1);\n this.addPoint(x2, y2);\n }\n\n _createClass(BoundingBox, [{\n key: \"addPoint\",\n value: function addPoint(x, y) {\n if (typeof x !== 'undefined') {\n if (isNaN(this.x1) || isNaN(this.x2)) {\n this.x1 = x;\n this.x2 = x;\n }\n\n if (x < this.x1) {\n this.x1 = x;\n }\n\n if (x > this.x2) {\n this.x2 = x;\n }\n }\n\n if (typeof y !== 'undefined') {\n if (isNaN(this.y1) || isNaN(this.y2)) {\n this.y1 = y;\n this.y2 = y;\n }\n\n if (y < this.y1) {\n this.y1 = y;\n }\n\n if (y > this.y2) {\n this.y2 = y;\n }\n }\n }\n }, {\n key: \"addX\",\n value: function addX(x) {\n this.addPoint(x, null);\n }\n }, {\n key: \"addY\",\n value: function addY(y) {\n this.addPoint(null, y);\n }\n }, {\n key: \"addBoundingBox\",\n value: function addBoundingBox(_ref) {\n var x1 = _ref.x1,\n y1 = _ref.y1,\n x2 = _ref.x2,\n y2 = _ref.y2;\n this.addPoint(x1, y1);\n this.addPoint(x2, y2);\n }\n }, {\n key: \"sumCubic\",\n value: function sumCubic(t, p0, p1, p2, p3) {\n return Math.pow(1 - t, 3) * p0 + 3 * Math.pow(1 - t, 2) * t * p1 + 3 * (1 - t) * Math.pow(t, 2) * p2 + Math.pow(t, 3) * p3;\n }\n }, {\n key: \"bezierCurveAdd\",\n value: function bezierCurveAdd(forX, p0, p1, p2, p3) {\n var b = 6 * p0 - 12 * p1 + 6 * p2;\n var a = -3 * p0 + 9 * p1 - 9 * p2 + 3 * p3;\n var c = 3 * p1 - 3 * p0;\n\n if (a === 0) {\n if (b === 0) {\n return;\n }\n\n var t = -c / b;\n\n if (0 < t && t < 1) {\n if (forX) {\n this.addX(this.sumCubic(t, p0, p1, p2, p3));\n } else {\n this.addY(this.sumCubic(t, p0, p1, p2, p3));\n }\n }\n\n return;\n }\n\n var b2ac = Math.pow(b, 2) - 4 * c * a;\n\n if (b2ac < 0) {\n return;\n }\n\n var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);\n\n if (0 < t1 && t1 < 1) {\n if (forX) {\n this.addX(this.sumCubic(t1, p0, p1, p2, p3));\n } else {\n this.addY(this.sumCubic(t1, p0, p1, p2, p3));\n }\n }\n\n var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);\n\n if (0 < t2 && t2 < 1) {\n if (forX) {\n this.addX(this.sumCubic(t2, p0, p1, p2, p3));\n } else {\n this.addY(this.sumCubic(t2, p0, p1, p2, p3));\n }\n }\n } // from http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html\n\n }, {\n key: \"addBezierCurve\",\n value: function addBezierCurve(p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {\n this.addPoint(p0x, p0y);\n this.addPoint(p3x, p3y);\n this.bezierCurveAdd(true, p0x, p1x, p2x, p3x);\n this.bezierCurveAdd(false, p0y, p1y, p2y, p3y);\n }\n }, {\n key: \"addQuadraticCurve\",\n value: function addQuadraticCurve(p0x, p0y, p1x, p1y, p2x, p2y) {\n var cp1x = p0x + 2 / 3 * (p1x - p0x); // CP1 = QP0 + 2/3 *(QP1-QP0)\n\n var cp1y = p0y + 2 / 3 * (p1y - p0y); // CP1 = QP0 + 2/3 *(QP1-QP0)\n\n var cp2x = cp1x + 1 / 3 * (p2x - p0x); // CP2 = CP1 + 1/3 *(QP2-QP0)\n\n var cp2y = cp1y + 1 / 3 * (p2y - p0y); // CP2 = CP1 + 1/3 *(QP2-QP0)\n\n this.addBezierCurve(p0x, p0y, cp1x, cp2x, cp1y, cp2y, p2x, p2y);\n }\n }, {\n key: \"isPointInBox\",\n value: function isPointInBox(x, y) {\n var x1 = this.x1,\n y1 = this.y1,\n x2 = this.x2,\n y2 = this.y2;\n return x1 <= x && x <= x2 && y1 <= y && y <= y2;\n }\n }, {\n key: \"x\",\n get: function get() {\n return this.x1;\n }\n }, {\n key: \"y\",\n get: function get() {\n return this.y1;\n }\n }, {\n key: \"width\",\n get: function get() {\n return this.x2 - this.x1;\n }\n }, {\n key: \"height\",\n get: function get() {\n return this.y2 - this.y1;\n }\n }]);\n\n return BoundingBox;\n}();\n\nvar Translate = /*#__PURE__*/function () {\n function Translate(_, point) {\n _classCallCheck(this, Translate);\n\n this.type = 'translate';\n this.point = null;\n this.point = Point.parse(point);\n }\n\n _createClass(Translate, [{\n key: \"apply\",\n value: function apply(ctx) {\n var _this$point = this.point,\n x = _this$point.x,\n y = _this$point.y;\n ctx.translate(x || 0.0, y || 0.0);\n }\n }, {\n key: \"unapply\",\n value: function unapply(ctx) {\n var _this$point2 = this.point,\n x = _this$point2.x,\n y = _this$point2.y;\n ctx.translate(-1.0 * x || 0.0, -1.0 * y || 0.0);\n }\n }, {\n key: \"applyToPoint\",\n value: function applyToPoint(point) {\n var _this$point3 = this.point,\n x = _this$point3.x,\n y = _this$point3.y;\n point.applyTransform([1, 0, 0, 1, x || 0.0, y || 0.0]);\n }\n }]);\n\n return Translate;\n}();\n\nvar Rotate = /*#__PURE__*/function () {\n function Rotate(document, rotate) {\n var transformOrigin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n\n _classCallCheck(this, Rotate);\n\n this.type = 'rotate';\n this.angle = null;\n this.cx = 0;\n this.cy = 0;\n var numbers = toNumbers(rotate);\n this.angle = new Property(document, 'angle', numbers[0]);\n this.cx = (numbers[1] || 0) + (transformOrigin[0] || 0);\n this.cy = (numbers[2] || 0) + (transformOrigin[1] || 0);\n }\n\n _createClass(Rotate, [{\n key: \"apply\",\n value: function apply(ctx) {\n var cx = this.cx,\n cy = this.cy,\n angle = this.angle;\n ctx.translate(cx, cy);\n ctx.rotate(angle.getRadians());\n ctx.translate(-cx, -cy);\n }\n }, {\n key: \"unapply\",\n value: function unapply(ctx) {\n var cx = this.cx,\n cy = this.cy,\n angle = this.angle;\n ctx.translate(cx, cy);\n ctx.rotate(-1.0 * angle.getRadians());\n ctx.translate(-cx, -cy);\n }\n }, {\n key: \"applyToPoint\",\n value: function applyToPoint(point) {\n var cx = this.cx,\n cy = this.cy,\n angle = this.angle;\n var rad = angle.getRadians(); // tslint:disable-next-line: no-console\n // console.warn('Unknown action:', (this as any).p, this);\n // ?\n\n point.applyTransform([1, 0, 0, 1, cx || 0.0, cy || 0.0 // this.p.y\n ]);\n point.applyTransform([Math.cos(rad), Math.sin(rad), -Math.sin(rad), Math.cos(rad), 0, 0]);\n point.applyTransform([1, 0, 0, 1, -cx || 0.0, -cy || 0.0 // -this.p.y\n ]);\n }\n }]);\n\n return Rotate;\n}();\n\nvar Scale = /*#__PURE__*/function () {\n function Scale(_, scale) {\n _classCallCheck(this, Scale);\n\n this.type = 'scale';\n this.scale = null;\n var scaleSize = Point.parse(scale, 1); // Workaround for node-canvas\n\n if (scaleSize.x === 0 || scaleSize.y === 0) {\n scaleSize.x = PSEUDO_ZERO;\n scaleSize.y = PSEUDO_ZERO;\n }\n\n this.scale = scaleSize;\n }\n\n _createClass(Scale, [{\n key: \"apply\",\n value: function apply(ctx) {\n var _this$scale = this.scale,\n x = _this$scale.x,\n y = _this$scale.y;\n ctx.scale(x, y || x);\n }\n }, {\n key: \"unapply\",\n value: function unapply(ctx) {\n var _this$scale2 = this.scale,\n x = _this$scale2.x,\n y = _this$scale2.y;\n ctx.scale(1.0 / x, 1.0 / y || x);\n }\n }, {\n key: \"applyToPoint\",\n value: function applyToPoint(point) {\n var _this$scale3 = this.scale,\n x = _this$scale3.x,\n y = _this$scale3.y;\n point.applyTransform([x || 0.0, 0, 0, y || 0.0, 0, 0]);\n }\n }]);\n\n return Scale;\n}();\n\nvar Matrix = /*#__PURE__*/function () {\n function Matrix(_, matrix) {\n _classCallCheck(this, Matrix);\n\n this.type = 'matrix';\n this.matrix = [];\n this.matrix = toNumbers(matrix);\n }\n\n _createClass(Matrix, [{\n key: \"apply\",\n value: function apply(ctx) {\n var matrix = this.matrix;\n ctx.transform(matrix[0], matrix[1], matrix[2], matrix[3], matrix[4], matrix[5]);\n }\n }, {\n key: \"unapply\",\n value: function unapply(ctx) {\n var matrix = this.matrix;\n var a = matrix[0];\n var b = matrix[2];\n var c = matrix[4];\n var d = matrix[1];\n var e = matrix[3];\n var f = matrix[5];\n var g = 0.0;\n var h = 0.0;\n var i = 1.0;\n var det = 1 / (a * (e * i - f * h) - b * (d * i - f * g) + c * (d * h - e * g));\n ctx.transform(det * (e * i - f * h), det * (f * g - d * i), det * (c * h - b * i), det * (a * i - c * g), det * (b * f - c * e), det * (c * d - a * f));\n }\n }, {\n key: \"applyToPoint\",\n value: function applyToPoint(point) {\n point.applyTransform(this.matrix);\n }\n }]);\n\n return Matrix;\n}();\n\nfunction _createSuper$1(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$1()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$1() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar Skew = /*#__PURE__*/function (_Matrix) {\n _inherits(Skew, _Matrix);\n\n var _super = _createSuper$1(Skew);\n\n function Skew(document, skew) {\n var _this;\n\n _classCallCheck(this, Skew);\n\n _this = _super.call(this, document, skew);\n _this.type = 'skew';\n _this.angle = null;\n _this.angle = new Property(document, 'angle', skew);\n return _this;\n }\n\n return Skew;\n}(Matrix);\n\nfunction _createSuper$2(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$2()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$2() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar SkewX = /*#__PURE__*/function (_Skew) {\n _inherits(SkewX, _Skew);\n\n var _super = _createSuper$2(SkewX);\n\n function SkewX(document, skew) {\n var _this;\n\n _classCallCheck(this, SkewX);\n\n _this = _super.call(this, document, skew);\n _this.type = 'skewX';\n _this.matrix = [1, 0, Math.tan(_this.angle.getRadians()), 1, 0, 0];\n return _this;\n }\n\n return SkewX;\n}(Skew);\n\nfunction _createSuper$3(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$3()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$3() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar SkewY = /*#__PURE__*/function (_Skew) {\n _inherits(SkewY, _Skew);\n\n var _super = _createSuper$3(SkewY);\n\n function SkewY(document, skew) {\n var _this;\n\n _classCallCheck(this, SkewY);\n\n _this = _super.call(this, document, skew);\n _this.type = 'skewY';\n _this.matrix = [1, Math.tan(_this.angle.getRadians()), 0, 1, 0, 0];\n return _this;\n }\n\n return SkewY;\n}(Skew);\n\nfunction parseTransforms(transform) {\n return compressSpaces(transform).trim().replace(/\\)([a-zA-Z])/g, ') $1').replace(/\\)(\\s?,\\s?)/g, ') ').split(/\\s(?=[a-z])/);\n}\n\nfunction parseTransform(transform) {\n var _transform$split = transform.split('('),\n _transform$split2 = _slicedToArray(_transform$split, 2),\n type = _transform$split2[0],\n value = _transform$split2[1];\n\n return [type.trim(), value.trim().replace(')', '')];\n}\n\nvar Transform = /*#__PURE__*/function () {\n function Transform(document, transform, transformOrigin) {\n var _this = this;\n\n _classCallCheck(this, Transform);\n\n this.document = document;\n this.transforms = [];\n var data = parseTransforms(transform);\n var originCoords = transformOrigin ? toNumbers(transformOrigin) : [];\n data.forEach(function (transform) {\n if (transform === 'none') {\n return;\n }\n\n var _parseTransform = parseTransform(transform),\n _parseTransform2 = _slicedToArray(_parseTransform, 2),\n type = _parseTransform2[0],\n value = _parseTransform2[1];\n\n var TransformType = Transform.transformTypes[type];\n\n if (typeof TransformType !== 'undefined') {\n _this.transforms.push(new TransformType(_this.document, value, originCoords));\n }\n });\n }\n\n _createClass(Transform, [{\n key: \"apply\",\n value: function apply(ctx) {\n var transforms = this.transforms;\n var len = transforms.length;\n\n for (var i = 0; i < len; i++) {\n transforms[i].apply(ctx);\n }\n }\n }, {\n key: \"unapply\",\n value: function unapply(ctx) {\n var transforms = this.transforms;\n var len = transforms.length;\n\n for (var i = len - 1; i >= 0; i--) {\n transforms[i].unapply(ctx);\n }\n } // TODO: applyToPoint unused ... remove?\n\n }, {\n key: \"applyToPoint\",\n value: function applyToPoint(point) {\n var transforms = this.transforms;\n var len = transforms.length;\n\n for (var i = 0; i < len; i++) {\n transforms[i].applyToPoint(point);\n }\n }\n }], [{\n key: \"fromElement\",\n value: function fromElement(document, element) {\n var transformStyle = element.getStyle('transform', false, true);\n var transformOriginStyle = element.getStyle('transform-origin', false, true);\n\n if (transformStyle.hasValue()) {\n return new Transform(document, transformStyle.getString(), transformOriginStyle.getString());\n }\n\n return null;\n }\n }]);\n\n return Transform;\n}();\nTransform.transformTypes = {\n translate: Translate,\n rotate: Rotate,\n scale: Scale,\n matrix: Matrix,\n skewX: SkewX,\n skewY: SkewY\n};\n\nfunction _createSuper$4(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$4()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$4() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar RenderedElement = /*#__PURE__*/function (_Element) {\n _inherits(RenderedElement, _Element);\n\n var _super = _createSuper$4(RenderedElement);\n\n function RenderedElement() {\n var _this;\n\n _classCallCheck(this, RenderedElement);\n\n _this = _super.apply(this, arguments);\n _this.modifiedEmSizeStack = false;\n return _this;\n }\n\n _createClass(RenderedElement, [{\n key: \"calculateOpacity\",\n value: function calculateOpacity() {\n var opacity = 1.0; // tslint:disable-next-line: no-this-assignment\n\n var element = this;\n\n while (element) {\n var opacityStyle = element.getStyle('opacity', false, true); // no ancestors on style call\n\n if (opacityStyle.hasValue()) {\n opacity *= opacityStyle.getNumber();\n }\n\n element = element.parent;\n }\n\n return opacity;\n }\n }, {\n key: \"setContext\",\n value: function setContext(ctx) {\n var fromMeasure = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n if (!fromMeasure) {\n // causes stack overflow when measuring text with gradients\n // fill\n var fillStyleProp = this.getStyle('fill');\n var fillOpacityStyleProp = this.getStyle('fill-opacity');\n var strokeStyleProp = this.getStyle('stroke');\n var strokeOpacityProp = this.getStyle('stroke-opacity');\n\n if (fillStyleProp.isUrlDefinition()) {\n var fillStyle = fillStyleProp.getFillStyleDefinition(this, fillOpacityStyleProp);\n\n if (fillStyle) {\n ctx.fillStyle = fillStyle;\n }\n } else if (fillStyleProp.hasValue()) {\n if (fillStyleProp.getString() === 'currentColor') {\n fillStyleProp.setValue(this.getStyle('color').getValue());\n }\n\n var _fillStyle = fillStyleProp.getString();\n\n if (_fillStyle !== 'inherit') {\n ctx.fillStyle = _fillStyle === 'none' ? 'rgba(0,0,0,0)' : _fillStyle;\n }\n }\n\n if (fillOpacityStyleProp.hasValue()) {\n var _fillStyle2 = new Property(this.document, 'fill', ctx.fillStyle).addOpacity(fillOpacityStyleProp).getString();\n\n ctx.fillStyle = _fillStyle2;\n } // stroke\n\n\n if (strokeStyleProp.isUrlDefinition()) {\n var strokeStyle = strokeStyleProp.getFillStyleDefinition(this, strokeOpacityProp);\n\n if (strokeStyle) {\n ctx.strokeStyle = strokeStyle;\n }\n } else if (strokeStyleProp.hasValue()) {\n if (strokeStyleProp.getString() === 'currentColor') {\n strokeStyleProp.setValue(this.getStyle('color').getValue());\n }\n\n var _strokeStyle = strokeStyleProp.getString();\n\n if (_strokeStyle !== 'inherit') {\n ctx.strokeStyle = _strokeStyle === 'none' ? 'rgba(0,0,0,0)' : _strokeStyle;\n }\n }\n\n if (strokeOpacityProp.hasValue()) {\n var _strokeStyle2 = new Property(this.document, 'stroke', ctx.strokeStyle).addOpacity(strokeOpacityProp).getString();\n\n ctx.strokeStyle = _strokeStyle2;\n }\n\n var strokeWidthStyleProp = this.getStyle('stroke-width');\n\n if (strokeWidthStyleProp.hasValue()) {\n var newLineWidth = strokeWidthStyleProp.getPixels();\n ctx.lineWidth = !newLineWidth ? PSEUDO_ZERO // browsers don't respect 0 (or node-canvas? :-)\n : newLineWidth;\n }\n\n var strokeLinecapStyleProp = this.getStyle('stroke-linecap');\n var strokeLinejoinStyleProp = this.getStyle('stroke-linejoin');\n var strokeMiterlimitProp = this.getStyle('stroke-miterlimit');\n var pointOrderStyleProp = this.getStyle('paint-order');\n var strokeDasharrayStyleProp = this.getStyle('stroke-dasharray');\n var strokeDashoffsetProp = this.getStyle('stroke-dashoffset');\n\n if (strokeLinecapStyleProp.hasValue()) {\n ctx.lineCap = strokeLinecapStyleProp.getString();\n }\n\n if (strokeLinejoinStyleProp.hasValue()) {\n ctx.lineJoin = strokeLinejoinStyleProp.getString();\n }\n\n if (strokeMiterlimitProp.hasValue()) {\n ctx.miterLimit = strokeMiterlimitProp.getNumber();\n }\n\n if (pointOrderStyleProp.hasValue()) {\n // ?\n ctx.paintOrder = pointOrderStyleProp.getValue();\n }\n\n if (strokeDasharrayStyleProp.hasValue() && strokeDasharrayStyleProp.getString() !== 'none') {\n var gaps = toNumbers(strokeDasharrayStyleProp.getString());\n\n if (typeof ctx.setLineDash !== 'undefined') {\n ctx.setLineDash(gaps);\n } else if (typeof ctx.webkitLineDash !== 'undefined') {\n ctx.webkitLineDash = gaps;\n } else if (typeof ctx.mozDash !== 'undefined' && !(gaps.length === 1 && gaps[0] === 0)) {\n ctx.mozDash = gaps;\n }\n\n var offset = strokeDashoffsetProp.getPixels();\n\n if (typeof ctx.lineDashOffset !== 'undefined') {\n ctx.lineDashOffset = offset;\n } else if (typeof ctx.webkitLineDashOffset !== 'undefined') {\n ctx.webkitLineDashOffset = offset;\n } else if (typeof ctx.mozDashOffset !== 'undefined') {\n ctx.mozDashOffset = offset;\n }\n }\n } // font\n\n\n this.modifiedEmSizeStack = false;\n\n if (typeof ctx.font !== 'undefined') {\n var fontStyleProp = this.getStyle('font');\n var fontStyleStyleProp = this.getStyle('font-style');\n var fontVariantStyleProp = this.getStyle('font-variant');\n var fontWeightStyleProp = this.getStyle('font-weight');\n var fontSizeStyleProp = this.getStyle('font-size');\n var fontFamilyStyleProp = this.getStyle('font-family');\n var font = new Font(fontStyleStyleProp.getString(), fontVariantStyleProp.getString(), fontWeightStyleProp.getString(), fontSizeStyleProp.hasValue() ? \"\".concat(fontSizeStyleProp.getPixels(true), \"px\") : '', fontFamilyStyleProp.getString(), Font.parse(fontStyleProp.getString(), ctx.font));\n fontStyleStyleProp.setValue(font.fontStyle);\n fontVariantStyleProp.setValue(font.fontVariant);\n fontWeightStyleProp.setValue(font.fontWeight);\n fontSizeStyleProp.setValue(font.fontSize);\n fontFamilyStyleProp.setValue(font.fontFamily);\n ctx.font = font.toString();\n\n if (fontSizeStyleProp.isPixels()) {\n this.document.emSize = fontSizeStyleProp.getPixels();\n this.modifiedEmSizeStack = true;\n }\n } // transform\n\n\n var transform = Transform.fromElement(this.document, this);\n\n if (transform) {\n transform.apply(ctx);\n } // clip\n\n\n var clipPathStyleProp = this.getStyle('clip-path', false, true);\n\n if (clipPathStyleProp.hasValue()) {\n var clip = clipPathStyleProp.getDefinition();\n\n if (clip) {\n clip.apply(ctx);\n }\n } // opacity\n\n\n ctx.globalAlpha = this.calculateOpacity();\n }\n }, {\n key: \"clearContext\",\n value: function clearContext(ctx) {\n _get(_getPrototypeOf(RenderedElement.prototype), \"clearContext\", this).call(this, ctx);\n\n if (this.modifiedEmSizeStack) {\n this.document.popEmSize();\n }\n }\n }]);\n\n return RenderedElement;\n}(Element);\n\nfunction _createSuper$5(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$5()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$5() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar TextElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(TextElement, _RenderedElement);\n\n var _super = _createSuper$5(TextElement);\n\n function TextElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, TextElement);\n\n _this = _super.call(this, document, node, (this instanceof TextElement ? this.constructor : void 0) === TextElement ? true : captureTextNodes);\n _this.type = 'text';\n _this.x = 0;\n _this.y = 0;\n _this.measureCache = -1;\n return _this;\n }\n\n _createClass(TextElement, [{\n key: \"setContext\",\n value: function setContext(ctx) {\n var fromMeasure = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n _get(_getPrototypeOf(TextElement.prototype), \"setContext\", this).call(this, ctx, fromMeasure);\n\n var textBaseline = this.getStyle('dominant-baseline').getTextBaseline() || this.getStyle('alignment-baseline').getTextBaseline();\n\n if (textBaseline) {\n ctx.textBaseline = textBaseline;\n }\n }\n }, {\n key: \"initializeCoordinates\",\n value: function initializeCoordinates(ctx) {\n this.x = this.getAttribute('x').getPixels('x');\n this.y = this.getAttribute('y').getPixels('y');\n var dxAttr = this.getAttribute('dx');\n var dyAttr = this.getAttribute('dy');\n\n if (dxAttr.hasValue()) {\n this.x += dxAttr.getPixels('x');\n }\n\n if (dyAttr.hasValue()) {\n this.y += dyAttr.getPixels('y');\n }\n\n this.x += this.getAnchorDelta(ctx, this, 0);\n }\n }, {\n key: \"getBoundingBox\",\n value: function getBoundingBox(ctx) {\n var _this2 = this;\n\n if (this.type !== 'text') {\n return this.getTElementBoundingBox(ctx);\n }\n\n this.initializeCoordinates(ctx);\n var boundingBox = null;\n this.children.forEach(function (_, i) {\n var childBoundingBox = _this2.getChildBoundingBox(ctx, _this2, _this2, i);\n\n if (!boundingBox) {\n boundingBox = childBoundingBox;\n } else {\n boundingBox.addBoundingBox(childBoundingBox);\n }\n });\n return boundingBox;\n }\n }, {\n key: \"getFontSize\",\n value: function getFontSize() {\n var document = this.document,\n parent = this.parent;\n var inheritFontSize = Font.parse(document.ctx.font).fontSize;\n var fontSize = parent.getStyle('font-size').getNumber(inheritFontSize);\n return fontSize;\n }\n }, {\n key: \"getTElementBoundingBox\",\n value: function getTElementBoundingBox(ctx) {\n var fontSize = this.getFontSize();\n return new BoundingBox(this.x, this.y - fontSize, this.x + this.measureText(ctx), this.y);\n }\n }, {\n key: \"getGlyph\",\n value: function getGlyph(font, text, i) {\n var char = text[i];\n var glyph = null;\n\n if (font.isArabic) {\n var len = text.length;\n var prevChar = text[i - 1];\n var nextChar = text[i + 1];\n var arabicForm = 'isolated';\n\n if ((i === 0 || prevChar === ' ') && i < len - 2 && nextChar !== ' ') {\n arabicForm = 'terminal';\n }\n\n if (i > 0 && prevChar !== ' ' && i < len - 2 && nextChar !== ' ') {\n arabicForm = 'medial';\n }\n\n if (i > 0 && prevChar !== ' ' && (i === len - 1 || nextChar === ' ')) {\n arabicForm = 'initial';\n }\n\n if (typeof font.glyphs[char] !== 'undefined') {\n glyph = font.glyphs[char][arabicForm];\n\n if (!glyph && font.glyphs[char].type === 'glyph') {\n glyph = font.glyphs[char];\n }\n }\n } else {\n glyph = font.glyphs[char];\n }\n\n if (!glyph) {\n glyph = font.missingGlyph;\n }\n\n return glyph;\n }\n }, {\n key: \"getText\",\n value: function getText() {\n return '';\n }\n }, {\n key: \"getTextFromNode\",\n value: function getTextFromNode(node) {\n var textNode = node || this.node;\n var childNodes = Array.from(textNode.parentNode.childNodes);\n var index = childNodes.indexOf(textNode);\n var lastIndex = childNodes.length - 1;\n var text = compressSpaces(textNode.value || textNode.text || textNode.textContent || '');\n\n if (index === 0) {\n text = trimLeft(text);\n } else if (index === lastIndex) {\n text = trimRight(text);\n }\n\n return text;\n }\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n var _this3 = this;\n\n if (this.type !== 'text') {\n this.renderTElementChildren(ctx);\n return;\n }\n\n this.initializeCoordinates(ctx);\n this.children.forEach(function (_, i) {\n _this3.renderChild(ctx, _this3, _this3, i);\n });\n var mouse = this.document.screen.mouse; // Do not calc bounding box if mouse is not working.\n\n if (mouse.isWorking()) {\n mouse.checkBoundingBox(this, this.getBoundingBox(ctx));\n }\n }\n }, {\n key: \"renderTElementChildren\",\n value: function renderTElementChildren(ctx) {\n var document = this.document,\n parent = this.parent;\n var renderText = this.getText();\n var customFont = parent.getStyle('font-family').getDefinition();\n\n if (customFont) {\n var unitsPerEm = customFont.fontFace.unitsPerEm;\n var ctxFont = Font.parse(document.ctx.font);\n var fontSize = parent.getStyle('font-size').getNumber(ctxFont.fontSize);\n var fontStyle = parent.getStyle('font-style').getString(ctxFont.fontStyle);\n var scale = fontSize / unitsPerEm;\n var text = customFont.isRTL ? renderText.split('').reverse().join('') : renderText;\n var dx = toNumbers(parent.getAttribute('dx').getString());\n var len = text.length;\n\n for (var i = 0; i < len; i++) {\n var glyph = this.getGlyph(customFont, text, i);\n ctx.translate(this.x, this.y);\n ctx.scale(scale, -scale);\n var lw = ctx.lineWidth;\n ctx.lineWidth = ctx.lineWidth * unitsPerEm / fontSize;\n\n if (fontStyle === 'italic') {\n ctx.transform(1, 0, .4, 1, 0, 0);\n }\n\n glyph.render(ctx);\n\n if (fontStyle === 'italic') {\n ctx.transform(1, 0, -.4, 1, 0, 0);\n }\n\n ctx.lineWidth = lw;\n ctx.scale(1 / scale, -1 / scale);\n ctx.translate(-this.x, -this.y);\n this.x += fontSize * (glyph.horizAdvX || customFont.horizAdvX) / unitsPerEm;\n\n if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {\n this.x += dx[i];\n }\n }\n\n return;\n }\n\n var x = this.x,\n y = this.y;\n\n if (ctx.paintOrder === 'stroke') {\n if (ctx.strokeStyle) {\n ctx.strokeText(renderText, x, y);\n }\n\n if (ctx.fillStyle) {\n ctx.fillText(renderText, x, y);\n }\n } else {\n if (ctx.fillStyle) {\n ctx.fillText(renderText, x, y);\n }\n\n if (ctx.strokeStyle) {\n ctx.strokeText(renderText, x, y);\n }\n }\n }\n }, {\n key: \"getAnchorDelta\",\n value: function getAnchorDelta(ctx, parent, startI) {\n var textAnchor = this.getStyle('text-anchor').getString('start');\n\n if (textAnchor !== 'start') {\n var children = parent.children;\n var len = children.length;\n var child = null;\n var width = 0;\n\n for (var i = startI; i < len; i++) {\n child = children[i];\n\n if (i > startI && child.getAttribute('x').hasValue() || child.getAttribute('text-anchor').hasValue()) {\n break; // new group\n }\n\n width += child.measureTextRecursive(ctx);\n }\n\n return -1 * (textAnchor === 'end' ? width : width / 2.0);\n }\n\n return 0;\n }\n }, {\n key: \"adjustChildCoordinates\",\n value: function adjustChildCoordinates(ctx, textParent, parent, i) {\n var child = parent.children[i];\n\n if (typeof child.measureText !== 'function') {\n return child;\n }\n\n var xAttr = child.getAttribute('x');\n var yAttr = child.getAttribute('y');\n var dxAttr = child.getAttribute('dx');\n var dyAttr = child.getAttribute('dy');\n var textAnchor = child.getAttribute('text-anchor').getString('start');\n\n if (i === 0 && child.type !== 'textNode') {\n if (!xAttr.hasValue()) {\n xAttr.setValue(textParent.getAttribute('x').getValue('0'));\n }\n\n if (!yAttr.hasValue()) {\n yAttr.setValue(textParent.getAttribute('y').getValue('0'));\n }\n\n if (!dxAttr.hasValue()) {\n dxAttr.setValue(textParent.getAttribute('dx').getValue('0'));\n }\n\n if (!dyAttr.hasValue()) {\n dyAttr.setValue(textParent.getAttribute('dy').getValue('0'));\n }\n }\n\n if (xAttr.hasValue()) {\n child.x = xAttr.getPixels('x') + textParent.getAnchorDelta(ctx, parent, i);\n\n if (textAnchor !== 'start') {\n var width = child.measureTextRecursive(ctx);\n child.x += -1 * (textAnchor === 'end' ? width : width / 2.0);\n }\n\n if (dxAttr.hasValue()) {\n child.x += dxAttr.getPixels('x');\n }\n } else {\n if (textAnchor !== 'start') {\n var _width = child.measureTextRecursive(ctx);\n\n textParent.x += -1 * (textAnchor === 'end' ? _width : _width / 2.0);\n }\n\n if (dxAttr.hasValue()) {\n textParent.x += dxAttr.getPixels('x');\n }\n\n child.x = textParent.x;\n }\n\n textParent.x = child.x + child.measureText(ctx);\n\n if (yAttr.hasValue()) {\n child.y = yAttr.getPixels('y');\n\n if (dyAttr.hasValue()) {\n child.y += dyAttr.getPixels('y');\n }\n } else {\n if (dyAttr.hasValue()) {\n textParent.y += dyAttr.getPixels('y');\n }\n\n child.y = textParent.y;\n }\n\n textParent.y = child.y;\n return child;\n }\n }, {\n key: \"getChildBoundingBox\",\n value: function getChildBoundingBox(ctx, textParent, parent, i) {\n var child = this.adjustChildCoordinates(ctx, textParent, parent, i);\n var boundingBox = child.getBoundingBox(ctx);\n child.children.forEach(function (_, i) {\n var childBoundingBox = textParent.getChildBoundingBox(ctx, textParent, child, i);\n boundingBox.addBoundingBox(childBoundingBox);\n });\n return boundingBox;\n }\n }, {\n key: \"renderChild\",\n value: function renderChild(ctx, textParent, parent, i) {\n var child = this.adjustChildCoordinates(ctx, textParent, parent, i);\n child.render(ctx);\n child.children.forEach(function (_, i) {\n textParent.renderChild(ctx, textParent, child, i);\n });\n }\n }, {\n key: \"measureTextRecursive\",\n value: function measureTextRecursive(ctx) {\n var width = this.children.reduce(function (width, child) {\n return width + child.measureTextRecursive(ctx);\n }, this.measureText(ctx));\n return width;\n }\n }, {\n key: \"measureText\",\n value: function measureText(ctx) {\n var measureCache = this.measureCache;\n\n if (~measureCache) {\n return measureCache;\n }\n\n var renderText = this.getText();\n var measure = this.measureTargetText(ctx, renderText);\n this.measureCache = measure;\n return measure;\n }\n }, {\n key: \"measureTargetText\",\n value: function measureTargetText(ctx, targetText) {\n if (!targetText.length) {\n return 0;\n }\n\n var parent = this.parent;\n var customFont = parent.getStyle('font-family').getDefinition();\n\n if (customFont) {\n var fontSize = this.getFontSize();\n var text = customFont.isRTL ? targetText.split('').reverse().join('') : targetText;\n var dx = toNumbers(parent.getAttribute('dx').getString());\n var len = text.length;\n var _measure = 0;\n\n for (var i = 0; i < len; i++) {\n var glyph = this.getGlyph(customFont, text, i);\n _measure += (glyph.horizAdvX || customFont.horizAdvX) * fontSize / customFont.fontFace.unitsPerEm;\n\n if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {\n _measure += dx[i];\n }\n }\n\n return _measure;\n }\n\n if (!ctx.measureText) {\n return targetText.length * 10;\n }\n\n ctx.save();\n this.setContext(ctx, true);\n\n var _ctx$measureText = ctx.measureText(targetText),\n measure = _ctx$measureText.width;\n\n ctx.restore();\n return measure;\n }\n }]);\n\n return TextElement;\n}(RenderedElement);\n\nfunction _createSuper$6(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$6()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$6() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar TSpanElement = /*#__PURE__*/function (_TextElement) {\n _inherits(TSpanElement, _TextElement);\n\n var _super = _createSuper$6(TSpanElement);\n\n function TSpanElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, TSpanElement);\n\n _this = _super.call(this, document, node, (this instanceof TSpanElement ? this.constructor : void 0) === TSpanElement ? true : captureTextNodes);\n _this.type = 'tspan'; // if this node has children, then they own the text\n\n _this.text = _this.children.length > 0 ? '' : _this.getTextFromNode();\n return _this;\n }\n\n _createClass(TSpanElement, [{\n key: \"getText\",\n value: function getText() {\n return this.text;\n }\n }]);\n\n return TSpanElement;\n}(TextElement);\n\nfunction _createSuper$7(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$7()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$7() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar TextNode = /*#__PURE__*/function (_TSpanElement) {\n _inherits(TextNode, _TSpanElement);\n\n var _super = _createSuper$7(TextNode);\n\n function TextNode() {\n var _this;\n\n _classCallCheck(this, TextNode);\n\n _this = _super.apply(this, arguments);\n _this.type = 'textNode';\n return _this;\n }\n\n return TextNode;\n}(TSpanElement);\n\nfunction preparePath(path) {\n var d = path.replace(/,/gm, ' ') // get rid of all commas\n // As the end of a match can also be the start of the next match, we need to run this replace twice.\n .replace(/([MmZzLlHhVvCcSsQqTtAa])([^\\s])/gm, '$1 $2') // suffix commands with spaces\n .replace(/([MmZzLlHhVvCcSsQqTtAa])([^\\s])/gm, '$1 $2') // suffix commands with spaces\n .replace(/([^\\s])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // prefix commands with spaces\n .replace(/([0-9])([+\\-])/gm, '$1 $2') // separate digits on +- signs\n // Again, we need to run this twice to find all occurances\n .replace(/(\\.[0-9]*)(\\.)/gm, '$1 $2') // separate digits when they start with a comma\n .replace(/(\\.[0-9]*)(\\.)/gm, '$1 $2') // separate digits when they start with a comma\n .replace(/([Aa](\\s+[0-9]+){3})\\s+([01])\\s*([01])/gm, '$1 $3 $4 '); // shorthand elliptical arc path syntax\n\n return compressSpaces(d).trim();\n}\n\nvar PathParser = /*#__PURE__*/function () {\n function PathParser(path) {\n _classCallCheck(this, PathParser);\n\n this.control = null;\n this.start = null;\n this.current = null;\n this.command = '';\n this.tokens = [];\n this.i = -1;\n this.previousCommand = '';\n this.points = [];\n this.angles = [];\n this.tokens = preparePath(path).split(' ');\n }\n\n _createClass(PathParser, [{\n key: \"reset\",\n value: function reset() {\n this.i = -1;\n this.command = '';\n this.previousCommand = '';\n this.start = new Point(0, 0);\n this.control = new Point(0, 0);\n this.current = new Point(0, 0);\n this.points = [];\n this.angles = [];\n }\n }, {\n key: \"isEnd\",\n value: function isEnd() {\n var i = this.i,\n tokens = this.tokens;\n return i >= tokens.length - 1;\n }\n }, {\n key: \"isCommandOrEnd\",\n value: function isCommandOrEnd() {\n if (this.isEnd()) {\n return true;\n }\n\n var i = this.i,\n tokens = this.tokens;\n return /^[A-Za-z]$/.test(tokens[i + 1]);\n }\n }, {\n key: \"isRelativeCommand\",\n value: function isRelativeCommand() {\n switch (this.command) {\n case 'm':\n case 'l':\n case 'h':\n case 'v':\n case 'c':\n case 's':\n case 'q':\n case 't':\n case 'a':\n case 'z':\n return true;\n\n default:\n return false;\n }\n }\n }, {\n key: \"getToken\",\n value: function getToken() {\n this.i++;\n return this.tokens[this.i];\n }\n }, {\n key: \"getScalar\",\n value: function getScalar() {\n return parseFloat(this.getToken());\n }\n }, {\n key: \"nextCommand\",\n value: function nextCommand() {\n this.previousCommand = this.command;\n this.command = this.getToken();\n }\n }, {\n key: \"getPoint\",\n value: function getPoint() {\n var point = new Point(this.getScalar(), this.getScalar());\n return this.makeAbsolute(point);\n }\n }, {\n key: \"getAsControlPoint\",\n value: function getAsControlPoint() {\n var point = this.getPoint();\n this.control = point;\n return point;\n }\n }, {\n key: \"getAsCurrentPoint\",\n value: function getAsCurrentPoint() {\n var point = this.getPoint();\n this.current = point;\n return point;\n }\n }, {\n key: \"getReflectedControlPoint\",\n value: function getReflectedControlPoint() {\n var previousCommand = this.previousCommand.toLowerCase();\n\n if (previousCommand !== 'c' && previousCommand !== 's' && previousCommand !== 'q' && previousCommand !== 't') {\n return this.current;\n } // reflect point\n\n\n var _this$current = this.current,\n cx = _this$current.x,\n cy = _this$current.y,\n _this$control = this.control,\n ox = _this$control.x,\n oy = _this$control.y;\n var point = new Point(2 * cx - ox, 2 * cy - oy);\n return point;\n }\n }, {\n key: \"makeAbsolute\",\n value: function makeAbsolute(point) {\n if (this.isRelativeCommand()) {\n var _this$current2 = this.current,\n x = _this$current2.x,\n y = _this$current2.y;\n point.x += x;\n point.y += y;\n }\n\n return point;\n }\n }, {\n key: \"addMarker\",\n value: function addMarker(point, from, priorTo) {\n var points = this.points,\n angles = this.angles; // if the last angle isn't filled in because we didn't have this point yet ...\n\n if (priorTo && angles.length > 0 && !angles[angles.length - 1]) {\n angles[angles.length - 1] = points[points.length - 1].angleTo(priorTo);\n }\n\n this.addMarkerAngle(point, from ? from.angleTo(point) : null);\n }\n }, {\n key: \"addMarkerAngle\",\n value: function addMarkerAngle(point, angle) {\n this.points.push(point);\n this.angles.push(angle);\n }\n }, {\n key: \"getMarkerPoints\",\n value: function getMarkerPoints() {\n return this.points;\n }\n }, {\n key: \"getMarkerAngles\",\n value: function getMarkerAngles() {\n var angles = this.angles;\n var len = angles.length;\n\n for (var i = 0; i < len; i++) {\n if (!angles[i]) {\n for (var j = i + 1; j < len; j++) {\n if (angles[j]) {\n angles[i] = angles[j];\n break;\n }\n }\n }\n }\n\n return angles;\n }\n }]);\n\n return PathParser;\n}();\n\nfunction _createSuper$8(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$8()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$8() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar PathElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(PathElement, _RenderedElement);\n\n var _super = _createSuper$8(PathElement);\n\n function PathElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, PathElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'path';\n _this.pathParser = null;\n _this.pathParser = new PathParser(_this.getAttribute('d').getString());\n return _this;\n }\n\n _createClass(PathElement, [{\n key: \"path\",\n value: function path(ctx) {\n var pathParser = this.pathParser;\n var boundingBox = new BoundingBox();\n pathParser.reset();\n\n if (ctx) {\n ctx.beginPath();\n }\n\n while (!pathParser.isEnd()) {\n pathParser.nextCommand();\n\n switch (pathParser.command) {\n case 'M':\n case 'm':\n this.pathM(ctx, boundingBox);\n break;\n\n case 'L':\n case 'l':\n this.pathL(ctx, boundingBox);\n break;\n\n case 'H':\n case 'h':\n this.pathH(ctx, boundingBox);\n break;\n\n case 'V':\n case 'v':\n this.pathV(ctx, boundingBox);\n break;\n\n case 'C':\n case 'c':\n this.pathC(ctx, boundingBox);\n break;\n\n case 'S':\n case 's':\n this.pathS(ctx, boundingBox);\n break;\n\n case 'Q':\n case 'q':\n this.pathQ(ctx, boundingBox);\n break;\n\n case 'T':\n case 't':\n this.pathT(ctx, boundingBox);\n break;\n\n case 'A':\n case 'a':\n this.pathA(ctx, boundingBox);\n break;\n\n case 'Z':\n case 'z':\n this.pathZ(ctx, boundingBox);\n break;\n }\n }\n\n return boundingBox;\n }\n }, {\n key: \"getBoundingBox\",\n value: function getBoundingBox(_) {\n return this.path();\n }\n }, {\n key: \"getMarkers\",\n value: function getMarkers() {\n var pathParser = this.pathParser;\n var points = pathParser.getMarkerPoints();\n var angles = pathParser.getMarkerAngles();\n var markers = points.map(function (point, i) {\n return [point, angles[i]];\n });\n return markers;\n }\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n this.path(ctx);\n this.document.screen.mouse.checkPath(this, ctx);\n var fillRuleStyleProp = this.getStyle('fill-rule');\n\n if (ctx.fillStyle !== '') {\n if (fillRuleStyleProp.getString('inherit') !== 'inherit') {\n ctx.fill(fillRuleStyleProp.getString());\n } else {\n ctx.fill();\n }\n }\n\n if (ctx.strokeStyle !== '') {\n ctx.stroke();\n }\n\n var markers = this.getMarkers();\n\n if (markers) {\n var markersLastIndex = markers.length - 1;\n var markerStartStyleProp = this.getStyle('marker-start');\n var markerMidStyleProp = this.getStyle('marker-mid');\n var markerEndStyleProp = this.getStyle('marker-end');\n\n if (markerStartStyleProp.isUrlDefinition()) {\n var marker = markerStartStyleProp.getDefinition();\n\n var _markers$ = _slicedToArray(markers[0], 2),\n point = _markers$[0],\n angle = _markers$[1];\n\n marker.render(ctx, point, angle);\n }\n\n if (markerMidStyleProp.isUrlDefinition()) {\n var _marker = markerMidStyleProp.getDefinition();\n\n for (var i = 1; i < markersLastIndex; i++) {\n var _markers$i = _slicedToArray(markers[i], 2),\n _point = _markers$i[0],\n _angle = _markers$i[1];\n\n _marker.render(ctx, _point, _angle);\n }\n }\n\n if (markerEndStyleProp.isUrlDefinition()) {\n var _marker2 = markerEndStyleProp.getDefinition();\n\n var _markers$markersLastI = _slicedToArray(markers[markersLastIndex], 2),\n _point2 = _markers$markersLastI[0],\n _angle2 = _markers$markersLastI[1];\n\n _marker2.render(ctx, _point2, _angle2);\n }\n }\n }\n }, {\n key: \"pathM\",\n value: function pathM(ctx, boundingBox) {\n var pathParser = this.pathParser;\n var point = pathParser.getAsCurrentPoint();\n var x = point.x,\n y = point.y;\n pathParser.addMarker(point);\n boundingBox.addPoint(x, y);\n\n if (ctx) {\n ctx.moveTo(x, y);\n }\n\n pathParser.start = pathParser.current;\n\n while (!pathParser.isCommandOrEnd()) {\n var _point3 = pathParser.getAsCurrentPoint();\n\n var _x = _point3.x,\n _y = _point3.y;\n pathParser.addMarker(_point3, pathParser.start);\n boundingBox.addPoint(_x, _y);\n\n if (ctx) {\n ctx.lineTo(_x, _y);\n }\n }\n }\n }, {\n key: \"pathL\",\n value: function pathL(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = pathParser.getAsCurrentPoint();\n var x = point.x,\n y = point.y;\n pathParser.addMarker(point, current);\n boundingBox.addPoint(x, y);\n\n if (ctx) {\n ctx.lineTo(x, y);\n }\n }\n }\n }, {\n key: \"pathH\",\n value: function pathH(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = new Point((pathParser.isRelativeCommand() ? current.x : 0) + pathParser.getScalar(), current.y);\n pathParser.addMarker(point, current);\n pathParser.current = point;\n boundingBox.addPoint(point.x, point.y);\n\n if (ctx) {\n ctx.lineTo(point.x, point.y);\n }\n }\n }\n }, {\n key: \"pathV\",\n value: function pathV(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = new Point(current.x, (pathParser.isRelativeCommand() ? current.y : 0) + pathParser.getScalar());\n pathParser.addMarker(point, current);\n pathParser.current = point;\n boundingBox.addPoint(point.x, point.y);\n\n if (ctx) {\n ctx.lineTo(point.x, point.y);\n }\n }\n }\n }, {\n key: \"pathC\",\n value: function pathC(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = pathParser.getPoint();\n var controlPoint = pathParser.getAsControlPoint();\n var currentPoint = pathParser.getAsCurrentPoint();\n pathParser.addMarker(currentPoint, controlPoint, point);\n boundingBox.addBezierCurve(current.x, current.y, point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n\n if (ctx) {\n ctx.bezierCurveTo(point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }\n }, {\n key: \"pathS\",\n value: function pathS(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = pathParser.getReflectedControlPoint();\n var controlPoint = pathParser.getAsControlPoint();\n var currentPoint = pathParser.getAsCurrentPoint();\n pathParser.addMarker(currentPoint, controlPoint, point);\n boundingBox.addBezierCurve(current.x, current.y, point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n\n if (ctx) {\n ctx.bezierCurveTo(point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }\n }, {\n key: \"pathQ\",\n value: function pathQ(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var controlPoint = pathParser.getAsControlPoint();\n var currentPoint = pathParser.getAsCurrentPoint();\n pathParser.addMarker(currentPoint, controlPoint, controlPoint);\n boundingBox.addQuadraticCurve(current.x, current.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n\n if (ctx) {\n ctx.quadraticCurveTo(controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }\n }, {\n key: \"pathT\",\n value: function pathT(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var controlPoint = pathParser.getReflectedControlPoint();\n pathParser.control = controlPoint;\n var currentPoint = pathParser.getAsCurrentPoint();\n pathParser.addMarker(currentPoint, controlPoint, controlPoint);\n boundingBox.addQuadraticCurve(current.x, current.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n\n if (ctx) {\n ctx.quadraticCurveTo(controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }\n }, {\n key: \"pathA\",\n value: function pathA(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var rx = pathParser.getScalar();\n var ry = pathParser.getScalar();\n var xAxisRotation = pathParser.getScalar() * (Math.PI / 180.0);\n var largeArcFlag = pathParser.getScalar();\n var sweepFlag = pathParser.getScalar();\n var currentPoint = pathParser.getAsCurrentPoint(); // Conversion from endpoint to center parameterization\n // http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes\n // x1', y1'\n\n var currp = new Point(Math.cos(xAxisRotation) * (current.x - currentPoint.x) / 2.0 + Math.sin(xAxisRotation) * (current.y - currentPoint.y) / 2.0, -Math.sin(xAxisRotation) * (current.x - currentPoint.x) / 2.0 + Math.cos(xAxisRotation) * (current.y - currentPoint.y) / 2.0); // adjust radii\n\n var l = Math.pow(currp.x, 2) / Math.pow(rx, 2) + Math.pow(currp.y, 2) / Math.pow(ry, 2);\n\n if (l > 1) {\n rx *= Math.sqrt(l);\n ry *= Math.sqrt(l);\n } // cx', cy'\n\n\n var s = (largeArcFlag === sweepFlag ? -1 : 1) * Math.sqrt((Math.pow(rx, 2) * Math.pow(ry, 2) - Math.pow(rx, 2) * Math.pow(currp.y, 2) - Math.pow(ry, 2) * Math.pow(currp.x, 2)) / (Math.pow(rx, 2) * Math.pow(currp.y, 2) + Math.pow(ry, 2) * Math.pow(currp.x, 2)));\n\n if (isNaN(s)) {\n s = 0;\n }\n\n var cpp = new Point(s * rx * currp.y / ry, s * -ry * currp.x / rx); // cx, cy\n\n var centp = new Point((current.x + currentPoint.x) / 2.0 + Math.cos(xAxisRotation) * cpp.x - Math.sin(xAxisRotation) * cpp.y, (current.y + currentPoint.y) / 2.0 + Math.sin(xAxisRotation) * cpp.x + Math.cos(xAxisRotation) * cpp.y); // initial angle\n\n var a1 = vectorsAngle([1, 0], [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry]); // angle delta\n\n var u = [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry];\n var v = [(-currp.x - cpp.x) / rx, (-currp.y - cpp.y) / ry];\n var ad = vectorsAngle(u, v);\n\n if (vectorsRatio(u, v) <= -1) {\n ad = Math.PI;\n }\n\n if (vectorsRatio(u, v) >= 1) {\n ad = 0;\n } // for markers\n\n\n var dir = 1 - sweepFlag ? 1.0 : -1.0;\n var ah = a1 + dir * (ad / 2.0);\n var halfWay = new Point(centp.x + rx * Math.cos(ah), centp.y + ry * Math.sin(ah));\n pathParser.addMarkerAngle(halfWay, ah - dir * Math.PI / 2);\n pathParser.addMarkerAngle(currentPoint, ah - dir * Math.PI);\n boundingBox.addPoint(currentPoint.x, currentPoint.y); // TODO: this is too naive, make it better\n\n if (ctx && !isNaN(a1) && !isNaN(ad)) {\n var r = rx > ry ? rx : ry;\n var sx = rx > ry ? 1 : rx / ry;\n var sy = rx > ry ? ry / rx : 1;\n ctx.translate(centp.x, centp.y);\n ctx.rotate(xAxisRotation);\n ctx.scale(sx, sy);\n ctx.arc(0, 0, r, a1, a1 + ad, Boolean(1 - sweepFlag));\n ctx.scale(1 / sx, 1 / sy);\n ctx.rotate(-xAxisRotation);\n ctx.translate(-centp.x, -centp.y);\n }\n }\n }\n }, {\n key: \"pathZ\",\n value: function pathZ(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n if (ctx) {\n // only close path if it is not a straight line\n if (boundingBox.x1 !== boundingBox.x2 && boundingBox.y1 !== boundingBox.y2) {\n ctx.closePath();\n }\n }\n\n pathParser.current = pathParser.start;\n }\n }]);\n\n return PathElement;\n}(RenderedElement);\n\nfunction _createSuper$9(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$9()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$9() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar SVGElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(SVGElement, _RenderedElement);\n\n var _super = _createSuper$9(SVGElement);\n\n function SVGElement() {\n var _this;\n\n _classCallCheck(this, SVGElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'svg';\n _this.root = false;\n return _this;\n }\n\n _createClass(SVGElement, [{\n key: \"clearContext\",\n value: function clearContext(ctx) {\n _get(_getPrototypeOf(SVGElement.prototype), \"clearContext\", this).call(this, ctx);\n\n this.document.screen.viewPort.removeCurrent();\n }\n }, {\n key: \"setContext\",\n value: function setContext(ctx) {\n var document = this.document;\n var screen = document.screen,\n window = document.window;\n var canvas = ctx.canvas;\n screen.setDefaults(ctx);\n\n if (canvas.style && typeof ctx.font !== 'undefined' && window && typeof window.getComputedStyle !== 'undefined') {\n ctx.font = window.getComputedStyle(canvas).getPropertyValue('font');\n var fontSizeProp = new Property(document, 'fontSize', Font.parse(ctx.font).fontSize);\n\n if (fontSizeProp.hasValue()) {\n document.rootEmSize = fontSizeProp.getPixels('y');\n document.emSize = document.rootEmSize;\n }\n }\n\n _get(_getPrototypeOf(SVGElement.prototype), \"setContext\", this).call(this, ctx); // create new view port\n\n\n if (!this.getAttribute('x').hasValue()) {\n this.getAttribute('x', true).setValue(0);\n }\n\n if (!this.getAttribute('y').hasValue()) {\n this.getAttribute('y', true).setValue(0);\n }\n\n ctx.translate(this.getAttribute('x').getPixels('x'), this.getAttribute('y').getPixels('y'));\n var _screen$viewPort = screen.viewPort,\n width = _screen$viewPort.width,\n height = _screen$viewPort.height;\n\n if (!this.getAttribute('width').hasValue()) {\n this.getAttribute('width', true).setValue('100%');\n }\n\n if (!this.getAttribute('height').hasValue()) {\n this.getAttribute('height', true).setValue('100%');\n }\n\n var refXAttr = this.getAttribute('refX');\n var refYAttr = this.getAttribute('refY');\n var viewBoxAttr = this.getAttribute('viewBox');\n var viewBox = viewBoxAttr.hasValue() ? toNumbers(viewBoxAttr.getString()) : null;\n var clip = !this.root && this.getAttribute('overflow').getValue('hidden') !== 'visible';\n var minX = 0;\n var minY = 0;\n var clipX = 0;\n var clipY = 0;\n\n if (viewBox) {\n minX = viewBox[0];\n minY = viewBox[1];\n }\n\n if (!this.root) {\n width = this.getAttribute('width').getPixels('x');\n height = this.getAttribute('height').getPixels('y');\n\n if (this.type === 'marker') {\n clipX = minX;\n clipY = minY;\n minX = 0;\n minY = 0;\n }\n }\n\n screen.viewPort.setCurrent(width, height);\n\n if (viewBox) {\n width = viewBox[2];\n height = viewBox[3];\n }\n\n document.setViewBox({\n ctx: ctx,\n aspectRatio: this.getAttribute('preserveAspectRatio').getString(),\n width: screen.viewPort.width,\n desiredWidth: width,\n height: screen.viewPort.height,\n desiredHeight: height,\n minX: minX,\n minY: minY,\n refX: refXAttr.getValue(),\n refY: refYAttr.getValue(),\n clip: clip,\n clipX: clipX,\n clipY: clipY\n });\n\n if (viewBox) {\n screen.viewPort.removeCurrent();\n screen.viewPort.setCurrent(width, height);\n }\n }\n /**\n * Resize SVG to fit in given size.\n * @param width\n * @param height\n * @param preserveAspectRatio\n */\n\n }, {\n key: \"resize\",\n value: function resize(width) {\n var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : width;\n var preserveAspectRatio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n var widthAttr = this.getAttribute('width', true);\n var heightAttr = this.getAttribute('height', true);\n var viewBoxAttr = this.getAttribute('viewBox');\n var styleAttr = this.getAttribute('style');\n var originWidth = widthAttr.getNumber(0);\n var originHeight = heightAttr.getNumber(0);\n\n if (preserveAspectRatio) {\n if (typeof preserveAspectRatio === 'string') {\n this.getAttribute('preserveAspectRatio', true).setValue(preserveAspectRatio);\n } else {\n var preserveAspectRatioAttr = this.getAttribute('preserveAspectRatio');\n\n if (preserveAspectRatioAttr.hasValue()) {\n preserveAspectRatioAttr.setValue(preserveAspectRatioAttr.getString().replace(/^\\s*(\\S.*\\S)\\s*$/, '$1'));\n }\n }\n }\n\n widthAttr.setValue(width);\n heightAttr.setValue(height);\n\n if (!viewBoxAttr.hasValue()) {\n viewBoxAttr.setValue(\"0 0 \".concat(originWidth || width, \" \").concat(originHeight || height));\n }\n\n if (styleAttr.hasValue()) {\n var widthStyle = this.getStyle('width');\n var heightStyle = this.getStyle('height');\n\n if (widthStyle.hasValue()) {\n widthStyle.setValue(\"\".concat(width, \"px\"));\n }\n\n if (heightStyle.hasValue()) {\n heightStyle.setValue(\"\".concat(height, \"px\"));\n }\n }\n }\n }]);\n\n return SVGElement;\n}(RenderedElement);\n\nfunction _createSuper$a(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$a()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$a() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar RectElement = /*#__PURE__*/function (_PathElement) {\n _inherits(RectElement, _PathElement);\n\n var _super = _createSuper$a(RectElement);\n\n function RectElement() {\n var _this;\n\n _classCallCheck(this, RectElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'rect';\n return _this;\n }\n\n _createClass(RectElement, [{\n key: \"path\",\n value: function path(ctx) {\n var x = this.getAttribute('x').getPixels('x');\n var y = this.getAttribute('y').getPixels('y');\n var width = this.getAttribute('width').getPixels('x');\n var height = this.getAttribute('height').getPixels('y');\n var rxAttr = this.getAttribute('rx');\n var ryAttr = this.getAttribute('ry');\n var rx = rxAttr.getPixels('x');\n var ry = ryAttr.getPixels('y');\n\n if (rxAttr.hasValue() && !ryAttr.hasValue()) {\n ry = rx;\n }\n\n if (ryAttr.hasValue() && !rxAttr.hasValue()) {\n rx = ry;\n }\n\n rx = Math.min(rx, width / 2.0);\n ry = Math.min(ry, height / 2.0);\n\n if (ctx) {\n var KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);\n ctx.beginPath(); // always start the path so we don't fill prior paths\n\n if (height > 0 && width > 0) {\n ctx.moveTo(x + rx, y);\n ctx.lineTo(x + width - rx, y);\n ctx.bezierCurveTo(x + width - rx + KAPPA * rx, y, x + width, y + ry - KAPPA * ry, x + width, y + ry);\n ctx.lineTo(x + width, y + height - ry);\n ctx.bezierCurveTo(x + width, y + height - ry + KAPPA * ry, x + width - rx + KAPPA * rx, y + height, x + width - rx, y + height);\n ctx.lineTo(x + rx, y + height);\n ctx.bezierCurveTo(x + rx - KAPPA * rx, y + height, x, y + height - ry + KAPPA * ry, x, y + height - ry);\n ctx.lineTo(x, y + ry);\n ctx.bezierCurveTo(x, y + ry - KAPPA * ry, x + rx - KAPPA * rx, y, x + rx, y);\n ctx.closePath();\n }\n }\n\n return new BoundingBox(x, y, x + width, y + height);\n }\n }, {\n key: \"getMarkers\",\n value: function getMarkers() {\n return null;\n }\n }]);\n\n return RectElement;\n}(PathElement);\n\nfunction _createSuper$b(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$b()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$b() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar CircleElement = /*#__PURE__*/function (_PathElement) {\n _inherits(CircleElement, _PathElement);\n\n var _super = _createSuper$b(CircleElement);\n\n function CircleElement() {\n var _this;\n\n _classCallCheck(this, CircleElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'circle';\n return _this;\n }\n\n _createClass(CircleElement, [{\n key: \"path\",\n value: function path(ctx) {\n var cx = this.getAttribute('cx').getPixels('x');\n var cy = this.getAttribute('cy').getPixels('y');\n var r = this.getAttribute('r').getPixels();\n\n if (ctx && r > 0) {\n ctx.beginPath();\n ctx.arc(cx, cy, r, 0, Math.PI * 2, false);\n ctx.closePath();\n }\n\n return new BoundingBox(cx - r, cy - r, cx + r, cy + r);\n }\n }, {\n key: \"getMarkers\",\n value: function getMarkers() {\n return null;\n }\n }]);\n\n return CircleElement;\n}(PathElement);\n\nfunction _createSuper$c(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$c()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$c() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar EllipseElement = /*#__PURE__*/function (_PathElement) {\n _inherits(EllipseElement, _PathElement);\n\n var _super = _createSuper$c(EllipseElement);\n\n function EllipseElement() {\n var _this;\n\n _classCallCheck(this, EllipseElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'ellipse';\n return _this;\n }\n\n _createClass(EllipseElement, [{\n key: \"path\",\n value: function path(ctx) {\n var KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);\n var rx = this.getAttribute('rx').getPixels('x');\n var ry = this.getAttribute('ry').getPixels('y');\n var cx = this.getAttribute('cx').getPixels('x');\n var cy = this.getAttribute('cy').getPixels('y');\n\n if (ctx) {\n ctx.beginPath();\n ctx.moveTo(cx + rx, cy);\n ctx.bezierCurveTo(cx + rx, cy + KAPPA * ry, cx + KAPPA * rx, cy + ry, cx, cy + ry);\n ctx.bezierCurveTo(cx - KAPPA * rx, cy + ry, cx - rx, cy + KAPPA * ry, cx - rx, cy);\n ctx.bezierCurveTo(cx - rx, cy - KAPPA * ry, cx - KAPPA * rx, cy - ry, cx, cy - ry);\n ctx.bezierCurveTo(cx + KAPPA * rx, cy - ry, cx + rx, cy - KAPPA * ry, cx + rx, cy);\n ctx.closePath();\n }\n\n return new BoundingBox(cx - rx, cy - ry, cx + rx, cy + ry);\n }\n }, {\n key: \"getMarkers\",\n value: function getMarkers() {\n return null;\n }\n }]);\n\n return EllipseElement;\n}(PathElement);\n\nfunction _createSuper$d(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$d()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$d() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar LineElement = /*#__PURE__*/function (_PathElement) {\n _inherits(LineElement, _PathElement);\n\n var _super = _createSuper$d(LineElement);\n\n function LineElement() {\n var _this;\n\n _classCallCheck(this, LineElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'line';\n return _this;\n }\n\n _createClass(LineElement, [{\n key: \"getPoints\",\n value: function getPoints() {\n return [new Point(this.getAttribute('x1').getPixels('x'), this.getAttribute('y1').getPixels('y')), new Point(this.getAttribute('x2').getPixels('x'), this.getAttribute('y2').getPixels('y'))];\n }\n }, {\n key: \"path\",\n value: function path(ctx) {\n var _this$getPoints = this.getPoints(),\n _this$getPoints2 = _slicedToArray(_this$getPoints, 2),\n _this$getPoints2$ = _this$getPoints2[0],\n x0 = _this$getPoints2$.x,\n y0 = _this$getPoints2$.y,\n _this$getPoints2$2 = _this$getPoints2[1],\n x1 = _this$getPoints2$2.x,\n y1 = _this$getPoints2$2.y;\n\n if (ctx) {\n ctx.beginPath();\n ctx.moveTo(x0, y0);\n ctx.lineTo(x1, y1);\n }\n\n return new BoundingBox(x0, y0, x1, y1);\n }\n }, {\n key: \"getMarkers\",\n value: function getMarkers() {\n var _this$getPoints3 = this.getPoints(),\n _this$getPoints4 = _slicedToArray(_this$getPoints3, 2),\n p0 = _this$getPoints4[0],\n p1 = _this$getPoints4[1];\n\n var a = p0.angleTo(p1);\n return [[p0, a], [p1, a]];\n }\n }]);\n\n return LineElement;\n}(PathElement);\n\nfunction _createSuper$e(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$e()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$e() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar PolylineElement = /*#__PURE__*/function (_PathElement) {\n _inherits(PolylineElement, _PathElement);\n\n var _super = _createSuper$e(PolylineElement);\n\n function PolylineElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, PolylineElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'polyline';\n _this.points = [];\n _this.points = Point.parsePath(_this.getAttribute('points').getString());\n return _this;\n }\n\n _createClass(PolylineElement, [{\n key: \"path\",\n value: function path(ctx) {\n var points = this.points;\n\n var _points = _slicedToArray(points, 1),\n _points$ = _points[0],\n x0 = _points$.x,\n y0 = _points$.y;\n\n var boundingBox = new BoundingBox(x0, y0);\n\n if (ctx) {\n ctx.beginPath();\n ctx.moveTo(x0, y0);\n }\n\n points.forEach(function (_ref) {\n var x = _ref.x,\n y = _ref.y;\n boundingBox.addPoint(x, y);\n\n if (ctx) {\n ctx.lineTo(x, y);\n }\n });\n return boundingBox;\n }\n }, {\n key: \"getMarkers\",\n value: function getMarkers() {\n var points = this.points;\n var lastIndex = points.length - 1;\n var markers = [];\n points.forEach(function (point, i) {\n if (i === lastIndex) {\n return;\n }\n\n markers.push([point, point.angleTo(points[i + 1])]);\n });\n\n if (markers.length > 0) {\n markers.push([points[points.length - 1], markers[markers.length - 1][1]]);\n }\n\n return markers;\n }\n }]);\n\n return PolylineElement;\n}(PathElement);\n\nfunction _createSuper$f(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$f()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$f() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar PolygonElement = /*#__PURE__*/function (_PolylineElement) {\n _inherits(PolygonElement, _PolylineElement);\n\n var _super = _createSuper$f(PolygonElement);\n\n function PolygonElement() {\n var _this;\n\n _classCallCheck(this, PolygonElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'polygon';\n return _this;\n }\n\n _createClass(PolygonElement, [{\n key: \"path\",\n value: function path(ctx) {\n var boundingBox = _get(_getPrototypeOf(PolygonElement.prototype), \"path\", this).call(this, ctx);\n\n var _this$points = _slicedToArray(this.points, 1),\n _this$points$ = _this$points[0],\n x = _this$points$.x,\n y = _this$points$.y;\n\n if (ctx) {\n ctx.lineTo(x, y);\n ctx.closePath();\n }\n\n return boundingBox;\n }\n }]);\n\n return PolygonElement;\n}(PolylineElement);\n\nfunction _createSuper$g(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$g()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$g() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar PatternElement = /*#__PURE__*/function (_Element) {\n _inherits(PatternElement, _Element);\n\n var _super = _createSuper$g(PatternElement);\n\n function PatternElement() {\n var _this;\n\n _classCallCheck(this, PatternElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'pattern';\n return _this;\n }\n\n _createClass(PatternElement, [{\n key: \"createPattern\",\n value: function createPattern(ctx, _, parentOpacityProp) {\n var width = this.getAttribute('width').getPixels('x', true);\n var height = this.getAttribute('height').getPixels('y', true); // render me using a temporary svg element\n\n var patternSvg = new SVGElement(this.document, null);\n patternSvg.attributes.viewBox = new Property(this.document, 'viewBox', this.getAttribute('viewBox').getValue());\n patternSvg.attributes.width = new Property(this.document, 'width', \"\".concat(width, \"px\"));\n patternSvg.attributes.height = new Property(this.document, 'height', \"\".concat(height, \"px\"));\n patternSvg.attributes.transform = new Property(this.document, 'transform', this.getAttribute('patternTransform').getValue());\n patternSvg.children = this.children;\n var patternCanvas = this.document.createCanvas(width, height);\n var patternCtx = patternCanvas.getContext('2d');\n var xAttr = this.getAttribute('x');\n var yAttr = this.getAttribute('y');\n\n if (xAttr.hasValue() && yAttr.hasValue()) {\n patternCtx.translate(xAttr.getPixels('x', true), yAttr.getPixels('y', true));\n }\n\n if (parentOpacityProp.hasValue()) {\n this.styles['fill-opacity'] = parentOpacityProp;\n } else {\n Reflect.deleteProperty(this.styles, 'fill-opacity');\n } // render 3x3 grid so when we transform there's no white space on edges\n\n\n for (var x = -1; x <= 1; x++) {\n for (var y = -1; y <= 1; y++) {\n patternCtx.save();\n patternSvg.attributes.x = new Property(this.document, 'x', x * patternCanvas.width);\n patternSvg.attributes.y = new Property(this.document, 'y', y * patternCanvas.height);\n patternSvg.render(patternCtx);\n patternCtx.restore();\n }\n }\n\n var pattern = ctx.createPattern(patternCanvas, 'repeat');\n return pattern;\n }\n }]);\n\n return PatternElement;\n}(Element);\n\nfunction _createSuper$h(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$h()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$h() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar MarkerElement = /*#__PURE__*/function (_Element) {\n _inherits(MarkerElement, _Element);\n\n var _super = _createSuper$h(MarkerElement);\n\n function MarkerElement() {\n var _this;\n\n _classCallCheck(this, MarkerElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'marker';\n return _this;\n }\n\n _createClass(MarkerElement, [{\n key: \"render\",\n value: function render(ctx, point, angle) {\n if (!point) {\n return;\n }\n\n var x = point.x,\n y = point.y;\n var orient = this.getAttribute('orient').getValue('auto');\n var markerUnits = this.getAttribute('markerUnits').getValue('strokeWidth');\n ctx.translate(x, y);\n\n if (orient === 'auto') {\n ctx.rotate(angle);\n }\n\n if (markerUnits === 'strokeWidth') {\n ctx.scale(ctx.lineWidth, ctx.lineWidth);\n }\n\n ctx.save(); // render me using a temporary svg element\n\n var markerSvg = new SVGElement(this.document, null);\n markerSvg.type = this.type;\n markerSvg.attributes.viewBox = new Property(this.document, 'viewBox', this.getAttribute('viewBox').getValue());\n markerSvg.attributes.refX = new Property(this.document, 'refX', this.getAttribute('refX').getValue());\n markerSvg.attributes.refY = new Property(this.document, 'refY', this.getAttribute('refY').getValue());\n markerSvg.attributes.width = new Property(this.document, 'width', this.getAttribute('markerWidth').getValue());\n markerSvg.attributes.height = new Property(this.document, 'height', this.getAttribute('markerHeight').getValue());\n markerSvg.attributes.overflow = new Property(this.document, 'overflow', this.getAttribute('overflow').getValue());\n markerSvg.attributes.fill = new Property(this.document, 'fill', this.getAttribute('fill').getValue('black'));\n markerSvg.attributes.stroke = new Property(this.document, 'stroke', this.getAttribute('stroke').getValue('none'));\n markerSvg.children = this.children;\n markerSvg.render(ctx);\n ctx.restore();\n\n if (markerUnits === 'strokeWidth') {\n ctx.scale(1 / ctx.lineWidth, 1 / ctx.lineWidth);\n }\n\n if (orient === 'auto') {\n ctx.rotate(-angle);\n }\n\n ctx.translate(-x, -y);\n }\n }]);\n\n return MarkerElement;\n}(Element);\n\nfunction _createSuper$i(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$i()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$i() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar DefsElement = /*#__PURE__*/function (_Element) {\n _inherits(DefsElement, _Element);\n\n var _super = _createSuper$i(DefsElement);\n\n function DefsElement() {\n var _this;\n\n _classCallCheck(this, DefsElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'defs';\n return _this;\n }\n\n _createClass(DefsElement, [{\n key: \"render\",\n value: function render() {// NOOP\n }\n }]);\n\n return DefsElement;\n}(Element);\n\nfunction _createSuper$j(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$j()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$j() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar GElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(GElement, _RenderedElement);\n\n var _super = _createSuper$j(GElement);\n\n function GElement() {\n var _this;\n\n _classCallCheck(this, GElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'g';\n return _this;\n }\n\n _createClass(GElement, [{\n key: \"getBoundingBox\",\n value: function getBoundingBox(ctx) {\n var boundingBox = new BoundingBox();\n this.children.forEach(function (child) {\n boundingBox.addBoundingBox(child.getBoundingBox(ctx));\n });\n return boundingBox;\n }\n }]);\n\n return GElement;\n}(RenderedElement);\n\nfunction _createSuper$k(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$k()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$k() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar GradientElement = /*#__PURE__*/function (_Element) {\n _inherits(GradientElement, _Element);\n\n var _super = _createSuper$k(GradientElement);\n\n function GradientElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, GradientElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.attributesToInherit = ['gradientUnits'];\n _this.stops = [];\n\n var _assertThisInitialize = _assertThisInitialized(_this),\n stops = _assertThisInitialize.stops,\n children = _assertThisInitialize.children;\n\n children.forEach(function (child) {\n if (child.type === 'stop') {\n stops.push(child);\n }\n });\n return _this;\n }\n\n _createClass(GradientElement, [{\n key: \"getGradientUnits\",\n value: function getGradientUnits() {\n return this.getAttribute('gradientUnits').getString('objectBoundingBox');\n }\n }, {\n key: \"createGradient\",\n value: function createGradient(ctx, element, parentOpacityProp) {\n var _this2 = this;\n\n // tslint:disable-next-line: no-this-assignment\n var stopsContainer = this;\n\n if (this.getHrefAttribute().hasValue()) {\n stopsContainer = this.getHrefAttribute().getDefinition();\n this.inheritStopContainer(stopsContainer);\n }\n\n var _stopsContainer = stopsContainer,\n stops = _stopsContainer.stops;\n var gradient = this.getGradient(ctx, element);\n\n if (!gradient) {\n return this.addParentOpacity(parentOpacityProp, stops[stops.length - 1].color);\n }\n\n stops.forEach(function (stop) {\n gradient.addColorStop(stop.offset, _this2.addParentOpacity(parentOpacityProp, stop.color));\n });\n\n if (this.getAttribute('gradientTransform').hasValue()) {\n // render as transformed pattern on temporary canvas\n var document = this.document;\n var _document$screen = document.screen,\n MAX_VIRTUAL_PIXELS = _document$screen.MAX_VIRTUAL_PIXELS,\n viewPort = _document$screen.viewPort;\n\n var _viewPort$viewPorts = _slicedToArray(viewPort.viewPorts, 1),\n rootView = _viewPort$viewPorts[0];\n\n var rect = new RectElement(document, null);\n rect.attributes.x = new Property(document, 'x', -MAX_VIRTUAL_PIXELS / 3.0);\n rect.attributes.y = new Property(document, 'y', -MAX_VIRTUAL_PIXELS / 3.0);\n rect.attributes.width = new Property(document, 'width', MAX_VIRTUAL_PIXELS);\n rect.attributes.height = new Property(document, 'height', MAX_VIRTUAL_PIXELS);\n var group = new GElement(document, null);\n group.attributes.transform = new Property(document, 'transform', this.getAttribute('gradientTransform').getValue());\n group.children = [rect];\n var patternSvg = new SVGElement(document, null);\n patternSvg.attributes.x = new Property(document, 'x', 0);\n patternSvg.attributes.y = new Property(document, 'y', 0);\n patternSvg.attributes.width = new Property(document, 'width', rootView.width);\n patternSvg.attributes.height = new Property(document, 'height', rootView.height);\n patternSvg.children = [group];\n var patternCanvas = document.createCanvas(rootView.width, rootView.height);\n var patternCtx = patternCanvas.getContext('2d');\n patternCtx.fillStyle = gradient;\n patternSvg.render(patternCtx);\n return patternCtx.createPattern(patternCanvas, 'no-repeat');\n }\n\n return gradient;\n }\n }, {\n key: \"inheritStopContainer\",\n value: function inheritStopContainer(stopsContainer) {\n var _this3 = this;\n\n this.attributesToInherit.forEach(function (attributeToInherit) {\n if (!_this3.getAttribute(attributeToInherit).hasValue() && stopsContainer.getAttribute(attributeToInherit).hasValue()) {\n _this3.getAttribute(attributeToInherit, true).setValue(stopsContainer.getAttribute(attributeToInherit).getValue());\n }\n });\n }\n }, {\n key: \"addParentOpacity\",\n value: function addParentOpacity(parentOpacityProp, color) {\n if (parentOpacityProp.hasValue()) {\n var colorProp = new Property(this.document, 'color', color);\n return colorProp.addOpacity(parentOpacityProp).getString();\n }\n\n return color;\n }\n }]);\n\n return GradientElement;\n}(Element);\n\nfunction _createSuper$l(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$l()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$l() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar LinearGradientElement = /*#__PURE__*/function (_GradientElement) {\n _inherits(LinearGradientElement, _GradientElement);\n\n var _super = _createSuper$l(LinearGradientElement);\n\n function LinearGradientElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, LinearGradientElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'linearGradient';\n\n _this.attributesToInherit.push('x1', 'y1', 'x2', 'y2');\n\n return _this;\n }\n\n _createClass(LinearGradientElement, [{\n key: \"getGradient\",\n value: function getGradient(ctx, element) {\n var boundingBox = this.getGradientUnits() === 'objectBoundingBox' ? element.getBoundingBox(ctx) : null;\n\n if (!this.getAttribute('x1').hasValue() && !this.getAttribute('y1').hasValue() && !this.getAttribute('x2').hasValue() && !this.getAttribute('y2').hasValue()) {\n this.getAttribute('x1', true).setValue(0);\n this.getAttribute('y1', true).setValue(0);\n this.getAttribute('x2', true).setValue(1);\n this.getAttribute('y2', true).setValue(0);\n }\n\n var x1 = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.x + boundingBox.width * this.getAttribute('x1').getNumber() : this.getAttribute('x1').getPixels('x');\n var y1 = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.y + boundingBox.height * this.getAttribute('y1').getNumber() : this.getAttribute('y1').getPixels('y');\n var x2 = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.x + boundingBox.width * this.getAttribute('x2').getNumber() : this.getAttribute('x2').getPixels('x');\n var y2 = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.y + boundingBox.height * this.getAttribute('y2').getNumber() : this.getAttribute('y2').getPixels('y');\n\n if (x1 === x2 && y1 === y2) {\n return null;\n }\n\n return ctx.createLinearGradient(x1, y1, x2, y2);\n }\n }]);\n\n return LinearGradientElement;\n}(GradientElement);\n\nfunction _createSuper$m(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$m()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$m() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar RadialGradientElement = /*#__PURE__*/function (_GradientElement) {\n _inherits(RadialGradientElement, _GradientElement);\n\n var _super = _createSuper$m(RadialGradientElement);\n\n function RadialGradientElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, RadialGradientElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'radialGradient';\n\n _this.attributesToInherit.push('cx', 'cy', 'r', 'fx', 'fy', 'fr');\n\n return _this;\n }\n\n _createClass(RadialGradientElement, [{\n key: \"getGradient\",\n value: function getGradient(ctx, element) {\n var boundingBox = element.getBoundingBox(ctx);\n\n if (!this.getAttribute('cx').hasValue()) {\n this.getAttribute('cx', true).setValue('50%');\n }\n\n if (!this.getAttribute('cy').hasValue()) {\n this.getAttribute('cy', true).setValue('50%');\n }\n\n if (!this.getAttribute('r').hasValue()) {\n this.getAttribute('r', true).setValue('50%');\n }\n\n var cx = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.x + boundingBox.width * this.getAttribute('cx').getNumber() : this.getAttribute('cx').getPixels('x');\n var cy = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.y + boundingBox.height * this.getAttribute('cy').getNumber() : this.getAttribute('cy').getPixels('y');\n var fx = cx;\n var fy = cy;\n\n if (this.getAttribute('fx').hasValue()) {\n fx = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.x + boundingBox.width * this.getAttribute('fx').getNumber() : this.getAttribute('fx').getPixels('x');\n }\n\n if (this.getAttribute('fy').hasValue()) {\n fy = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.y + boundingBox.height * this.getAttribute('fy').getNumber() : this.getAttribute('fy').getPixels('y');\n }\n\n var r = this.getGradientUnits() === 'objectBoundingBox' ? (boundingBox.width + boundingBox.height) / 2.0 * this.getAttribute('r').getNumber() : this.getAttribute('r').getPixels();\n var fr = this.getAttribute('fr').getPixels();\n return ctx.createRadialGradient(fx, fy, fr, cx, cy, r);\n }\n }]);\n\n return RadialGradientElement;\n}(GradientElement);\n\nfunction _createSuper$n(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$n()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$n() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar StopElement = /*#__PURE__*/function (_Element) {\n _inherits(StopElement, _Element);\n\n var _super = _createSuper$n(StopElement);\n\n function StopElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, StopElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'stop';\n var offset = Math.max(0, Math.min(1, _this.getAttribute('offset').getNumber()));\n\n var stopOpacity = _this.getStyle('stop-opacity');\n\n var stopColor = _this.getStyle('stop-color', true);\n\n if (stopColor.getString() === '') {\n stopColor.setValue('#000');\n }\n\n if (stopOpacity.hasValue()) {\n stopColor = stopColor.addOpacity(stopOpacity);\n }\n\n _this.offset = offset;\n _this.color = stopColor.getString();\n return _this;\n }\n\n return StopElement;\n}(Element);\n\nfunction _createSuper$o(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$o()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$o() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar AnimateElement = /*#__PURE__*/function (_Element) {\n _inherits(AnimateElement, _Element);\n\n var _super = _createSuper$o(AnimateElement);\n\n function AnimateElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, AnimateElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'animate';\n _this.duration = 0;\n _this.initialValue = null;\n _this.initialUnits = '';\n _this.removed = false;\n _this.frozen = false;\n document.screen.animations.push(_assertThisInitialized(_this));\n _this.begin = _this.getAttribute('begin').getMilliseconds();\n _this.maxDuration = _this.begin + _this.getAttribute('dur').getMilliseconds();\n _this.from = _this.getAttribute('from');\n _this.to = _this.getAttribute('to');\n _this.values = _this.getAttribute('values');\n\n if (_this.values.hasValue()) {\n _this.values.setValue(_this.values.getString().split(';'));\n }\n\n return _this;\n }\n\n _createClass(AnimateElement, [{\n key: \"getProperty\",\n value: function getProperty() {\n var attributeType = this.getAttribute('attributeType').getString();\n var attributeName = this.getAttribute('attributeName').getString();\n\n if (attributeType === 'CSS') {\n return this.parent.getStyle(attributeName, true);\n }\n\n return this.parent.getAttribute(attributeName, true);\n }\n }, {\n key: \"calcValue\",\n value: function calcValue() {\n var initialUnits = this.initialUnits;\n\n var _this$getProgress = this.getProgress(),\n progress = _this$getProgress.progress,\n from = _this$getProgress.from,\n to = _this$getProgress.to; // tween value linearly\n\n\n var newValue = from.getNumber() + (to.getNumber() - from.getNumber()) * progress;\n\n if (initialUnits === '%') {\n newValue *= 100.0; // numValue() returns 0-1 whereas properties are 0-100\n }\n\n return \"\".concat(newValue).concat(initialUnits);\n }\n }, {\n key: \"update\",\n value: function update(delta) {\n var parent = this.parent;\n var prop = this.getProperty(); // set initial value\n\n if (!this.initialValue) {\n this.initialValue = prop.getString();\n this.initialUnits = prop.getUnits();\n } // if we're past the end time\n\n\n if (this.duration > this.maxDuration) {\n var fill = this.getAttribute('fill').getString('remove'); // loop for indefinitely repeating animations\n\n if (this.getAttribute('repeatCount').getString() === 'indefinite' || this.getAttribute('repeatDur').getString() === 'indefinite') {\n this.duration = 0;\n } else if (fill === 'freeze' && !this.frozen) {\n this.frozen = true;\n parent.animationFrozen = true;\n parent.animationFrozenValue = prop.getString();\n } else if (fill === 'remove' && !this.removed) {\n this.removed = true;\n prop.setValue(parent.animationFrozen ? parent.animationFrozenValue : this.initialValue);\n return true;\n }\n\n return false;\n }\n\n this.duration += delta; // if we're past the begin time\n\n var updated = false;\n\n if (this.begin < this.duration) {\n var newValue = this.calcValue(); // tween\n\n var typeAttr = this.getAttribute('type');\n\n if (typeAttr.hasValue()) {\n // for transform, etc.\n var type = typeAttr.getString();\n newValue = \"\".concat(type, \"(\").concat(newValue, \")\");\n }\n\n prop.setValue(newValue);\n updated = true;\n }\n\n return updated;\n }\n }, {\n key: \"getProgress\",\n value: function getProgress() {\n var document = this.document,\n values = this.values;\n var result = {\n progress: (this.duration - this.begin) / (this.maxDuration - this.begin)\n };\n\n if (values.hasValue()) {\n var p = result.progress * (values.getValue().length - 1);\n var lb = Math.floor(p);\n var ub = Math.ceil(p);\n result.from = new Property(document, 'from', parseFloat(values.getValue()[lb]));\n result.to = new Property(document, 'to', parseFloat(values.getValue()[ub]));\n result.progress = (p - lb) / (ub - lb);\n } else {\n result.from = this.from;\n result.to = this.to;\n }\n\n return result;\n }\n }]);\n\n return AnimateElement;\n}(Element);\n\nfunction _createSuper$p(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$p()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$p() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar AnimateColorElement = /*#__PURE__*/function (_AnimateElement) {\n _inherits(AnimateColorElement, _AnimateElement);\n\n var _super = _createSuper$p(AnimateColorElement);\n\n function AnimateColorElement() {\n var _this;\n\n _classCallCheck(this, AnimateColorElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'animateColor';\n return _this;\n }\n\n _createClass(AnimateColorElement, [{\n key: \"calcValue\",\n value: function calcValue() {\n var _this$getProgress = this.getProgress(),\n progress = _this$getProgress.progress,\n from = _this$getProgress.from,\n to = _this$getProgress.to;\n\n var colorFrom = new RGBColor(from.getString());\n var colorTo = new RGBColor(to.getString());\n\n if (colorFrom.ok && colorTo.ok) {\n // tween color linearly\n var r = colorFrom.r + (colorTo.r - colorFrom.r) * progress;\n var g = colorFrom.g + (colorTo.g - colorFrom.g) * progress;\n var b = colorFrom.b + (colorTo.b - colorFrom.b) * progress; // ? alpha\n\n return \"rgb(\".concat(parseInt(r, 10), \", \").concat(parseInt(g, 10), \", \").concat(parseInt(b, 10), \")\");\n }\n\n return this.getAttribute('from').getString();\n }\n }]);\n\n return AnimateColorElement;\n}(AnimateElement);\n\nfunction _createSuper$q(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$q()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$q() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar AnimateTransformElement = /*#__PURE__*/function (_AnimateElement) {\n _inherits(AnimateTransformElement, _AnimateElement);\n\n var _super = _createSuper$q(AnimateTransformElement);\n\n function AnimateTransformElement() {\n var _this;\n\n _classCallCheck(this, AnimateTransformElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'animateTransform';\n return _this;\n }\n\n _createClass(AnimateTransformElement, [{\n key: \"calcValue\",\n value: function calcValue() {\n var _this$getProgress = this.getProgress(),\n progress = _this$getProgress.progress,\n from = _this$getProgress.from,\n to = _this$getProgress.to; // tween value linearly\n\n\n var transformFrom = toNumbers(from.getString());\n var transformTo = toNumbers(to.getString());\n var newValue = transformFrom.map(function (from, i) {\n var to = transformTo[i];\n return from + (to - from) * progress;\n }).join(' ');\n return newValue;\n }\n }]);\n\n return AnimateTransformElement;\n}(AnimateElement);\n\nfunction _createForOfIteratorHelper(o) { if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(n); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _createSuper$r(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$r()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$r() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FontElement = /*#__PURE__*/function (_Element) {\n _inherits(FontElement, _Element);\n\n var _super = _createSuper$r(FontElement);\n\n function FontElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, FontElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'font';\n _this.glyphs = {};\n _this.horizAdvX = _this.getAttribute('horiz-adv-x').getNumber();\n var definitions = document.definitions;\n\n var _assertThisInitialize = _assertThisInitialized(_this),\n children = _assertThisInitialize.children;\n\n var _iterator = _createForOfIteratorHelper(children),\n _step;\n\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var child = _step.value;\n\n switch (child.type) {\n case 'font-face':\n {\n _this.fontFace = child;\n var fontFamilyStyle = child.getStyle('font-family');\n\n if (fontFamilyStyle.hasValue()) {\n definitions[fontFamilyStyle.getString()] = _assertThisInitialized(_this);\n }\n\n break;\n }\n\n case 'missing-glyph':\n _this.missingGlyph = child;\n break;\n\n case 'glyph':\n {\n var glyph = child;\n\n if (glyph.arabicForm) {\n _this.isRTL = true;\n _this.isArabic = true;\n\n if (typeof _this.glyphs[glyph.unicode] === 'undefined') {\n _this.glyphs[glyph.unicode] = {};\n }\n\n _this.glyphs[glyph.unicode][glyph.arabicForm] = glyph;\n } else {\n _this.glyphs[glyph.unicode] = glyph;\n }\n\n break;\n }\n\n default:\n }\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n\n return _this;\n }\n\n _createClass(FontElement, [{\n key: \"render\",\n value: function render() {// NO RENDER\n }\n }]);\n\n return FontElement;\n}(Element);\n\nfunction _createSuper$s(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$s()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$s() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FontFaceElement = /*#__PURE__*/function (_Element) {\n _inherits(FontFaceElement, _Element);\n\n var _super = _createSuper$s(FontFaceElement);\n\n function FontFaceElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, FontFaceElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'font-face';\n _this.ascent = _this.getAttribute('ascent').getNumber();\n _this.descent = _this.getAttribute('descent').getNumber();\n _this.unitsPerEm = _this.getAttribute('units-per-em').getNumber();\n return _this;\n }\n\n return FontFaceElement;\n}(Element);\n\nfunction _createSuper$t(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$t()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$t() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar MissingGlyphElement = /*#__PURE__*/function (_PathElement) {\n _inherits(MissingGlyphElement, _PathElement);\n\n var _super = _createSuper$t(MissingGlyphElement);\n\n function MissingGlyphElement() {\n var _this;\n\n _classCallCheck(this, MissingGlyphElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'missing-glyph';\n _this.horizAdvX = 0;\n return _this;\n }\n\n return MissingGlyphElement;\n}(PathElement);\n\nfunction _createSuper$u(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$u()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$u() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar GlyphElement = /*#__PURE__*/function (_PathElement) {\n _inherits(GlyphElement, _PathElement);\n\n var _super = _createSuper$u(GlyphElement);\n\n function GlyphElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, GlyphElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'glyph';\n _this.horizAdvX = _this.getAttribute('horiz-adv-x').getNumber();\n _this.unicode = _this.getAttribute('unicode').getString();\n _this.arabicForm = _this.getAttribute('arabic-form').getString();\n return _this;\n }\n\n return GlyphElement;\n}(PathElement);\n\nfunction _createSuper$v(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$v()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$v() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar TRefElement = /*#__PURE__*/function (_TextElement) {\n _inherits(TRefElement, _TextElement);\n\n var _super = _createSuper$v(TRefElement);\n\n function TRefElement() {\n var _this;\n\n _classCallCheck(this, TRefElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'tref';\n return _this;\n }\n\n _createClass(TRefElement, [{\n key: \"getText\",\n value: function getText() {\n var element = this.getHrefAttribute().getDefinition();\n\n if (element) {\n var firstChild = element.children[0];\n\n if (firstChild) {\n return firstChild.getText();\n }\n }\n\n return '';\n }\n }]);\n\n return TRefElement;\n}(TextElement);\n\nfunction _createSuper$w(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$w()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$w() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar AElement = /*#__PURE__*/function (_TextElement) {\n _inherits(AElement, _TextElement);\n\n var _super = _createSuper$w(AElement);\n\n function AElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, AElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'a';\n var childNodes = node.childNodes;\n var firstChild = childNodes[0];\n var hasText = childNodes.length > 0 && Array.from(childNodes).every(function (node) {\n return node.nodeType === 3;\n });\n _this.hasText = hasText;\n _this.text = hasText ? _this.getTextFromNode(firstChild) : '';\n return _this;\n }\n\n _createClass(AElement, [{\n key: \"getText\",\n value: function getText() {\n return this.text;\n }\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n if (this.hasText) {\n // render as text element\n _get(_getPrototypeOf(AElement.prototype), \"renderChildren\", this).call(this, ctx);\n\n var document = this.document,\n x = this.x,\n y = this.y;\n var mouse = document.screen.mouse;\n var fontSize = new Property(document, 'fontSize', Font.parse(document.ctx.font).fontSize); // Do not calc bounding box if mouse is not working.\n\n if (mouse.isWorking()) {\n mouse.checkBoundingBox(this, new BoundingBox(x, y - fontSize.getPixels('y'), x + this.measureText(ctx), y));\n }\n } else if (this.children.length > 0) {\n // render as temporary group\n var g = new GElement(this.document, null);\n g.children = this.children;\n g.parent = this;\n g.render(ctx);\n }\n }\n }, {\n key: \"onClick\",\n value: function onClick() {\n var window = this.document.window;\n\n if (window) {\n window.open(this.getHrefAttribute().getString());\n }\n }\n }, {\n key: \"onMouseMove\",\n value: function onMouseMove() {\n var ctx = this.document.ctx;\n ctx.canvas.style.cursor = 'pointer';\n }\n }]);\n\n return AElement;\n}(TextElement);\n\nfunction _createForOfIteratorHelper$1(o) { if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray$1(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }\n\nfunction _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(n); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }\n\nfunction _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _createSuper$x(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$x()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$x() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar TextPathElement = /*#__PURE__*/function (_TextElement) {\n _inherits(TextPathElement, _TextElement);\n\n var _super = _createSuper$x(TextPathElement);\n\n function TextPathElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, TextPathElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'textPath';\n _this.textWidth = 0;\n _this.textHeight = 0;\n _this.pathLength = -1;\n _this.glyphInfo = null;\n _this.letterSpacingCache = [];\n _this.measuresCache = new Map([['', 0]]);\n\n var pathElement = _this.getHrefAttribute().getDefinition();\n\n _this.text = _this.getTextFromNode();\n _this.dataArray = _this.parsePathData(pathElement);\n return _this;\n }\n\n _createClass(TextPathElement, [{\n key: \"getText\",\n value: function getText() {\n return this.text;\n }\n }, {\n key: \"path\",\n value: function path(ctx) {\n var dataArray = this.dataArray;\n\n if (ctx) {\n ctx.beginPath();\n }\n\n dataArray.forEach(function (_ref) {\n var command = _ref.command,\n points = _ref.points;\n\n switch (command) {\n case 'L':\n if (ctx) {\n ctx.lineTo(points[0], points[1]);\n }\n\n break;\n\n case 'M':\n if (ctx) {\n ctx.moveTo(points[0], points[1]);\n }\n\n break;\n\n case 'C':\n if (ctx) {\n ctx.bezierCurveTo(points[0], points[1], points[2], points[3], points[4], points[5]);\n }\n\n break;\n\n case 'Q':\n if (ctx) {\n ctx.quadraticCurveTo(points[0], points[1], points[2], points[3]);\n }\n\n break;\n\n case 'A':\n {\n var cx = points[0];\n var cy = points[1];\n var rx = points[2];\n var ry = points[3];\n var theta = points[4];\n var dTheta = points[5];\n var psi = points[6];\n var fs = points[7];\n var r = rx > ry ? rx : ry;\n var scaleX = rx > ry ? 1 : rx / ry;\n var scaleY = rx > ry ? ry / rx : 1;\n\n if (ctx) {\n ctx.translate(cx, cy);\n ctx.rotate(psi);\n ctx.scale(scaleX, scaleY);\n ctx.arc(0, 0, r, theta, theta + dTheta, Boolean(1 - fs));\n ctx.scale(1 / scaleX, 1 / scaleY);\n ctx.rotate(-psi);\n ctx.translate(-cx, -cy);\n }\n\n break;\n }\n\n case 'z':\n if (ctx) {\n ctx.closePath();\n }\n\n break;\n }\n });\n }\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n this.setTextData(ctx);\n ctx.save();\n var textDecoration = this.parent.getStyle('text-decoration').getString();\n var fontSize = this.getFontSize();\n var glyphInfo = this.glyphInfo;\n var fill = ctx.fillStyle;\n\n if (textDecoration === 'underline') {\n ctx.beginPath();\n }\n\n glyphInfo.forEach(function (glyph, i) {\n var p0 = glyph.p0,\n p1 = glyph.p1,\n partialText = glyph.text;\n ctx.save();\n ctx.translate(p0.x, p0.y);\n ctx.rotate(glyphInfo[i].rotation);\n\n if (ctx.fillStyle) {\n ctx.fillText(partialText, 0, 0);\n }\n\n if (ctx.strokeStyle) {\n ctx.strokeText(partialText, 0, 0);\n }\n\n ctx.restore();\n\n if (textDecoration === 'underline') {\n if (i === 0) {\n ctx.moveTo(p0.x, p0.y + fontSize / 8);\n }\n\n ctx.lineTo(p1.x, p1.y + fontSize / 5);\n } //// To assist with debugging visually, uncomment following\n //\n // ctx.beginPath();\n // if (i % 2)\n // \tctx.strokeStyle = 'red';\n // else\n // \tctx.strokeStyle = 'green';\n // ctx.moveTo(p0.x, p0.y);\n // ctx.lineTo(p1.x, p1.y);\n // ctx.stroke();\n // ctx.closePath();\n\n });\n\n if (textDecoration === 'underline') {\n ctx.lineWidth = fontSize / 20;\n ctx.strokeStyle = fill;\n ctx.stroke();\n ctx.closePath();\n }\n\n ctx.restore();\n }\n }, {\n key: \"getLetterSpacingAt\",\n value: function getLetterSpacingAt() {\n var idx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n return this.letterSpacingCache[idx] || 0;\n }\n }, {\n key: \"findSegmentToFitChar\",\n value: function findSegmentToFitChar(ctx, anchor, textFullWidth, fullPathWidth, spacesNumber, inputOffset, c, charI) {\n var offset = inputOffset;\n var glyphWidth = this.measureText(ctx, c);\n\n if (c === ' ' && anchor === 'justify' && textFullWidth < fullPathWidth) {\n glyphWidth += (fullPathWidth - textFullWidth) / spacesNumber;\n }\n\n if (charI > -1) {\n offset += this.getLetterSpacingAt(charI);\n }\n\n var splineStep = this.textHeight / 20;\n var segment = {\n p0: this.getEquidistantPointOnPath(offset, splineStep),\n p1: this.getEquidistantPointOnPath(offset + glyphWidth, splineStep)\n };\n offset += glyphWidth;\n return {\n offset: offset,\n segment: segment\n };\n }\n }, {\n key: \"measureText\",\n value: function measureText(ctx, text) {\n var measuresCache = this.measuresCache;\n var targetText = text || this.getText();\n\n if (measuresCache.has(targetText)) {\n return measuresCache.get(targetText);\n }\n\n var measure = this.measureTargetText(ctx, targetText);\n measuresCache.set(targetText, measure);\n return measure;\n } // This method supposes what all custom fonts already loaded.\n // If some font will be loaded after this method call, will not be rendered correctly.\n // You need to call this method manually to update glyphs cache.\n\n }, {\n key: \"setTextData\",\n value: function setTextData(ctx) {\n var _this2 = this;\n\n if (this.glyphInfo) {\n return;\n }\n\n var renderText = this.getText();\n var chars = renderText.split('');\n var spacesNumber = renderText.split(' ').length - 1;\n var dx = toNumbers(this.parent.getAttribute('dx').getString('0'));\n var anchor = this.parent.getStyle('text-anchor').getString('start');\n var thisSpacing = this.getStyle('letter-spacing');\n var parentSpacing = this.parent.getStyle('letter-spacing');\n var letterSpacing = 0;\n\n if (!thisSpacing.hasValue() || thisSpacing.getValue() === 'inherit') {\n letterSpacing = parentSpacing.getPixels();\n } else if (thisSpacing.hasValue()) {\n if (thisSpacing.getValue() !== 'initial' && thisSpacing.getValue() !== 'unset') {\n letterSpacing = thisSpacing.getPixels();\n }\n } // fill letter-spacing cache\n\n\n var letterSpacingCache = [];\n var textLen = renderText.length;\n this.letterSpacingCache = letterSpacingCache;\n\n for (var i = 0; i < textLen; i++) {\n letterSpacingCache.push(typeof dx[i] !== 'undefined' ? dx[i] : letterSpacing);\n }\n\n var dxSum = letterSpacingCache.reduce(function (acc, cur) {\n return acc + cur || 0;\n }, 0);\n this.textWidth = this.measureText(ctx);\n this.textHeight = this.getFontSize();\n var textFullWidth = Math.max(this.textWidth + dxSum, 0);\n this.glyphInfo = [];\n var fullPathWidth = this.getPathLength();\n var startOffset = this.getStyle('startOffset').getNumber(0) * fullPathWidth;\n var offset = 0;\n\n if (anchor === 'middle' || anchor === 'center') {\n offset = -textFullWidth / 2;\n }\n\n if (anchor === 'end' || anchor === 'right') {\n offset = -textFullWidth;\n }\n\n offset += startOffset;\n chars.forEach(function (char, i) {\n // Find such segment what distance between p0 and p1 is approx. width of glyph\n var _this2$findSegmentToF = _this2.findSegmentToFitChar(ctx, anchor, textFullWidth, fullPathWidth, spacesNumber, offset, char, i),\n nextOffset = _this2$findSegmentToF.offset,\n segment = _this2$findSegmentToF.segment;\n\n offset = nextOffset;\n\n if (!segment.p0 || !segment.p1) {\n return;\n }\n\n var width = _this2.getLineLength(segment.p0.x, segment.p0.y, segment.p1.x, segment.p1.y); // Note: Since glyphs are rendered one at a time, any kerning pair data built into the font will not be used.\n // Can foresee having a rough pair table built in that the developer can override as needed.\n // Or use \"dx\" attribute of the node as a naive replacement\n\n\n var kern = 0; // placeholder for future implementation\n\n var midpoint = _this2.getPointOnLine(kern + width / 2.0, segment.p0.x, segment.p0.y, segment.p1.x, segment.p1.y);\n\n var rotation = Math.atan2(segment.p1.y - segment.p0.y, segment.p1.x - segment.p0.x);\n\n _this2.glyphInfo.push({\n transposeX: midpoint.x,\n transposeY: midpoint.y,\n text: chars[i],\n p0: segment.p0,\n p1: segment.p1,\n rotation: rotation\n });\n });\n }\n }, {\n key: \"parsePathData\",\n value: function parsePathData(path) {\n this.pathLength = -1; // reset path length\n\n if (!path) {\n return [];\n }\n\n var pathCommands = [];\n var pathParser = path.pathParser;\n pathParser.reset(); // convert l, H, h, V, and v to L\n\n while (!pathParser.isEnd()) {\n var current = pathParser.current;\n var startX = current ? current.x : 0;\n var startY = current ? current.y : 0;\n var cmd = '';\n var points = [];\n pathParser.nextCommand();\n var upperCommand = pathParser.command.toUpperCase();\n\n switch (pathParser.command) {\n case 'M':\n case 'm':\n cmd = this.pathM(pathParser, points);\n break;\n\n case 'L':\n case 'l':\n cmd = this.pathL(pathParser, points);\n break;\n\n case 'H':\n case 'h':\n cmd = this.pathH(pathParser, points);\n break;\n\n case 'V':\n case 'v':\n cmd = this.pathV(pathParser, points);\n break;\n\n case 'C':\n case 'c':\n this.pathC(pathParser, points);\n break;\n\n case 'S':\n case 's':\n cmd = this.pathS(pathParser, points);\n break;\n\n case 'Q':\n case 'q':\n this.pathQ(pathParser, points);\n break;\n\n case 'T':\n case 't':\n cmd = this.pathT(pathParser, points);\n break;\n\n case 'A':\n case 'a':\n points = this.pathA(pathParser);\n break;\n\n case 'Z':\n case 'z':\n pathParser.current = pathParser.start;\n break;\n }\n\n if (upperCommand !== 'Z') {\n pathCommands.push({\n command: cmd || upperCommand,\n points: points,\n start: {\n x: startX,\n y: startY\n },\n pathLength: this.calcLength(startX, startY, cmd || upperCommand, points)\n });\n } else {\n pathCommands.push({\n command: 'z',\n points: [],\n pathLength: 0\n });\n }\n }\n\n return pathCommands;\n }\n }, {\n key: \"pathM\",\n value: function pathM(pathParser, points) {\n var p = pathParser.getAsCurrentPoint(); // pathParser.addMarker(p);\n\n points.push(p.x, p.y);\n pathParser.start = pathParser.current;\n\n while (!pathParser.isCommandOrEnd()) {\n var _p = pathParser.getAsCurrentPoint();\n\n points.push(_p.x, _p.y);\n return 'L';\n }\n }\n }, {\n key: \"pathL\",\n value: function pathL(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var p = pathParser.getAsCurrentPoint();\n points.push(p.x, p.y);\n }\n\n return 'L';\n }\n }, {\n key: \"pathH\",\n value: function pathH(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = new Point((pathParser.isRelativeCommand() ? current.x : 0) + pathParser.getScalar(), current.y);\n points.push(point.x, point.y);\n pathParser.current = point;\n }\n\n return 'L';\n }\n }, {\n key: \"pathV\",\n value: function pathV(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = new Point(current.x, (pathParser.isRelativeCommand() ? current.y : 0) + pathParser.getScalar());\n points.push(point.x, point.y);\n pathParser.current = point;\n }\n\n return 'L';\n }\n }, {\n key: \"pathC\",\n value: function pathC(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var point = pathParser.getPoint();\n var controlPoint = pathParser.getAsControlPoint();\n var currentPoint = pathParser.getAsCurrentPoint();\n points.push(point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }, {\n key: \"pathS\",\n value: function pathS(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var point = pathParser.getReflectedControlPoint();\n var controlPoint = pathParser.getAsControlPoint();\n var currentPoint = pathParser.getAsCurrentPoint();\n points.push(point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n\n return 'C';\n }\n }, {\n key: \"pathQ\",\n value: function pathQ(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var controlPoint = pathParser.getAsControlPoint();\n var currentPoint = pathParser.getAsCurrentPoint();\n points.push(controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }, {\n key: \"pathT\",\n value: function pathT(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var controlPoint = pathParser.getReflectedControlPoint();\n pathParser.control = controlPoint;\n var currentPoint = pathParser.getAsCurrentPoint();\n points.push(controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n\n return 'Q';\n }\n }, {\n key: \"pathA\",\n value: function pathA(pathParser) {\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current; // x1, y1\n\n var rx = pathParser.getScalar();\n var ry = pathParser.getScalar();\n var xAxisRotation = pathParser.getScalar() * (Math.PI / 180.0); // φ\n\n var largeArcFlag = pathParser.getScalar(); // fA\n\n var sweepFlag = pathParser.getScalar(); // fS\n\n var currentPoint = pathParser.getAsCurrentPoint(); // x2, y2\n // Conversion from endpoint to center parameterization\n // http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes\n // x1', y1'\n\n var currp = new Point(Math.cos(xAxisRotation) * (current.x - currentPoint.x) / 2.0 + Math.sin(xAxisRotation) * (current.y - currentPoint.y) / 2.0, -Math.sin(xAxisRotation) * (current.x - currentPoint.x) / 2.0 + Math.cos(xAxisRotation) * (current.y - currentPoint.y) / 2.0); // adjust radii\n\n var l = Math.pow(currp.x, 2) / Math.pow(rx, 2) + Math.pow(currp.y, 2) / Math.pow(ry, 2);\n\n if (l > 1) {\n rx *= Math.sqrt(l);\n ry *= Math.sqrt(l);\n } // cx', cy'\n\n\n var s = (largeArcFlag === sweepFlag ? -1 : 1) * Math.sqrt((Math.pow(rx, 2) * Math.pow(ry, 2) - Math.pow(rx, 2) * Math.pow(currp.y, 2) - Math.pow(ry, 2) * Math.pow(currp.x, 2)) / (Math.pow(rx, 2) * Math.pow(currp.y, 2) + Math.pow(ry, 2) * Math.pow(currp.x, 2)));\n\n if (isNaN(s)) {\n s = 0;\n }\n\n var cpp = new Point(s * rx * currp.y / ry, s * -ry * currp.x / rx); // cx, cy\n\n var centp = new Point((current.x + currentPoint.x) / 2.0 + Math.cos(xAxisRotation) * cpp.x - Math.sin(xAxisRotation) * cpp.y, (current.y + currentPoint.y) / 2.0 + Math.sin(xAxisRotation) * cpp.x + Math.cos(xAxisRotation) * cpp.y); // initial angle\n\n var a1 = vectorsAngle([1, 0], [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry]); // θ1\n // angle delta\n\n var u = [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry];\n var v = [(-currp.x - cpp.x) / rx, (-currp.y - cpp.y) / ry];\n var ad = vectorsAngle(u, v); // Δθ\n\n if (vectorsRatio(u, v) <= -1) {\n ad = Math.PI;\n }\n\n if (vectorsRatio(u, v) >= 1) {\n ad = 0;\n }\n\n if (sweepFlag === 0 && ad > 0) {\n ad = ad - 2 * Math.PI;\n }\n\n if (sweepFlag === 1 && ad < 0) {\n ad = ad + 2 * Math.PI;\n }\n\n return [centp.x, centp.y, rx, ry, a1, ad, xAxisRotation, sweepFlag];\n }\n }\n }, {\n key: \"calcLength\",\n value: function calcLength(x, y, cmd, points) {\n var len = 0;\n var p1 = null;\n var p2 = null;\n var t = 0;\n\n switch (cmd) {\n case 'L':\n return this.getLineLength(x, y, points[0], points[1]);\n\n case 'C':\n // Approximates by breaking curve into 100 line segments\n len = 0.0;\n p1 = this.getPointOnCubicBezier(0, x, y, points[0], points[1], points[2], points[3], points[4], points[5]);\n\n for (t = 0.01; t <= 1; t += 0.01) {\n p2 = this.getPointOnCubicBezier(t, x, y, points[0], points[1], points[2], points[3], points[4], points[5]);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n p1 = p2;\n }\n\n return len;\n\n case 'Q':\n // Approximates by breaking curve into 100 line segments\n len = 0.0;\n p1 = this.getPointOnQuadraticBezier(0, x, y, points[0], points[1], points[2], points[3]);\n\n for (t = 0.01; t <= 1; t += 0.01) {\n p2 = this.getPointOnQuadraticBezier(t, x, y, points[0], points[1], points[2], points[3]);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n p1 = p2;\n }\n\n return len;\n\n case 'A':\n // Approximates by breaking curve into line segments\n len = 0.0;\n var start = points[4]; // 4 = theta\n\n var dTheta = points[5]; // 5 = dTheta\n\n var end = points[4] + dTheta;\n var inc = Math.PI / 180.0; // 1 degree resolution\n\n if (Math.abs(start - end) < inc) {\n inc = Math.abs(start - end);\n } // Note: for purpose of calculating arc length, not going to worry about rotating X-axis by angle psi\n\n\n p1 = this.getPointOnEllipticalArc(points[0], points[1], points[2], points[3], start, 0);\n\n if (dTheta < 0) {\n // clockwise\n for (t = start - inc; t > end; t -= inc) {\n p2 = this.getPointOnEllipticalArc(points[0], points[1], points[2], points[3], t, 0);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n p1 = p2;\n }\n } else {\n // counter-clockwise\n for (t = start + inc; t < end; t += inc) {\n p2 = this.getPointOnEllipticalArc(points[0], points[1], points[2], points[3], t, 0);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n p1 = p2;\n }\n }\n\n p2 = this.getPointOnEllipticalArc(points[0], points[1], points[2], points[3], end, 0);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n return len;\n }\n\n return 0;\n }\n }, {\n key: \"getPointOnLine\",\n value: function getPointOnLine(dist, P1x, P1y, P2x, P2y) {\n var fromX = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : P1x;\n var fromY = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : P1y;\n var m = (P2y - P1y) / (P2x - P1x + PSEUDO_ZERO);\n var run = Math.sqrt(dist * dist / (1 + m * m));\n\n if (P2x < P1x) {\n run *= -1;\n }\n\n var rise = m * run;\n var pt = null;\n\n if (P2x === P1x) {\n // vertical line\n pt = {\n x: fromX,\n y: fromY + rise\n };\n } else if ((fromY - P1y) / (fromX - P1x + PSEUDO_ZERO) === m) {\n pt = {\n x: fromX + run,\n y: fromY + rise\n };\n } else {\n var ix = 0;\n var iy = 0;\n var len = this.getLineLength(P1x, P1y, P2x, P2y);\n\n if (len < PSEUDO_ZERO) {\n return null;\n }\n\n var u = (fromX - P1x) * (P2x - P1x) + (fromY - P1y) * (P2y - P1y);\n u = u / (len * len);\n ix = P1x + u * (P2x - P1x);\n iy = P1y + u * (P2y - P1y);\n var pRise = this.getLineLength(fromX, fromY, ix, iy);\n var pRun = Math.sqrt(dist * dist - pRise * pRise);\n run = Math.sqrt(pRun * pRun / (1 + m * m));\n\n if (P2x < P1x) {\n run *= -1;\n }\n\n rise = m * run;\n pt = {\n x: ix + run,\n y: iy + rise\n };\n }\n\n return pt;\n }\n }, {\n key: \"getPointOnPath\",\n value: function getPointOnPath(distance) {\n var fullLen = this.getPathLength();\n var cumulativePathLength = 0;\n var p = null;\n\n if (distance < -0.00005 || distance - 0.00005 > fullLen) {\n return null;\n }\n\n var dataArray = this.dataArray;\n\n var _iterator = _createForOfIteratorHelper$1(dataArray),\n _step;\n\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var pathCmd = _step.value;\n\n if (pathCmd && (pathCmd.pathLength < 0.00005 || cumulativePathLength + pathCmd.pathLength + 0.00005 < distance)) {\n cumulativePathLength += pathCmd.pathLength;\n continue;\n }\n\n var delta = distance - cumulativePathLength;\n var currentT = 0;\n\n switch (pathCmd.command) {\n case 'L':\n p = this.getPointOnLine(delta, pathCmd.start.x, pathCmd.start.y, pathCmd.points[0], pathCmd.points[1], pathCmd.start.x, pathCmd.start.y);\n break;\n\n case 'A':\n var start = pathCmd.points[4]; // 4 = theta\n\n var dTheta = pathCmd.points[5]; // 5 = dTheta\n\n var end = pathCmd.points[4] + dTheta;\n currentT = start + delta / pathCmd.pathLength * dTheta;\n\n if (dTheta < 0 && currentT < end || dTheta >= 0 && currentT > end) {\n break;\n }\n\n p = this.getPointOnEllipticalArc(pathCmd.points[0], pathCmd.points[1], pathCmd.points[2], pathCmd.points[3], currentT, pathCmd.points[6]);\n break;\n\n case 'C':\n currentT = delta / pathCmd.pathLength;\n\n if (currentT > 1) {\n currentT = 1;\n }\n\n p = this.getPointOnCubicBezier(currentT, pathCmd.start.x, pathCmd.start.y, pathCmd.points[0], pathCmd.points[1], pathCmd.points[2], pathCmd.points[3], pathCmd.points[4], pathCmd.points[5]);\n break;\n\n case 'Q':\n currentT = delta / pathCmd.pathLength;\n\n if (currentT > 1) {\n currentT = 1;\n }\n\n p = this.getPointOnQuadraticBezier(currentT, pathCmd.start.x, pathCmd.start.y, pathCmd.points[0], pathCmd.points[1], pathCmd.points[2], pathCmd.points[3]);\n break;\n\n default:\n }\n\n if (p) {\n return p;\n }\n\n break;\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n\n return null;\n }\n }, {\n key: \"getLineLength\",\n value: function getLineLength(x1, y1, x2, y2) {\n return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));\n }\n }, {\n key: \"getPathLength\",\n value: function getPathLength() {\n if (this.pathLength === -1) {\n this.pathLength = this.dataArray.reduce(function (length, command) {\n return command.pathLength > 0 ? length + command.pathLength : length;\n }, 0);\n }\n\n return this.pathLength;\n }\n }, {\n key: \"getPointOnCubicBezier\",\n value: function getPointOnCubicBezier(pct, P1x, P1y, P2x, P2y, P3x, P3y, P4x, P4y) {\n var x = P4x * CB1(pct) + P3x * CB2(pct) + P2x * CB3(pct) + P1x * CB4(pct);\n var y = P4y * CB1(pct) + P3y * CB2(pct) + P2y * CB3(pct) + P1y * CB4(pct);\n return {\n x: x,\n y: y\n };\n }\n }, {\n key: \"getPointOnQuadraticBezier\",\n value: function getPointOnQuadraticBezier(pct, P1x, P1y, P2x, P2y, P3x, P3y) {\n var x = P3x * QB1(pct) + P2x * QB2(pct) + P1x * QB3(pct);\n var y = P3y * QB1(pct) + P2y * QB2(pct) + P1y * QB3(pct);\n return {\n x: x,\n y: y\n };\n }\n }, {\n key: \"getPointOnEllipticalArc\",\n value: function getPointOnEllipticalArc(cx, cy, rx, ry, theta, psi) {\n var cosPsi = Math.cos(psi);\n var sinPsi = Math.sin(psi);\n var pt = {\n x: rx * Math.cos(theta),\n y: ry * Math.sin(theta)\n };\n return {\n x: cx + (pt.x * cosPsi - pt.y * sinPsi),\n y: cy + (pt.x * sinPsi + pt.y * cosPsi)\n };\n } // TODO need some optimisations. possibly build cache only for curved segments?\n\n }, {\n key: \"buildEquidistantCache\",\n value: function buildEquidistantCache(inputStep, inputPrecision) {\n var fullLen = this.getPathLength();\n var precision = inputPrecision || 0.25; // accuracy vs performance\n\n var step = inputStep || fullLen / 100;\n\n if (!this.equidistantCache || this.equidistantCache.step !== step || this.equidistantCache.precision !== precision) {\n // Prepare cache\n this.equidistantCache = {\n step: step,\n precision: precision,\n points: []\n }; // Calculate points\n\n var s = 0;\n\n for (var l = 0; l <= fullLen; l += precision) {\n var p0 = this.getPointOnPath(l);\n var p1 = this.getPointOnPath(l + precision);\n\n if (!p0 || !p1) {\n continue;\n }\n\n s += this.getLineLength(p0.x, p0.y, p1.x, p1.y);\n\n if (s >= step) {\n this.equidistantCache.points.push({\n x: p0.x,\n y: p0.y,\n distance: l\n });\n s -= step;\n }\n }\n }\n }\n }, {\n key: \"getEquidistantPointOnPath\",\n value: function getEquidistantPointOnPath(targetDistance, step, precision) {\n this.buildEquidistantCache(step, precision);\n\n if (targetDistance < 0 || targetDistance - this.getPathLength() > 0.00005) {\n return null;\n }\n\n var idx = Math.round(targetDistance / this.getPathLength() * (this.equidistantCache.points.length - 1));\n return this.equidistantCache.points[idx] || null;\n }\n }]);\n\n return TextPathElement;\n}(TextElement);\n\nfunction _createSuper$y(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$y()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$y() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar ImageElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(ImageElement, _RenderedElement);\n\n var _super = _createSuper$y(ImageElement);\n\n function ImageElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, ImageElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'image';\n _this.loaded = false;\n\n var href = _this.getHrefAttribute().getString();\n\n if (!href) {\n return _possibleConstructorReturn(_this);\n }\n\n var isSvg = /\\.svg$/.test(href);\n document.images.push(_assertThisInitialized(_this));\n\n if (!isSvg) {\n _this.loadImage(href);\n } else {\n _this.loadSvg(href);\n }\n\n _this.isSvg = isSvg;\n return _this;\n }\n\n _createClass(ImageElement, [{\n key: \"loadImage\",\n value: function () {\n var _loadImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(href) {\n var image;\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.prev = 0;\n _context.next = 3;\n return this.document.createImage(href);\n\n case 3:\n image = _context.sent;\n this.image = image;\n _context.next = 10;\n break;\n\n case 7:\n _context.prev = 7;\n _context.t0 = _context[\"catch\"](0);\n // tslint:disable-next-line: no-console\n console.error(\"ERROR: image \\\"\".concat(href, \"\\\" not found\"), _context.t0);\n\n case 10:\n this.loaded = true;\n\n case 11:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, this, [[0, 7]]);\n }));\n\n function loadImage(_x) {\n return _loadImage.apply(this, arguments);\n }\n\n return loadImage;\n }()\n }, {\n key: \"loadSvg\",\n value: function () {\n var _loadSvg = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(href) {\n var response, svg;\n return _regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n _context2.prev = 0;\n _context2.next = 3;\n return this.document.fetch(href);\n\n case 3:\n response = _context2.sent;\n _context2.next = 6;\n return response.text();\n\n case 6:\n svg = _context2.sent;\n this.image = svg;\n _context2.next = 13;\n break;\n\n case 10:\n _context2.prev = 10;\n _context2.t0 = _context2[\"catch\"](0);\n // tslint:disable-next-line: no-console\n console.error(\"ERROR: image \\\"\".concat(href, \"\\\" not found\"), _context2.t0);\n\n case 13:\n this.loaded = true;\n\n case 14:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2, this, [[0, 10]]);\n }));\n\n function loadSvg(_x2) {\n return _loadSvg.apply(this, arguments);\n }\n\n return loadSvg;\n }()\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n var document = this.document;\n var x = this.getAttribute('x').getPixels('x');\n var y = this.getAttribute('y').getPixels('y');\n var width = this.getAttribute('width').getPixels('x');\n var height = this.getAttribute('height').getPixels('y');\n\n if (!width || !height) {\n return;\n }\n\n ctx.save();\n\n if (this.isSvg) {\n document.canvg.forkString(ctx, this.image, {\n ignoreMouse: true,\n ignoreAnimation: true,\n ignoreDimensions: true,\n ignoreClear: true,\n offsetX: x,\n offsetY: y,\n scaleWidth: width,\n scaleHeight: height\n }).render();\n } else {\n var image = this.image;\n ctx.translate(x, y);\n document.setViewBox({\n ctx: ctx,\n aspectRatio: this.getAttribute('preserveAspectRatio').getString(),\n width: width,\n desiredWidth: image.width,\n height: height,\n desiredHeight: image.height\n });\n\n if (this.loaded) {\n if (typeof image.complete === 'undefined' || image.complete) {\n ctx.drawImage(image, 0, 0);\n }\n }\n }\n\n ctx.restore();\n }\n }, {\n key: \"getBoundingBox\",\n value: function getBoundingBox() {\n var x = this.getAttribute('x').getPixels('x');\n var y = this.getAttribute('y').getPixels('y');\n var width = this.getAttribute('width').getPixels('x');\n var height = this.getAttribute('height').getPixels('y');\n return new BoundingBox(x, y, x + width, y + height);\n }\n }]);\n\n return ImageElement;\n}(RenderedElement);\n\nfunction _createSuper$z(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$z()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$z() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar SymbolElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(SymbolElement, _RenderedElement);\n\n var _super = _createSuper$z(SymbolElement);\n\n function SymbolElement() {\n var _this;\n\n _classCallCheck(this, SymbolElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'symbol';\n return _this;\n }\n\n _createClass(SymbolElement, [{\n key: \"render\",\n value: function render(_) {// NO RENDER\n }\n }]);\n\n return SymbolElement;\n}(RenderedElement);\n\nvar SVGFontLoader = /*#__PURE__*/function () {\n function SVGFontLoader(document) {\n _classCallCheck(this, SVGFontLoader);\n\n this.document = document;\n this.loaded = false;\n document.fonts.push(this);\n }\n\n _createClass(SVGFontLoader, [{\n key: \"load\",\n value: function () {\n var _load = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fontFamily, url) {\n var document, svgDocument, fonts;\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.prev = 0;\n document = this.document;\n _context.next = 4;\n return document.canvg.parser.load(url);\n\n case 4:\n svgDocument = _context.sent;\n fonts = svgDocument.getElementsByTagName('font');\n Array.from(fonts).forEach(function (fontNode) {\n var font = document.createElement(fontNode);\n document.definitions[fontFamily] = font;\n });\n _context.next = 12;\n break;\n\n case 9:\n _context.prev = 9;\n _context.t0 = _context[\"catch\"](0);\n // tslint:disable-next-line: no-console\n console.error(\"ERROR: font \\\"\".concat(url, \"\\\" not found\"), _context.t0);\n\n case 12:\n this.loaded = true;\n\n case 13:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, this, [[0, 9]]);\n }));\n\n function load(_x, _x2) {\n return _load.apply(this, arguments);\n }\n\n return load;\n }()\n }]);\n\n return SVGFontLoader;\n}();\n\nfunction _createSuper$A(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$A()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$A() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar StyleElement = /*#__PURE__*/function (_Element) {\n _inherits(StyleElement, _Element);\n\n var _super = _createSuper$A(StyleElement);\n\n function StyleElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, StyleElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'style';\n var css = compressSpaces(Array.from(node.childNodes).map(function (_) {\n return _.data;\n }).join('').replace(/(\\/\\*([^*]|[\\r\\n]|(\\*+([^*\\/]|[\\r\\n])))*\\*+\\/)|(^[\\s]*\\/\\/.*)/gm, '') // remove comments;\n );\n var cssDefs = css.split('}');\n cssDefs.forEach(function (_) {\n var def = _.trim();\n\n if (!def) {\n return;\n }\n\n var cssParts = def.split('{');\n var cssClasses = cssParts[0].split(',');\n var cssProps = cssParts[1].split(';');\n cssClasses.forEach(function (_) {\n var cssClass = _.trim();\n\n if (!cssClass) {\n return;\n }\n\n var props = document.styles[cssClass] || {};\n cssProps.forEach(function (cssProp) {\n var prop = cssProp.indexOf(':');\n var name = cssProp.substr(0, prop).trim();\n var value = cssProp.substr(prop + 1, cssProp.length - prop).trim();\n\n if (name && value) {\n props[name] = new Property(document, name, value);\n }\n });\n document.styles[cssClass] = props;\n document.stylesSpecificity[cssClass] = getSelectorSpecificity(cssClass);\n\n if (cssClass === '@font-face') {\n // && !nodeEnv\n var fontFamily = props['font-family'].getString().replace(/\"|'/g, '');\n var srcs = props.src.getString().split(',');\n srcs.forEach(function (src) {\n if (src.indexOf('format(\"svg\")') > 0) {\n var url = parseExternalUrl(src);\n\n if (url) {\n new SVGFontLoader(document).load(fontFamily, url);\n }\n }\n });\n }\n });\n });\n return _this;\n }\n\n return StyleElement;\n}(Element);\nStyleElement.parseExternalUrl = parseExternalUrl;\n\nfunction _createSuper$B(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$B()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$B() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar UseElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(UseElement, _RenderedElement);\n\n var _super = _createSuper$B(UseElement);\n\n function UseElement() {\n var _this;\n\n _classCallCheck(this, UseElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'use';\n return _this;\n }\n\n _createClass(UseElement, [{\n key: \"setContext\",\n value: function setContext(ctx) {\n _get(_getPrototypeOf(UseElement.prototype), \"setContext\", this).call(this, ctx);\n\n var xAttr = this.getAttribute('x');\n var yAttr = this.getAttribute('y');\n\n if (xAttr.hasValue()) {\n ctx.translate(xAttr.getPixels('x'), 0);\n }\n\n if (yAttr.hasValue()) {\n ctx.translate(0, yAttr.getPixels('y'));\n }\n }\n }, {\n key: \"path\",\n value: function path(ctx) {\n var element = this.element;\n\n if (element) {\n element.path(ctx);\n }\n }\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n var document = this.document,\n element = this.element;\n\n if (element) {\n var tempSvg = element;\n\n if (element.type === 'symbol') {\n // render me using a temporary svg element in symbol cases (http://www.w3.org/TR/SVG/struct.html#UseElement)\n tempSvg = new SVGElement(document, null);\n tempSvg.attributes.viewBox = new Property(document, 'viewBox', element.getAttribute('viewBox').getString());\n tempSvg.attributes.preserveAspectRatio = new Property(document, 'preserveAspectRatio', element.getAttribute('preserveAspectRatio').getString());\n tempSvg.attributes.overflow = new Property(document, 'overflow', element.getAttribute('overflow').getString());\n tempSvg.children = element.children;\n }\n\n if (tempSvg.type === 'svg') {\n var widthAttr = this.getAttribute('width');\n var heightAttr = this.getAttribute('height'); // if symbol or svg, inherit width/height from me\n\n if (widthAttr.hasValue()) {\n tempSvg.attributes.width = new Property(document, 'width', this.getAttribute('width').getString());\n }\n\n if (heightAttr.hasValue()) {\n tempSvg.attributes.height = new Property(document, 'height', heightAttr.getString());\n }\n }\n\n var oldParent = tempSvg.parent;\n tempSvg.parent = null;\n tempSvg.render(ctx);\n tempSvg.parent = oldParent;\n }\n }\n }, {\n key: \"getBoundingBox\",\n value: function getBoundingBox(ctx) {\n var element = this.element;\n\n if (element) {\n return element.getBoundingBox(ctx);\n }\n\n return null;\n }\n }, {\n key: \"elementTransform\",\n value: function elementTransform() {\n var document = this.document,\n element = this.element;\n return Transform.fromElement(document, element);\n }\n }, {\n key: \"element\",\n get: function get() {\n if (!this._element) {\n this._element = this.getHrefAttribute().getDefinition();\n }\n\n return this._element;\n }\n }]);\n\n return UseElement;\n}(RenderedElement);\n\nfunction _createSuper$C(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$C()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$C() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction imGet(img, x, y, width, _, rgba) {\n return img[y * width * 4 + x * 4 + rgba];\n}\n\nfunction imSet(img, x, y, width, _, rgba, val) {\n img[y * width * 4 + x * 4 + rgba] = val;\n}\n\nfunction m(matrix, i, v) {\n var mi = matrix[i];\n return mi * (mi < 0 ? v - 255 : v);\n}\n\nfunction c(a, m1, m2, m3) {\n return m1 + Math.cos(a) * m2 + Math.sin(a) * m3;\n}\n\nvar FeColorMatrixElement = /*#__PURE__*/function (_Element) {\n _inherits(FeColorMatrixElement, _Element);\n\n var _super = _createSuper$C(FeColorMatrixElement);\n\n function FeColorMatrixElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, FeColorMatrixElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'feColorMatrix';\n var matrix = toNumbers(_this.getAttribute('values').getString());\n\n switch (_this.getAttribute('type').getString('matrix')) {\n // http://www.w3.org/TR/SVG/filters.html#feColorMatrixElement\n case 'saturate':\n {\n var s = matrix[0];\n matrix = [0.213 + 0.787 * s, 0.715 - 0.715 * s, 0.072 - 0.072 * s, 0, 0, 0.213 - 0.213 * s, 0.715 + 0.285 * s, 0.072 - 0.072 * s, 0, 0, 0.213 - 0.213 * s, 0.715 - 0.715 * s, 0.072 + 0.928 * s, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1];\n break;\n }\n\n case 'hueRotate':\n {\n var a = matrix[0] * Math.PI / 180.0;\n matrix = [c(a, 0.213, 0.787, -0.213), c(a, 0.715, -0.715, -0.715), c(a, 0.072, -0.072, 0.928), 0, 0, c(a, 0.213, -0.213, 0.143), c(a, 0.715, 0.285, 0.140), c(a, 0.072, -0.072, -0.283), 0, 0, c(a, 0.213, -0.213, -0.787), c(a, 0.715, -0.715, 0.715), c(a, 0.072, 0.928, 0.072), 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1];\n break;\n }\n\n case 'luminanceToAlpha':\n matrix = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.2125, 0.7154, 0.0721, 0, 0, 0, 0, 0, 0, 1];\n break;\n }\n\n _this.matrix = matrix;\n _this.includeOpacity = _this.getAttribute('includeOpacity').hasValue();\n return _this;\n }\n\n _createClass(FeColorMatrixElement, [{\n key: \"apply\",\n value: function apply(ctx, _, __, width, height) {\n // assuming x==0 && y==0 for now\n var includeOpacity = this.includeOpacity,\n matrix = this.matrix;\n var srcData = ctx.getImageData(0, 0, width, height);\n\n for (var y = 0; y < height; y++) {\n for (var x = 0; x < width; x++) {\n var r = imGet(srcData.data, x, y, width, height, 0);\n var g = imGet(srcData.data, x, y, width, height, 1);\n var b = imGet(srcData.data, x, y, width, height, 2);\n var a = imGet(srcData.data, x, y, width, height, 3);\n var nr = m(matrix, 0, r) + m(matrix, 1, g) + m(matrix, 2, b) + m(matrix, 3, a) + m(matrix, 4, 1);\n var ng = m(matrix, 5, r) + m(matrix, 6, g) + m(matrix, 7, b) + m(matrix, 8, a) + m(matrix, 9, 1);\n var nb = m(matrix, 10, r) + m(matrix, 11, g) + m(matrix, 12, b) + m(matrix, 13, a) + m(matrix, 14, 1);\n var na = m(matrix, 15, r) + m(matrix, 16, g) + m(matrix, 17, b) + m(matrix, 18, a) + m(matrix, 19, 1);\n\n if (includeOpacity) {\n nr = ng = nb = 0;\n na *= a / 255;\n }\n\n imSet(srcData.data, x, y, width, height, 0, nr);\n imSet(srcData.data, x, y, width, height, 1, ng);\n imSet(srcData.data, x, y, width, height, 2, nb);\n imSet(srcData.data, x, y, width, height, 3, na);\n }\n }\n\n ctx.clearRect(0, 0, width, height);\n ctx.putImageData(srcData, 0, 0);\n }\n }]);\n\n return FeColorMatrixElement;\n}(Element);\n\nfunction _createSuper$D(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$D()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$D() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar MaskElement = /*#__PURE__*/function (_Element) {\n _inherits(MaskElement, _Element);\n\n var _super = _createSuper$D(MaskElement);\n\n function MaskElement() {\n var _this;\n\n _classCallCheck(this, MaskElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'mask';\n return _this;\n }\n\n _createClass(MaskElement, [{\n key: \"apply\",\n value: function apply(ctx, element) {\n var document = this.document; // render as temp svg\n\n var x = this.getAttribute('x').getPixels('x');\n var y = this.getAttribute('y').getPixels('y');\n var width = this.getAttribute('width').getPixels('x');\n var height = this.getAttribute('height').getPixels('y');\n\n if (!width && !height) {\n var boundingBox = new BoundingBox();\n this.children.forEach(function (child) {\n boundingBox.addBoundingBox(child.getBoundingBox(ctx));\n });\n x = Math.floor(boundingBox.x1);\n y = Math.floor(boundingBox.y1);\n width = Math.floor(boundingBox.width);\n height = Math.floor(boundingBox.height);\n } // temporarily remove mask to avoid recursion\n\n\n var mask = element.getStyle('mask').getString();\n element.getStyle('mask').setValue('');\n var cMask = document.createCanvas(x + width, y + height);\n var maskCtx = cMask.getContext('2d');\n document.screen.setDefaults(maskCtx);\n this.renderChildren(maskCtx); // convert mask to alpha with a fake node\n // TODO: refactor out apply from feColorMatrix\n\n var cm = new FeColorMatrixElement(document, {\n nodeType: 1,\n childNodes: [],\n attributes: [{\n nodeName: 'type',\n value: 'luminanceToAlpha'\n }, {\n nodeName: 'includeOpacity',\n value: 'true'\n }]\n });\n cm.apply(maskCtx, 0, 0, x + width, y + height);\n var c = document.createCanvas(x + width, y + height);\n var tempCtx = c.getContext('2d');\n document.screen.setDefaults(tempCtx);\n element.render(tempCtx);\n tempCtx.globalCompositeOperation = 'destination-in';\n tempCtx.fillStyle = maskCtx.createPattern(cMask, 'no-repeat');\n tempCtx.fillRect(0, 0, x + width, y + height);\n ctx.fillStyle = tempCtx.createPattern(c, 'no-repeat');\n ctx.fillRect(0, 0, x + width, y + height); // reassign mask\n\n element.getStyle('mask').setValue(mask);\n }\n }, {\n key: \"render\",\n value: function render(_) {// NO RENDER\n }\n }]);\n\n return MaskElement;\n}(Element);\n\nfunction _createSuper$E(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$E()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$E() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar noop = function noop() {};\n\nvar ClipPathElement = /*#__PURE__*/function (_Element) {\n _inherits(ClipPathElement, _Element);\n\n var _super = _createSuper$E(ClipPathElement);\n\n function ClipPathElement() {\n var _this;\n\n _classCallCheck(this, ClipPathElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'clipPath';\n return _this;\n }\n\n _createClass(ClipPathElement, [{\n key: \"apply\",\n value: function apply(ctx) {\n var document = this.document;\n var contextProto = Reflect.getPrototypeOf(ctx);\n var beginPath = ctx.beginPath,\n closePath = ctx.closePath;\n\n if (contextProto) {\n contextProto.beginPath = noop;\n contextProto.closePath = noop;\n }\n\n Reflect.apply(beginPath, ctx, []);\n this.children.forEach(function (child) {\n if (typeof child.path === 'undefined') {\n return;\n }\n\n var transform = typeof child.elementTransform !== 'undefined' ? child.elementTransform() : null; // handle \n\n if (!transform) {\n transform = Transform.fromElement(document, child);\n }\n\n if (transform) {\n transform.apply(ctx);\n }\n\n child.path(ctx);\n\n if (contextProto) {\n contextProto.closePath = closePath;\n }\n\n if (transform) {\n transform.unapply(ctx);\n }\n });\n Reflect.apply(closePath, ctx, []);\n ctx.clip();\n\n if (contextProto) {\n contextProto.beginPath = beginPath;\n contextProto.closePath = closePath;\n }\n }\n }, {\n key: \"render\",\n value: function render(_) {// NO RENDER\n }\n }]);\n\n return ClipPathElement;\n}(Element);\n\nfunction _createSuper$F(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$F()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$F() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FilterElement = /*#__PURE__*/function (_Element) {\n _inherits(FilterElement, _Element);\n\n var _super = _createSuper$F(FilterElement);\n\n function FilterElement() {\n var _this;\n\n _classCallCheck(this, FilterElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'filter';\n return _this;\n }\n\n _createClass(FilterElement, [{\n key: \"apply\",\n value: function apply(ctx, element) {\n // render as temp svg\n var document = this.document;\n var boundingBox = element.getBoundingBox(ctx);\n var x = Math.floor(boundingBox.x1);\n var y = Math.floor(boundingBox.y1);\n var width = Math.floor(boundingBox.width);\n var height = Math.floor(boundingBox.height); // temporarily remove filter to avoid recursion\n\n var filter = element.getStyle('filter').getString();\n element.getStyle('filter').setValue('');\n var px = 0;\n var py = 0;\n this.children.forEach(function (child) {\n var efd = child.extraFilterDistance || 0;\n px = Math.max(px, efd);\n py = Math.max(py, efd);\n });\n var tmpCanvas = document.createCanvas(width + 2 * px, height + 2 * py);\n var tmpCtx = tmpCanvas.getContext('2d');\n document.screen.setDefaults(tmpCtx);\n tmpCtx.translate(-x + px, -y + py);\n element.render(tmpCtx); // apply filters\n\n this.children.forEach(function (child) {\n if (typeof child.apply === 'function') {\n child.apply(tmpCtx, 0, 0, width + 2 * px, height + 2 * py);\n }\n }); // render on me\n\n ctx.drawImage(tmpCanvas, 0, 0, width + 2 * px, height + 2 * py, x - px, y - py, width + 2 * px, height + 2 * py); // reassign filter\n\n element.getStyle('filter', true).setValue(filter);\n }\n }, {\n key: \"render\",\n value: function render(_) {// NO RENDER\n }\n }]);\n\n return FilterElement;\n}(Element);\n\nfunction _createSuper$G(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$G()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$G() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FeDropShadowElement = /*#__PURE__*/function (_Element) {\n _inherits(FeDropShadowElement, _Element);\n\n var _super = _createSuper$G(FeDropShadowElement);\n\n function FeDropShadowElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, FeDropShadowElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'feDropShadow';\n\n _this.addStylesFromStyleDefinition();\n\n return _this;\n }\n\n _createClass(FeDropShadowElement, [{\n key: \"apply\",\n value: function apply(_, __, ___, ____, _____) {// TODO: implement\n }\n }]);\n\n return FeDropShadowElement;\n}(Element);\n\nfunction _createSuper$H(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$H()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$H() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FeMorphologyElement = /*#__PURE__*/function (_Element) {\n _inherits(FeMorphologyElement, _Element);\n\n var _super = _createSuper$H(FeMorphologyElement);\n\n function FeMorphologyElement() {\n var _this;\n\n _classCallCheck(this, FeMorphologyElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'feMorphology';\n return _this;\n }\n\n _createClass(FeMorphologyElement, [{\n key: \"apply\",\n value: function apply(_, __, ___, ____, _____) {// TODO: implement\n }\n }]);\n\n return FeMorphologyElement;\n}(Element);\n\nfunction _createSuper$I(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$I()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$I() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FeCompositeElement = /*#__PURE__*/function (_Element) {\n _inherits(FeCompositeElement, _Element);\n\n var _super = _createSuper$I(FeCompositeElement);\n\n function FeCompositeElement() {\n var _this;\n\n _classCallCheck(this, FeCompositeElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'feComposite';\n return _this;\n }\n\n _createClass(FeCompositeElement, [{\n key: \"apply\",\n value: function apply(_, __, ___, ____, _____) {// TODO: implement\n }\n }]);\n\n return FeCompositeElement;\n}(Element);\n\nfunction _createSuper$J(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$J()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$J() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FeGaussianBlurElement = /*#__PURE__*/function (_Element) {\n _inherits(FeGaussianBlurElement, _Element);\n\n var _super = _createSuper$J(FeGaussianBlurElement);\n\n function FeGaussianBlurElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, FeGaussianBlurElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'feGaussianBlur';\n _this.blurRadius = Math.floor(_this.getAttribute('stdDeviation').getNumber());\n _this.extraFilterDistance = _this.blurRadius;\n return _this;\n }\n\n _createClass(FeGaussianBlurElement, [{\n key: \"apply\",\n value: function apply(ctx, x, y, width, height) {\n var document = this.document,\n blurRadius = this.blurRadius;\n var body = document.window ? document.window.document.body : null;\n var canvas = ctx.canvas; // StackBlur requires canvas be on document\n\n canvas.id = document.getUniqueId();\n\n if (body) {\n canvas.style.display = 'none';\n body.appendChild(canvas);\n }\n\n canvasRGBA(canvas, x, y, width, height, blurRadius);\n\n if (body) {\n body.removeChild(canvas);\n }\n }\n }]);\n\n return FeGaussianBlurElement;\n}(Element);\n\nfunction _createSuper$K(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$K()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$K() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar TitleElement = /*#__PURE__*/function (_Element) {\n _inherits(TitleElement, _Element);\n\n var _super = _createSuper$K(TitleElement);\n\n function TitleElement() {\n var _this;\n\n _classCallCheck(this, TitleElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'title';\n return _this;\n }\n\n return TitleElement;\n}(Element);\n\nfunction _createSuper$L(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$L()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$L() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar DescElement = /*#__PURE__*/function (_Element) {\n _inherits(DescElement, _Element);\n\n var _super = _createSuper$L(DescElement);\n\n function DescElement() {\n var _this;\n\n _classCallCheck(this, DescElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'desc';\n return _this;\n }\n\n return DescElement;\n}(Element);\n\nvar elementTypes = {\n 'svg': SVGElement,\n 'rect': RectElement,\n 'circle': CircleElement,\n 'ellipse': EllipseElement,\n 'line': LineElement,\n 'polyline': PolylineElement,\n 'polygon': PolygonElement,\n 'path': PathElement,\n 'pattern': PatternElement,\n 'marker': MarkerElement,\n 'defs': DefsElement,\n 'linearGradient': LinearGradientElement,\n 'radialGradient': RadialGradientElement,\n 'stop': StopElement,\n 'animate': AnimateElement,\n 'animateColor': AnimateColorElement,\n 'animateTransform': AnimateTransformElement,\n 'font': FontElement,\n 'font-face': FontFaceElement,\n 'missing-glyph': MissingGlyphElement,\n 'glyph': GlyphElement,\n 'text': TextElement,\n 'tspan': TSpanElement,\n 'tref': TRefElement,\n 'a': AElement,\n 'textPath': TextPathElement,\n 'image': ImageElement,\n 'g': GElement,\n 'symbol': SymbolElement,\n 'style': StyleElement,\n 'use': UseElement,\n 'mask': MaskElement,\n 'clipPath': ClipPathElement,\n 'filter': FilterElement,\n 'feDropShadow': FeDropShadowElement,\n 'feMorphology': FeMorphologyElement,\n 'feComposite': FeCompositeElement,\n 'feColorMatrix': FeColorMatrixElement,\n 'feGaussianBlur': FeGaussianBlurElement,\n 'title': TitleElement,\n 'desc': DescElement\n};\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction createCanvas(width, height) {\n var canvas = document.createElement('canvas');\n canvas.width = width;\n canvas.height = height;\n return canvas;\n}\n\nfunction createImage(_x) {\n return _createImage.apply(this, arguments);\n}\n\nfunction _createImage() {\n _createImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(src) {\n var image;\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n image = document.createElement('img'); // image.crossOrigin = 'Anonymous';\n\n return _context.abrupt(\"return\", new Promise(function (resolve, reject) {\n image.onload = function () {\n resolve(image);\n };\n\n image.onerror = function () {\n reject();\n };\n\n image.src = src;\n }));\n\n case 2:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee);\n }));\n return _createImage.apply(this, arguments);\n}\n\nvar Document = /*#__PURE__*/function () {\n function Document(canvg) {\n var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n _ref$rootEmSize = _ref.rootEmSize,\n rootEmSize = _ref$rootEmSize === void 0 ? 12 : _ref$rootEmSize,\n _ref$emSize = _ref.emSize,\n emSize = _ref$emSize === void 0 ? 12 : _ref$emSize,\n _ref$createCanvas = _ref.createCanvas,\n createCanvas = _ref$createCanvas === void 0 ? Document.createCanvas : _ref$createCanvas,\n _ref$createImage = _ref.createImage,\n createImage = _ref$createImage === void 0 ? Document.createImage : _ref$createImage;\n\n _classCallCheck(this, Document);\n\n this.canvg = canvg;\n this.definitions = {};\n this.styles = {};\n this.stylesSpecificity = {};\n this.images = [];\n this.fonts = [];\n this.emSizeStack = [];\n this.uniqueId = 0;\n this.screen = canvg.screen;\n this.rootEmSize = rootEmSize;\n this.emSize = emSize;\n this.createCanvas = createCanvas;\n this.createImage = createImage;\n this.screen.wait(this.isImagesLoaded.bind(this));\n this.screen.wait(this.isFontsLoaded.bind(this));\n }\n\n _createClass(Document, [{\n key: \"popEmSize\",\n value: function popEmSize() {\n var emSizeStack = this.emSizeStack;\n emSizeStack.pop();\n }\n }, {\n key: \"getUniqueId\",\n value: function getUniqueId() {\n return \"canvg\".concat(++this.uniqueId);\n }\n }, {\n key: \"isImagesLoaded\",\n value: function isImagesLoaded() {\n return this.images.every(function (_) {\n return _.loaded;\n });\n }\n }, {\n key: \"isFontsLoaded\",\n value: function isFontsLoaded() {\n return this.fonts.every(function (_) {\n return _.loaded;\n });\n }\n }, {\n key: \"createDocumentElement\",\n value: function createDocumentElement(document) {\n var documentElement = this.createElement(document.documentElement);\n documentElement.root = true;\n documentElement.addStylesFromStyleDefinition();\n this.documentElement = documentElement;\n return documentElement;\n }\n }, {\n key: \"createElement\",\n value: function createElement(node) {\n var elementType = node.nodeName.replace(/^[^:]+:/, '');\n var ElementType = Document.elementTypes[elementType];\n\n if (typeof ElementType !== 'undefined') {\n return new ElementType(this, node);\n }\n\n return new UnknownElement(this, node);\n }\n }, {\n key: \"createTextNode\",\n value: function createTextNode(node) {\n return new TextNode(this, node);\n }\n }, {\n key: \"setViewBox\",\n value: function setViewBox(config) {\n this.screen.setViewBox(_objectSpread({\n document: this\n }, config));\n }\n }, {\n key: \"window\",\n get: function get() {\n return this.screen.window;\n }\n }, {\n key: \"fetch\",\n get: function get() {\n return this.screen.fetch;\n }\n }, {\n key: \"ctx\",\n get: function get() {\n return this.screen.ctx;\n }\n }, {\n key: \"emSize\",\n get: function get() {\n var emSizeStack = this.emSizeStack;\n return emSizeStack[emSizeStack.length - 1];\n },\n set: function set(value) {\n var emSizeStack = this.emSizeStack;\n emSizeStack.push(value);\n }\n }]);\n\n return Document;\n}();\nDocument.createCanvas = createCanvas;\nDocument.createImage = createImage;\nDocument.elementTypes = elementTypes;\n\nfunction ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n/**\n * SVG renderer on canvas.\n */\n\nvar Canvg = /*#__PURE__*/function () {\n /**\n * Main constructor.\n * @param ctx - Rendering context.\n * @param svg - SVG Document.\n * @param options - Rendering options.\n */\n function Canvg(ctx, svg) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n _classCallCheck(this, Canvg);\n\n this.parser = new Parser(options);\n this.screen = new Screen(ctx, options);\n this.options = options;\n var document = new Document(this, options);\n var documentElement = document.createDocumentElement(svg);\n this.document = document;\n this.documentElement = documentElement;\n }\n /**\n * Create Canvg isntance from SVG source string or URL.\n * @param ctx - Rendering context.\n * @param svg - SVG source string or URL.\n * @param options - Rendering options.\n */\n\n\n _createClass(Canvg, [{\n key: \"fork\",\n\n /**\n * Create new Canvg instance with inherited options.\n * @param ctx - Rendering context.\n * @param svg - SVG source string or URL.\n * @param options - Rendering options.\n */\n value: function fork(ctx, svg) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n return Canvg.from(ctx, svg, _objectSpread$1({}, this.options, {}, options));\n }\n /**\n * Create new Canvg instance with inherited options.\n * @param ctx - Rendering context.\n * @param svg - SVG source string.\n * @param options - Rendering options.\n */\n\n }, {\n key: \"forkString\",\n value: function forkString(ctx, svg) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n return Canvg.fromString(ctx, svg, _objectSpread$1({}, this.options, {}, options));\n }\n /**\n * Document is ready promise.\n */\n\n }, {\n key: \"ready\",\n value: function ready() {\n return this.screen.ready();\n }\n /**\n * Document is ready value.\n */\n\n }, {\n key: \"isReady\",\n value: function isReady() {\n return this.screen.isReady();\n }\n /**\n * Render only first frame, ignoring animations and mouse.\n * @param options - Rendering options.\n */\n\n }, {\n key: \"render\",\n value: function () {\n var _render = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {\n var options,\n _args = arguments;\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n options = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};\n this.start(_objectSpread$1({\n enableRedraw: true,\n ignoreAnimation: true,\n ignoreMouse: true\n }, options));\n _context.next = 4;\n return this.ready();\n\n case 4:\n this.stop();\n\n case 5:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, this);\n }));\n\n function render() {\n return _render.apply(this, arguments);\n }\n\n return render;\n }()\n /**\n * Start rendering.\n * @param options - Render options.\n */\n\n }, {\n key: \"start\",\n value: function start() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var documentElement = this.documentElement,\n screen = this.screen,\n baseOptions = this.options;\n screen.start(documentElement, _objectSpread$1({\n enableRedraw: true\n }, baseOptions, {}, options));\n }\n /**\n * Stop rendering.\n */\n\n }, {\n key: \"stop\",\n value: function stop() {\n this.screen.stop();\n }\n /**\n * Resize SVG to fit in given size.\n * @param width\n * @param height\n * @param preserveAspectRatio\n */\n\n }, {\n key: \"resize\",\n value: function resize(width) {\n var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : width;\n var preserveAspectRatio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n this.documentElement.resize(width, height, preserveAspectRatio);\n }\n }], [{\n key: \"from\",\n value: function () {\n var _from = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(ctx, svg) {\n var options,\n parser,\n svgDocument,\n _args2 = arguments;\n return _regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n options = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : {};\n parser = new Parser(options);\n _context2.next = 4;\n return parser.parse(svg);\n\n case 4:\n svgDocument = _context2.sent;\n return _context2.abrupt(\"return\", new Canvg(ctx, svgDocument, options));\n\n case 6:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2);\n }));\n\n function from(_x, _x2) {\n return _from.apply(this, arguments);\n }\n\n return from;\n }()\n /**\n * Create Canvg isntance from SVG source string.\n * @param ctx - Rendering context.\n * @param svg - SVG source string.\n * @param options - Rendering options.\n */\n\n }, {\n key: \"fromString\",\n value: function fromString(ctx, svg) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var parser = new Parser(options);\n var svgDocument = parser.parseFromString(svg);\n return new Canvg(ctx, svgDocument, options);\n }\n }]);\n\n return Canvg;\n}();\n\n/**\n * Options preset for `OffscreenCanvas`.\n */\nfunction offscreen() {\n return {\n window: null,\n ignoreAnimation: true,\n ignoreMouse: true,\n createCanvas: function createCanvas(width, height) {\n return new OffscreenCanvas(width, height);\n },\n createImage: function createImage(url) {\n return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {\n var response, blob, img;\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return fetch(url);\n\n case 2:\n response = _context.sent;\n _context.next = 5;\n return response.blob();\n\n case 5:\n blob = _context.sent;\n _context.next = 8;\n return createImageBitmap(blob);\n\n case 8:\n img = _context.sent;\n return _context.abrupt(\"return\", img);\n\n case 10:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee);\n }))();\n }\n };\n}\n\n/**\n * Options preset for `node-canvas`.\n * @param config - Preset requirements.\n * @param config.DOMParser - XML/HTML parser from string into DOM Document.\n * @param config.canvas - `node-canvas` exports.\n * @param config.fetch - WHATWG-compatible `fetch` function.\n */\nfunction node(_ref) {\n var DOMParser = _ref.DOMParser,\n canvas = _ref.canvas,\n fetch = _ref.fetch;\n return {\n window: null,\n ignoreAnimation: true,\n ignoreMouse: true,\n DOMParser: DOMParser,\n fetch: fetch,\n createCanvas: canvas.createCanvas,\n createImage: canvas.loadImage\n };\n}\n\n\n\nvar index = /*#__PURE__*/Object.freeze({\n\t__proto__: null,\n\toffscreen: offscreen,\n\tnode: node\n});\n\nexport default Canvg;\nexport { AElement, AnimateColorElement, AnimateElement, AnimateTransformElement, BoundingBox, CB1, CB2, CB3, CB4, Canvg, CircleElement, ClipPathElement, DefsElement, DescElement, Document, Element, EllipseElement, FeColorMatrixElement, FeCompositeElement, FeDropShadowElement, FeGaussianBlurElement, FeMorphologyElement, FilterElement, Font, FontElement, FontFaceElement, GElement, GlyphElement, GradientElement, ImageElement, LineElement, LinearGradientElement, MarkerElement, MaskElement, Matrix, MissingGlyphElement, Mouse, PSEUDO_ZERO, Parser, PathElement, PathParser, PatternElement, Point, PolygonElement, PolylineElement, Property, QB1, QB2, QB3, RadialGradientElement, RectElement, RenderedElement, Rotate, SVGElement, SVGFontLoader, Scale, Screen, Skew, SkewX, SkewY, StopElement, StyleElement, SymbolElement, TRefElement, TSpanElement, TextElement, TextPathElement, TitleElement, Transform, Translate, UnknownElement, UseElement, ViewPort, compressSpaces, getSelectorSpecificity, normalizeAttributeName, parseExternalUrl, index as presets, toNumbers, trimLeft, trimRight, vectorMagnitude, vectorsAngle, vectorsRatio };\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguZXMuanMiLCJzb3VyY2VzIjpbIi4uL25vZGVfbW9kdWxlcy9yZWdlbmVyYXRvci1ydW50aW1lL3J1bnRpbWUuanMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTQtcHJlc2VudCwgRmFjZWJvb2ssIEluYy5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBNSVQgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqL1xuXG52YXIgcnVudGltZSA9IChmdW5jdGlvbiAoZXhwb3J0cykge1xuICBcInVzZSBzdHJpY3RcIjtcblxuICB2YXIgT3AgPSBPYmplY3QucHJvdG90eXBlO1xuICB2YXIgaGFzT3duID0gT3AuaGFzT3duUHJvcGVydHk7XG4gIHZhciB1bmRlZmluZWQ7IC8vIE1vcmUgY29tcHJlc3NpYmxlIHRoYW4gdm9pZCAwLlxuICB2YXIgJFN5bWJvbCA9IHR5cGVvZiBTeW1ib2wgPT09IFwiZnVuY3Rpb25cIiA/IFN5bWJvbCA6IHt9O1xuICB2YXIgaXRlcmF0b3JTeW1ib2wgPSAkU3ltYm9sLml0ZXJhdG9yIHx8IFwiQEBpdGVyYXRvclwiO1xuICB2YXIgYXN5bmNJdGVyYXRvclN5bWJvbCA9ICRTeW1ib2wuYXN5bmNJdGVyYXRvciB8fCBcIkBAYXN5bmNJdGVyYXRvclwiO1xuICB2YXIgdG9TdHJpbmdUYWdTeW1ib2wgPSAkU3ltYm9sLnRvU3RyaW5nVGFnIHx8IFwiQEB0b1N0cmluZ1RhZ1wiO1xuXG4gIGZ1bmN0aW9uIHdyYXAoaW5uZXJGbiwgb3V0ZXJGbiwgc2VsZiwgdHJ5TG9jc0xpc3QpIHtcbiAgICAvLyBJZiBvdXRlckZuIHByb3ZpZGVkIGFuZCBvdXRlckZuLnByb3RvdHlwZSBpcyBhIEdlbmVyYXRvciwgdGhlbiBvdXRlckZuLnByb3RvdHlwZSBpbnN0YW5jZW9mIEdlbmVyYXRvci5cbiAgICB2YXIgcHJvdG9HZW5lcmF0b3IgPSBvdXRlckZuICYmIG91dGVyRm4ucHJvdG90eXBlIGluc3RhbmNlb2YgR2VuZXJhdG9yID8gb3V0ZXJGbiA6IEdlbmVyYXRvcjtcbiAgICB2YXIgZ2VuZXJhdG9yID0gT2JqZWN0LmNyZWF0ZShwcm90b0dlbmVyYXRvci5wcm90b3R5cGUpO1xuICAgIHZhciBjb250ZXh0ID0gbmV3IENvbnRleHQodHJ5TG9jc0xpc3QgfHwgW10pO1xuXG4gICAgLy8gVGhlIC5faW52b2tlIG1ldGhvZCB1bmlmaWVzIHRoZSBpbXBsZW1lbnRhdGlvbnMgb2YgdGhlIC5uZXh0LFxuICAgIC8vIC50aHJvdywgYW5kIC5yZXR1cm4gbWV0aG9kcy5cbiAgICBnZW5lcmF0b3IuX2ludm9rZSA9IG1ha2VJbnZva2VNZXRob2QoaW5uZXJGbiwgc2VsZiwgY29udGV4dCk7XG5cbiAgICByZXR1cm4gZ2VuZXJhdG9yO1xuICB9XG4gIGV4cG9ydHMud3JhcCA9IHdyYXA7XG5cbiAgLy8gVHJ5L2NhdGNoIGhlbHBlciB0byBtaW5pbWl6ZSBkZW9wdGltaXphdGlvbnMuIFJldHVybnMgYSBjb21wbGV0aW9uXG4gIC8vIHJlY29yZCBsaWtlIGNvbnRleHQudHJ5RW50cmllc1tpXS5jb21wbGV0aW9uLiBUaGlzIGludGVyZmFjZSBjb3VsZFxuICAvLyBoYXZlIGJlZW4gKGFuZCB3YXMgcHJldmlvdXNseSkgZGVzaWduZWQgdG8gdGFrZSBhIGNsb3N1cmUgdG8gYmVcbiAgLy8gaW52b2tlZCB3aXRob3V0IGFyZ3VtZW50cywgYnV0IGluIGFsbCB0aGUgY2FzZXMgd2UgY2FyZSBhYm91dCB3ZVxuICAvLyBhbHJlYWR5IGhhdmUgYW4gZXhpc3RpbmcgbWV0aG9kIHdlIHdhbnQgdG8gY2FsbCwgc28gdGhlcmUncyBubyBuZWVkXG4gIC8vIHRvIGNyZWF0ZSBhIG5ldyBmdW5jdGlvbiBvYmplY3QuIFdlIGNhbiBldmVuIGdldCBhd2F5IHdpdGggYXNzdW1pbmdcbiAgLy8gdGhlIG1ldGhvZCB0YWtlcyBleGFjdGx5IG9uZSBhcmd1bWVudCwgc2luY2UgdGhhdCBoYXBwZW5zIHRvIGJlIHRydWVcbiAgLy8gaW4gZXZlcnkgY2FzZSwgc28gd2UgZG9uJ3QgaGF2ZSB0byB0b3VjaCB0aGUgYXJndW1lbnRzIG9iamVjdC4gVGhlXG4gIC8vIG9ubHkgYWRkaXRpb25hbCBhbGxvY2F0aW9uIHJlcXVpcmVkIGlzIHRoZSBjb21wbGV0aW9uIHJlY29yZCwgd2hpY2hcbiAgLy8gaGFzIGEgc3RhYmxlIHNoYXBlIGFuZCBzbyBob3BlZnVsbHkgc2hvdWxkIGJlIGNoZWFwIHRvIGFsbG9jYXRlLlxuICBmdW5jdGlvbiB0cnlDYXRjaChmbiwgb2JqLCBhcmcpIHtcbiAgICB0cnkge1xuICAgICAgcmV0dXJuIHsgdHlwZTogXCJub3JtYWxcIiwgYXJnOiBmbi5jYWxsKG9iaiwgYXJnKSB9O1xuICAgIH0gY2F0Y2ggKGVycikge1xuICAgICAgcmV0dXJuIHsgdHlwZTogXCJ0aHJvd1wiLCBhcmc6IGVyciB9O1xuICAgIH1cbiAgfVxuXG4gIHZhciBHZW5TdGF0ZVN1c3BlbmRlZFN0YXJ0ID0gXCJzdXNwZW5kZWRTdGFydFwiO1xuICB2YXIgR2VuU3RhdGVTdXNwZW5kZWRZaWVsZCA9IFwic3VzcGVuZGVkWWllbGRcIjtcbiAgdmFyIEdlblN0YXRlRXhlY3V0aW5nID0gXCJleGVjdXRpbmdcIjtcbiAgdmFyIEdlblN0YXRlQ29tcGxldGVkID0gXCJjb21wbGV0ZWRcIjtcblxuICAvLyBSZXR1cm5pbmcgdGhpcyBvYmplY3QgZnJvbSB0aGUgaW5uZXJGbiBoYXMgdGhlIHNhbWUgZWZmZWN0IGFzXG4gIC8vIGJyZWFraW5nIG91dCBvZiB0aGUgZGlzcGF0Y2ggc3dpdGNoIHN0YXRlbWVudC5cbiAgdmFyIENvbnRpbnVlU2VudGluZWwgPSB7fTtcblxuICAvLyBEdW1teSBjb25zdHJ1Y3RvciBmdW5jdGlvbnMgdGhhdCB3ZSB1c2UgYXMgdGhlIC5jb25zdHJ1Y3RvciBhbmRcbiAgLy8gLmNvbnN0cnVjdG9yLnByb3RvdHlwZSBwcm9wZXJ0aWVzIGZvciBmdW5jdGlvbnMgdGhhdCByZXR1cm4gR2VuZXJhdG9yXG4gIC8vIG9iamVjdHMuIEZvciBmdWxsIHNwZWMgY29tcGxpYW5jZSwgeW91IG1heSB3aXNoIHRvIGNvbmZpZ3VyZSB5b3VyXG4gIC8vIG1pbmlmaWVyIG5vdCB0byBtYW5nbGUgdGhlIG5hbWVzIG9mIHRoZXNlIHR3byBmdW5jdGlvbnMuXG4gIGZ1bmN0aW9uIEdlbmVyYXRvcigpIHt9XG4gIGZ1bmN0aW9uIEdlbmVyYXRvckZ1bmN0aW9uKCkge31cbiAgZnVuY3Rpb24gR2VuZXJhdG9yRnVuY3Rpb25Qcm90b3R5cGUoKSB7fVxuXG4gIC8vIFRoaXMgaXMgYSBwb2x5ZmlsbCBmb3IgJUl0ZXJhdG9yUHJvdG90eXBlJSBmb3IgZW52aXJvbm1lbnRzIHRoYXRcbiAgLy8gZG9uJ3QgbmF0aXZlbHkgc3VwcG9ydCBpdC5cbiAgdmFyIEl0ZXJhdG9yUHJvdG90eXBlID0ge307XG4gIEl0ZXJhdG9yUHJvdG90eXBlW2l0ZXJhdG9yU3ltYm9sXSA9IGZ1bmN0aW9uICgpIHtcbiAgICByZXR1cm4gdGhpcztcbiAgfTtcblxuICB2YXIgZ2V0UHJvdG8gPSBPYmplY3QuZ2V0UHJvdG90eXBlT2Y7XG4gIHZhciBOYXRpdmVJdGVyYXRvclByb3RvdHlwZSA9IGdldFByb3RvICYmIGdldFByb3RvKGdldFByb3RvKHZhbHVlcyhbXSkpKTtcbiAgaWYgKE5hdGl2ZUl0ZXJhdG9yUHJvdG90eXBlICYmXG4gICAgICBOYXRpdmVJdGVyYXRvclByb3RvdHlwZSAhPT0gT3AgJiZcbiAgICAgIGhhc093bi5jYWxsKE5hdGl2ZUl0ZXJhdG9yUHJvdG90eXBlLCBpdGVyYXRvclN5bWJvbCkpIHtcbiAgICAvLyBUaGlzIGVudmlyb25tZW50IGhhcyBhIG5hdGl2ZSAlSXRlcmF0b3JQcm90b3R5cGUlOyB1c2UgaXQgaW5zdGVhZFxuICAgIC8vIG9mIHRoZSBwb2x5ZmlsbC5cbiAgICBJdGVyYXRvclByb3RvdHlwZSA9IE5hdGl2ZUl0ZXJhdG9yUHJvdG90eXBlO1xuICB9XG5cbiAgdmFyIEdwID0gR2VuZXJhdG9yRnVuY3Rpb25Qcm90b3R5cGUucHJvdG90eXBlID1cbiAgICBHZW5lcmF0b3IucHJvdG90eXBlID0gT2JqZWN0LmNyZWF0ZShJdGVyYXRvclByb3RvdHlwZSk7XG4gIEdlbmVyYXRvckZ1bmN0aW9uLnByb3RvdHlwZSA9IEdwLmNvbnN0cnVjdG9yID0gR2VuZXJhdG9yRnVuY3Rpb25Qcm90b3R5cGU7XG4gIEdlbmVyYXRvckZ1bmN0aW9uUHJvdG90eXBlLmNvbnN0cnVjdG9yID0gR2VuZXJhdG9yRnVuY3Rpb247XG4gIEdlbmVyYXRvckZ1bmN0aW9uUHJvdG90eXBlW3RvU3RyaW5nVGFnU3ltYm9sXSA9XG4gICAgR2VuZXJhdG9yRnVuY3Rpb24uZGlzcGxheU5hbWUgPSBcIkdlbmVyYXRvckZ1bmN0aW9uXCI7XG5cbiAgLy8gSGVscGVyIGZvciBkZWZpbmluZyB0aGUgLm5leHQsIC50aHJvdywgYW5kIC5yZXR1cm4gbWV0aG9kcyBvZiB0aGVcbiAgLy8gSXRlcmF0b3IgaW50ZXJmYWNlIGluIHRlcm1zIG9mIGEgc2luZ2xlIC5faW52b2tlIG1ldGhvZC5cbiAgZnVuY3Rpb24gZGVmaW5lSXRlcmF0b3JNZXRob2RzKHByb3RvdHlwZSkge1xuICAgIFtcIm5leHRcIiwgXCJ0aHJvd1wiLCBcInJldHVyblwiXS5mb3JFYWNoKGZ1bmN0aW9uKG1ldGhvZCkge1xuICAgICAgcHJvdG90eXBlW21ldGhvZF0gPSBmdW5jdGlvbihhcmcpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2ludm9rZShtZXRob2QsIGFyZyk7XG4gICAgICB9O1xuICAgIH0pO1xuICB9XG5cbiAgZXhwb3J0cy5pc0dlbmVyYXRvckZ1bmN0aW9uID0gZnVuY3Rpb24oZ2VuRnVuKSB7XG4gICAgdmFyIGN0b3IgPSB0eXBlb2YgZ2VuRnVuID09PSBcImZ1bmN0aW9uXCIgJiYgZ2VuRnVuLmNvbnN0cnVjdG9yO1xuICAgIHJldHVybiBjdG9yXG4gICAgICA/IGN0b3IgPT09IEdlbmVyYXRvckZ1bmN0aW9uIHx8XG4gICAgICAgIC8vIEZvciB0aGUgbmF0aXZlIEdlbmVyYXRvckZ1bmN0aW9uIGNvbnN0cnVjdG9yLCB0aGUgYmVzdCB3ZSBjYW5cbiAgICAgICAgLy8gZG8gaXMgdG8gY2hlY2sgaXRzIC5uYW1lIHByb3BlcnR5LlxuICAgICAgICAoY3Rvci5kaXNwbGF5TmFtZSB8fCBjdG9yLm5hbWUpID09PSBcIkdlbmVyYXRvckZ1bmN0aW9uXCJcbiAgICAgIDogZmFsc2U7XG4gIH07XG5cbiAgZXhwb3J0cy5tYXJrID0gZnVuY3Rpb24oZ2VuRnVuKSB7XG4gICAgaWYgKE9iamVjdC5zZXRQcm90b3R5cGVPZikge1xuICAgICAgT2JqZWN0LnNldFByb3RvdHlwZU9mKGdlbkZ1biwgR2VuZXJhdG9yRnVuY3Rpb25Qcm90b3R5cGUpO1xuICAgIH0gZWxzZSB7XG4gICAgICBnZW5GdW4uX19wcm90b19fID0gR2VuZXJhdG9yRnVuY3Rpb25Qcm90b3R5cGU7XG4gICAgICBpZiAoISh0b1N0cmluZ1RhZ1N5bWJvbCBpbiBnZW5GdW4pKSB7XG4gICAgICAgIGdlbkZ1blt0b1N0cmluZ1RhZ1N5bWJvbF0gPSBcIkdlbmVyYXRvckZ1bmN0aW9uXCI7XG4gICAgICB9XG4gICAgfVxuICAgIGdlbkZ1bi5wcm90b3R5cGUgPSBPYmplY3QuY3JlYXRlKEdwKTtcbiAgICByZXR1cm4gZ2VuRnVuO1xuICB9O1xuXG4gIC8vIFdpdGhpbiB0aGUgYm9keSBvZiBhbnkgYXN5bmMgZnVuY3Rpb24sIGBhd2FpdCB4YCBpcyB0cmFuc2Zvcm1lZCB0b1xuICAvLyBgeWllbGQgcmVnZW5lcmF0b3JSdW50aW1lLmF3cmFwKHgpYCwgc28gdGhhdCB0aGUgcnVudGltZSBjYW4gdGVzdFxuICAvLyBgaGFzT3duLmNhbGwodmFsdWUsIFwiX19hd2FpdFwiKWAgdG8gZGV0ZXJtaW5lIGlmIHRoZSB5aWVsZGVkIHZhbHVlIGlzXG4gIC8vIG1lYW50IHRvIGJlIGF3YWl0ZWQuXG4gIGV4cG9ydHMuYXdyYXAgPSBmdW5jdGlvbihhcmcpIHtcbiAgICByZXR1cm4geyBfX2F3YWl0OiBhcmcgfTtcbiAgfTtcblxuICBmdW5jdGlvbiBBc3luY0l0ZXJhdG9yKGdlbmVyYXRvciwgUHJvbWlzZUltcGwpIHtcbiAgICBmdW5jdGlvbiBpbnZva2UobWV0aG9kLCBhcmcsIHJlc29sdmUsIHJlamVjdCkge1xuICAgICAgdmFyIHJlY29yZCA9IHRyeUNhdGNoKGdlbmVyYXRvclttZXRob2RdLCBnZW5lcmF0b3IsIGFyZyk7XG4gICAgICBpZiAocmVjb3JkLnR5cGUgPT09IFwidGhyb3dcIikge1xuICAgICAgICByZWplY3QocmVjb3JkLmFyZyk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB2YXIgcmVzdWx0ID0gcmVjb3JkLmFyZztcbiAgICAgICAgdmFyIHZhbHVlID0gcmVzdWx0LnZhbHVlO1xuICAgICAgICBpZiAodmFsdWUgJiZcbiAgICAgICAgICAgIHR5cGVvZiB2YWx1ZSA9PT0gXCJvYmplY3RcIiAmJlxuICAgICAgICAgICAgaGFzT3duLmNhbGwodmFsdWUsIFwiX19hd2FpdFwiKSkge1xuICAgICAgICAgIHJldHVybiBQcm9taXNlSW1wbC5yZXNvbHZlKHZhbHVlLl9fYXdhaXQpLnRoZW4oZnVuY3Rpb24odmFsdWUpIHtcbiAgICAgICAgICAgIGludm9rZShcIm5leHRcIiwgdmFsdWUsIHJlc29sdmUsIHJlamVjdCk7XG4gICAgICAgICAgfSwgZnVuY3Rpb24oZXJyKSB7XG4gICAgICAgICAgICBpbnZva2UoXCJ0aHJvd1wiLCBlcnIsIHJlc29sdmUsIHJlamVjdCk7XG4gICAgICAgICAgfSk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gUHJvbWlzZUltcGwucmVzb2x2ZSh2YWx1ZSkudGhlbihmdW5jdGlvbih1bndyYXBwZWQpIHtcbiAgICAgICAgICAvLyBXaGVuIGEgeWllbGRlZCBQcm9taXNlIGlzIHJlc29sdmVkLCBpdHMgZmluYWwgdmFsdWUgYmVjb21lc1xuICAgICAgICAgIC8vIHRoZSAudmFsdWUgb2YgdGhlIFByb21pc2U8e3ZhbHVlLGRvbmV9PiByZXN1bHQgZm9yIHRoZVxuICAgICAgICAgIC8vIGN1cnJlbnQgaXRlcmF0aW9uLlxuICAgICAgICAgIHJlc3VsdC52YWx1ZSA9IHVud3JhcHBlZDtcbiAgICAgICAgICByZXNvbHZlKHJlc3VsdCk7XG4gICAgICAgIH0sIGZ1bmN0aW9uKGVycm9yKSB7XG4gICAgICAgICAgLy8gSWYgYSByZWplY3RlZCBQcm9taXNlIHdhcyB5aWVsZGVkLCB0aHJvdyB0aGUgcmVqZWN0aW9uIGJhY2tcbiAgICAgICAgICAvLyBpbnRvIHRoZSBhc3luYyBnZW5lcmF0b3IgZnVuY3Rpb24gc28gaXQgY2FuIGJlIGhhbmRsZWQgdGhlcmUuXG4gICAgICAgICAgcmV0dXJuIGludm9rZShcInRocm93XCIsIGVycm9yLCByZXNvbHZlLCByZWplY3QpO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICB2YXIgcHJldmlvdXNQcm9taXNlO1xuXG4gICAgZnVuY3Rpb24gZW5xdWV1ZShtZXRob2QsIGFyZykge1xuICAgICAgZnVuY3Rpb24gY2FsbEludm9rZVdpdGhNZXRob2RBbmRBcmcoKSB7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZUltcGwoZnVuY3Rpb24ocmVzb2x2ZSwgcmVqZWN0KSB7XG4gICAgICAgICAgaW52b2tlKG1ldGhvZCwgYXJnLCByZXNvbHZlLCByZWplY3QpO1xuICAgICAgICB9KTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHByZXZpb3VzUHJvbWlzZSA9XG4gICAgICAgIC8vIElmIGVucXVldWUgaGFzIGJlZW4gY2FsbGVkIGJlZm9yZSwgdGhlbiB3ZSB3YW50IHRvIHdhaXQgdW50aWxcbiAgICAgICAgLy8gYWxsIHByZXZpb3VzIFByb21pc2VzIGhhdmUgYmVlbiByZXNvbHZlZCBiZWZvcmUgY2FsbGluZyBpbnZva2UsXG4gICAgICAgIC8vIHNvIHRoYXQgcmVzdWx0cyBhcmUgYWx3YXlzIGRlbGl2ZXJlZCBpbiB0aGUgY29ycmVjdCBvcmRlci4gSWZcbiAgICAgICAgLy8gZW5xdWV1ZSBoYXMgbm90IGJlZW4gY2FsbGVkIGJlZm9yZSwgdGhlbiBpdCBpcyBpbXBvcnRhbnQgdG9cbiAgICAgICAgLy8gY2FsbCBpbnZva2UgaW1tZWRpYXRlbHksIHdpdGhvdXQgd2FpdGluZyBvbiBhIGNhbGxiYWNrIHRvIGZpcmUsXG4gICAgICAgIC8vIHNvIHRoYXQgdGhlIGFzeW5jIGdlbmVyYXRvciBmdW5jdGlvbiBoYXMgdGhlIG9wcG9ydHVuaXR5IHRvIGRvXG4gICAgICAgIC8vIGFueSBuZWNlc3Nhcnkgc2V0dXAgaW4gYSBwcmVkaWN0YWJsZSB3YXkuIFRoaXMgcHJlZGljdGFiaWxpdHlcbiAgICAgICAgLy8gaXMgd2h5IHRoZSBQcm9taXNlIGNvbnN0cnVjdG9yIHN5bmNocm9ub3VzbHkgaW52b2tlcyBpdHNcbiAgICAgICAgLy8gZXhlY3V0b3IgY2FsbGJhY2ssIGFuZCB3aHkgYXN5bmMgZnVuY3Rpb25zIHN5bmNocm9ub3VzbHlcbiAgICAgICAgLy8gZXhlY3V0ZSBjb2RlIGJlZm9yZSB0aGUgZmlyc3QgYXdhaXQuIFNpbmNlIHdlIGltcGxlbWVudCBzaW1wbGVcbiAgICAgICAgLy8gYXN5bmMgZnVuY3Rpb25zIGluIHRlcm1zIG9mIGFzeW5jIGdlbmVyYXRvcnMsIGl0IGlzIGVzcGVjaWFsbHlcbiAgICAgICAgLy8gaW1wb3J0YW50IHRvIGdldCB0aGlzIHJpZ2h0LCBldmVuIHRob3VnaCBpdCByZXF1aXJlcyBjYXJlLlxuICAgICAgICBwcmV2aW91c1Byb21pc2UgPyBwcmV2aW91c1Byb21pc2UudGhlbihcbiAgICAgICAgICBjYWxsSW52b2tlV2l0aE1ldGhvZEFuZEFyZyxcbiAgICAgICAgICAvLyBBdm9pZCBwcm9wYWdhdGluZyBmYWlsdXJlcyB0byBQcm9taXNlcyByZXR1cm5lZCBieSBsYXRlclxuICAgICAgICAgIC8vIGludm9jYXRpb25zIG9mIHRoZSBpdGVyYXRvci5cbiAgICAgICAgICBjYWxsSW52b2tlV2l0aE1ldGhvZEFuZEFyZ1xuICAgICAgICApIDogY2FsbEludm9rZVdpdGhNZXRob2RBbmRBcmcoKTtcbiAgICB9XG5cbiAgICAvLyBEZWZpbmUgdGhlIHVuaWZpZWQgaGVscGVyIG1ldGhvZCB0aGF0IGlzIHVzZWQgdG8gaW1wbGVtZW50IC5uZXh0LFxuICAgIC8vIC50aHJvdywgYW5kIC5yZXR1cm4gKHNlZSBkZWZpbmVJdGVyYXRvck1ldGhvZHMpLlxuICAgIHRoaXMuX2ludm9rZSA9IGVucXVldWU7XG4gIH1cblxuICBkZWZpbmVJdGVyYXRvck1ldGhvZHMoQXN5bmNJdGVyYXRvci5wcm90b3R5cGUpO1xuICBBc3luY0l0ZXJhdG9yLnByb3RvdHlwZVthc3luY0l0ZXJhdG9yU3ltYm9sXSA9IGZ1bmN0aW9uICgpIHtcbiAgICByZXR1cm4gdGhpcztcbiAgfTtcbiAgZXhwb3J0cy5Bc3luY0l0ZXJhdG9yID0gQXN5bmNJdGVyYXRvcjtcblxuICAvLyBOb3RlIHRoYXQgc2ltcGxlIGFzeW5jIGZ1bmN0aW9ucyBhcmUgaW1wbGVtZW50ZWQgb24gdG9wIG9mXG4gIC8vIEFzeW5jSXRlcmF0b3Igb2JqZWN0czsgdGhleSBqdXN0IHJldHVybiBhIFByb21pc2UgZm9yIHRoZSB2YWx1ZSBvZlxuICAvLyB0aGUgZmluYWwgcmVzdWx0IHByb2R1Y2VkIGJ5IHRoZSBpdGVyYXRvci5cbiAgZXhwb3J0cy5hc3luYyA9IGZ1bmN0aW9uKGlubmVyRm4sIG91dGVyRm4sIHNlbGYsIHRyeUxvY3NMaXN0LCBQcm9taXNlSW1wbCkge1xuICAgIGlmIChQcm9taXNlSW1wbCA9PT0gdm9pZCAwKSBQcm9taXNlSW1wbCA9IFByb21pc2U7XG5cbiAgICB2YXIgaXRlciA9IG5ldyBBc3luY0l0ZXJhdG9yKFxuICAgICAgd3JhcChpbm5lckZuLCBvdXRlckZuLCBzZWxmLCB0cnlMb2NzTGlzdCksXG4gICAgICBQcm9taXNlSW1wbFxuICAgICk7XG5cbiAgICByZXR1cm4gZXhwb3J0cy5pc0dlbmVyYXRvckZ1bmN0aW9uKG91dGVyRm4pXG4gICAgICA/IGl0ZXIgLy8gSWYgb3V0ZXJGbiBpcyBhIGdlbmVyYXRvciwgcmV0dXJuIHRoZSBmdWxsIGl0ZXJhdG9yLlxuICAgICAgOiBpdGVyLm5leHQoKS50aGVuKGZ1bmN0aW9uKHJlc3VsdCkge1xuICAgICAgICAgIHJldHVybiByZXN1bHQuZG9uZSA/IHJlc3VsdC52YWx1ZSA6IGl0ZXIubmV4dCgpO1xuICAgICAgICB9KTtcbiAgfTtcblxuICBmdW5jdGlvbiBtYWtlSW52b2tlTWV0aG9kKGlubmVyRm4sIHNlbGYsIGNvbnRleHQpIHtcbiAgICB2YXIgc3RhdGUgPSBHZW5TdGF0ZVN1c3BlbmRlZFN0YXJ0O1xuXG4gICAgcmV0dXJuIGZ1bmN0aW9uIGludm9rZShtZXRob2QsIGFyZykge1xuICAgICAgaWYgKHN0YXRlID09PSBHZW5TdGF0ZUV4ZWN1dGluZykge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJHZW5lcmF0b3IgaXMgYWxyZWFkeSBydW5uaW5nXCIpO1xuICAgICAgfVxuXG4gICAgICBpZiAoc3RhdGUgPT09IEdlblN0YXRlQ29tcGxldGVkKSB7XG4gICAgICAgIGlmIChtZXRob2QgPT09IFwidGhyb3dcIikge1xuICAgICAgICAgIHRocm93IGFyZztcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIEJlIGZvcmdpdmluZywgcGVyIDI1LjMuMy4zLjMgb2YgdGhlIHNwZWM6XG4gICAgICAgIC8vIGh0dHBzOi8vcGVvcGxlLm1vemlsbGEub3JnL35qb3JlbmRvcmZmL2VzNi1kcmFmdC5odG1sI3NlYy1nZW5lcmF0b3JyZXN1bWVcbiAgICAgICAgcmV0dXJuIGRvbmVSZXN1bHQoKTtcbiAgICAgIH1cblxuICAgICAgY29udGV4dC5tZXRob2QgPSBtZXRob2Q7XG4gICAgICBjb250ZXh0LmFyZyA9IGFyZztcblxuICAgICAgd2hpbGUgKHRydWUpIHtcbiAgICAgICAgdmFyIGRlbGVnYXRlID0gY29udGV4dC5kZWxlZ2F0ZTtcbiAgICAgICAgaWYgKGRlbGVnYXRlKSB7XG4gICAgICAgICAgdmFyIGRlbGVnYXRlUmVzdWx0ID0gbWF5YmVJbnZva2VEZWxlZ2F0ZShkZWxlZ2F0ZSwgY29udGV4dCk7XG4gICAgICAgICAgaWYgKGRlbGVnYXRlUmVzdWx0KSB7XG4gICAgICAgICAgICBpZiAoZGVsZWdhdGVSZXN1bHQgPT09IENvbnRpbnVlU2VudGluZWwpIGNvbnRpbnVlO1xuICAgICAgICAgICAgcmV0dXJuIGRlbGVnYXRlUmVzdWx0O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChjb250ZXh0Lm1ldGhvZCA9PT0gXCJuZXh0XCIpIHtcbiAgICAgICAgICAvLyBTZXR0aW5nIGNvbnRleHQuX3NlbnQgZm9yIGxlZ2FjeSBzdXBwb3J0IG9mIEJhYmVsJ3NcbiAgICAgICAgICAvLyBmdW5jdGlvbi5zZW50IGltcGxlbWVudGF0aW9uLlxuICAgICAgICAgIGNvbnRleHQuc2VudCA9IGNvbnRleHQuX3NlbnQgPSBjb250ZXh0LmFyZztcblxuICAgICAgICB9IGVsc2UgaWYgKGNvbnRleHQubWV0aG9kID09PSBcInRocm93XCIpIHtcbiAgICAgICAgICBpZiAoc3RhdGUgPT09IEdlblN0YXRlU3VzcGVuZGVkU3RhcnQpIHtcbiAgICAgICAgICAgIHN0YXRlID0gR2VuU3RhdGVDb21wbGV0ZWQ7XG4gICAgICAgICAgICB0aHJvdyBjb250ZXh0LmFyZztcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBjb250ZXh0LmRpc3BhdGNoRXhjZXB0aW9uKGNvbnRleHQuYXJnKTtcblxuICAgICAgICB9IGVsc2UgaWYgKGNvbnRleHQubWV0aG9kID09PSBcInJldHVyblwiKSB7XG4gICAgICAgICAgY29udGV4dC5hYnJ1cHQoXCJyZXR1cm5cIiwgY29udGV4dC5hcmcpO1xuICAgICAgICB9XG5cbiAgICAgICAgc3RhdGUgPSBHZW5TdGF0ZUV4ZWN1dGluZztcblxuICAgICAgICB2YXIgcmVjb3JkID0gdHJ5Q2F0Y2goaW5uZXJGbiwgc2VsZiwgY29udGV4dCk7XG4gICAgICAgIGlmIChyZWNvcmQudHlwZSA9PT0gXCJub3JtYWxcIikge1xuICAgICAgICAgIC8vIElmIGFuIGV4Y2VwdGlvbiBpcyB0aHJvd24gZnJvbSBpbm5lckZuLCB3ZSBsZWF2ZSBzdGF0ZSA9PT1cbiAgICAgICAgICAvLyBHZW5TdGF0ZUV4ZWN1dGluZyBhbmQgbG9vcCBiYWNrIGZvciBhbm90aGVyIGludm9jYXRpb24uXG4gICAgICAgICAgc3RhdGUgPSBjb250ZXh0LmRvbmVcbiAgICAgICAgICAgID8gR2VuU3RhdGVDb21wbGV0ZWRcbiAgICAgICAgICAgIDogR2VuU3RhdGVTdXNwZW5kZWRZaWVsZDtcblxuICAgICAgICAgIGlmIChyZWNvcmQuYXJnID09PSBDb250aW51ZVNlbnRpbmVsKSB7XG4gICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgdmFsdWU6IHJlY29yZC5hcmcsXG4gICAgICAgICAgICBkb25lOiBjb250ZXh0LmRvbmVcbiAgICAgICAgICB9O1xuXG4gICAgICAgIH0gZWxzZSBpZiAocmVjb3JkLnR5cGUgPT09IFwidGhyb3dcIikge1xuICAgICAgICAgIHN0YXRlID0gR2VuU3RhdGVDb21wbGV0ZWQ7XG4gICAgICAgICAgLy8gRGlzcGF0Y2ggdGhlIGV4Y2VwdGlvbiBieSBsb29waW5nIGJhY2sgYXJvdW5kIHRvIHRoZVxuICAgICAgICAgIC8vIGNvbnRleHQuZGlzcGF0Y2hFeGNlcHRpb24oY29udGV4dC5hcmcpIGNhbGwgYWJvdmUuXG4gICAgICAgICAgY29udGV4dC5tZXRob2QgPSBcInRocm93XCI7XG4gICAgICAgICAgY29udGV4dC5hcmcgPSByZWNvcmQuYXJnO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfTtcbiAgfVxuXG4gIC8vIENhbGwgZGVsZWdhdGUuaXRlcmF0b3JbY29udGV4dC5tZXRob2RdKGNvbnRleHQuYXJnKSBhbmQgaGFuZGxlIHRoZVxuICAvLyByZXN1bHQsIGVpdGhlciBieSByZXR1cm5pbmcgYSB7IHZhbHVlLCBkb25lIH0gcmVzdWx0IGZyb20gdGhlXG4gIC8vIGRlbGVnYXRlIGl0ZXJhdG9yLCBvciBieSBtb2RpZnlpbmcgY29udGV4dC5tZXRob2QgYW5kIGNvbnRleHQuYXJnLFxuICAvLyBzZXR0aW5nIGNvbnRleHQuZGVsZWdhdGUgdG8gbnVsbCwgYW5kIHJldHVybmluZyB0aGUgQ29udGludWVTZW50aW5lbC5cbiAgZnVuY3Rpb24gbWF5YmVJbnZva2VEZWxlZ2F0ZShkZWxlZ2F0ZSwgY29udGV4dCkge1xuICAgIHZhciBtZXRob2QgPSBkZWxlZ2F0ZS5pdGVyYXRvcltjb250ZXh0Lm1ldGhvZF07XG4gICAgaWYgKG1ldGhvZCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAvLyBBIC50aHJvdyBvciAucmV0dXJuIHdoZW4gdGhlIGRlbGVnYXRlIGl0ZXJhdG9yIGhhcyBubyAudGhyb3dcbiAgICAgIC8vIG1ldGhvZCBhbHdheXMgdGVybWluYXRlcyB0aGUgeWllbGQqIGxvb3AuXG4gICAgICBjb250ZXh0LmRlbGVnYXRlID0gbnVsbDtcblxuICAgICAgaWYgKGNvbnRleHQubWV0aG9kID09PSBcInRocm93XCIpIHtcbiAgICAgICAgLy8gTm90ZTogW1wicmV0dXJuXCJdIG11c3QgYmUgdXNlZCBmb3IgRVMzIHBhcnNpbmcgY29tcGF0aWJpbGl0eS5cbiAgICAgICAgaWYgKGRlbGVnYXRlLml0ZXJhdG9yW1wicmV0dXJuXCJdKSB7XG4gICAgICAgICAgLy8gSWYgdGhlIGRlbGVnYXRlIGl0ZXJhdG9yIGhhcyBhIHJldHVybiBtZXRob2QsIGdpdmUgaXQgYVxuICAgICAgICAgIC8vIGNoYW5jZSB0byBjbGVhbiB1cC5cbiAgICAgICAgICBjb250ZXh0Lm1ldGhvZCA9IFwicmV0dXJuXCI7XG4gICAgICAgICAgY29udGV4dC5hcmcgPSB1bmRlZmluZWQ7XG4gICAgICAgICAgbWF5YmVJbnZva2VEZWxlZ2F0ZShkZWxlZ2F0ZSwgY29udGV4dCk7XG5cbiAgICAgICAgICBpZiAoY29udGV4dC5tZXRob2QgPT09IFwidGhyb3dcIikge1xuICAgICAgICAgICAgLy8gSWYgbWF5YmVJbnZva2VEZWxlZ2F0ZShjb250ZXh0KSBjaGFuZ2VkIGNvbnRleHQubWV0aG9kIGZyb21cbiAgICAgICAgICAgIC8vIFwicmV0dXJuXCIgdG8gXCJ0aHJvd1wiLCBsZXQgdGhhdCBvdmVycmlkZSB0aGUgVHlwZUVycm9yIGJlbG93LlxuICAgICAgICAgICAgcmV0dXJuIENvbnRpbnVlU2VudGluZWw7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgY29udGV4dC5tZXRob2QgPSBcInRocm93XCI7XG4gICAgICAgIGNvbnRleHQuYXJnID0gbmV3IFR5cGVFcnJvcihcbiAgICAgICAgICBcIlRoZSBpdGVyYXRvciBkb2VzIG5vdCBwcm92aWRlIGEgJ3Rocm93JyBtZXRob2RcIik7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBDb250aW51ZVNlbnRpbmVsO1xuICAgIH1cblxuICAgIHZhciByZWNvcmQgPSB0cnlDYXRjaChtZXRob2QsIGRlbGVnYXRlLml0ZXJhdG9yLCBjb250ZXh0LmFyZyk7XG5cbiAgICBpZiAocmVjb3JkLnR5cGUgPT09IFwidGhyb3dcIikge1xuICAgICAgY29udGV4dC5tZXRob2QgPSBcInRocm93XCI7XG4gICAgICBjb250ZXh0LmFyZyA9IHJlY29yZC5hcmc7XG4gICAgICBjb250ZXh0LmRlbGVnYXRlID0gbnVsbDtcbiAgICAgIHJldHVybiBDb250aW51ZVNlbnRpbmVsO1xuICAgIH1cblxuICAgIHZhciBpbmZvID0gcmVjb3JkLmFyZztcblxuICAgIGlmICghIGluZm8pIHtcbiAgICAgIGNvbnRleHQubWV0aG9kID0gXCJ0aHJvd1wiO1xuICAgICAgY29udGV4dC5hcmcgPSBuZXcgVHlwZUVycm9yKFwiaXRlcmF0b3IgcmVzdWx0IGlzIG5vdCBhbiBvYmplY3RcIik7XG4gICAgICBjb250ZXh0LmRlbGVnYXRlID0gbnVsbDtcbiAgICAgIHJldHVybiBDb250aW51ZVNlbnRpbmVsO1xuICAgIH1cblxuICAgIGlmIChpbmZvLmRvbmUpIHtcbiAgICAgIC8vIEFzc2lnbiB0aGUgcmVzdWx0IG9mIHRoZSBmaW5pc2hlZCBkZWxlZ2F0ZSB0byB0aGUgdGVtcG9yYXJ5XG4gICAgICAvLyB2YXJpYWJsZSBzcGVjaWZpZWQgYnkgZGVsZWdhdGUucmVzdWx0TmFtZSAoc2VlIGRlbGVnYXRlWWllbGQpLlxuICAgICAgY29udGV4dFtkZWxlZ2F0ZS5yZXN1bHROYW1lXSA9IGluZm8udmFsdWU7XG5cbiAgICAgIC8vIFJlc3VtZSBleGVjdXRpb24gYXQgdGhlIGRlc2lyZWQgbG9jYXRpb24gKHNlZSBkZWxlZ2F0ZVlpZWxkKS5cbiAgICAgIGNvbnRleHQubmV4dCA9IGRlbGVnYXRlLm5leHRMb2M7XG5cbiAgICAgIC8vIElmIGNvbnRleHQubWV0aG9kIHdhcyBcInRocm93XCIgYnV0IHRoZSBkZWxlZ2F0ZSBoYW5kbGVkIHRoZVxuICAgICAgLy8gZXhjZXB0aW9uLCBsZXQgdGhlIG91dGVyIGdlbmVyYXRvciBwcm9jZWVkIG5vcm1hbGx5LiBJZlxuICAgICAgLy8gY29udGV4dC5tZXRob2Qgd2FzIFwibmV4dFwiLCBmb3JnZXQgY29udGV4dC5hcmcgc2luY2UgaXQgaGFzIGJlZW5cbiAgICAgIC8vIFwiY29uc3VtZWRcIiBieSB0aGUgZGVsZWdhdGUgaXRlcmF0b3IuIElmIGNvbnRleHQubWV0aG9kIHdhc1xuICAgICAgLy8gXCJyZXR1cm5cIiwgYWxsb3cgdGhlIG9yaWdpbmFsIC5yZXR1cm4gY2FsbCB0byBjb250aW51ZSBpbiB0aGVcbiAgICAgIC8vIG91dGVyIGdlbmVyYXRvci5cbiAgICAgIGlmIChjb250ZXh0Lm1ldGhvZCAhPT0gXCJyZXR1cm5cIikge1xuICAgICAgICBjb250ZXh0Lm1ldGhvZCA9IFwibmV4dFwiO1xuICAgICAgICBjb250ZXh0LmFyZyA9IHVuZGVmaW5lZDtcbiAgICAgIH1cblxuICAgIH0gZWxzZSB7XG4gICAgICAvLyBSZS15aWVsZCB0aGUgcmVzdWx0IHJldHVybmVkIGJ5IHRoZSBkZWxlZ2F0ZSBtZXRob2QuXG4gICAgICByZXR1cm4gaW5mbztcbiAgICB9XG5cbiAgICAvLyBUaGUgZGVsZWdhdGUgaXRlcmF0b3IgaXMgZmluaXNoZWQsIHNvIGZvcmdldCBpdCBhbmQgY29udGludWUgd2l0aFxuICAgIC8vIHRoZSBvdXRlciBnZW5lcmF0b3IuXG4gICAgY29udGV4dC5kZWxlZ2F0ZSA9IG51bGw7XG4gICAgcmV0dXJuIENvbnRpbnVlU2VudGluZWw7XG4gIH1cblxuICAvLyBEZWZpbmUgR2VuZXJhdG9yLnByb3RvdHlwZS57bmV4dCx0aHJvdyxyZXR1cm59IGluIHRlcm1zIG9mIHRoZVxuICAvLyB1bmlmaWVkIC5faW52b2tlIGhlbHBlciBtZXRob2QuXG4gIGRlZmluZUl0ZXJhdG9yTWV0aG9kcyhHcCk7XG5cbiAgR3BbdG9TdHJpbmdUYWdTeW1ib2xdID0gXCJHZW5lcmF0b3JcIjtcblxuICAvLyBBIEdlbmVyYXRvciBzaG91bGQgYWx3YXlzIHJldHVybiBpdHNlbGYgYXMgdGhlIGl0ZXJhdG9yIG9iamVjdCB3aGVuIHRoZVxuICAvLyBAQGl0ZXJhdG9yIGZ1bmN0aW9uIGlzIGNhbGxlZCBvbiBpdC4gU29tZSBicm93c2VycycgaW1wbGVtZW50YXRpb25zIG9mIHRoZVxuICAvLyBpdGVyYXRvciBwcm90b3R5cGUgY2hhaW4gaW5jb3JyZWN0bHkgaW1wbGVtZW50IHRoaXMsIGNhdXNpbmcgdGhlIEdlbmVyYXRvclxuICAvLyBvYmplY3QgdG8gbm90IGJlIHJldHVybmVkIGZyb20gdGhpcyBjYWxsLiBUaGlzIGVuc3VyZXMgdGhhdCBkb2Vzbid0IGhhcHBlbi5cbiAgLy8gU2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9mYWNlYm9vay9yZWdlbmVyYXRvci9pc3N1ZXMvMjc0IGZvciBtb3JlIGRldGFpbHMuXG4gIEdwW2l0ZXJhdG9yU3ltYm9sXSA9IGZ1bmN0aW9uKCkge1xuICAgIHJldHVybiB0aGlzO1xuICB9O1xuXG4gIEdwLnRvU3RyaW5nID0gZnVuY3Rpb24oKSB7XG4gICAgcmV0dXJuIFwiW29iamVjdCBHZW5lcmF0b3JdXCI7XG4gIH07XG5cbiAgZnVuY3Rpb24gcHVzaFRyeUVudHJ5KGxvY3MpIHtcbiAgICB2YXIgZW50cnkgPSB7IHRyeUxvYzogbG9jc1swXSB9O1xuXG4gICAgaWYgKDEgaW4gbG9jcykge1xuICAgICAgZW50cnkuY2F0Y2hMb2MgPSBsb2NzWzFdO1xuICAgIH1cblxuICAgIGlmICgyIGluIGxvY3MpIHtcbiAgICAgIGVudHJ5LmZpbmFsbHlMb2MgPSBsb2NzWzJdO1xuICAgICAgZW50cnkuYWZ0ZXJMb2MgPSBsb2NzWzNdO1xuICAgIH1cblxuICAgIHRoaXMudHJ5RW50cmllcy5wdXNoKGVudHJ5KTtcbiAgfVxuXG4gIGZ1bmN0aW9uIHJlc2V0VHJ5RW50cnkoZW50cnkpIHtcbiAgICB2YXIgcmVjb3JkID0gZW50cnkuY29tcGxldGlvbiB8fCB7fTtcbiAgICByZWNvcmQudHlwZSA9IFwibm9ybWFsXCI7XG4gICAgZGVsZXRlIHJlY29yZC5hcmc7XG4gICAgZW50cnkuY29tcGxldGlvbiA9IHJlY29yZDtcbiAgfVxuXG4gIGZ1bmN0aW9uIENvbnRleHQodHJ5TG9jc0xpc3QpIHtcbiAgICAvLyBUaGUgcm9vdCBlbnRyeSBvYmplY3QgKGVmZmVjdGl2ZWx5IGEgdHJ5IHN0YXRlbWVudCB3aXRob3V0IGEgY2F0Y2hcbiAgICAvLyBvciBhIGZpbmFsbHkgYmxvY2spIGdpdmVzIHVzIGEgcGxhY2UgdG8gc3RvcmUgdmFsdWVzIHRocm93biBmcm9tXG4gICAgLy8gbG9jYXRpb25zIHdoZXJlIHRoZXJlIGlzIG5vIGVuY2xvc2luZyB0cnkgc3RhdGVtZW50LlxuICAgIHRoaXMudHJ5RW50cmllcyA9IFt7IHRyeUxvYzogXCJyb290XCIgfV07XG4gICAgdHJ5TG9jc0xpc3QuZm9yRWFjaChwdXNoVHJ5RW50cnksIHRoaXMpO1xuICAgIHRoaXMucmVzZXQodHJ1ZSk7XG4gIH1cblxuICBleHBvcnRzLmtleXMgPSBmdW5jdGlvbihvYmplY3QpIHtcbiAgICB2YXIga2V5cyA9IFtdO1xuICAgIGZvciAodmFyIGtleSBpbiBvYmplY3QpIHtcbiAgICAgIGtleXMucHVzaChrZXkpO1xuICAgIH1cbiAgICBrZXlzLnJldmVyc2UoKTtcblxuICAgIC8vIFJhdGhlciB0aGFuIHJldHVybmluZyBhbiBvYmplY3Qgd2l0aCBhIG5leHQgbWV0aG9kLCB3ZSBrZWVwXG4gICAgLy8gdGhpbmdzIHNpbXBsZSBhbmQgcmV0dXJuIHRoZSBuZXh0IGZ1bmN0aW9uIGl0c2VsZi5cbiAgICByZXR1cm4gZnVuY3Rpb24gbmV4dCgpIHtcbiAgICAgIHdoaWxlIChrZXlzLmxlbmd0aCkge1xuICAgICAgICB2YXIga2V5ID0ga2V5cy5wb3AoKTtcbiAgICAgICAgaWYgKGtleSBpbiBvYmplY3QpIHtcbiAgICAgICAgICBuZXh0LnZhbHVlID0ga2V5O1xuICAgICAgICAgIG5leHQuZG9uZSA9IGZhbHNlO1xuICAgICAgICAgIHJldHVybiBuZXh0O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC8vIFRvIGF2b2lkIGNyZWF0aW5nIGFuIGFkZGl0aW9uYWwgb2JqZWN0LCB3ZSBqdXN0IGhhbmcgdGhlIC52YWx1ZVxuICAgICAgLy8gYW5kIC5kb25lIHByb3BlcnRpZXMgb2ZmIHRoZSBuZXh0IGZ1bmN0aW9uIG9iamVjdCBpdHNlbGYuIFRoaXNcbiAgICAgIC8vIGFsc28gZW5zdXJlcyB0aGF0IHRoZSBtaW5pZmllciB3aWxsIG5vdCBhbm9ueW1pemUgdGhlIGZ1bmN0aW9uLlxuICAgICAgbmV4dC5kb25lID0gdHJ1ZTtcbiAgICAgIHJldHVybiBuZXh0O1xuICAgIH07XG4gIH07XG5cbiAgZnVuY3Rpb24gdmFsdWVzKGl0ZXJhYmxlKSB7XG4gICAgaWYgKGl0ZXJhYmxlKSB7XG4gICAgICB2YXIgaXRlcmF0b3JNZXRob2QgPSBpdGVyYWJsZVtpdGVyYXRvclN5bWJvbF07XG4gICAgICBpZiAoaXRlcmF0b3JNZXRob2QpIHtcbiAgICAgICAgcmV0dXJuIGl0ZXJhdG9yTWV0aG9kLmNhbGwoaXRlcmFibGUpO1xuICAgICAgfVxuXG4gICAgICBpZiAodHlwZW9mIGl0ZXJhYmxlLm5leHQgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICByZXR1cm4gaXRlcmFibGU7XG4gICAgICB9XG5cbiAgICAgIGlmICghaXNOYU4oaXRlcmFibGUubGVuZ3RoKSkge1xuICAgICAgICB2YXIgaSA9IC0xLCBuZXh0ID0gZnVuY3Rpb24gbmV4dCgpIHtcbiAgICAgICAgICB3aGlsZSAoKytpIDwgaXRlcmFibGUubGVuZ3RoKSB7XG4gICAgICAgICAgICBpZiAoaGFzT3duLmNhbGwoaXRlcmFibGUsIGkpKSB7XG4gICAgICAgICAgICAgIG5leHQudmFsdWUgPSBpdGVyYWJsZVtpXTtcbiAgICAgICAgICAgICAgbmV4dC5kb25lID0gZmFsc2U7XG4gICAgICAgICAgICAgIHJldHVybiBuZXh0O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cblxuICAgICAgICAgIG5leHQudmFsdWUgPSB1bmRlZmluZWQ7XG4gICAgICAgICAgbmV4dC5kb25lID0gdHJ1ZTtcblxuICAgICAgICAgIHJldHVybiBuZXh0O1xuICAgICAgICB9O1xuXG4gICAgICAgIHJldHVybiBuZXh0Lm5leHQgPSBuZXh0O1xuICAgICAgfVxuICAgIH1cblxuICAgIC8vIFJldHVybiBhbiBpdGVyYXRvciB3aXRoIG5vIHZhbHVlcy5cbiAgICByZXR1cm4geyBuZXh0OiBkb25lUmVzdWx0IH07XG4gIH1cbiAgZXhwb3J0cy52YWx1ZXMgPSB2YWx1ZXM7XG5cbiAgZnVuY3Rpb24gZG9uZVJlc3VsdCgpIHtcbiAgICByZXR1cm4geyB2YWx1ZTogdW5kZWZpbmVkLCBkb25lOiB0cnVlIH07XG4gIH1cblxuICBDb250ZXh0LnByb3RvdHlwZSA9IHtcbiAgICBjb25zdHJ1Y3RvcjogQ29udGV4dCxcblxuICAgIHJlc2V0OiBmdW5jdGlvbihza2lwVGVtcFJlc2V0KSB7XG4gICAgICB0aGlzLnByZXYgPSAwO1xuICAgICAgdGhpcy5uZXh0ID0gMDtcbiAgICAgIC8vIFJlc2V0dGluZyBjb250ZXh0Ll9zZW50IGZvciBsZWdhY3kgc3VwcG9ydCBvZiBCYWJlbCdzXG4gICAgICAvLyBmdW5jdGlvbi5zZW50IGltcGxlbWVudGF0aW9uLlxuICAgICAgdGhpcy5zZW50ID0gdGhpcy5fc2VudCA9IHVuZGVmaW5lZDtcbiAgICAgIHRoaXMuZG9uZSA9IGZhbHNlO1xuICAgICAgdGhpcy5kZWxlZ2F0ZSA9IG51bGw7XG5cbiAgICAgIHRoaXMubWV0aG9kID0gXCJuZXh0XCI7XG4gICAgICB0aGlzLmFyZyA9IHVuZGVmaW5lZDtcblxuICAgICAgdGhpcy50cnlFbnRyaWVzLmZvckVhY2gocmVzZXRUcnlFbnRyeSk7XG5cbiAgICAgIGlmICghc2tpcFRlbXBSZXNldCkge1xuICAgICAgICBmb3IgKHZhciBuYW1lIGluIHRoaXMpIHtcbiAgICAgICAgICAvLyBOb3Qgc3VyZSBhYm91dCB0aGUgb3B0aW1hbCBvcmRlciBvZiB0aGVzZSBjb25kaXRpb25zOlxuICAgICAgICAgIGlmIChuYW1lLmNoYXJBdCgwKSA9PT0gXCJ0XCIgJiZcbiAgICAgICAgICAgICAgaGFzT3duLmNhbGwodGhpcywgbmFtZSkgJiZcbiAgICAgICAgICAgICAgIWlzTmFOKCtuYW1lLnNsaWNlKDEpKSkge1xuICAgICAgICAgICAgdGhpc1tuYW1lXSA9IHVuZGVmaW5lZDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9LFxuXG4gICAgc3RvcDogZnVuY3Rpb24oKSB7XG4gICAgICB0aGlzLmRvbmUgPSB0cnVlO1xuXG4gICAgICB2YXIgcm9vdEVudHJ5ID0gdGhpcy50cnlFbnRyaWVzWzBdO1xuICAgICAgdmFyIHJvb3RSZWNvcmQgPSByb290RW50cnkuY29tcGxldGlvbjtcbiAgICAgIGlmIChyb290UmVjb3JkLnR5cGUgPT09IFwidGhyb3dcIikge1xuICAgICAgICB0aHJvdyByb290UmVjb3JkLmFyZztcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHRoaXMucnZhbDtcbiAgICB9LFxuXG4gICAgZGlzcGF0Y2hFeGNlcHRpb246IGZ1bmN0aW9uKGV4Y2VwdGlvbikge1xuICAgICAgaWYgKHRoaXMuZG9uZSkge1xuICAgICAgICB0aHJvdyBleGNlcHRpb247XG4gICAgICB9XG5cbiAgICAgIHZhciBjb250ZXh0ID0gdGhpcztcbiAgICAgIGZ1bmN0aW9uIGhhbmRsZShsb2MsIGNhdWdodCkge1xuICAgICAgICByZWNvcmQudHlwZSA9IFwidGhyb3dcIjtcbiAgICAgICAgcmVjb3JkLmFyZyA9IGV4Y2VwdGlvbjtcbiAgICAgICAgY29udGV4dC5uZXh0ID0gbG9jO1xuXG4gICAgICAgIGlmIChjYXVnaHQpIHtcbiAgICAgICAgICAvLyBJZiB0aGUgZGlzcGF0Y2hlZCBleGNlcHRpb24gd2FzIGNhdWdodCBieSBhIGNhdGNoIGJsb2NrLFxuICAgICAgICAgIC8vIHRoZW4gbGV0IHRoYXQgY2F0Y2ggYmxvY2sgaGFuZGxlIHRoZSBleGNlcHRpb24gbm9ybWFsbHkuXG4gICAgICAgICAgY29udGV4dC5tZXRob2QgPSBcIm5leHRcIjtcbiAgICAgICAgICBjb250ZXh0LmFyZyA9IHVuZGVmaW5lZDtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAhISBjYXVnaHQ7XG4gICAgICB9XG5cbiAgICAgIGZvciAodmFyIGkgPSB0aGlzLnRyeUVudHJpZXMubGVuZ3RoIC0gMTsgaSA+PSAwOyAtLWkpIHtcbiAgICAgICAgdmFyIGVudHJ5ID0gdGhpcy50cnlFbnRyaWVzW2ldO1xuICAgICAgICB2YXIgcmVjb3JkID0gZW50cnkuY29tcGxldGlvbjtcblxuICAgICAgICBpZiAoZW50cnkudHJ5TG9jID09PSBcInJvb3RcIikge1xuICAgICAgICAgIC8vIEV4Y2VwdGlvbiB0aHJvd24gb3V0c2lkZSBvZiBhbnkgdHJ5IGJsb2NrIHRoYXQgY291bGQgaGFuZGxlXG4gICAgICAgICAgLy8gaXQsIHNvIHNldCB0aGUgY29tcGxldGlvbiB2YWx1ZSBvZiB0aGUgZW50aXJlIGZ1bmN0aW9uIHRvXG4gICAgICAgICAgLy8gdGhyb3cgdGhlIGV4Y2VwdGlvbi5cbiAgICAgICAgICByZXR1cm4gaGFuZGxlKFwiZW5kXCIpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGVudHJ5LnRyeUxvYyA8PSB0aGlzLnByZXYpIHtcbiAgICAgICAgICB2YXIgaGFzQ2F0Y2ggPSBoYXNPd24uY2FsbChlbnRyeSwgXCJjYXRjaExvY1wiKTtcbiAgICAgICAgICB2YXIgaGFzRmluYWxseSA9IGhhc093bi5jYWxsKGVudHJ5LCBcImZpbmFsbHlMb2NcIik7XG5cbiAgICAgICAgICBpZiAoaGFzQ2F0Y2ggJiYgaGFzRmluYWxseSkge1xuICAgICAgICAgICAgaWYgKHRoaXMucHJldiA8IGVudHJ5LmNhdGNoTG9jKSB7XG4gICAgICAgICAgICAgIHJldHVybiBoYW5kbGUoZW50cnkuY2F0Y2hMb2MsIHRydWUpO1xuICAgICAgICAgICAgfSBlbHNlIGlmICh0aGlzLnByZXYgPCBlbnRyeS5maW5hbGx5TG9jKSB7XG4gICAgICAgICAgICAgIHJldHVybiBoYW5kbGUoZW50cnkuZmluYWxseUxvYyk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICB9IGVsc2UgaWYgKGhhc0NhdGNoKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5wcmV2IDwgZW50cnkuY2F0Y2hMb2MpIHtcbiAgICAgICAgICAgICAgcmV0dXJuIGhhbmRsZShlbnRyeS5jYXRjaExvYywgdHJ1ZSk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICB9IGVsc2UgaWYgKGhhc0ZpbmFsbHkpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLnByZXYgPCBlbnRyeS5maW5hbGx5TG9jKSB7XG4gICAgICAgICAgICAgIHJldHVybiBoYW5kbGUoZW50cnkuZmluYWxseUxvYyk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwidHJ5IHN0YXRlbWVudCB3aXRob3V0IGNhdGNoIG9yIGZpbmFsbHlcIik7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfSxcblxuICAgIGFicnVwdDogZnVuY3Rpb24odHlwZSwgYXJnKSB7XG4gICAgICBmb3IgKHZhciBpID0gdGhpcy50cnlFbnRyaWVzLmxlbmd0aCAtIDE7IGkgPj0gMDsgLS1pKSB7XG4gICAgICAgIHZhciBlbnRyeSA9IHRoaXMudHJ5RW50cmllc1tpXTtcbiAgICAgICAgaWYgKGVudHJ5LnRyeUxvYyA8PSB0aGlzLnByZXYgJiZcbiAgICAgICAgICAgIGhhc093bi5jYWxsKGVudHJ5LCBcImZpbmFsbHlMb2NcIikgJiZcbiAgICAgICAgICAgIHRoaXMucHJldiA8IGVudHJ5LmZpbmFsbHlMb2MpIHtcbiAgICAgICAgICB2YXIgZmluYWxseUVudHJ5ID0gZW50cnk7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgaWYgKGZpbmFsbHlFbnRyeSAmJlxuICAgICAgICAgICh0eXBlID09PSBcImJyZWFrXCIgfHxcbiAgICAgICAgICAgdHlwZSA9PT0gXCJjb250aW51ZVwiKSAmJlxuICAgICAgICAgIGZpbmFsbHlFbnRyeS50cnlMb2MgPD0gYXJnICYmXG4gICAgICAgICAgYXJnIDw9IGZpbmFsbHlFbnRyeS5maW5hbGx5TG9jKSB7XG4gICAgICAgIC8vIElnbm9yZSB0aGUgZmluYWxseSBlbnRyeSBpZiBjb250cm9sIGlzIG5vdCBqdW1waW5nIHRvIGFcbiAgICAgICAgLy8gbG9jYXRpb24gb3V0c2lkZSB0aGUgdHJ5L2NhdGNoIGJsb2NrLlxuICAgICAgICBmaW5hbGx5RW50cnkgPSBudWxsO1xuICAgICAgfVxuXG4gICAgICB2YXIgcmVjb3JkID0gZmluYWxseUVudHJ5ID8gZmluYWxseUVudHJ5LmNvbXBsZXRpb24gOiB7fTtcbiAgICAgIHJlY29yZC50eXBlID0gdHlwZTtcbiAgICAgIHJlY29yZC5hcmcgPSBhcmc7XG5cbiAgICAgIGlmIChmaW5hbGx5RW50cnkpIHtcbiAgICAgICAgdGhpcy5tZXRob2QgPSBcIm5leHRcIjtcbiAgICAgICAgdGhpcy5uZXh0ID0gZmluYWxseUVudHJ5LmZpbmFsbHlMb2M7XG4gICAgICAgIHJldHVybiBDb250aW51ZVNlbnRpbmVsO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gdGhpcy5jb21wbGV0ZShyZWNvcmQpO1xuICAgIH0sXG5cbiAgICBjb21wbGV0ZTogZnVuY3Rpb24ocmVjb3JkLCBhZnRlckxvYykge1xuICAgICAgaWYgKHJlY29yZC50eXBlID09PSBcInRocm93XCIpIHtcbiAgICAgICAgdGhyb3cgcmVjb3JkLmFyZztcbiAgICAgIH1cblxuICAgICAgaWYgKHJlY29yZC50eXBlID09PSBcImJyZWFrXCIgfHxcbiAgICAgICAgICByZWNvcmQudHlwZSA9PT0gXCJjb250aW51ZVwiKSB7XG4gICAgICAgIHRoaXMubmV4dCA9IHJlY29yZC5hcmc7XG4gICAgICB9IGVsc2UgaWYgKHJlY29yZC50eXBlID09PSBcInJldHVyblwiKSB7XG4gICAgICAgIHRoaXMucnZhbCA9IHRoaXMuYXJnID0gcmVjb3JkLmFyZztcbiAgICAgICAgdGhpcy5tZXRob2QgPSBcInJldHVyblwiO1xuICAgICAgICB0aGlzLm5leHQgPSBcImVuZFwiO1xuICAgICAgfSBlbHNlIGlmIChyZWNvcmQudHlwZSA9PT0gXCJub3JtYWxcIiAmJiBhZnRlckxvYykge1xuICAgICAgICB0aGlzLm5leHQgPSBhZnRlckxvYztcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIENvbnRpbnVlU2VudGluZWw7XG4gICAgfSxcblxuICAgIGZpbmlzaDogZnVuY3Rpb24oZmluYWxseUxvYykge1xuICAgICAgZm9yICh2YXIgaSA9IHRoaXMudHJ5RW50cmllcy5sZW5ndGggLSAxOyBpID49IDA7IC0taSkge1xuICAgICAgICB2YXIgZW50cnkgPSB0aGlzLnRyeUVudHJpZXNbaV07XG4gICAgICAgIGlmIChlbnRyeS5maW5hbGx5TG9jID09PSBmaW5hbGx5TG9jKSB7XG4gICAgICAgICAgdGhpcy5jb21wbGV0ZShlbnRyeS5jb21wbGV0aW9uLCBlbnRyeS5hZnRlckxvYyk7XG4gICAgICAgICAgcmVzZXRUcnlFbnRyeShlbnRyeSk7XG4gICAgICAgICAgcmV0dXJuIENvbnRpbnVlU2VudGluZWw7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9LFxuXG4gICAgXCJjYXRjaFwiOiBmdW5jdGlvbih0cnlMb2MpIHtcbiAgICAgIGZvciAodmFyIGkgPSB0aGlzLnRyeUVudHJpZXMubGVuZ3RoIC0gMTsgaSA+PSAwOyAtLWkpIHtcbiAgICAgICAgdmFyIGVudHJ5ID0gdGhpcy50cnlFbnRyaWVzW2ldO1xuICAgICAgICBpZiAoZW50cnkudHJ5TG9jID09PSB0cnlMb2MpIHtcbiAgICAgICAgICB2YXIgcmVjb3JkID0gZW50cnkuY29tcGxldGlvbjtcbiAgICAgICAgICBpZiAocmVjb3JkLnR5cGUgPT09IFwidGhyb3dcIikge1xuICAgICAgICAgICAgdmFyIHRocm93biA9IHJlY29yZC5hcmc7XG4gICAgICAgICAgICByZXNldFRyeUVudHJ5KGVudHJ5KTtcbiAgICAgICAgICB9XG4gICAgICAgICAgcmV0dXJuIHRocm93bjtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBUaGUgY29udGV4dC5jYXRjaCBtZXRob2QgbXVzdCBvbmx5IGJlIGNhbGxlZCB3aXRoIGEgbG9jYXRpb25cbiAgICAgIC8vIGFyZ3VtZW50IHRoYXQgY29ycmVzcG9uZHMgdG8gYSBrbm93biBjYXRjaCBibG9jay5cbiAgICAgIHRocm93IG5ldyBFcnJvcihcImlsbGVnYWwgY2F0Y2ggYXR0ZW1wdFwiKTtcbiAgICB9LFxuXG4gICAgZGVsZWdhdGVZaWVsZDogZnVuY3Rpb24oaXRlcmFibGUsIHJlc3VsdE5hbWUsIG5leHRMb2MpIHtcbiAgICAgIHRoaXMuZGVsZWdhdGUgPSB7XG4gICAgICAgIGl0ZXJhdG9yOiB2YWx1ZXMoaXRlcmFibGUpLFxuICAgICAgICByZXN1bHROYW1lOiByZXN1bHROYW1lLFxuICAgICAgICBuZXh0TG9jOiBuZXh0TG9jXG4gICAgICB9O1xuXG4gICAgICBpZiAodGhpcy5tZXRob2QgPT09IFwibmV4dFwiKSB7XG4gICAgICAgIC8vIERlbGliZXJhdGVseSBmb3JnZXQgdGhlIGxhc3Qgc2VudCB2YWx1ZSBzbyB0aGF0IHdlIGRvbid0XG4gICAgICAgIC8vIGFjY2lkZW50YWxseSBwYXNzIGl0IG9uIHRvIHRoZSBkZWxlZ2F0ZS5cbiAgICAgICAgdGhpcy5hcmcgPSB1bmRlZmluZWQ7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBDb250aW51ZVNlbnRpbmVsO1xuICAgIH1cbiAgfTtcblxuICAvLyBSZWdhcmRsZXNzIG9mIHdoZXRoZXIgdGhpcyBzY3JpcHQgaXMgZXhlY3V0aW5nIGFzIGEgQ29tbW9uSlMgbW9kdWxlXG4gIC8vIG9yIG5vdCwgcmV0dXJuIHRoZSBydW50aW1lIG9iamVjdCBzbyB0aGF0IHdlIGNhbiBkZWNsYXJlIHRoZSB2YXJpYWJsZVxuICAvLyByZWdlbmVyYXRvclJ1bnRpbWUgaW4gdGhlIG91dGVyIHNjb3BlLCB3aGljaCBhbGxvd3MgdGhpcyBtb2R1bGUgdG8gYmVcbiAgLy8gaW5qZWN0ZWQgZWFzaWx5IGJ5IGBiaW4vcmVnZW5lcmF0b3IgLS1pbmNsdWRlLXJ1bnRpbWUgc2NyaXB0LmpzYC5cbiAgcmV0dXJuIGV4cG9ydHM7XG5cbn0oXG4gIC8vIElmIHRoaXMgc2NyaXB0IGlzIGV4ZWN1dGluZyBhcyBhIENvbW1vbkpTIG1vZHVsZSwgdXNlIG1vZHVsZS5leHBvcnRzXG4gIC8vIGFzIHRoZSByZWdlbmVyYXRvclJ1bnRpbWUgbmFtZXNwYWNlLiBPdGhlcndpc2UgY3JlYXRlIGEgbmV3IGVtcHR5XG4gIC8vIG9iamVjdC4gRWl0aGVyIHdheSwgdGhlIHJlc3VsdGluZyBvYmplY3Qgd2lsbCBiZSB1c2VkIHRvIGluaXRpYWxpemVcbiAgLy8gdGhlIHJlZ2VuZXJhdG9yUnVudGltZSB2YXJpYWJsZSBhdCB0aGUgdG9wIG9mIHRoaXMgZmlsZS5cbiAgdHlwZW9mIG1vZHVsZSA9PT0gXCJvYmplY3RcIiA/IG1vZHVsZS5leHBvcnRzIDoge31cbikpO1xuXG50cnkge1xuICByZWdlbmVyYXRvclJ1bnRpbWUgPSBydW50aW1lO1xufSBjYXRjaCAoYWNjaWRlbnRhbFN0cmljdE1vZGUpIHtcbiAgLy8gVGhpcyBtb2R1bGUgc2hvdWxkIG5vdCBiZSBydW5uaW5nIGluIHN0cmljdCBtb2RlLCBzbyB0aGUgYWJvdmVcbiAgLy8gYXNzaWdubWVudCBzaG91bGQgYWx3YXlzIHdvcmsgdW5sZXNzIHNvbWV0aGluZyBpcyBtaXNjb25maWd1cmVkLiBKdXN0XG4gIC8vIGluIGNhc2UgcnVudGltZS5qcyBhY2NpZGVudGFsbHkgcnVucyBpbiBzdHJpY3QgbW9kZSwgd2UgY2FuIGVzY2FwZVxuICAvLyBzdHJpY3QgbW9kZSB1c2luZyBhIGdsb2JhbCBGdW5jdGlvbiBjYWxsLiBUaGlzIGNvdWxkIGNvbmNlaXZhYmx5IGZhaWxcbiAgLy8gaWYgYSBDb250ZW50IFNlY3VyaXR5IFBvbGljeSBmb3JiaWRzIHVzaW5nIEZ1bmN0aW9uLCBidXQgaW4gdGhhdCBjYXNlXG4gIC8vIHRoZSBwcm9wZXIgc29sdXRpb24gaXMgdG8gZml4IHRoZSBhY2NpZGVudGFsIHN0cmljdCBtb2RlIHByb2JsZW0uIElmXG4gIC8vIHlvdSd2ZSBtaXNjb25maWd1cmVkIHlvdXIgYnVuZGxlciB0byBmb3JjZSBzdHJpY3QgbW9kZSBhbmQgYXBwbGllZCBhXG4gIC8vIENTUCB0byBmb3JiaWQgRnVuY3Rpb24sIGFuZCB5b3UncmUgbm90IHdpbGxpbmcgdG8gZml4IGVpdGhlciBvZiB0aG9zZVxuICAvLyBwcm9ibGVtcywgcGxlYXNlIGRldGFpbCB5b3VyIHVuaXF1ZSBwcmVkaWNhbWVudCBpbiBhIEdpdEh1YiBpc3N1ZS5cbiAgRnVuY3Rpb24oXCJyXCIsIFwicmVnZW5lcmF0b3JSdW50aW1lID0gclwiKShydW50aW1lKTtcbn1cbiJdLCJuYW1lcyI6WyJydW50aW1lIiwiZXhwb3J0cyIsIk9wIiwiT2JqZWN0IiwicHJvdG90eXBlIiwiaGFzT3duIiwiaGFzT3duUHJvcGVydHkiLCJ1bmRlZmluZWQiLCIkU3ltYm9sIiwiU3ltYm9sIiwiaXRlcmF0b3JTeW1ib2wiLCJpdGVyYXRvciIsImFzeW5jSXRlcmF0b3JTeW1ib2wiLCJhc3luY0l0ZXJhdG9yIiwidG9TdHJpbmdUYWdTeW1ib2wiLCJ0b1N0cmluZ1RhZyIsIndyYXAiLCJpbm5lckZuIiwib3V0ZXJGbiIsInNlbGYiLCJ0cnlMb2NzTGlzdCIsInByb3RvR2VuZXJhdG9yIiwiR2VuZXJhdG9yIiwiZ2VuZXJhdG9yIiwiY3JlYXRlIiwiY29udGV4dCIsIkNvbnRleHQiLCJfaW52b2tlIiwibWFrZUludm9rZU1ldGhvZCIsInRyeUNhdGNoIiwiZm4iLCJvYmoiLCJhcmciLCJ0eXBlIiwiY2FsbCIsImVyciIsIkdlblN0YXRlU3VzcGVuZGVkU3RhcnQiLCJHZW5TdGF0ZVN1c3BlbmRlZFlpZWxkIiwiR2VuU3RhdGVFeGVjdXRpbmciLCJHZW5TdGF0ZUNvbXBsZXRlZCIsIkNvbnRpbnVlU2VudGluZWwiLCJHZW5lcmF0b3JGdW5jdGlvbiIsIkdlbmVyYXRvckZ1bmN0aW9uUHJvdG90eXBlIiwiSXRlcmF0b3JQcm90b3R5cGUiLCJnZXRQcm90byIsImdldFByb3RvdHlwZU9mIiwiTmF0aXZlSXRlcmF0b3JQcm90b3R5cGUiLCJ2YWx1ZXMiLCJHcCIsImNvbnN0cnVjdG9yIiwiZGlzcGxheU5hbWUiLCJkZWZpbmVJdGVyYXRvck1ldGhvZHMiLCJmb3JFYWNoIiwibWV0aG9kIiwiaXNHZW5lcmF0b3JGdW5jdGlvbiIsImdlbkZ1biIsImN0b3IiLCJuYW1lIiwibWFyayIsInNldFByb3RvdHlwZU9mIiwiX19wcm90b19fIiwiYXdyYXAiLCJfX2F3YWl0IiwiQXN5bmNJdGVyYXRvciIsIlByb21pc2VJbXBsIiwiaW52b2tlIiwicmVzb2x2ZSIsInJlamVjdCIsInJlY29yZCIsInJlc3VsdCIsInZhbHVlIiwidGhlbiIsInVud3JhcHBlZCIsImVycm9yIiwicHJldmlvdXNQcm9taXNlIiwiZW5xdWV1ZSIsImNhbGxJbnZva2VXaXRoTWV0aG9kQW5kQXJnIiwiYXN5bmMiLCJQcm9taXNlIiwiaXRlciIsIm5leHQiLCJkb25lIiwic3RhdGUiLCJFcnJvciIsImRvbmVSZXN1bHQiLCJkZWxlZ2F0ZSIsImRlbGVnYXRlUmVzdWx0IiwibWF5YmVJbnZva2VEZWxlZ2F0ZSIsInNlbnQiLCJfc2VudCIsImRpc3BhdGNoRXhjZXB0aW9uIiwiYWJydXB0IiwiVHlwZUVycm9yIiwiaW5mbyIsInJlc3VsdE5hbWUiLCJuZXh0TG9jIiwidG9TdHJpbmciLCJwdXNoVHJ5RW50cnkiLCJsb2NzIiwiZW50cnkiLCJ0cnlMb2MiLCJjYXRjaExvYyIsImZpbmFsbHlMb2MiLCJhZnRlckxvYyIsInRyeUVudHJpZXMiLCJwdXNoIiwicmVzZXRUcnlFbnRyeSIsImNvbXBsZXRpb24iLCJyZXNldCIsImtleXMiLCJvYmplY3QiLCJrZXkiLCJyZXZlcnNlIiwibGVuZ3RoIiwicG9wIiwiaXRlcmFibGUiLCJpdGVyYXRvck1ldGhvZCIsImlzTmFOIiwiaSIsInNraXBUZW1wUmVzZXQiLCJwcmV2IiwiY2hhckF0Iiwic2xpY2UiLCJzdG9wIiwicm9vdEVudHJ5Iiwicm9vdFJlY29yZCIsInJ2YWwiLCJleGNlcHRpb24iLCJoYW5kbGUiLCJsb2MiLCJjYXVnaHQiLCJoYXNDYXRjaCIsImhhc0ZpbmFsbHkiLCJmaW5hbGx5RW50cnkiLCJjb21wbGV0ZSIsImZpbmlzaCIsInRocm93biIsImRlbGVnYXRlWWllbGQiLCJtb2R1bGUiLCJyZWdlbmVyYXRvclJ1bnRpbWUiLCJhY2NpZGVudGFsU3RyaWN0TW9kZSIsIkZ1bmN0aW9uIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7Ozs7OztBQU9BLE1BQUlBLE9BQU8sR0FBSSxVQUFVQyxPQUFWLEVBQW1CO0FBQ2hDO0FBRUEsUUFBSUMsRUFBRSxHQUFHQyxNQUFNLENBQUNDLFNBQWhCO0FBQ0EsUUFBSUMsTUFBTSxHQUFHSCxFQUFFLENBQUNJLGNBQWhCO0FBQ0EsUUFBSUMsV0FBSixDQUxnQzs7QUFNaEMsUUFBSUMsT0FBTyxHQUFHLE9BQU9DLE1BQVAsS0FBa0IsVUFBbEIsR0FBK0JBLE1BQS9CLEdBQXdDLEVBQXREO0FBQ0EsUUFBSUMsY0FBYyxHQUFHRixPQUFPLENBQUNHLFFBQVIsSUFBb0IsWUFBekM7QUFDQSxRQUFJQyxtQkFBbUIsR0FBR0osT0FBTyxDQUFDSyxhQUFSLElBQXlCLGlCQUFuRDtBQUNBLFFBQUlDLGlCQUFpQixHQUFHTixPQUFPLENBQUNPLFdBQVIsSUFBdUIsZUFBL0M7O0FBRUEsYUFBU0MsSUFBVCxDQUFjQyxPQUFkLEVBQXVCQyxPQUF2QixFQUFnQ0MsSUFBaEMsRUFBc0NDLFdBQXRDLEVBQW1EOztBQUVqRCxVQUFJQyxjQUFjLEdBQUdILE9BQU8sSUFBSUEsT0FBTyxDQUFDZCxTQUFSLFlBQTZCa0IsU0FBeEMsR0FBb0RKLE9BQXBELEdBQThESSxTQUFuRjtBQUNBLFVBQUlDLFNBQVMsR0FBR3BCLE1BQU0sQ0FBQ3FCLE1BQVAsQ0FBY0gsY0FBYyxDQUFDakIsU0FBN0IsQ0FBaEI7QUFDQSxVQUFJcUIsT0FBTyxHQUFHLElBQUlDLE9BQUosQ0FBWU4sV0FBVyxJQUFJLEVBQTNCLENBQWQsQ0FKaUQ7OztBQVFqREcsTUFBQUEsU0FBUyxDQUFDSSxPQUFWLEdBQW9CQyxnQkFBZ0IsQ0FBQ1gsT0FBRCxFQUFVRSxJQUFWLEVBQWdCTSxPQUFoQixDQUFwQztBQUVBLGFBQU9GLFNBQVA7QUFDRDs7QUFDRHRCLElBQUFBLE9BQU8sQ0FBQ2UsSUFBUixHQUFlQSxJQUFmLENBdkJnQzs7Ozs7Ozs7Ozs7QUFtQ2hDLGFBQVNhLFFBQVQsQ0FBa0JDLEVBQWxCLEVBQXNCQyxHQUF0QixFQUEyQkMsR0FBM0IsRUFBZ0M7QUFDOUIsVUFBSTtBQUNGLGVBQU87QUFBRUMsVUFBQUEsSUFBSSxFQUFFLFFBQVI7QUFBa0JELFVBQUFBLEdBQUcsRUFBRUYsRUFBRSxDQUFDSSxJQUFILENBQVFILEdBQVIsRUFBYUMsR0FBYjtBQUF2QixTQUFQO0FBQ0QsT0FGRCxDQUVFLE9BQU9HLEdBQVAsRUFBWTtBQUNaLGVBQU87QUFBRUYsVUFBQUEsSUFBSSxFQUFFLE9BQVI7QUFBaUJELFVBQUFBLEdBQUcsRUFBRUc7QUFBdEIsU0FBUDtBQUNEO0FBQ0Y7O0FBRUQsUUFBSUMsc0JBQXNCLEdBQUcsZ0JBQTdCO0FBQ0EsUUFBSUMsc0JBQXNCLEdBQUcsZ0JBQTdCO0FBQ0EsUUFBSUMsaUJBQWlCLEdBQUcsV0FBeEI7QUFDQSxRQUFJQyxpQkFBaUIsR0FBRyxXQUF4QixDQTlDZ0M7OztBQWtEaEMsUUFBSUMsZ0JBQWdCLEdBQUcsRUFBdkIsQ0FsRGdDOzs7OztBQXdEaEMsYUFBU2xCLFNBQVQsR0FBcUI7O0FBQ3JCLGFBQVNtQixpQkFBVCxHQUE2Qjs7QUFDN0IsYUFBU0MsMEJBQVQsR0FBc0MsRUExRE47Ozs7QUE4RGhDLFFBQUlDLGlCQUFpQixHQUFHLEVBQXhCOztBQUNBQSxJQUFBQSxpQkFBaUIsQ0FBQ2pDLGNBQUQsQ0FBakIsR0FBb0MsWUFBWTtBQUM5QyxhQUFPLElBQVA7QUFDRCxLQUZEOztBQUlBLFFBQUlrQyxRQUFRLEdBQUd6QyxNQUFNLENBQUMwQyxjQUF0QjtBQUNBLFFBQUlDLHVCQUF1QixHQUFHRixRQUFRLElBQUlBLFFBQVEsQ0FBQ0EsUUFBUSxDQUFDRyxNQUFNLENBQUMsRUFBRCxDQUFQLENBQVQsQ0FBbEQ7O0FBQ0EsUUFBSUQsdUJBQXVCLElBQ3ZCQSx1QkFBdUIsS0FBSzVDLEVBRDVCLElBRUFHLE1BQU0sQ0FBQzZCLElBQVAsQ0FBWVksdUJBQVosRUFBcUNwQyxjQUFyQyxDQUZKLEVBRTBEOzs7QUFHeERpQyxNQUFBQSxpQkFBaUIsR0FBR0csdUJBQXBCO0FBQ0Q7O0FBRUQsUUFBSUUsRUFBRSxHQUFHTiwwQkFBMEIsQ0FBQ3RDLFNBQTNCLEdBQ1BrQixTQUFTLENBQUNsQixTQUFWLEdBQXNCRCxNQUFNLENBQUNxQixNQUFQLENBQWNtQixpQkFBZCxDQUR4QjtBQUVBRixJQUFBQSxpQkFBaUIsQ0FBQ3JDLFNBQWxCLEdBQThCNEMsRUFBRSxDQUFDQyxXQUFILEdBQWlCUCwwQkFBL0M7QUFDQUEsSUFBQUEsMEJBQTBCLENBQUNPLFdBQTNCLEdBQXlDUixpQkFBekM7QUFDQUMsSUFBQUEsMEJBQTBCLENBQUM1QixpQkFBRCxDQUExQixHQUNFMkIsaUJBQWlCLENBQUNTLFdBQWxCLEdBQWdDLG1CQURsQyxDQWpGZ0M7OztBQXNGaEMsYUFBU0MscUJBQVQsQ0FBK0IvQyxTQUEvQixFQUEwQztBQUN4QyxPQUFDLE1BQUQsRUFBUyxPQUFULEVBQWtCLFFBQWxCLEVBQTRCZ0QsT0FBNUIsQ0FBb0MsVUFBU0MsTUFBVCxFQUFpQjtBQUNuRGpELFFBQUFBLFNBQVMsQ0FBQ2lELE1BQUQsQ0FBVCxHQUFvQixVQUFTckIsR0FBVCxFQUFjO0FBQ2hDLGlCQUFPLEtBQUtMLE9BQUwsQ0FBYTBCLE1BQWIsRUFBcUJyQixHQUFyQixDQUFQO0FBQ0QsU0FGRDtBQUdELE9BSkQ7QUFLRDs7QUFFRC9CLElBQUFBLE9BQU8sQ0FBQ3FELG1CQUFSLEdBQThCLFVBQVNDLE1BQVQsRUFBaUI7QUFDN0MsVUFBSUMsSUFBSSxHQUFHLE9BQU9ELE1BQVAsS0FBa0IsVUFBbEIsSUFBZ0NBLE1BQU0sQ0FBQ04sV0FBbEQ7QUFDQSxhQUFPTyxJQUFJLEdBQ1BBLElBQUksS0FBS2YsaUJBQVQ7O0FBR0EsT0FBQ2UsSUFBSSxDQUFDTixXQUFMLElBQW9CTSxJQUFJLENBQUNDLElBQTFCLE1BQW9DLG1CQUo3QixHQUtQLEtBTEo7QUFNRCxLQVJEOztBQVVBeEQsSUFBQUEsT0FBTyxDQUFDeUQsSUFBUixHQUFlLFVBQVNILE1BQVQsRUFBaUI7QUFDOUIsVUFBSXBELE1BQU0sQ0FBQ3dELGNBQVgsRUFBMkI7QUFDekJ4RCxRQUFBQSxNQUFNLENBQUN3RCxjQUFQLENBQXNCSixNQUF0QixFQUE4QmIsMEJBQTlCO0FBQ0QsT0FGRCxNQUVPO0FBQ0xhLFFBQUFBLE1BQU0sQ0FBQ0ssU0FBUCxHQUFtQmxCLDBCQUFuQjs7QUFDQSxZQUFJLEVBQUU1QixpQkFBaUIsSUFBSXlDLE1BQXZCLENBQUosRUFBb0M7QUFDbENBLFVBQUFBLE1BQU0sQ0FBQ3pDLGlCQUFELENBQU4sR0FBNEIsbUJBQTVCO0FBQ0Q7QUFDRjs7QUFDRHlDLE1BQUFBLE1BQU0sQ0FBQ25ELFNBQVAsR0FBbUJELE1BQU0sQ0FBQ3FCLE1BQVAsQ0FBY3dCLEVBQWQsQ0FBbkI7QUFDQSxhQUFPTyxNQUFQO0FBQ0QsS0FYRCxDQXhHZ0M7Ozs7OztBQXlIaEN0RCxJQUFBQSxPQUFPLENBQUM0RCxLQUFSLEdBQWdCLFVBQVM3QixHQUFULEVBQWM7QUFDNUIsYUFBTztBQUFFOEIsUUFBQUEsT0FBTyxFQUFFOUI7QUFBWCxPQUFQO0FBQ0QsS0FGRDs7QUFJQSxhQUFTK0IsYUFBVCxDQUF1QnhDLFNBQXZCLEVBQWtDeUMsV0FBbEMsRUFBK0M7QUFDN0MsZUFBU0MsTUFBVCxDQUFnQlosTUFBaEIsRUFBd0JyQixHQUF4QixFQUE2QmtDLE9BQTdCLEVBQXNDQyxNQUF0QyxFQUE4QztBQUM1QyxZQUFJQyxNQUFNLEdBQUd2QyxRQUFRLENBQUNOLFNBQVMsQ0FBQzhCLE1BQUQsQ0FBVixFQUFvQjlCLFNBQXBCLEVBQStCUyxHQUEvQixDQUFyQjs7QUFDQSxZQUFJb0MsTUFBTSxDQUFDbkMsSUFBUCxLQUFnQixPQUFwQixFQUE2QjtBQUMzQmtDLFVBQUFBLE1BQU0sQ0FBQ0MsTUFBTSxDQUFDcEMsR0FBUixDQUFOO0FBQ0QsU0FGRCxNQUVPO0FBQ0wsY0FBSXFDLE1BQU0sR0FBR0QsTUFBTSxDQUFDcEMsR0FBcEI7QUFDQSxjQUFJc0MsS0FBSyxHQUFHRCxNQUFNLENBQUNDLEtBQW5COztBQUNBLGNBQUlBLEtBQUssSUFDTCxPQUFPQSxLQUFQLEtBQWlCLFFBRGpCLElBRUFqRSxNQUFNLENBQUM2QixJQUFQLENBQVlvQyxLQUFaLEVBQW1CLFNBQW5CLENBRkosRUFFbUM7QUFDakMsbUJBQU9OLFdBQVcsQ0FBQ0UsT0FBWixDQUFvQkksS0FBSyxDQUFDUixPQUExQixFQUFtQ1MsSUFBbkMsQ0FBd0MsVUFBU0QsS0FBVCxFQUFnQjtBQUM3REwsY0FBQUEsTUFBTSxDQUFDLE1BQUQsRUFBU0ssS0FBVCxFQUFnQkosT0FBaEIsRUFBeUJDLE1BQXpCLENBQU47QUFDRCxhQUZNLEVBRUosVUFBU2hDLEdBQVQsRUFBYztBQUNmOEIsY0FBQUEsTUFBTSxDQUFDLE9BQUQsRUFBVTlCLEdBQVYsRUFBZStCLE9BQWYsRUFBd0JDLE1BQXhCLENBQU47QUFDRCxhQUpNLENBQVA7QUFLRDs7QUFFRCxpQkFBT0gsV0FBVyxDQUFDRSxPQUFaLENBQW9CSSxLQUFwQixFQUEyQkMsSUFBM0IsQ0FBZ0MsVUFBU0MsU0FBVCxFQUFvQjs7OztBQUl6REgsWUFBQUEsTUFBTSxDQUFDQyxLQUFQLEdBQWVFLFNBQWY7QUFDQU4sWUFBQUEsT0FBTyxDQUFDRyxNQUFELENBQVA7QUFDRCxXQU5NLEVBTUosVUFBU0ksS0FBVCxFQUFnQjs7O0FBR2pCLG1CQUFPUixNQUFNLENBQUMsT0FBRCxFQUFVUSxLQUFWLEVBQWlCUCxPQUFqQixFQUEwQkMsTUFBMUIsQ0FBYjtBQUNELFdBVk0sQ0FBUDtBQVdEO0FBQ0Y7O0FBRUQsVUFBSU8sZUFBSjs7QUFFQSxlQUFTQyxPQUFULENBQWlCdEIsTUFBakIsRUFBeUJyQixHQUF6QixFQUE4QjtBQUM1QixpQkFBUzRDLDBCQUFULEdBQXNDO0FBQ3BDLGlCQUFPLElBQUlaLFdBQUosQ0FBZ0IsVUFBU0UsT0FBVCxFQUFrQkMsTUFBbEIsRUFBMEI7QUFDL0NGLFlBQUFBLE1BQU0sQ0FBQ1osTUFBRCxFQUFTckIsR0FBVCxFQUFja0MsT0FBZCxFQUF1QkMsTUFBdkIsQ0FBTjtBQUNELFdBRk0sQ0FBUDtBQUdEOztBQUVELGVBQU9PLGVBQWU7Ozs7Ozs7Ozs7OztBQWFwQkEsUUFBQUEsZUFBZSxHQUFHQSxlQUFlLENBQUNILElBQWhCLENBQ2hCSywwQkFEZ0I7O0FBSWhCQSxRQUFBQSwwQkFKZ0IsQ0FBSCxHQUtYQSwwQkFBMEIsRUFsQmhDO0FBbUJELE9BNUQ0Qzs7OztBQWdFN0MsV0FBS2pELE9BQUwsR0FBZWdELE9BQWY7QUFDRDs7QUFFRHhCLElBQUFBLHFCQUFxQixDQUFDWSxhQUFhLENBQUMzRCxTQUFmLENBQXJCOztBQUNBMkQsSUFBQUEsYUFBYSxDQUFDM0QsU0FBZCxDQUF3QlEsbUJBQXhCLElBQStDLFlBQVk7QUFDekQsYUFBTyxJQUFQO0FBQ0QsS0FGRDs7QUFHQVgsSUFBQUEsT0FBTyxDQUFDOEQsYUFBUixHQUF3QkEsYUFBeEIsQ0FwTWdDOzs7O0FBeU1oQzlELElBQUFBLE9BQU8sQ0FBQzRFLEtBQVIsR0FBZ0IsVUFBUzVELE9BQVQsRUFBa0JDLE9BQWxCLEVBQTJCQyxJQUEzQixFQUFpQ0MsV0FBakMsRUFBOEM0QyxXQUE5QyxFQUEyRDtBQUN6RSxVQUFJQSxXQUFXLEtBQUssS0FBSyxDQUF6QixFQUE0QkEsV0FBVyxHQUFHYyxPQUFkO0FBRTVCLFVBQUlDLElBQUksR0FBRyxJQUFJaEIsYUFBSixDQUNUL0MsSUFBSSxDQUFDQyxPQUFELEVBQVVDLE9BQVYsRUFBbUJDLElBQW5CLEVBQXlCQyxXQUF6QixDQURLLEVBRVQ0QyxXQUZTLENBQVg7QUFLQSxhQUFPL0QsT0FBTyxDQUFDcUQsbUJBQVIsQ0FBNEJwQyxPQUE1QixJQUNINkQsSUFERztBQUFBLFFBRUhBLElBQUksQ0FBQ0MsSUFBTCxHQUFZVCxJQUFaLENBQWlCLFVBQVNGLE1BQVQsRUFBaUI7QUFDaEMsZUFBT0EsTUFBTSxDQUFDWSxJQUFQLEdBQWNaLE1BQU0sQ0FBQ0MsS0FBckIsR0FBNkJTLElBQUksQ0FBQ0MsSUFBTCxFQUFwQztBQUNELE9BRkQsQ0FGSjtBQUtELEtBYkQ7O0FBZUEsYUFBU3BELGdCQUFULENBQTBCWCxPQUExQixFQUFtQ0UsSUFBbkMsRUFBeUNNLE9BQXpDLEVBQWtEO0FBQ2hELFVBQUl5RCxLQUFLLEdBQUc5QyxzQkFBWjtBQUVBLGFBQU8sU0FBUzZCLE1BQVQsQ0FBZ0JaLE1BQWhCLEVBQXdCckIsR0FBeEIsRUFBNkI7QUFDbEMsWUFBSWtELEtBQUssS0FBSzVDLGlCQUFkLEVBQWlDO0FBQy9CLGdCQUFNLElBQUk2QyxLQUFKLENBQVUsOEJBQVYsQ0FBTjtBQUNEOztBQUVELFlBQUlELEtBQUssS0FBSzNDLGlCQUFkLEVBQWlDO0FBQy9CLGNBQUljLE1BQU0sS0FBSyxPQUFmLEVBQXdCO0FBQ3RCLGtCQUFNckIsR0FBTjtBQUNELFdBSDhCOzs7O0FBTy9CLGlCQUFPb0QsVUFBVSxFQUFqQjtBQUNEOztBQUVEM0QsUUFBQUEsT0FBTyxDQUFDNEIsTUFBUixHQUFpQkEsTUFBakI7QUFDQTVCLFFBQUFBLE9BQU8sQ0FBQ08sR0FBUixHQUFjQSxHQUFkOztBQUVBLGVBQU8sSUFBUCxFQUFhO0FBQ1gsY0FBSXFELFFBQVEsR0FBRzVELE9BQU8sQ0FBQzRELFFBQXZCOztBQUNBLGNBQUlBLFFBQUosRUFBYztBQUNaLGdCQUFJQyxjQUFjLEdBQUdDLG1CQUFtQixDQUFDRixRQUFELEVBQVc1RCxPQUFYLENBQXhDOztBQUNBLGdCQUFJNkQsY0FBSixFQUFvQjtBQUNsQixrQkFBSUEsY0FBYyxLQUFLOUMsZ0JBQXZCLEVBQXlDO0FBQ3pDLHFCQUFPOEMsY0FBUDtBQUNEO0FBQ0Y7O0FBRUQsY0FBSTdELE9BQU8sQ0FBQzRCLE1BQVIsS0FBbUIsTUFBdkIsRUFBK0I7OztBQUc3QjVCLFlBQUFBLE9BQU8sQ0FBQytELElBQVIsR0FBZS9ELE9BQU8sQ0FBQ2dFLEtBQVIsR0FBZ0JoRSxPQUFPLENBQUNPLEdBQXZDO0FBRUQsV0FMRCxNQUtPLElBQUlQLE9BQU8sQ0FBQzRCLE1BQVIsS0FBbUIsT0FBdkIsRUFBZ0M7QUFDckMsZ0JBQUk2QixLQUFLLEtBQUs5QyxzQkFBZCxFQUFzQztBQUNwQzhDLGNBQUFBLEtBQUssR0FBRzNDLGlCQUFSO0FBQ0Esb0JBQU1kLE9BQU8sQ0FBQ08sR0FBZDtBQUNEOztBQUVEUCxZQUFBQSxPQUFPLENBQUNpRSxpQkFBUixDQUEwQmpFLE9BQU8sQ0FBQ08sR0FBbEM7QUFFRCxXQVJNLE1BUUEsSUFBSVAsT0FBTyxDQUFDNEIsTUFBUixLQUFtQixRQUF2QixFQUFpQztBQUN0QzVCLFlBQUFBLE9BQU8sQ0FBQ2tFLE1BQVIsQ0FBZSxRQUFmLEVBQXlCbEUsT0FBTyxDQUFDTyxHQUFqQztBQUNEOztBQUVEa0QsVUFBQUEsS0FBSyxHQUFHNUMsaUJBQVI7QUFFQSxjQUFJOEIsTUFBTSxHQUFHdkMsUUFBUSxDQUFDWixPQUFELEVBQVVFLElBQVYsRUFBZ0JNLE9BQWhCLENBQXJCOztBQUNBLGNBQUkyQyxNQUFNLENBQUNuQyxJQUFQLEtBQWdCLFFBQXBCLEVBQThCOzs7QUFHNUJpRCxZQUFBQSxLQUFLLEdBQUd6RCxPQUFPLENBQUN3RCxJQUFSLEdBQ0oxQyxpQkFESSxHQUVKRixzQkFGSjs7QUFJQSxnQkFBSStCLE1BQU0sQ0FBQ3BDLEdBQVAsS0FBZVEsZ0JBQW5CLEVBQXFDO0FBQ25DO0FBQ0Q7O0FBRUQsbUJBQU87QUFDTDhCLGNBQUFBLEtBQUssRUFBRUYsTUFBTSxDQUFDcEMsR0FEVDtBQUVMaUQsY0FBQUEsSUFBSSxFQUFFeEQsT0FBTyxDQUFDd0Q7QUFGVCxhQUFQO0FBS0QsV0FoQkQsTUFnQk8sSUFBSWIsTUFBTSxDQUFDbkMsSUFBUCxLQUFnQixPQUFwQixFQUE2QjtBQUNsQ2lELFlBQUFBLEtBQUssR0FBRzNDLGlCQUFSLENBRGtDOzs7QUFJbENkLFlBQUFBLE9BQU8sQ0FBQzRCLE1BQVIsR0FBaUIsT0FBakI7QUFDQTVCLFlBQUFBLE9BQU8sQ0FBQ08sR0FBUixHQUFjb0MsTUFBTSxDQUFDcEMsR0FBckI7QUFDRDtBQUNGO0FBQ0YsT0F4RUQ7QUF5RUQsS0FwUytCOzs7Ozs7QUEwU2hDLGFBQVN1RCxtQkFBVCxDQUE2QkYsUUFBN0IsRUFBdUM1RCxPQUF2QyxFQUFnRDtBQUM5QyxVQUFJNEIsTUFBTSxHQUFHZ0MsUUFBUSxDQUFDMUUsUUFBVCxDQUFrQmMsT0FBTyxDQUFDNEIsTUFBMUIsQ0FBYjs7QUFDQSxVQUFJQSxNQUFNLEtBQUs5QyxXQUFmLEVBQTBCOzs7QUFHeEJrQixRQUFBQSxPQUFPLENBQUM0RCxRQUFSLEdBQW1CLElBQW5COztBQUVBLFlBQUk1RCxPQUFPLENBQUM0QixNQUFSLEtBQW1CLE9BQXZCLEVBQWdDOztBQUU5QixjQUFJZ0MsUUFBUSxDQUFDMUUsUUFBVCxDQUFrQixRQUFsQixDQUFKLEVBQWlDOzs7QUFHL0JjLFlBQUFBLE9BQU8sQ0FBQzRCLE1BQVIsR0FBaUIsUUFBakI7QUFDQTVCLFlBQUFBLE9BQU8sQ0FBQ08sR0FBUixHQUFjekIsV0FBZDtBQUNBZ0YsWUFBQUEsbUJBQW1CLENBQUNGLFFBQUQsRUFBVzVELE9BQVgsQ0FBbkI7O0FBRUEsZ0JBQUlBLE9BQU8sQ0FBQzRCLE1BQVIsS0FBbUIsT0FBdkIsRUFBZ0M7OztBQUc5QixxQkFBT2IsZ0JBQVA7QUFDRDtBQUNGOztBQUVEZixVQUFBQSxPQUFPLENBQUM0QixNQUFSLEdBQWlCLE9BQWpCO0FBQ0E1QixVQUFBQSxPQUFPLENBQUNPLEdBQVIsR0FBYyxJQUFJNEQsU0FBSixDQUNaLGdEQURZLENBQWQ7QUFFRDs7QUFFRCxlQUFPcEQsZ0JBQVA7QUFDRDs7QUFFRCxVQUFJNEIsTUFBTSxHQUFHdkMsUUFBUSxDQUFDd0IsTUFBRCxFQUFTZ0MsUUFBUSxDQUFDMUUsUUFBbEIsRUFBNEJjLE9BQU8sQ0FBQ08sR0FBcEMsQ0FBckI7O0FBRUEsVUFBSW9DLE1BQU0sQ0FBQ25DLElBQVAsS0FBZ0IsT0FBcEIsRUFBNkI7QUFDM0JSLFFBQUFBLE9BQU8sQ0FBQzRCLE1BQVIsR0FBaUIsT0FBakI7QUFDQTVCLFFBQUFBLE9BQU8sQ0FBQ08sR0FBUixHQUFjb0MsTUFBTSxDQUFDcEMsR0FBckI7QUFDQVAsUUFBQUEsT0FBTyxDQUFDNEQsUUFBUixHQUFtQixJQUFuQjtBQUNBLGVBQU83QyxnQkFBUDtBQUNEOztBQUVELFVBQUlxRCxJQUFJLEdBQUd6QixNQUFNLENBQUNwQyxHQUFsQjs7QUFFQSxVQUFJLENBQUU2RCxJQUFOLEVBQVk7QUFDVnBFLFFBQUFBLE9BQU8sQ0FBQzRCLE1BQVIsR0FBaUIsT0FBakI7QUFDQTVCLFFBQUFBLE9BQU8sQ0FBQ08sR0FBUixHQUFjLElBQUk0RCxTQUFKLENBQWMsa0NBQWQsQ0FBZDtBQUNBbkUsUUFBQUEsT0FBTyxDQUFDNEQsUUFBUixHQUFtQixJQUFuQjtBQUNBLGVBQU83QyxnQkFBUDtBQUNEOztBQUVELFVBQUlxRCxJQUFJLENBQUNaLElBQVQsRUFBZTs7O0FBR2J4RCxRQUFBQSxPQUFPLENBQUM0RCxRQUFRLENBQUNTLFVBQVYsQ0FBUCxHQUErQkQsSUFBSSxDQUFDdkIsS0FBcEMsQ0FIYTs7QUFNYjdDLFFBQUFBLE9BQU8sQ0FBQ3VELElBQVIsR0FBZUssUUFBUSxDQUFDVSxPQUF4QixDQU5hOzs7Ozs7O0FBY2IsWUFBSXRFLE9BQU8sQ0FBQzRCLE1BQVIsS0FBbUIsUUFBdkIsRUFBaUM7QUFDL0I1QixVQUFBQSxPQUFPLENBQUM0QixNQUFSLEdBQWlCLE1BQWpCO0FBQ0E1QixVQUFBQSxPQUFPLENBQUNPLEdBQVIsR0FBY3pCLFdBQWQ7QUFDRDtBQUVGLE9BbkJELE1BbUJPOztBQUVMLGVBQU9zRixJQUFQO0FBQ0QsT0F2RTZDOzs7O0FBMkU5Q3BFLE1BQUFBLE9BQU8sQ0FBQzRELFFBQVIsR0FBbUIsSUFBbkI7QUFDQSxhQUFPN0MsZ0JBQVA7QUFDRCxLQXZYK0I7Ozs7QUEyWGhDVyxJQUFBQSxxQkFBcUIsQ0FBQ0gsRUFBRCxDQUFyQjtBQUVBQSxJQUFBQSxFQUFFLENBQUNsQyxpQkFBRCxDQUFGLEdBQXdCLFdBQXhCLENBN1hnQzs7Ozs7O0FBb1loQ2tDLElBQUFBLEVBQUUsQ0FBQ3RDLGNBQUQsQ0FBRixHQUFxQixZQUFXO0FBQzlCLGFBQU8sSUFBUDtBQUNELEtBRkQ7O0FBSUFzQyxJQUFBQSxFQUFFLENBQUNnRCxRQUFILEdBQWMsWUFBVztBQUN2QixhQUFPLG9CQUFQO0FBQ0QsS0FGRDs7QUFJQSxhQUFTQyxZQUFULENBQXNCQyxJQUF0QixFQUE0QjtBQUMxQixVQUFJQyxLQUFLLEdBQUc7QUFBRUMsUUFBQUEsTUFBTSxFQUFFRixJQUFJLENBQUMsQ0FBRDtBQUFkLE9BQVo7O0FBRUEsVUFBSSxLQUFLQSxJQUFULEVBQWU7QUFDYkMsUUFBQUEsS0FBSyxDQUFDRSxRQUFOLEdBQWlCSCxJQUFJLENBQUMsQ0FBRCxDQUFyQjtBQUNEOztBQUVELFVBQUksS0FBS0EsSUFBVCxFQUFlO0FBQ2JDLFFBQUFBLEtBQUssQ0FBQ0csVUFBTixHQUFtQkosSUFBSSxDQUFDLENBQUQsQ0FBdkI7QUFDQUMsUUFBQUEsS0FBSyxDQUFDSSxRQUFOLEdBQWlCTCxJQUFJLENBQUMsQ0FBRCxDQUFyQjtBQUNEOztBQUVELFdBQUtNLFVBQUwsQ0FBZ0JDLElBQWhCLENBQXFCTixLQUFyQjtBQUNEOztBQUVELGFBQVNPLGFBQVQsQ0FBdUJQLEtBQXZCLEVBQThCO0FBQzVCLFVBQUkvQixNQUFNLEdBQUcrQixLQUFLLENBQUNRLFVBQU4sSUFBb0IsRUFBakM7QUFDQXZDLE1BQUFBLE1BQU0sQ0FBQ25DLElBQVAsR0FBYyxRQUFkO0FBQ0EsYUFBT21DLE1BQU0sQ0FBQ3BDLEdBQWQ7QUFDQW1FLE1BQUFBLEtBQUssQ0FBQ1EsVUFBTixHQUFtQnZDLE1BQW5CO0FBQ0Q7O0FBRUQsYUFBUzFDLE9BQVQsQ0FBaUJOLFdBQWpCLEVBQThCOzs7O0FBSTVCLFdBQUtvRixVQUFMLEdBQWtCLENBQUM7QUFBRUosUUFBQUEsTUFBTSxFQUFFO0FBQVYsT0FBRCxDQUFsQjtBQUNBaEYsTUFBQUEsV0FBVyxDQUFDZ0MsT0FBWixDQUFvQjZDLFlBQXBCLEVBQWtDLElBQWxDO0FBQ0EsV0FBS1csS0FBTCxDQUFXLElBQVg7QUFDRDs7QUFFRDNHLElBQUFBLE9BQU8sQ0FBQzRHLElBQVIsR0FBZSxVQUFTQyxNQUFULEVBQWlCO0FBQzlCLFVBQUlELElBQUksR0FBRyxFQUFYOztBQUNBLFdBQUssSUFBSUUsR0FBVCxJQUFnQkQsTUFBaEIsRUFBd0I7QUFDdEJELFFBQUFBLElBQUksQ0FBQ0osSUFBTCxDQUFVTSxHQUFWO0FBQ0Q7O0FBQ0RGLE1BQUFBLElBQUksQ0FBQ0csT0FBTCxHQUw4Qjs7O0FBUzlCLGFBQU8sU0FBU2hDLElBQVQsR0FBZ0I7QUFDckIsZUFBTzZCLElBQUksQ0FBQ0ksTUFBWixFQUFvQjtBQUNsQixjQUFJRixHQUFHLEdBQUdGLElBQUksQ0FBQ0ssR0FBTCxFQUFWOztBQUNBLGNBQUlILEdBQUcsSUFBSUQsTUFBWCxFQUFtQjtBQUNqQjlCLFlBQUFBLElBQUksQ0FBQ1YsS0FBTCxHQUFheUMsR0FBYjtBQUNBL0IsWUFBQUEsSUFBSSxDQUFDQyxJQUFMLEdBQVksS0FBWjtBQUNBLG1CQUFPRCxJQUFQO0FBQ0Q7QUFDRixTQVJvQjs7Ozs7QUFhckJBLFFBQUFBLElBQUksQ0FBQ0MsSUFBTCxHQUFZLElBQVo7QUFDQSxlQUFPRCxJQUFQO0FBQ0QsT0FmRDtBQWdCRCxLQXpCRDs7QUEyQkEsYUFBU2pDLE1BQVQsQ0FBZ0JvRSxRQUFoQixFQUEwQjtBQUN4QixVQUFJQSxRQUFKLEVBQWM7QUFDWixZQUFJQyxjQUFjLEdBQUdELFFBQVEsQ0FBQ3pHLGNBQUQsQ0FBN0I7O0FBQ0EsWUFBSTBHLGNBQUosRUFBb0I7QUFDbEIsaUJBQU9BLGNBQWMsQ0FBQ2xGLElBQWYsQ0FBb0JpRixRQUFwQixDQUFQO0FBQ0Q7O0FBRUQsWUFBSSxPQUFPQSxRQUFRLENBQUNuQyxJQUFoQixLQUF5QixVQUE3QixFQUF5QztBQUN2QyxpQkFBT21DLFFBQVA7QUFDRDs7QUFFRCxZQUFJLENBQUNFLEtBQUssQ0FBQ0YsUUFBUSxDQUFDRixNQUFWLENBQVYsRUFBNkI7QUFDM0IsY0FBSUssQ0FBQyxHQUFHLENBQUMsQ0FBVDtBQUFBLGNBQVl0QyxJQUFJLEdBQUcsU0FBU0EsSUFBVCxHQUFnQjtBQUNqQyxtQkFBTyxFQUFFc0MsQ0FBRixHQUFNSCxRQUFRLENBQUNGLE1BQXRCLEVBQThCO0FBQzVCLGtCQUFJNUcsTUFBTSxDQUFDNkIsSUFBUCxDQUFZaUYsUUFBWixFQUFzQkcsQ0FBdEIsQ0FBSixFQUE4QjtBQUM1QnRDLGdCQUFBQSxJQUFJLENBQUNWLEtBQUwsR0FBYTZDLFFBQVEsQ0FBQ0csQ0FBRCxDQUFyQjtBQUNBdEMsZ0JBQUFBLElBQUksQ0FBQ0MsSUFBTCxHQUFZLEtBQVo7QUFDQSx1QkFBT0QsSUFBUDtBQUNEO0FBQ0Y7O0FBRURBLFlBQUFBLElBQUksQ0FBQ1YsS0FBTCxHQUFhL0QsV0FBYjtBQUNBeUUsWUFBQUEsSUFBSSxDQUFDQyxJQUFMLEdBQVksSUFBWjtBQUVBLG1CQUFPRCxJQUFQO0FBQ0QsV0FiRDs7QUFlQSxpQkFBT0EsSUFBSSxDQUFDQSxJQUFMLEdBQVlBLElBQW5CO0FBQ0Q7QUFDRixPQTdCdUI7OztBQWdDeEIsYUFBTztBQUFFQSxRQUFBQSxJQUFJLEVBQUVJO0FBQVIsT0FBUDtBQUNEOztBQUNEbkYsSUFBQUEsT0FBTyxDQUFDOEMsTUFBUixHQUFpQkEsTUFBakI7O0FBRUEsYUFBU3FDLFVBQVQsR0FBc0I7QUFDcEIsYUFBTztBQUFFZCxRQUFBQSxLQUFLLEVBQUUvRCxXQUFUO0FBQW9CMEUsUUFBQUEsSUFBSSxFQUFFO0FBQTFCLE9BQVA7QUFDRDs7QUFFRHZELElBQUFBLE9BQU8sQ0FBQ3RCLFNBQVIsR0FBb0I7QUFDbEI2QyxNQUFBQSxXQUFXLEVBQUV2QixPQURLO0FBR2xCa0YsTUFBQUEsS0FBSyxFQUFFLFVBQVNXLGFBQVQsRUFBd0I7QUFDN0IsYUFBS0MsSUFBTCxHQUFZLENBQVo7QUFDQSxhQUFLeEMsSUFBTCxHQUFZLENBQVosQ0FGNkI7OztBQUs3QixhQUFLUSxJQUFMLEdBQVksS0FBS0MsS0FBTCxHQUFhbEYsV0FBekI7QUFDQSxhQUFLMEUsSUFBTCxHQUFZLEtBQVo7QUFDQSxhQUFLSSxRQUFMLEdBQWdCLElBQWhCO0FBRUEsYUFBS2hDLE1BQUwsR0FBYyxNQUFkO0FBQ0EsYUFBS3JCLEdBQUwsR0FBV3pCLFdBQVg7QUFFQSxhQUFLaUcsVUFBTCxDQUFnQnBELE9BQWhCLENBQXdCc0QsYUFBeEI7O0FBRUEsWUFBSSxDQUFDYSxhQUFMLEVBQW9CO0FBQ2xCLGVBQUssSUFBSTlELElBQVQsSUFBaUIsSUFBakIsRUFBdUI7O0FBRXJCLGdCQUFJQSxJQUFJLENBQUNnRSxNQUFMLENBQVksQ0FBWixNQUFtQixHQUFuQixJQUNBcEgsTUFBTSxDQUFDNkIsSUFBUCxDQUFZLElBQVosRUFBa0J1QixJQUFsQixDQURBLElBRUEsQ0FBQzRELEtBQUssQ0FBQyxDQUFDNUQsSUFBSSxDQUFDaUUsS0FBTCxDQUFXLENBQVgsQ0FBRixDQUZWLEVBRTRCO0FBQzFCLG1CQUFLakUsSUFBTCxJQUFhbEQsV0FBYjtBQUNEO0FBQ0Y7QUFDRjtBQUNGLE9BM0JpQjtBQTZCbEJvSCxNQUFBQSxJQUFJLEVBQUUsWUFBVztBQUNmLGFBQUsxQyxJQUFMLEdBQVksSUFBWjtBQUVBLFlBQUkyQyxTQUFTLEdBQUcsS0FBS3BCLFVBQUwsQ0FBZ0IsQ0FBaEIsQ0FBaEI7QUFDQSxZQUFJcUIsVUFBVSxHQUFHRCxTQUFTLENBQUNqQixVQUEzQjs7QUFDQSxZQUFJa0IsVUFBVSxDQUFDNUYsSUFBWCxLQUFvQixPQUF4QixFQUFpQztBQUMvQixnQkFBTTRGLFVBQVUsQ0FBQzdGLEdBQWpCO0FBQ0Q7O0FBRUQsZUFBTyxLQUFLOEYsSUFBWjtBQUNELE9BdkNpQjtBQXlDbEJwQyxNQUFBQSxpQkFBaUIsRUFBRSxVQUFTcUMsU0FBVCxFQUFvQjtBQUNyQyxZQUFJLEtBQUs5QyxJQUFULEVBQWU7QUFDYixnQkFBTThDLFNBQU47QUFDRDs7QUFFRCxZQUFJdEcsT0FBTyxHQUFHLElBQWQ7O0FBQ0EsaUJBQVN1RyxNQUFULENBQWdCQyxHQUFoQixFQUFxQkMsTUFBckIsRUFBNkI7QUFDM0I5RCxVQUFBQSxNQUFNLENBQUNuQyxJQUFQLEdBQWMsT0FBZDtBQUNBbUMsVUFBQUEsTUFBTSxDQUFDcEMsR0FBUCxHQUFhK0YsU0FBYjtBQUNBdEcsVUFBQUEsT0FBTyxDQUFDdUQsSUFBUixHQUFlaUQsR0FBZjs7QUFFQSxjQUFJQyxNQUFKLEVBQVk7OztBQUdWekcsWUFBQUEsT0FBTyxDQUFDNEIsTUFBUixHQUFpQixNQUFqQjtBQUNBNUIsWUFBQUEsT0FBTyxDQUFDTyxHQUFSLEdBQWN6QixXQUFkO0FBQ0Q7O0FBRUQsaUJBQU8sQ0FBQyxDQUFFMkgsTUFBVjtBQUNEOztBQUVELGFBQUssSUFBSVosQ0FBQyxHQUFHLEtBQUtkLFVBQUwsQ0FBZ0JTLE1BQWhCLEdBQXlCLENBQXRDLEVBQXlDSyxDQUFDLElBQUksQ0FBOUMsRUFBaUQsRUFBRUEsQ0FBbkQsRUFBc0Q7QUFDcEQsY0FBSW5CLEtBQUssR0FBRyxLQUFLSyxVQUFMLENBQWdCYyxDQUFoQixDQUFaO0FBQ0EsY0FBSWxELE1BQU0sR0FBRytCLEtBQUssQ0FBQ1EsVUFBbkI7O0FBRUEsY0FBSVIsS0FBSyxDQUFDQyxNQUFOLEtBQWlCLE1BQXJCLEVBQTZCOzs7O0FBSTNCLG1CQUFPNEIsTUFBTSxDQUFDLEtBQUQsQ0FBYjtBQUNEOztBQUVELGNBQUk3QixLQUFLLENBQUNDLE1BQU4sSUFBZ0IsS0FBS29CLElBQXpCLEVBQStCO0FBQzdCLGdCQUFJVyxRQUFRLEdBQUc5SCxNQUFNLENBQUM2QixJQUFQLENBQVlpRSxLQUFaLEVBQW1CLFVBQW5CLENBQWY7QUFDQSxnQkFBSWlDLFVBQVUsR0FBRy9ILE1BQU0sQ0FBQzZCLElBQVAsQ0FBWWlFLEtBQVosRUFBbUIsWUFBbkIsQ0FBakI7O0FBRUEsZ0JBQUlnQyxRQUFRLElBQUlDLFVBQWhCLEVBQTRCO0FBQzFCLGtCQUFJLEtBQUtaLElBQUwsR0FBWXJCLEtBQUssQ0FBQ0UsUUFBdEIsRUFBZ0M7QUFDOUIsdUJBQU8yQixNQUFNLENBQUM3QixLQUFLLENBQUNFLFFBQVAsRUFBaUIsSUFBakIsQ0FBYjtBQUNELGVBRkQsTUFFTyxJQUFJLEtBQUttQixJQUFMLEdBQVlyQixLQUFLLENBQUNHLFVBQXRCLEVBQWtDO0FBQ3ZDLHVCQUFPMEIsTUFBTSxDQUFDN0IsS0FBSyxDQUFDRyxVQUFQLENBQWI7QUFDRDtBQUVGLGFBUEQsTUFPTyxJQUFJNkIsUUFBSixFQUFjO0FBQ25CLGtCQUFJLEtBQUtYLElBQUwsR0FBWXJCLEtBQUssQ0FBQ0UsUUFBdEIsRUFBZ0M7QUFDOUIsdUJBQU8yQixNQUFNLENBQUM3QixLQUFLLENBQUNFLFFBQVAsRUFBaUIsSUFBakIsQ0FBYjtBQUNEO0FBRUYsYUFMTSxNQUtBLElBQUkrQixVQUFKLEVBQWdCO0FBQ3JCLGtCQUFJLEtBQUtaLElBQUwsR0FBWXJCLEtBQUssQ0FBQ0csVUFBdEIsRUFBa0M7QUFDaEMsdUJBQU8wQixNQUFNLENBQUM3QixLQUFLLENBQUNHLFVBQVAsQ0FBYjtBQUNEO0FBRUYsYUFMTSxNQUtBO0FBQ0wsb0JBQU0sSUFBSW5CLEtBQUosQ0FBVSx3Q0FBVixDQUFOO0FBQ0Q7QUFDRjtBQUNGO0FBQ0YsT0FuR2lCO0FBcUdsQlEsTUFBQUEsTUFBTSxFQUFFLFVBQVMxRCxJQUFULEVBQWVELEdBQWYsRUFBb0I7QUFDMUIsYUFBSyxJQUFJc0YsQ0FBQyxHQUFHLEtBQUtkLFVBQUwsQ0FBZ0JTLE1BQWhCLEdBQXlCLENBQXRDLEVBQXlDSyxDQUFDLElBQUksQ0FBOUMsRUFBaUQsRUFBRUEsQ0FBbkQsRUFBc0Q7QUFDcEQsY0FBSW5CLEtBQUssR0FBRyxLQUFLSyxVQUFMLENBQWdCYyxDQUFoQixDQUFaOztBQUNBLGNBQUluQixLQUFLLENBQUNDLE1BQU4sSUFBZ0IsS0FBS29CLElBQXJCLElBQ0FuSCxNQUFNLENBQUM2QixJQUFQLENBQVlpRSxLQUFaLEVBQW1CLFlBQW5CLENBREEsSUFFQSxLQUFLcUIsSUFBTCxHQUFZckIsS0FBSyxDQUFDRyxVQUZ0QixFQUVrQztBQUNoQyxnQkFBSStCLFlBQVksR0FBR2xDLEtBQW5CO0FBQ0E7QUFDRDtBQUNGOztBQUVELFlBQUlrQyxZQUFZLEtBQ1hwRyxJQUFJLEtBQUssT0FBVCxJQUNBQSxJQUFJLEtBQUssVUFGRSxDQUFaLElBR0FvRyxZQUFZLENBQUNqQyxNQUFiLElBQXVCcEUsR0FIdkIsSUFJQUEsR0FBRyxJQUFJcUcsWUFBWSxDQUFDL0IsVUFKeEIsRUFJb0M7OztBQUdsQytCLFVBQUFBLFlBQVksR0FBRyxJQUFmO0FBQ0Q7O0FBRUQsWUFBSWpFLE1BQU0sR0FBR2lFLFlBQVksR0FBR0EsWUFBWSxDQUFDMUIsVUFBaEIsR0FBNkIsRUFBdEQ7QUFDQXZDLFFBQUFBLE1BQU0sQ0FBQ25DLElBQVAsR0FBY0EsSUFBZDtBQUNBbUMsUUFBQUEsTUFBTSxDQUFDcEMsR0FBUCxHQUFhQSxHQUFiOztBQUVBLFlBQUlxRyxZQUFKLEVBQWtCO0FBQ2hCLGVBQUtoRixNQUFMLEdBQWMsTUFBZDtBQUNBLGVBQUsyQixJQUFMLEdBQVlxRCxZQUFZLENBQUMvQixVQUF6QjtBQUNBLGlCQUFPOUQsZ0JBQVA7QUFDRDs7QUFFRCxlQUFPLEtBQUs4RixRQUFMLENBQWNsRSxNQUFkLENBQVA7QUFDRCxPQXJJaUI7QUF1SWxCa0UsTUFBQUEsUUFBUSxFQUFFLFVBQVNsRSxNQUFULEVBQWlCbUMsUUFBakIsRUFBMkI7QUFDbkMsWUFBSW5DLE1BQU0sQ0FBQ25DLElBQVAsS0FBZ0IsT0FBcEIsRUFBNkI7QUFDM0IsZ0JBQU1tQyxNQUFNLENBQUNwQyxHQUFiO0FBQ0Q7O0FBRUQsWUFBSW9DLE1BQU0sQ0FBQ25DLElBQVAsS0FBZ0IsT0FBaEIsSUFDQW1DLE1BQU0sQ0FBQ25DLElBQVAsS0FBZ0IsVUFEcEIsRUFDZ0M7QUFDOUIsZUFBSytDLElBQUwsR0FBWVosTUFBTSxDQUFDcEMsR0FBbkI7QUFDRCxTQUhELE1BR08sSUFBSW9DLE1BQU0sQ0FBQ25DLElBQVAsS0FBZ0IsUUFBcEIsRUFBOEI7QUFDbkMsZUFBSzZGLElBQUwsR0FBWSxLQUFLOUYsR0FBTCxHQUFXb0MsTUFBTSxDQUFDcEMsR0FBOUI7QUFDQSxlQUFLcUIsTUFBTCxHQUFjLFFBQWQ7QUFDQSxlQUFLMkIsSUFBTCxHQUFZLEtBQVo7QUFDRCxTQUpNLE1BSUEsSUFBSVosTUFBTSxDQUFDbkMsSUFBUCxLQUFnQixRQUFoQixJQUE0QnNFLFFBQWhDLEVBQTBDO0FBQy9DLGVBQUt2QixJQUFMLEdBQVl1QixRQUFaO0FBQ0Q7O0FBRUQsZUFBTy9ELGdCQUFQO0FBQ0QsT0F4SmlCO0FBMEpsQitGLE1BQUFBLE1BQU0sRUFBRSxVQUFTakMsVUFBVCxFQUFxQjtBQUMzQixhQUFLLElBQUlnQixDQUFDLEdBQUcsS0FBS2QsVUFBTCxDQUFnQlMsTUFBaEIsR0FBeUIsQ0FBdEMsRUFBeUNLLENBQUMsSUFBSSxDQUE5QyxFQUFpRCxFQUFFQSxDQUFuRCxFQUFzRDtBQUNwRCxjQUFJbkIsS0FBSyxHQUFHLEtBQUtLLFVBQUwsQ0FBZ0JjLENBQWhCLENBQVo7O0FBQ0EsY0FBSW5CLEtBQUssQ0FBQ0csVUFBTixLQUFxQkEsVUFBekIsRUFBcUM7QUFDbkMsaUJBQUtnQyxRQUFMLENBQWNuQyxLQUFLLENBQUNRLFVBQXBCLEVBQWdDUixLQUFLLENBQUNJLFFBQXRDO0FBQ0FHLFlBQUFBLGFBQWEsQ0FBQ1AsS0FBRCxDQUFiO0FBQ0EsbUJBQU8zRCxnQkFBUDtBQUNEO0FBQ0Y7QUFDRixPQW5LaUI7QUFxS2xCLGVBQVMsVUFBUzRELE1BQVQsRUFBaUI7QUFDeEIsYUFBSyxJQUFJa0IsQ0FBQyxHQUFHLEtBQUtkLFVBQUwsQ0FBZ0JTLE1BQWhCLEdBQXlCLENBQXRDLEVBQXlDSyxDQUFDLElBQUksQ0FBOUMsRUFBaUQsRUFBRUEsQ0FBbkQsRUFBc0Q7QUFDcEQsY0FBSW5CLEtBQUssR0FBRyxLQUFLSyxVQUFMLENBQWdCYyxDQUFoQixDQUFaOztBQUNBLGNBQUluQixLQUFLLENBQUNDLE1BQU4sS0FBaUJBLE1BQXJCLEVBQTZCO0FBQzNCLGdCQUFJaEMsTUFBTSxHQUFHK0IsS0FBSyxDQUFDUSxVQUFuQjs7QUFDQSxnQkFBSXZDLE1BQU0sQ0FBQ25DLElBQVAsS0FBZ0IsT0FBcEIsRUFBNkI7QUFDM0Isa0JBQUl1RyxNQUFNLEdBQUdwRSxNQUFNLENBQUNwQyxHQUFwQjtBQUNBMEUsY0FBQUEsYUFBYSxDQUFDUCxLQUFELENBQWI7QUFDRDs7QUFDRCxtQkFBT3FDLE1BQVA7QUFDRDtBQUNGLFNBWHVCOzs7O0FBZXhCLGNBQU0sSUFBSXJELEtBQUosQ0FBVSx1QkFBVixDQUFOO0FBQ0QsT0FyTGlCO0FBdUxsQnNELE1BQUFBLGFBQWEsRUFBRSxVQUFTdEIsUUFBVCxFQUFtQnJCLFVBQW5CLEVBQStCQyxPQUEvQixFQUF3QztBQUNyRCxhQUFLVixRQUFMLEdBQWdCO0FBQ2QxRSxVQUFBQSxRQUFRLEVBQUVvQyxNQUFNLENBQUNvRSxRQUFELENBREY7QUFFZHJCLFVBQUFBLFVBQVUsRUFBRUEsVUFGRTtBQUdkQyxVQUFBQSxPQUFPLEVBQUVBO0FBSEssU0FBaEI7O0FBTUEsWUFBSSxLQUFLMUMsTUFBTCxLQUFnQixNQUFwQixFQUE0Qjs7O0FBRzFCLGVBQUtyQixHQUFMLEdBQVd6QixXQUFYO0FBQ0Q7O0FBRUQsZUFBT2lDLGdCQUFQO0FBQ0Q7QUFyTWlCLEtBQXBCLENBOWVnQzs7Ozs7QUEwckJoQyxXQUFPdkMsT0FBUDtBQUVELEdBNXJCYzs7OztBQWlzQmIsR0FBNkJ5SSxNQUFNLENBQUN6SSxPQUFwQyxDQWpzQmEsQ0FBZjs7QUFvc0JBLE1BQUk7QUFDRjBJLElBQUFBLGtCQUFrQixHQUFHM0ksT0FBckI7QUFDRCxHQUZELENBRUUsT0FBTzRJLG9CQUFQLEVBQTZCOzs7Ozs7Ozs7O0FBVTdCQyxJQUFBQSxRQUFRLENBQUMsR0FBRCxFQUFNLHdCQUFOLENBQVIsQ0FBd0M3SSxPQUF4Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==\n" }, { "path": "ArduinoFrontend/src/assets/canvg/index.js", "content": "'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nfunction _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }\n\nrequire('core-js/modules/es.array.map');\nrequire('core-js/modules/es.regexp.exec');\nrequire('core-js/modules/es.string.match');\nrequire('core-js/modules/es.string.replace');\nrequire('core-js/modules/es.array.join');\nvar _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));\nrequire('core-js/modules/es.symbol');\nrequire('core-js/modules/es.array.filter');\nrequire('core-js/modules/es.array.for-each');\nrequire('core-js/modules/es.object.get-own-property-descriptor');\nrequire('core-js/modules/es.object.get-own-property-descriptors');\nrequire('core-js/modules/es.object.keys');\nrequire('core-js/modules/web.dom-collections.for-each');\nvar _regeneratorRuntime = _interopDefault(require('@babel/runtime/regenerator'));\nvar _asyncToGenerator = _interopDefault(require('@babel/runtime/helpers/asyncToGenerator'));\nvar _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));\nvar _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));\nvar _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));\nrequire('core-js/modules/es.array.concat');\nrequire('core-js/modules/es.array.every');\nrequire('core-js/modules/es.array.reduce');\nrequire('core-js/modules/es.object.to-string');\nrequire('core-js/modules/es.promise');\nrequire('core-js/modules/es.string.split');\nvar requestAnimationFrame = _interopDefault(require('raf'));\nrequire('core-js/modules/es.function.name');\nvar RGBColor = _interopDefault(require('rgbcolor'));\nrequire('core-js/modules/es.reflect.construct');\nrequire('core-js/modules/es.regexp.to-string');\nvar _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));\nvar _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));\nvar _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));\nrequire('core-js/modules/es.array.from');\nrequire('core-js/modules/es.array.includes');\nrequire('core-js/modules/es.array.some');\nrequire('core-js/modules/es.string.includes');\nrequire('core-js/modules/es.string.iterator');\nrequire('core-js/modules/es.string.trim');\nrequire('core-js/modules/es.array.index-of');\nrequire('core-js/modules/es.array.reverse');\nvar _get = _interopDefault(require('@babel/runtime/helpers/get'));\nrequire('core-js/modules/es.number.constructor');\nrequire('core-js/modules/es.array.fill');\nrequire('core-js/modules/es.reflect.delete-property');\nvar _assertThisInitialized = _interopDefault(require('@babel/runtime/helpers/assertThisInitialized'));\nrequire('core-js/modules/es.array.iterator');\nrequire('core-js/modules/web.dom-collections.iterator');\nrequire('core-js/modules/es.symbol.description');\nrequire('core-js/modules/es.symbol.iterator');\nrequire('core-js/modules/es.array.slice');\nrequire('core-js/modules/es.map');\nrequire('core-js/modules/es.reflect.apply');\nrequire('core-js/modules/es.reflect.get-prototype-of');\nvar stackblurCanvas = require('stackblur-canvas');\n\n/**\n * HTML-safe compress white-spaces.\n * @param str - String to compress.\n */\nfunction compressSpaces(str) {\n return str.replace(/(?!\\u3000)\\s+/gm, ' ');\n}\n/**\n * HTML-safe left trim.\n * @param str - String to trim.\n */\n\nfunction trimLeft(str) {\n return str.replace(/^[\\n \\t]+/, '');\n}\n/**\n * HTML-safe right trim.\n * @param str - String to trim.\n */\n\nfunction trimRight(str) {\n return str.replace(/[\\n \\t]+$/, '');\n}\n/**\n * String to numbers array.\n * @param str - Numbers string.\n */\n\nfunction toNumbers(str) {\n var matches = (str || '').match(/-?(\\d+(?:\\.\\d*(?:[eE][+-]?\\d+)?)?|\\.\\d+)(?=\\D|$)/gm) || [];\n return matches.map(parseFloat);\n} // Microsoft Edge fix\n\nvar allUppercase = /^[A-Z-]+$/;\n/**\n * Normalize attribute name.\n * @param name - Attribute name.\n */\n\nfunction normalizeAttributeName(name) {\n if (allUppercase.test(name)) {\n return name.toLowerCase();\n }\n\n return name;\n}\n/**\n * Parse external URL.\n * @param url - CSS url string.\n */\n\nfunction parseExternalUrl(url) {\n // single quotes [2]\n // v double quotes [3]\n // v v no quotes [4]\n // v v v\n var urlMatch = url.match(/url\\(('([^']+)'|\"([^\"]+)\"|([^'\"\\)]+))\\)/) || [];\n return urlMatch[2] || urlMatch[3] || urlMatch[4];\n}\n\n// slightly modified version of https://github.com/keeganstreet/specificity/blob/master/specificity.js\nvar attributeRegex = /(\\[[^\\]]+\\])/g;\nvar idRegex = /(#[^\\s\\+>~\\.\\[:]+)/g;\nvar classRegex = /(\\.[^\\s\\+>~\\.\\[:]+)/g;\nvar pseudoElementRegex = /(::[^\\s\\+>~\\.\\[:]+|:first-line|:first-letter|:before|:after)/gi;\nvar pseudoClassWithBracketsRegex = /(:[\\w-]+\\([^\\)]*\\))/gi;\nvar pseudoClassRegex = /(:[^\\s\\+>~\\.\\[:]+)/g;\nvar elementRegex = /([^\\s\\+>~\\.\\[:]+)/g;\n\nfunction findSelectorMatch(selector, regex) {\n var matches = selector.match(regex);\n\n if (!matches) {\n return [selector, 0];\n }\n\n return [selector.replace(regex, ' '), matches.length];\n}\n/**\n * Measure selector specificity.\n * @param selector - Selector to measure.\n */\n\n\nfunction getSelectorSpecificity(selector) {\n var specificity = [0, 0, 0];\n var currentSelector = selector.replace(/:not\\(([^\\)]*)\\)/g, ' $1 ').replace(/{[\\s\\S]*/gm, ' ');\n var delta = 0;\n\n var _findSelectorMatch = findSelectorMatch(currentSelector, attributeRegex);\n\n var _findSelectorMatch2 = _slicedToArray(_findSelectorMatch, 2);\n\n currentSelector = _findSelectorMatch2[0];\n delta = _findSelectorMatch2[1];\n specificity[1] += delta;\n\n var _findSelectorMatch3 = findSelectorMatch(currentSelector, idRegex);\n\n var _findSelectorMatch4 = _slicedToArray(_findSelectorMatch3, 2);\n\n currentSelector = _findSelectorMatch4[0];\n delta = _findSelectorMatch4[1];\n specificity[0] += delta;\n\n var _findSelectorMatch5 = findSelectorMatch(currentSelector, classRegex);\n\n var _findSelectorMatch6 = _slicedToArray(_findSelectorMatch5, 2);\n\n currentSelector = _findSelectorMatch6[0];\n delta = _findSelectorMatch6[1];\n specificity[1] += delta;\n\n var _findSelectorMatch7 = findSelectorMatch(currentSelector, pseudoElementRegex);\n\n var _findSelectorMatch8 = _slicedToArray(_findSelectorMatch7, 2);\n\n currentSelector = _findSelectorMatch8[0];\n delta = _findSelectorMatch8[1];\n specificity[2] += delta;\n\n var _findSelectorMatch9 = findSelectorMatch(currentSelector, pseudoClassWithBracketsRegex);\n\n var _findSelectorMatch10 = _slicedToArray(_findSelectorMatch9, 2);\n\n currentSelector = _findSelectorMatch10[0];\n delta = _findSelectorMatch10[1];\n specificity[1] += delta;\n\n var _findSelectorMatch11 = findSelectorMatch(currentSelector, pseudoClassRegex);\n\n var _findSelectorMatch12 = _slicedToArray(_findSelectorMatch11, 2);\n\n currentSelector = _findSelectorMatch12[0];\n delta = _findSelectorMatch12[1];\n specificity[1] += delta;\n currentSelector = currentSelector.replace(/[\\*\\s\\+>~]/g, ' ').replace(/[#\\.]/g, ' ');\n\n var _findSelectorMatch13 = findSelectorMatch(currentSelector, elementRegex);\n\n var _findSelectorMatch14 = _slicedToArray(_findSelectorMatch13, 2);\n\n currentSelector = _findSelectorMatch14[0];\n delta = _findSelectorMatch14[1];\n // lgtm [js/useless-assignment-to-local]\n specificity[2] += delta;\n return specificity.join('');\n}\n\nvar PSEUDO_ZERO = .00000001;\n/**\n * Vector magnitude.\n */\n\nfunction vectorMagnitude(v) {\n return Math.sqrt(Math.pow(v[0], 2) + Math.pow(v[1], 2));\n}\n/**\n * Ratio between two vectors.\n */\n\nfunction vectorsRatio(u, v) {\n return (u[0] * v[0] + u[1] * v[1]) / (vectorMagnitude(u) * vectorMagnitude(v));\n}\n/**\n * Angle between two vectors.\n */\n\nfunction vectorsAngle(u, v) {\n return (u[0] * v[1] < u[1] * v[0] ? -1 : 1) * Math.acos(vectorsRatio(u, v));\n}\nfunction CB1(t) {\n return t * t * t;\n}\nfunction CB2(t) {\n return 3 * t * t * (1 - t);\n}\nfunction CB3(t) {\n return 3 * t * (1 - t) * (1 - t);\n}\nfunction CB4(t) {\n return (1 - t) * (1 - t) * (1 - t);\n}\nfunction QB1(t) {\n return t * t;\n}\nfunction QB2(t) {\n return 2 * t * (1 - t);\n}\nfunction QB3(t) {\n return (1 - t) * (1 - t);\n}\n\nfunction createCommonjsModule(fn, module) {\n\treturn module = { exports: {} }, fn(module, module.exports), module.exports;\n}\n\nvar runtime_1 = createCommonjsModule(function (module) {\n /**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n var runtime = function (exports) {\n\n var Op = Object.prototype;\n var hasOwn = Op.hasOwnProperty;\n var undefined$1; // More compressible than void 0.\n\n var $Symbol = typeof Symbol === \"function\" ? Symbol : {};\n var iteratorSymbol = $Symbol.iterator || \"@@iterator\";\n var asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\";\n var toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\";\n\n function wrap(innerFn, outerFn, self, tryLocsList) {\n // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.\n var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;\n var generator = Object.create(protoGenerator.prototype);\n var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next,\n // .throw, and .return methods.\n\n generator._invoke = makeInvokeMethod(innerFn, self, context);\n return generator;\n }\n\n exports.wrap = wrap; // Try/catch helper to minimize deoptimizations. Returns a completion\n // record like context.tryEntries[i].completion. This interface could\n // have been (and was previously) designed to take a closure to be\n // invoked without arguments, but in all the cases we care about we\n // already have an existing method we want to call, so there's no need\n // to create a new function object. We can even get away with assuming\n // the method takes exactly one argument, since that happens to be true\n // in every case, so we don't have to touch the arguments object. The\n // only additional allocation required is the completion record, which\n // has a stable shape and so hopefully should be cheap to allocate.\n\n function tryCatch(fn, obj, arg) {\n try {\n return {\n type: \"normal\",\n arg: fn.call(obj, arg)\n };\n } catch (err) {\n return {\n type: \"throw\",\n arg: err\n };\n }\n }\n\n var GenStateSuspendedStart = \"suspendedStart\";\n var GenStateSuspendedYield = \"suspendedYield\";\n var GenStateExecuting = \"executing\";\n var GenStateCompleted = \"completed\"; // Returning this object from the innerFn has the same effect as\n // breaking out of the dispatch switch statement.\n\n var ContinueSentinel = {}; // Dummy constructor functions that we use as the .constructor and\n // .constructor.prototype properties for functions that return Generator\n // objects. For full spec compliance, you may wish to configure your\n // minifier not to mangle the names of these two functions.\n\n function Generator() {}\n\n function GeneratorFunction() {}\n\n function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that\n // don't natively support it.\n\n\n var IteratorPrototype = {};\n\n IteratorPrototype[iteratorSymbol] = function () {\n return this;\n };\n\n var getProto = Object.getPrototypeOf;\n var NativeIteratorPrototype = getProto && getProto(getProto(values([])));\n\n if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {\n // This environment has a native %IteratorPrototype%; use it instead\n // of the polyfill.\n IteratorPrototype = NativeIteratorPrototype;\n }\n\n var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);\n GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;\n GeneratorFunctionPrototype.constructor = GeneratorFunction;\n GeneratorFunctionPrototype[toStringTagSymbol] = GeneratorFunction.displayName = \"GeneratorFunction\"; // Helper for defining the .next, .throw, and .return methods of the\n // Iterator interface in terms of a single ._invoke method.\n\n function defineIteratorMethods(prototype) {\n [\"next\", \"throw\", \"return\"].forEach(function (method) {\n prototype[method] = function (arg) {\n return this._invoke(method, arg);\n };\n });\n }\n\n exports.isGeneratorFunction = function (genFun) {\n var ctor = typeof genFun === \"function\" && genFun.constructor;\n return ctor ? ctor === GeneratorFunction || // For the native GeneratorFunction constructor, the best we can\n // do is to check its .name property.\n (ctor.displayName || ctor.name) === \"GeneratorFunction\" : false;\n };\n\n exports.mark = function (genFun) {\n if (Object.setPrototypeOf) {\n Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);\n } else {\n genFun.__proto__ = GeneratorFunctionPrototype;\n\n if (!(toStringTagSymbol in genFun)) {\n genFun[toStringTagSymbol] = \"GeneratorFunction\";\n }\n }\n\n genFun.prototype = Object.create(Gp);\n return genFun;\n }; // Within the body of any async function, `await x` is transformed to\n // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test\n // `hasOwn.call(value, \"__await\")` to determine if the yielded value is\n // meant to be awaited.\n\n\n exports.awrap = function (arg) {\n return {\n __await: arg\n };\n };\n\n function AsyncIterator(generator, PromiseImpl) {\n function invoke(method, arg, resolve, reject) {\n var record = tryCatch(generator[method], generator, arg);\n\n if (record.type === \"throw\") {\n reject(record.arg);\n } else {\n var result = record.arg;\n var value = result.value;\n\n if (value && typeof value === \"object\" && hasOwn.call(value, \"__await\")) {\n return PromiseImpl.resolve(value.__await).then(function (value) {\n invoke(\"next\", value, resolve, reject);\n }, function (err) {\n invoke(\"throw\", err, resolve, reject);\n });\n }\n\n return PromiseImpl.resolve(value).then(function (unwrapped) {\n // When a yielded Promise is resolved, its final value becomes\n // the .value of the Promise<{value,done}> result for the\n // current iteration.\n result.value = unwrapped;\n resolve(result);\n }, function (error) {\n // If a rejected Promise was yielded, throw the rejection back\n // into the async generator function so it can be handled there.\n return invoke(\"throw\", error, resolve, reject);\n });\n }\n }\n\n var previousPromise;\n\n function enqueue(method, arg) {\n function callInvokeWithMethodAndArg() {\n return new PromiseImpl(function (resolve, reject) {\n invoke(method, arg, resolve, reject);\n });\n }\n\n return previousPromise = // If enqueue has been called before, then we want to wait until\n // all previous Promises have been resolved before calling invoke,\n // so that results are always delivered in the correct order. If\n // enqueue has not been called before, then it is important to\n // call invoke immediately, without waiting on a callback to fire,\n // so that the async generator function has the opportunity to do\n // any necessary setup in a predictable way. This predictability\n // is why the Promise constructor synchronously invokes its\n // executor callback, and why async functions synchronously\n // execute code before the first await. Since we implement simple\n // async functions in terms of async generators, it is especially\n // important to get this right, even though it requires care.\n previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, // Avoid propagating failures to Promises returned by later\n // invocations of the iterator.\n callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();\n } // Define the unified helper method that is used to implement .next,\n // .throw, and .return (see defineIteratorMethods).\n\n\n this._invoke = enqueue;\n }\n\n defineIteratorMethods(AsyncIterator.prototype);\n\n AsyncIterator.prototype[asyncIteratorSymbol] = function () {\n return this;\n };\n\n exports.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of\n // AsyncIterator objects; they just return a Promise for the value of\n // the final result produced by the iterator.\n\n exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {\n if (PromiseImpl === void 0) PromiseImpl = Promise;\n var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);\n return exports.isGeneratorFunction(outerFn) ? iter // If outerFn is a generator, return the full iterator.\n : iter.next().then(function (result) {\n return result.done ? result.value : iter.next();\n });\n };\n\n function makeInvokeMethod(innerFn, self, context) {\n var state = GenStateSuspendedStart;\n return function invoke(method, arg) {\n if (state === GenStateExecuting) {\n throw new Error(\"Generator is already running\");\n }\n\n if (state === GenStateCompleted) {\n if (method === \"throw\") {\n throw arg;\n } // Be forgiving, per 25.3.3.3.3 of the spec:\n // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume\n\n\n return doneResult();\n }\n\n context.method = method;\n context.arg = arg;\n\n while (true) {\n var delegate = context.delegate;\n\n if (delegate) {\n var delegateResult = maybeInvokeDelegate(delegate, context);\n\n if (delegateResult) {\n if (delegateResult === ContinueSentinel) continue;\n return delegateResult;\n }\n }\n\n if (context.method === \"next\") {\n // Setting context._sent for legacy support of Babel's\n // function.sent implementation.\n context.sent = context._sent = context.arg;\n } else if (context.method === \"throw\") {\n if (state === GenStateSuspendedStart) {\n state = GenStateCompleted;\n throw context.arg;\n }\n\n context.dispatchException(context.arg);\n } else if (context.method === \"return\") {\n context.abrupt(\"return\", context.arg);\n }\n\n state = GenStateExecuting;\n var record = tryCatch(innerFn, self, context);\n\n if (record.type === \"normal\") {\n // If an exception is thrown from innerFn, we leave state ===\n // GenStateExecuting and loop back for another invocation.\n state = context.done ? GenStateCompleted : GenStateSuspendedYield;\n\n if (record.arg === ContinueSentinel) {\n continue;\n }\n\n return {\n value: record.arg,\n done: context.done\n };\n } else if (record.type === \"throw\") {\n state = GenStateCompleted; // Dispatch the exception by looping back around to the\n // context.dispatchException(context.arg) call above.\n\n context.method = \"throw\";\n context.arg = record.arg;\n }\n }\n };\n } // Call delegate.iterator[context.method](context.arg) and handle the\n // result, either by returning a { value, done } result from the\n // delegate iterator, or by modifying context.method and context.arg,\n // setting context.delegate to null, and returning the ContinueSentinel.\n\n\n function maybeInvokeDelegate(delegate, context) {\n var method = delegate.iterator[context.method];\n\n if (method === undefined$1) {\n // A .throw or .return when the delegate iterator has no .throw\n // method always terminates the yield* loop.\n context.delegate = null;\n\n if (context.method === \"throw\") {\n // Note: [\"return\"] must be used for ES3 parsing compatibility.\n if (delegate.iterator[\"return\"]) {\n // If the delegate iterator has a return method, give it a\n // chance to clean up.\n context.method = \"return\";\n context.arg = undefined$1;\n maybeInvokeDelegate(delegate, context);\n\n if (context.method === \"throw\") {\n // If maybeInvokeDelegate(context) changed context.method from\n // \"return\" to \"throw\", let that override the TypeError below.\n return ContinueSentinel;\n }\n }\n\n context.method = \"throw\";\n context.arg = new TypeError(\"The iterator does not provide a 'throw' method\");\n }\n\n return ContinueSentinel;\n }\n\n var record = tryCatch(method, delegate.iterator, context.arg);\n\n if (record.type === \"throw\") {\n context.method = \"throw\";\n context.arg = record.arg;\n context.delegate = null;\n return ContinueSentinel;\n }\n\n var info = record.arg;\n\n if (!info) {\n context.method = \"throw\";\n context.arg = new TypeError(\"iterator result is not an object\");\n context.delegate = null;\n return ContinueSentinel;\n }\n\n if (info.done) {\n // Assign the result of the finished delegate to the temporary\n // variable specified by delegate.resultName (see delegateYield).\n context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield).\n\n context.next = delegate.nextLoc; // If context.method was \"throw\" but the delegate handled the\n // exception, let the outer generator proceed normally. If\n // context.method was \"next\", forget context.arg since it has been\n // \"consumed\" by the delegate iterator. If context.method was\n // \"return\", allow the original .return call to continue in the\n // outer generator.\n\n if (context.method !== \"return\") {\n context.method = \"next\";\n context.arg = undefined$1;\n }\n } else {\n // Re-yield the result returned by the delegate method.\n return info;\n } // The delegate iterator is finished, so forget it and continue with\n // the outer generator.\n\n\n context.delegate = null;\n return ContinueSentinel;\n } // Define Generator.prototype.{next,throw,return} in terms of the\n // unified ._invoke helper method.\n\n\n defineIteratorMethods(Gp);\n Gp[toStringTagSymbol] = \"Generator\"; // A Generator should always return itself as the iterator object when the\n // @@iterator function is called on it. Some browsers' implementations of the\n // iterator prototype chain incorrectly implement this, causing the Generator\n // object to not be returned from this call. This ensures that doesn't happen.\n // See https://github.com/facebook/regenerator/issues/274 for more details.\n\n Gp[iteratorSymbol] = function () {\n return this;\n };\n\n Gp.toString = function () {\n return \"[object Generator]\";\n };\n\n function pushTryEntry(locs) {\n var entry = {\n tryLoc: locs[0]\n };\n\n if (1 in locs) {\n entry.catchLoc = locs[1];\n }\n\n if (2 in locs) {\n entry.finallyLoc = locs[2];\n entry.afterLoc = locs[3];\n }\n\n this.tryEntries.push(entry);\n }\n\n function resetTryEntry(entry) {\n var record = entry.completion || {};\n record.type = \"normal\";\n delete record.arg;\n entry.completion = record;\n }\n\n function Context(tryLocsList) {\n // The root entry object (effectively a try statement without a catch\n // or a finally block) gives us a place to store values thrown from\n // locations where there is no enclosing try statement.\n this.tryEntries = [{\n tryLoc: \"root\"\n }];\n tryLocsList.forEach(pushTryEntry, this);\n this.reset(true);\n }\n\n exports.keys = function (object) {\n var keys = [];\n\n for (var key in object) {\n keys.push(key);\n }\n\n keys.reverse(); // Rather than returning an object with a next method, we keep\n // things simple and return the next function itself.\n\n return function next() {\n while (keys.length) {\n var key = keys.pop();\n\n if (key in object) {\n next.value = key;\n next.done = false;\n return next;\n }\n } // To avoid creating an additional object, we just hang the .value\n // and .done properties off the next function object itself. This\n // also ensures that the minifier will not anonymize the function.\n\n\n next.done = true;\n return next;\n };\n };\n\n function values(iterable) {\n if (iterable) {\n var iteratorMethod = iterable[iteratorSymbol];\n\n if (iteratorMethod) {\n return iteratorMethod.call(iterable);\n }\n\n if (typeof iterable.next === \"function\") {\n return iterable;\n }\n\n if (!isNaN(iterable.length)) {\n var i = -1,\n next = function next() {\n while (++i < iterable.length) {\n if (hasOwn.call(iterable, i)) {\n next.value = iterable[i];\n next.done = false;\n return next;\n }\n }\n\n next.value = undefined$1;\n next.done = true;\n return next;\n };\n\n return next.next = next;\n }\n } // Return an iterator with no values.\n\n\n return {\n next: doneResult\n };\n }\n\n exports.values = values;\n\n function doneResult() {\n return {\n value: undefined$1,\n done: true\n };\n }\n\n Context.prototype = {\n constructor: Context,\n reset: function (skipTempReset) {\n this.prev = 0;\n this.next = 0; // Resetting context._sent for legacy support of Babel's\n // function.sent implementation.\n\n this.sent = this._sent = undefined$1;\n this.done = false;\n this.delegate = null;\n this.method = \"next\";\n this.arg = undefined$1;\n this.tryEntries.forEach(resetTryEntry);\n\n if (!skipTempReset) {\n for (var name in this) {\n // Not sure about the optimal order of these conditions:\n if (name.charAt(0) === \"t\" && hasOwn.call(this, name) && !isNaN(+name.slice(1))) {\n this[name] = undefined$1;\n }\n }\n }\n },\n stop: function () {\n this.done = true;\n var rootEntry = this.tryEntries[0];\n var rootRecord = rootEntry.completion;\n\n if (rootRecord.type === \"throw\") {\n throw rootRecord.arg;\n }\n\n return this.rval;\n },\n dispatchException: function (exception) {\n if (this.done) {\n throw exception;\n }\n\n var context = this;\n\n function handle(loc, caught) {\n record.type = \"throw\";\n record.arg = exception;\n context.next = loc;\n\n if (caught) {\n // If the dispatched exception was caught by a catch block,\n // then let that catch block handle the exception normally.\n context.method = \"next\";\n context.arg = undefined$1;\n }\n\n return !!caught;\n }\n\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n var record = entry.completion;\n\n if (entry.tryLoc === \"root\") {\n // Exception thrown outside of any try block that could handle\n // it, so set the completion value of the entire function to\n // throw the exception.\n return handle(\"end\");\n }\n\n if (entry.tryLoc <= this.prev) {\n var hasCatch = hasOwn.call(entry, \"catchLoc\");\n var hasFinally = hasOwn.call(entry, \"finallyLoc\");\n\n if (hasCatch && hasFinally) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n } else if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n } else if (hasCatch) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n }\n } else if (hasFinally) {\n if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n } else {\n throw new Error(\"try statement without catch or finally\");\n }\n }\n }\n },\n abrupt: function (type, arg) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n\n if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) {\n var finallyEntry = entry;\n break;\n }\n }\n\n if (finallyEntry && (type === \"break\" || type === \"continue\") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) {\n // Ignore the finally entry if control is not jumping to a\n // location outside the try/catch block.\n finallyEntry = null;\n }\n\n var record = finallyEntry ? finallyEntry.completion : {};\n record.type = type;\n record.arg = arg;\n\n if (finallyEntry) {\n this.method = \"next\";\n this.next = finallyEntry.finallyLoc;\n return ContinueSentinel;\n }\n\n return this.complete(record);\n },\n complete: function (record, afterLoc) {\n if (record.type === \"throw\") {\n throw record.arg;\n }\n\n if (record.type === \"break\" || record.type === \"continue\") {\n this.next = record.arg;\n } else if (record.type === \"return\") {\n this.rval = this.arg = record.arg;\n this.method = \"return\";\n this.next = \"end\";\n } else if (record.type === \"normal\" && afterLoc) {\n this.next = afterLoc;\n }\n\n return ContinueSentinel;\n },\n finish: function (finallyLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n\n if (entry.finallyLoc === finallyLoc) {\n this.complete(entry.completion, entry.afterLoc);\n resetTryEntry(entry);\n return ContinueSentinel;\n }\n }\n },\n \"catch\": function (tryLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n\n if (entry.tryLoc === tryLoc) {\n var record = entry.completion;\n\n if (record.type === \"throw\") {\n var thrown = record.arg;\n resetTryEntry(entry);\n }\n\n return thrown;\n }\n } // The context.catch method must only be called with a location\n // argument that corresponds to a known catch block.\n\n\n throw new Error(\"illegal catch attempt\");\n },\n delegateYield: function (iterable, resultName, nextLoc) {\n this.delegate = {\n iterator: values(iterable),\n resultName: resultName,\n nextLoc: nextLoc\n };\n\n if (this.method === \"next\") {\n // Deliberately forget the last sent value so that we don't\n // accidentally pass it on to the delegate.\n this.arg = undefined$1;\n }\n\n return ContinueSentinel;\n }\n }; // Regardless of whether this script is executing as a CommonJS module\n // or not, return the runtime object so that we can declare the variable\n // regeneratorRuntime in the outer scope, which allows this module to be\n // injected easily by `bin/regenerator --include-runtime script.js`.\n\n return exports;\n }( // If this script is executing as a CommonJS module, use module.exports\n // as the regeneratorRuntime namespace. Otherwise create a new empty\n // object. Either way, the resulting object will be used to initialize\n // the regeneratorRuntime variable at the top of this file.\n module.exports );\n\n try {\n regeneratorRuntime = runtime;\n } catch (accidentalStrictMode) {\n // This module should not be running in strict mode, so the above\n // assignment should always work unless something is misconfigured. Just\n // in case runtime.js accidentally runs in strict mode, we can escape\n // strict mode using a global Function call. This could conceivably fail\n // if a Content Security Policy forbids using Function, but in that case\n // the proper solution is to fix the accidental strict mode problem. If\n // you've misconfigured your bundler to force strict mode and applied a\n // CSP to forbid Function, and you're not willing to fix either of those\n // problems, please detail your unique predicament in a GitHub issue.\n Function(\"r\", \"regeneratorRuntime = r\")(runtime);\n }\n});\n\nvar Property = /*#__PURE__*/function () {\n function Property(document, name, value) {\n _classCallCheck(this, Property);\n\n this.document = document;\n this.name = name;\n this.value = value;\n }\n\n _createClass(Property, [{\n key: \"hasValue\",\n value: function hasValue() {\n var value = this.value;\n return value !== null && value !== '' && value !== 0 && typeof value !== 'undefined';\n }\n }, {\n key: \"isString\",\n value: function isString(regexp) {\n var value = this.value;\n var result = typeof value === 'string';\n\n if (!result || !regexp) {\n return result;\n }\n\n return regexp.test(value);\n }\n }, {\n key: \"isUrlDefinition\",\n value: function isUrlDefinition() {\n return this.isString(/^url\\(/);\n }\n }, {\n key: \"isPixels\",\n value: function isPixels() {\n if (!this.hasValue()) {\n return false;\n }\n\n var asString = this.getString();\n\n switch (true) {\n case /px$/.test(asString):\n case /^[0-9]+$/.test(asString):\n return true;\n\n default:\n return false;\n }\n }\n }, {\n key: \"setValue\",\n value: function setValue(value) {\n this.value = value;\n return this;\n }\n }, {\n key: \"getValue\",\n value: function getValue(def) {\n if (typeof def === 'undefined' || this.hasValue()) {\n return this.value;\n }\n\n return def;\n }\n }, {\n key: \"getNumber\",\n value: function getNumber(def) {\n if (!this.hasValue()) {\n if (typeof def === 'undefined') {\n return 0;\n }\n\n return parseFloat(def);\n }\n\n var value = this.value;\n var n = parseFloat(value);\n\n if (this.isString(/%$/)) {\n n = n / 100.0;\n }\n\n return n;\n }\n }, {\n key: \"getString\",\n value: function getString(def) {\n if (typeof def === 'undefined' || this.hasValue()) {\n return typeof this.value === 'undefined' ? '' : String(this.value);\n }\n\n return String(def);\n }\n }, {\n key: \"getDpi\",\n value: function getDpi() {\n return 96.0; // TODO: compute?\n }\n }, {\n key: \"getRem\",\n value: function getRem() {\n return this.document.rootEmSize;\n }\n }, {\n key: \"getEm\",\n value: function getEm() {\n return this.document.emSize;\n }\n }, {\n key: \"getUnits\",\n value: function getUnits() {\n return this.getString().replace(/[0-9\\.\\-]/g, '');\n }\n }, {\n key: \"getPixels\",\n value: function getPixels(axisOrIsFontSize) {\n var processPercent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n if (!this.hasValue()) {\n return 0;\n }\n\n var _ref = typeof axisOrIsFontSize === 'boolean' ? [undefined, axisOrIsFontSize] : [axisOrIsFontSize],\n _ref2 = _slicedToArray(_ref, 2),\n axis = _ref2[0],\n isFontSize = _ref2[1];\n\n var viewPort = this.document.screen.viewPort;\n\n switch (true) {\n case this.isString(/vmin$/):\n return this.getNumber() / 100.0 * Math.min(viewPort.computeSize('x'), viewPort.computeSize('y'));\n\n case this.isString(/vmax$/):\n return this.getNumber() / 100.0 * Math.max(viewPort.computeSize('x'), viewPort.computeSize('y'));\n\n case this.isString(/vw$/):\n return this.getNumber() / 100.0 * viewPort.computeSize('x');\n\n case this.isString(/vh$/):\n return this.getNumber() / 100.0 * viewPort.computeSize('y');\n\n case this.isString(/rem$/):\n return this.getNumber() * this.getRem();\n\n case this.isString(/em$/):\n return this.getNumber() * this.getEm();\n\n case this.isString(/ex$/):\n return this.getNumber() * this.getEm() / 2.0;\n\n case this.isString(/px$/):\n return this.getNumber();\n\n case this.isString(/pt$/):\n return this.getNumber() * this.getDpi() * (1.0 / 72.0);\n\n case this.isString(/pc$/):\n return this.getNumber() * 15;\n\n case this.isString(/cm$/):\n return this.getNumber() * this.getDpi() / 2.54;\n\n case this.isString(/mm$/):\n return this.getNumber() * this.getDpi() / 25.4;\n\n case this.isString(/in$/):\n return this.getNumber() * this.getDpi();\n\n case this.isString(/%$/) && isFontSize:\n return this.getNumber() * this.getEm();\n\n case this.isString(/%$/):\n return this.getNumber() * viewPort.computeSize(axis);\n\n default:\n {\n var n = this.getNumber();\n\n if (processPercent && n < 1.0) {\n return n * viewPort.computeSize(axis);\n }\n\n return n;\n }\n }\n }\n }, {\n key: \"getMilliseconds\",\n value: function getMilliseconds() {\n if (!this.hasValue()) {\n return 0;\n }\n\n if (this.isString(/ms$/)) {\n return this.getNumber();\n }\n\n return this.getNumber() * 1000;\n }\n }, {\n key: \"getRadians\",\n value: function getRadians() {\n if (!this.hasValue()) {\n return 0;\n }\n\n switch (true) {\n case this.isString(/deg$/):\n return this.getNumber() * (Math.PI / 180.0);\n\n case this.isString(/grad$/):\n return this.getNumber() * (Math.PI / 200.0);\n\n case this.isString(/rad$/):\n return this.getNumber();\n\n default:\n return this.getNumber() * (Math.PI / 180.0);\n }\n }\n }, {\n key: \"getDefinition\",\n value: function getDefinition() {\n var asString = this.getString();\n var name = asString.match(/#([^\\)'\"]+)/);\n\n if (name) {\n name = name[1];\n }\n\n if (!name) {\n name = asString;\n }\n\n return this.document.definitions[name];\n }\n }, {\n key: \"getFillStyleDefinition\",\n value: function getFillStyleDefinition(element, opacity) {\n var def = this.getDefinition();\n\n if (!def) {\n return null;\n } // gradient\n\n\n if (typeof def.createGradient === 'function') {\n return def.createGradient(this.document.ctx, element, opacity);\n } // pattern\n\n\n if (typeof def.createPattern === 'function') {\n if (def.getHrefAttribute().hasValue()) {\n var patternTransform = def.getAttribute('patternTransform');\n def = def.getHrefAttribute().getDefinition();\n\n if (patternTransform.hasValue()) {\n def.getAttribute('patternTransform', true).setValue(patternTransform.value);\n }\n }\n\n return def.createPattern(this.document.ctx, element, opacity);\n }\n\n return null;\n }\n }, {\n key: \"getTextBaseline\",\n value: function getTextBaseline() {\n if (!this.hasValue()) {\n return null;\n }\n\n return Property.textBaselineMapping[this.getString()];\n }\n }, {\n key: \"addOpacity\",\n value: function addOpacity(opacity) {\n var value = this.value;\n var len = value.length;\n var commas = 0; // Simulate old RGBColor version, which can't parse rgba.\n\n for (var i = 0; i < len; i++) {\n if (value[i] === ',') {\n commas++;\n }\n\n if (commas === 3) {\n break;\n }\n }\n\n if (opacity.hasValue() && this.isString() && commas !== 3) {\n var color = new RGBColor(value);\n\n if (color.ok) {\n value = \"rgba(\".concat(color.r, \", \").concat(color.g, \", \").concat(color.b, \", \").concat(opacity.getNumber(), \")\");\n }\n }\n\n return new Property(this.document, this.name, value);\n }\n }], [{\n key: \"empty\",\n value: function empty(document) {\n return new Property(document, 'EMPTY', '');\n }\n }]);\n\n return Property;\n}();\nProperty.textBaselineMapping = {\n 'baseline': 'alphabetic',\n 'before-edge': 'top',\n 'text-before-edge': 'top',\n 'middle': 'middle',\n 'central': 'middle',\n 'after-edge': 'bottom',\n 'text-after-edge': 'bottom',\n 'ideographic': 'ideographic',\n 'alphabetic': 'alphabetic',\n 'hanging': 'hanging',\n 'mathematical': 'alphabetic'\n};\n\nvar ViewPort = /*#__PURE__*/function () {\n function ViewPort() {\n _classCallCheck(this, ViewPort);\n\n this.viewPorts = [];\n }\n\n _createClass(ViewPort, [{\n key: \"clear\",\n value: function clear() {\n this.viewPorts = [];\n }\n }, {\n key: \"setCurrent\",\n value: function setCurrent(width, height) {\n this.viewPorts.push({\n width: width,\n height: height\n });\n }\n }, {\n key: \"removeCurrent\",\n value: function removeCurrent() {\n this.viewPorts.pop();\n }\n }, {\n key: \"getCurrent\",\n value: function getCurrent() {\n var viewPorts = this.viewPorts;\n return viewPorts[viewPorts.length - 1];\n }\n }, {\n key: \"computeSize\",\n value: function computeSize(d) {\n if (typeof d === 'number') {\n return d;\n }\n\n if (d === 'x') {\n return this.width;\n }\n\n if (d === 'y') {\n return this.height;\n }\n\n return Math.sqrt(Math.pow(this.width, 2) + Math.pow(this.height, 2)) / Math.sqrt(2);\n }\n }, {\n key: \"width\",\n get: function get() {\n return this.getCurrent().width;\n }\n }, {\n key: \"height\",\n get: function get() {\n return this.getCurrent().height;\n }\n }]);\n\n return ViewPort;\n}();\n\nvar Point = /*#__PURE__*/function () {\n function Point(x, y) {\n _classCallCheck(this, Point);\n\n this.x = x;\n this.y = y;\n }\n\n _createClass(Point, [{\n key: \"angleTo\",\n value: function angleTo(point) {\n return Math.atan2(point.y - this.y, point.x - this.x);\n }\n }, {\n key: \"applyTransform\",\n value: function applyTransform(transform) {\n var x = this.x,\n y = this.y;\n var xp = x * transform[0] + y * transform[2] + transform[4];\n var yp = x * transform[1] + y * transform[3] + transform[5];\n this.x = xp;\n this.y = yp;\n }\n }], [{\n key: \"parse\",\n value: function parse(point) {\n var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n var _toNumbers = toNumbers(point),\n _toNumbers2 = _slicedToArray(_toNumbers, 2),\n _toNumbers2$ = _toNumbers2[0],\n x = _toNumbers2$ === void 0 ? defaultValue : _toNumbers2$,\n _toNumbers2$2 = _toNumbers2[1],\n y = _toNumbers2$2 === void 0 ? x : _toNumbers2$2;\n\n return new Point(x, y);\n }\n }, {\n key: \"parsePath\",\n value: function parsePath(path) {\n var points = toNumbers(path);\n var len = points.length;\n var pathPoints = [];\n\n for (var i = 0; i < len; i += 2) {\n pathPoints.push(new Point(points[i], points[i + 1]));\n }\n\n return pathPoints;\n }\n }]);\n\n return Point;\n}();\n\nvar Mouse = /*#__PURE__*/function () {\n function Mouse(screen) {\n _classCallCheck(this, Mouse);\n\n this.screen = screen;\n this.working = false;\n this.events = [];\n this.eventElements = [];\n this.onClick = this.onClick.bind(this);\n this.onMouseMove = this.onMouseMove.bind(this);\n }\n\n _createClass(Mouse, [{\n key: \"isWorking\",\n value: function isWorking() {\n return this.working;\n }\n }, {\n key: \"start\",\n value: function start() {\n if (this.working) {\n return;\n }\n\n var screen = this.screen,\n onClick = this.onClick,\n onMouseMove = this.onMouseMove;\n var canvas = screen.ctx.canvas;\n canvas.onclick = onClick;\n canvas.onmousemove = onMouseMove;\n this.working = true;\n }\n }, {\n key: \"stop\",\n value: function stop() {\n if (!this.working) {\n return;\n }\n\n var canvas = this.screen.ctx.canvas;\n this.working = false;\n canvas.onclick = null;\n canvas.onmousemove = null;\n }\n }, {\n key: \"hasEvents\",\n value: function hasEvents() {\n return this.working && this.events.length > 0;\n }\n }, {\n key: \"runEvents\",\n value: function runEvents() {\n if (!this.working) {\n return;\n }\n\n var document = this.screen,\n events = this.events,\n eventElements = this.eventElements;\n var style = document.ctx.canvas.style;\n\n if (style) {\n style.cursor = '';\n }\n\n events.forEach(function (_ref, i) {\n var run = _ref.run;\n var element = eventElements[i];\n\n while (element) {\n run(element);\n element = element.parent;\n }\n }); // done running, clear\n\n this.events = [];\n this.eventElements = [];\n }\n }, {\n key: \"checkPath\",\n value: function checkPath(element, ctx) {\n if (!this.working || !ctx) {\n return;\n }\n\n var events = this.events,\n eventElements = this.eventElements;\n events.forEach(function (_ref2, i) {\n var x = _ref2.x,\n y = _ref2.y;\n\n if (!eventElements[i] && ctx.isPointInPath && ctx.isPointInPath(x, y)) {\n eventElements[i] = element;\n }\n });\n }\n }, {\n key: \"checkBoundingBox\",\n value: function checkBoundingBox(element, boundingBox) {\n if (!this.working || !boundingBox) {\n return;\n }\n\n var events = this.events,\n eventElements = this.eventElements;\n events.forEach(function (_ref3, i) {\n var x = _ref3.x,\n y = _ref3.y;\n\n if (!eventElements[i] && boundingBox.isPointInBox(x, y)) {\n eventElements[i] = element;\n }\n });\n }\n }, {\n key: \"mapXY\",\n value: function mapXY(x, y) {\n var _this$screen = this.screen,\n window = _this$screen.window,\n ctx = _this$screen.ctx;\n var point = new Point(x, y);\n var element = ctx.canvas;\n\n while (element) {\n point.x -= element.offsetLeft;\n point.y -= element.offsetTop;\n element = element.offsetParent;\n }\n\n if (window.scrollX) {\n point.x += window.scrollX;\n }\n\n if (window.scrollY) {\n point.y += window.scrollY;\n }\n\n return point;\n }\n }, {\n key: \"onClick\",\n value: function onClick(evt) {\n var _this$mapXY = this.mapXY((evt || event).clientX, (evt || event).clientY),\n x = _this$mapXY.x,\n y = _this$mapXY.y;\n\n this.events.push({\n type: 'onclick',\n x: x,\n y: y,\n run: function run(event) {\n if (event.onClick) {\n event.onClick();\n }\n }\n });\n }\n }, {\n key: \"onMouseMove\",\n value: function onMouseMove(evt) {\n var _this$mapXY2 = this.mapXY((evt || event).clientX, (evt || event).clientY),\n x = _this$mapXY2.x,\n y = _this$mapXY2.y;\n\n this.events.push({\n type: 'onmousemove',\n x: x,\n y: y,\n run: function run(event) {\n if (event.onMouseMove) {\n event.onMouseMove();\n }\n }\n });\n }\n }]);\n\n return Mouse;\n}();\n\nvar defaultWindow = typeof window !== 'undefined' ? window : null;\nvar defaultFetch = typeof fetch !== 'undefined' ? fetch.bind(window) : null;\n\nvar Screen = /*#__PURE__*/function () {\n function Screen(ctx) {\n var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n _ref$fetch = _ref.fetch,\n fetch = _ref$fetch === void 0 ? defaultFetch : _ref$fetch,\n _ref$window = _ref.window,\n window = _ref$window === void 0 ? defaultWindow : _ref$window;\n\n _classCallCheck(this, Screen);\n\n this.ctx = ctx;\n this.FRAMERATE = 30;\n this.MAX_VIRTUAL_PIXELS = 30000;\n this.CLIENT_WIDTH = 800;\n this.CLIENT_HEIGHT = 600;\n this.viewPort = new ViewPort();\n this.mouse = new Mouse(this);\n this.animations = [];\n this.waits = [];\n this.frameDuration = 0;\n this.isReadyLock = false;\n this.isFirstRender = true;\n this.intervalId = null;\n this.window = window;\n this.fetch = fetch;\n }\n\n _createClass(Screen, [{\n key: \"wait\",\n value: function wait(checker) {\n this.waits.push(checker);\n }\n }, {\n key: \"ready\",\n value: function ready() {\n if (!this.readyPromise) {\n return Promise.resolve();\n }\n\n return this.readyPromise;\n }\n }, {\n key: \"isReady\",\n value: function isReady() {\n if (this.isReadyLock) {\n return true;\n }\n\n var isReadyLock = this.waits.every(function (_) {\n return _();\n });\n\n if (isReadyLock) {\n this.waits = [];\n\n if (this.resolveReady) {\n this.resolveReady();\n }\n }\n\n this.isReadyLock = isReadyLock;\n return isReadyLock;\n }\n }, {\n key: \"setDefaults\",\n value: function setDefaults(ctx) {\n // initial values and defaults\n ctx.strokeStyle = 'rgba(0,0,0,0)';\n ctx.lineCap = 'butt';\n ctx.lineJoin = 'miter';\n ctx.miterLimit = 4;\n }\n }, {\n key: \"setViewBox\",\n value: function setViewBox(_ref2) {\n var document = _ref2.document,\n ctx = _ref2.ctx,\n aspectRatio = _ref2.aspectRatio,\n width = _ref2.width,\n desiredWidth = _ref2.desiredWidth,\n height = _ref2.height,\n desiredHeight = _ref2.desiredHeight,\n _ref2$minX = _ref2.minX,\n minX = _ref2$minX === void 0 ? 0 : _ref2$minX,\n _ref2$minY = _ref2.minY,\n minY = _ref2$minY === void 0 ? 0 : _ref2$minY,\n refX = _ref2.refX,\n refY = _ref2.refY,\n _ref2$clip = _ref2.clip,\n clip = _ref2$clip === void 0 ? false : _ref2$clip,\n _ref2$clipX = _ref2.clipX,\n clipX = _ref2$clipX === void 0 ? 0 : _ref2$clipX,\n _ref2$clipY = _ref2.clipY,\n clipY = _ref2$clipY === void 0 ? 0 : _ref2$clipY;\n // aspect ratio - http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute\n var cleanAspectRatio = compressSpaces(aspectRatio).replace(/^defer\\s/, ''); // ignore defer\n\n var _cleanAspectRatio$spl = cleanAspectRatio.split(' '),\n _cleanAspectRatio$spl2 = _slicedToArray(_cleanAspectRatio$spl, 2),\n aspectRatioAlign = _cleanAspectRatio$spl2[0],\n aspectRatioMeetOrSlice = _cleanAspectRatio$spl2[1];\n\n var align = aspectRatioAlign || 'xMidYMid';\n var meetOrSlice = aspectRatioMeetOrSlice || 'meet'; // calculate scale\n\n var scaleX = width / desiredWidth;\n var scaleY = height / desiredHeight;\n var scaleMin = Math.min(scaleX, scaleY);\n var scaleMax = Math.max(scaleX, scaleY);\n var finalDesiredWidth = desiredWidth;\n var finalDesiredHeight = desiredHeight;\n\n if (meetOrSlice === 'meet') {\n finalDesiredWidth *= scaleMin;\n finalDesiredHeight *= scaleMin;\n }\n\n if (meetOrSlice === 'slice') {\n finalDesiredWidth *= scaleMax;\n finalDesiredHeight *= scaleMax;\n }\n\n var refXProp = new Property(document, 'refX', refX);\n var refYProp = new Property(document, 'refY', refY);\n var hasRefs = refXProp.hasValue() && refYProp.hasValue();\n\n if (hasRefs) {\n ctx.translate(-scaleMin * refXProp.getPixels('x'), -scaleMin * refYProp.getPixels('y'));\n }\n\n if (clip) {\n var scaledClipX = scaleMin * clipX;\n var scaledClipY = scaleMin * clipY;\n ctx.beginPath();\n ctx.moveTo(scaledClipX, scaledClipY);\n ctx.lineTo(width, scaledClipY);\n ctx.lineTo(width, height);\n ctx.lineTo(scaledClipX, height);\n ctx.closePath();\n ctx.clip();\n }\n\n if (!hasRefs) {\n var isMeetMinY = meetOrSlice === 'meet' && scaleMin === scaleY;\n var isSliceMaxY = meetOrSlice === 'slice' && scaleMax === scaleY;\n var isMeetMinX = meetOrSlice === 'meet' && scaleMin === scaleX;\n var isSliceMaxX = meetOrSlice === 'slice' && scaleMax === scaleX;\n\n if (/^xMid/.test(align) && (isMeetMinY || isSliceMaxY)) {\n ctx.translate(width / 2.0 - finalDesiredWidth / 2.0, 0);\n }\n\n if (/YMid$/.test(align) && (isMeetMinX || isSliceMaxX)) {\n ctx.translate(0, height / 2.0 - finalDesiredHeight / 2.0);\n }\n\n if (/^xMax/.test(align) && (isMeetMinY || isSliceMaxY)) {\n ctx.translate(width - finalDesiredWidth, 0);\n }\n\n if (/YMax$/.test(align) && (isMeetMinX || isSliceMaxX)) {\n ctx.translate(0, height - finalDesiredHeight);\n }\n } // scale\n\n\n switch (true) {\n case align === 'none':\n ctx.scale(scaleX, scaleY);\n break;\n\n case meetOrSlice === 'meet':\n ctx.scale(scaleMin, scaleMin);\n break;\n\n case meetOrSlice === 'slice':\n ctx.scale(scaleMax, scaleMax);\n break;\n } // translate\n\n\n ctx.translate(-minX, -minY);\n }\n }, {\n key: \"start\",\n value: function start(element) {\n var _this = this;\n\n var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n _ref3$enableRedraw = _ref3.enableRedraw,\n enableRedraw = _ref3$enableRedraw === void 0 ? false : _ref3$enableRedraw,\n _ref3$ignoreMouse = _ref3.ignoreMouse,\n ignoreMouse = _ref3$ignoreMouse === void 0 ? false : _ref3$ignoreMouse,\n _ref3$ignoreAnimation = _ref3.ignoreAnimation,\n ignoreAnimation = _ref3$ignoreAnimation === void 0 ? false : _ref3$ignoreAnimation,\n _ref3$ignoreDimension = _ref3.ignoreDimensions,\n ignoreDimensions = _ref3$ignoreDimension === void 0 ? false : _ref3$ignoreDimension,\n _ref3$ignoreClear = _ref3.ignoreClear,\n ignoreClear = _ref3$ignoreClear === void 0 ? false : _ref3$ignoreClear,\n forceRedraw = _ref3.forceRedraw,\n scaleWidth = _ref3.scaleWidth,\n scaleHeight = _ref3.scaleHeight,\n offsetX = _ref3.offsetX,\n offsetY = _ref3.offsetY;\n\n var FRAMERATE = this.FRAMERATE,\n mouse = this.mouse;\n var frameDuration = 1000 / FRAMERATE;\n this.frameDuration = frameDuration;\n this.readyPromise = new Promise(function (resolve) {\n _this.resolveReady = resolve;\n });\n\n if (this.isReady()) {\n this.render(element, ignoreDimensions, ignoreClear, scaleWidth, scaleHeight, offsetX, offsetY);\n }\n\n if (!enableRedraw) {\n return;\n }\n\n var now = Date.now();\n var then = now;\n var delta = 0;\n\n var tick = function tick() {\n now = Date.now();\n delta = now - then;\n\n if (delta >= frameDuration) {\n then = now - delta % frameDuration;\n\n if (_this.shouldUpdate(ignoreAnimation, forceRedraw)) {\n _this.render(element, ignoreDimensions, ignoreClear, scaleWidth, scaleHeight, offsetX, offsetY);\n\n mouse.runEvents();\n }\n }\n\n _this.intervalId = requestAnimationFrame(tick);\n };\n\n if (!ignoreMouse) {\n mouse.start();\n }\n\n this.intervalId = requestAnimationFrame(tick);\n }\n }, {\n key: \"stop\",\n value: function stop() {\n if (this.intervalId) {\n requestAnimationFrame.cancel(this.intervalId);\n this.intervalId = null;\n }\n\n this.mouse.stop();\n }\n }, {\n key: \"shouldUpdate\",\n value: function shouldUpdate(ignoreAnimation, forceRedraw) {\n // need update from animations?\n if (!ignoreAnimation) {\n var frameDuration = this.frameDuration;\n var shouldUpdate = this.animations.reduce(function (shouldUpdate, animation) {\n return animation.update(frameDuration) || shouldUpdate;\n }, false);\n\n if (shouldUpdate) {\n return true;\n }\n } // need update from redraw?\n\n\n if (typeof forceRedraw === 'function' && forceRedraw()) {\n return true;\n }\n\n if (!this.isReadyLock && this.isReady()) {\n return true;\n } // need update from mouse events?\n\n\n if (this.mouse.hasEvents()) {\n return true;\n }\n\n return false;\n }\n }, {\n key: \"render\",\n value: function render(element, ignoreDimensions, ignoreClear, scaleWidth, scaleHeight, offsetX, offsetY) {\n var CLIENT_WIDTH = this.CLIENT_WIDTH,\n CLIENT_HEIGHT = this.CLIENT_HEIGHT,\n viewPort = this.viewPort,\n ctx = this.ctx,\n isFirstRender = this.isFirstRender;\n var canvas = ctx.canvas;\n viewPort.clear();\n\n if (canvas.width && canvas.height) {\n viewPort.setCurrent(canvas.width, canvas.height);\n } else {\n viewPort.setCurrent(CLIENT_WIDTH, CLIENT_HEIGHT);\n }\n\n var widthStyle = element.getStyle('width');\n var heightStyle = element.getStyle('height');\n\n if (!ignoreDimensions && (isFirstRender || typeof scaleWidth !== 'number' && typeof scaleHeight !== 'number')) {\n // set canvas size\n if (widthStyle.hasValue()) {\n canvas.width = widthStyle.getPixels('x');\n\n if (canvas.style) {\n canvas.style.width = \"\".concat(canvas.width, \"px\");\n }\n }\n\n if (heightStyle.hasValue()) {\n canvas.height = heightStyle.getPixels('y');\n\n if (canvas.style) {\n canvas.style.height = \"\".concat(canvas.height, \"px\");\n }\n }\n }\n\n var cWidth = canvas.clientWidth || canvas.width;\n var cHeight = canvas.clientHeight || canvas.height;\n\n if (ignoreDimensions && widthStyle.hasValue() && heightStyle.hasValue()) {\n cWidth = widthStyle.getPixels('x');\n cHeight = heightStyle.getPixels('y');\n }\n\n viewPort.setCurrent(cWidth, cHeight);\n\n if (typeof offsetX === 'number') {\n element.getAttribute('x', true).setValue(offsetX);\n }\n\n if (typeof offsetY === 'number') {\n element.getAttribute('y', true).setValue(offsetY);\n }\n\n if (typeof scaleWidth === 'number' || typeof scaleHeight === 'number') {\n var viewBox = toNumbers(element.getAttribute('viewBox').getString());\n var xRatio = 0;\n var yRatio = 0;\n\n if (typeof scaleWidth === 'number') {\n var widthAttr = element.getAttribute('width');\n\n if (widthAttr.hasValue()) {\n xRatio = widthAttr.getPixels('x') / scaleWidth;\n } else if (!isNaN(viewBox[2])) {\n xRatio = viewBox[2] / scaleWidth;\n }\n }\n\n if (typeof scaleHeight === 'number') {\n var heightAttr = element.getAttribute('height');\n\n if (heightAttr.hasValue()) {\n yRatio = heightAttr.getPixels('y') / scaleHeight;\n } else if (!isNaN(viewBox[3])) {\n yRatio = viewBox[3] / scaleHeight;\n }\n }\n\n if (!xRatio) {\n xRatio = yRatio;\n }\n\n if (!yRatio) {\n yRatio = xRatio;\n }\n\n element.getAttribute('width', true).setValue(scaleWidth);\n element.getAttribute('height', true).setValue(scaleHeight);\n var transformStyle = element.getStyle('transform', true, true);\n transformStyle.setValue(\"\".concat(transformStyle.getString(), \" scale(\").concat(1.0 / xRatio, \", \").concat(1.0 / yRatio, \")\"));\n } // clear and render\n\n\n if (!ignoreClear) {\n ctx.clearRect(0, 0, cWidth, cHeight);\n }\n\n element.render(ctx);\n\n if (isFirstRender) {\n this.isFirstRender = false;\n }\n }\n }]);\n\n return Screen;\n}();\nScreen.defaultWindow = defaultWindow;\nScreen.defaultFetch = defaultFetch;\n\nvar defaultFetch$1 = Screen.defaultFetch;\nvar DefaultDOMParser = typeof DOMParser !== 'undefined' ? DOMParser : null;\n\nvar Parser = /*#__PURE__*/function () {\n // private readonly options: any;\n function Parser() {\n var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref$fetch = _ref.fetch,\n fetch = _ref$fetch === void 0 ? defaultFetch$1 : _ref$fetch,\n _ref$DOMParser = _ref.DOMParser,\n DOMParser = _ref$DOMParser === void 0 ? DefaultDOMParser : _ref$DOMParser;\n\n _classCallCheck(this, Parser);\n\n this.fetch = fetch;\n this.DOMParser = DOMParser; // this.options = options;\n }\n\n _createClass(Parser, [{\n key: \"parse\",\n value: function () {\n var _parse = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resource) {\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n if (!/^ 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n _classCallCheck(this, Element);\n\n this.document = document;\n this.node = node;\n this.captureTextNodes = captureTextNodes;\n this.attributes = {};\n this.styles = {};\n this.stylesSpecificity = {};\n this.animationFrozen = false;\n this.animationFrozenValue = '';\n this.parent = null;\n this.children = [];\n\n if (!node || node.nodeType !== 1) {\n // ELEMENT_NODE\n return;\n } // add attributes\n\n\n Array.from(node.attributes).forEach(function (attribute) {\n var nodeName = normalizeAttributeName(attribute.nodeName);\n _this.attributes[nodeName] = new Property(document, nodeName, attribute.value);\n });\n this.addStylesFromStyleDefinition(); // add inline styles\n\n if (this.getAttribute('style').hasValue()) {\n var styles = this.getAttribute('style').getString().split(';').map(function (_) {\n return _.trim();\n });\n styles.forEach(function (style) {\n if (!style) {\n return;\n }\n\n var _style$split = style.split(':'),\n _style$split2 = _slicedToArray(_style$split, 2),\n name = _style$split2[0],\n value = _style$split2[1];\n\n _this.styles[name] = new Property(document, name.trim(), value.trim());\n });\n }\n\n var definitions = document.definitions;\n var id = this.getAttribute('id'); // add id\n\n if (id.hasValue()) {\n if (!definitions[id.getValue()]) {\n definitions[id.getValue()] = this;\n }\n }\n\n Array.from(node.childNodes).forEach(function (childNode) {\n if (childNode.nodeType === 1) {\n _this.addChild(childNode); // ELEMENT_NODE\n\n } else if (captureTextNodes && (childNode.nodeType === 3 || childNode.nodeType === 4)) {\n var textNode = document.createTextNode(childNode);\n\n if (textNode.getText().length > 0) {\n _this.addChild(textNode); // TEXT_NODE\n\n }\n }\n });\n }\n\n _createClass(Element, [{\n key: \"getAttribute\",\n value: function getAttribute(name) {\n var createIfNotExists = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var attr = this.attributes[name];\n\n if (!attr && createIfNotExists) {\n var _attr = new Property(this.document, name, '');\n\n this.attributes[name] = _attr;\n return _attr;\n }\n\n return attr || Property.empty(this.document);\n }\n }, {\n key: \"getHrefAttribute\",\n value: function getHrefAttribute() {\n for (var key in this.attributes) {\n if (key === 'href' || /:href$/.test(key)) {\n return this.attributes[key];\n }\n }\n\n return Property.empty(this.document);\n }\n }, {\n key: \"getStyle\",\n value: function getStyle(name) {\n var createIfNotExists = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var skipAncestors = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n var style = this.styles[name];\n\n if (style) {\n return style;\n }\n\n var attr = this.getAttribute(name);\n\n if (attr && attr.hasValue()) {\n this.styles[name] = attr; // move up to me to cache\n\n return attr;\n }\n\n if (!skipAncestors) {\n var parent = this.parent;\n\n if (parent) {\n var parentStyle = parent.getStyle(name);\n\n if (parentStyle && parentStyle.hasValue()) {\n return parentStyle;\n }\n }\n }\n\n if (createIfNotExists) {\n var _style = new Property(this.document, name, '');\n\n this.styles[name] = _style;\n return _style;\n }\n\n return style || Property.empty(this.document);\n }\n }, {\n key: \"render\",\n value: function render(ctx) {\n // don't render display=none\n // don't render visibility=hidden\n if (this.getStyle('display').getString() === 'none' || this.getStyle('visibility').getString() === 'hidden') {\n return;\n }\n\n ctx.save();\n\n if (this.getStyle('mask').hasValue()) {\n // mask\n var mask = this.getStyle('mask').getDefinition();\n\n if (mask) {\n mask.apply(ctx, this);\n }\n } else if (this.getStyle('filter').getValue('none') !== 'none') {\n // filter\n var filter = this.getStyle('filter').getDefinition();\n\n if (filter) {\n filter.apply(ctx, this);\n }\n } else {\n this.setContext(ctx);\n this.renderChildren(ctx);\n this.clearContext(ctx);\n }\n\n ctx.restore();\n }\n }, {\n key: \"setContext\",\n value: function setContext(_) {}\n }, {\n key: \"clearContext\",\n value: function clearContext(_) {}\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n this.children.forEach(function (child) {\n child.render(ctx);\n });\n }\n }, {\n key: \"addChild\",\n value: function addChild(childNode) {\n var child = childNode instanceof Element ? childNode : this.document.createElement(childNode);\n child.parent = this;\n\n if (!Element.ignoreChildTypes.includes(child.type)) {\n this.children.push(child);\n }\n }\n }, {\n key: \"matchesSelector\",\n value: function matchesSelector(selector) {\n var node = this.node;\n\n if (typeof node.matches === 'function') {\n return node.matches(selector);\n }\n\n var styleClasses = node.getAttribute('class');\n\n if (!styleClasses || styleClasses === '') {\n return false;\n }\n\n return styleClasses.split(' ').some(function (styleClass) {\n if (\".\".concat(styleClass) === selector) {\n return true;\n }\n });\n }\n }, {\n key: \"addStylesFromStyleDefinition\",\n value: function addStylesFromStyleDefinition() {\n var _this$document = this.document,\n styles = _this$document.styles,\n stylesSpecificity = _this$document.stylesSpecificity;\n\n for (var selector in styles) {\n if (selector[0] !== '@' && this.matchesSelector(selector)) {\n var style = styles[selector];\n var specificity = stylesSpecificity[selector];\n\n if (style) {\n for (var name in style) {\n var existingSpecificity = this.stylesSpecificity[name];\n\n if (typeof existingSpecificity === 'undefined') {\n existingSpecificity = '000';\n }\n\n if (specificity >= existingSpecificity) {\n this.styles[name] = style[name];\n this.stylesSpecificity[name] = specificity;\n }\n }\n }\n }\n }\n }\n }]);\n\n return Element;\n}();\nElement.ignoreChildTypes = ['title'];\n\nfunction _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar UnknownElement = /*#__PURE__*/function (_Element) {\n _inherits(UnknownElement, _Element);\n\n var _super = _createSuper(UnknownElement);\n\n function UnknownElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, UnknownElement);\n\n _this = _super.call(this, document, node, captureTextNodes); // tslint:disable-next-line: no-console\n\n console.warn(\"Element \".concat(node.nodeName, \" not yet implemented.\"));\n return _this;\n }\n\n return UnknownElement;\n}(Element);\n\nfunction wrapFontFamily(fontFamily) {\n var trimmed = fontFamily.trim();\n return /^('|\")/.test(trimmed) ? trimmed : \"\\\"\".concat(trimmed, \"\\\"\");\n}\n\nfunction prepareFontFamily(fontFamily) {\n return typeof process === 'undefined' ? fontFamily : fontFamily.trim().split(',').map(wrapFontFamily).join(',');\n}\n\nvar Font = /*#__PURE__*/function () {\n function Font(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit) {\n _classCallCheck(this, Font);\n\n var inheritFont = inherit ? typeof inherit === 'string' ? Font.parse(inherit) : inherit : {};\n this.fontFamily = fontFamily || inheritFont.fontFamily;\n this.fontSize = fontSize || inheritFont.fontSize;\n this.fontStyle = fontStyle || inheritFont.fontStyle;\n this.fontWeight = fontWeight || inheritFont.fontWeight;\n this.fontVariant = fontVariant || inheritFont.fontVariant;\n }\n\n _createClass(Font, [{\n key: \"toString\",\n value: function toString() {\n return [this.fontStyle, this.fontVariant, this.fontWeight, this.fontSize, // Wrap fontFamily only on nodejs and only for canvas.ctx\n prepareFontFamily(this.fontFamily)].join(' ');\n }\n }], [{\n key: \"parse\",\n value: function parse() {\n var font = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n var inherit = arguments.length > 1 ? arguments[1] : undefined;\n var fontStyle = '';\n var fontVariant = '';\n var fontWeight = '';\n var fontSize = '';\n var fontFamily = '';\n var parts = compressSpaces(font).trim().split(' ');\n var set = {\n fontSize: false,\n fontStyle: false,\n fontWeight: false,\n fontVariant: false\n };\n parts.forEach(function (part) {\n switch (true) {\n case !set.fontStyle && Font.styles.includes(part):\n if (part !== 'inherit') {\n fontStyle = part;\n }\n\n set.fontStyle = true;\n break;\n\n case !set.fontVariant && Font.variants.includes(part):\n if (part !== 'inherit') {\n fontVariant = part;\n }\n\n set.fontStyle = true;\n set.fontVariant = true;\n break;\n\n case !set.fontWeight && Font.weights.includes(part):\n if (part !== 'inherit') {\n fontWeight = part;\n }\n\n set.fontStyle = true;\n set.fontVariant = true;\n set.fontWeight = true;\n break;\n\n case !set.fontSize:\n if (part !== 'inherit') {\n var _part$split = part.split('/');\n\n var _part$split2 = _slicedToArray(_part$split, 1);\n\n fontSize = _part$split2[0];\n }\n\n set.fontStyle = true;\n set.fontVariant = true;\n set.fontWeight = true;\n set.fontSize = true;\n break;\n\n default:\n if (part !== 'inherit') {\n fontFamily += part;\n }\n\n }\n });\n return new Font(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit);\n }\n }]);\n\n return Font;\n}();\nFont.styles = 'normal|italic|oblique|inherit';\nFont.variants = 'normal|small-caps|inherit';\nFont.weights = 'normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900|inherit';\n\nvar BoundingBox = /*#__PURE__*/function () {\n function BoundingBox() {\n var x1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number.NaN;\n var y1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.NaN;\n var x2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Number.NaN;\n var y2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : Number.NaN;\n\n _classCallCheck(this, BoundingBox);\n\n this.x1 = x1;\n this.y1 = y1;\n this.x2 = x2;\n this.y2 = y2;\n this.addPoint(x1, y1);\n this.addPoint(x2, y2);\n }\n\n _createClass(BoundingBox, [{\n key: \"addPoint\",\n value: function addPoint(x, y) {\n if (typeof x !== 'undefined') {\n if (isNaN(this.x1) || isNaN(this.x2)) {\n this.x1 = x;\n this.x2 = x;\n }\n\n if (x < this.x1) {\n this.x1 = x;\n }\n\n if (x > this.x2) {\n this.x2 = x;\n }\n }\n\n if (typeof y !== 'undefined') {\n if (isNaN(this.y1) || isNaN(this.y2)) {\n this.y1 = y;\n this.y2 = y;\n }\n\n if (y < this.y1) {\n this.y1 = y;\n }\n\n if (y > this.y2) {\n this.y2 = y;\n }\n }\n }\n }, {\n key: \"addX\",\n value: function addX(x) {\n this.addPoint(x, null);\n }\n }, {\n key: \"addY\",\n value: function addY(y) {\n this.addPoint(null, y);\n }\n }, {\n key: \"addBoundingBox\",\n value: function addBoundingBox(_ref) {\n var x1 = _ref.x1,\n y1 = _ref.y1,\n x2 = _ref.x2,\n y2 = _ref.y2;\n this.addPoint(x1, y1);\n this.addPoint(x2, y2);\n }\n }, {\n key: \"sumCubic\",\n value: function sumCubic(t, p0, p1, p2, p3) {\n return Math.pow(1 - t, 3) * p0 + 3 * Math.pow(1 - t, 2) * t * p1 + 3 * (1 - t) * Math.pow(t, 2) * p2 + Math.pow(t, 3) * p3;\n }\n }, {\n key: \"bezierCurveAdd\",\n value: function bezierCurveAdd(forX, p0, p1, p2, p3) {\n var b = 6 * p0 - 12 * p1 + 6 * p2;\n var a = -3 * p0 + 9 * p1 - 9 * p2 + 3 * p3;\n var c = 3 * p1 - 3 * p0;\n\n if (a === 0) {\n if (b === 0) {\n return;\n }\n\n var t = -c / b;\n\n if (0 < t && t < 1) {\n if (forX) {\n this.addX(this.sumCubic(t, p0, p1, p2, p3));\n } else {\n this.addY(this.sumCubic(t, p0, p1, p2, p3));\n }\n }\n\n return;\n }\n\n var b2ac = Math.pow(b, 2) - 4 * c * a;\n\n if (b2ac < 0) {\n return;\n }\n\n var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);\n\n if (0 < t1 && t1 < 1) {\n if (forX) {\n this.addX(this.sumCubic(t1, p0, p1, p2, p3));\n } else {\n this.addY(this.sumCubic(t1, p0, p1, p2, p3));\n }\n }\n\n var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);\n\n if (0 < t2 && t2 < 1) {\n if (forX) {\n this.addX(this.sumCubic(t2, p0, p1, p2, p3));\n } else {\n this.addY(this.sumCubic(t2, p0, p1, p2, p3));\n }\n }\n } // from http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html\n\n }, {\n key: \"addBezierCurve\",\n value: function addBezierCurve(p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {\n this.addPoint(p0x, p0y);\n this.addPoint(p3x, p3y);\n this.bezierCurveAdd(true, p0x, p1x, p2x, p3x);\n this.bezierCurveAdd(false, p0y, p1y, p2y, p3y);\n }\n }, {\n key: \"addQuadraticCurve\",\n value: function addQuadraticCurve(p0x, p0y, p1x, p1y, p2x, p2y) {\n var cp1x = p0x + 2 / 3 * (p1x - p0x); // CP1 = QP0 + 2/3 *(QP1-QP0)\n\n var cp1y = p0y + 2 / 3 * (p1y - p0y); // CP1 = QP0 + 2/3 *(QP1-QP0)\n\n var cp2x = cp1x + 1 / 3 * (p2x - p0x); // CP2 = CP1 + 1/3 *(QP2-QP0)\n\n var cp2y = cp1y + 1 / 3 * (p2y - p0y); // CP2 = CP1 + 1/3 *(QP2-QP0)\n\n this.addBezierCurve(p0x, p0y, cp1x, cp2x, cp1y, cp2y, p2x, p2y);\n }\n }, {\n key: \"isPointInBox\",\n value: function isPointInBox(x, y) {\n var x1 = this.x1,\n y1 = this.y1,\n x2 = this.x2,\n y2 = this.y2;\n return x1 <= x && x <= x2 && y1 <= y && y <= y2;\n }\n }, {\n key: \"x\",\n get: function get() {\n return this.x1;\n }\n }, {\n key: \"y\",\n get: function get() {\n return this.y1;\n }\n }, {\n key: \"width\",\n get: function get() {\n return this.x2 - this.x1;\n }\n }, {\n key: \"height\",\n get: function get() {\n return this.y2 - this.y1;\n }\n }]);\n\n return BoundingBox;\n}();\n\nvar Translate = /*#__PURE__*/function () {\n function Translate(_, point) {\n _classCallCheck(this, Translate);\n\n this.type = 'translate';\n this.point = null;\n this.point = Point.parse(point);\n }\n\n _createClass(Translate, [{\n key: \"apply\",\n value: function apply(ctx) {\n var _this$point = this.point,\n x = _this$point.x,\n y = _this$point.y;\n ctx.translate(x || 0.0, y || 0.0);\n }\n }, {\n key: \"unapply\",\n value: function unapply(ctx) {\n var _this$point2 = this.point,\n x = _this$point2.x,\n y = _this$point2.y;\n ctx.translate(-1.0 * x || 0.0, -1.0 * y || 0.0);\n }\n }, {\n key: \"applyToPoint\",\n value: function applyToPoint(point) {\n var _this$point3 = this.point,\n x = _this$point3.x,\n y = _this$point3.y;\n point.applyTransform([1, 0, 0, 1, x || 0.0, y || 0.0]);\n }\n }]);\n\n return Translate;\n}();\n\nvar Rotate = /*#__PURE__*/function () {\n function Rotate(document, rotate) {\n var transformOrigin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n\n _classCallCheck(this, Rotate);\n\n this.type = 'rotate';\n this.angle = null;\n this.cx = 0;\n this.cy = 0;\n var numbers = toNumbers(rotate);\n this.angle = new Property(document, 'angle', numbers[0]);\n this.cx = (numbers[1] || 0) + (transformOrigin[0] || 0);\n this.cy = (numbers[2] || 0) + (transformOrigin[1] || 0);\n }\n\n _createClass(Rotate, [{\n key: \"apply\",\n value: function apply(ctx) {\n var cx = this.cx,\n cy = this.cy,\n angle = this.angle;\n ctx.translate(cx, cy);\n ctx.rotate(angle.getRadians());\n ctx.translate(-cx, -cy);\n }\n }, {\n key: \"unapply\",\n value: function unapply(ctx) {\n var cx = this.cx,\n cy = this.cy,\n angle = this.angle;\n ctx.translate(cx, cy);\n ctx.rotate(-1.0 * angle.getRadians());\n ctx.translate(-cx, -cy);\n }\n }, {\n key: \"applyToPoint\",\n value: function applyToPoint(point) {\n var cx = this.cx,\n cy = this.cy,\n angle = this.angle;\n var rad = angle.getRadians(); // tslint:disable-next-line: no-console\n // console.warn('Unknown action:', (this as any).p, this);\n // ?\n\n point.applyTransform([1, 0, 0, 1, cx || 0.0, cy || 0.0 // this.p.y\n ]);\n point.applyTransform([Math.cos(rad), Math.sin(rad), -Math.sin(rad), Math.cos(rad), 0, 0]);\n point.applyTransform([1, 0, 0, 1, -cx || 0.0, -cy || 0.0 // -this.p.y\n ]);\n }\n }]);\n\n return Rotate;\n}();\n\nvar Scale = /*#__PURE__*/function () {\n function Scale(_, scale) {\n _classCallCheck(this, Scale);\n\n this.type = 'scale';\n this.scale = null;\n var scaleSize = Point.parse(scale, 1); // Workaround for node-canvas\n\n if (scaleSize.x === 0 || scaleSize.y === 0) {\n scaleSize.x = PSEUDO_ZERO;\n scaleSize.y = PSEUDO_ZERO;\n }\n\n this.scale = scaleSize;\n }\n\n _createClass(Scale, [{\n key: \"apply\",\n value: function apply(ctx) {\n var _this$scale = this.scale,\n x = _this$scale.x,\n y = _this$scale.y;\n ctx.scale(x, y || x);\n }\n }, {\n key: \"unapply\",\n value: function unapply(ctx) {\n var _this$scale2 = this.scale,\n x = _this$scale2.x,\n y = _this$scale2.y;\n ctx.scale(1.0 / x, 1.0 / y || x);\n }\n }, {\n key: \"applyToPoint\",\n value: function applyToPoint(point) {\n var _this$scale3 = this.scale,\n x = _this$scale3.x,\n y = _this$scale3.y;\n point.applyTransform([x || 0.0, 0, 0, y || 0.0, 0, 0]);\n }\n }]);\n\n return Scale;\n}();\n\nvar Matrix = /*#__PURE__*/function () {\n function Matrix(_, matrix) {\n _classCallCheck(this, Matrix);\n\n this.type = 'matrix';\n this.matrix = [];\n this.matrix = toNumbers(matrix);\n }\n\n _createClass(Matrix, [{\n key: \"apply\",\n value: function apply(ctx) {\n var matrix = this.matrix;\n ctx.transform(matrix[0], matrix[1], matrix[2], matrix[3], matrix[4], matrix[5]);\n }\n }, {\n key: \"unapply\",\n value: function unapply(ctx) {\n var matrix = this.matrix;\n var a = matrix[0];\n var b = matrix[2];\n var c = matrix[4];\n var d = matrix[1];\n var e = matrix[3];\n var f = matrix[5];\n var g = 0.0;\n var h = 0.0;\n var i = 1.0;\n var det = 1 / (a * (e * i - f * h) - b * (d * i - f * g) + c * (d * h - e * g));\n ctx.transform(det * (e * i - f * h), det * (f * g - d * i), det * (c * h - b * i), det * (a * i - c * g), det * (b * f - c * e), det * (c * d - a * f));\n }\n }, {\n key: \"applyToPoint\",\n value: function applyToPoint(point) {\n point.applyTransform(this.matrix);\n }\n }]);\n\n return Matrix;\n}();\n\nfunction _createSuper$1(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$1()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$1() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar Skew = /*#__PURE__*/function (_Matrix) {\n _inherits(Skew, _Matrix);\n\n var _super = _createSuper$1(Skew);\n\n function Skew(document, skew) {\n var _this;\n\n _classCallCheck(this, Skew);\n\n _this = _super.call(this, document, skew);\n _this.type = 'skew';\n _this.angle = null;\n _this.angle = new Property(document, 'angle', skew);\n return _this;\n }\n\n return Skew;\n}(Matrix);\n\nfunction _createSuper$2(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$2()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$2() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar SkewX = /*#__PURE__*/function (_Skew) {\n _inherits(SkewX, _Skew);\n\n var _super = _createSuper$2(SkewX);\n\n function SkewX(document, skew) {\n var _this;\n\n _classCallCheck(this, SkewX);\n\n _this = _super.call(this, document, skew);\n _this.type = 'skewX';\n _this.matrix = [1, 0, Math.tan(_this.angle.getRadians()), 1, 0, 0];\n return _this;\n }\n\n return SkewX;\n}(Skew);\n\nfunction _createSuper$3(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$3()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$3() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar SkewY = /*#__PURE__*/function (_Skew) {\n _inherits(SkewY, _Skew);\n\n var _super = _createSuper$3(SkewY);\n\n function SkewY(document, skew) {\n var _this;\n\n _classCallCheck(this, SkewY);\n\n _this = _super.call(this, document, skew);\n _this.type = 'skewY';\n _this.matrix = [1, Math.tan(_this.angle.getRadians()), 0, 1, 0, 0];\n return _this;\n }\n\n return SkewY;\n}(Skew);\n\nfunction parseTransforms(transform) {\n return compressSpaces(transform).trim().replace(/\\)([a-zA-Z])/g, ') $1').replace(/\\)(\\s?,\\s?)/g, ') ').split(/\\s(?=[a-z])/);\n}\n\nfunction parseTransform(transform) {\n var _transform$split = transform.split('('),\n _transform$split2 = _slicedToArray(_transform$split, 2),\n type = _transform$split2[0],\n value = _transform$split2[1];\n\n return [type.trim(), value.trim().replace(')', '')];\n}\n\nvar Transform = /*#__PURE__*/function () {\n function Transform(document, transform, transformOrigin) {\n var _this = this;\n\n _classCallCheck(this, Transform);\n\n this.document = document;\n this.transforms = [];\n var data = parseTransforms(transform);\n var originCoords = transformOrigin ? toNumbers(transformOrigin) : [];\n data.forEach(function (transform) {\n if (transform === 'none') {\n return;\n }\n\n var _parseTransform = parseTransform(transform),\n _parseTransform2 = _slicedToArray(_parseTransform, 2),\n type = _parseTransform2[0],\n value = _parseTransform2[1];\n\n var TransformType = Transform.transformTypes[type];\n\n if (typeof TransformType !== 'undefined') {\n _this.transforms.push(new TransformType(_this.document, value, originCoords));\n }\n });\n }\n\n _createClass(Transform, [{\n key: \"apply\",\n value: function apply(ctx) {\n var transforms = this.transforms;\n var len = transforms.length;\n\n for (var i = 0; i < len; i++) {\n transforms[i].apply(ctx);\n }\n }\n }, {\n key: \"unapply\",\n value: function unapply(ctx) {\n var transforms = this.transforms;\n var len = transforms.length;\n\n for (var i = len - 1; i >= 0; i--) {\n transforms[i].unapply(ctx);\n }\n } // TODO: applyToPoint unused ... remove?\n\n }, {\n key: \"applyToPoint\",\n value: function applyToPoint(point) {\n var transforms = this.transforms;\n var len = transforms.length;\n\n for (var i = 0; i < len; i++) {\n transforms[i].applyToPoint(point);\n }\n }\n }], [{\n key: \"fromElement\",\n value: function fromElement(document, element) {\n var transformStyle = element.getStyle('transform', false, true);\n var transformOriginStyle = element.getStyle('transform-origin', false, true);\n\n if (transformStyle.hasValue()) {\n return new Transform(document, transformStyle.getString(), transformOriginStyle.getString());\n }\n\n return null;\n }\n }]);\n\n return Transform;\n}();\nTransform.transformTypes = {\n translate: Translate,\n rotate: Rotate,\n scale: Scale,\n matrix: Matrix,\n skewX: SkewX,\n skewY: SkewY\n};\n\nfunction _createSuper$4(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$4()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$4() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar RenderedElement = /*#__PURE__*/function (_Element) {\n _inherits(RenderedElement, _Element);\n\n var _super = _createSuper$4(RenderedElement);\n\n function RenderedElement() {\n var _this;\n\n _classCallCheck(this, RenderedElement);\n\n _this = _super.apply(this, arguments);\n _this.modifiedEmSizeStack = false;\n return _this;\n }\n\n _createClass(RenderedElement, [{\n key: \"calculateOpacity\",\n value: function calculateOpacity() {\n var opacity = 1.0; // tslint:disable-next-line: no-this-assignment\n\n var element = this;\n\n while (element) {\n var opacityStyle = element.getStyle('opacity', false, true); // no ancestors on style call\n\n if (opacityStyle.hasValue()) {\n opacity *= opacityStyle.getNumber();\n }\n\n element = element.parent;\n }\n\n return opacity;\n }\n }, {\n key: \"setContext\",\n value: function setContext(ctx) {\n var fromMeasure = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n if (!fromMeasure) {\n // causes stack overflow when measuring text with gradients\n // fill\n var fillStyleProp = this.getStyle('fill');\n var fillOpacityStyleProp = this.getStyle('fill-opacity');\n var strokeStyleProp = this.getStyle('stroke');\n var strokeOpacityProp = this.getStyle('stroke-opacity');\n\n if (fillStyleProp.isUrlDefinition()) {\n var fillStyle = fillStyleProp.getFillStyleDefinition(this, fillOpacityStyleProp);\n\n if (fillStyle) {\n ctx.fillStyle = fillStyle;\n }\n } else if (fillStyleProp.hasValue()) {\n if (fillStyleProp.getString() === 'currentColor') {\n fillStyleProp.setValue(this.getStyle('color').getValue());\n }\n\n var _fillStyle = fillStyleProp.getString();\n\n if (_fillStyle !== 'inherit') {\n ctx.fillStyle = _fillStyle === 'none' ? 'rgba(0,0,0,0)' : _fillStyle;\n }\n }\n\n if (fillOpacityStyleProp.hasValue()) {\n var _fillStyle2 = new Property(this.document, 'fill', ctx.fillStyle).addOpacity(fillOpacityStyleProp).getString();\n\n ctx.fillStyle = _fillStyle2;\n } // stroke\n\n\n if (strokeStyleProp.isUrlDefinition()) {\n var strokeStyle = strokeStyleProp.getFillStyleDefinition(this, strokeOpacityProp);\n\n if (strokeStyle) {\n ctx.strokeStyle = strokeStyle;\n }\n } else if (strokeStyleProp.hasValue()) {\n if (strokeStyleProp.getString() === 'currentColor') {\n strokeStyleProp.setValue(this.getStyle('color').getValue());\n }\n\n var _strokeStyle = strokeStyleProp.getString();\n\n if (_strokeStyle !== 'inherit') {\n ctx.strokeStyle = _strokeStyle === 'none' ? 'rgba(0,0,0,0)' : _strokeStyle;\n }\n }\n\n if (strokeOpacityProp.hasValue()) {\n var _strokeStyle2 = new Property(this.document, 'stroke', ctx.strokeStyle).addOpacity(strokeOpacityProp).getString();\n\n ctx.strokeStyle = _strokeStyle2;\n }\n\n var strokeWidthStyleProp = this.getStyle('stroke-width');\n\n if (strokeWidthStyleProp.hasValue()) {\n var newLineWidth = strokeWidthStyleProp.getPixels();\n ctx.lineWidth = !newLineWidth ? PSEUDO_ZERO // browsers don't respect 0 (or node-canvas? :-)\n : newLineWidth;\n }\n\n var strokeLinecapStyleProp = this.getStyle('stroke-linecap');\n var strokeLinejoinStyleProp = this.getStyle('stroke-linejoin');\n var strokeMiterlimitProp = this.getStyle('stroke-miterlimit');\n var pointOrderStyleProp = this.getStyle('paint-order');\n var strokeDasharrayStyleProp = this.getStyle('stroke-dasharray');\n var strokeDashoffsetProp = this.getStyle('stroke-dashoffset');\n\n if (strokeLinecapStyleProp.hasValue()) {\n ctx.lineCap = strokeLinecapStyleProp.getString();\n }\n\n if (strokeLinejoinStyleProp.hasValue()) {\n ctx.lineJoin = strokeLinejoinStyleProp.getString();\n }\n\n if (strokeMiterlimitProp.hasValue()) {\n ctx.miterLimit = strokeMiterlimitProp.getNumber();\n }\n\n if (pointOrderStyleProp.hasValue()) {\n // ?\n ctx.paintOrder = pointOrderStyleProp.getValue();\n }\n\n if (strokeDasharrayStyleProp.hasValue() && strokeDasharrayStyleProp.getString() !== 'none') {\n var gaps = toNumbers(strokeDasharrayStyleProp.getString());\n\n if (typeof ctx.setLineDash !== 'undefined') {\n ctx.setLineDash(gaps);\n } else if (typeof ctx.webkitLineDash !== 'undefined') {\n ctx.webkitLineDash = gaps;\n } else if (typeof ctx.mozDash !== 'undefined' && !(gaps.length === 1 && gaps[0] === 0)) {\n ctx.mozDash = gaps;\n }\n\n var offset = strokeDashoffsetProp.getPixels();\n\n if (typeof ctx.lineDashOffset !== 'undefined') {\n ctx.lineDashOffset = offset;\n } else if (typeof ctx.webkitLineDashOffset !== 'undefined') {\n ctx.webkitLineDashOffset = offset;\n } else if (typeof ctx.mozDashOffset !== 'undefined') {\n ctx.mozDashOffset = offset;\n }\n }\n } // font\n\n\n this.modifiedEmSizeStack = false;\n\n if (typeof ctx.font !== 'undefined') {\n var fontStyleProp = this.getStyle('font');\n var fontStyleStyleProp = this.getStyle('font-style');\n var fontVariantStyleProp = this.getStyle('font-variant');\n var fontWeightStyleProp = this.getStyle('font-weight');\n var fontSizeStyleProp = this.getStyle('font-size');\n var fontFamilyStyleProp = this.getStyle('font-family');\n var font = new Font(fontStyleStyleProp.getString(), fontVariantStyleProp.getString(), fontWeightStyleProp.getString(), fontSizeStyleProp.hasValue() ? \"\".concat(fontSizeStyleProp.getPixels(true), \"px\") : '', fontFamilyStyleProp.getString(), Font.parse(fontStyleProp.getString(), ctx.font));\n fontStyleStyleProp.setValue(font.fontStyle);\n fontVariantStyleProp.setValue(font.fontVariant);\n fontWeightStyleProp.setValue(font.fontWeight);\n fontSizeStyleProp.setValue(font.fontSize);\n fontFamilyStyleProp.setValue(font.fontFamily);\n ctx.font = font.toString();\n\n if (fontSizeStyleProp.isPixels()) {\n this.document.emSize = fontSizeStyleProp.getPixels();\n this.modifiedEmSizeStack = true;\n }\n } // transform\n\n\n var transform = Transform.fromElement(this.document, this);\n\n if (transform) {\n transform.apply(ctx);\n } // clip\n\n\n var clipPathStyleProp = this.getStyle('clip-path', false, true);\n\n if (clipPathStyleProp.hasValue()) {\n var clip = clipPathStyleProp.getDefinition();\n\n if (clip) {\n clip.apply(ctx);\n }\n } // opacity\n\n\n ctx.globalAlpha = this.calculateOpacity();\n }\n }, {\n key: \"clearContext\",\n value: function clearContext(ctx) {\n _get(_getPrototypeOf(RenderedElement.prototype), \"clearContext\", this).call(this, ctx);\n\n if (this.modifiedEmSizeStack) {\n this.document.popEmSize();\n }\n }\n }]);\n\n return RenderedElement;\n}(Element);\n\nfunction _createSuper$5(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$5()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$5() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar TextElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(TextElement, _RenderedElement);\n\n var _super = _createSuper$5(TextElement);\n\n function TextElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, TextElement);\n\n _this = _super.call(this, document, node, (this instanceof TextElement ? this.constructor : void 0) === TextElement ? true : captureTextNodes);\n _this.type = 'text';\n _this.x = 0;\n _this.y = 0;\n _this.measureCache = -1;\n return _this;\n }\n\n _createClass(TextElement, [{\n key: \"setContext\",\n value: function setContext(ctx) {\n var fromMeasure = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n _get(_getPrototypeOf(TextElement.prototype), \"setContext\", this).call(this, ctx, fromMeasure);\n\n var textBaseline = this.getStyle('dominant-baseline').getTextBaseline() || this.getStyle('alignment-baseline').getTextBaseline();\n\n if (textBaseline) {\n ctx.textBaseline = textBaseline;\n }\n }\n }, {\n key: \"initializeCoordinates\",\n value: function initializeCoordinates(ctx) {\n this.x = this.getAttribute('x').getPixels('x');\n this.y = this.getAttribute('y').getPixels('y');\n var dxAttr = this.getAttribute('dx');\n var dyAttr = this.getAttribute('dy');\n\n if (dxAttr.hasValue()) {\n this.x += dxAttr.getPixels('x');\n }\n\n if (dyAttr.hasValue()) {\n this.y += dyAttr.getPixels('y');\n }\n\n this.x += this.getAnchorDelta(ctx, this, 0);\n }\n }, {\n key: \"getBoundingBox\",\n value: function getBoundingBox(ctx) {\n var _this2 = this;\n\n if (this.type !== 'text') {\n return this.getTElementBoundingBox(ctx);\n }\n\n this.initializeCoordinates(ctx);\n var boundingBox = null;\n this.children.forEach(function (_, i) {\n var childBoundingBox = _this2.getChildBoundingBox(ctx, _this2, _this2, i);\n\n if (!boundingBox) {\n boundingBox = childBoundingBox;\n } else {\n boundingBox.addBoundingBox(childBoundingBox);\n }\n });\n return boundingBox;\n }\n }, {\n key: \"getFontSize\",\n value: function getFontSize() {\n var document = this.document,\n parent = this.parent;\n var inheritFontSize = Font.parse(document.ctx.font).fontSize;\n var fontSize = parent.getStyle('font-size').getNumber(inheritFontSize);\n return fontSize;\n }\n }, {\n key: \"getTElementBoundingBox\",\n value: function getTElementBoundingBox(ctx) {\n var fontSize = this.getFontSize();\n return new BoundingBox(this.x, this.y - fontSize, this.x + this.measureText(ctx), this.y);\n }\n }, {\n key: \"getGlyph\",\n value: function getGlyph(font, text, i) {\n var char = text[i];\n var glyph = null;\n\n if (font.isArabic) {\n var len = text.length;\n var prevChar = text[i - 1];\n var nextChar = text[i + 1];\n var arabicForm = 'isolated';\n\n if ((i === 0 || prevChar === ' ') && i < len - 2 && nextChar !== ' ') {\n arabicForm = 'terminal';\n }\n\n if (i > 0 && prevChar !== ' ' && i < len - 2 && nextChar !== ' ') {\n arabicForm = 'medial';\n }\n\n if (i > 0 && prevChar !== ' ' && (i === len - 1 || nextChar === ' ')) {\n arabicForm = 'initial';\n }\n\n if (typeof font.glyphs[char] !== 'undefined') {\n glyph = font.glyphs[char][arabicForm];\n\n if (!glyph && font.glyphs[char].type === 'glyph') {\n glyph = font.glyphs[char];\n }\n }\n } else {\n glyph = font.glyphs[char];\n }\n\n if (!glyph) {\n glyph = font.missingGlyph;\n }\n\n return glyph;\n }\n }, {\n key: \"getText\",\n value: function getText() {\n return '';\n }\n }, {\n key: \"getTextFromNode\",\n value: function getTextFromNode(node) {\n var textNode = node || this.node;\n var childNodes = Array.from(textNode.parentNode.childNodes);\n var index = childNodes.indexOf(textNode);\n var lastIndex = childNodes.length - 1;\n var text = compressSpaces(textNode.value || textNode.text || textNode.textContent || '');\n\n if (index === 0) {\n text = trimLeft(text);\n } else if (index === lastIndex) {\n text = trimRight(text);\n }\n\n return text;\n }\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n var _this3 = this;\n\n if (this.type !== 'text') {\n this.renderTElementChildren(ctx);\n return;\n }\n\n this.initializeCoordinates(ctx);\n this.children.forEach(function (_, i) {\n _this3.renderChild(ctx, _this3, _this3, i);\n });\n var mouse = this.document.screen.mouse; // Do not calc bounding box if mouse is not working.\n\n if (mouse.isWorking()) {\n mouse.checkBoundingBox(this, this.getBoundingBox(ctx));\n }\n }\n }, {\n key: \"renderTElementChildren\",\n value: function renderTElementChildren(ctx) {\n var document = this.document,\n parent = this.parent;\n var renderText = this.getText();\n var customFont = parent.getStyle('font-family').getDefinition();\n\n if (customFont) {\n var unitsPerEm = customFont.fontFace.unitsPerEm;\n var ctxFont = Font.parse(document.ctx.font);\n var fontSize = parent.getStyle('font-size').getNumber(ctxFont.fontSize);\n var fontStyle = parent.getStyle('font-style').getString(ctxFont.fontStyle);\n var scale = fontSize / unitsPerEm;\n var text = customFont.isRTL ? renderText.split('').reverse().join('') : renderText;\n var dx = toNumbers(parent.getAttribute('dx').getString());\n var len = text.length;\n\n for (var i = 0; i < len; i++) {\n var glyph = this.getGlyph(customFont, text, i);\n ctx.translate(this.x, this.y);\n ctx.scale(scale, -scale);\n var lw = ctx.lineWidth;\n ctx.lineWidth = ctx.lineWidth * unitsPerEm / fontSize;\n\n if (fontStyle === 'italic') {\n ctx.transform(1, 0, .4, 1, 0, 0);\n }\n\n glyph.render(ctx);\n\n if (fontStyle === 'italic') {\n ctx.transform(1, 0, -.4, 1, 0, 0);\n }\n\n ctx.lineWidth = lw;\n ctx.scale(1 / scale, -1 / scale);\n ctx.translate(-this.x, -this.y);\n this.x += fontSize * (glyph.horizAdvX || customFont.horizAdvX) / unitsPerEm;\n\n if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {\n this.x += dx[i];\n }\n }\n\n return;\n }\n\n var x = this.x,\n y = this.y;\n\n if (ctx.paintOrder === 'stroke') {\n if (ctx.strokeStyle) {\n ctx.strokeText(renderText, x, y);\n }\n\n if (ctx.fillStyle) {\n ctx.fillText(renderText, x, y);\n }\n } else {\n if (ctx.fillStyle) {\n ctx.fillText(renderText, x, y);\n }\n\n if (ctx.strokeStyle) {\n ctx.strokeText(renderText, x, y);\n }\n }\n }\n }, {\n key: \"getAnchorDelta\",\n value: function getAnchorDelta(ctx, parent, startI) {\n var textAnchor = this.getStyle('text-anchor').getString('start');\n\n if (textAnchor !== 'start') {\n var children = parent.children;\n var len = children.length;\n var child = null;\n var width = 0;\n\n for (var i = startI; i < len; i++) {\n child = children[i];\n\n if (i > startI && child.getAttribute('x').hasValue() || child.getAttribute('text-anchor').hasValue()) {\n break; // new group\n }\n\n width += child.measureTextRecursive(ctx);\n }\n\n return -1 * (textAnchor === 'end' ? width : width / 2.0);\n }\n\n return 0;\n }\n }, {\n key: \"adjustChildCoordinates\",\n value: function adjustChildCoordinates(ctx, textParent, parent, i) {\n var child = parent.children[i];\n\n if (typeof child.measureText !== 'function') {\n return child;\n }\n\n var xAttr = child.getAttribute('x');\n var yAttr = child.getAttribute('y');\n var dxAttr = child.getAttribute('dx');\n var dyAttr = child.getAttribute('dy');\n var textAnchor = child.getAttribute('text-anchor').getString('start');\n\n if (i === 0 && child.type !== 'textNode') {\n if (!xAttr.hasValue()) {\n xAttr.setValue(textParent.getAttribute('x').getValue('0'));\n }\n\n if (!yAttr.hasValue()) {\n yAttr.setValue(textParent.getAttribute('y').getValue('0'));\n }\n\n if (!dxAttr.hasValue()) {\n dxAttr.setValue(textParent.getAttribute('dx').getValue('0'));\n }\n\n if (!dyAttr.hasValue()) {\n dyAttr.setValue(textParent.getAttribute('dy').getValue('0'));\n }\n }\n\n if (xAttr.hasValue()) {\n child.x = xAttr.getPixels('x') + textParent.getAnchorDelta(ctx, parent, i);\n\n if (textAnchor !== 'start') {\n var width = child.measureTextRecursive(ctx);\n child.x += -1 * (textAnchor === 'end' ? width : width / 2.0);\n }\n\n if (dxAttr.hasValue()) {\n child.x += dxAttr.getPixels('x');\n }\n } else {\n if (textAnchor !== 'start') {\n var _width = child.measureTextRecursive(ctx);\n\n textParent.x += -1 * (textAnchor === 'end' ? _width : _width / 2.0);\n }\n\n if (dxAttr.hasValue()) {\n textParent.x += dxAttr.getPixels('x');\n }\n\n child.x = textParent.x;\n }\n\n textParent.x = child.x + child.measureText(ctx);\n\n if (yAttr.hasValue()) {\n child.y = yAttr.getPixels('y');\n\n if (dyAttr.hasValue()) {\n child.y += dyAttr.getPixels('y');\n }\n } else {\n if (dyAttr.hasValue()) {\n textParent.y += dyAttr.getPixels('y');\n }\n\n child.y = textParent.y;\n }\n\n textParent.y = child.y;\n return child;\n }\n }, {\n key: \"getChildBoundingBox\",\n value: function getChildBoundingBox(ctx, textParent, parent, i) {\n var child = this.adjustChildCoordinates(ctx, textParent, parent, i);\n var boundingBox = child.getBoundingBox(ctx);\n child.children.forEach(function (_, i) {\n var childBoundingBox = textParent.getChildBoundingBox(ctx, textParent, child, i);\n boundingBox.addBoundingBox(childBoundingBox);\n });\n return boundingBox;\n }\n }, {\n key: \"renderChild\",\n value: function renderChild(ctx, textParent, parent, i) {\n var child = this.adjustChildCoordinates(ctx, textParent, parent, i);\n child.render(ctx);\n child.children.forEach(function (_, i) {\n textParent.renderChild(ctx, textParent, child, i);\n });\n }\n }, {\n key: \"measureTextRecursive\",\n value: function measureTextRecursive(ctx) {\n var width = this.children.reduce(function (width, child) {\n return width + child.measureTextRecursive(ctx);\n }, this.measureText(ctx));\n return width;\n }\n }, {\n key: \"measureText\",\n value: function measureText(ctx) {\n var measureCache = this.measureCache;\n\n if (~measureCache) {\n return measureCache;\n }\n\n var renderText = this.getText();\n var measure = this.measureTargetText(ctx, renderText);\n this.measureCache = measure;\n return measure;\n }\n }, {\n key: \"measureTargetText\",\n value: function measureTargetText(ctx, targetText) {\n if (!targetText.length) {\n return 0;\n }\n\n var parent = this.parent;\n var customFont = parent.getStyle('font-family').getDefinition();\n\n if (customFont) {\n var fontSize = this.getFontSize();\n var text = customFont.isRTL ? targetText.split('').reverse().join('') : targetText;\n var dx = toNumbers(parent.getAttribute('dx').getString());\n var len = text.length;\n var _measure = 0;\n\n for (var i = 0; i < len; i++) {\n var glyph = this.getGlyph(customFont, text, i);\n _measure += (glyph.horizAdvX || customFont.horizAdvX) * fontSize / customFont.fontFace.unitsPerEm;\n\n if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {\n _measure += dx[i];\n }\n }\n\n return _measure;\n }\n\n if (!ctx.measureText) {\n return targetText.length * 10;\n }\n\n ctx.save();\n this.setContext(ctx, true);\n\n var _ctx$measureText = ctx.measureText(targetText),\n measure = _ctx$measureText.width;\n\n ctx.restore();\n return measure;\n }\n }]);\n\n return TextElement;\n}(RenderedElement);\n\nfunction _createSuper$6(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$6()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$6() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar TSpanElement = /*#__PURE__*/function (_TextElement) {\n _inherits(TSpanElement, _TextElement);\n\n var _super = _createSuper$6(TSpanElement);\n\n function TSpanElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, TSpanElement);\n\n _this = _super.call(this, document, node, (this instanceof TSpanElement ? this.constructor : void 0) === TSpanElement ? true : captureTextNodes);\n _this.type = 'tspan'; // if this node has children, then they own the text\n\n _this.text = _this.children.length > 0 ? '' : _this.getTextFromNode();\n return _this;\n }\n\n _createClass(TSpanElement, [{\n key: \"getText\",\n value: function getText() {\n return this.text;\n }\n }]);\n\n return TSpanElement;\n}(TextElement);\n\nfunction _createSuper$7(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$7()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$7() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar TextNode = /*#__PURE__*/function (_TSpanElement) {\n _inherits(TextNode, _TSpanElement);\n\n var _super = _createSuper$7(TextNode);\n\n function TextNode() {\n var _this;\n\n _classCallCheck(this, TextNode);\n\n _this = _super.apply(this, arguments);\n _this.type = 'textNode';\n return _this;\n }\n\n return TextNode;\n}(TSpanElement);\n\nfunction preparePath(path) {\n var d = path.replace(/,/gm, ' ') // get rid of all commas\n // As the end of a match can also be the start of the next match, we need to run this replace twice.\n .replace(/([MmZzLlHhVvCcSsQqTtAa])([^\\s])/gm, '$1 $2') // suffix commands with spaces\n .replace(/([MmZzLlHhVvCcSsQqTtAa])([^\\s])/gm, '$1 $2') // suffix commands with spaces\n .replace(/([^\\s])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // prefix commands with spaces\n .replace(/([0-9])([+\\-])/gm, '$1 $2') // separate digits on +- signs\n // Again, we need to run this twice to find all occurances\n .replace(/(\\.[0-9]*)(\\.)/gm, '$1 $2') // separate digits when they start with a comma\n .replace(/(\\.[0-9]*)(\\.)/gm, '$1 $2') // separate digits when they start with a comma\n .replace(/([Aa](\\s+[0-9]+){3})\\s+([01])\\s*([01])/gm, '$1 $3 $4 '); // shorthand elliptical arc path syntax\n\n return compressSpaces(d).trim();\n}\n\nvar PathParser = /*#__PURE__*/function () {\n function PathParser(path) {\n _classCallCheck(this, PathParser);\n\n this.control = null;\n this.start = null;\n this.current = null;\n this.command = '';\n this.tokens = [];\n this.i = -1;\n this.previousCommand = '';\n this.points = [];\n this.angles = [];\n this.tokens = preparePath(path).split(' ');\n }\n\n _createClass(PathParser, [{\n key: \"reset\",\n value: function reset() {\n this.i = -1;\n this.command = '';\n this.previousCommand = '';\n this.start = new Point(0, 0);\n this.control = new Point(0, 0);\n this.current = new Point(0, 0);\n this.points = [];\n this.angles = [];\n }\n }, {\n key: \"isEnd\",\n value: function isEnd() {\n var i = this.i,\n tokens = this.tokens;\n return i >= tokens.length - 1;\n }\n }, {\n key: \"isCommandOrEnd\",\n value: function isCommandOrEnd() {\n if (this.isEnd()) {\n return true;\n }\n\n var i = this.i,\n tokens = this.tokens;\n return /^[A-Za-z]$/.test(tokens[i + 1]);\n }\n }, {\n key: \"isRelativeCommand\",\n value: function isRelativeCommand() {\n switch (this.command) {\n case 'm':\n case 'l':\n case 'h':\n case 'v':\n case 'c':\n case 's':\n case 'q':\n case 't':\n case 'a':\n case 'z':\n return true;\n\n default:\n return false;\n }\n }\n }, {\n key: \"getToken\",\n value: function getToken() {\n this.i++;\n return this.tokens[this.i];\n }\n }, {\n key: \"getScalar\",\n value: function getScalar() {\n return parseFloat(this.getToken());\n }\n }, {\n key: \"nextCommand\",\n value: function nextCommand() {\n this.previousCommand = this.command;\n this.command = this.getToken();\n }\n }, {\n key: \"getPoint\",\n value: function getPoint() {\n var point = new Point(this.getScalar(), this.getScalar());\n return this.makeAbsolute(point);\n }\n }, {\n key: \"getAsControlPoint\",\n value: function getAsControlPoint() {\n var point = this.getPoint();\n this.control = point;\n return point;\n }\n }, {\n key: \"getAsCurrentPoint\",\n value: function getAsCurrentPoint() {\n var point = this.getPoint();\n this.current = point;\n return point;\n }\n }, {\n key: \"getReflectedControlPoint\",\n value: function getReflectedControlPoint() {\n var previousCommand = this.previousCommand.toLowerCase();\n\n if (previousCommand !== 'c' && previousCommand !== 's' && previousCommand !== 'q' && previousCommand !== 't') {\n return this.current;\n } // reflect point\n\n\n var _this$current = this.current,\n cx = _this$current.x,\n cy = _this$current.y,\n _this$control = this.control,\n ox = _this$control.x,\n oy = _this$control.y;\n var point = new Point(2 * cx - ox, 2 * cy - oy);\n return point;\n }\n }, {\n key: \"makeAbsolute\",\n value: function makeAbsolute(point) {\n if (this.isRelativeCommand()) {\n var _this$current2 = this.current,\n x = _this$current2.x,\n y = _this$current2.y;\n point.x += x;\n point.y += y;\n }\n\n return point;\n }\n }, {\n key: \"addMarker\",\n value: function addMarker(point, from, priorTo) {\n var points = this.points,\n angles = this.angles; // if the last angle isn't filled in because we didn't have this point yet ...\n\n if (priorTo && angles.length > 0 && !angles[angles.length - 1]) {\n angles[angles.length - 1] = points[points.length - 1].angleTo(priorTo);\n }\n\n this.addMarkerAngle(point, from ? from.angleTo(point) : null);\n }\n }, {\n key: \"addMarkerAngle\",\n value: function addMarkerAngle(point, angle) {\n this.points.push(point);\n this.angles.push(angle);\n }\n }, {\n key: \"getMarkerPoints\",\n value: function getMarkerPoints() {\n return this.points;\n }\n }, {\n key: \"getMarkerAngles\",\n value: function getMarkerAngles() {\n var angles = this.angles;\n var len = angles.length;\n\n for (var i = 0; i < len; i++) {\n if (!angles[i]) {\n for (var j = i + 1; j < len; j++) {\n if (angles[j]) {\n angles[i] = angles[j];\n break;\n }\n }\n }\n }\n\n return angles;\n }\n }]);\n\n return PathParser;\n}();\n\nfunction _createSuper$8(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$8()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$8() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar PathElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(PathElement, _RenderedElement);\n\n var _super = _createSuper$8(PathElement);\n\n function PathElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, PathElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'path';\n _this.pathParser = null;\n _this.pathParser = new PathParser(_this.getAttribute('d').getString());\n return _this;\n }\n\n _createClass(PathElement, [{\n key: \"path\",\n value: function path(ctx) {\n var pathParser = this.pathParser;\n var boundingBox = new BoundingBox();\n pathParser.reset();\n\n if (ctx) {\n ctx.beginPath();\n }\n\n while (!pathParser.isEnd()) {\n pathParser.nextCommand();\n\n switch (pathParser.command) {\n case 'M':\n case 'm':\n this.pathM(ctx, boundingBox);\n break;\n\n case 'L':\n case 'l':\n this.pathL(ctx, boundingBox);\n break;\n\n case 'H':\n case 'h':\n this.pathH(ctx, boundingBox);\n break;\n\n case 'V':\n case 'v':\n this.pathV(ctx, boundingBox);\n break;\n\n case 'C':\n case 'c':\n this.pathC(ctx, boundingBox);\n break;\n\n case 'S':\n case 's':\n this.pathS(ctx, boundingBox);\n break;\n\n case 'Q':\n case 'q':\n this.pathQ(ctx, boundingBox);\n break;\n\n case 'T':\n case 't':\n this.pathT(ctx, boundingBox);\n break;\n\n case 'A':\n case 'a':\n this.pathA(ctx, boundingBox);\n break;\n\n case 'Z':\n case 'z':\n this.pathZ(ctx, boundingBox);\n break;\n }\n }\n\n return boundingBox;\n }\n }, {\n key: \"getBoundingBox\",\n value: function getBoundingBox(_) {\n return this.path();\n }\n }, {\n key: \"getMarkers\",\n value: function getMarkers() {\n var pathParser = this.pathParser;\n var points = pathParser.getMarkerPoints();\n var angles = pathParser.getMarkerAngles();\n var markers = points.map(function (point, i) {\n return [point, angles[i]];\n });\n return markers;\n }\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n this.path(ctx);\n this.document.screen.mouse.checkPath(this, ctx);\n var fillRuleStyleProp = this.getStyle('fill-rule');\n\n if (ctx.fillStyle !== '') {\n if (fillRuleStyleProp.getString('inherit') !== 'inherit') {\n ctx.fill(fillRuleStyleProp.getString());\n } else {\n ctx.fill();\n }\n }\n\n if (ctx.strokeStyle !== '') {\n ctx.stroke();\n }\n\n var markers = this.getMarkers();\n\n if (markers) {\n var markersLastIndex = markers.length - 1;\n var markerStartStyleProp = this.getStyle('marker-start');\n var markerMidStyleProp = this.getStyle('marker-mid');\n var markerEndStyleProp = this.getStyle('marker-end');\n\n if (markerStartStyleProp.isUrlDefinition()) {\n var marker = markerStartStyleProp.getDefinition();\n\n var _markers$ = _slicedToArray(markers[0], 2),\n point = _markers$[0],\n angle = _markers$[1];\n\n marker.render(ctx, point, angle);\n }\n\n if (markerMidStyleProp.isUrlDefinition()) {\n var _marker = markerMidStyleProp.getDefinition();\n\n for (var i = 1; i < markersLastIndex; i++) {\n var _markers$i = _slicedToArray(markers[i], 2),\n _point = _markers$i[0],\n _angle = _markers$i[1];\n\n _marker.render(ctx, _point, _angle);\n }\n }\n\n if (markerEndStyleProp.isUrlDefinition()) {\n var _marker2 = markerEndStyleProp.getDefinition();\n\n var _markers$markersLastI = _slicedToArray(markers[markersLastIndex], 2),\n _point2 = _markers$markersLastI[0],\n _angle2 = _markers$markersLastI[1];\n\n _marker2.render(ctx, _point2, _angle2);\n }\n }\n }\n }, {\n key: \"pathM\",\n value: function pathM(ctx, boundingBox) {\n var pathParser = this.pathParser;\n var point = pathParser.getAsCurrentPoint();\n var x = point.x,\n y = point.y;\n pathParser.addMarker(point);\n boundingBox.addPoint(x, y);\n\n if (ctx) {\n ctx.moveTo(x, y);\n }\n\n pathParser.start = pathParser.current;\n\n while (!pathParser.isCommandOrEnd()) {\n var _point3 = pathParser.getAsCurrentPoint();\n\n var _x = _point3.x,\n _y = _point3.y;\n pathParser.addMarker(_point3, pathParser.start);\n boundingBox.addPoint(_x, _y);\n\n if (ctx) {\n ctx.lineTo(_x, _y);\n }\n }\n }\n }, {\n key: \"pathL\",\n value: function pathL(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = pathParser.getAsCurrentPoint();\n var x = point.x,\n y = point.y;\n pathParser.addMarker(point, current);\n boundingBox.addPoint(x, y);\n\n if (ctx) {\n ctx.lineTo(x, y);\n }\n }\n }\n }, {\n key: \"pathH\",\n value: function pathH(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = new Point((pathParser.isRelativeCommand() ? current.x : 0) + pathParser.getScalar(), current.y);\n pathParser.addMarker(point, current);\n pathParser.current = point;\n boundingBox.addPoint(point.x, point.y);\n\n if (ctx) {\n ctx.lineTo(point.x, point.y);\n }\n }\n }\n }, {\n key: \"pathV\",\n value: function pathV(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = new Point(current.x, (pathParser.isRelativeCommand() ? current.y : 0) + pathParser.getScalar());\n pathParser.addMarker(point, current);\n pathParser.current = point;\n boundingBox.addPoint(point.x, point.y);\n\n if (ctx) {\n ctx.lineTo(point.x, point.y);\n }\n }\n }\n }, {\n key: \"pathC\",\n value: function pathC(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = pathParser.getPoint();\n var controlPoint = pathParser.getAsControlPoint();\n var currentPoint = pathParser.getAsCurrentPoint();\n pathParser.addMarker(currentPoint, controlPoint, point);\n boundingBox.addBezierCurve(current.x, current.y, point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n\n if (ctx) {\n ctx.bezierCurveTo(point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }\n }, {\n key: \"pathS\",\n value: function pathS(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = pathParser.getReflectedControlPoint();\n var controlPoint = pathParser.getAsControlPoint();\n var currentPoint = pathParser.getAsCurrentPoint();\n pathParser.addMarker(currentPoint, controlPoint, point);\n boundingBox.addBezierCurve(current.x, current.y, point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n\n if (ctx) {\n ctx.bezierCurveTo(point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }\n }, {\n key: \"pathQ\",\n value: function pathQ(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var controlPoint = pathParser.getAsControlPoint();\n var currentPoint = pathParser.getAsCurrentPoint();\n pathParser.addMarker(currentPoint, controlPoint, controlPoint);\n boundingBox.addQuadraticCurve(current.x, current.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n\n if (ctx) {\n ctx.quadraticCurveTo(controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }\n }, {\n key: \"pathT\",\n value: function pathT(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var controlPoint = pathParser.getReflectedControlPoint();\n pathParser.control = controlPoint;\n var currentPoint = pathParser.getAsCurrentPoint();\n pathParser.addMarker(currentPoint, controlPoint, controlPoint);\n boundingBox.addQuadraticCurve(current.x, current.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n\n if (ctx) {\n ctx.quadraticCurveTo(controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }\n }, {\n key: \"pathA\",\n value: function pathA(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var rx = pathParser.getScalar();\n var ry = pathParser.getScalar();\n var xAxisRotation = pathParser.getScalar() * (Math.PI / 180.0);\n var largeArcFlag = pathParser.getScalar();\n var sweepFlag = pathParser.getScalar();\n var currentPoint = pathParser.getAsCurrentPoint(); // Conversion from endpoint to center parameterization\n // http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes\n // x1', y1'\n\n var currp = new Point(Math.cos(xAxisRotation) * (current.x - currentPoint.x) / 2.0 + Math.sin(xAxisRotation) * (current.y - currentPoint.y) / 2.0, -Math.sin(xAxisRotation) * (current.x - currentPoint.x) / 2.0 + Math.cos(xAxisRotation) * (current.y - currentPoint.y) / 2.0); // adjust radii\n\n var l = Math.pow(currp.x, 2) / Math.pow(rx, 2) + Math.pow(currp.y, 2) / Math.pow(ry, 2);\n\n if (l > 1) {\n rx *= Math.sqrt(l);\n ry *= Math.sqrt(l);\n } // cx', cy'\n\n\n var s = (largeArcFlag === sweepFlag ? -1 : 1) * Math.sqrt((Math.pow(rx, 2) * Math.pow(ry, 2) - Math.pow(rx, 2) * Math.pow(currp.y, 2) - Math.pow(ry, 2) * Math.pow(currp.x, 2)) / (Math.pow(rx, 2) * Math.pow(currp.y, 2) + Math.pow(ry, 2) * Math.pow(currp.x, 2)));\n\n if (isNaN(s)) {\n s = 0;\n }\n\n var cpp = new Point(s * rx * currp.y / ry, s * -ry * currp.x / rx); // cx, cy\n\n var centp = new Point((current.x + currentPoint.x) / 2.0 + Math.cos(xAxisRotation) * cpp.x - Math.sin(xAxisRotation) * cpp.y, (current.y + currentPoint.y) / 2.0 + Math.sin(xAxisRotation) * cpp.x + Math.cos(xAxisRotation) * cpp.y); // initial angle\n\n var a1 = vectorsAngle([1, 0], [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry]); // angle delta\n\n var u = [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry];\n var v = [(-currp.x - cpp.x) / rx, (-currp.y - cpp.y) / ry];\n var ad = vectorsAngle(u, v);\n\n if (vectorsRatio(u, v) <= -1) {\n ad = Math.PI;\n }\n\n if (vectorsRatio(u, v) >= 1) {\n ad = 0;\n } // for markers\n\n\n var dir = 1 - sweepFlag ? 1.0 : -1.0;\n var ah = a1 + dir * (ad / 2.0);\n var halfWay = new Point(centp.x + rx * Math.cos(ah), centp.y + ry * Math.sin(ah));\n pathParser.addMarkerAngle(halfWay, ah - dir * Math.PI / 2);\n pathParser.addMarkerAngle(currentPoint, ah - dir * Math.PI);\n boundingBox.addPoint(currentPoint.x, currentPoint.y); // TODO: this is too naive, make it better\n\n if (ctx && !isNaN(a1) && !isNaN(ad)) {\n var r = rx > ry ? rx : ry;\n var sx = rx > ry ? 1 : rx / ry;\n var sy = rx > ry ? ry / rx : 1;\n ctx.translate(centp.x, centp.y);\n ctx.rotate(xAxisRotation);\n ctx.scale(sx, sy);\n ctx.arc(0, 0, r, a1, a1 + ad, Boolean(1 - sweepFlag));\n ctx.scale(1 / sx, 1 / sy);\n ctx.rotate(-xAxisRotation);\n ctx.translate(-centp.x, -centp.y);\n }\n }\n }\n }, {\n key: \"pathZ\",\n value: function pathZ(ctx, boundingBox) {\n var pathParser = this.pathParser;\n\n if (ctx) {\n // only close path if it is not a straight line\n if (boundingBox.x1 !== boundingBox.x2 && boundingBox.y1 !== boundingBox.y2) {\n ctx.closePath();\n }\n }\n\n pathParser.current = pathParser.start;\n }\n }]);\n\n return PathElement;\n}(RenderedElement);\n\nfunction _createSuper$9(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$9()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$9() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar SVGElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(SVGElement, _RenderedElement);\n\n var _super = _createSuper$9(SVGElement);\n\n function SVGElement() {\n var _this;\n\n _classCallCheck(this, SVGElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'svg';\n _this.root = false;\n return _this;\n }\n\n _createClass(SVGElement, [{\n key: \"clearContext\",\n value: function clearContext(ctx) {\n _get(_getPrototypeOf(SVGElement.prototype), \"clearContext\", this).call(this, ctx);\n\n this.document.screen.viewPort.removeCurrent();\n }\n }, {\n key: \"setContext\",\n value: function setContext(ctx) {\n var document = this.document;\n var screen = document.screen,\n window = document.window;\n var canvas = ctx.canvas;\n screen.setDefaults(ctx);\n\n if (canvas.style && typeof ctx.font !== 'undefined' && window && typeof window.getComputedStyle !== 'undefined') {\n ctx.font = window.getComputedStyle(canvas).getPropertyValue('font');\n var fontSizeProp = new Property(document, 'fontSize', Font.parse(ctx.font).fontSize);\n\n if (fontSizeProp.hasValue()) {\n document.rootEmSize = fontSizeProp.getPixels('y');\n document.emSize = document.rootEmSize;\n }\n }\n\n _get(_getPrototypeOf(SVGElement.prototype), \"setContext\", this).call(this, ctx); // create new view port\n\n\n if (!this.getAttribute('x').hasValue()) {\n this.getAttribute('x', true).setValue(0);\n }\n\n if (!this.getAttribute('y').hasValue()) {\n this.getAttribute('y', true).setValue(0);\n }\n\n ctx.translate(this.getAttribute('x').getPixels('x'), this.getAttribute('y').getPixels('y'));\n var _screen$viewPort = screen.viewPort,\n width = _screen$viewPort.width,\n height = _screen$viewPort.height;\n\n if (!this.getAttribute('width').hasValue()) {\n this.getAttribute('width', true).setValue('100%');\n }\n\n if (!this.getAttribute('height').hasValue()) {\n this.getAttribute('height', true).setValue('100%');\n }\n\n var refXAttr = this.getAttribute('refX');\n var refYAttr = this.getAttribute('refY');\n var viewBoxAttr = this.getAttribute('viewBox');\n var viewBox = viewBoxAttr.hasValue() ? toNumbers(viewBoxAttr.getString()) : null;\n var clip = !this.root && this.getAttribute('overflow').getValue('hidden') !== 'visible';\n var minX = 0;\n var minY = 0;\n var clipX = 0;\n var clipY = 0;\n\n if (viewBox) {\n minX = viewBox[0];\n minY = viewBox[1];\n }\n\n if (!this.root) {\n width = this.getAttribute('width').getPixels('x');\n height = this.getAttribute('height').getPixels('y');\n\n if (this.type === 'marker') {\n clipX = minX;\n clipY = minY;\n minX = 0;\n minY = 0;\n }\n }\n\n screen.viewPort.setCurrent(width, height);\n\n if (viewBox) {\n width = viewBox[2];\n height = viewBox[3];\n }\n\n document.setViewBox({\n ctx: ctx,\n aspectRatio: this.getAttribute('preserveAspectRatio').getString(),\n width: screen.viewPort.width,\n desiredWidth: width,\n height: screen.viewPort.height,\n desiredHeight: height,\n minX: minX,\n minY: minY,\n refX: refXAttr.getValue(),\n refY: refYAttr.getValue(),\n clip: clip,\n clipX: clipX,\n clipY: clipY\n });\n\n if (viewBox) {\n screen.viewPort.removeCurrent();\n screen.viewPort.setCurrent(width, height);\n }\n }\n /**\n * Resize SVG to fit in given size.\n * @param width\n * @param height\n * @param preserveAspectRatio\n */\n\n }, {\n key: \"resize\",\n value: function resize(width) {\n var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : width;\n var preserveAspectRatio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n var widthAttr = this.getAttribute('width', true);\n var heightAttr = this.getAttribute('height', true);\n var viewBoxAttr = this.getAttribute('viewBox');\n var styleAttr = this.getAttribute('style');\n var originWidth = widthAttr.getNumber(0);\n var originHeight = heightAttr.getNumber(0);\n\n if (preserveAspectRatio) {\n if (typeof preserveAspectRatio === 'string') {\n this.getAttribute('preserveAspectRatio', true).setValue(preserveAspectRatio);\n } else {\n var preserveAspectRatioAttr = this.getAttribute('preserveAspectRatio');\n\n if (preserveAspectRatioAttr.hasValue()) {\n preserveAspectRatioAttr.setValue(preserveAspectRatioAttr.getString().replace(/^\\s*(\\S.*\\S)\\s*$/, '$1'));\n }\n }\n }\n\n widthAttr.setValue(width);\n heightAttr.setValue(height);\n\n if (!viewBoxAttr.hasValue()) {\n viewBoxAttr.setValue(\"0 0 \".concat(originWidth || width, \" \").concat(originHeight || height));\n }\n\n if (styleAttr.hasValue()) {\n var widthStyle = this.getStyle('width');\n var heightStyle = this.getStyle('height');\n\n if (widthStyle.hasValue()) {\n widthStyle.setValue(\"\".concat(width, \"px\"));\n }\n\n if (heightStyle.hasValue()) {\n heightStyle.setValue(\"\".concat(height, \"px\"));\n }\n }\n }\n }]);\n\n return SVGElement;\n}(RenderedElement);\n\nfunction _createSuper$a(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$a()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$a() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar RectElement = /*#__PURE__*/function (_PathElement) {\n _inherits(RectElement, _PathElement);\n\n var _super = _createSuper$a(RectElement);\n\n function RectElement() {\n var _this;\n\n _classCallCheck(this, RectElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'rect';\n return _this;\n }\n\n _createClass(RectElement, [{\n key: \"path\",\n value: function path(ctx) {\n var x = this.getAttribute('x').getPixels('x');\n var y = this.getAttribute('y').getPixels('y');\n var width = this.getAttribute('width').getPixels('x');\n var height = this.getAttribute('height').getPixels('y');\n var rxAttr = this.getAttribute('rx');\n var ryAttr = this.getAttribute('ry');\n var rx = rxAttr.getPixels('x');\n var ry = ryAttr.getPixels('y');\n\n if (rxAttr.hasValue() && !ryAttr.hasValue()) {\n ry = rx;\n }\n\n if (ryAttr.hasValue() && !rxAttr.hasValue()) {\n rx = ry;\n }\n\n rx = Math.min(rx, width / 2.0);\n ry = Math.min(ry, height / 2.0);\n\n if (ctx) {\n var KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);\n ctx.beginPath(); // always start the path so we don't fill prior paths\n\n if (height > 0 && width > 0) {\n ctx.moveTo(x + rx, y);\n ctx.lineTo(x + width - rx, y);\n ctx.bezierCurveTo(x + width - rx + KAPPA * rx, y, x + width, y + ry - KAPPA * ry, x + width, y + ry);\n ctx.lineTo(x + width, y + height - ry);\n ctx.bezierCurveTo(x + width, y + height - ry + KAPPA * ry, x + width - rx + KAPPA * rx, y + height, x + width - rx, y + height);\n ctx.lineTo(x + rx, y + height);\n ctx.bezierCurveTo(x + rx - KAPPA * rx, y + height, x, y + height - ry + KAPPA * ry, x, y + height - ry);\n ctx.lineTo(x, y + ry);\n ctx.bezierCurveTo(x, y + ry - KAPPA * ry, x + rx - KAPPA * rx, y, x + rx, y);\n ctx.closePath();\n }\n }\n\n return new BoundingBox(x, y, x + width, y + height);\n }\n }, {\n key: \"getMarkers\",\n value: function getMarkers() {\n return null;\n }\n }]);\n\n return RectElement;\n}(PathElement);\n\nfunction _createSuper$b(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$b()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$b() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar CircleElement = /*#__PURE__*/function (_PathElement) {\n _inherits(CircleElement, _PathElement);\n\n var _super = _createSuper$b(CircleElement);\n\n function CircleElement() {\n var _this;\n\n _classCallCheck(this, CircleElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'circle';\n return _this;\n }\n\n _createClass(CircleElement, [{\n key: \"path\",\n value: function path(ctx) {\n var cx = this.getAttribute('cx').getPixels('x');\n var cy = this.getAttribute('cy').getPixels('y');\n var r = this.getAttribute('r').getPixels();\n\n if (ctx && r > 0) {\n ctx.beginPath();\n ctx.arc(cx, cy, r, 0, Math.PI * 2, false);\n ctx.closePath();\n }\n\n return new BoundingBox(cx - r, cy - r, cx + r, cy + r);\n }\n }, {\n key: \"getMarkers\",\n value: function getMarkers() {\n return null;\n }\n }]);\n\n return CircleElement;\n}(PathElement);\n\nfunction _createSuper$c(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$c()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$c() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar EllipseElement = /*#__PURE__*/function (_PathElement) {\n _inherits(EllipseElement, _PathElement);\n\n var _super = _createSuper$c(EllipseElement);\n\n function EllipseElement() {\n var _this;\n\n _classCallCheck(this, EllipseElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'ellipse';\n return _this;\n }\n\n _createClass(EllipseElement, [{\n key: \"path\",\n value: function path(ctx) {\n var KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);\n var rx = this.getAttribute('rx').getPixels('x');\n var ry = this.getAttribute('ry').getPixels('y');\n var cx = this.getAttribute('cx').getPixels('x');\n var cy = this.getAttribute('cy').getPixels('y');\n\n if (ctx) {\n ctx.beginPath();\n ctx.moveTo(cx + rx, cy);\n ctx.bezierCurveTo(cx + rx, cy + KAPPA * ry, cx + KAPPA * rx, cy + ry, cx, cy + ry);\n ctx.bezierCurveTo(cx - KAPPA * rx, cy + ry, cx - rx, cy + KAPPA * ry, cx - rx, cy);\n ctx.bezierCurveTo(cx - rx, cy - KAPPA * ry, cx - KAPPA * rx, cy - ry, cx, cy - ry);\n ctx.bezierCurveTo(cx + KAPPA * rx, cy - ry, cx + rx, cy - KAPPA * ry, cx + rx, cy);\n ctx.closePath();\n }\n\n return new BoundingBox(cx - rx, cy - ry, cx + rx, cy + ry);\n }\n }, {\n key: \"getMarkers\",\n value: function getMarkers() {\n return null;\n }\n }]);\n\n return EllipseElement;\n}(PathElement);\n\nfunction _createSuper$d(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$d()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$d() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar LineElement = /*#__PURE__*/function (_PathElement) {\n _inherits(LineElement, _PathElement);\n\n var _super = _createSuper$d(LineElement);\n\n function LineElement() {\n var _this;\n\n _classCallCheck(this, LineElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'line';\n return _this;\n }\n\n _createClass(LineElement, [{\n key: \"getPoints\",\n value: function getPoints() {\n return [new Point(this.getAttribute('x1').getPixels('x'), this.getAttribute('y1').getPixels('y')), new Point(this.getAttribute('x2').getPixels('x'), this.getAttribute('y2').getPixels('y'))];\n }\n }, {\n key: \"path\",\n value: function path(ctx) {\n var _this$getPoints = this.getPoints(),\n _this$getPoints2 = _slicedToArray(_this$getPoints, 2),\n _this$getPoints2$ = _this$getPoints2[0],\n x0 = _this$getPoints2$.x,\n y0 = _this$getPoints2$.y,\n _this$getPoints2$2 = _this$getPoints2[1],\n x1 = _this$getPoints2$2.x,\n y1 = _this$getPoints2$2.y;\n\n if (ctx) {\n ctx.beginPath();\n ctx.moveTo(x0, y0);\n ctx.lineTo(x1, y1);\n }\n\n return new BoundingBox(x0, y0, x1, y1);\n }\n }, {\n key: \"getMarkers\",\n value: function getMarkers() {\n var _this$getPoints3 = this.getPoints(),\n _this$getPoints4 = _slicedToArray(_this$getPoints3, 2),\n p0 = _this$getPoints4[0],\n p1 = _this$getPoints4[1];\n\n var a = p0.angleTo(p1);\n return [[p0, a], [p1, a]];\n }\n }]);\n\n return LineElement;\n}(PathElement);\n\nfunction _createSuper$e(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$e()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$e() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar PolylineElement = /*#__PURE__*/function (_PathElement) {\n _inherits(PolylineElement, _PathElement);\n\n var _super = _createSuper$e(PolylineElement);\n\n function PolylineElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, PolylineElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'polyline';\n _this.points = [];\n _this.points = Point.parsePath(_this.getAttribute('points').getString());\n return _this;\n }\n\n _createClass(PolylineElement, [{\n key: \"path\",\n value: function path(ctx) {\n var points = this.points;\n\n var _points = _slicedToArray(points, 1),\n _points$ = _points[0],\n x0 = _points$.x,\n y0 = _points$.y;\n\n var boundingBox = new BoundingBox(x0, y0);\n\n if (ctx) {\n ctx.beginPath();\n ctx.moveTo(x0, y0);\n }\n\n points.forEach(function (_ref) {\n var x = _ref.x,\n y = _ref.y;\n boundingBox.addPoint(x, y);\n\n if (ctx) {\n ctx.lineTo(x, y);\n }\n });\n return boundingBox;\n }\n }, {\n key: \"getMarkers\",\n value: function getMarkers() {\n var points = this.points;\n var lastIndex = points.length - 1;\n var markers = [];\n points.forEach(function (point, i) {\n if (i === lastIndex) {\n return;\n }\n\n markers.push([point, point.angleTo(points[i + 1])]);\n });\n\n if (markers.length > 0) {\n markers.push([points[points.length - 1], markers[markers.length - 1][1]]);\n }\n\n return markers;\n }\n }]);\n\n return PolylineElement;\n}(PathElement);\n\nfunction _createSuper$f(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$f()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$f() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar PolygonElement = /*#__PURE__*/function (_PolylineElement) {\n _inherits(PolygonElement, _PolylineElement);\n\n var _super = _createSuper$f(PolygonElement);\n\n function PolygonElement() {\n var _this;\n\n _classCallCheck(this, PolygonElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'polygon';\n return _this;\n }\n\n _createClass(PolygonElement, [{\n key: \"path\",\n value: function path(ctx) {\n var boundingBox = _get(_getPrototypeOf(PolygonElement.prototype), \"path\", this).call(this, ctx);\n\n var _this$points = _slicedToArray(this.points, 1),\n _this$points$ = _this$points[0],\n x = _this$points$.x,\n y = _this$points$.y;\n\n if (ctx) {\n ctx.lineTo(x, y);\n ctx.closePath();\n }\n\n return boundingBox;\n }\n }]);\n\n return PolygonElement;\n}(PolylineElement);\n\nfunction _createSuper$g(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$g()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$g() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar PatternElement = /*#__PURE__*/function (_Element) {\n _inherits(PatternElement, _Element);\n\n var _super = _createSuper$g(PatternElement);\n\n function PatternElement() {\n var _this;\n\n _classCallCheck(this, PatternElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'pattern';\n return _this;\n }\n\n _createClass(PatternElement, [{\n key: \"createPattern\",\n value: function createPattern(ctx, _, parentOpacityProp) {\n var width = this.getAttribute('width').getPixels('x', true);\n var height = this.getAttribute('height').getPixels('y', true); // render me using a temporary svg element\n\n var patternSvg = new SVGElement(this.document, null);\n patternSvg.attributes.viewBox = new Property(this.document, 'viewBox', this.getAttribute('viewBox').getValue());\n patternSvg.attributes.width = new Property(this.document, 'width', \"\".concat(width, \"px\"));\n patternSvg.attributes.height = new Property(this.document, 'height', \"\".concat(height, \"px\"));\n patternSvg.attributes.transform = new Property(this.document, 'transform', this.getAttribute('patternTransform').getValue());\n patternSvg.children = this.children;\n var patternCanvas = this.document.createCanvas(width, height);\n var patternCtx = patternCanvas.getContext('2d');\n var xAttr = this.getAttribute('x');\n var yAttr = this.getAttribute('y');\n\n if (xAttr.hasValue() && yAttr.hasValue()) {\n patternCtx.translate(xAttr.getPixels('x', true), yAttr.getPixels('y', true));\n }\n\n if (parentOpacityProp.hasValue()) {\n this.styles['fill-opacity'] = parentOpacityProp;\n } else {\n Reflect.deleteProperty(this.styles, 'fill-opacity');\n } // render 3x3 grid so when we transform there's no white space on edges\n\n\n for (var x = -1; x <= 1; x++) {\n for (var y = -1; y <= 1; y++) {\n patternCtx.save();\n patternSvg.attributes.x = new Property(this.document, 'x', x * patternCanvas.width);\n patternSvg.attributes.y = new Property(this.document, 'y', y * patternCanvas.height);\n patternSvg.render(patternCtx);\n patternCtx.restore();\n }\n }\n\n var pattern = ctx.createPattern(patternCanvas, 'repeat');\n return pattern;\n }\n }]);\n\n return PatternElement;\n}(Element);\n\nfunction _createSuper$h(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$h()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$h() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar MarkerElement = /*#__PURE__*/function (_Element) {\n _inherits(MarkerElement, _Element);\n\n var _super = _createSuper$h(MarkerElement);\n\n function MarkerElement() {\n var _this;\n\n _classCallCheck(this, MarkerElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'marker';\n return _this;\n }\n\n _createClass(MarkerElement, [{\n key: \"render\",\n value: function render(ctx, point, angle) {\n if (!point) {\n return;\n }\n\n var x = point.x,\n y = point.y;\n var orient = this.getAttribute('orient').getValue('auto');\n var markerUnits = this.getAttribute('markerUnits').getValue('strokeWidth');\n ctx.translate(x, y);\n\n if (orient === 'auto') {\n ctx.rotate(angle);\n }\n\n if (markerUnits === 'strokeWidth') {\n ctx.scale(ctx.lineWidth, ctx.lineWidth);\n }\n\n ctx.save(); // render me using a temporary svg element\n\n var markerSvg = new SVGElement(this.document, null);\n markerSvg.type = this.type;\n markerSvg.attributes.viewBox = new Property(this.document, 'viewBox', this.getAttribute('viewBox').getValue());\n markerSvg.attributes.refX = new Property(this.document, 'refX', this.getAttribute('refX').getValue());\n markerSvg.attributes.refY = new Property(this.document, 'refY', this.getAttribute('refY').getValue());\n markerSvg.attributes.width = new Property(this.document, 'width', this.getAttribute('markerWidth').getValue());\n markerSvg.attributes.height = new Property(this.document, 'height', this.getAttribute('markerHeight').getValue());\n markerSvg.attributes.overflow = new Property(this.document, 'overflow', this.getAttribute('overflow').getValue());\n markerSvg.attributes.fill = new Property(this.document, 'fill', this.getAttribute('fill').getValue('black'));\n markerSvg.attributes.stroke = new Property(this.document, 'stroke', this.getAttribute('stroke').getValue('none'));\n markerSvg.children = this.children;\n markerSvg.render(ctx);\n ctx.restore();\n\n if (markerUnits === 'strokeWidth') {\n ctx.scale(1 / ctx.lineWidth, 1 / ctx.lineWidth);\n }\n\n if (orient === 'auto') {\n ctx.rotate(-angle);\n }\n\n ctx.translate(-x, -y);\n }\n }]);\n\n return MarkerElement;\n}(Element);\n\nfunction _createSuper$i(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$i()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$i() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar DefsElement = /*#__PURE__*/function (_Element) {\n _inherits(DefsElement, _Element);\n\n var _super = _createSuper$i(DefsElement);\n\n function DefsElement() {\n var _this;\n\n _classCallCheck(this, DefsElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'defs';\n return _this;\n }\n\n _createClass(DefsElement, [{\n key: \"render\",\n value: function render() {// NOOP\n }\n }]);\n\n return DefsElement;\n}(Element);\n\nfunction _createSuper$j(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$j()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$j() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar GElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(GElement, _RenderedElement);\n\n var _super = _createSuper$j(GElement);\n\n function GElement() {\n var _this;\n\n _classCallCheck(this, GElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'g';\n return _this;\n }\n\n _createClass(GElement, [{\n key: \"getBoundingBox\",\n value: function getBoundingBox(ctx) {\n var boundingBox = new BoundingBox();\n this.children.forEach(function (child) {\n boundingBox.addBoundingBox(child.getBoundingBox(ctx));\n });\n return boundingBox;\n }\n }]);\n\n return GElement;\n}(RenderedElement);\n\nfunction _createSuper$k(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$k()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$k() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar GradientElement = /*#__PURE__*/function (_Element) {\n _inherits(GradientElement, _Element);\n\n var _super = _createSuper$k(GradientElement);\n\n function GradientElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, GradientElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.attributesToInherit = ['gradientUnits'];\n _this.stops = [];\n\n var _assertThisInitialize = _assertThisInitialized(_this),\n stops = _assertThisInitialize.stops,\n children = _assertThisInitialize.children;\n\n children.forEach(function (child) {\n if (child.type === 'stop') {\n stops.push(child);\n }\n });\n return _this;\n }\n\n _createClass(GradientElement, [{\n key: \"getGradientUnits\",\n value: function getGradientUnits() {\n return this.getAttribute('gradientUnits').getString('objectBoundingBox');\n }\n }, {\n key: \"createGradient\",\n value: function createGradient(ctx, element, parentOpacityProp) {\n var _this2 = this;\n\n // tslint:disable-next-line: no-this-assignment\n var stopsContainer = this;\n\n if (this.getHrefAttribute().hasValue()) {\n stopsContainer = this.getHrefAttribute().getDefinition();\n this.inheritStopContainer(stopsContainer);\n }\n\n var _stopsContainer = stopsContainer,\n stops = _stopsContainer.stops;\n var gradient = this.getGradient(ctx, element);\n\n if (!gradient) {\n return this.addParentOpacity(parentOpacityProp, stops[stops.length - 1].color);\n }\n\n stops.forEach(function (stop) {\n gradient.addColorStop(stop.offset, _this2.addParentOpacity(parentOpacityProp, stop.color));\n });\n\n if (this.getAttribute('gradientTransform').hasValue()) {\n // render as transformed pattern on temporary canvas\n var document = this.document;\n var _document$screen = document.screen,\n MAX_VIRTUAL_PIXELS = _document$screen.MAX_VIRTUAL_PIXELS,\n viewPort = _document$screen.viewPort;\n\n var _viewPort$viewPorts = _slicedToArray(viewPort.viewPorts, 1),\n rootView = _viewPort$viewPorts[0];\n\n var rect = new RectElement(document, null);\n rect.attributes.x = new Property(document, 'x', -MAX_VIRTUAL_PIXELS / 3.0);\n rect.attributes.y = new Property(document, 'y', -MAX_VIRTUAL_PIXELS / 3.0);\n rect.attributes.width = new Property(document, 'width', MAX_VIRTUAL_PIXELS);\n rect.attributes.height = new Property(document, 'height', MAX_VIRTUAL_PIXELS);\n var group = new GElement(document, null);\n group.attributes.transform = new Property(document, 'transform', this.getAttribute('gradientTransform').getValue());\n group.children = [rect];\n var patternSvg = new SVGElement(document, null);\n patternSvg.attributes.x = new Property(document, 'x', 0);\n patternSvg.attributes.y = new Property(document, 'y', 0);\n patternSvg.attributes.width = new Property(document, 'width', rootView.width);\n patternSvg.attributes.height = new Property(document, 'height', rootView.height);\n patternSvg.children = [group];\n var patternCanvas = document.createCanvas(rootView.width, rootView.height);\n var patternCtx = patternCanvas.getContext('2d');\n patternCtx.fillStyle = gradient;\n patternSvg.render(patternCtx);\n return patternCtx.createPattern(patternCanvas, 'no-repeat');\n }\n\n return gradient;\n }\n }, {\n key: \"inheritStopContainer\",\n value: function inheritStopContainer(stopsContainer) {\n var _this3 = this;\n\n this.attributesToInherit.forEach(function (attributeToInherit) {\n if (!_this3.getAttribute(attributeToInherit).hasValue() && stopsContainer.getAttribute(attributeToInherit).hasValue()) {\n _this3.getAttribute(attributeToInherit, true).setValue(stopsContainer.getAttribute(attributeToInherit).getValue());\n }\n });\n }\n }, {\n key: \"addParentOpacity\",\n value: function addParentOpacity(parentOpacityProp, color) {\n if (parentOpacityProp.hasValue()) {\n var colorProp = new Property(this.document, 'color', color);\n return colorProp.addOpacity(parentOpacityProp).getString();\n }\n\n return color;\n }\n }]);\n\n return GradientElement;\n}(Element);\n\nfunction _createSuper$l(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$l()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$l() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar LinearGradientElement = /*#__PURE__*/function (_GradientElement) {\n _inherits(LinearGradientElement, _GradientElement);\n\n var _super = _createSuper$l(LinearGradientElement);\n\n function LinearGradientElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, LinearGradientElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'linearGradient';\n\n _this.attributesToInherit.push('x1', 'y1', 'x2', 'y2');\n\n return _this;\n }\n\n _createClass(LinearGradientElement, [{\n key: \"getGradient\",\n value: function getGradient(ctx, element) {\n var boundingBox = this.getGradientUnits() === 'objectBoundingBox' ? element.getBoundingBox(ctx) : null;\n\n if (!this.getAttribute('x1').hasValue() && !this.getAttribute('y1').hasValue() && !this.getAttribute('x2').hasValue() && !this.getAttribute('y2').hasValue()) {\n this.getAttribute('x1', true).setValue(0);\n this.getAttribute('y1', true).setValue(0);\n this.getAttribute('x2', true).setValue(1);\n this.getAttribute('y2', true).setValue(0);\n }\n\n var x1 = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.x + boundingBox.width * this.getAttribute('x1').getNumber() : this.getAttribute('x1').getPixels('x');\n var y1 = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.y + boundingBox.height * this.getAttribute('y1').getNumber() : this.getAttribute('y1').getPixels('y');\n var x2 = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.x + boundingBox.width * this.getAttribute('x2').getNumber() : this.getAttribute('x2').getPixels('x');\n var y2 = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.y + boundingBox.height * this.getAttribute('y2').getNumber() : this.getAttribute('y2').getPixels('y');\n\n if (x1 === x2 && y1 === y2) {\n return null;\n }\n\n return ctx.createLinearGradient(x1, y1, x2, y2);\n }\n }]);\n\n return LinearGradientElement;\n}(GradientElement);\n\nfunction _createSuper$m(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$m()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$m() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar RadialGradientElement = /*#__PURE__*/function (_GradientElement) {\n _inherits(RadialGradientElement, _GradientElement);\n\n var _super = _createSuper$m(RadialGradientElement);\n\n function RadialGradientElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, RadialGradientElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'radialGradient';\n\n _this.attributesToInherit.push('cx', 'cy', 'r', 'fx', 'fy', 'fr');\n\n return _this;\n }\n\n _createClass(RadialGradientElement, [{\n key: \"getGradient\",\n value: function getGradient(ctx, element) {\n var boundingBox = element.getBoundingBox(ctx);\n\n if (!this.getAttribute('cx').hasValue()) {\n this.getAttribute('cx', true).setValue('50%');\n }\n\n if (!this.getAttribute('cy').hasValue()) {\n this.getAttribute('cy', true).setValue('50%');\n }\n\n if (!this.getAttribute('r').hasValue()) {\n this.getAttribute('r', true).setValue('50%');\n }\n\n var cx = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.x + boundingBox.width * this.getAttribute('cx').getNumber() : this.getAttribute('cx').getPixels('x');\n var cy = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.y + boundingBox.height * this.getAttribute('cy').getNumber() : this.getAttribute('cy').getPixels('y');\n var fx = cx;\n var fy = cy;\n\n if (this.getAttribute('fx').hasValue()) {\n fx = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.x + boundingBox.width * this.getAttribute('fx').getNumber() : this.getAttribute('fx').getPixels('x');\n }\n\n if (this.getAttribute('fy').hasValue()) {\n fy = this.getGradientUnits() === 'objectBoundingBox' ? boundingBox.y + boundingBox.height * this.getAttribute('fy').getNumber() : this.getAttribute('fy').getPixels('y');\n }\n\n var r = this.getGradientUnits() === 'objectBoundingBox' ? (boundingBox.width + boundingBox.height) / 2.0 * this.getAttribute('r').getNumber() : this.getAttribute('r').getPixels();\n var fr = this.getAttribute('fr').getPixels();\n return ctx.createRadialGradient(fx, fy, fr, cx, cy, r);\n }\n }]);\n\n return RadialGradientElement;\n}(GradientElement);\n\nfunction _createSuper$n(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$n()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$n() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar StopElement = /*#__PURE__*/function (_Element) {\n _inherits(StopElement, _Element);\n\n var _super = _createSuper$n(StopElement);\n\n function StopElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, StopElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'stop';\n var offset = Math.max(0, Math.min(1, _this.getAttribute('offset').getNumber()));\n\n var stopOpacity = _this.getStyle('stop-opacity');\n\n var stopColor = _this.getStyle('stop-color', true);\n\n if (stopColor.getString() === '') {\n stopColor.setValue('#000');\n }\n\n if (stopOpacity.hasValue()) {\n stopColor = stopColor.addOpacity(stopOpacity);\n }\n\n _this.offset = offset;\n _this.color = stopColor.getString();\n return _this;\n }\n\n return StopElement;\n}(Element);\n\nfunction _createSuper$o(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$o()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$o() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar AnimateElement = /*#__PURE__*/function (_Element) {\n _inherits(AnimateElement, _Element);\n\n var _super = _createSuper$o(AnimateElement);\n\n function AnimateElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, AnimateElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'animate';\n _this.duration = 0;\n _this.initialValue = null;\n _this.initialUnits = '';\n _this.removed = false;\n _this.frozen = false;\n document.screen.animations.push(_assertThisInitialized(_this));\n _this.begin = _this.getAttribute('begin').getMilliseconds();\n _this.maxDuration = _this.begin + _this.getAttribute('dur').getMilliseconds();\n _this.from = _this.getAttribute('from');\n _this.to = _this.getAttribute('to');\n _this.values = _this.getAttribute('values');\n\n if (_this.values.hasValue()) {\n _this.values.setValue(_this.values.getString().split(';'));\n }\n\n return _this;\n }\n\n _createClass(AnimateElement, [{\n key: \"getProperty\",\n value: function getProperty() {\n var attributeType = this.getAttribute('attributeType').getString();\n var attributeName = this.getAttribute('attributeName').getString();\n\n if (attributeType === 'CSS') {\n return this.parent.getStyle(attributeName, true);\n }\n\n return this.parent.getAttribute(attributeName, true);\n }\n }, {\n key: \"calcValue\",\n value: function calcValue() {\n var initialUnits = this.initialUnits;\n\n var _this$getProgress = this.getProgress(),\n progress = _this$getProgress.progress,\n from = _this$getProgress.from,\n to = _this$getProgress.to; // tween value linearly\n\n\n var newValue = from.getNumber() + (to.getNumber() - from.getNumber()) * progress;\n\n if (initialUnits === '%') {\n newValue *= 100.0; // numValue() returns 0-1 whereas properties are 0-100\n }\n\n return \"\".concat(newValue).concat(initialUnits);\n }\n }, {\n key: \"update\",\n value: function update(delta) {\n var parent = this.parent;\n var prop = this.getProperty(); // set initial value\n\n if (!this.initialValue) {\n this.initialValue = prop.getString();\n this.initialUnits = prop.getUnits();\n } // if we're past the end time\n\n\n if (this.duration > this.maxDuration) {\n var fill = this.getAttribute('fill').getString('remove'); // loop for indefinitely repeating animations\n\n if (this.getAttribute('repeatCount').getString() === 'indefinite' || this.getAttribute('repeatDur').getString() === 'indefinite') {\n this.duration = 0;\n } else if (fill === 'freeze' && !this.frozen) {\n this.frozen = true;\n parent.animationFrozen = true;\n parent.animationFrozenValue = prop.getString();\n } else if (fill === 'remove' && !this.removed) {\n this.removed = true;\n prop.setValue(parent.animationFrozen ? parent.animationFrozenValue : this.initialValue);\n return true;\n }\n\n return false;\n }\n\n this.duration += delta; // if we're past the begin time\n\n var updated = false;\n\n if (this.begin < this.duration) {\n var newValue = this.calcValue(); // tween\n\n var typeAttr = this.getAttribute('type');\n\n if (typeAttr.hasValue()) {\n // for transform, etc.\n var type = typeAttr.getString();\n newValue = \"\".concat(type, \"(\").concat(newValue, \")\");\n }\n\n prop.setValue(newValue);\n updated = true;\n }\n\n return updated;\n }\n }, {\n key: \"getProgress\",\n value: function getProgress() {\n var document = this.document,\n values = this.values;\n var result = {\n progress: (this.duration - this.begin) / (this.maxDuration - this.begin)\n };\n\n if (values.hasValue()) {\n var p = result.progress * (values.getValue().length - 1);\n var lb = Math.floor(p);\n var ub = Math.ceil(p);\n result.from = new Property(document, 'from', parseFloat(values.getValue()[lb]));\n result.to = new Property(document, 'to', parseFloat(values.getValue()[ub]));\n result.progress = (p - lb) / (ub - lb);\n } else {\n result.from = this.from;\n result.to = this.to;\n }\n\n return result;\n }\n }]);\n\n return AnimateElement;\n}(Element);\n\nfunction _createSuper$p(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$p()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$p() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar AnimateColorElement = /*#__PURE__*/function (_AnimateElement) {\n _inherits(AnimateColorElement, _AnimateElement);\n\n var _super = _createSuper$p(AnimateColorElement);\n\n function AnimateColorElement() {\n var _this;\n\n _classCallCheck(this, AnimateColorElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'animateColor';\n return _this;\n }\n\n _createClass(AnimateColorElement, [{\n key: \"calcValue\",\n value: function calcValue() {\n var _this$getProgress = this.getProgress(),\n progress = _this$getProgress.progress,\n from = _this$getProgress.from,\n to = _this$getProgress.to;\n\n var colorFrom = new RGBColor(from.getString());\n var colorTo = new RGBColor(to.getString());\n\n if (colorFrom.ok && colorTo.ok) {\n // tween color linearly\n var r = colorFrom.r + (colorTo.r - colorFrom.r) * progress;\n var g = colorFrom.g + (colorTo.g - colorFrom.g) * progress;\n var b = colorFrom.b + (colorTo.b - colorFrom.b) * progress; // ? alpha\n\n return \"rgb(\".concat(parseInt(r, 10), \", \").concat(parseInt(g, 10), \", \").concat(parseInt(b, 10), \")\");\n }\n\n return this.getAttribute('from').getString();\n }\n }]);\n\n return AnimateColorElement;\n}(AnimateElement);\n\nfunction _createSuper$q(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$q()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$q() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar AnimateTransformElement = /*#__PURE__*/function (_AnimateElement) {\n _inherits(AnimateTransformElement, _AnimateElement);\n\n var _super = _createSuper$q(AnimateTransformElement);\n\n function AnimateTransformElement() {\n var _this;\n\n _classCallCheck(this, AnimateTransformElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'animateTransform';\n return _this;\n }\n\n _createClass(AnimateTransformElement, [{\n key: \"calcValue\",\n value: function calcValue() {\n var _this$getProgress = this.getProgress(),\n progress = _this$getProgress.progress,\n from = _this$getProgress.from,\n to = _this$getProgress.to; // tween value linearly\n\n\n var transformFrom = toNumbers(from.getString());\n var transformTo = toNumbers(to.getString());\n var newValue = transformFrom.map(function (from, i) {\n var to = transformTo[i];\n return from + (to - from) * progress;\n }).join(' ');\n return newValue;\n }\n }]);\n\n return AnimateTransformElement;\n}(AnimateElement);\n\nfunction _createForOfIteratorHelper(o) { if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(n); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _createSuper$r(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$r()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$r() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FontElement = /*#__PURE__*/function (_Element) {\n _inherits(FontElement, _Element);\n\n var _super = _createSuper$r(FontElement);\n\n function FontElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, FontElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'font';\n _this.glyphs = {};\n _this.horizAdvX = _this.getAttribute('horiz-adv-x').getNumber();\n var definitions = document.definitions;\n\n var _assertThisInitialize = _assertThisInitialized(_this),\n children = _assertThisInitialize.children;\n\n var _iterator = _createForOfIteratorHelper(children),\n _step;\n\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var child = _step.value;\n\n switch (child.type) {\n case 'font-face':\n {\n _this.fontFace = child;\n var fontFamilyStyle = child.getStyle('font-family');\n\n if (fontFamilyStyle.hasValue()) {\n definitions[fontFamilyStyle.getString()] = _assertThisInitialized(_this);\n }\n\n break;\n }\n\n case 'missing-glyph':\n _this.missingGlyph = child;\n break;\n\n case 'glyph':\n {\n var glyph = child;\n\n if (glyph.arabicForm) {\n _this.isRTL = true;\n _this.isArabic = true;\n\n if (typeof _this.glyphs[glyph.unicode] === 'undefined') {\n _this.glyphs[glyph.unicode] = {};\n }\n\n _this.glyphs[glyph.unicode][glyph.arabicForm] = glyph;\n } else {\n _this.glyphs[glyph.unicode] = glyph;\n }\n\n break;\n }\n\n default:\n }\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n\n return _this;\n }\n\n _createClass(FontElement, [{\n key: \"render\",\n value: function render() {// NO RENDER\n }\n }]);\n\n return FontElement;\n}(Element);\n\nfunction _createSuper$s(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$s()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$s() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FontFaceElement = /*#__PURE__*/function (_Element) {\n _inherits(FontFaceElement, _Element);\n\n var _super = _createSuper$s(FontFaceElement);\n\n function FontFaceElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, FontFaceElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'font-face';\n _this.ascent = _this.getAttribute('ascent').getNumber();\n _this.descent = _this.getAttribute('descent').getNumber();\n _this.unitsPerEm = _this.getAttribute('units-per-em').getNumber();\n return _this;\n }\n\n return FontFaceElement;\n}(Element);\n\nfunction _createSuper$t(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$t()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$t() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar MissingGlyphElement = /*#__PURE__*/function (_PathElement) {\n _inherits(MissingGlyphElement, _PathElement);\n\n var _super = _createSuper$t(MissingGlyphElement);\n\n function MissingGlyphElement() {\n var _this;\n\n _classCallCheck(this, MissingGlyphElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'missing-glyph';\n _this.horizAdvX = 0;\n return _this;\n }\n\n return MissingGlyphElement;\n}(PathElement);\n\nfunction _createSuper$u(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$u()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$u() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar GlyphElement = /*#__PURE__*/function (_PathElement) {\n _inherits(GlyphElement, _PathElement);\n\n var _super = _createSuper$u(GlyphElement);\n\n function GlyphElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, GlyphElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'glyph';\n _this.horizAdvX = _this.getAttribute('horiz-adv-x').getNumber();\n _this.unicode = _this.getAttribute('unicode').getString();\n _this.arabicForm = _this.getAttribute('arabic-form').getString();\n return _this;\n }\n\n return GlyphElement;\n}(PathElement);\n\nfunction _createSuper$v(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$v()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$v() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar TRefElement = /*#__PURE__*/function (_TextElement) {\n _inherits(TRefElement, _TextElement);\n\n var _super = _createSuper$v(TRefElement);\n\n function TRefElement() {\n var _this;\n\n _classCallCheck(this, TRefElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'tref';\n return _this;\n }\n\n _createClass(TRefElement, [{\n key: \"getText\",\n value: function getText() {\n var element = this.getHrefAttribute().getDefinition();\n\n if (element) {\n var firstChild = element.children[0];\n\n if (firstChild) {\n return firstChild.getText();\n }\n }\n\n return '';\n }\n }]);\n\n return TRefElement;\n}(TextElement);\n\nfunction _createSuper$w(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$w()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$w() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar AElement = /*#__PURE__*/function (_TextElement) {\n _inherits(AElement, _TextElement);\n\n var _super = _createSuper$w(AElement);\n\n function AElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, AElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'a';\n var childNodes = node.childNodes;\n var firstChild = childNodes[0];\n var hasText = childNodes.length > 0 && Array.from(childNodes).every(function (node) {\n return node.nodeType === 3;\n });\n _this.hasText = hasText;\n _this.text = hasText ? _this.getTextFromNode(firstChild) : '';\n return _this;\n }\n\n _createClass(AElement, [{\n key: \"getText\",\n value: function getText() {\n return this.text;\n }\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n if (this.hasText) {\n // render as text element\n _get(_getPrototypeOf(AElement.prototype), \"renderChildren\", this).call(this, ctx);\n\n var document = this.document,\n x = this.x,\n y = this.y;\n var mouse = document.screen.mouse;\n var fontSize = new Property(document, 'fontSize', Font.parse(document.ctx.font).fontSize); // Do not calc bounding box if mouse is not working.\n\n if (mouse.isWorking()) {\n mouse.checkBoundingBox(this, new BoundingBox(x, y - fontSize.getPixels('y'), x + this.measureText(ctx), y));\n }\n } else if (this.children.length > 0) {\n // render as temporary group\n var g = new GElement(this.document, null);\n g.children = this.children;\n g.parent = this;\n g.render(ctx);\n }\n }\n }, {\n key: \"onClick\",\n value: function onClick() {\n var window = this.document.window;\n\n if (window) {\n window.open(this.getHrefAttribute().getString());\n }\n }\n }, {\n key: \"onMouseMove\",\n value: function onMouseMove() {\n var ctx = this.document.ctx;\n ctx.canvas.style.cursor = 'pointer';\n }\n }]);\n\n return AElement;\n}(TextElement);\n\nfunction _createForOfIteratorHelper$1(o) { if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray$1(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }\n\nfunction _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(n); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }\n\nfunction _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _createSuper$x(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$x()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$x() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar TextPathElement = /*#__PURE__*/function (_TextElement) {\n _inherits(TextPathElement, _TextElement);\n\n var _super = _createSuper$x(TextPathElement);\n\n function TextPathElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, TextPathElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'textPath';\n _this.textWidth = 0;\n _this.textHeight = 0;\n _this.pathLength = -1;\n _this.glyphInfo = null;\n _this.letterSpacingCache = [];\n _this.measuresCache = new Map([['', 0]]);\n\n var pathElement = _this.getHrefAttribute().getDefinition();\n\n _this.text = _this.getTextFromNode();\n _this.dataArray = _this.parsePathData(pathElement);\n return _this;\n }\n\n _createClass(TextPathElement, [{\n key: \"getText\",\n value: function getText() {\n return this.text;\n }\n }, {\n key: \"path\",\n value: function path(ctx) {\n var dataArray = this.dataArray;\n\n if (ctx) {\n ctx.beginPath();\n }\n\n dataArray.forEach(function (_ref) {\n var command = _ref.command,\n points = _ref.points;\n\n switch (command) {\n case 'L':\n if (ctx) {\n ctx.lineTo(points[0], points[1]);\n }\n\n break;\n\n case 'M':\n if (ctx) {\n ctx.moveTo(points[0], points[1]);\n }\n\n break;\n\n case 'C':\n if (ctx) {\n ctx.bezierCurveTo(points[0], points[1], points[2], points[3], points[4], points[5]);\n }\n\n break;\n\n case 'Q':\n if (ctx) {\n ctx.quadraticCurveTo(points[0], points[1], points[2], points[3]);\n }\n\n break;\n\n case 'A':\n {\n var cx = points[0];\n var cy = points[1];\n var rx = points[2];\n var ry = points[3];\n var theta = points[4];\n var dTheta = points[5];\n var psi = points[6];\n var fs = points[7];\n var r = rx > ry ? rx : ry;\n var scaleX = rx > ry ? 1 : rx / ry;\n var scaleY = rx > ry ? ry / rx : 1;\n\n if (ctx) {\n ctx.translate(cx, cy);\n ctx.rotate(psi);\n ctx.scale(scaleX, scaleY);\n ctx.arc(0, 0, r, theta, theta + dTheta, Boolean(1 - fs));\n ctx.scale(1 / scaleX, 1 / scaleY);\n ctx.rotate(-psi);\n ctx.translate(-cx, -cy);\n }\n\n break;\n }\n\n case 'z':\n if (ctx) {\n ctx.closePath();\n }\n\n break;\n }\n });\n }\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n this.setTextData(ctx);\n ctx.save();\n var textDecoration = this.parent.getStyle('text-decoration').getString();\n var fontSize = this.getFontSize();\n var glyphInfo = this.glyphInfo;\n var fill = ctx.fillStyle;\n\n if (textDecoration === 'underline') {\n ctx.beginPath();\n }\n\n glyphInfo.forEach(function (glyph, i) {\n var p0 = glyph.p0,\n p1 = glyph.p1,\n partialText = glyph.text;\n ctx.save();\n ctx.translate(p0.x, p0.y);\n ctx.rotate(glyphInfo[i].rotation);\n\n if (ctx.fillStyle) {\n ctx.fillText(partialText, 0, 0);\n }\n\n if (ctx.strokeStyle) {\n ctx.strokeText(partialText, 0, 0);\n }\n\n ctx.restore();\n\n if (textDecoration === 'underline') {\n if (i === 0) {\n ctx.moveTo(p0.x, p0.y + fontSize / 8);\n }\n\n ctx.lineTo(p1.x, p1.y + fontSize / 5);\n } //// To assist with debugging visually, uncomment following\n //\n // ctx.beginPath();\n // if (i % 2)\n // \tctx.strokeStyle = 'red';\n // else\n // \tctx.strokeStyle = 'green';\n // ctx.moveTo(p0.x, p0.y);\n // ctx.lineTo(p1.x, p1.y);\n // ctx.stroke();\n // ctx.closePath();\n\n });\n\n if (textDecoration === 'underline') {\n ctx.lineWidth = fontSize / 20;\n ctx.strokeStyle = fill;\n ctx.stroke();\n ctx.closePath();\n }\n\n ctx.restore();\n }\n }, {\n key: \"getLetterSpacingAt\",\n value: function getLetterSpacingAt() {\n var idx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n return this.letterSpacingCache[idx] || 0;\n }\n }, {\n key: \"findSegmentToFitChar\",\n value: function findSegmentToFitChar(ctx, anchor, textFullWidth, fullPathWidth, spacesNumber, inputOffset, c, charI) {\n var offset = inputOffset;\n var glyphWidth = this.measureText(ctx, c);\n\n if (c === ' ' && anchor === 'justify' && textFullWidth < fullPathWidth) {\n glyphWidth += (fullPathWidth - textFullWidth) / spacesNumber;\n }\n\n if (charI > -1) {\n offset += this.getLetterSpacingAt(charI);\n }\n\n var splineStep = this.textHeight / 20;\n var segment = {\n p0: this.getEquidistantPointOnPath(offset, splineStep),\n p1: this.getEquidistantPointOnPath(offset + glyphWidth, splineStep)\n };\n offset += glyphWidth;\n return {\n offset: offset,\n segment: segment\n };\n }\n }, {\n key: \"measureText\",\n value: function measureText(ctx, text) {\n var measuresCache = this.measuresCache;\n var targetText = text || this.getText();\n\n if (measuresCache.has(targetText)) {\n return measuresCache.get(targetText);\n }\n\n var measure = this.measureTargetText(ctx, targetText);\n measuresCache.set(targetText, measure);\n return measure;\n } // This method supposes what all custom fonts already loaded.\n // If some font will be loaded after this method call, will not be rendered correctly.\n // You need to call this method manually to update glyphs cache.\n\n }, {\n key: \"setTextData\",\n value: function setTextData(ctx) {\n var _this2 = this;\n\n if (this.glyphInfo) {\n return;\n }\n\n var renderText = this.getText();\n var chars = renderText.split('');\n var spacesNumber = renderText.split(' ').length - 1;\n var dx = toNumbers(this.parent.getAttribute('dx').getString('0'));\n var anchor = this.parent.getStyle('text-anchor').getString('start');\n var thisSpacing = this.getStyle('letter-spacing');\n var parentSpacing = this.parent.getStyle('letter-spacing');\n var letterSpacing = 0;\n\n if (!thisSpacing.hasValue() || thisSpacing.getValue() === 'inherit') {\n letterSpacing = parentSpacing.getPixels();\n } else if (thisSpacing.hasValue()) {\n if (thisSpacing.getValue() !== 'initial' && thisSpacing.getValue() !== 'unset') {\n letterSpacing = thisSpacing.getPixels();\n }\n } // fill letter-spacing cache\n\n\n var letterSpacingCache = [];\n var textLen = renderText.length;\n this.letterSpacingCache = letterSpacingCache;\n\n for (var i = 0; i < textLen; i++) {\n letterSpacingCache.push(typeof dx[i] !== 'undefined' ? dx[i] : letterSpacing);\n }\n\n var dxSum = letterSpacingCache.reduce(function (acc, cur) {\n return acc + cur || 0;\n }, 0);\n this.textWidth = this.measureText(ctx);\n this.textHeight = this.getFontSize();\n var textFullWidth = Math.max(this.textWidth + dxSum, 0);\n this.glyphInfo = [];\n var fullPathWidth = this.getPathLength();\n var startOffset = this.getStyle('startOffset').getNumber(0) * fullPathWidth;\n var offset = 0;\n\n if (anchor === 'middle' || anchor === 'center') {\n offset = -textFullWidth / 2;\n }\n\n if (anchor === 'end' || anchor === 'right') {\n offset = -textFullWidth;\n }\n\n offset += startOffset;\n chars.forEach(function (char, i) {\n // Find such segment what distance between p0 and p1 is approx. width of glyph\n var _this2$findSegmentToF = _this2.findSegmentToFitChar(ctx, anchor, textFullWidth, fullPathWidth, spacesNumber, offset, char, i),\n nextOffset = _this2$findSegmentToF.offset,\n segment = _this2$findSegmentToF.segment;\n\n offset = nextOffset;\n\n if (!segment.p0 || !segment.p1) {\n return;\n }\n\n var width = _this2.getLineLength(segment.p0.x, segment.p0.y, segment.p1.x, segment.p1.y); // Note: Since glyphs are rendered one at a time, any kerning pair data built into the font will not be used.\n // Can foresee having a rough pair table built in that the developer can override as needed.\n // Or use \"dx\" attribute of the node as a naive replacement\n\n\n var kern = 0; // placeholder for future implementation\n\n var midpoint = _this2.getPointOnLine(kern + width / 2.0, segment.p0.x, segment.p0.y, segment.p1.x, segment.p1.y);\n\n var rotation = Math.atan2(segment.p1.y - segment.p0.y, segment.p1.x - segment.p0.x);\n\n _this2.glyphInfo.push({\n transposeX: midpoint.x,\n transposeY: midpoint.y,\n text: chars[i],\n p0: segment.p0,\n p1: segment.p1,\n rotation: rotation\n });\n });\n }\n }, {\n key: \"parsePathData\",\n value: function parsePathData(path) {\n this.pathLength = -1; // reset path length\n\n if (!path) {\n return [];\n }\n\n var pathCommands = [];\n var pathParser = path.pathParser;\n pathParser.reset(); // convert l, H, h, V, and v to L\n\n while (!pathParser.isEnd()) {\n var current = pathParser.current;\n var startX = current ? current.x : 0;\n var startY = current ? current.y : 0;\n var cmd = '';\n var points = [];\n pathParser.nextCommand();\n var upperCommand = pathParser.command.toUpperCase();\n\n switch (pathParser.command) {\n case 'M':\n case 'm':\n cmd = this.pathM(pathParser, points);\n break;\n\n case 'L':\n case 'l':\n cmd = this.pathL(pathParser, points);\n break;\n\n case 'H':\n case 'h':\n cmd = this.pathH(pathParser, points);\n break;\n\n case 'V':\n case 'v':\n cmd = this.pathV(pathParser, points);\n break;\n\n case 'C':\n case 'c':\n this.pathC(pathParser, points);\n break;\n\n case 'S':\n case 's':\n cmd = this.pathS(pathParser, points);\n break;\n\n case 'Q':\n case 'q':\n this.pathQ(pathParser, points);\n break;\n\n case 'T':\n case 't':\n cmd = this.pathT(pathParser, points);\n break;\n\n case 'A':\n case 'a':\n points = this.pathA(pathParser);\n break;\n\n case 'Z':\n case 'z':\n pathParser.current = pathParser.start;\n break;\n }\n\n if (upperCommand !== 'Z') {\n pathCommands.push({\n command: cmd || upperCommand,\n points: points,\n start: {\n x: startX,\n y: startY\n },\n pathLength: this.calcLength(startX, startY, cmd || upperCommand, points)\n });\n } else {\n pathCommands.push({\n command: 'z',\n points: [],\n pathLength: 0\n });\n }\n }\n\n return pathCommands;\n }\n }, {\n key: \"pathM\",\n value: function pathM(pathParser, points) {\n var p = pathParser.getAsCurrentPoint(); // pathParser.addMarker(p);\n\n points.push(p.x, p.y);\n pathParser.start = pathParser.current;\n\n while (!pathParser.isCommandOrEnd()) {\n var _p = pathParser.getAsCurrentPoint();\n\n points.push(_p.x, _p.y);\n return 'L';\n }\n }\n }, {\n key: \"pathL\",\n value: function pathL(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var p = pathParser.getAsCurrentPoint();\n points.push(p.x, p.y);\n }\n\n return 'L';\n }\n }, {\n key: \"pathH\",\n value: function pathH(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = new Point((pathParser.isRelativeCommand() ? current.x : 0) + pathParser.getScalar(), current.y);\n points.push(point.x, point.y);\n pathParser.current = point;\n }\n\n return 'L';\n }\n }, {\n key: \"pathV\",\n value: function pathV(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current;\n var point = new Point(current.x, (pathParser.isRelativeCommand() ? current.y : 0) + pathParser.getScalar());\n points.push(point.x, point.y);\n pathParser.current = point;\n }\n\n return 'L';\n }\n }, {\n key: \"pathC\",\n value: function pathC(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var point = pathParser.getPoint();\n var controlPoint = pathParser.getAsControlPoint();\n var currentPoint = pathParser.getAsCurrentPoint();\n points.push(point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }, {\n key: \"pathS\",\n value: function pathS(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var point = pathParser.getReflectedControlPoint();\n var controlPoint = pathParser.getAsControlPoint();\n var currentPoint = pathParser.getAsCurrentPoint();\n points.push(point.x, point.y, controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n\n return 'C';\n }\n }, {\n key: \"pathQ\",\n value: function pathQ(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var controlPoint = pathParser.getAsControlPoint();\n var currentPoint = pathParser.getAsCurrentPoint();\n points.push(controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n }\n }, {\n key: \"pathT\",\n value: function pathT(pathParser, points) {\n while (!pathParser.isCommandOrEnd()) {\n var controlPoint = pathParser.getReflectedControlPoint();\n pathParser.control = controlPoint;\n var currentPoint = pathParser.getAsCurrentPoint();\n points.push(controlPoint.x, controlPoint.y, currentPoint.x, currentPoint.y);\n }\n\n return 'Q';\n }\n }, {\n key: \"pathA\",\n value: function pathA(pathParser) {\n while (!pathParser.isCommandOrEnd()) {\n var current = pathParser.current; // x1, y1\n\n var rx = pathParser.getScalar();\n var ry = pathParser.getScalar();\n var xAxisRotation = pathParser.getScalar() * (Math.PI / 180.0); // φ\n\n var largeArcFlag = pathParser.getScalar(); // fA\n\n var sweepFlag = pathParser.getScalar(); // fS\n\n var currentPoint = pathParser.getAsCurrentPoint(); // x2, y2\n // Conversion from endpoint to center parameterization\n // http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes\n // x1', y1'\n\n var currp = new Point(Math.cos(xAxisRotation) * (current.x - currentPoint.x) / 2.0 + Math.sin(xAxisRotation) * (current.y - currentPoint.y) / 2.0, -Math.sin(xAxisRotation) * (current.x - currentPoint.x) / 2.0 + Math.cos(xAxisRotation) * (current.y - currentPoint.y) / 2.0); // adjust radii\n\n var l = Math.pow(currp.x, 2) / Math.pow(rx, 2) + Math.pow(currp.y, 2) / Math.pow(ry, 2);\n\n if (l > 1) {\n rx *= Math.sqrt(l);\n ry *= Math.sqrt(l);\n } // cx', cy'\n\n\n var s = (largeArcFlag === sweepFlag ? -1 : 1) * Math.sqrt((Math.pow(rx, 2) * Math.pow(ry, 2) - Math.pow(rx, 2) * Math.pow(currp.y, 2) - Math.pow(ry, 2) * Math.pow(currp.x, 2)) / (Math.pow(rx, 2) * Math.pow(currp.y, 2) + Math.pow(ry, 2) * Math.pow(currp.x, 2)));\n\n if (isNaN(s)) {\n s = 0;\n }\n\n var cpp = new Point(s * rx * currp.y / ry, s * -ry * currp.x / rx); // cx, cy\n\n var centp = new Point((current.x + currentPoint.x) / 2.0 + Math.cos(xAxisRotation) * cpp.x - Math.sin(xAxisRotation) * cpp.y, (current.y + currentPoint.y) / 2.0 + Math.sin(xAxisRotation) * cpp.x + Math.cos(xAxisRotation) * cpp.y); // initial angle\n\n var a1 = vectorsAngle([1, 0], [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry]); // θ1\n // angle delta\n\n var u = [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry];\n var v = [(-currp.x - cpp.x) / rx, (-currp.y - cpp.y) / ry];\n var ad = vectorsAngle(u, v); // Δθ\n\n if (vectorsRatio(u, v) <= -1) {\n ad = Math.PI;\n }\n\n if (vectorsRatio(u, v) >= 1) {\n ad = 0;\n }\n\n if (sweepFlag === 0 && ad > 0) {\n ad = ad - 2 * Math.PI;\n }\n\n if (sweepFlag === 1 && ad < 0) {\n ad = ad + 2 * Math.PI;\n }\n\n return [centp.x, centp.y, rx, ry, a1, ad, xAxisRotation, sweepFlag];\n }\n }\n }, {\n key: \"calcLength\",\n value: function calcLength(x, y, cmd, points) {\n var len = 0;\n var p1 = null;\n var p2 = null;\n var t = 0;\n\n switch (cmd) {\n case 'L':\n return this.getLineLength(x, y, points[0], points[1]);\n\n case 'C':\n // Approximates by breaking curve into 100 line segments\n len = 0.0;\n p1 = this.getPointOnCubicBezier(0, x, y, points[0], points[1], points[2], points[3], points[4], points[5]);\n\n for (t = 0.01; t <= 1; t += 0.01) {\n p2 = this.getPointOnCubicBezier(t, x, y, points[0], points[1], points[2], points[3], points[4], points[5]);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n p1 = p2;\n }\n\n return len;\n\n case 'Q':\n // Approximates by breaking curve into 100 line segments\n len = 0.0;\n p1 = this.getPointOnQuadraticBezier(0, x, y, points[0], points[1], points[2], points[3]);\n\n for (t = 0.01; t <= 1; t += 0.01) {\n p2 = this.getPointOnQuadraticBezier(t, x, y, points[0], points[1], points[2], points[3]);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n p1 = p2;\n }\n\n return len;\n\n case 'A':\n // Approximates by breaking curve into line segments\n len = 0.0;\n var start = points[4]; // 4 = theta\n\n var dTheta = points[5]; // 5 = dTheta\n\n var end = points[4] + dTheta;\n var inc = Math.PI / 180.0; // 1 degree resolution\n\n if (Math.abs(start - end) < inc) {\n inc = Math.abs(start - end);\n } // Note: for purpose of calculating arc length, not going to worry about rotating X-axis by angle psi\n\n\n p1 = this.getPointOnEllipticalArc(points[0], points[1], points[2], points[3], start, 0);\n\n if (dTheta < 0) {\n // clockwise\n for (t = start - inc; t > end; t -= inc) {\n p2 = this.getPointOnEllipticalArc(points[0], points[1], points[2], points[3], t, 0);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n p1 = p2;\n }\n } else {\n // counter-clockwise\n for (t = start + inc; t < end; t += inc) {\n p2 = this.getPointOnEllipticalArc(points[0], points[1], points[2], points[3], t, 0);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n p1 = p2;\n }\n }\n\n p2 = this.getPointOnEllipticalArc(points[0], points[1], points[2], points[3], end, 0);\n len += this.getLineLength(p1.x, p1.y, p2.x, p2.y);\n return len;\n }\n\n return 0;\n }\n }, {\n key: \"getPointOnLine\",\n value: function getPointOnLine(dist, P1x, P1y, P2x, P2y) {\n var fromX = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : P1x;\n var fromY = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : P1y;\n var m = (P2y - P1y) / (P2x - P1x + PSEUDO_ZERO);\n var run = Math.sqrt(dist * dist / (1 + m * m));\n\n if (P2x < P1x) {\n run *= -1;\n }\n\n var rise = m * run;\n var pt = null;\n\n if (P2x === P1x) {\n // vertical line\n pt = {\n x: fromX,\n y: fromY + rise\n };\n } else if ((fromY - P1y) / (fromX - P1x + PSEUDO_ZERO) === m) {\n pt = {\n x: fromX + run,\n y: fromY + rise\n };\n } else {\n var ix = 0;\n var iy = 0;\n var len = this.getLineLength(P1x, P1y, P2x, P2y);\n\n if (len < PSEUDO_ZERO) {\n return null;\n }\n\n var u = (fromX - P1x) * (P2x - P1x) + (fromY - P1y) * (P2y - P1y);\n u = u / (len * len);\n ix = P1x + u * (P2x - P1x);\n iy = P1y + u * (P2y - P1y);\n var pRise = this.getLineLength(fromX, fromY, ix, iy);\n var pRun = Math.sqrt(dist * dist - pRise * pRise);\n run = Math.sqrt(pRun * pRun / (1 + m * m));\n\n if (P2x < P1x) {\n run *= -1;\n }\n\n rise = m * run;\n pt = {\n x: ix + run,\n y: iy + rise\n };\n }\n\n return pt;\n }\n }, {\n key: \"getPointOnPath\",\n value: function getPointOnPath(distance) {\n var fullLen = this.getPathLength();\n var cumulativePathLength = 0;\n var p = null;\n\n if (distance < -0.00005 || distance - 0.00005 > fullLen) {\n return null;\n }\n\n var dataArray = this.dataArray;\n\n var _iterator = _createForOfIteratorHelper$1(dataArray),\n _step;\n\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var pathCmd = _step.value;\n\n if (pathCmd && (pathCmd.pathLength < 0.00005 || cumulativePathLength + pathCmd.pathLength + 0.00005 < distance)) {\n cumulativePathLength += pathCmd.pathLength;\n continue;\n }\n\n var delta = distance - cumulativePathLength;\n var currentT = 0;\n\n switch (pathCmd.command) {\n case 'L':\n p = this.getPointOnLine(delta, pathCmd.start.x, pathCmd.start.y, pathCmd.points[0], pathCmd.points[1], pathCmd.start.x, pathCmd.start.y);\n break;\n\n case 'A':\n var start = pathCmd.points[4]; // 4 = theta\n\n var dTheta = pathCmd.points[5]; // 5 = dTheta\n\n var end = pathCmd.points[4] + dTheta;\n currentT = start + delta / pathCmd.pathLength * dTheta;\n\n if (dTheta < 0 && currentT < end || dTheta >= 0 && currentT > end) {\n break;\n }\n\n p = this.getPointOnEllipticalArc(pathCmd.points[0], pathCmd.points[1], pathCmd.points[2], pathCmd.points[3], currentT, pathCmd.points[6]);\n break;\n\n case 'C':\n currentT = delta / pathCmd.pathLength;\n\n if (currentT > 1) {\n currentT = 1;\n }\n\n p = this.getPointOnCubicBezier(currentT, pathCmd.start.x, pathCmd.start.y, pathCmd.points[0], pathCmd.points[1], pathCmd.points[2], pathCmd.points[3], pathCmd.points[4], pathCmd.points[5]);\n break;\n\n case 'Q':\n currentT = delta / pathCmd.pathLength;\n\n if (currentT > 1) {\n currentT = 1;\n }\n\n p = this.getPointOnQuadraticBezier(currentT, pathCmd.start.x, pathCmd.start.y, pathCmd.points[0], pathCmd.points[1], pathCmd.points[2], pathCmd.points[3]);\n break;\n\n default:\n }\n\n if (p) {\n return p;\n }\n\n break;\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n\n return null;\n }\n }, {\n key: \"getLineLength\",\n value: function getLineLength(x1, y1, x2, y2) {\n return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));\n }\n }, {\n key: \"getPathLength\",\n value: function getPathLength() {\n if (this.pathLength === -1) {\n this.pathLength = this.dataArray.reduce(function (length, command) {\n return command.pathLength > 0 ? length + command.pathLength : length;\n }, 0);\n }\n\n return this.pathLength;\n }\n }, {\n key: \"getPointOnCubicBezier\",\n value: function getPointOnCubicBezier(pct, P1x, P1y, P2x, P2y, P3x, P3y, P4x, P4y) {\n var x = P4x * CB1(pct) + P3x * CB2(pct) + P2x * CB3(pct) + P1x * CB4(pct);\n var y = P4y * CB1(pct) + P3y * CB2(pct) + P2y * CB3(pct) + P1y * CB4(pct);\n return {\n x: x,\n y: y\n };\n }\n }, {\n key: \"getPointOnQuadraticBezier\",\n value: function getPointOnQuadraticBezier(pct, P1x, P1y, P2x, P2y, P3x, P3y) {\n var x = P3x * QB1(pct) + P2x * QB2(pct) + P1x * QB3(pct);\n var y = P3y * QB1(pct) + P2y * QB2(pct) + P1y * QB3(pct);\n return {\n x: x,\n y: y\n };\n }\n }, {\n key: \"getPointOnEllipticalArc\",\n value: function getPointOnEllipticalArc(cx, cy, rx, ry, theta, psi) {\n var cosPsi = Math.cos(psi);\n var sinPsi = Math.sin(psi);\n var pt = {\n x: rx * Math.cos(theta),\n y: ry * Math.sin(theta)\n };\n return {\n x: cx + (pt.x * cosPsi - pt.y * sinPsi),\n y: cy + (pt.x * sinPsi + pt.y * cosPsi)\n };\n } // TODO need some optimisations. possibly build cache only for curved segments?\n\n }, {\n key: \"buildEquidistantCache\",\n value: function buildEquidistantCache(inputStep, inputPrecision) {\n var fullLen = this.getPathLength();\n var precision = inputPrecision || 0.25; // accuracy vs performance\n\n var step = inputStep || fullLen / 100;\n\n if (!this.equidistantCache || this.equidistantCache.step !== step || this.equidistantCache.precision !== precision) {\n // Prepare cache\n this.equidistantCache = {\n step: step,\n precision: precision,\n points: []\n }; // Calculate points\n\n var s = 0;\n\n for (var l = 0; l <= fullLen; l += precision) {\n var p0 = this.getPointOnPath(l);\n var p1 = this.getPointOnPath(l + precision);\n\n if (!p0 || !p1) {\n continue;\n }\n\n s += this.getLineLength(p0.x, p0.y, p1.x, p1.y);\n\n if (s >= step) {\n this.equidistantCache.points.push({\n x: p0.x,\n y: p0.y,\n distance: l\n });\n s -= step;\n }\n }\n }\n }\n }, {\n key: \"getEquidistantPointOnPath\",\n value: function getEquidistantPointOnPath(targetDistance, step, precision) {\n this.buildEquidistantCache(step, precision);\n\n if (targetDistance < 0 || targetDistance - this.getPathLength() > 0.00005) {\n return null;\n }\n\n var idx = Math.round(targetDistance / this.getPathLength() * (this.equidistantCache.points.length - 1));\n return this.equidistantCache.points[idx] || null;\n }\n }]);\n\n return TextPathElement;\n}(TextElement);\n\nfunction _createSuper$y(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$y()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$y() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar ImageElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(ImageElement, _RenderedElement);\n\n var _super = _createSuper$y(ImageElement);\n\n function ImageElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, ImageElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'image';\n _this.loaded = false;\n\n var href = _this.getHrefAttribute().getString();\n\n if (!href) {\n return _possibleConstructorReturn(_this);\n }\n\n var isSvg = /\\.svg$/.test(href);\n document.images.push(_assertThisInitialized(_this));\n\n if (!isSvg) {\n _this.loadImage(href);\n } else {\n _this.loadSvg(href);\n }\n\n _this.isSvg = isSvg;\n return _this;\n }\n\n _createClass(ImageElement, [{\n key: \"loadImage\",\n value: function () {\n var _loadImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(href) {\n var image;\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.prev = 0;\n _context.next = 3;\n return this.document.createImage(href);\n\n case 3:\n image = _context.sent;\n this.image = image;\n _context.next = 10;\n break;\n\n case 7:\n _context.prev = 7;\n _context.t0 = _context[\"catch\"](0);\n // tslint:disable-next-line: no-console\n console.error(\"ERROR: image \\\"\".concat(href, \"\\\" not found\"), _context.t0);\n\n case 10:\n this.loaded = true;\n\n case 11:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, this, [[0, 7]]);\n }));\n\n function loadImage(_x) {\n return _loadImage.apply(this, arguments);\n }\n\n return loadImage;\n }()\n }, {\n key: \"loadSvg\",\n value: function () {\n var _loadSvg = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(href) {\n var response, svg;\n return _regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n _context2.prev = 0;\n _context2.next = 3;\n return this.document.fetch(href);\n\n case 3:\n response = _context2.sent;\n _context2.next = 6;\n return response.text();\n\n case 6:\n svg = _context2.sent;\n this.image = svg;\n _context2.next = 13;\n break;\n\n case 10:\n _context2.prev = 10;\n _context2.t0 = _context2[\"catch\"](0);\n // tslint:disable-next-line: no-console\n console.error(\"ERROR: image \\\"\".concat(href, \"\\\" not found\"), _context2.t0);\n\n case 13:\n this.loaded = true;\n\n case 14:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2, this, [[0, 10]]);\n }));\n\n function loadSvg(_x2) {\n return _loadSvg.apply(this, arguments);\n }\n\n return loadSvg;\n }()\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n var document = this.document;\n var x = this.getAttribute('x').getPixels('x');\n var y = this.getAttribute('y').getPixels('y');\n var width = this.getAttribute('width').getPixels('x');\n var height = this.getAttribute('height').getPixels('y');\n\n if (!width || !height) {\n return;\n }\n\n ctx.save();\n\n if (this.isSvg) {\n document.canvg.forkString(ctx, this.image, {\n ignoreMouse: true,\n ignoreAnimation: true,\n ignoreDimensions: true,\n ignoreClear: true,\n offsetX: x,\n offsetY: y,\n scaleWidth: width,\n scaleHeight: height\n }).render();\n } else {\n var image = this.image;\n ctx.translate(x, y);\n document.setViewBox({\n ctx: ctx,\n aspectRatio: this.getAttribute('preserveAspectRatio').getString(),\n width: width,\n desiredWidth: image.width,\n height: height,\n desiredHeight: image.height\n });\n\n if (this.loaded) {\n if (typeof image.complete === 'undefined' || image.complete) {\n ctx.drawImage(image, 0, 0);\n }\n }\n }\n\n ctx.restore();\n }\n }, {\n key: \"getBoundingBox\",\n value: function getBoundingBox() {\n var x = this.getAttribute('x').getPixels('x');\n var y = this.getAttribute('y').getPixels('y');\n var width = this.getAttribute('width').getPixels('x');\n var height = this.getAttribute('height').getPixels('y');\n return new BoundingBox(x, y, x + width, y + height);\n }\n }]);\n\n return ImageElement;\n}(RenderedElement);\n\nfunction _createSuper$z(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$z()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$z() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar SymbolElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(SymbolElement, _RenderedElement);\n\n var _super = _createSuper$z(SymbolElement);\n\n function SymbolElement() {\n var _this;\n\n _classCallCheck(this, SymbolElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'symbol';\n return _this;\n }\n\n _createClass(SymbolElement, [{\n key: \"render\",\n value: function render(_) {// NO RENDER\n }\n }]);\n\n return SymbolElement;\n}(RenderedElement);\n\nvar SVGFontLoader = /*#__PURE__*/function () {\n function SVGFontLoader(document) {\n _classCallCheck(this, SVGFontLoader);\n\n this.document = document;\n this.loaded = false;\n document.fonts.push(this);\n }\n\n _createClass(SVGFontLoader, [{\n key: \"load\",\n value: function () {\n var _load = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fontFamily, url) {\n var document, svgDocument, fonts;\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.prev = 0;\n document = this.document;\n _context.next = 4;\n return document.canvg.parser.load(url);\n\n case 4:\n svgDocument = _context.sent;\n fonts = svgDocument.getElementsByTagName('font');\n Array.from(fonts).forEach(function (fontNode) {\n var font = document.createElement(fontNode);\n document.definitions[fontFamily] = font;\n });\n _context.next = 12;\n break;\n\n case 9:\n _context.prev = 9;\n _context.t0 = _context[\"catch\"](0);\n // tslint:disable-next-line: no-console\n console.error(\"ERROR: font \\\"\".concat(url, \"\\\" not found\"), _context.t0);\n\n case 12:\n this.loaded = true;\n\n case 13:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, this, [[0, 9]]);\n }));\n\n function load(_x, _x2) {\n return _load.apply(this, arguments);\n }\n\n return load;\n }()\n }]);\n\n return SVGFontLoader;\n}();\n\nfunction _createSuper$A(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$A()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$A() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar StyleElement = /*#__PURE__*/function (_Element) {\n _inherits(StyleElement, _Element);\n\n var _super = _createSuper$A(StyleElement);\n\n function StyleElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, StyleElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'style';\n var css = compressSpaces(Array.from(node.childNodes).map(function (_) {\n return _.data;\n }).join('').replace(/(\\/\\*([^*]|[\\r\\n]|(\\*+([^*\\/]|[\\r\\n])))*\\*+\\/)|(^[\\s]*\\/\\/.*)/gm, '') // remove comments;\n );\n var cssDefs = css.split('}');\n cssDefs.forEach(function (_) {\n var def = _.trim();\n\n if (!def) {\n return;\n }\n\n var cssParts = def.split('{');\n var cssClasses = cssParts[0].split(',');\n var cssProps = cssParts[1].split(';');\n cssClasses.forEach(function (_) {\n var cssClass = _.trim();\n\n if (!cssClass) {\n return;\n }\n\n var props = document.styles[cssClass] || {};\n cssProps.forEach(function (cssProp) {\n var prop = cssProp.indexOf(':');\n var name = cssProp.substr(0, prop).trim();\n var value = cssProp.substr(prop + 1, cssProp.length - prop).trim();\n\n if (name && value) {\n props[name] = new Property(document, name, value);\n }\n });\n document.styles[cssClass] = props;\n document.stylesSpecificity[cssClass] = getSelectorSpecificity(cssClass);\n\n if (cssClass === '@font-face') {\n // && !nodeEnv\n var fontFamily = props['font-family'].getString().replace(/\"|'/g, '');\n var srcs = props.src.getString().split(',');\n srcs.forEach(function (src) {\n if (src.indexOf('format(\"svg\")') > 0) {\n var url = parseExternalUrl(src);\n\n if (url) {\n new SVGFontLoader(document).load(fontFamily, url);\n }\n }\n });\n }\n });\n });\n return _this;\n }\n\n return StyleElement;\n}(Element);\nStyleElement.parseExternalUrl = parseExternalUrl;\n\nfunction _createSuper$B(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$B()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$B() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar UseElement = /*#__PURE__*/function (_RenderedElement) {\n _inherits(UseElement, _RenderedElement);\n\n var _super = _createSuper$B(UseElement);\n\n function UseElement() {\n var _this;\n\n _classCallCheck(this, UseElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'use';\n return _this;\n }\n\n _createClass(UseElement, [{\n key: \"setContext\",\n value: function setContext(ctx) {\n _get(_getPrototypeOf(UseElement.prototype), \"setContext\", this).call(this, ctx);\n\n var xAttr = this.getAttribute('x');\n var yAttr = this.getAttribute('y');\n\n if (xAttr.hasValue()) {\n ctx.translate(xAttr.getPixels('x'), 0);\n }\n\n if (yAttr.hasValue()) {\n ctx.translate(0, yAttr.getPixels('y'));\n }\n }\n }, {\n key: \"path\",\n value: function path(ctx) {\n var element = this.element;\n\n if (element) {\n element.path(ctx);\n }\n }\n }, {\n key: \"renderChildren\",\n value: function renderChildren(ctx) {\n var document = this.document,\n element = this.element;\n\n if (element) {\n var tempSvg = element;\n\n if (element.type === 'symbol') {\n // render me using a temporary svg element in symbol cases (http://www.w3.org/TR/SVG/struct.html#UseElement)\n tempSvg = new SVGElement(document, null);\n tempSvg.attributes.viewBox = new Property(document, 'viewBox', element.getAttribute('viewBox').getString());\n tempSvg.attributes.preserveAspectRatio = new Property(document, 'preserveAspectRatio', element.getAttribute('preserveAspectRatio').getString());\n tempSvg.attributes.overflow = new Property(document, 'overflow', element.getAttribute('overflow').getString());\n tempSvg.children = element.children;\n }\n\n if (tempSvg.type === 'svg') {\n var widthAttr = this.getAttribute('width');\n var heightAttr = this.getAttribute('height'); // if symbol or svg, inherit width/height from me\n\n if (widthAttr.hasValue()) {\n tempSvg.attributes.width = new Property(document, 'width', this.getAttribute('width').getString());\n }\n\n if (heightAttr.hasValue()) {\n tempSvg.attributes.height = new Property(document, 'height', heightAttr.getString());\n }\n }\n\n var oldParent = tempSvg.parent;\n tempSvg.parent = null;\n tempSvg.render(ctx);\n tempSvg.parent = oldParent;\n }\n }\n }, {\n key: \"getBoundingBox\",\n value: function getBoundingBox(ctx) {\n var element = this.element;\n\n if (element) {\n return element.getBoundingBox(ctx);\n }\n\n return null;\n }\n }, {\n key: \"elementTransform\",\n value: function elementTransform() {\n var document = this.document,\n element = this.element;\n return Transform.fromElement(document, element);\n }\n }, {\n key: \"element\",\n get: function get() {\n if (!this._element) {\n this._element = this.getHrefAttribute().getDefinition();\n }\n\n return this._element;\n }\n }]);\n\n return UseElement;\n}(RenderedElement);\n\nfunction _createSuper$C(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$C()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$C() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction imGet(img, x, y, width, _, rgba) {\n return img[y * width * 4 + x * 4 + rgba];\n}\n\nfunction imSet(img, x, y, width, _, rgba, val) {\n img[y * width * 4 + x * 4 + rgba] = val;\n}\n\nfunction m(matrix, i, v) {\n var mi = matrix[i];\n return mi * (mi < 0 ? v - 255 : v);\n}\n\nfunction c(a, m1, m2, m3) {\n return m1 + Math.cos(a) * m2 + Math.sin(a) * m3;\n}\n\nvar FeColorMatrixElement = /*#__PURE__*/function (_Element) {\n _inherits(FeColorMatrixElement, _Element);\n\n var _super = _createSuper$C(FeColorMatrixElement);\n\n function FeColorMatrixElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, FeColorMatrixElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'feColorMatrix';\n var matrix = toNumbers(_this.getAttribute('values').getString());\n\n switch (_this.getAttribute('type').getString('matrix')) {\n // http://www.w3.org/TR/SVG/filters.html#feColorMatrixElement\n case 'saturate':\n {\n var s = matrix[0];\n matrix = [0.213 + 0.787 * s, 0.715 - 0.715 * s, 0.072 - 0.072 * s, 0, 0, 0.213 - 0.213 * s, 0.715 + 0.285 * s, 0.072 - 0.072 * s, 0, 0, 0.213 - 0.213 * s, 0.715 - 0.715 * s, 0.072 + 0.928 * s, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1];\n break;\n }\n\n case 'hueRotate':\n {\n var a = matrix[0] * Math.PI / 180.0;\n matrix = [c(a, 0.213, 0.787, -0.213), c(a, 0.715, -0.715, -0.715), c(a, 0.072, -0.072, 0.928), 0, 0, c(a, 0.213, -0.213, 0.143), c(a, 0.715, 0.285, 0.140), c(a, 0.072, -0.072, -0.283), 0, 0, c(a, 0.213, -0.213, -0.787), c(a, 0.715, -0.715, 0.715), c(a, 0.072, 0.928, 0.072), 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1];\n break;\n }\n\n case 'luminanceToAlpha':\n matrix = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.2125, 0.7154, 0.0721, 0, 0, 0, 0, 0, 0, 1];\n break;\n }\n\n _this.matrix = matrix;\n _this.includeOpacity = _this.getAttribute('includeOpacity').hasValue();\n return _this;\n }\n\n _createClass(FeColorMatrixElement, [{\n key: \"apply\",\n value: function apply(ctx, _, __, width, height) {\n // assuming x==0 && y==0 for now\n var includeOpacity = this.includeOpacity,\n matrix = this.matrix;\n var srcData = ctx.getImageData(0, 0, width, height);\n\n for (var y = 0; y < height; y++) {\n for (var x = 0; x < width; x++) {\n var r = imGet(srcData.data, x, y, width, height, 0);\n var g = imGet(srcData.data, x, y, width, height, 1);\n var b = imGet(srcData.data, x, y, width, height, 2);\n var a = imGet(srcData.data, x, y, width, height, 3);\n var nr = m(matrix, 0, r) + m(matrix, 1, g) + m(matrix, 2, b) + m(matrix, 3, a) + m(matrix, 4, 1);\n var ng = m(matrix, 5, r) + m(matrix, 6, g) + m(matrix, 7, b) + m(matrix, 8, a) + m(matrix, 9, 1);\n var nb = m(matrix, 10, r) + m(matrix, 11, g) + m(matrix, 12, b) + m(matrix, 13, a) + m(matrix, 14, 1);\n var na = m(matrix, 15, r) + m(matrix, 16, g) + m(matrix, 17, b) + m(matrix, 18, a) + m(matrix, 19, 1);\n\n if (includeOpacity) {\n nr = ng = nb = 0;\n na *= a / 255;\n }\n\n imSet(srcData.data, x, y, width, height, 0, nr);\n imSet(srcData.data, x, y, width, height, 1, ng);\n imSet(srcData.data, x, y, width, height, 2, nb);\n imSet(srcData.data, x, y, width, height, 3, na);\n }\n }\n\n ctx.clearRect(0, 0, width, height);\n ctx.putImageData(srcData, 0, 0);\n }\n }]);\n\n return FeColorMatrixElement;\n}(Element);\n\nfunction _createSuper$D(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$D()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$D() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar MaskElement = /*#__PURE__*/function (_Element) {\n _inherits(MaskElement, _Element);\n\n var _super = _createSuper$D(MaskElement);\n\n function MaskElement() {\n var _this;\n\n _classCallCheck(this, MaskElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'mask';\n return _this;\n }\n\n _createClass(MaskElement, [{\n key: \"apply\",\n value: function apply(ctx, element) {\n var document = this.document; // render as temp svg\n\n var x = this.getAttribute('x').getPixels('x');\n var y = this.getAttribute('y').getPixels('y');\n var width = this.getAttribute('width').getPixels('x');\n var height = this.getAttribute('height').getPixels('y');\n\n if (!width && !height) {\n var boundingBox = new BoundingBox();\n this.children.forEach(function (child) {\n boundingBox.addBoundingBox(child.getBoundingBox(ctx));\n });\n x = Math.floor(boundingBox.x1);\n y = Math.floor(boundingBox.y1);\n width = Math.floor(boundingBox.width);\n height = Math.floor(boundingBox.height);\n } // temporarily remove mask to avoid recursion\n\n\n var mask = element.getStyle('mask').getString();\n element.getStyle('mask').setValue('');\n var cMask = document.createCanvas(x + width, y + height);\n var maskCtx = cMask.getContext('2d');\n document.screen.setDefaults(maskCtx);\n this.renderChildren(maskCtx); // convert mask to alpha with a fake node\n // TODO: refactor out apply from feColorMatrix\n\n var cm = new FeColorMatrixElement(document, {\n nodeType: 1,\n childNodes: [],\n attributes: [{\n nodeName: 'type',\n value: 'luminanceToAlpha'\n }, {\n nodeName: 'includeOpacity',\n value: 'true'\n }]\n });\n cm.apply(maskCtx, 0, 0, x + width, y + height);\n var c = document.createCanvas(x + width, y + height);\n var tempCtx = c.getContext('2d');\n document.screen.setDefaults(tempCtx);\n element.render(tempCtx);\n tempCtx.globalCompositeOperation = 'destination-in';\n tempCtx.fillStyle = maskCtx.createPattern(cMask, 'no-repeat');\n tempCtx.fillRect(0, 0, x + width, y + height);\n ctx.fillStyle = tempCtx.createPattern(c, 'no-repeat');\n ctx.fillRect(0, 0, x + width, y + height); // reassign mask\n\n element.getStyle('mask').setValue(mask);\n }\n }, {\n key: \"render\",\n value: function render(_) {// NO RENDER\n }\n }]);\n\n return MaskElement;\n}(Element);\n\nfunction _createSuper$E(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$E()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$E() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar noop = function noop() {};\n\nvar ClipPathElement = /*#__PURE__*/function (_Element) {\n _inherits(ClipPathElement, _Element);\n\n var _super = _createSuper$E(ClipPathElement);\n\n function ClipPathElement() {\n var _this;\n\n _classCallCheck(this, ClipPathElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'clipPath';\n return _this;\n }\n\n _createClass(ClipPathElement, [{\n key: \"apply\",\n value: function apply(ctx) {\n var document = this.document;\n var contextProto = Reflect.getPrototypeOf(ctx);\n var beginPath = ctx.beginPath,\n closePath = ctx.closePath;\n\n if (contextProto) {\n contextProto.beginPath = noop;\n contextProto.closePath = noop;\n }\n\n Reflect.apply(beginPath, ctx, []);\n this.children.forEach(function (child) {\n if (typeof child.path === 'undefined') {\n return;\n }\n\n var transform = typeof child.elementTransform !== 'undefined' ? child.elementTransform() : null; // handle \n\n if (!transform) {\n transform = Transform.fromElement(document, child);\n }\n\n if (transform) {\n transform.apply(ctx);\n }\n\n child.path(ctx);\n\n if (contextProto) {\n contextProto.closePath = closePath;\n }\n\n if (transform) {\n transform.unapply(ctx);\n }\n });\n Reflect.apply(closePath, ctx, []);\n ctx.clip();\n\n if (contextProto) {\n contextProto.beginPath = beginPath;\n contextProto.closePath = closePath;\n }\n }\n }, {\n key: \"render\",\n value: function render(_) {// NO RENDER\n }\n }]);\n\n return ClipPathElement;\n}(Element);\n\nfunction _createSuper$F(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$F()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$F() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FilterElement = /*#__PURE__*/function (_Element) {\n _inherits(FilterElement, _Element);\n\n var _super = _createSuper$F(FilterElement);\n\n function FilterElement() {\n var _this;\n\n _classCallCheck(this, FilterElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'filter';\n return _this;\n }\n\n _createClass(FilterElement, [{\n key: \"apply\",\n value: function apply(ctx, element) {\n // render as temp svg\n var document = this.document;\n var boundingBox = element.getBoundingBox(ctx);\n var x = Math.floor(boundingBox.x1);\n var y = Math.floor(boundingBox.y1);\n var width = Math.floor(boundingBox.width);\n var height = Math.floor(boundingBox.height); // temporarily remove filter to avoid recursion\n\n var filter = element.getStyle('filter').getString();\n element.getStyle('filter').setValue('');\n var px = 0;\n var py = 0;\n this.children.forEach(function (child) {\n var efd = child.extraFilterDistance || 0;\n px = Math.max(px, efd);\n py = Math.max(py, efd);\n });\n var tmpCanvas = document.createCanvas(width + 2 * px, height + 2 * py);\n var tmpCtx = tmpCanvas.getContext('2d');\n document.screen.setDefaults(tmpCtx);\n tmpCtx.translate(-x + px, -y + py);\n element.render(tmpCtx); // apply filters\n\n this.children.forEach(function (child) {\n if (typeof child.apply === 'function') {\n child.apply(tmpCtx, 0, 0, width + 2 * px, height + 2 * py);\n }\n }); // render on me\n\n ctx.drawImage(tmpCanvas, 0, 0, width + 2 * px, height + 2 * py, x - px, y - py, width + 2 * px, height + 2 * py); // reassign filter\n\n element.getStyle('filter', true).setValue(filter);\n }\n }, {\n key: \"render\",\n value: function render(_) {// NO RENDER\n }\n }]);\n\n return FilterElement;\n}(Element);\n\nfunction _createSuper$G(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$G()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$G() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FeDropShadowElement = /*#__PURE__*/function (_Element) {\n _inherits(FeDropShadowElement, _Element);\n\n var _super = _createSuper$G(FeDropShadowElement);\n\n function FeDropShadowElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, FeDropShadowElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'feDropShadow';\n\n _this.addStylesFromStyleDefinition();\n\n return _this;\n }\n\n _createClass(FeDropShadowElement, [{\n key: \"apply\",\n value: function apply(_, __, ___, ____, _____) {// TODO: implement\n }\n }]);\n\n return FeDropShadowElement;\n}(Element);\n\nfunction _createSuper$H(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$H()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$H() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FeMorphologyElement = /*#__PURE__*/function (_Element) {\n _inherits(FeMorphologyElement, _Element);\n\n var _super = _createSuper$H(FeMorphologyElement);\n\n function FeMorphologyElement() {\n var _this;\n\n _classCallCheck(this, FeMorphologyElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'feMorphology';\n return _this;\n }\n\n _createClass(FeMorphologyElement, [{\n key: \"apply\",\n value: function apply(_, __, ___, ____, _____) {// TODO: implement\n }\n }]);\n\n return FeMorphologyElement;\n}(Element);\n\nfunction _createSuper$I(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$I()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$I() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FeCompositeElement = /*#__PURE__*/function (_Element) {\n _inherits(FeCompositeElement, _Element);\n\n var _super = _createSuper$I(FeCompositeElement);\n\n function FeCompositeElement() {\n var _this;\n\n _classCallCheck(this, FeCompositeElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'feComposite';\n return _this;\n }\n\n _createClass(FeCompositeElement, [{\n key: \"apply\",\n value: function apply(_, __, ___, ____, _____) {// TODO: implement\n }\n }]);\n\n return FeCompositeElement;\n}(Element);\n\nfunction _createSuper$J(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$J()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$J() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar FeGaussianBlurElement = /*#__PURE__*/function (_Element) {\n _inherits(FeGaussianBlurElement, _Element);\n\n var _super = _createSuper$J(FeGaussianBlurElement);\n\n function FeGaussianBlurElement(document, node, captureTextNodes) {\n var _this;\n\n _classCallCheck(this, FeGaussianBlurElement);\n\n _this = _super.call(this, document, node, captureTextNodes);\n _this.type = 'feGaussianBlur';\n _this.blurRadius = Math.floor(_this.getAttribute('stdDeviation').getNumber());\n _this.extraFilterDistance = _this.blurRadius;\n return _this;\n }\n\n _createClass(FeGaussianBlurElement, [{\n key: \"apply\",\n value: function apply(ctx, x, y, width, height) {\n var document = this.document,\n blurRadius = this.blurRadius;\n var body = document.window ? document.window.document.body : null;\n var canvas = ctx.canvas; // StackBlur requires canvas be on document\n\n canvas.id = document.getUniqueId();\n\n if (body) {\n canvas.style.display = 'none';\n body.appendChild(canvas);\n }\n\n stackblurCanvas.canvasRGBA(canvas, x, y, width, height, blurRadius);\n\n if (body) {\n body.removeChild(canvas);\n }\n }\n }]);\n\n return FeGaussianBlurElement;\n}(Element);\n\nfunction _createSuper$K(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$K()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$K() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar TitleElement = /*#__PURE__*/function (_Element) {\n _inherits(TitleElement, _Element);\n\n var _super = _createSuper$K(TitleElement);\n\n function TitleElement() {\n var _this;\n\n _classCallCheck(this, TitleElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'title';\n return _this;\n }\n\n return TitleElement;\n}(Element);\n\nfunction _createSuper$L(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$L()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$L() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nvar DescElement = /*#__PURE__*/function (_Element) {\n _inherits(DescElement, _Element);\n\n var _super = _createSuper$L(DescElement);\n\n function DescElement() {\n var _this;\n\n _classCallCheck(this, DescElement);\n\n _this = _super.apply(this, arguments);\n _this.type = 'desc';\n return _this;\n }\n\n return DescElement;\n}(Element);\n\nvar elementTypes = {\n 'svg': SVGElement,\n 'rect': RectElement,\n 'circle': CircleElement,\n 'ellipse': EllipseElement,\n 'line': LineElement,\n 'polyline': PolylineElement,\n 'polygon': PolygonElement,\n 'path': PathElement,\n 'pattern': PatternElement,\n 'marker': MarkerElement,\n 'defs': DefsElement,\n 'linearGradient': LinearGradientElement,\n 'radialGradient': RadialGradientElement,\n 'stop': StopElement,\n 'animate': AnimateElement,\n 'animateColor': AnimateColorElement,\n 'animateTransform': AnimateTransformElement,\n 'font': FontElement,\n 'font-face': FontFaceElement,\n 'missing-glyph': MissingGlyphElement,\n 'glyph': GlyphElement,\n 'text': TextElement,\n 'tspan': TSpanElement,\n 'tref': TRefElement,\n 'a': AElement,\n 'textPath': TextPathElement,\n 'image': ImageElement,\n 'g': GElement,\n 'symbol': SymbolElement,\n 'style': StyleElement,\n 'use': UseElement,\n 'mask': MaskElement,\n 'clipPath': ClipPathElement,\n 'filter': FilterElement,\n 'feDropShadow': FeDropShadowElement,\n 'feMorphology': FeMorphologyElement,\n 'feComposite': FeCompositeElement,\n 'feColorMatrix': FeColorMatrixElement,\n 'feGaussianBlur': FeGaussianBlurElement,\n 'title': TitleElement,\n 'desc': DescElement\n};\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction createCanvas(width, height) {\n var canvas = document.createElement('canvas');\n canvas.width = width;\n canvas.height = height;\n return canvas;\n}\n\nfunction createImage(_x) {\n return _createImage.apply(this, arguments);\n}\n\nfunction _createImage() {\n _createImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(src) {\n var image;\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n image = document.createElement('img'); // image.crossOrigin = 'Anonymous';\n\n return _context.abrupt(\"return\", new Promise(function (resolve, reject) {\n image.onload = function () {\n resolve(image);\n };\n\n image.onerror = function () {\n reject();\n };\n\n image.src = src;\n }));\n\n case 2:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee);\n }));\n return _createImage.apply(this, arguments);\n}\n\nvar Document = /*#__PURE__*/function () {\n function Document(canvg) {\n var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n _ref$rootEmSize = _ref.rootEmSize,\n rootEmSize = _ref$rootEmSize === void 0 ? 12 : _ref$rootEmSize,\n _ref$emSize = _ref.emSize,\n emSize = _ref$emSize === void 0 ? 12 : _ref$emSize,\n _ref$createCanvas = _ref.createCanvas,\n createCanvas = _ref$createCanvas === void 0 ? Document.createCanvas : _ref$createCanvas,\n _ref$createImage = _ref.createImage,\n createImage = _ref$createImage === void 0 ? Document.createImage : _ref$createImage;\n\n _classCallCheck(this, Document);\n\n this.canvg = canvg;\n this.definitions = {};\n this.styles = {};\n this.stylesSpecificity = {};\n this.images = [];\n this.fonts = [];\n this.emSizeStack = [];\n this.uniqueId = 0;\n this.screen = canvg.screen;\n this.rootEmSize = rootEmSize;\n this.emSize = emSize;\n this.createCanvas = createCanvas;\n this.createImage = createImage;\n this.screen.wait(this.isImagesLoaded.bind(this));\n this.screen.wait(this.isFontsLoaded.bind(this));\n }\n\n _createClass(Document, [{\n key: \"popEmSize\",\n value: function popEmSize() {\n var emSizeStack = this.emSizeStack;\n emSizeStack.pop();\n }\n }, {\n key: \"getUniqueId\",\n value: function getUniqueId() {\n return \"canvg\".concat(++this.uniqueId);\n }\n }, {\n key: \"isImagesLoaded\",\n value: function isImagesLoaded() {\n return this.images.every(function (_) {\n return _.loaded;\n });\n }\n }, {\n key: \"isFontsLoaded\",\n value: function isFontsLoaded() {\n return this.fonts.every(function (_) {\n return _.loaded;\n });\n }\n }, {\n key: \"createDocumentElement\",\n value: function createDocumentElement(document) {\n var documentElement = this.createElement(document.documentElement);\n documentElement.root = true;\n documentElement.addStylesFromStyleDefinition();\n this.documentElement = documentElement;\n return documentElement;\n }\n }, {\n key: \"createElement\",\n value: function createElement(node) {\n var elementType = node.nodeName.replace(/^[^:]+:/, '');\n var ElementType = Document.elementTypes[elementType];\n\n if (typeof ElementType !== 'undefined') {\n return new ElementType(this, node);\n }\n\n return new UnknownElement(this, node);\n }\n }, {\n key: \"createTextNode\",\n value: function createTextNode(node) {\n return new TextNode(this, node);\n }\n }, {\n key: \"setViewBox\",\n value: function setViewBox(config) {\n this.screen.setViewBox(_objectSpread({\n document: this\n }, config));\n }\n }, {\n key: \"window\",\n get: function get() {\n return this.screen.window;\n }\n }, {\n key: \"fetch\",\n get: function get() {\n return this.screen.fetch;\n }\n }, {\n key: \"ctx\",\n get: function get() {\n return this.screen.ctx;\n }\n }, {\n key: \"emSize\",\n get: function get() {\n var emSizeStack = this.emSizeStack;\n return emSizeStack[emSizeStack.length - 1];\n },\n set: function set(value) {\n var emSizeStack = this.emSizeStack;\n emSizeStack.push(value);\n }\n }]);\n\n return Document;\n}();\nDocument.createCanvas = createCanvas;\nDocument.createImage = createImage;\nDocument.elementTypes = elementTypes;\n\nfunction ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n/**\n * SVG renderer on canvas.\n */\n\nvar Canvg = /*#__PURE__*/function () {\n /**\n * Main constructor.\n * @param ctx - Rendering context.\n * @param svg - SVG Document.\n * @param options - Rendering options.\n */\n function Canvg(ctx, svg) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n _classCallCheck(this, Canvg);\n\n this.parser = new Parser(options);\n this.screen = new Screen(ctx, options);\n this.options = options;\n var document = new Document(this, options);\n var documentElement = document.createDocumentElement(svg);\n this.document = document;\n this.documentElement = documentElement;\n }\n /**\n * Create Canvg isntance from SVG source string or URL.\n * @param ctx - Rendering context.\n * @param svg - SVG source string or URL.\n * @param options - Rendering options.\n */\n\n\n _createClass(Canvg, [{\n key: \"fork\",\n\n /**\n * Create new Canvg instance with inherited options.\n * @param ctx - Rendering context.\n * @param svg - SVG source string or URL.\n * @param options - Rendering options.\n */\n value: function fork(ctx, svg) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n return Canvg.from(ctx, svg, _objectSpread$1({}, this.options, {}, options));\n }\n /**\n * Create new Canvg instance with inherited options.\n * @param ctx - Rendering context.\n * @param svg - SVG source string.\n * @param options - Rendering options.\n */\n\n }, {\n key: \"forkString\",\n value: function forkString(ctx, svg) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n return Canvg.fromString(ctx, svg, _objectSpread$1({}, this.options, {}, options));\n }\n /**\n * Document is ready promise.\n */\n\n }, {\n key: \"ready\",\n value: function ready() {\n return this.screen.ready();\n }\n /**\n * Document is ready value.\n */\n\n }, {\n key: \"isReady\",\n value: function isReady() {\n return this.screen.isReady();\n }\n /**\n * Render only first frame, ignoring animations and mouse.\n * @param options - Rendering options.\n */\n\n }, {\n key: \"render\",\n value: function () {\n var _render = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {\n var options,\n _args = arguments;\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n options = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};\n this.start(_objectSpread$1({\n enableRedraw: true,\n ignoreAnimation: true,\n ignoreMouse: true\n }, options));\n _context.next = 4;\n return this.ready();\n\n case 4:\n this.stop();\n\n case 5:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, this);\n }));\n\n function render() {\n return _render.apply(this, arguments);\n }\n\n return render;\n }()\n /**\n * Start rendering.\n * @param options - Render options.\n */\n\n }, {\n key: \"start\",\n value: function start() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var documentElement = this.documentElement,\n screen = this.screen,\n baseOptions = this.options;\n screen.start(documentElement, _objectSpread$1({\n enableRedraw: true\n }, baseOptions, {}, options));\n }\n /**\n * Stop rendering.\n */\n\n }, {\n key: \"stop\",\n value: function stop() {\n this.screen.stop();\n }\n /**\n * Resize SVG to fit in given size.\n * @param width\n * @param height\n * @param preserveAspectRatio\n */\n\n }, {\n key: \"resize\",\n value: function resize(width) {\n var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : width;\n var preserveAspectRatio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n this.documentElement.resize(width, height, preserveAspectRatio);\n }\n }], [{\n key: \"from\",\n value: function () {\n var _from = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(ctx, svg) {\n var options,\n parser,\n svgDocument,\n _args2 = arguments;\n return _regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n options = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : {};\n parser = new Parser(options);\n _context2.next = 4;\n return parser.parse(svg);\n\n case 4:\n svgDocument = _context2.sent;\n return _context2.abrupt(\"return\", new Canvg(ctx, svgDocument, options));\n\n case 6:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2);\n }));\n\n function from(_x, _x2) {\n return _from.apply(this, arguments);\n }\n\n return from;\n }()\n /**\n * Create Canvg isntance from SVG source string.\n * @param ctx - Rendering context.\n * @param svg - SVG source string.\n * @param options - Rendering options.\n */\n\n }, {\n key: \"fromString\",\n value: function fromString(ctx, svg) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var parser = new Parser(options);\n var svgDocument = parser.parseFromString(svg);\n return new Canvg(ctx, svgDocument, options);\n }\n }]);\n\n return Canvg;\n}();\n\n/**\n * Options preset for `OffscreenCanvas`.\n */\nfunction offscreen() {\n return {\n window: null,\n ignoreAnimation: true,\n ignoreMouse: true,\n createCanvas: function createCanvas(width, height) {\n return new OffscreenCanvas(width, height);\n },\n createImage: function createImage(url) {\n return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {\n var response, blob, img;\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return fetch(url);\n\n case 2:\n response = _context.sent;\n _context.next = 5;\n return response.blob();\n\n case 5:\n blob = _context.sent;\n _context.next = 8;\n return createImageBitmap(blob);\n\n case 8:\n img = _context.sent;\n return _context.abrupt(\"return\", img);\n\n case 10:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee);\n }))();\n }\n };\n}\n\n/**\n * Options preset for `node-canvas`.\n * @param config - Preset requirements.\n * @param config.DOMParser - XML/HTML parser from string into DOM Document.\n * @param config.canvas - `node-canvas` exports.\n * @param config.fetch - WHATWG-compatible `fetch` function.\n */\nfunction node(_ref) {\n var DOMParser = _ref.DOMParser,\n canvas = _ref.canvas,\n fetch = _ref.fetch;\n return {\n window: null,\n ignoreAnimation: true,\n ignoreMouse: true,\n DOMParser: DOMParser,\n fetch: fetch,\n createCanvas: canvas.createCanvas,\n createImage: canvas.loadImage\n };\n}\n\n\n\nvar index = /*#__PURE__*/Object.freeze({\n\t__proto__: null,\n\toffscreen: offscreen,\n\tnode: node\n});\n\nexports.AElement = AElement;\nexports.AnimateColorElement = AnimateColorElement;\nexports.AnimateElement = AnimateElement;\nexports.AnimateTransformElement = AnimateTransformElement;\nexports.BoundingBox = BoundingBox;\nexports.CB1 = CB1;\nexports.CB2 = CB2;\nexports.CB3 = CB3;\nexports.CB4 = CB4;\nexports.Canvg = Canvg;\nexports.CircleElement = CircleElement;\nexports.ClipPathElement = ClipPathElement;\nexports.DefsElement = DefsElement;\nexports.DescElement = DescElement;\nexports.Document = Document;\nexports.Element = Element;\nexports.EllipseElement = EllipseElement;\nexports.FeColorMatrixElement = FeColorMatrixElement;\nexports.FeCompositeElement = FeCompositeElement;\nexports.FeDropShadowElement = FeDropShadowElement;\nexports.FeGaussianBlurElement = FeGaussianBlurElement;\nexports.FeMorphologyElement = FeMorphologyElement;\nexports.FilterElement = FilterElement;\nexports.Font = Font;\nexports.FontElement = FontElement;\nexports.FontFaceElement = FontFaceElement;\nexports.GElement = GElement;\nexports.GlyphElement = GlyphElement;\nexports.GradientElement = GradientElement;\nexports.ImageElement = ImageElement;\nexports.LineElement = LineElement;\nexports.LinearGradientElement = LinearGradientElement;\nexports.MarkerElement = MarkerElement;\nexports.MaskElement = MaskElement;\nexports.Matrix = Matrix;\nexports.MissingGlyphElement = MissingGlyphElement;\nexports.Mouse = Mouse;\nexports.PSEUDO_ZERO = PSEUDO_ZERO;\nexports.Parser = Parser;\nexports.PathElement = PathElement;\nexports.PathParser = PathParser;\nexports.PatternElement = PatternElement;\nexports.Point = Point;\nexports.PolygonElement = PolygonElement;\nexports.PolylineElement = PolylineElement;\nexports.Property = Property;\nexports.QB1 = QB1;\nexports.QB2 = QB2;\nexports.QB3 = QB3;\nexports.RadialGradientElement = RadialGradientElement;\nexports.RectElement = RectElement;\nexports.RenderedElement = RenderedElement;\nexports.Rotate = Rotate;\nexports.SVGElement = SVGElement;\nexports.SVGFontLoader = SVGFontLoader;\nexports.Scale = Scale;\nexports.Screen = Screen;\nexports.Skew = Skew;\nexports.SkewX = SkewX;\nexports.SkewY = SkewY;\nexports.StopElement = StopElement;\nexports.StyleElement = StyleElement;\nexports.SymbolElement = SymbolElement;\nexports.TRefElement = TRefElement;\nexports.TSpanElement = TSpanElement;\nexports.TextElement = TextElement;\nexports.TextPathElement = TextPathElement;\nexports.TitleElement = TitleElement;\nexports.Transform = Transform;\nexports.Translate = Translate;\nexports.UnknownElement = UnknownElement;\nexports.UseElement = UseElement;\nexports.ViewPort = ViewPort;\nexports.compressSpaces = compressSpaces;\nexports.default = Canvg;\nexports.getSelectorSpecificity = getSelectorSpecificity;\nexports.normalizeAttributeName = normalizeAttributeName;\nexports.parseExternalUrl = parseExternalUrl;\nexports.presets = index;\nexports.toNumbers = toNumbers;\nexports.trimLeft = trimLeft;\nexports.trimRight = trimRight;\nexports.vectorMagnitude = vectorMagnitude;\nexports.vectorsAngle = vectorsAngle;\nexports.vectorsRatio = vectorsRatio;\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uL25vZGVfbW9kdWxlcy9yZWdlbmVyYXRvci1ydW50aW1lL3J1bnRpbWUuanMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTQtcHJlc2VudCwgRmFjZWJvb2ssIEluYy5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBNSVQgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqL1xuXG52YXIgcnVudGltZSA9IChmdW5jdGlvbiAoZXhwb3J0cykge1xuICBcInVzZSBzdHJpY3RcIjtcblxuICB2YXIgT3AgPSBPYmplY3QucHJvdG90eXBlO1xuICB2YXIgaGFzT3duID0gT3AuaGFzT3duUHJvcGVydHk7XG4gIHZhciB1bmRlZmluZWQ7IC8vIE1vcmUgY29tcHJlc3NpYmxlIHRoYW4gdm9pZCAwLlxuICB2YXIgJFN5bWJvbCA9IHR5cGVvZiBTeW1ib2wgPT09IFwiZnVuY3Rpb25cIiA/IFN5bWJvbCA6IHt9O1xuICB2YXIgaXRlcmF0b3JTeW1ib2wgPSAkU3ltYm9sLml0ZXJhdG9yIHx8IFwiQEBpdGVyYXRvclwiO1xuICB2YXIgYXN5bmNJdGVyYXRvclN5bWJvbCA9ICRTeW1ib2wuYXN5bmNJdGVyYXRvciB8fCBcIkBAYXN5bmNJdGVyYXRvclwiO1xuICB2YXIgdG9TdHJpbmdUYWdTeW1ib2wgPSAkU3ltYm9sLnRvU3RyaW5nVGFnIHx8IFwiQEB0b1N0cmluZ1RhZ1wiO1xuXG4gIGZ1bmN0aW9uIHdyYXAoaW5uZXJGbiwgb3V0ZXJGbiwgc2VsZiwgdHJ5TG9jc0xpc3QpIHtcbiAgICAvLyBJZiBvdXRlckZuIHByb3ZpZGVkIGFuZCBvdXRlckZuLnByb3RvdHlwZSBpcyBhIEdlbmVyYXRvciwgdGhlbiBvdXRlckZuLnByb3RvdHlwZSBpbnN0YW5jZW9mIEdlbmVyYXRvci5cbiAgICB2YXIgcHJvdG9HZW5lcmF0b3IgPSBvdXRlckZuICYmIG91dGVyRm4ucHJvdG90eXBlIGluc3RhbmNlb2YgR2VuZXJhdG9yID8gb3V0ZXJGbiA6IEdlbmVyYXRvcjtcbiAgICB2YXIgZ2VuZXJhdG9yID0gT2JqZWN0LmNyZWF0ZShwcm90b0dlbmVyYXRvci5wcm90b3R5cGUpO1xuICAgIHZhciBjb250ZXh0ID0gbmV3IENvbnRleHQodHJ5TG9jc0xpc3QgfHwgW10pO1xuXG4gICAgLy8gVGhlIC5faW52b2tlIG1ldGhvZCB1bmlmaWVzIHRoZSBpbXBsZW1lbnRhdGlvbnMgb2YgdGhlIC5uZXh0LFxuICAgIC8vIC50aHJvdywgYW5kIC5yZXR1cm4gbWV0aG9kcy5cbiAgICBnZW5lcmF0b3IuX2ludm9rZSA9IG1ha2VJbnZva2VNZXRob2QoaW5uZXJGbiwgc2VsZiwgY29udGV4dCk7XG5cbiAgICByZXR1cm4gZ2VuZXJhdG9yO1xuICB9XG4gIGV4cG9ydHMud3JhcCA9IHdyYXA7XG5cbiAgLy8gVHJ5L2NhdGNoIGhlbHBlciB0byBtaW5pbWl6ZSBkZW9wdGltaXphdGlvbnMuIFJldHVybnMgYSBjb21wbGV0aW9uXG4gIC8vIHJlY29yZCBsaWtlIGNvbnRleHQudHJ5RW50cmllc1tpXS5jb21wbGV0aW9uLiBUaGlzIGludGVyZmFjZSBjb3VsZFxuICAvLyBoYXZlIGJlZW4gKGFuZCB3YXMgcHJldmlvdXNseSkgZGVzaWduZWQgdG8gdGFrZSBhIGNsb3N1cmUgdG8gYmVcbiAgLy8gaW52b2tlZCB3aXRob3V0IGFyZ3VtZW50cywgYnV0IGluIGFsbCB0aGUgY2FzZXMgd2UgY2FyZSBhYm91dCB3ZVxuICAvLyBhbHJlYWR5IGhhdmUgYW4gZXhpc3RpbmcgbWV0aG9kIHdlIHdhbnQgdG8gY2FsbCwgc28gdGhlcmUncyBubyBuZWVkXG4gIC8vIHRvIGNyZWF0ZSBhIG5ldyBmdW5jdGlvbiBvYmplY3QuIFdlIGNhbiBldmVuIGdldCBhd2F5IHdpdGggYXNzdW1pbmdcbiAgLy8gdGhlIG1ldGhvZCB0YWtlcyBleGFjdGx5IG9uZSBhcmd1bWVudCwgc2luY2UgdGhhdCBoYXBwZW5zIHRvIGJlIHRydWVcbiAgLy8gaW4gZXZlcnkgY2FzZSwgc28gd2UgZG9uJ3QgaGF2ZSB0byB0b3VjaCB0aGUgYXJndW1lbnRzIG9iamVjdC4gVGhlXG4gIC8vIG9ubHkgYWRkaXRpb25hbCBhbGxvY2F0aW9uIHJlcXVpcmVkIGlzIHRoZSBjb21wbGV0aW9uIHJlY29yZCwgd2hpY2hcbiAgLy8gaGFzIGEgc3RhYmxlIHNoYXBlIGFuZCBzbyBob3BlZnVsbHkgc2hvdWxkIGJlIGNoZWFwIHRvIGFsbG9jYXRlLlxuICBmdW5jdGlvbiB0cnlDYXRjaChmbiwgb2JqLCBhcmcpIHtcbiAgICB0cnkge1xuICAgICAgcmV0dXJuIHsgdHlwZTogXCJub3JtYWxcIiwgYXJnOiBmbi5jYWxsKG9iaiwgYXJnKSB9O1xuICAgIH0gY2F0Y2ggKGVycikge1xuICAgICAgcmV0dXJuIHsgdHlwZTogXCJ0aHJvd1wiLCBhcmc6IGVyciB9O1xuICAgIH1cbiAgfVxuXG4gIHZhciBHZW5TdGF0ZVN1c3BlbmRlZFN0YXJ0ID0gXCJzdXNwZW5kZWRTdGFydFwiO1xuICB2YXIgR2VuU3RhdGVTdXNwZW5kZWRZaWVsZCA9IFwic3VzcGVuZGVkWWllbGRcIjtcbiAgdmFyIEdlblN0YXRlRXhlY3V0aW5nID0gXCJleGVjdXRpbmdcIjtcbiAgdmFyIEdlblN0YXRlQ29tcGxldGVkID0gXCJjb21wbGV0ZWRcIjtcblxuICAvLyBSZXR1cm5pbmcgdGhpcyBvYmplY3QgZnJvbSB0aGUgaW5uZXJGbiBoYXMgdGhlIHNhbWUgZWZmZWN0IGFzXG4gIC8vIGJyZWFraW5nIG91dCBvZiB0aGUgZGlzcGF0Y2ggc3dpdGNoIHN0YXRlbWVudC5cbiAgdmFyIENvbnRpbnVlU2VudGluZWwgPSB7fTtcblxuICAvLyBEdW1teSBjb25zdHJ1Y3RvciBmdW5jdGlvbnMgdGhhdCB3ZSB1c2UgYXMgdGhlIC5jb25zdHJ1Y3RvciBhbmRcbiAgLy8gLmNvbnN0cnVjdG9yLnByb3RvdHlwZSBwcm9wZXJ0aWVzIGZvciBmdW5jdGlvbnMgdGhhdCByZXR1cm4gR2VuZXJhdG9yXG4gIC8vIG9iamVjdHMuIEZvciBmdWxsIHNwZWMgY29tcGxpYW5jZSwgeW91IG1heSB3aXNoIHRvIGNvbmZpZ3VyZSB5b3VyXG4gIC8vIG1pbmlmaWVyIG5vdCB0byBtYW5nbGUgdGhlIG5hbWVzIG9mIHRoZXNlIHR3byBmdW5jdGlvbnMuXG4gIGZ1bmN0aW9uIEdlbmVyYXRvcigpIHt9XG4gIGZ1bmN0aW9uIEdlbmVyYXRvckZ1bmN0aW9uKCkge31cbiAgZnVuY3Rpb24gR2VuZXJhdG9yRnVuY3Rpb25Qcm90b3R5cGUoKSB7fVxuXG4gIC8vIFRoaXMgaXMgYSBwb2x5ZmlsbCBmb3IgJUl0ZXJhdG9yUHJvdG90eXBlJSBmb3IgZW52aXJvbm1lbnRzIHRoYXRcbiAgLy8gZG9uJ3QgbmF0aXZlbHkgc3VwcG9ydCBpdC5cbiAgdmFyIEl0ZXJhdG9yUHJvdG90eXBlID0ge307XG4gIEl0ZXJhdG9yUHJvdG90eXBlW2l0ZXJhdG9yU3ltYm9sXSA9IGZ1bmN0aW9uICgpIHtcbiAgICByZXR1cm4gdGhpcztcbiAgfTtcblxuICB2YXIgZ2V0UHJvdG8gPSBPYmplY3QuZ2V0UHJvdG90eXBlT2Y7XG4gIHZhciBOYXRpdmVJdGVyYXRvclByb3RvdHlwZSA9IGdldFByb3RvICYmIGdldFByb3RvKGdldFByb3RvKHZhbHVlcyhbXSkpKTtcbiAgaWYgKE5hdGl2ZUl0ZXJhdG9yUHJvdG90eXBlICYmXG4gICAgICBOYXRpdmVJdGVyYXRvclByb3RvdHlwZSAhPT0gT3AgJiZcbiAgICAgIGhhc093bi5jYWxsKE5hdGl2ZUl0ZXJhdG9yUHJvdG90eXBlLCBpdGVyYXRvclN5bWJvbCkpIHtcbiAgICAvLyBUaGlzIGVudmlyb25tZW50IGhhcyBhIG5hdGl2ZSAlSXRlcmF0b3JQcm90b3R5cGUlOyB1c2UgaXQgaW5zdGVhZFxuICAgIC8vIG9mIHRoZSBwb2x5ZmlsbC5cbiAgICBJdGVyYXRvclByb3RvdHlwZSA9IE5hdGl2ZUl0ZXJhdG9yUHJvdG90eXBlO1xuICB9XG5cbiAgdmFyIEdwID0gR2VuZXJhdG9yRnVuY3Rpb25Qcm90b3R5cGUucHJvdG90eXBlID1cbiAgICBHZW5lcmF0b3IucHJvdG90eXBlID0gT2JqZWN0LmNyZWF0ZShJdGVyYXRvclByb3RvdHlwZSk7XG4gIEdlbmVyYXRvckZ1bmN0aW9uLnByb3RvdHlwZSA9IEdwLmNvbnN0cnVjdG9yID0gR2VuZXJhdG9yRnVuY3Rpb25Qcm90b3R5cGU7XG4gIEdlbmVyYXRvckZ1bmN0aW9uUHJvdG90eXBlLmNvbnN0cnVjdG9yID0gR2VuZXJhdG9yRnVuY3Rpb247XG4gIEdlbmVyYXRvckZ1bmN0aW9uUHJvdG90eXBlW3RvU3RyaW5nVGFnU3ltYm9sXSA9XG4gICAgR2VuZXJhdG9yRnVuY3Rpb24uZGlzcGxheU5hbWUgPSBcIkdlbmVyYXRvckZ1bmN0aW9uXCI7XG5cbiAgLy8gSGVscGVyIGZvciBkZWZpbmluZyB0aGUgLm5leHQsIC50aHJvdywgYW5kIC5yZXR1cm4gbWV0aG9kcyBvZiB0aGVcbiAgLy8gSXRlcmF0b3IgaW50ZXJmYWNlIGluIHRlcm1zIG9mIGEgc2luZ2xlIC5faW52b2tlIG1ldGhvZC5cbiAgZnVuY3Rpb24gZGVmaW5lSXRlcmF0b3JNZXRob2RzKHByb3RvdHlwZSkge1xuICAgIFtcIm5leHRcIiwgXCJ0aHJvd1wiLCBcInJldHVyblwiXS5mb3JFYWNoKGZ1bmN0aW9uKG1ldGhvZCkge1xuICAgICAgcHJvdG90eXBlW21ldGhvZF0gPSBmdW5jdGlvbihhcmcpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2ludm9rZShtZXRob2QsIGFyZyk7XG4gICAgICB9O1xuICAgIH0pO1xuICB9XG5cbiAgZXhwb3J0cy5pc0dlbmVyYXRvckZ1bmN0aW9uID0gZnVuY3Rpb24oZ2VuRnVuKSB7XG4gICAgdmFyIGN0b3IgPSB0eXBlb2YgZ2VuRnVuID09PSBcImZ1bmN0aW9uXCIgJiYgZ2VuRnVuLmNvbnN0cnVjdG9yO1xuICAgIHJldHVybiBjdG9yXG4gICAgICA/IGN0b3IgPT09IEdlbmVyYXRvckZ1bmN0aW9uIHx8XG4gICAgICAgIC8vIEZvciB0aGUgbmF0aXZlIEdlbmVyYXRvckZ1bmN0aW9uIGNvbnN0cnVjdG9yLCB0aGUgYmVzdCB3ZSBjYW5cbiAgICAgICAgLy8gZG8gaXMgdG8gY2hlY2sgaXRzIC5uYW1lIHByb3BlcnR5LlxuICAgICAgICAoY3Rvci5kaXNwbGF5TmFtZSB8fCBjdG9yLm5hbWUpID09PSBcIkdlbmVyYXRvckZ1bmN0aW9uXCJcbiAgICAgIDogZmFsc2U7XG4gIH07XG5cbiAgZXhwb3J0cy5tYXJrID0gZnVuY3Rpb24oZ2VuRnVuKSB7XG4gICAgaWYgKE9iamVjdC5zZXRQcm90b3R5cGVPZikge1xuICAgICAgT2JqZWN0LnNldFByb3RvdHlwZU9mKGdlbkZ1biwgR2VuZXJhdG9yRnVuY3Rpb25Qcm90b3R5cGUpO1xuICAgIH0gZWxzZSB7XG4gICAgICBnZW5GdW4uX19wcm90b19fID0gR2VuZXJhdG9yRnVuY3Rpb25Qcm90b3R5cGU7XG4gICAgICBpZiAoISh0b1N0cmluZ1RhZ1N5bWJvbCBpbiBnZW5GdW4pKSB7XG4gICAgICAgIGdlbkZ1blt0b1N0cmluZ1RhZ1N5bWJvbF0gPSBcIkdlbmVyYXRvckZ1bmN0aW9uXCI7XG4gICAgICB9XG4gICAgfVxuICAgIGdlbkZ1bi5wcm90b3R5cGUgPSBPYmplY3QuY3JlYXRlKEdwKTtcbiAgICByZXR1cm4gZ2VuRnVuO1xuICB9O1xuXG4gIC8vIFdpdGhpbiB0aGUgYm9keSBvZiBhbnkgYXN5bmMgZnVuY3Rpb24sIGBhd2FpdCB4YCBpcyB0cmFuc2Zvcm1lZCB0b1xuICAvLyBgeWllbGQgcmVnZW5lcmF0b3JSdW50aW1lLmF3cmFwKHgpYCwgc28gdGhhdCB0aGUgcnVudGltZSBjYW4gdGVzdFxuICAvLyBgaGFzT3duLmNhbGwodmFsdWUsIFwiX19hd2FpdFwiKWAgdG8gZGV0ZXJtaW5lIGlmIHRoZSB5aWVsZGVkIHZhbHVlIGlzXG4gIC8vIG1lYW50IHRvIGJlIGF3YWl0ZWQuXG4gIGV4cG9ydHMuYXdyYXAgPSBmdW5jdGlvbihhcmcpIHtcbiAgICByZXR1cm4geyBfX2F3YWl0OiBhcmcgfTtcbiAgfTtcblxuICBmdW5jdGlvbiBBc3luY0l0ZXJhdG9yKGdlbmVyYXRvciwgUHJvbWlzZUltcGwpIHtcbiAgICBmdW5jdGlvbiBpbnZva2UobWV0aG9kLCBhcmcsIHJlc29sdmUsIHJlamVjdCkge1xuICAgICAgdmFyIHJlY29yZCA9IHRyeUNhdGNoKGdlbmVyYXRvclttZXRob2RdLCBnZW5lcmF0b3IsIGFyZyk7XG4gICAgICBpZiAocmVjb3JkLnR5cGUgPT09IFwidGhyb3dcIikge1xuICAgICAgICByZWplY3QocmVjb3JkLmFyZyk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB2YXIgcmVzdWx0ID0gcmVjb3JkLmFyZztcbiAgICAgICAgdmFyIHZhbHVlID0gcmVzdWx0LnZhbHVlO1xuICAgICAgICBpZiAodmFsdWUgJiZcbiAgICAgICAgICAgIHR5cGVvZiB2YWx1ZSA9PT0gXCJvYmplY3RcIiAmJlxuICAgICAgICAgICAgaGFzT3duLmNhbGwodmFsdWUsIFwiX19hd2FpdFwiKSkge1xuICAgICAgICAgIHJldHVybiBQcm9taXNlSW1wbC5yZXNvbHZlKHZhbHVlLl9fYXdhaXQpLnRoZW4oZnVuY3Rpb24odmFsdWUpIHtcbiAgICAgICAgICAgIGludm9rZShcIm5leHRcIiwgdmFsdWUsIHJlc29sdmUsIHJlamVjdCk7XG4gICAgICAgICAgfSwgZnVuY3Rpb24oZXJyKSB7XG4gICAgICAgICAgICBpbnZva2UoXCJ0aHJvd1wiLCBlcnIsIHJlc29sdmUsIHJlamVjdCk7XG4gICAgICAgICAgfSk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gUHJvbWlzZUltcGwucmVzb2x2ZSh2YWx1ZSkudGhlbihmdW5jdGlvbih1bndyYXBwZWQpIHtcbiAgICAgICAgICAvLyBXaGVuIGEgeWllbGRlZCBQcm9taXNlIGlzIHJlc29sdmVkLCBpdHMgZmluYWwgdmFsdWUgYmVjb21lc1xuICAgICAgICAgIC8vIHRoZSAudmFsdWUgb2YgdGhlIFByb21pc2U8e3ZhbHVlLGRvbmV9PiByZXN1bHQgZm9yIHRoZVxuICAgICAgICAgIC8vIGN1cnJlbnQgaXRlcmF0aW9uLlxuICAgICAgICAgIHJlc3VsdC52YWx1ZSA9IHVud3JhcHBlZDtcbiAgICAgICAgICByZXNvbHZlKHJlc3VsdCk7XG4gICAgICAgIH0sIGZ1bmN0aW9uKGVycm9yKSB7XG4gICAgICAgICAgLy8gSWYgYSByZWplY3RlZCBQcm9taXNlIHdhcyB5aWVsZGVkLCB0aHJvdyB0aGUgcmVqZWN0aW9uIGJhY2tcbiAgICAgICAgICAvLyBpbnRvIHRoZSBhc3luYyBnZW5lcmF0b3IgZnVuY3Rpb24gc28gaXQgY2FuIGJlIGhhbmRsZWQgdGhlcmUuXG4gICAgICAgICAgcmV0dXJuIGludm9rZShcInRocm93XCIsIGVycm9yLCByZXNvbHZlLCByZWplY3QpO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICB2YXIgcHJldmlvdXNQcm9taXNlO1xuXG4gICAgZnVuY3Rpb24gZW5xdWV1ZShtZXRob2QsIGFyZykge1xuICAgICAgZnVuY3Rpb24gY2FsbEludm9rZVdpdGhNZXRob2RBbmRBcmcoKSB7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZUltcGwoZnVuY3Rpb24ocmVzb2x2ZSwgcmVqZWN0KSB7XG4gICAgICAgICAgaW52b2tlKG1ldGhvZCwgYXJnLCByZXNvbHZlLCByZWplY3QpO1xuICAgICAgICB9KTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHByZXZpb3VzUHJvbWlzZSA9XG4gICAgICAgIC8vIElmIGVucXVldWUgaGFzIGJlZW4gY2FsbGVkIGJlZm9yZSwgdGhlbiB3ZSB3YW50IHRvIHdhaXQgdW50aWxcbiAgICAgICAgLy8gYWxsIHByZXZpb3VzIFByb21pc2VzIGhhdmUgYmVlbiByZXNvbHZlZCBiZWZvcmUgY2FsbGluZyBpbnZva2UsXG4gICAgICAgIC8vIHNvIHRoYXQgcmVzdWx0cyBhcmUgYWx3YXlzIGRlbGl2ZXJlZCBpbiB0aGUgY29ycmVjdCBvcmRlci4gSWZcbiAgICAgICAgLy8gZW5xdWV1ZSBoYXMgbm90IGJlZW4gY2FsbGVkIGJlZm9yZSwgdGhlbiBpdCBpcyBpbXBvcnRhbnQgdG9cbiAgICAgICAgLy8gY2FsbCBpbnZva2UgaW1tZWRpYXRlbHksIHdpdGhvdXQgd2FpdGluZyBvbiBhIGNhbGxiYWNrIHRvIGZpcmUsXG4gICAgICAgIC8vIHNvIHRoYXQgdGhlIGFzeW5jIGdlbmVyYXRvciBmdW5jdGlvbiBoYXMgdGhlIG9wcG9ydHVuaXR5IHRvIGRvXG4gICAgICAgIC8vIGFueSBuZWNlc3Nhcnkgc2V0dXAgaW4gYSBwcmVkaWN0YWJsZSB3YXkuIFRoaXMgcHJlZGljdGFiaWxpdHlcbiAgICAgICAgLy8gaXMgd2h5IHRoZSBQcm9taXNlIGNvbnN0cnVjdG9yIHN5bmNocm9ub3VzbHkgaW52b2tlcyBpdHNcbiAgICAgICAgLy8gZXhlY3V0b3IgY2FsbGJhY2ssIGFuZCB3aHkgYXN5bmMgZnVuY3Rpb25zIHN5bmNocm9ub3VzbHlcbiAgICAgICAgLy8gZXhlY3V0ZSBjb2RlIGJlZm9yZSB0aGUgZmlyc3QgYXdhaXQuIFNpbmNlIHdlIGltcGxlbWVudCBzaW1wbGVcbiAgICAgICAgLy8gYXN5bmMgZnVuY3Rpb25zIGluIHRlcm1zIG9mIGFzeW5jIGdlbmVyYXRvcnMsIGl0IGlzIGVzcGVjaWFsbHlcbiAgICAgICAgLy8gaW1wb3J0YW50IHRvIGdldCB0aGlzIHJpZ2h0LCBldmVuIHRob3VnaCBpdCByZXF1aXJlcyBjYXJlLlxuICAgICAgICBwcmV2aW91c1Byb21pc2UgPyBwcmV2aW91c1Byb21pc2UudGhlbihcbiAgICAgICAgICBjYWxsSW52b2tlV2l0aE1ldGhvZEFuZEFyZyxcbiAgICAgICAgICAvLyBBdm9pZCBwcm9wYWdhdGluZyBmYWlsdXJlcyB0byBQcm9taXNlcyByZXR1cm5lZCBieSBsYXRlclxuICAgICAgICAgIC8vIGludm9jYXRpb25zIG9mIHRoZSBpdGVyYXRvci5cbiAgICAgICAgICBjYWxsSW52b2tlV2l0aE1ldGhvZEFuZEFyZ1xuICAgICAgICApIDogY2FsbEludm9rZVdpdGhNZXRob2RBbmRBcmcoKTtcbiAgICB9XG5cbiAgICAvLyBEZWZpbmUgdGhlIHVuaWZpZWQgaGVscGVyIG1ldGhvZCB0aGF0IGlzIHVzZWQgdG8gaW1wbGVtZW50IC5uZXh0LFxuICAgIC8vIC50aHJvdywgYW5kIC5yZXR1cm4gKHNlZSBkZWZpbmVJdGVyYXRvck1ldGhvZHMpLlxuICAgIHRoaXMuX2ludm9rZSA9IGVucXVldWU7XG4gIH1cblxuICBkZWZpbmVJdGVyYXRvck1ldGhvZHMoQXN5bmNJdGVyYXRvci5wcm90b3R5cGUpO1xuICBBc3luY0l0ZXJhdG9yLnByb3RvdHlwZVthc3luY0l0ZXJhdG9yU3ltYm9sXSA9IGZ1bmN0aW9uICgpIHtcbiAgICByZXR1cm4gdGhpcztcbiAgfTtcbiAgZXhwb3J0cy5Bc3luY0l0ZXJhdG9yID0gQXN5bmNJdGVyYXRvcjtcblxuICAvLyBOb3RlIHRoYXQgc2ltcGxlIGFzeW5jIGZ1bmN0aW9ucyBhcmUgaW1wbGVtZW50ZWQgb24gdG9wIG9mXG4gIC8vIEFzeW5jSXRlcmF0b3Igb2JqZWN0czsgdGhleSBqdXN0IHJldHVybiBhIFByb21pc2UgZm9yIHRoZSB2YWx1ZSBvZlxuICAvLyB0aGUgZmluYWwgcmVzdWx0IHByb2R1Y2VkIGJ5IHRoZSBpdGVyYXRvci5cbiAgZXhwb3J0cy5hc3luYyA9IGZ1bmN0aW9uKGlubmVyRm4sIG91dGVyRm4sIHNlbGYsIHRyeUxvY3NMaXN0LCBQcm9taXNlSW1wbCkge1xuICAgIGlmIChQcm9taXNlSW1wbCA9PT0gdm9pZCAwKSBQcm9taXNlSW1wbCA9IFByb21pc2U7XG5cbiAgICB2YXIgaXRlciA9IG5ldyBBc3luY0l0ZXJhdG9yKFxuICAgICAgd3JhcChpbm5lckZuLCBvdXRlckZuLCBzZWxmLCB0cnlMb2NzTGlzdCksXG4gICAgICBQcm9taXNlSW1wbFxuICAgICk7XG5cbiAgICByZXR1cm4gZXhwb3J0cy5pc0dlbmVyYXRvckZ1bmN0aW9uKG91dGVyRm4pXG4gICAgICA/IGl0ZXIgLy8gSWYgb3V0ZXJGbiBpcyBhIGdlbmVyYXRvciwgcmV0dXJuIHRoZSBmdWxsIGl0ZXJhdG9yLlxuICAgICAgOiBpdGVyLm5leHQoKS50aGVuKGZ1bmN0aW9uKHJlc3VsdCkge1xuICAgICAgICAgIHJldHVybiByZXN1bHQuZG9uZSA/IHJlc3VsdC52YWx1ZSA6IGl0ZXIubmV4dCgpO1xuICAgICAgICB9KTtcbiAgfTtcblxuICBmdW5jdGlvbiBtYWtlSW52b2tlTWV0aG9kKGlubmVyRm4sIHNlbGYsIGNvbnRleHQpIHtcbiAgICB2YXIgc3RhdGUgPSBHZW5TdGF0ZVN1c3BlbmRlZFN0YXJ0O1xuXG4gICAgcmV0dXJuIGZ1bmN0aW9uIGludm9rZShtZXRob2QsIGFyZykge1xuICAgICAgaWYgKHN0YXRlID09PSBHZW5TdGF0ZUV4ZWN1dGluZykge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJHZW5lcmF0b3IgaXMgYWxyZWFkeSBydW5uaW5nXCIpO1xuICAgICAgfVxuXG4gICAgICBpZiAoc3RhdGUgPT09IEdlblN0YXRlQ29tcGxldGVkKSB7XG4gICAgICAgIGlmIChtZXRob2QgPT09IFwidGhyb3dcIikge1xuICAgICAgICAgIHRocm93IGFyZztcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIEJlIGZvcmdpdmluZywgcGVyIDI1LjMuMy4zLjMgb2YgdGhlIHNwZWM6XG4gICAgICAgIC8vIGh0dHBzOi8vcGVvcGxlLm1vemlsbGEub3JnL35qb3JlbmRvcmZmL2VzNi1kcmFmdC5odG1sI3NlYy1nZW5lcmF0b3JyZXN1bWVcbiAgICAgICAgcmV0dXJuIGRvbmVSZXN1bHQoKTtcbiAgICAgIH1cblxuICAgICAgY29udGV4dC5tZXRob2QgPSBtZXRob2Q7XG4gICAgICBjb250ZXh0LmFyZyA9IGFyZztcblxuICAgICAgd2hpbGUgKHRydWUpIHtcbiAgICAgICAgdmFyIGRlbGVnYXRlID0gY29udGV4dC5kZWxlZ2F0ZTtcbiAgICAgICAgaWYgKGRlbGVnYXRlKSB7XG4gICAgICAgICAgdmFyIGRlbGVnYXRlUmVzdWx0ID0gbWF5YmVJbnZva2VEZWxlZ2F0ZShkZWxlZ2F0ZSwgY29udGV4dCk7XG4gICAgICAgICAgaWYgKGRlbGVnYXRlUmVzdWx0KSB7XG4gICAgICAgICAgICBpZiAoZGVsZWdhdGVSZXN1bHQgPT09IENvbnRpbnVlU2VudGluZWwpIGNvbnRpbnVlO1xuICAgICAgICAgICAgcmV0dXJuIGRlbGVnYXRlUmVzdWx0O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChjb250ZXh0Lm1ldGhvZCA9PT0gXCJuZXh0XCIpIHtcbiAgICAgICAgICAvLyBTZXR0aW5nIGNvbnRleHQuX3NlbnQgZm9yIGxlZ2FjeSBzdXBwb3J0IG9mIEJhYmVsJ3NcbiAgICAgICAgICAvLyBmdW5jdGlvbi5zZW50IGltcGxlbWVudGF0aW9uLlxuICAgICAgICAgIGNvbnRleHQuc2VudCA9IGNvbnRleHQuX3NlbnQgPSBjb250ZXh0LmFyZztcblxuICAgICAgICB9IGVsc2UgaWYgKGNvbnRleHQubWV0aG9kID09PSBcInRocm93XCIpIHtcbiAgICAgICAgICBpZiAoc3RhdGUgPT09IEdlblN0YXRlU3VzcGVuZGVkU3RhcnQpIHtcbiAgICAgICAgICAgIHN0YXRlID0gR2VuU3RhdGVDb21wbGV0ZWQ7XG4gICAgICAgICAgICB0aHJvdyBjb250ZXh0LmFyZztcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBjb250ZXh0LmRpc3BhdGNoRXhjZXB0aW9uKGNvbnRleHQuYXJnKTtcblxuICAgICAgICB9IGVsc2UgaWYgKGNvbnRleHQubWV0aG9kID09PSBcInJldHVyblwiKSB7XG4gICAgICAgICAgY29udGV4dC5hYnJ1cHQoXCJyZXR1cm5cIiwgY29udGV4dC5hcmcpO1xuICAgICAgICB9XG5cbiAgICAgICAgc3RhdGUgPSBHZW5TdGF0ZUV4ZWN1dGluZztcblxuICAgICAgICB2YXIgcmVjb3JkID0gdHJ5Q2F0Y2goaW5uZXJGbiwgc2VsZiwgY29udGV4dCk7XG4gICAgICAgIGlmIChyZWNvcmQudHlwZSA9PT0gXCJub3JtYWxcIikge1xuICAgICAgICAgIC8vIElmIGFuIGV4Y2VwdGlvbiBpcyB0aHJvd24gZnJvbSBpbm5lckZuLCB3ZSBsZWF2ZSBzdGF0ZSA9PT1cbiAgICAgICAgICAvLyBHZW5TdGF0ZUV4ZWN1dGluZyBhbmQgbG9vcCBiYWNrIGZvciBhbm90aGVyIGludm9jYXRpb24uXG4gICAgICAgICAgc3RhdGUgPSBjb250ZXh0LmRvbmVcbiAgICAgICAgICAgID8gR2VuU3RhdGVDb21wbGV0ZWRcbiAgICAgICAgICAgIDogR2VuU3RhdGVTdXNwZW5kZWRZaWVsZDtcblxuICAgICAgICAgIGlmIChyZWNvcmQuYXJnID09PSBDb250aW51ZVNlbnRpbmVsKSB7XG4gICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgdmFsdWU6IHJlY29yZC5hcmcsXG4gICAgICAgICAgICBkb25lOiBjb250ZXh0LmRvbmVcbiAgICAgICAgICB9O1xuXG4gICAgICAgIH0gZWxzZSBpZiAocmVjb3JkLnR5cGUgPT09IFwidGhyb3dcIikge1xuICAgICAgICAgIHN0YXRlID0gR2VuU3RhdGVDb21wbGV0ZWQ7XG4gICAgICAgICAgLy8gRGlzcGF0Y2ggdGhlIGV4Y2VwdGlvbiBieSBsb29waW5nIGJhY2sgYXJvdW5kIHRvIHRoZVxuICAgICAgICAgIC8vIGNvbnRleHQuZGlzcGF0Y2hFeGNlcHRpb24oY29udGV4dC5hcmcpIGNhbGwgYWJvdmUuXG4gICAgICAgICAgY29udGV4dC5tZXRob2QgPSBcInRocm93XCI7XG4gICAgICAgICAgY29udGV4dC5hcmcgPSByZWNvcmQuYXJnO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfTtcbiAgfVxuXG4gIC8vIENhbGwgZGVsZWdhdGUuaXRlcmF0b3JbY29udGV4dC5tZXRob2RdKGNvbnRleHQuYXJnKSBhbmQgaGFuZGxlIHRoZVxuICAvLyByZXN1bHQsIGVpdGhlciBieSByZXR1cm5pbmcgYSB7IHZhbHVlLCBkb25lIH0gcmVzdWx0IGZyb20gdGhlXG4gIC8vIGRlbGVnYXRlIGl0ZXJhdG9yLCBvciBieSBtb2RpZnlpbmcgY29udGV4dC5tZXRob2QgYW5kIGNvbnRleHQuYXJnLFxuICAvLyBzZXR0aW5nIGNvbnRleHQuZGVsZWdhdGUgdG8gbnVsbCwgYW5kIHJldHVybmluZyB0aGUgQ29udGludWVTZW50aW5lbC5cbiAgZnVuY3Rpb24gbWF5YmVJbnZva2VEZWxlZ2F0ZShkZWxlZ2F0ZSwgY29udGV4dCkge1xuICAgIHZhciBtZXRob2QgPSBkZWxlZ2F0ZS5pdGVyYXRvcltjb250ZXh0Lm1ldGhvZF07XG4gICAgaWYgKG1ldGhvZCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAvLyBBIC50aHJvdyBvciAucmV0dXJuIHdoZW4gdGhlIGRlbGVnYXRlIGl0ZXJhdG9yIGhhcyBubyAudGhyb3dcbiAgICAgIC8vIG1ldGhvZCBhbHdheXMgdGVybWluYXRlcyB0aGUgeWllbGQqIGxvb3AuXG4gICAgICBjb250ZXh0LmRlbGVnYXRlID0gbnVsbDtcblxuICAgICAgaWYgKGNvbnRleHQubWV0aG9kID09PSBcInRocm93XCIpIHtcbiAgICAgICAgLy8gTm90ZTogW1wicmV0dXJuXCJdIG11c3QgYmUgdXNlZCBmb3IgRVMzIHBhcnNpbmcgY29tcGF0aWJpbGl0eS5cbiAgICAgICAgaWYgKGRlbGVnYXRlLml0ZXJhdG9yW1wicmV0dXJuXCJdKSB7XG4gICAgICAgICAgLy8gSWYgdGhlIGRlbGVnYXRlIGl0ZXJhdG9yIGhhcyBhIHJldHVybiBtZXRob2QsIGdpdmUgaXQgYVxuICAgICAgICAgIC8vIGNoYW5jZSB0byBjbGVhbiB1cC5cbiAgICAgICAgICBjb250ZXh0Lm1ldGhvZCA9IFwicmV0dXJuXCI7XG4gICAgICAgICAgY29udGV4dC5hcmcgPSB1bmRlZmluZWQ7XG4gICAgICAgICAgbWF5YmVJbnZva2VEZWxlZ2F0ZShkZWxlZ2F0ZSwgY29udGV4dCk7XG5cbiAgICAgICAgICBpZiAoY29udGV4dC5tZXRob2QgPT09IFwidGhyb3dcIikge1xuICAgICAgICAgICAgLy8gSWYgbWF5YmVJbnZva2VEZWxlZ2F0ZShjb250ZXh0KSBjaGFuZ2VkIGNvbnRleHQubWV0aG9kIGZyb21cbiAgICAgICAgICAgIC8vIFwicmV0dXJuXCIgdG8gXCJ0aHJvd1wiLCBsZXQgdGhhdCBvdmVycmlkZSB0aGUgVHlwZUVycm9yIGJlbG93LlxuICAgICAgICAgICAgcmV0dXJuIENvbnRpbnVlU2VudGluZWw7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgY29udGV4dC5tZXRob2QgPSBcInRocm93XCI7XG4gICAgICAgIGNvbnRleHQuYXJnID0gbmV3IFR5cGVFcnJvcihcbiAgICAgICAgICBcIlRoZSBpdGVyYXRvciBkb2VzIG5vdCBwcm92aWRlIGEgJ3Rocm93JyBtZXRob2RcIik7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBDb250aW51ZVNlbnRpbmVsO1xuICAgIH1cblxuICAgIHZhciByZWNvcmQgPSB0cnlDYXRjaChtZXRob2QsIGRlbGVnYXRlLml0ZXJhdG9yLCBjb250ZXh0LmFyZyk7XG5cbiAgICBpZiAocmVjb3JkLnR5cGUgPT09IFwidGhyb3dcIikge1xuICAgICAgY29udGV4dC5tZXRob2QgPSBcInRocm93XCI7XG4gICAgICBjb250ZXh0LmFyZyA9IHJlY29yZC5hcmc7XG4gICAgICBjb250ZXh0LmRlbGVnYXRlID0gbnVsbDtcbiAgICAgIHJldHVybiBDb250aW51ZVNlbnRpbmVsO1xuICAgIH1cblxuICAgIHZhciBpbmZvID0gcmVjb3JkLmFyZztcblxuICAgIGlmICghIGluZm8pIHtcbiAgICAgIGNvbnRleHQubWV0aG9kID0gXCJ0aHJvd1wiO1xuICAgICAgY29udGV4dC5hcmcgPSBuZXcgVHlwZUVycm9yKFwiaXRlcmF0b3IgcmVzdWx0IGlzIG5vdCBhbiBvYmplY3RcIik7XG4gICAgICBjb250ZXh0LmRlbGVnYXRlID0gbnVsbDtcbiAgICAgIHJldHVybiBDb250aW51ZVNlbnRpbmVsO1xuICAgIH1cblxuICAgIGlmIChpbmZvLmRvbmUpIHtcbiAgICAgIC8vIEFzc2lnbiB0aGUgcmVzdWx0IG9mIHRoZSBmaW5pc2hlZCBkZWxlZ2F0ZSB0byB0aGUgdGVtcG9yYXJ5XG4gICAgICAvLyB2YXJpYWJsZSBzcGVjaWZpZWQgYnkgZGVsZWdhdGUucmVzdWx0TmFtZSAoc2VlIGRlbGVnYXRlWWllbGQpLlxuICAgICAgY29udGV4dFtkZWxlZ2F0ZS5yZXN1bHROYW1lXSA9IGluZm8udmFsdWU7XG5cbiAgICAgIC8vIFJlc3VtZSBleGVjdXRpb24gYXQgdGhlIGRlc2lyZWQgbG9jYXRpb24gKHNlZSBkZWxlZ2F0ZVlpZWxkKS5cbiAgICAgIGNvbnRleHQubmV4dCA9IGRlbGVnYXRlLm5leHRMb2M7XG5cbiAgICAgIC8vIElmIGNvbnRleHQubWV0aG9kIHdhcyBcInRocm93XCIgYnV0IHRoZSBkZWxlZ2F0ZSBoYW5kbGVkIHRoZVxuICAgICAgLy8gZXhjZXB0aW9uLCBsZXQgdGhlIG91dGVyIGdlbmVyYXRvciBwcm9jZWVkIG5vcm1hbGx5LiBJZlxuICAgICAgLy8gY29udGV4dC5tZXRob2Qgd2FzIFwibmV4dFwiLCBmb3JnZXQgY29udGV4dC5hcmcgc2luY2UgaXQgaGFzIGJlZW5cbiAgICAgIC8vIFwiY29uc3VtZWRcIiBieSB0aGUgZGVsZWdhdGUgaXRlcmF0b3IuIElmIGNvbnRleHQubWV0aG9kIHdhc1xuICAgICAgLy8gXCJyZXR1cm5cIiwgYWxsb3cgdGhlIG9yaWdpbmFsIC5yZXR1cm4gY2FsbCB0byBjb250aW51ZSBpbiB0aGVcbiAgICAgIC8vIG91dGVyIGdlbmVyYXRvci5cbiAgICAgIGlmIChjb250ZXh0Lm1ldGhvZCAhPT0gXCJyZXR1cm5cIikge1xuICAgICAgICBjb250ZXh0Lm1ldGhvZCA9IFwibmV4dFwiO1xuICAgICAgICBjb250ZXh0LmFyZyA9IHVuZGVmaW5lZDtcbiAgICAgIH1cblxuICAgIH0gZWxzZSB7XG4gICAgICAvLyBSZS15aWVsZCB0aGUgcmVzdWx0IHJldHVybmVkIGJ5IHRoZSBkZWxlZ2F0ZSBtZXRob2QuXG4gICAgICByZXR1cm4gaW5mbztcbiAgICB9XG5cbiAgICAvLyBUaGUgZGVsZWdhdGUgaXRlcmF0b3IgaXMgZmluaXNoZWQsIHNvIGZvcmdldCBpdCBhbmQgY29udGludWUgd2l0aFxuICAgIC8vIHRoZSBvdXRlciBnZW5lcmF0b3IuXG4gICAgY29udGV4dC5kZWxlZ2F0ZSA9IG51bGw7XG4gICAgcmV0dXJuIENvbnRpbnVlU2VudGluZWw7XG4gIH1cblxuICAvLyBEZWZpbmUgR2VuZXJhdG9yLnByb3RvdHlwZS57bmV4dCx0aHJvdyxyZXR1cm59IGluIHRlcm1zIG9mIHRoZVxuICAvLyB1bmlmaWVkIC5faW52b2tlIGhlbHBlciBtZXRob2QuXG4gIGRlZmluZUl0ZXJhdG9yTWV0aG9kcyhHcCk7XG5cbiAgR3BbdG9TdHJpbmdUYWdTeW1ib2xdID0gXCJHZW5lcmF0b3JcIjtcblxuICAvLyBBIEdlbmVyYXRvciBzaG91bGQgYWx3YXlzIHJldHVybiBpdHNlbGYgYXMgdGhlIGl0ZXJhdG9yIG9iamVjdCB3aGVuIHRoZVxuICAvLyBAQGl0ZXJhdG9yIGZ1bmN0aW9uIGlzIGNhbGxlZCBvbiBpdC4gU29tZSBicm93c2VycycgaW1wbGVtZW50YXRpb25zIG9mIHRoZVxuICAvLyBpdGVyYXRvciBwcm90b3R5cGUgY2hhaW4gaW5jb3JyZWN0bHkgaW1wbGVtZW50IHRoaXMsIGNhdXNpbmcgdGhlIEdlbmVyYXRvclxuICAvLyBvYmplY3QgdG8gbm90IGJlIHJldHVybmVkIGZyb20gdGhpcyBjYWxsLiBUaGlzIGVuc3VyZXMgdGhhdCBkb2Vzbid0IGhhcHBlbi5cbiAgLy8gU2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9mYWNlYm9vay9yZWdlbmVyYXRvci9pc3N1ZXMvMjc0IGZvciBtb3JlIGRldGFpbHMuXG4gIEdwW2l0ZXJhdG9yU3ltYm9sXSA9IGZ1bmN0aW9uKCkge1xuICAgIHJldHVybiB0aGlzO1xuICB9O1xuXG4gIEdwLnRvU3RyaW5nID0gZnVuY3Rpb24oKSB7XG4gICAgcmV0dXJuIFwiW29iamVjdCBHZW5lcmF0b3JdXCI7XG4gIH07XG5cbiAgZnVuY3Rpb24gcHVzaFRyeUVudHJ5KGxvY3MpIHtcbiAgICB2YXIgZW50cnkgPSB7IHRyeUxvYzogbG9jc1swXSB9O1xuXG4gICAgaWYgKDEgaW4gbG9jcykge1xuICAgICAgZW50cnkuY2F0Y2hMb2MgPSBsb2NzWzFdO1xuICAgIH1cblxuICAgIGlmICgyIGluIGxvY3MpIHtcbiAgICAgIGVudHJ5LmZpbmFsbHlMb2MgPSBsb2NzWzJdO1xuICAgICAgZW50cnkuYWZ0ZXJMb2MgPSBsb2NzWzNdO1xuICAgIH1cblxuICAgIHRoaXMudHJ5RW50cmllcy5wdXNoKGVudHJ5KTtcbiAgfVxuXG4gIGZ1bmN0aW9uIHJlc2V0VHJ5RW50cnkoZW50cnkpIHtcbiAgICB2YXIgcmVjb3JkID0gZW50cnkuY29tcGxldGlvbiB8fCB7fTtcbiAgICByZWNvcmQudHlwZSA9IFwibm9ybWFsXCI7XG4gICAgZGVsZXRlIHJlY29yZC5hcmc7XG4gICAgZW50cnkuY29tcGxldGlvbiA9IHJlY29yZDtcbiAgfVxuXG4gIGZ1bmN0aW9uIENvbnRleHQodHJ5TG9jc0xpc3QpIHtcbiAgICAvLyBUaGUgcm9vdCBlbnRyeSBvYmplY3QgKGVmZmVjdGl2ZWx5IGEgdHJ5IHN0YXRlbWVudCB3aXRob3V0IGEgY2F0Y2hcbiAgICAvLyBvciBhIGZpbmFsbHkgYmxvY2spIGdpdmVzIHVzIGEgcGxhY2UgdG8gc3RvcmUgdmFsdWVzIHRocm93biBmcm9tXG4gICAgLy8gbG9jYXRpb25zIHdoZXJlIHRoZXJlIGlzIG5vIGVuY2xvc2luZyB0cnkgc3RhdGVtZW50LlxuICAgIHRoaXMudHJ5RW50cmllcyA9IFt7IHRyeUxvYzogXCJyb290XCIgfV07XG4gICAgdHJ5TG9jc0xpc3QuZm9yRWFjaChwdXNoVHJ5RW50cnksIHRoaXMpO1xuICAgIHRoaXMucmVzZXQodHJ1ZSk7XG4gIH1cblxuICBleHBvcnRzLmtleXMgPSBmdW5jdGlvbihvYmplY3QpIHtcbiAgICB2YXIga2V5cyA9IFtdO1xuICAgIGZvciAodmFyIGtleSBpbiBvYmplY3QpIHtcbiAgICAgIGtleXMucHVzaChrZXkpO1xuICAgIH1cbiAgICBrZXlzLnJldmVyc2UoKTtcblxuICAgIC8vIFJhdGhlciB0aGFuIHJldHVybmluZyBhbiBvYmplY3Qgd2l0aCBhIG5leHQgbWV0aG9kLCB3ZSBrZWVwXG4gICAgLy8gdGhpbmdzIHNpbXBsZSBhbmQgcmV0dXJuIHRoZSBuZXh0IGZ1bmN0aW9uIGl0c2VsZi5cbiAgICByZXR1cm4gZnVuY3Rpb24gbmV4dCgpIHtcbiAgICAgIHdoaWxlIChrZXlzLmxlbmd0aCkge1xuICAgICAgICB2YXIga2V5ID0ga2V5cy5wb3AoKTtcbiAgICAgICAgaWYgKGtleSBpbiBvYmplY3QpIHtcbiAgICAgICAgICBuZXh0LnZhbHVlID0ga2V5O1xuICAgICAgICAgIG5leHQuZG9uZSA9IGZhbHNlO1xuICAgICAgICAgIHJldHVybiBuZXh0O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC8vIFRvIGF2b2lkIGNyZWF0aW5nIGFuIGFkZGl0aW9uYWwgb2JqZWN0LCB3ZSBqdXN0IGhhbmcgdGhlIC52YWx1ZVxuICAgICAgLy8gYW5kIC5kb25lIHByb3BlcnRpZXMgb2ZmIHRoZSBuZXh0IGZ1bmN0aW9uIG9iamVjdCBpdHNlbGYuIFRoaXNcbiAgICAgIC8vIGFsc28gZW5zdXJlcyB0aGF0IHRoZSBtaW5pZmllciB3aWxsIG5vdCBhbm9ueW1pemUgdGhlIGZ1bmN0aW9uLlxuICAgICAgbmV4dC5kb25lID0gdHJ1ZTtcbiAgICAgIHJldHVybiBuZXh0O1xuICAgIH07XG4gIH07XG5cbiAgZnVuY3Rpb24gdmFsdWVzKGl0ZXJhYmxlKSB7XG4gICAgaWYgKGl0ZXJhYmxlKSB7XG4gICAgICB2YXIgaXRlcmF0b3JNZXRob2QgPSBpdGVyYWJsZVtpdGVyYXRvclN5bWJvbF07XG4gICAgICBpZiAoaXRlcmF0b3JNZXRob2QpIHtcbiAgICAgICAgcmV0dXJuIGl0ZXJhdG9yTWV0aG9kLmNhbGwoaXRlcmFibGUpO1xuICAgICAgfVxuXG4gICAgICBpZiAodHlwZW9mIGl0ZXJhYmxlLm5leHQgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICByZXR1cm4gaXRlcmFibGU7XG4gICAgICB9XG5cbiAgICAgIGlmICghaXNOYU4oaXRlcmFibGUubGVuZ3RoKSkge1xuICAgICAgICB2YXIgaSA9IC0xLCBuZXh0ID0gZnVuY3Rpb24gbmV4dCgpIHtcbiAgICAgICAgICB3aGlsZSAoKytpIDwgaXRlcmFibGUubGVuZ3RoKSB7XG4gICAgICAgICAgICBpZiAoaGFzT3duLmNhbGwoaXRlcmFibGUsIGkpKSB7XG4gICAgICAgICAgICAgIG5leHQudmFsdWUgPSBpdGVyYWJsZVtpXTtcbiAgICAgICAgICAgICAgbmV4dC5kb25lID0gZmFsc2U7XG4gICAgICAgICAgICAgIHJldHVybiBuZXh0O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cblxuICAgICAgICAgIG5leHQudmFsdWUgPSB1bmRlZmluZWQ7XG4gICAgICAgICAgbmV4dC5kb25lID0gdHJ1ZTtcblxuICAgICAgICAgIHJldHVybiBuZXh0O1xuICAgICAgICB9O1xuXG4gICAgICAgIHJldHVybiBuZXh0Lm5leHQgPSBuZXh0O1xuICAgICAgfVxuICAgIH1cblxuICAgIC8vIFJldHVybiBhbiBpdGVyYXRvciB3aXRoIG5vIHZhbHVlcy5cbiAgICByZXR1cm4geyBuZXh0OiBkb25lUmVzdWx0IH07XG4gIH1cbiAgZXhwb3J0cy52YWx1ZXMgPSB2YWx1ZXM7XG5cbiAgZnVuY3Rpb24gZG9uZVJlc3VsdCgpIHtcbiAgICByZXR1cm4geyB2YWx1ZTogdW5kZWZpbmVkLCBkb25lOiB0cnVlIH07XG4gIH1cblxuICBDb250ZXh0LnByb3RvdHlwZSA9IHtcbiAgICBjb25zdHJ1Y3RvcjogQ29udGV4dCxcblxuICAgIHJlc2V0OiBmdW5jdGlvbihza2lwVGVtcFJlc2V0KSB7XG4gICAgICB0aGlzLnByZXYgPSAwO1xuICAgICAgdGhpcy5uZXh0ID0gMDtcbiAgICAgIC8vIFJlc2V0dGluZyBjb250ZXh0Ll9zZW50IGZvciBsZWdhY3kgc3VwcG9ydCBvZiBCYWJlbCdzXG4gICAgICAvLyBmdW5jdGlvbi5zZW50IGltcGxlbWVudGF0aW9uLlxuICAgICAgdGhpcy5zZW50ID0gdGhpcy5fc2VudCA9IHVuZGVmaW5lZDtcbiAgICAgIHRoaXMuZG9uZSA9IGZhbHNlO1xuICAgICAgdGhpcy5kZWxlZ2F0ZSA9IG51bGw7XG5cbiAgICAgIHRoaXMubWV0aG9kID0gXCJuZXh0XCI7XG4gICAgICB0aGlzLmFyZyA9IHVuZGVmaW5lZDtcblxuICAgICAgdGhpcy50cnlFbnRyaWVzLmZvckVhY2gocmVzZXRUcnlFbnRyeSk7XG5cbiAgICAgIGlmICghc2tpcFRlbXBSZXNldCkge1xuICAgICAgICBmb3IgKHZhciBuYW1lIGluIHRoaXMpIHtcbiAgICAgICAgICAvLyBOb3Qgc3VyZSBhYm91dCB0aGUgb3B0aW1hbCBvcmRlciBvZiB0aGVzZSBjb25kaXRpb25zOlxuICAgICAgICAgIGlmIChuYW1lLmNoYXJBdCgwKSA9PT0gXCJ0XCIgJiZcbiAgICAgICAgICAgICAgaGFzT3duLmNhbGwodGhpcywgbmFtZSkgJiZcbiAgICAgICAgICAgICAgIWlzTmFOKCtuYW1lLnNsaWNlKDEpKSkge1xuICAgICAgICAgICAgdGhpc1tuYW1lXSA9IHVuZGVmaW5lZDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9LFxuXG4gICAgc3RvcDogZnVuY3Rpb24oKSB7XG4gICAgICB0aGlzLmRvbmUgPSB0cnVlO1xuXG4gICAgICB2YXIgcm9vdEVudHJ5ID0gdGhpcy50cnlFbnRyaWVzWzBdO1xuICAgICAgdmFyIHJvb3RSZWNvcmQgPSByb290RW50cnkuY29tcGxldGlvbjtcbiAgICAgIGlmIChyb290UmVjb3JkLnR5cGUgPT09IFwidGhyb3dcIikge1xuICAgICAgICB0aHJvdyByb290UmVjb3JkLmFyZztcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHRoaXMucnZhbDtcbiAgICB9LFxuXG4gICAgZGlzcGF0Y2hFeGNlcHRpb246IGZ1bmN0aW9uKGV4Y2VwdGlvbikge1xuICAgICAgaWYgKHRoaXMuZG9uZSkge1xuICAgICAgICB0aHJvdyBleGNlcHRpb247XG4gICAgICB9XG5cbiAgICAgIHZhciBjb250ZXh0ID0gdGhpcztcbiAgICAgIGZ1bmN0aW9uIGhhbmRsZShsb2MsIGNhdWdodCkge1xuICAgICAgICByZWNvcmQudHlwZSA9IFwidGhyb3dcIjtcbiAgICAgICAgcmVjb3JkLmFyZyA9IGV4Y2VwdGlvbjtcbiAgICAgICAgY29udGV4dC5uZXh0ID0gbG9jO1xuXG4gICAgICAgIGlmIChjYXVnaHQpIHtcbiAgICAgICAgICAvLyBJZiB0aGUgZGlzcGF0Y2hlZCBleGNlcHRpb24gd2FzIGNhdWdodCBieSBhIGNhdGNoIGJsb2NrLFxuICAgICAgICAgIC8vIHRoZW4gbGV0IHRoYXQgY2F0Y2ggYmxvY2sgaGFuZGxlIHRoZSBleGNlcHRpb24gbm9ybWFsbHkuXG4gICAgICAgICAgY29udGV4dC5tZXRob2QgPSBcIm5leHRcIjtcbiAgICAgICAgICBjb250ZXh0LmFyZyA9IHVuZGVmaW5lZDtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAhISBjYXVnaHQ7XG4gICAgICB9XG5cbiAgICAgIGZvciAodmFyIGkgPSB0aGlzLnRyeUVudHJpZXMubGVuZ3RoIC0gMTsgaSA+PSAwOyAtLWkpIHtcbiAgICAgICAgdmFyIGVudHJ5ID0gdGhpcy50cnlFbnRyaWVzW2ldO1xuICAgICAgICB2YXIgcmVjb3JkID0gZW50cnkuY29tcGxldGlvbjtcblxuICAgICAgICBpZiAoZW50cnkudHJ5TG9jID09PSBcInJvb3RcIikge1xuICAgICAgICAgIC8vIEV4Y2VwdGlvbiB0aHJvd24gb3V0c2lkZSBvZiBhbnkgdHJ5IGJsb2NrIHRoYXQgY291bGQgaGFuZGxlXG4gICAgICAgICAgLy8gaXQsIHNvIHNldCB0aGUgY29tcGxldGlvbiB2YWx1ZSBvZiB0aGUgZW50aXJlIGZ1bmN0aW9uIHRvXG4gICAgICAgICAgLy8gdGhyb3cgdGhlIGV4Y2VwdGlvbi5cbiAgICAgICAgICByZXR1cm4gaGFuZGxlKFwiZW5kXCIpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGVudHJ5LnRyeUxvYyA8PSB0aGlzLnByZXYpIHtcbiAgICAgICAgICB2YXIgaGFzQ2F0Y2ggPSBoYXNPd24uY2FsbChlbnRyeSwgXCJjYXRjaExvY1wiKTtcbiAgICAgICAgICB2YXIgaGFzRmluYWxseSA9IGhhc093bi5jYWxsKGVudHJ5LCBcImZpbmFsbHlMb2NcIik7XG5cbiAgICAgICAgICBpZiAoaGFzQ2F0Y2ggJiYgaGFzRmluYWxseSkge1xuICAgICAgICAgICAgaWYgKHRoaXMucHJldiA8IGVudHJ5LmNhdGNoTG9jKSB7XG4gICAgICAgICAgICAgIHJldHVybiBoYW5kbGUoZW50cnkuY2F0Y2hMb2MsIHRydWUpO1xuICAgICAgICAgICAgfSBlbHNlIGlmICh0aGlzLnByZXYgPCBlbnRyeS5maW5hbGx5TG9jKSB7XG4gICAgICAgICAgICAgIHJldHVybiBoYW5kbGUoZW50cnkuZmluYWxseUxvYyk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICB9IGVsc2UgaWYgKGhhc0NhdGNoKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5wcmV2IDwgZW50cnkuY2F0Y2hMb2MpIHtcbiAgICAgICAgICAgICAgcmV0dXJuIGhhbmRsZShlbnRyeS5jYXRjaExvYywgdHJ1ZSk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICB9IGVsc2UgaWYgKGhhc0ZpbmFsbHkpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLnByZXYgPCBlbnRyeS5maW5hbGx5TG9jKSB7XG4gICAgICAgICAgICAgIHJldHVybiBoYW5kbGUoZW50cnkuZmluYWxseUxvYyk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwidHJ5IHN0YXRlbWVudCB3aXRob3V0IGNhdGNoIG9yIGZpbmFsbHlcIik7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfSxcblxuICAgIGFicnVwdDogZnVuY3Rpb24odHlwZSwgYXJnKSB7XG4gICAgICBmb3IgKHZhciBpID0gdGhpcy50cnlFbnRyaWVzLmxlbmd0aCAtIDE7IGkgPj0gMDsgLS1pKSB7XG4gICAgICAgIHZhciBlbnRyeSA9IHRoaXMudHJ5RW50cmllc1tpXTtcbiAgICAgICAgaWYgKGVudHJ5LnRyeUxvYyA8PSB0aGlzLnByZXYgJiZcbiAgICAgICAgICAgIGhhc093bi5jYWxsKGVudHJ5LCBcImZpbmFsbHlMb2NcIikgJiZcbiAgICAgICAgICAgIHRoaXMucHJldiA8IGVudHJ5LmZpbmFsbHlMb2MpIHtcbiAgICAgICAgICB2YXIgZmluYWxseUVudHJ5ID0gZW50cnk7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgaWYgKGZpbmFsbHlFbnRyeSAmJlxuICAgICAgICAgICh0eXBlID09PSBcImJyZWFrXCIgfHxcbiAgICAgICAgICAgdHlwZSA9PT0gXCJjb250aW51ZVwiKSAmJlxuICAgICAgICAgIGZpbmFsbHlFbnRyeS50cnlMb2MgPD0gYXJnICYmXG4gICAgICAgICAgYXJnIDw9IGZpbmFsbHlFbnRyeS5maW5hbGx5TG9jKSB7XG4gICAgICAgIC8vIElnbm9yZSB0aGUgZmluYWxseSBlbnRyeSBpZiBjb250cm9sIGlzIG5vdCBqdW1waW5nIHRvIGFcbiAgICAgICAgLy8gbG9jYXRpb24gb3V0c2lkZSB0aGUgdHJ5L2NhdGNoIGJsb2NrLlxuICAgICAgICBmaW5hbGx5RW50cnkgPSBudWxsO1xuICAgICAgfVxuXG4gICAgICB2YXIgcmVjb3JkID0gZmluYWxseUVudHJ5ID8gZmluYWxseUVudHJ5LmNvbXBsZXRpb24gOiB7fTtcbiAgICAgIHJlY29yZC50eXBlID0gdHlwZTtcbiAgICAgIHJlY29yZC5hcmcgPSBhcmc7XG5cbiAgICAgIGlmIChmaW5hbGx5RW50cnkpIHtcbiAgICAgICAgdGhpcy5tZXRob2QgPSBcIm5leHRcIjtcbiAgICAgICAgdGhpcy5uZXh0ID0gZmluYWxseUVudHJ5LmZpbmFsbHlMb2M7XG4gICAgICAgIHJldHVybiBDb250aW51ZVNlbnRpbmVsO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gdGhpcy5jb21wbGV0ZShyZWNvcmQpO1xuICAgIH0sXG5cbiAgICBjb21wbGV0ZTogZnVuY3Rpb24ocmVjb3JkLCBhZnRlckxvYykge1xuICAgICAgaWYgKHJlY29yZC50eXBlID09PSBcInRocm93XCIpIHtcbiAgICAgICAgdGhyb3cgcmVjb3JkLmFyZztcbiAgICAgIH1cblxuICAgICAgaWYgKHJlY29yZC50eXBlID09PSBcImJyZWFrXCIgfHxcbiAgICAgICAgICByZWNvcmQudHlwZSA9PT0gXCJjb250aW51ZVwiKSB7XG4gICAgICAgIHRoaXMubmV4dCA9IHJlY29yZC5hcmc7XG4gICAgICB9IGVsc2UgaWYgKHJlY29yZC50eXBlID09PSBcInJldHVyblwiKSB7XG4gICAgICAgIHRoaXMucnZhbCA9IHRoaXMuYXJnID0gcmVjb3JkLmFyZztcbiAgICAgICAgdGhpcy5tZXRob2QgPSBcInJldHVyblwiO1xuICAgICAgICB0aGlzLm5leHQgPSBcImVuZFwiO1xuICAgICAgfSBlbHNlIGlmIChyZWNvcmQudHlwZSA9PT0gXCJub3JtYWxcIiAmJiBhZnRlckxvYykge1xuICAgICAgICB0aGlzLm5leHQgPSBhZnRlckxvYztcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIENvbnRpbnVlU2VudGluZWw7XG4gICAgfSxcblxuICAgIGZpbmlzaDogZnVuY3Rpb24oZmluYWxseUxvYykge1xuICAgICAgZm9yICh2YXIgaSA9IHRoaXMudHJ5RW50cmllcy5sZW5ndGggLSAxOyBpID49IDA7IC0taSkge1xuICAgICAgICB2YXIgZW50cnkgPSB0aGlzLnRyeUVudHJpZXNbaV07XG4gICAgICAgIGlmIChlbnRyeS5maW5hbGx5TG9jID09PSBmaW5hbGx5TG9jKSB7XG4gICAgICAgICAgdGhpcy5jb21wbGV0ZShlbnRyeS5jb21wbGV0aW9uLCBlbnRyeS5hZnRlckxvYyk7XG4gICAgICAgICAgcmVzZXRUcnlFbnRyeShlbnRyeSk7XG4gICAgICAgICAgcmV0dXJuIENvbnRpbnVlU2VudGluZWw7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9LFxuXG4gICAgXCJjYXRjaFwiOiBmdW5jdGlvbih0cnlMb2MpIHtcbiAgICAgIGZvciAodmFyIGkgPSB0aGlzLnRyeUVudHJpZXMubGVuZ3RoIC0gMTsgaSA+PSAwOyAtLWkpIHtcbiAgICAgICAgdmFyIGVudHJ5ID0gdGhpcy50cnlFbnRyaWVzW2ldO1xuICAgICAgICBpZiAoZW50cnkudHJ5TG9jID09PSB0cnlMb2MpIHtcbiAgICAgICAgICB2YXIgcmVjb3JkID0gZW50cnkuY29tcGxldGlvbjtcbiAgICAgICAgICBpZiAocmVjb3JkLnR5cGUgPT09IFwidGhyb3dcIikge1xuICAgICAgICAgICAgdmFyIHRocm93biA9IHJlY29yZC5hcmc7XG4gICAgICAgICAgICByZXNldFRyeUVudHJ5KGVudHJ5KTtcbiAgICAgICAgICB9XG4gICAgICAgICAgcmV0dXJuIHRocm93bjtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBUaGUgY29udGV4dC5jYXRjaCBtZXRob2QgbXVzdCBvbmx5IGJlIGNhbGxlZCB3aXRoIGEgbG9jYXRpb25cbiAgICAgIC8vIGFyZ3VtZW50IHRoYXQgY29ycmVzcG9uZHMgdG8gYSBrbm93biBjYXRjaCBibG9jay5cbiAgICAgIHRocm93IG5ldyBFcnJvcihcImlsbGVnYWwgY2F0Y2ggYXR0ZW1wdFwiKTtcbiAgICB9LFxuXG4gICAgZGVsZWdhdGVZaWVsZDogZnVuY3Rpb24oaXRlcmFibGUsIHJlc3VsdE5hbWUsIG5leHRMb2MpIHtcbiAgICAgIHRoaXMuZGVsZWdhdGUgPSB7XG4gICAgICAgIGl0ZXJhdG9yOiB2YWx1ZXMoaXRlcmFibGUpLFxuICAgICAgICByZXN1bHROYW1lOiByZXN1bHROYW1lLFxuICAgICAgICBuZXh0TG9jOiBuZXh0TG9jXG4gICAgICB9O1xuXG4gICAgICBpZiAodGhpcy5tZXRob2QgPT09IFwibmV4dFwiKSB7XG4gICAgICAgIC8vIERlbGliZXJhdGVseSBmb3JnZXQgdGhlIGxhc3Qgc2VudCB2YWx1ZSBzbyB0aGF0IHdlIGRvbid0XG4gICAgICAgIC8vIGFjY2lkZW50YWxseSBwYXNzIGl0IG9uIHRvIHRoZSBkZWxlZ2F0ZS5cbiAgICAgICAgdGhpcy5hcmcgPSB1bmRlZmluZWQ7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBDb250aW51ZVNlbnRpbmVsO1xuICAgIH1cbiAgfTtcblxuICAvLyBSZWdhcmRsZXNzIG9mIHdoZXRoZXIgdGhpcyBzY3JpcHQgaXMgZXhlY3V0aW5nIGFzIGEgQ29tbW9uSlMgbW9kdWxlXG4gIC8vIG9yIG5vdCwgcmV0dXJuIHRoZSBydW50aW1lIG9iamVjdCBzbyB0aGF0IHdlIGNhbiBkZWNsYXJlIHRoZSB2YXJpYWJsZVxuICAvLyByZWdlbmVyYXRvclJ1bnRpbWUgaW4gdGhlIG91dGVyIHNjb3BlLCB3aGljaCBhbGxvd3MgdGhpcyBtb2R1bGUgdG8gYmVcbiAgLy8gaW5qZWN0ZWQgZWFzaWx5IGJ5IGBiaW4vcmVnZW5lcmF0b3IgLS1pbmNsdWRlLXJ1bnRpbWUgc2NyaXB0LmpzYC5cbiAgcmV0dXJuIGV4cG9ydHM7XG5cbn0oXG4gIC8vIElmIHRoaXMgc2NyaXB0IGlzIGV4ZWN1dGluZyBhcyBhIENvbW1vbkpTIG1vZHVsZSwgdXNlIG1vZHVsZS5leHBvcnRzXG4gIC8vIGFzIHRoZSByZWdlbmVyYXRvclJ1bnRpbWUgbmFtZXNwYWNlLiBPdGhlcndpc2UgY3JlYXRlIGEgbmV3IGVtcHR5XG4gIC8vIG9iamVjdC4gRWl0aGVyIHdheSwgdGhlIHJlc3VsdGluZyBvYmplY3Qgd2lsbCBiZSB1c2VkIHRvIGluaXRpYWxpemVcbiAgLy8gdGhlIHJlZ2VuZXJhdG9yUnVudGltZSB2YXJpYWJsZSBhdCB0aGUgdG9wIG9mIHRoaXMgZmlsZS5cbiAgdHlwZW9mIG1vZHVsZSA9PT0gXCJvYmplY3RcIiA/IG1vZHVsZS5leHBvcnRzIDoge31cbikpO1xuXG50cnkge1xuICByZWdlbmVyYXRvclJ1bnRpbWUgPSBydW50aW1lO1xufSBjYXRjaCAoYWNjaWRlbnRhbFN0cmljdE1vZGUpIHtcbiAgLy8gVGhpcyBtb2R1bGUgc2hvdWxkIG5vdCBiZSBydW5uaW5nIGluIHN0cmljdCBtb2RlLCBzbyB0aGUgYWJvdmVcbiAgLy8gYXNzaWdubWVudCBzaG91bGQgYWx3YXlzIHdvcmsgdW5sZXNzIHNvbWV0aGluZyBpcyBtaXNjb25maWd1cmVkLiBKdXN0XG4gIC8vIGluIGNhc2UgcnVudGltZS5qcyBhY2NpZGVudGFsbHkgcnVucyBpbiBzdHJpY3QgbW9kZSwgd2UgY2FuIGVzY2FwZVxuICAvLyBzdHJpY3QgbW9kZSB1c2luZyBhIGdsb2JhbCBGdW5jdGlvbiBjYWxsLiBUaGlzIGNvdWxkIGNvbmNlaXZhYmx5IGZhaWxcbiAgLy8gaWYgYSBDb250ZW50IFNlY3VyaXR5IFBvbGljeSBmb3JiaWRzIHVzaW5nIEZ1bmN0aW9uLCBidXQgaW4gdGhhdCBjYXNlXG4gIC8vIHRoZSBwcm9wZXIgc29sdXRpb24gaXMgdG8gZml4IHRoZSBhY2NpZGVudGFsIHN0cmljdCBtb2RlIHByb2JsZW0uIElmXG4gIC8vIHlvdSd2ZSBtaXNjb25maWd1cmVkIHlvdXIgYnVuZGxlciB0byBmb3JjZSBzdHJpY3QgbW9kZSBhbmQgYXBwbGllZCBhXG4gIC8vIENTUCB0byBmb3JiaWQgRnVuY3Rpb24sIGFuZCB5b3UncmUgbm90IHdpbGxpbmcgdG8gZml4IGVpdGhlciBvZiB0aG9zZVxuICAvLyBwcm9ibGVtcywgcGxlYXNlIGRldGFpbCB5b3VyIHVuaXF1ZSBwcmVkaWNhbWVudCBpbiBhIEdpdEh1YiBpc3N1ZS5cbiAgRnVuY3Rpb24oXCJyXCIsIFwicmVnZW5lcmF0b3JSdW50aW1lID0gclwiKShydW50aW1lKTtcbn1cbiJdLCJuYW1lcyI6WyJydW50aW1lIiwiZXhwb3J0cyIsIk9wIiwiT2JqZWN0IiwicHJvdG90eXBlIiwiaGFzT3duIiwiaGFzT3duUHJvcGVydHkiLCJ1bmRlZmluZWQiLCIkU3ltYm9sIiwiU3ltYm9sIiwiaXRlcmF0b3JTeW1ib2wiLCJpdGVyYXRvciIsImFzeW5jSXRlcmF0b3JTeW1ib2wiLCJhc3luY0l0ZXJhdG9yIiwidG9TdHJpbmdUYWdTeW1ib2wiLCJ0b1N0cmluZ1RhZyIsIndyYXAiLCJpbm5lckZuIiwib3V0ZXJGbiIsInNlbGYiLCJ0cnlMb2NzTGlzdCIsInByb3RvR2VuZXJhdG9yIiwiR2VuZXJhdG9yIiwiZ2VuZXJhdG9yIiwiY3JlYXRlIiwiY29udGV4dCIsIkNvbnRleHQiLCJfaW52b2tlIiwibWFrZUludm9rZU1ldGhvZCIsInRyeUNhdGNoIiwiZm4iLCJvYmoiLCJhcmciLCJ0eXBlIiwiY2FsbCIsImVyciIsIkdlblN0YXRlU3VzcGVuZGVkU3RhcnQiLCJHZW5TdGF0ZVN1c3BlbmRlZFlpZWxkIiwiR2VuU3RhdGVFeGVjdXRpbmciLCJHZW5TdGF0ZUNvbXBsZXRlZCIsIkNvbnRpbnVlU2VudGluZWwiLCJHZW5lcmF0b3JGdW5jdGlvbiIsIkdlbmVyYXRvckZ1bmN0aW9uUHJvdG90eXBlIiwiSXRlcmF0b3JQcm90b3R5cGUiLCJnZXRQcm90byIsImdldFByb3RvdHlwZU9mIiwiTmF0aXZlSXRlcmF0b3JQcm90b3R5cGUiLCJ2YWx1ZXMiLCJHcCIsImNvbnN0cnVjdG9yIiwiZGlzcGxheU5hbWUiLCJkZWZpbmVJdGVyYXRvck1ldGhvZHMiLCJmb3JFYWNoIiwibWV0aG9kIiwiaXNHZW5lcmF0b3JGdW5jdGlvbiIsImdlbkZ1biIsImN0b3IiLCJuYW1lIiwibWFyayIsInNldFByb3RvdHlwZU9mIiwiX19wcm90b19fIiwiYXdyYXAiLCJfX2F3YWl0IiwiQXN5bmNJdGVyYXRvciIsIlByb21pc2VJbXBsIiwiaW52b2tlIiwicmVzb2x2ZSIsInJlamVjdCIsInJlY29yZCIsInJlc3VsdCIsInZhbHVlIiwidGhlbiIsInVud3JhcHBlZCIsImVycm9yIiwicHJldmlvdXNQcm9taXNlIiwiZW5xdWV1ZSIsImNhbGxJbnZva2VXaXRoTWV0aG9kQW5kQXJnIiwiYXN5bmMiLCJQcm9taXNlIiwiaXRlciIsIm5leHQiLCJkb25lIiwic3RhdGUiLCJFcnJvciIsImRvbmVSZXN1bHQiLCJkZWxlZ2F0ZSIsImRlbGVnYXRlUmVzdWx0IiwibWF5YmVJbnZva2VEZWxlZ2F0ZSIsInNlbnQiLCJfc2VudCIsImRpc3BhdGNoRXhjZXB0aW9uIiwiYWJydXB0IiwiVHlwZUVycm9yIiwiaW5mbyIsInJlc3VsdE5hbWUiLCJuZXh0TG9jIiwidG9TdHJpbmciLCJwdXNoVHJ5RW50cnkiLCJsb2NzIiwiZW50cnkiLCJ0cnlMb2MiLCJjYXRjaExvYyIsImZpbmFsbHlMb2MiLCJhZnRlckxvYyIsInRyeUVudHJpZXMiLCJwdXNoIiwicmVzZXRUcnlFbnRyeSIsImNvbXBsZXRpb24iLCJyZXNldCIsImtleXMiLCJvYmplY3QiLCJrZXkiLCJyZXZlcnNlIiwibGVuZ3RoIiwicG9wIiwiaXRlcmFibGUiLCJpdGVyYXRvck1ldGhvZCIsImlzTmFOIiwiaSIsInNraXBUZW1wUmVzZXQiLCJwcmV2IiwiY2hhckF0Iiwic2xpY2UiLCJzdG9wIiwicm9vdEVudHJ5Iiwicm9vdFJlY29yZCIsInJ2YWwiLCJleGNlcHRpb24iLCJoYW5kbGUiLCJsb2MiLCJjYXVnaHQiLCJoYXNDYXRjaCIsImhhc0ZpbmFsbHkiLCJmaW5hbGx5RW50cnkiLCJjb21wbGV0ZSIsImZpbmlzaCIsInRocm93biIsImRlbGVnYXRlWWllbGQiLCJtb2R1bGUiLCJyZWdlbmVyYXRvclJ1bnRpbWUiLCJhY2NpZGVudGFsU3RyaWN0TW9kZSIsIkZ1bmN0aW9uIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7Ozs7OztBQU9BLE1BQUlBLE9BQU8sR0FBSSxVQUFVQyxPQUFWLEVBQW1CO0FBQ2hDO0FBRUEsUUFBSUMsRUFBRSxHQUFHQyxNQUFNLENBQUNDLFNBQWhCO0FBQ0EsUUFBSUMsTUFBTSxHQUFHSCxFQUFFLENBQUNJLGNBQWhCO0FBQ0EsUUFBSUMsV0FBSixDQUxnQzs7QUFNaEMsUUFBSUMsT0FBTyxHQUFHLE9BQU9DLE1BQVAsS0FBa0IsVUFBbEIsR0FBK0JBLE1BQS9CLEdBQXdDLEVBQXREO0FBQ0EsUUFBSUMsY0FBYyxHQUFHRixPQUFPLENBQUNHLFFBQVIsSUFBb0IsWUFBekM7QUFDQSxRQUFJQyxtQkFBbUIsR0FBR0osT0FBTyxDQUFDSyxhQUFSLElBQXlCLGlCQUFuRDtBQUNBLFFBQUlDLGlCQUFpQixHQUFHTixPQUFPLENBQUNPLFdBQVIsSUFBdUIsZUFBL0M7O0FBRUEsYUFBU0MsSUFBVCxDQUFjQyxPQUFkLEVBQXVCQyxPQUF2QixFQUFnQ0MsSUFBaEMsRUFBc0NDLFdBQXRDLEVBQW1EOztBQUVqRCxVQUFJQyxjQUFjLEdBQUdILE9BQU8sSUFBSUEsT0FBTyxDQUFDZCxTQUFSLFlBQTZCa0IsU0FBeEMsR0FBb0RKLE9BQXBELEdBQThESSxTQUFuRjtBQUNBLFVBQUlDLFNBQVMsR0FBR3BCLE1BQU0sQ0FBQ3FCLE1BQVAsQ0FBY0gsY0FBYyxDQUFDakIsU0FBN0IsQ0FBaEI7QUFDQSxVQUFJcUIsT0FBTyxHQUFHLElBQUlDLE9BQUosQ0FBWU4sV0FBVyxJQUFJLEVBQTNCLENBQWQsQ0FKaUQ7OztBQVFqREcsTUFBQUEsU0FBUyxDQUFDSSxPQUFWLEdBQW9CQyxnQkFBZ0IsQ0FBQ1gsT0FBRCxFQUFVRSxJQUFWLEVBQWdCTSxPQUFoQixDQUFwQztBQUVBLGFBQU9GLFNBQVA7QUFDRDs7QUFDRHRCLElBQUFBLE9BQU8sQ0FBQ2UsSUFBUixHQUFlQSxJQUFmLENBdkJnQzs7Ozs7Ozs7Ozs7QUFtQ2hDLGFBQVNhLFFBQVQsQ0FBa0JDLEVBQWxCLEVBQXNCQyxHQUF0QixFQUEyQkMsR0FBM0IsRUFBZ0M7QUFDOUIsVUFBSTtBQUNGLGVBQU87QUFBRUMsVUFBQUEsSUFBSSxFQUFFLFFBQVI7QUFBa0JELFVBQUFBLEdBQUcsRUFBRUYsRUFBRSxDQUFDSSxJQUFILENBQVFILEdBQVIsRUFBYUMsR0FBYjtBQUF2QixTQUFQO0FBQ0QsT0FGRCxDQUVFLE9BQU9HLEdBQVAsRUFBWTtBQUNaLGVBQU87QUFBRUYsVUFBQUEsSUFBSSxFQUFFLE9BQVI7QUFBaUJELFVBQUFBLEdBQUcsRUFBRUc7QUFBdEIsU0FBUDtBQUNEO0FBQ0Y7O0FBRUQsUUFBSUMsc0JBQXNCLEdBQUcsZ0JBQTdCO0FBQ0EsUUFBSUMsc0JBQXNCLEdBQUcsZ0JBQTdCO0FBQ0EsUUFBSUMsaUJBQWlCLEdBQUcsV0FBeEI7QUFDQSxRQUFJQyxpQkFBaUIsR0FBRyxXQUF4QixDQTlDZ0M7OztBQWtEaEMsUUFBSUMsZ0JBQWdCLEdBQUcsRUFBdkIsQ0FsRGdDOzs7OztBQXdEaEMsYUFBU2xCLFNBQVQsR0FBcUI7O0FBQ3JCLGFBQVNtQixpQkFBVCxHQUE2Qjs7QUFDN0IsYUFBU0MsMEJBQVQsR0FBc0MsRUExRE47Ozs7QUE4RGhDLFFBQUlDLGlCQUFpQixHQUFHLEVBQXhCOztBQUNBQSxJQUFBQSxpQkFBaUIsQ0FBQ2pDLGNBQUQsQ0FBakIsR0FBb0MsWUFBWTtBQUM5QyxhQUFPLElBQVA7QUFDRCxLQUZEOztBQUlBLFFBQUlrQyxRQUFRLEdBQUd6QyxNQUFNLENBQUMwQyxjQUF0QjtBQUNBLFFBQUlDLHVCQUF1QixHQUFHRixRQUFRLElBQUlBLFFBQVEsQ0FBQ0EsUUFBUSxDQUFDRyxNQUFNLENBQUMsRUFBRCxDQUFQLENBQVQsQ0FBbEQ7O0FBQ0EsUUFBSUQsdUJBQXVCLElBQ3ZCQSx1QkFBdUIsS0FBSzVDLEVBRDVCLElBRUFHLE1BQU0sQ0FBQzZCLElBQVAsQ0FBWVksdUJBQVosRUFBcUNwQyxjQUFyQyxDQUZKLEVBRTBEOzs7QUFHeERpQyxNQUFBQSxpQkFBaUIsR0FBR0csdUJBQXBCO0FBQ0Q7O0FBRUQsUUFBSUUsRUFBRSxHQUFHTiwwQkFBMEIsQ0FBQ3RDLFNBQTNCLEdBQ1BrQixTQUFTLENBQUNsQixTQUFWLEdBQXNCRCxNQUFNLENBQUNxQixNQUFQLENBQWNtQixpQkFBZCxDQUR4QjtBQUVBRixJQUFBQSxpQkFBaUIsQ0FBQ3JDLFNBQWxCLEdBQThCNEMsRUFBRSxDQUFDQyxXQUFILEdBQWlCUCwwQkFBL0M7QUFDQUEsSUFBQUEsMEJBQTBCLENBQUNPLFdBQTNCLEdBQXlDUixpQkFBekM7QUFDQUMsSUFBQUEsMEJBQTBCLENBQUM1QixpQkFBRCxDQUExQixHQUNFMkIsaUJBQWlCLENBQUNTLFdBQWxCLEdBQWdDLG1CQURsQyxDQWpGZ0M7OztBQXNGaEMsYUFBU0MscUJBQVQsQ0FBK0IvQyxTQUEvQixFQUEwQztBQUN4QyxPQUFDLE1BQUQsRUFBUyxPQUFULEVBQWtCLFFBQWxCLEVBQTRCZ0QsT0FBNUIsQ0FBb0MsVUFBU0MsTUFBVCxFQUFpQjtBQUNuRGpELFFBQUFBLFNBQVMsQ0FBQ2lELE1BQUQsQ0FBVCxHQUFvQixVQUFTckIsR0FBVCxFQUFjO0FBQ2hDLGlCQUFPLEtBQUtMLE9BQUwsQ0FBYTBCLE1BQWIsRUFBcUJyQixHQUFyQixDQUFQO0FBQ0QsU0FGRDtBQUdELE9BSkQ7QUFLRDs7QUFFRC9CLElBQUFBLE9BQU8sQ0FBQ3FELG1CQUFSLEdBQThCLFVBQVNDLE1BQVQsRUFBaUI7QUFDN0MsVUFBSUMsSUFBSSxHQUFHLE9BQU9ELE1BQVAsS0FBa0IsVUFBbEIsSUFBZ0NBLE1BQU0sQ0FBQ04sV0FBbEQ7QUFDQSxhQUFPTyxJQUFJLEdBQ1BBLElBQUksS0FBS2YsaUJBQVQ7O0FBR0EsT0FBQ2UsSUFBSSxDQUFDTixXQUFMLElBQW9CTSxJQUFJLENBQUNDLElBQTFCLE1BQW9DLG1CQUo3QixHQUtQLEtBTEo7QUFNRCxLQVJEOztBQVVBeEQsSUFBQUEsT0FBTyxDQUFDeUQsSUFBUixHQUFlLFVBQVNILE1BQVQsRUFBaUI7QUFDOUIsVUFBSXBELE1BQU0sQ0FBQ3dELGNBQVgsRUFBMkI7QUFDekJ4RCxRQUFBQSxNQUFNLENBQUN3RCxjQUFQLENBQXNCSixNQUF0QixFQUE4QmIsMEJBQTlCO0FBQ0QsT0FGRCxNQUVPO0FBQ0xhLFFBQUFBLE1BQU0sQ0FBQ0ssU0FBUCxHQUFtQmxCLDBCQUFuQjs7QUFDQSxZQUFJLEVBQUU1QixpQkFBaUIsSUFBSXlDLE1BQXZCLENBQUosRUFBb0M7QUFDbENBLFVBQUFBLE1BQU0sQ0FBQ3pDLGlCQUFELENBQU4sR0FBNEIsbUJBQTVCO0FBQ0Q7QUFDRjs7QUFDRHlDLE1BQUFBLE1BQU0sQ0FBQ25ELFNBQVAsR0FBbUJELE1BQU0sQ0FBQ3FCLE1BQVAsQ0FBY3dCLEVBQWQsQ0FBbkI7QUFDQSxhQUFPTyxNQUFQO0FBQ0QsS0FYRCxDQXhHZ0M7Ozs7OztBQXlIaEN0RCxJQUFBQSxPQUFPLENBQUM0RCxLQUFSLEdBQWdCLFVBQVM3QixHQUFULEVBQWM7QUFDNUIsYUFBTztBQUFFOEIsUUFBQUEsT0FBTyxFQUFFOUI7QUFBWCxPQUFQO0FBQ0QsS0FGRDs7QUFJQSxhQUFTK0IsYUFBVCxDQUF1QnhDLFNBQXZCLEVBQWtDeUMsV0FBbEMsRUFBK0M7QUFDN0MsZUFBU0MsTUFBVCxDQUFnQlosTUFBaEIsRUFBd0JyQixHQUF4QixFQUE2QmtDLE9BQTdCLEVBQXNDQyxNQUF0QyxFQUE4QztBQUM1QyxZQUFJQyxNQUFNLEdBQUd2QyxRQUFRLENBQUNOLFNBQVMsQ0FBQzhCLE1BQUQsQ0FBVixFQUFvQjlCLFNBQXBCLEVBQStCUyxHQUEvQixDQUFyQjs7QUFDQSxZQUFJb0MsTUFBTSxDQUFDbkMsSUFBUCxLQUFnQixPQUFwQixFQUE2QjtBQUMzQmtDLFVBQUFBLE1BQU0sQ0FBQ0MsTUFBTSxDQUFDcEMsR0FBUixDQUFOO0FBQ0QsU0FGRCxNQUVPO0FBQ0wsY0FBSXFDLE1BQU0sR0FBR0QsTUFBTSxDQUFDcEMsR0FBcEI7QUFDQSxjQUFJc0MsS0FBSyxHQUFHRCxNQUFNLENBQUNDLEtBQW5COztBQUNBLGNBQUlBLEtBQUssSUFDTCxPQUFPQSxLQUFQLEtBQWlCLFFBRGpCLElBRUFqRSxNQUFNLENBQUM2QixJQUFQLENBQVlvQyxLQUFaLEVBQW1CLFNBQW5CLENBRkosRUFFbUM7QUFDakMsbUJBQU9OLFdBQVcsQ0FBQ0UsT0FBWixDQUFvQkksS0FBSyxDQUFDUixPQUExQixFQUFtQ1MsSUFBbkMsQ0FBd0MsVUFBU0QsS0FBVCxFQUFnQjtBQUM3REwsY0FBQUEsTUFBTSxDQUFDLE1BQUQsRUFBU0ssS0FBVCxFQUFnQkosT0FBaEIsRUFBeUJDLE1BQXpCLENBQU47QUFDRCxhQUZNLEVBRUosVUFBU2hDLEdBQVQsRUFBYztBQUNmOEIsY0FBQUEsTUFBTSxDQUFDLE9BQUQsRUFBVTlCLEdBQVYsRUFBZStCLE9BQWYsRUFBd0JDLE1BQXhCLENBQU47QUFDRCxhQUpNLENBQVA7QUFLRDs7QUFFRCxpQkFBT0gsV0FBVyxDQUFDRSxPQUFaLENBQW9CSSxLQUFwQixFQUEyQkMsSUFBM0IsQ0FBZ0MsVUFBU0MsU0FBVCxFQUFvQjs7OztBQUl6REgsWUFBQUEsTUFBTSxDQUFDQyxLQUFQLEdBQWVFLFNBQWY7QUFDQU4sWUFBQUEsT0FBTyxDQUFDRyxNQUFELENBQVA7QUFDRCxXQU5NLEVBTUosVUFBU0ksS0FBVCxFQUFnQjs7O0FBR2pCLG1CQUFPUixNQUFNLENBQUMsT0FBRCxFQUFVUSxLQUFWLEVBQWlCUCxPQUFqQixFQUEwQkMsTUFBMUIsQ0FBYjtBQUNELFdBVk0sQ0FBUDtBQVdEO0FBQ0Y7O0FBRUQsVUFBSU8sZUFBSjs7QUFFQSxlQUFTQyxPQUFULENBQWlCdEIsTUFBakIsRUFBeUJyQixHQUF6QixFQUE4QjtBQUM1QixpQkFBUzRDLDBCQUFULEdBQXNDO0FBQ3BDLGlCQUFPLElBQUlaLFdBQUosQ0FBZ0IsVUFBU0UsT0FBVCxFQUFrQkMsTUFBbEIsRUFBMEI7QUFDL0NGLFlBQUFBLE1BQU0sQ0FBQ1osTUFBRCxFQUFTckIsR0FBVCxFQUFja0MsT0FBZCxFQUF1QkMsTUFBdkIsQ0FBTjtBQUNELFdBRk0sQ0FBUDtBQUdEOztBQUVELGVBQU9PLGVBQWU7Ozs7Ozs7Ozs7OztBQWFwQkEsUUFBQUEsZUFBZSxHQUFHQSxlQUFlLENBQUNILElBQWhCLENBQ2hCSywwQkFEZ0I7O0FBSWhCQSxRQUFBQSwwQkFKZ0IsQ0FBSCxHQUtYQSwwQkFBMEIsRUFsQmhDO0FBbUJELE9BNUQ0Qzs7OztBQWdFN0MsV0FBS2pELE9BQUwsR0FBZWdELE9BQWY7QUFDRDs7QUFFRHhCLElBQUFBLHFCQUFxQixDQUFDWSxhQUFhLENBQUMzRCxTQUFmLENBQXJCOztBQUNBMkQsSUFBQUEsYUFBYSxDQUFDM0QsU0FBZCxDQUF3QlEsbUJBQXhCLElBQStDLFlBQVk7QUFDekQsYUFBTyxJQUFQO0FBQ0QsS0FGRDs7QUFHQVgsSUFBQUEsT0FBTyxDQUFDOEQsYUFBUixHQUF3QkEsYUFBeEIsQ0FwTWdDOzs7O0FBeU1oQzlELElBQUFBLE9BQU8sQ0FBQzRFLEtBQVIsR0FBZ0IsVUFBUzVELE9BQVQsRUFBa0JDLE9BQWxCLEVBQTJCQyxJQUEzQixFQUFpQ0MsV0FBakMsRUFBOEM0QyxXQUE5QyxFQUEyRDtBQUN6RSxVQUFJQSxXQUFXLEtBQUssS0FBSyxDQUF6QixFQUE0QkEsV0FBVyxHQUFHYyxPQUFkO0FBRTVCLFVBQUlDLElBQUksR0FBRyxJQUFJaEIsYUFBSixDQUNUL0MsSUFBSSxDQUFDQyxPQUFELEVBQVVDLE9BQVYsRUFBbUJDLElBQW5CLEVBQXlCQyxXQUF6QixDQURLLEVBRVQ0QyxXQUZTLENBQVg7QUFLQSxhQUFPL0QsT0FBTyxDQUFDcUQsbUJBQVIsQ0FBNEJwQyxPQUE1QixJQUNINkQsSUFERztBQUFBLFFBRUhBLElBQUksQ0FBQ0MsSUFBTCxHQUFZVCxJQUFaLENBQWlCLFVBQVNGLE1BQVQsRUFBaUI7QUFDaEMsZUFBT0EsTUFBTSxDQUFDWSxJQUFQLEdBQWNaLE1BQU0sQ0FBQ0MsS0FBckIsR0FBNkJTLElBQUksQ0FBQ0MsSUFBTCxFQUFwQztBQUNELE9BRkQsQ0FGSjtBQUtELEtBYkQ7O0FBZUEsYUFBU3BELGdCQUFULENBQTBCWCxPQUExQixFQUFtQ0UsSUFBbkMsRUFBeUNNLE9BQXpDLEVBQWtEO0FBQ2hELFVBQUl5RCxLQUFLLEdBQUc5QyxzQkFBWjtBQUVBLGFBQU8sU0FBUzZCLE1BQVQsQ0FBZ0JaLE1BQWhCLEVBQXdCckIsR0FBeEIsRUFBNkI7QUFDbEMsWUFBSWtELEtBQUssS0FBSzVDLGlCQUFkLEVBQWlDO0FBQy9CLGdCQUFNLElBQUk2QyxLQUFKLENBQVUsOEJBQVYsQ0FBTjtBQUNEOztBQUVELFlBQUlELEtBQUssS0FBSzNDLGlCQUFkLEVBQWlDO0FBQy9CLGNBQUljLE1BQU0sS0FBSyxPQUFmLEVBQXdCO0FBQ3RCLGtCQUFNckIsR0FBTjtBQUNELFdBSDhCOzs7O0FBTy9CLGlCQUFPb0QsVUFBVSxFQUFqQjtBQUNEOztBQUVEM0QsUUFBQUEsT0FBTyxDQUFDNEIsTUFBUixHQUFpQkEsTUFBakI7QUFDQTVCLFFBQUFBLE9BQU8sQ0FBQ08sR0FBUixHQUFjQSxHQUFkOztBQUVBLGVBQU8sSUFBUCxFQUFhO0FBQ1gsY0FBSXFELFFBQVEsR0FBRzVELE9BQU8sQ0FBQzRELFFBQXZCOztBQUNBLGNBQUlBLFFBQUosRUFBYztBQUNaLGdCQUFJQyxjQUFjLEdBQUdDLG1CQUFtQixDQUFDRixRQUFELEVBQVc1RCxPQUFYLENBQXhDOztBQUNBLGdCQUFJNkQsY0FBSixFQUFvQjtBQUNsQixrQkFBSUEsY0FBYyxLQUFLOUMsZ0JBQXZCLEVBQXlDO0FBQ3pDLHFCQUFPOEMsY0FBUDtBQUNEO0FBQ0Y7O0FBRUQsY0FBSTdELE9BQU8sQ0FBQzRCLE1BQVIsS0FBbUIsTUFBdkIsRUFBK0I7OztBQUc3QjVCLFlBQUFBLE9BQU8sQ0FBQytELElBQVIsR0FBZS9ELE9BQU8sQ0FBQ2dFLEtBQVIsR0FBZ0JoRSxPQUFPLENBQUNPLEdBQXZDO0FBRUQsV0FMRCxNQUtPLElBQUlQLE9BQU8sQ0FBQzRCLE1BQVIsS0FBbUIsT0FBdkIsRUFBZ0M7QUFDckMsZ0JBQUk2QixLQUFLLEtBQUs5QyxzQkFBZCxFQUFzQztBQUNwQzhDLGNBQUFBLEtBQUssR0FBRzNDLGlCQUFSO0FBQ0Esb0JBQU1kLE9BQU8sQ0FBQ08sR0FBZDtBQUNEOztBQUVEUCxZQUFBQSxPQUFPLENBQUNpRSxpQkFBUixDQUEwQmpFLE9BQU8sQ0FBQ08sR0FBbEM7QUFFRCxXQVJNLE1BUUEsSUFBSVAsT0FBTyxDQUFDNEIsTUFBUixLQUFtQixRQUF2QixFQUFpQztBQUN0QzVCLFlBQUFBLE9BQU8sQ0FBQ2tFLE1BQVIsQ0FBZSxRQUFmLEVBQXlCbEUsT0FBTyxDQUFDTyxHQUFqQztBQUNEOztBQUVEa0QsVUFBQUEsS0FBSyxHQUFHNUMsaUJBQVI7QUFFQSxjQUFJOEIsTUFBTSxHQUFHdkMsUUFBUSxDQUFDWixPQUFELEVBQVVFLElBQVYsRUFBZ0JNLE9BQWhCLENBQXJCOztBQUNBLGNBQUkyQyxNQUFNLENBQUNuQyxJQUFQLEtBQWdCLFFBQXBCLEVBQThCOzs7QUFHNUJpRCxZQUFBQSxLQUFLLEdBQUd6RCxPQUFPLENBQUN3RCxJQUFSLEdBQ0oxQyxpQkFESSxHQUVKRixzQkFGSjs7QUFJQSxnQkFBSStCLE1BQU0sQ0FBQ3BDLEdBQVAsS0FBZVEsZ0JBQW5CLEVBQXFDO0FBQ25DO0FBQ0Q7O0FBRUQsbUJBQU87QUFDTDhCLGNBQUFBLEtBQUssRUFBRUYsTUFBTSxDQUFDcEMsR0FEVDtBQUVMaUQsY0FBQUEsSUFBSSxFQUFFeEQsT0FBTyxDQUFDd0Q7QUFGVCxhQUFQO0FBS0QsV0FoQkQsTUFnQk8sSUFBSWIsTUFBTSxDQUFDbkMsSUFBUCxLQUFnQixPQUFwQixFQUE2QjtBQUNsQ2lELFlBQUFBLEtBQUssR0FBRzNDLGlCQUFSLENBRGtDOzs7QUFJbENkLFlBQUFBLE9BQU8sQ0FBQzRCLE1BQVIsR0FBaUIsT0FBakI7QUFDQTVCLFlBQUFBLE9BQU8sQ0FBQ08sR0FBUixHQUFjb0MsTUFBTSxDQUFDcEMsR0FBckI7QUFDRDtBQUNGO0FBQ0YsT0F4RUQ7QUF5RUQsS0FwUytCOzs7Ozs7QUEwU2hDLGFBQVN1RCxtQkFBVCxDQUE2QkYsUUFBN0IsRUFBdUM1RCxPQUF2QyxFQUFnRDtBQUM5QyxVQUFJNEIsTUFBTSxHQUFHZ0MsUUFBUSxDQUFDMUUsUUFBVCxDQUFrQmMsT0FBTyxDQUFDNEIsTUFBMUIsQ0FBYjs7QUFDQSxVQUFJQSxNQUFNLEtBQUs5QyxXQUFmLEVBQTBCOzs7QUFHeEJrQixRQUFBQSxPQUFPLENBQUM0RCxRQUFSLEdBQW1CLElBQW5COztBQUVBLFlBQUk1RCxPQUFPLENBQUM0QixNQUFSLEtBQW1CLE9BQXZCLEVBQWdDOztBQUU5QixjQUFJZ0MsUUFBUSxDQUFDMUUsUUFBVCxDQUFrQixRQUFsQixDQUFKLEVBQWlDOzs7QUFHL0JjLFlBQUFBLE9BQU8sQ0FBQzRCLE1BQVIsR0FBaUIsUUFBakI7QUFDQTVCLFlBQUFBLE9BQU8sQ0FBQ08sR0FBUixHQUFjekIsV0FBZDtBQUNBZ0YsWUFBQUEsbUJBQW1CLENBQUNGLFFBQUQsRUFBVzVELE9BQVgsQ0FBbkI7O0FBRUEsZ0JBQUlBLE9BQU8sQ0FBQzRCLE1BQVIsS0FBbUIsT0FBdkIsRUFBZ0M7OztBQUc5QixxQkFBT2IsZ0JBQVA7QUFDRDtBQUNGOztBQUVEZixVQUFBQSxPQUFPLENBQUM0QixNQUFSLEdBQWlCLE9BQWpCO0FBQ0E1QixVQUFBQSxPQUFPLENBQUNPLEdBQVIsR0FBYyxJQUFJNEQsU0FBSixDQUNaLGdEQURZLENBQWQ7QUFFRDs7QUFFRCxlQUFPcEQsZ0JBQVA7QUFDRDs7QUFFRCxVQUFJNEIsTUFBTSxHQUFHdkMsUUFBUSxDQUFDd0IsTUFBRCxFQUFTZ0MsUUFBUSxDQUFDMUUsUUFBbEIsRUFBNEJjLE9BQU8sQ0FBQ08sR0FBcEMsQ0FBckI7O0FBRUEsVUFBSW9DLE1BQU0sQ0FBQ25DLElBQVAsS0FBZ0IsT0FBcEIsRUFBNkI7QUFDM0JSLFFBQUFBLE9BQU8sQ0FBQzRCLE1BQVIsR0FBaUIsT0FBakI7QUFDQTVCLFFBQUFBLE9BQU8sQ0FBQ08sR0FBUixHQUFjb0MsTUFBTSxDQUFDcEMsR0FBckI7QUFDQVAsUUFBQUEsT0FBTyxDQUFDNEQsUUFBUixHQUFtQixJQUFuQjtBQUNBLGVBQU83QyxnQkFBUDtBQUNEOztBQUVELFVBQUlxRCxJQUFJLEdBQUd6QixNQUFNLENBQUNwQyxHQUFsQjs7QUFFQSxVQUFJLENBQUU2RCxJQUFOLEVBQVk7QUFDVnBFLFFBQUFBLE9BQU8sQ0FBQzRCLE1BQVIsR0FBaUIsT0FBakI7QUFDQTVCLFFBQUFBLE9BQU8sQ0FBQ08sR0FBUixHQUFjLElBQUk0RCxTQUFKLENBQWMsa0NBQWQsQ0FBZDtBQUNBbkUsUUFBQUEsT0FBTyxDQUFDNEQsUUFBUixHQUFtQixJQUFuQjtBQUNBLGVBQU83QyxnQkFBUDtBQUNEOztBQUVELFVBQUlxRCxJQUFJLENBQUNaLElBQVQsRUFBZTs7O0FBR2J4RCxRQUFBQSxPQUFPLENBQUM0RCxRQUFRLENBQUNTLFVBQVYsQ0FBUCxHQUErQkQsSUFBSSxDQUFDdkIsS0FBcEMsQ0FIYTs7QUFNYjdDLFFBQUFBLE9BQU8sQ0FBQ3VELElBQVIsR0FBZUssUUFBUSxDQUFDVSxPQUF4QixDQU5hOzs7Ozs7O0FBY2IsWUFBSXRFLE9BQU8sQ0FBQzRCLE1BQVIsS0FBbUIsUUFBdkIsRUFBaUM7QUFDL0I1QixVQUFBQSxPQUFPLENBQUM0QixNQUFSLEdBQWlCLE1BQWpCO0FBQ0E1QixVQUFBQSxPQUFPLENBQUNPLEdBQVIsR0FBY3pCLFdBQWQ7QUFDRDtBQUVGLE9BbkJELE1BbUJPOztBQUVMLGVBQU9zRixJQUFQO0FBQ0QsT0F2RTZDOzs7O0FBMkU5Q3BFLE1BQUFBLE9BQU8sQ0FBQzRELFFBQVIsR0FBbUIsSUFBbkI7QUFDQSxhQUFPN0MsZ0JBQVA7QUFDRCxLQXZYK0I7Ozs7QUEyWGhDVyxJQUFBQSxxQkFBcUIsQ0FBQ0gsRUFBRCxDQUFyQjtBQUVBQSxJQUFBQSxFQUFFLENBQUNsQyxpQkFBRCxDQUFGLEdBQXdCLFdBQXhCLENBN1hnQzs7Ozs7O0FBb1loQ2tDLElBQUFBLEVBQUUsQ0FBQ3RDLGNBQUQsQ0FBRixHQUFxQixZQUFXO0FBQzlCLGFBQU8sSUFBUDtBQUNELEtBRkQ7O0FBSUFzQyxJQUFBQSxFQUFFLENBQUNnRCxRQUFILEdBQWMsWUFBVztBQUN2QixhQUFPLG9CQUFQO0FBQ0QsS0FGRDs7QUFJQSxhQUFTQyxZQUFULENBQXNCQyxJQUF0QixFQUE0QjtBQUMxQixVQUFJQyxLQUFLLEdBQUc7QUFBRUMsUUFBQUEsTUFBTSxFQUFFRixJQUFJLENBQUMsQ0FBRDtBQUFkLE9BQVo7O0FBRUEsVUFBSSxLQUFLQSxJQUFULEVBQWU7QUFDYkMsUUFBQUEsS0FBSyxDQUFDRSxRQUFOLEdBQWlCSCxJQUFJLENBQUMsQ0FBRCxDQUFyQjtBQUNEOztBQUVELFVBQUksS0FBS0EsSUFBVCxFQUFlO0FBQ2JDLFFBQUFBLEtBQUssQ0FBQ0csVUFBTixHQUFtQkosSUFBSSxDQUFDLENBQUQsQ0FBdkI7QUFDQUMsUUFBQUEsS0FBSyxDQUFDSSxRQUFOLEdBQWlCTCxJQUFJLENBQUMsQ0FBRCxDQUFyQjtBQUNEOztBQUVELFdBQUtNLFVBQUwsQ0FBZ0JDLElBQWhCLENBQXFCTixLQUFyQjtBQUNEOztBQUVELGFBQVNPLGFBQVQsQ0FBdUJQLEtBQXZCLEVBQThCO0FBQzVCLFVBQUkvQixNQUFNLEdBQUcrQixLQUFLLENBQUNRLFVBQU4sSUFBb0IsRUFBakM7QUFDQXZDLE1BQUFBLE1BQU0sQ0FBQ25DLElBQVAsR0FBYyxRQUFkO0FBQ0EsYUFBT21DLE1BQU0sQ0FBQ3BDLEdBQWQ7QUFDQW1FLE1BQUFBLEtBQUssQ0FBQ1EsVUFBTixHQUFtQnZDLE1BQW5CO0FBQ0Q7O0FBRUQsYUFBUzFDLE9BQVQsQ0FBaUJOLFdBQWpCLEVBQThCOzs7O0FBSTVCLFdBQUtvRixVQUFMLEdBQWtCLENBQUM7QUFBRUosUUFBQUEsTUFBTSxFQUFFO0FBQVYsT0FBRCxDQUFsQjtBQUNBaEYsTUFBQUEsV0FBVyxDQUFDZ0MsT0FBWixDQUFvQjZDLFlBQXBCLEVBQWtDLElBQWxDO0FBQ0EsV0FBS1csS0FBTCxDQUFXLElBQVg7QUFDRDs7QUFFRDNHLElBQUFBLE9BQU8sQ0FBQzRHLElBQVIsR0FBZSxVQUFTQyxNQUFULEVBQWlCO0FBQzlCLFVBQUlELElBQUksR0FBRyxFQUFYOztBQUNBLFdBQUssSUFBSUUsR0FBVCxJQUFnQkQsTUFBaEIsRUFBd0I7QUFDdEJELFFBQUFBLElBQUksQ0FBQ0osSUFBTCxDQUFVTSxHQUFWO0FBQ0Q7O0FBQ0RGLE1BQUFBLElBQUksQ0FBQ0csT0FBTCxHQUw4Qjs7O0FBUzlCLGFBQU8sU0FBU2hDLElBQVQsR0FBZ0I7QUFDckIsZUFBTzZCLElBQUksQ0FBQ0ksTUFBWixFQUFvQjtBQUNsQixjQUFJRixHQUFHLEdBQUdGLElBQUksQ0FBQ0ssR0FBTCxFQUFWOztBQUNBLGNBQUlILEdBQUcsSUFBSUQsTUFBWCxFQUFtQjtBQUNqQjlCLFlBQUFBLElBQUksQ0FBQ1YsS0FBTCxHQUFheUMsR0FBYjtBQUNBL0IsWUFBQUEsSUFBSSxDQUFDQyxJQUFMLEdBQVksS0FBWjtBQUNBLG1CQUFPRCxJQUFQO0FBQ0Q7QUFDRixTQVJvQjs7Ozs7QUFhckJBLFFBQUFBLElBQUksQ0FBQ0MsSUFBTCxHQUFZLElBQVo7QUFDQSxlQUFPRCxJQUFQO0FBQ0QsT0FmRDtBQWdCRCxLQXpCRDs7QUEyQkEsYUFBU2pDLE1BQVQsQ0FBZ0JvRSxRQUFoQixFQUEwQjtBQUN4QixVQUFJQSxRQUFKLEVBQWM7QUFDWixZQUFJQyxjQUFjLEdBQUdELFFBQVEsQ0FBQ3pHLGNBQUQsQ0FBN0I7O0FBQ0EsWUFBSTBHLGNBQUosRUFBb0I7QUFDbEIsaUJBQU9BLGNBQWMsQ0FBQ2xGLElBQWYsQ0FBb0JpRixRQUFwQixDQUFQO0FBQ0Q7O0FBRUQsWUFBSSxPQUFPQSxRQUFRLENBQUNuQyxJQUFoQixLQUF5QixVQUE3QixFQUF5QztBQUN2QyxpQkFBT21DLFFBQVA7QUFDRDs7QUFFRCxZQUFJLENBQUNFLEtBQUssQ0FBQ0YsUUFBUSxDQUFDRixNQUFWLENBQVYsRUFBNkI7QUFDM0IsY0FBSUssQ0FBQyxHQUFHLENBQUMsQ0FBVDtBQUFBLGNBQVl0QyxJQUFJLEdBQUcsU0FBU0EsSUFBVCxHQUFnQjtBQUNqQyxtQkFBTyxFQUFFc0MsQ0FBRixHQUFNSCxRQUFRLENBQUNGLE1BQXRCLEVBQThCO0FBQzVCLGtCQUFJNUcsTUFBTSxDQUFDNkIsSUFBUCxDQUFZaUYsUUFBWixFQUFzQkcsQ0FBdEIsQ0FBSixFQUE4QjtBQUM1QnRDLGdCQUFBQSxJQUFJLENBQUNWLEtBQUwsR0FBYTZDLFFBQVEsQ0FBQ0csQ0FBRCxDQUFyQjtBQUNBdEMsZ0JBQUFBLElBQUksQ0FBQ0MsSUFBTCxHQUFZLEtBQVo7QUFDQSx1QkFBT0QsSUFBUDtBQUNEO0FBQ0Y7O0FBRURBLFlBQUFBLElBQUksQ0FBQ1YsS0FBTCxHQUFhL0QsV0FBYjtBQUNBeUUsWUFBQUEsSUFBSSxDQUFDQyxJQUFMLEdBQVksSUFBWjtBQUVBLG1CQUFPRCxJQUFQO0FBQ0QsV0FiRDs7QUFlQSxpQkFBT0EsSUFBSSxDQUFDQSxJQUFMLEdBQVlBLElBQW5CO0FBQ0Q7QUFDRixPQTdCdUI7OztBQWdDeEIsYUFBTztBQUFFQSxRQUFBQSxJQUFJLEVBQUVJO0FBQVIsT0FBUDtBQUNEOztBQUNEbkYsSUFBQUEsT0FBTyxDQUFDOEMsTUFBUixHQUFpQkEsTUFBakI7O0FBRUEsYUFBU3FDLFVBQVQsR0FBc0I7QUFDcEIsYUFBTztBQUFFZCxRQUFBQSxLQUFLLEVBQUUvRCxXQUFUO0FBQW9CMEUsUUFBQUEsSUFBSSxFQUFFO0FBQTFCLE9BQVA7QUFDRDs7QUFFRHZELElBQUFBLE9BQU8sQ0FBQ3RCLFNBQVIsR0FBb0I7QUFDbEI2QyxNQUFBQSxXQUFXLEVBQUV2QixPQURLO0FBR2xCa0YsTUFBQUEsS0FBSyxFQUFFLFVBQVNXLGFBQVQsRUFBd0I7QUFDN0IsYUFBS0MsSUFBTCxHQUFZLENBQVo7QUFDQSxhQUFLeEMsSUFBTCxHQUFZLENBQVosQ0FGNkI7OztBQUs3QixhQUFLUSxJQUFMLEdBQVksS0FBS0MsS0FBTCxHQUFhbEYsV0FBekI7QUFDQSxhQUFLMEUsSUFBTCxHQUFZLEtBQVo7QUFDQSxhQUFLSSxRQUFMLEdBQWdCLElBQWhCO0FBRUEsYUFBS2hDLE1BQUwsR0FBYyxNQUFkO0FBQ0EsYUFBS3JCLEdBQUwsR0FBV3pCLFdBQVg7QUFFQSxhQUFLaUcsVUFBTCxDQUFnQnBELE9BQWhCLENBQXdCc0QsYUFBeEI7O0FBRUEsWUFBSSxDQUFDYSxhQUFMLEVBQW9CO0FBQ2xCLGVBQUssSUFBSTlELElBQVQsSUFBaUIsSUFBakIsRUFBdUI7O0FBRXJCLGdCQUFJQSxJQUFJLENBQUNnRSxNQUFMLENBQVksQ0FBWixNQUFtQixHQUFuQixJQUNBcEgsTUFBTSxDQUFDNkIsSUFBUCxDQUFZLElBQVosRUFBa0J1QixJQUFsQixDQURBLElBRUEsQ0FBQzRELEtBQUssQ0FBQyxDQUFDNUQsSUFBSSxDQUFDaUUsS0FBTCxDQUFXLENBQVgsQ0FBRixDQUZWLEVBRTRCO0FBQzFCLG1CQUFLakUsSUFBTCxJQUFhbEQsV0FBYjtBQUNEO0FBQ0Y7QUFDRjtBQUNGLE9BM0JpQjtBQTZCbEJvSCxNQUFBQSxJQUFJLEVBQUUsWUFBVztBQUNmLGFBQUsxQyxJQUFMLEdBQVksSUFBWjtBQUVBLFlBQUkyQyxTQUFTLEdBQUcsS0FBS3BCLFVBQUwsQ0FBZ0IsQ0FBaEIsQ0FBaEI7QUFDQSxZQUFJcUIsVUFBVSxHQUFHRCxTQUFTLENBQUNqQixVQUEzQjs7QUFDQSxZQUFJa0IsVUFBVSxDQUFDNUYsSUFBWCxLQUFvQixPQUF4QixFQUFpQztBQUMvQixnQkFBTTRGLFVBQVUsQ0FBQzdGLEdBQWpCO0FBQ0Q7O0FBRUQsZUFBTyxLQUFLOEYsSUFBWjtBQUNELE9BdkNpQjtBQXlDbEJwQyxNQUFBQSxpQkFBaUIsRUFBRSxVQUFTcUMsU0FBVCxFQUFvQjtBQUNyQyxZQUFJLEtBQUs5QyxJQUFULEVBQWU7QUFDYixnQkFBTThDLFNBQU47QUFDRDs7QUFFRCxZQUFJdEcsT0FBTyxHQUFHLElBQWQ7O0FBQ0EsaUJBQVN1RyxNQUFULENBQWdCQyxHQUFoQixFQUFxQkMsTUFBckIsRUFBNkI7QUFDM0I5RCxVQUFBQSxNQUFNLENBQUNuQyxJQUFQLEdBQWMsT0FBZDtBQUNBbUMsVUFBQUEsTUFBTSxDQUFDcEMsR0FBUCxHQUFhK0YsU0FBYjtBQUNBdEcsVUFBQUEsT0FBTyxDQUFDdUQsSUFBUixHQUFlaUQsR0FBZjs7QUFFQSxjQUFJQyxNQUFKLEVBQVk7OztBQUdWekcsWUFBQUEsT0FBTyxDQUFDNEIsTUFBUixHQUFpQixNQUFqQjtBQUNBNUIsWUFBQUEsT0FBTyxDQUFDTyxHQUFSLEdBQWN6QixXQUFkO0FBQ0Q7O0FBRUQsaUJBQU8sQ0FBQyxDQUFFMkgsTUFBVjtBQUNEOztBQUVELGFBQUssSUFBSVosQ0FBQyxHQUFHLEtBQUtkLFVBQUwsQ0FBZ0JTLE1BQWhCLEdBQXlCLENBQXRDLEVBQXlDSyxDQUFDLElBQUksQ0FBOUMsRUFBaUQsRUFBRUEsQ0FBbkQsRUFBc0Q7QUFDcEQsY0FBSW5CLEtBQUssR0FBRyxLQUFLSyxVQUFMLENBQWdCYyxDQUFoQixDQUFaO0FBQ0EsY0FBSWxELE1BQU0sR0FBRytCLEtBQUssQ0FBQ1EsVUFBbkI7O0FBRUEsY0FBSVIsS0FBSyxDQUFDQyxNQUFOLEtBQWlCLE1BQXJCLEVBQTZCOzs7O0FBSTNCLG1CQUFPNEIsTUFBTSxDQUFDLEtBQUQsQ0FBYjtBQUNEOztBQUVELGNBQUk3QixLQUFLLENBQUNDLE1BQU4sSUFBZ0IsS0FBS29CLElBQXpCLEVBQStCO0FBQzdCLGdCQUFJVyxRQUFRLEdBQUc5SCxNQUFNLENBQUM2QixJQUFQLENBQVlpRSxLQUFaLEVBQW1CLFVBQW5CLENBQWY7QUFDQSxnQkFBSWlDLFVBQVUsR0FBRy9ILE1BQU0sQ0FBQzZCLElBQVAsQ0FBWWlFLEtBQVosRUFBbUIsWUFBbkIsQ0FBakI7O0FBRUEsZ0JBQUlnQyxRQUFRLElBQUlDLFVBQWhCLEVBQTRCO0FBQzFCLGtCQUFJLEtBQUtaLElBQUwsR0FBWXJCLEtBQUssQ0FBQ0UsUUFBdEIsRUFBZ0M7QUFDOUIsdUJBQU8yQixNQUFNLENBQUM3QixLQUFLLENBQUNFLFFBQVAsRUFBaUIsSUFBakIsQ0FBYjtBQUNELGVBRkQsTUFFTyxJQUFJLEtBQUttQixJQUFMLEdBQVlyQixLQUFLLENBQUNHLFVBQXRCLEVBQWtDO0FBQ3ZDLHVCQUFPMEIsTUFBTSxDQUFDN0IsS0FBSyxDQUFDRyxVQUFQLENBQWI7QUFDRDtBQUVGLGFBUEQsTUFPTyxJQUFJNkIsUUFBSixFQUFjO0FBQ25CLGtCQUFJLEtBQUtYLElBQUwsR0FBWXJCLEtBQUssQ0FBQ0UsUUFBdEIsRUFBZ0M7QUFDOUIsdUJBQU8yQixNQUFNLENBQUM3QixLQUFLLENBQUNFLFFBQVAsRUFBaUIsSUFBakIsQ0FBYjtBQUNEO0FBRUYsYUFMTSxNQUtBLElBQUkrQixVQUFKLEVBQWdCO0FBQ3JCLGtCQUFJLEtBQUtaLElBQUwsR0FBWXJCLEtBQUssQ0FBQ0csVUFBdEIsRUFBa0M7QUFDaEMsdUJBQU8wQixNQUFNLENBQUM3QixLQUFLLENBQUNHLFVBQVAsQ0FBYjtBQUNEO0FBRUYsYUFMTSxNQUtBO0FBQ0wsb0JBQU0sSUFBSW5CLEtBQUosQ0FBVSx3Q0FBVixDQUFOO0FBQ0Q7QUFDRjtBQUNGO0FBQ0YsT0FuR2lCO0FBcUdsQlEsTUFBQUEsTUFBTSxFQUFFLFVBQVMxRCxJQUFULEVBQWVELEdBQWYsRUFBb0I7QUFDMUIsYUFBSyxJQUFJc0YsQ0FBQyxHQUFHLEtBQUtkLFVBQUwsQ0FBZ0JTLE1BQWhCLEdBQXlCLENBQXRDLEVBQXlDSyxDQUFDLElBQUksQ0FBOUMsRUFBaUQsRUFBRUEsQ0FBbkQsRUFBc0Q7QUFDcEQsY0FBSW5CLEtBQUssR0FBRyxLQUFLSyxVQUFMLENBQWdCYyxDQUFoQixDQUFaOztBQUNBLGNBQUluQixLQUFLLENBQUNDLE1BQU4sSUFBZ0IsS0FBS29CLElBQXJCLElBQ0FuSCxNQUFNLENBQUM2QixJQUFQLENBQVlpRSxLQUFaLEVBQW1CLFlBQW5CLENBREEsSUFFQSxLQUFLcUIsSUFBTCxHQUFZckIsS0FBSyxDQUFDRyxVQUZ0QixFQUVrQztBQUNoQyxnQkFBSStCLFlBQVksR0FBR2xDLEtBQW5CO0FBQ0E7QUFDRDtBQUNGOztBQUVELFlBQUlrQyxZQUFZLEtBQ1hwRyxJQUFJLEtBQUssT0FBVCxJQUNBQSxJQUFJLEtBQUssVUFGRSxDQUFaLElBR0FvRyxZQUFZLENBQUNqQyxNQUFiLElBQXVCcEUsR0FIdkIsSUFJQUEsR0FBRyxJQUFJcUcsWUFBWSxDQUFDL0IsVUFKeEIsRUFJb0M7OztBQUdsQytCLFVBQUFBLFlBQVksR0FBRyxJQUFmO0FBQ0Q7O0FBRUQsWUFBSWpFLE1BQU0sR0FBR2lFLFlBQVksR0FBR0EsWUFBWSxDQUFDMUIsVUFBaEIsR0FBNkIsRUFBdEQ7QUFDQXZDLFFBQUFBLE1BQU0sQ0FBQ25DLElBQVAsR0FBY0EsSUFBZDtBQUNBbUMsUUFBQUEsTUFBTSxDQUFDcEMsR0FBUCxHQUFhQSxHQUFiOztBQUVBLFlBQUlxRyxZQUFKLEVBQWtCO0FBQ2hCLGVBQUtoRixNQUFMLEdBQWMsTUFBZDtBQUNBLGVBQUsyQixJQUFMLEdBQVlxRCxZQUFZLENBQUMvQixVQUF6QjtBQUNBLGlCQUFPOUQsZ0JBQVA7QUFDRDs7QUFFRCxlQUFPLEtBQUs4RixRQUFMLENBQWNsRSxNQUFkLENBQVA7QUFDRCxPQXJJaUI7QUF1SWxCa0UsTUFBQUEsUUFBUSxFQUFFLFVBQVNsRSxNQUFULEVBQWlCbUMsUUFBakIsRUFBMkI7QUFDbkMsWUFBSW5DLE1BQU0sQ0FBQ25DLElBQVAsS0FBZ0IsT0FBcEIsRUFBNkI7QUFDM0IsZ0JBQU1tQyxNQUFNLENBQUNwQyxHQUFiO0FBQ0Q7O0FBRUQsWUFBSW9DLE1BQU0sQ0FBQ25DLElBQVAsS0FBZ0IsT0FBaEIsSUFDQW1DLE1BQU0sQ0FBQ25DLElBQVAsS0FBZ0IsVUFEcEIsRUFDZ0M7QUFDOUIsZUFBSytDLElBQUwsR0FBWVosTUFBTSxDQUFDcEMsR0FBbkI7QUFDRCxTQUhELE1BR08sSUFBSW9DLE1BQU0sQ0FBQ25DLElBQVAsS0FBZ0IsUUFBcEIsRUFBOEI7QUFDbkMsZUFBSzZGLElBQUwsR0FBWSxLQUFLOUYsR0FBTCxHQUFXb0MsTUFBTSxDQUFDcEMsR0FBOUI7QUFDQSxlQUFLcUIsTUFBTCxHQUFjLFFBQWQ7QUFDQSxlQUFLMkIsSUFBTCxHQUFZLEtBQVo7QUFDRCxTQUpNLE1BSUEsSUFBSVosTUFBTSxDQUFDbkMsSUFBUCxLQUFnQixRQUFoQixJQUE0QnNFLFFBQWhDLEVBQTBDO0FBQy9DLGVBQUt2QixJQUFMLEdBQVl1QixRQUFaO0FBQ0Q7O0FBRUQsZUFBTy9ELGdCQUFQO0FBQ0QsT0F4SmlCO0FBMEpsQitGLE1BQUFBLE1BQU0sRUFBRSxVQUFTakMsVUFBVCxFQUFxQjtBQUMzQixhQUFLLElBQUlnQixDQUFDLEdBQUcsS0FBS2QsVUFBTCxDQUFnQlMsTUFBaEIsR0FBeUIsQ0FBdEMsRUFBeUNLLENBQUMsSUFBSSxDQUE5QyxFQUFpRCxFQUFFQSxDQUFuRCxFQUFzRDtBQUNwRCxjQUFJbkIsS0FBSyxHQUFHLEtBQUtLLFVBQUwsQ0FBZ0JjLENBQWhCLENBQVo7O0FBQ0EsY0FBSW5CLEtBQUssQ0FBQ0csVUFBTixLQUFxQkEsVUFBekIsRUFBcUM7QUFDbkMsaUJBQUtnQyxRQUFMLENBQWNuQyxLQUFLLENBQUNRLFVBQXBCLEVBQWdDUixLQUFLLENBQUNJLFFBQXRDO0FBQ0FHLFlBQUFBLGFBQWEsQ0FBQ1AsS0FBRCxDQUFiO0FBQ0EsbUJBQU8zRCxnQkFBUDtBQUNEO0FBQ0Y7QUFDRixPQW5LaUI7QUFxS2xCLGVBQVMsVUFBUzRELE1BQVQsRUFBaUI7QUFDeEIsYUFBSyxJQUFJa0IsQ0FBQyxHQUFHLEtBQUtkLFVBQUwsQ0FBZ0JTLE1BQWhCLEdBQXlCLENBQXRDLEVBQXlDSyxDQUFDLElBQUksQ0FBOUMsRUFBaUQsRUFBRUEsQ0FBbkQsRUFBc0Q7QUFDcEQsY0FBSW5CLEtBQUssR0FBRyxLQUFLSyxVQUFMLENBQWdCYyxDQUFoQixDQUFaOztBQUNBLGNBQUluQixLQUFLLENBQUNDLE1BQU4sS0FBaUJBLE1BQXJCLEVBQTZCO0FBQzNCLGdCQUFJaEMsTUFBTSxHQUFHK0IsS0FBSyxDQUFDUSxVQUFuQjs7QUFDQSxnQkFBSXZDLE1BQU0sQ0FBQ25DLElBQVAsS0FBZ0IsT0FBcEIsRUFBNkI7QUFDM0Isa0JBQUl1RyxNQUFNLEdBQUdwRSxNQUFNLENBQUNwQyxHQUFwQjtBQUNBMEUsY0FBQUEsYUFBYSxDQUFDUCxLQUFELENBQWI7QUFDRDs7QUFDRCxtQkFBT3FDLE1BQVA7QUFDRDtBQUNGLFNBWHVCOzs7O0FBZXhCLGNBQU0sSUFBSXJELEtBQUosQ0FBVSx1QkFBVixDQUFOO0FBQ0QsT0FyTGlCO0FBdUxsQnNELE1BQUFBLGFBQWEsRUFBRSxVQUFTdEIsUUFBVCxFQUFtQnJCLFVBQW5CLEVBQStCQyxPQUEvQixFQUF3QztBQUNyRCxhQUFLVixRQUFMLEdBQWdCO0FBQ2QxRSxVQUFBQSxRQUFRLEVBQUVvQyxNQUFNLENBQUNvRSxRQUFELENBREY7QUFFZHJCLFVBQUFBLFVBQVUsRUFBRUEsVUFGRTtBQUdkQyxVQUFBQSxPQUFPLEVBQUVBO0FBSEssU0FBaEI7O0FBTUEsWUFBSSxLQUFLMUMsTUFBTCxLQUFnQixNQUFwQixFQUE0Qjs7O0FBRzFCLGVBQUtyQixHQUFMLEdBQVd6QixXQUFYO0FBQ0Q7O0FBRUQsZUFBT2lDLGdCQUFQO0FBQ0Q7QUFyTWlCLEtBQXBCLENBOWVnQzs7Ozs7QUEwckJoQyxXQUFPdkMsT0FBUDtBQUVELEdBNXJCYzs7OztBQWlzQmIsR0FBNkJ5SSxNQUFNLENBQUN6SSxPQUFwQyxDQWpzQmEsQ0FBZjs7QUFvc0JBLE1BQUk7QUFDRjBJLElBQUFBLGtCQUFrQixHQUFHM0ksT0FBckI7QUFDRCxHQUZELENBRUUsT0FBTzRJLG9CQUFQLEVBQTZCOzs7Ozs7Ozs7O0FBVTdCQyxJQUFBQSxRQUFRLENBQUMsR0FBRCxFQUFNLHdCQUFOLENBQVIsQ0FBd0M3SSxPQUF4Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9\n" }, { "path": "ArduinoFrontend/src/assets/canvg/umd.js", "content": "(function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?t(exports):\"function\"==typeof define&&define.amd?define([\"exports\"],t):(e=e||self,t(e.canvg={}))})(this,function(e){'use strict';var on=Math.tan,ln=Math.atan2,sn=Math.PI,cn=Math.round,un=String.prototype,dn=Math.max,gn=Math.min,pn=Math.ceil,yn=Math.sin,hn=Math.cos,fn=Math.floor,mn=Math.sqrt,xn=Math.pow;function t(e,t){return t={exports:{}},e(t,t.exports),t.exports}function n(e,t){return RegExp(e,t)}function r(e){return e.replace(/(?!\\u3000)\\s+/gm,\" \")}function a(e){return e.replace(/^[\\n \\t]+/,\"\")}function o(e){return e.replace(/[\\n \\t]+$/,\"\")}function l(e){var t=(e||\"\").match(/-?(\\d+(?:\\.\\d*(?:[eE][+-]?\\d+)?)?|\\.\\d+)(?=\\D|$)/gm)||[];return t.map(parseFloat)}function s(e){return Ka.test(e)?e.toLowerCase():e}function u(e){var t=e.match(/url\\(('([^']+)'|\"([^\"]+)\"|([^'\"\\)]+))\\)/)||[];return t[2]||t[3]||t[4]}function d(e,t){if(\"undefined\"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],r=!0,a=!1,o=void 0;try{for(var i=e[Symbol.iterator](),l;!(r=(l=i.next()).done)&&(n.push(l.value),!(t&&n.length===t));r=!0);}catch(e){a=!0,o=e}finally{try{r||null==i[\"return\"]||i[\"return\"]()}finally{if(a)throw o}}return n}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n~]/g,\" \").replace(/[#\\.]/g,\" \");var m=y(n,ho),x=lo(m,2);return n=x[0],r=x[1],t[2]+=r,t.join(\"\")}function x(e){return mn(xn(e[0],2)+xn(e[1],2))}function b(e,t){return(e[0]*t[0]+e[1]*t[1])/(x(e)*x(t))}function S(e,t){var n=Math.acos;return(e[0]*t[1]r&&(n--,r+=1e9)),[n,r]}function W(){var e=new Date;return(e-fc)/1e3}function X(e){return function(){var t=cu(e),n;if(q()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function q(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Q(e){var t=e.trim();return /^('|\")/.test(t)?t:\"\\\"\".concat(t,\"\\\"\")}function K(e){return\"undefined\"==typeof process?e:e.trim().split(\",\").map(Q).join(\",\")}function Z(e){return function(){var t=cu(e),n;if(J()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function J(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function ee(e){return function(){var t=cu(e),n;if(te()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function te(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function ne(e){return function(){var t=cu(e),n;if(re()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function re(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function ae(e){return r(e).trim().replace(/\\)([a-zA-Z])/g,\") $1\").replace(/\\)(\\s?,\\s?)/g,\") \").split(/\\s(?=[a-z])/)}function oe(e){var t=e.split(\"(\"),n=lo(t,2),r=n[0],a=n[1];return[r.trim(),a.trim().replace(\")\",\"\")]}function ie(e){return function(){var t=cu(e),n;if(le()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function le(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function se(e){return function(){var t=cu(e),n;if(ce()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function ce(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function ue(e){return function(){var t=cu(e),n;if(de()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function de(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function ge(e){return function(){var t=cu(e),n;if(pe()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function pe(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function ye(e){var t=e.replace(/,/gm,\" \").replace(/([MmZzLlHhVvCcSsQqTtAa])([^\\s])/gm,\"$1 $2\").replace(/([MmZzLlHhVvCcSsQqTtAa])([^\\s])/gm,\"$1 $2\").replace(/([^\\s])([MmZzLlHhVvCcSsQqTtAa])/gm,\"$1 $2\").replace(/([0-9])([+\\-])/gm,\"$1 $2\").replace(/(\\.[0-9]*)(\\.)/gm,\"$1 $2\").replace(/(\\.[0-9]*)(\\.)/gm,\"$1 $2\").replace(/([Aa](\\s+[0-9]+){3})\\s+([01])\\s*([01])/gm,\"$1 $3 $4 \");return r(t).trim()}function he(e){return function(){var t=cu(e),n;if(fe()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function fe(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function me(e){return function(){var t=cu(e),n;if(xe()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function xe(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function be(e){return function(){var t=cu(e),n;if(ve()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function ve(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Se(e){return function(){var t=cu(e),n;if(ke()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function ke(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Ae(e){return function(){var t=cu(e),n;if(Pe()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function Pe(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Ee(e){return function(){var t=cu(e),n;if(Te()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function Te(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Ce(e){return function(){var t=cu(e),n;if(we()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function we(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Oe(e){return function(){var t=cu(e),n;if(Ve()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function Ve(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Le(e){return function(){var t=cu(e),n;if(Re()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function Re(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Ie(e){return function(){var t=cu(e),n;if(De()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function De(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Ne(e){return function(){var t=cu(e),n;if(Me()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function Me(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Be(e){return function(){var t=cu(e),n;if(_e()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function _e(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function ze(e){return function(){var t=cu(e),n;if(Fe()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function Fe(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function je(e){return function(){var t=cu(e),n;if(Ge()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function Ge(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function He(e){return function(){var t=cu(e),n;if(Ue()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function Ue(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Ye(e){return function(){var t=cu(e),n;if($e()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function $e(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function We(e){return function(){var t=cu(e),n;if(Xe()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function Xe(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function qe(e){return function(){var t=cu(e),n;if(Qe()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function Qe(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Ke(e){return function(){var t=cu(e),n;if(Ze()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function Ze(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Je(e){if(\"undefined\"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(e=et(e))){var t=0,n=function(){};return{s:n,n:function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:n}}throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\")}var r=!0,a=!1,l,s;return{s:function(){l=e[Symbol.iterator]()},n:function(){var e=l.next();return r=e.done,e},e:function(e){a=!0,s=e},f:function(){try{r||null==l.return||l.return()}finally{if(a)throw s}}}}function et(e,t){if(e){if(\"string\"==typeof e)return tt(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return\"Object\"===r&&e.constructor&&(r=e.constructor.name),\"Map\"===r||\"Set\"===r?Array.from(r):\"Arguments\"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?tt(e,t):void 0}}function tt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:n}}throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\")}var r=!0,a=!1,l,s;return{s:function(){l=e[Symbol.iterator]()},n:function(){var e=l.next();return r=e.done,e},e:function(e){a=!0,s=e},f:function(){try{r||null==l.return||l.return()}finally{if(a)throw s}}}}function ht(e,t){if(e){if(\"string\"==typeof e)return ft(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return\"Object\"===r&&e.constructor&&(r=e.constructor.name),\"Map\"===r||\"Set\"===r?Array.from(r):\"Arguments\"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ft(e,t):void 0}}function ft(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);nr?n-255:n)}function m(e,t,n,r){return t+hn(e)*n+yn(e)*r}function c(e){return function(){var t=cu(e),n;if(v()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function v(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Rt(e){return function(){var t=cu(e),n;if(It()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function It(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Dt(e){return function(){var t=cu(e),n;if(Nt()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function Nt(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Mt(e){return function(){var t=cu(e),n;if(Bt()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function Bt(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function _t(e){return function(){var t=cu(e),n;if(zt()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function zt(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Ft(e){return function(){var t=cu(e),n;if(jt()){var r=cu(this).constructor;n=Reflect.construct(t,arguments,r)}else n=t.apply(this,arguments);return su(this,n)}}function jt(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}function Gt(e){return Gt=\"function\"==typeof Symbol&&\"symbol\"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&\"function\"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?\"symbol\":typeof e},Gt(e)}function Ht(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}function Ut(e,t,n,r,a){if(\"string\"==typeof e&&(e=document.getElementById(e)),!e||\"object\"!==Gt(e)||!(\"getContext\"in e))throw new TypeError(\"Expecting canvas with `getContext` method in processCanvasRGB(A) calls!\");var o=e.getContext(\"2d\");try{return o.getImageData(t,n,r,a)}catch(t){throw new Error(\"unable to access image data: \"+t)}}function Yt(e,t,n,r,a,o){if(!(isNaN(o)||1>o)){o|=0;var i=Ut(e,t,n,r,a);i=$t(i,t,n,r,a,o),e.getContext(\"2d\").putImageData(i,t,n)}}function $t(e,t,n,r,a,o){var l=e.data,s=r-1,c=a-1,u=o+1,d=u*(u+1)/2,g=new mp,h=g,f,m,b,v,S,k,A,P,E,T,C,w,O,V,L,R,I,D,N,M,B,_,z,F,j;for(b=1;b<2*o+1;b++)h=h.next=new mp,b===u&&(j=h);h.next=g;var G=null,H=null;A=k=0;var U=hp[o],Y=fp[o];for(m=0;m>Y,0===z?l[k]=l[k+1]=l[k+2]=0:(z=255/z,l[k]=(P*U>>Y)*z,l[k+1]=(E*U>>Y)*z,l[k+2]=(T*U>>Y)*z),P-=w,E-=O,T-=V,C-=L,w-=G.r,O-=G.g,V-=G.b,L-=G.a,v=A+((v=f+o+1)>Y,0>Y)*z,l[v+1]=(E*U>>Y)*z,l[v+2]=(T*U>>Y)*z):l[v]=l[v+1]=l[v+2]=0,P-=w,E-=O,T-=V,C-=L,w-=G.r,O-=G.g,V-=G.b,L-=G.a,v=f+((v=m+u)arguments.length?Er(Pr[e])||Er(Sn[e]):Pr[e]&&Pr[e][t]||Sn[e]&&Sn[e][t]},Cr=function(e){return isNaN(e=+e)?0:(0n?dn(n+t,0):gn(n,t)},Vr=function(e){return function(t,n,r){var a=Dn(t),o=wr(a.length),i=Or(r,o),l;if(e&&n!=n){for(;o>i;)if(l=a[i++],l!=l)return!0;}else for(;o>i;i++)if((e||i in a)&&a[i]===n)return e||i||0;return!e&&-1}},Lr={includes:Vr(!0),indexOf:Vr(!1)},Rr=Lr.indexOf,Ir=function(e,t){var n=Dn(e),r=0,a=[],o;for(o in n)!_n(dr,o)&&_n(n,o)&&a.push(o);for(;t.length>r;)_n(n,o=t[r++])&&(~Rr(a,o)||a.push(o));return a},Dr=[\"constructor\",\"hasOwnProperty\",\"isPrototypeOf\",\"propertyIsEnumerable\",\"toLocaleString\",\"toString\",\"valueOf\"],Nr=Dr.concat(\"length\",\"prototype\"),Mr=Object.getOwnPropertyNames||function(e){return Ir(e,Nr)},Br={f:Mr},_r=Object.getOwnPropertySymbols,zr={f:_r},Fr=Tr(\"Reflect\",\"ownKeys\")||function(e){var t=Br.f($n(e)),n=zr.f;return n?t.concat(n(e)):t},jr=function(e,t){for(var n=Fr(t),r=qn.f,a=Yn.f,o=0,l;og;g++)if((5==e||r||g in c)&&(h=c[g],f=u(h,g,s),e))if(t)y[g]=f;else if(f)switch(e){case 3:return!0;case 5:return h;case 6:return g;case 2:sa.call(y,h);}else if(n)return!1;return r?-1:3==e||n?n:y}},ua={forEach:ca(0),map:ca(1),filter:ca(2),some:ca(3),every:ca(4),find:ca(5),findIndex:ca(6)},da=Tr(\"navigator\",\"userAgent\")||\"\",ga=Sn.process,pa=ga&&ga.versions,ya=pa&&pa.v8,ha,fa;ya?(ha=ya.split(\".\"),fa=ha[0]+ha[1]):da&&(ha=da.match(/Edge\\/(\\d+)/),(!ha||74<=ha[1])&&(ha=da.match(/Chrome\\/(\\d+)/),ha&&(fa=ha[1])));var ma=fa&&+fa,xa=oa(\"species\"),ba=function(e){return 51<=ma||!kn(function(){var t=[],n=t.constructor={};return n[xa]=function(){return{foo:1}},1!==t[e](Boolean).foo})},va=Object.defineProperty,Sa={},ka=function(e){throw e},Aa=function(e,t){if(_n(Sa,e))return Sa[e];t||(t={});var n=[][e],r=!!_n(t,\"ACCESSORS\")&&t.ACCESSORS,a=_n(t,0)?t[0]:ka,o=_n(t,1)?t[1]:void 0;return Sa[e]=!!n&&!kn(function(){if(r&&!An)return!0;var e={length:-1};r?va(e,1,{enumerable:!0,get:ka}):e[1]=1,n.call(e,a,o)})},Pa=ua.map,Ea=ba(\"map\"),Ta=Aa(\"map\");qr({target:\"Array\",proto:!0,forced:!Ea||!Ta},{map:function(e){return Pa(this,e,1\")}),Fa=function(){return\"$0\"===\"a\".replace(/./,\"$0\")}(),ja=oa(\"replace\"),Ga=function(){return!!/./[ja]&&\"\"===/./[ja](\"a\",\"$0\")}(),Ha=!kn(function(){var e=/(?:)/,t=e.exec;e.exec=function(){return t.apply(this,arguments)};var n=\"ab\".split(e);return 2!==n.length||\"a\"!==n[0]||\"b\"!==n[1]}),Ua=function(e,t,n,r){var a=oa(e),o=!kn(function(){var t={};return t[a]=function(){return 7},7!=\"\"[e](t)}),i=o&&!kn(function(){var t=!1,n=/a/;return\"split\"===e&&(n={},n.constructor={},n.constructor[_a]=function(){return n},n.flags=\"\",n[a]=/./[a]),n.exec=function(){return t=!0,null},n[a](\"\"),!t});if(!o||!i||\"replace\"===e&&!(za&&Fa&&!Ga)||\"split\"===e&&!Ha){var l=/./[a],s=n(a,\"\"[e],function(e,t,n,r,a){return t.exec===Ba?o&&!a?{done:!0,value:l.call(t,n,r)}:{done:!0,value:e.call(n,t,r)}:{done:!1}},{REPLACE_KEEPS_$0:Fa,REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE:Ga}),c=s[0],u=s[1];Ar(String.prototype,e,c),Ar(RegExp.prototype,a,2==t?function(e,t){return u.call(e,this,t)}:function(e){return u.call(e,this)})}r&&Qn(RegExp.prototype[a],\"sham\",!0)},Ya=function(e){return function(t,n){var r=In(t)+\"\",a=Cr(n),o=r.length,i,l;return 0>a||a>=o?e?\"\":void 0:(i=r.charCodeAt(a),55296>i||56319(l=r.charCodeAt(a+1))||57343]*>)/g),t.call(l,n,function(t,l){var u;switch(l.charAt(0)){case\"$\":return\"$\";case\"&\":return e;case\"`\":return r.slice(0,a);case\"'\":return r.slice(s);case\"<\":u=i[l.slice(1,-1)];break;default:var d=+l;if(0==d)return t;if(d>c){var n=fn(d/10);return 0===n?t:n<=c?void 0===o[n-1]?l.charAt(1):o[n-1]+l.charAt(1):t}u=o[d-1];}return void 0===u?\"\":u})}var o=r.REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE,l=r.REPLACE_KEEPS_$0,s=o?\"$\":\"$0\";return[function(n,r){var a=In(this),o=null==n?void 0:n[e];return void 0===o?t.call(a+\"\",n,r):o.call(n,a,r)},function(e,r){if(!o&&l||\"string\"==typeof r&&-1===r.indexOf(s)){var c=n(t,e,this,r);if(c.done)return c.value}var u=$n(e),d=this+\"\",g=\"function\"==typeof r;g||(r+=\"\");var p=u.global;if(p){var y=u.unicode;u.lastIndex=0}for(var h=[],f,m;(f=qa(u,d),null!==f)&&(h.push(f),!!p);)m=f[0]+\"\",\"\"==m&&(u.lastIndex=Xa(d,wr(u.lastIndex),y));for(var x=\"\",b=0,v=0;v=b&&(x+=d.slice(b,k)+C,b=k+S.length)}return x+d.slice(b)}]});var Ka=/^[A-Z-]+$/,Za=function(e,t){var n=[][e];return!!n&&kn(function(){n.call(null,t||function(){throw 1},1)})},Ja=[].join,eo=Rn!=Object,to=Za(\"join\",\",\");qr({target:\"Array\",proto:!0,forced:eo||!to},{join:function(e){return Ja.call(Dn(this),void 0===e?\",\":e)}});var no=function(e){if(Array.isArray(e))return e},ro=d,ao=g,oo=function(e,t){if(e){if(\"string\"==typeof e)return ao(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return\"Object\"===r&&e.constructor&&(r=e.constructor.name),\"Map\"===r||\"Set\"===r?Array.from(r):\"Arguments\"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ao(e,t):void 0}},io=function(){throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\")},lo=p,so=/(\\[[^\\]]+\\])/g,co=/(#[^\\s\\+>~\\.\\[:]+)/g,uo=/(\\.[^\\s\\+>~\\.\\[:]+)/g,go=/(::[^\\s\\+>~\\.\\[:]+|:first-line|:first-letter|:before|:after)/gi,po=/(:[\\w-]+\\([^\\)]*\\))/gi,yo=/(:[^\\s\\+>~\\.\\[:]+)/g,ho=/([^\\s\\+>~\\.\\[:]+)/g,fo=1e-8,mo=Object.keys||function(e){return Ir(e,Dr)},xo=An?Object.defineProperties:function(e,t){$n(e);for(var n=mo(t),r=n.length,a=0,o;r>a;)qn.f(e,o=n[a++],t[o]);return e},bo=Tr(\"document\",\"documentElement\"),vo=\">\",So=\"<\",ko=\"prototype\",Ao=\"script\",Po=ur(\"IE_PROTO\"),Eo=function(){},To=function(e){return So+Ao+vo+e+So+\"/\"+Ao+vo},Co=function(e){e.write(To(\"\")),e.close();var t=e.parentWindow.Object;return e=null,t},wo=function(){var e=jn(\"iframe\"),t;return e.style.display=\"none\",bo.appendChild(e),e.src=\"java\"+Ao+\":\"+\"\",t=e.contentWindow.document,t.open(),t.write(To(\"document.F=Object\")),t.close(),t.F},Oo=function(){try{Vo=document.domain&&new ActiveXObject(\"htmlfile\")}catch(e){}Oo=Vo?Co(Vo):wo();for(var e=Dr.length;e--;)delete Oo[ko][Dr[e]];return Oo()},Vo;dr[Po]=!0;var Lo=Object.create||function(e,t){var n;return null===e?n=Oo():(Eo[ko]=$n(e),n=new Eo,Eo[ko]=null,n[Po]=e),void 0===t?n:xo(n,t)},Ro=Br.f,Io={}.toString,Do=\"object\"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],No=function(e){try{return Ro(e)}catch(e){return Do.slice()}},Mo={f:function(e){return Do&&\"[object Window]\"==Io.call(e)?No(e):Ro(Dn(e))}},Bo={f:oa},_o=qn.f,zo=function(e){var t=Pr.Symbol||(Pr.Symbol={});_n(t,e)||_o(t,e,{value:Bo.f(e)})},Fo=qn.f,jo=oa(\"toStringTag\"),Go=function(e,t,n){e&&!_n(e=n?e:e.prototype,jo)&&Fo(e,jo,{configurable:!0,value:t})},Ho=ua.forEach,Uo=ur(\"hidden\"),Yo=\"Symbol\",$o=\"prototype\",Wo=oa(\"toPrimitive\"),Xo=kr.set,qo=kr.getterFor(Yo),Qo=Object[$o],Ko=Sn.Symbol,Zo=Tr(\"JSON\",\"stringify\"),Jo=Yn.f,ei=qn.f,ti=Mo.f,ni=f.f,ri=or(\"symbols\"),ai=or(\"op-symbols\"),oi=or(\"string-to-symbol-registry\"),ii=or(\"symbol-to-string-registry\"),li=or(\"wks\"),si=Sn.QObject,ci=!si||!si[$o]||!si[$o].findChild,ui=An&&kn(function(){return 7!=Lo(ei({},\"a\",{get:function(){return ei(this,\"a\",{value:7}).a}})).a})?function(e,t,n){var r=Jo(Qo,t);r&&delete Qo[t],ei(e,t,n),r&&e!==Qo&&ei(Qo,t,r)}:ei,di=function(e,t){var n=ri[e]=Lo(Ko[$o]);return Xo(n,{type:Yo,tag:e,description:t}),An||(n.description=t),n},gi=ta?function(e){return\"symbol\"==typeof e}:function(e){return Object(e)instanceof Ko},pi=function(e,t,n){e===Qo&&pi(ai,t,n),$n(e);var r=Mn(t,!0);return $n(n),_n(ri,r)?(n.enumerable?(_n(e,Uo)&&e[Uo][r]&&(e[Uo][r]=!1),n=Lo(n,{enumerable:wn(0,!1)})):(!_n(e,Uo)&&ei(e,Uo,wn(1,{})),e[Uo][r]=!0),ui(e,r,n)):ei(e,r,n)},yi=function(e,t){$n(e);var n=Dn(t),r=mo(n).concat(xi(n));return Ho(r,function(t){(!An||hi.call(n,t))&&pi(e,t,n[t])}),e},hi=function(e){var t=Mn(e,!0),n=ni.call(this,t);return(this!==Qo||!_n(ri,t)||_n(ai,t))&&(!(n||!_n(this,t)||!_n(ri,t)||_n(this,Uo)&&this[Uo][t])||n)},fi=function(e,t){var n=Dn(e),r=Mn(t,!0);if(n!==Qo||!_n(ri,r)||_n(ai,r)){var a=Jo(n,r);return a&&_n(ri,r)&&!(_n(n,Uo)&&n[Uo][r])&&(a.enumerable=!0),a}},mi=function(e){var t=ti(Dn(e)),n=[];return Ho(t,function(e){_n(ri,e)||_n(dr,e)||n.push(e)}),n},xi=function(e){var t=e===Qo,n=ti(t?ai:Dn(e)),r=[];return Ho(n,function(e){_n(ri,e)&&(!t||_n(Qo,e))&&r.push(ri[e])}),r};if(ea||(Ko=function(){if(this instanceof Ko)throw TypeError(\"Symbol is not a constructor\");var e=arguments.length&&void 0!==arguments[0]?arguments[0]+\"\":void 0,t=sr(e),n=function(e){this===Qo&&n.call(ai,e),_n(this,Uo)&&_n(this[Uo],t)&&(this[Uo][t]=!1),ui(this,t,wn(1,e))};return An&&ci&&ui(Qo,t,{configurable:!0,set:n}),di(t,e)},Ar(Ko[$o],\"toString\",function(){return qo(this).tag}),Ar(Ko,\"withoutSetter\",function(e){return di(sr(e),e)}),f.f=hi,qn.f=pi,Yn.f=fi,Br.f=Mo.f=mi,zr.f=xi,Bo.f=function(e){return di(oa(e),e)},An&&(ei(Ko[$o],\"description\",{configurable:!0,get:function(){return qo(this).description}}),Ar(Qo,\"propertyIsEnumerable\",hi,{unsafe:!0}))),qr({global:!0,wrap:!0,forced:!ea,sham:!ea},{Symbol:Ko}),Ho(mo(li),function(e){zo(e)}),qr({target:Yo,stat:!0,forced:!ea},{for:function(e){var t=e+\"\";if(_n(oi,t))return oi[t];var n=Ko(t);return oi[t]=n,ii[n]=t,n},keyFor:function(e){if(!gi(e))throw TypeError(e+\" is not a symbol\");return _n(ii,e)?ii[e]:void 0},useSetter:function(){ci=!0},useSimple:function(){ci=!1}}),qr({target:\"Object\",stat:!0,forced:!ea,sham:!An},{create:function(e,t){return void 0===t?Lo(e):yi(Lo(e),t)},defineProperty:pi,defineProperties:yi,getOwnPropertyDescriptor:fi}),qr({target:\"Object\",stat:!0,forced:!ea},{getOwnPropertyNames:mi,getOwnPropertySymbols:xi}),qr({target:\"Object\",stat:!0,forced:kn(function(){zr.f(1)})},{getOwnPropertySymbols:function(e){return zr.f(Zr(e))}}),Zo){var bi=!ea||kn(function(){var e=Ko();return\"[null]\"!=Zo([e])||\"{}\"!=Zo({a:e})||\"{}\"!=Zo(Object(e))});qr({target:\"JSON\",stat:!0,forced:bi},{stringify:function(e,t){for(var n=[e],r=1,a;arguments.length>r;)n.push(arguments[r++]);if(a=t,(Nn(t)||void 0!==e)&&!gi(e))return Jr(t)||(t=function(e,t){if(\"function\"==typeof a&&(t=a.call(this,e,t)),!gi(t))return t}),n[1]=t,Zo.apply(null,n)}})}Ko[$o][Wo]||Qn(Ko[$o],Wo,Ko[$o].valueOf),Go(Ko,Yo),dr[Uo]=!0;var vi=ua.filter,Si=ba(\"filter\"),ki=Aa(\"filter\");qr({target:\"Array\",proto:!0,forced:!Si||!ki},{filter:function(e){return vi(this,e,1o;)l=n(t,i=r[o++]),void 0!==l&&Oi(a,i,l);return a}});var Vi=kn(function(){mo(1)});qr({target:\"Object\",stat:!0,forced:Vi},{keys:function(e){return mo(Zr(e))}});var Li={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0};for(var Ri in Li){var Ii=Sn[Ri],Di=Ii&&Ii.prototype;if(Di&&Di.forEach!==Ti)try{Qn(Di,\"forEach\",Ti)}catch(e){Di.forEach=Ti}}var Ni=t(function(e){var t=function(e){function t(e,t,n,a){var o=t&&t.prototype instanceof r?t:r,i=Object.create(o.prototype),l=new g(a||[]);return i._invoke=s(e,n,l),i}function n(e,t,n){try{return{type:\"normal\",arg:e.call(t,n)}}catch(e){return{type:\"throw\",arg:e}}}function r(){}function a(){}function o(){}function i(e){[\"next\",\"throw\",\"return\"].forEach(function(t){e[t]=function(e){return this._invoke(t,e)}})}function l(e,t){function r(a,o,i,l){var s=n(e[a],e,o);if(\"throw\"===s.type)l(s.arg);else{var c=s.arg,u=c.value;return u&&\"object\"==typeof u&&f.call(u,\"__await\")?t.resolve(u.__await).then(function(e){r(\"next\",e,i,l)},function(e){r(\"throw\",e,i,l)}):t.resolve(u).then(function(e){c.value=e,i(c)},function(e){return r(\"throw\",e,i,l)})}}function a(e,n){function a(){return new t(function(t,a){r(e,n,t,a)})}return o=o?o.then(a,a):a()}var o;this._invoke=a}function s(e,t,r){var a=\"suspendedStart\";return function(o,i){if(\"executing\"===a)throw new Error(\"Generator is already running\");if(\"completed\"===a){if(\"throw\"===o)throw i;return y()}for(r.method=o,r.arg=i;;){var l=r.delegate;if(l){var s=c(l,r);if(s){if(s===k)continue;return s}}if(\"next\"===r.method)r.sent=r._sent=r.arg;else if(\"throw\"===r.method){if(\"suspendedStart\"===a)throw a=\"completed\",r.arg;r.dispatchException(r.arg)}else\"return\"===r.method&&r.abrupt(\"return\",r.arg);a=\"executing\";var u=n(e,t,r);if(\"normal\"===u.type){if(a=r.done?\"completed\":\"suspendedYield\",u.arg===k)continue;return{value:u.arg,done:r.done}}\"throw\"===u.type&&(a=\"completed\",r.method=\"throw\",r.arg=u.arg)}}}function c(e,t){var r=e.iterator[t.method];if(r===S){if(t.delegate=null,\"throw\"===t.method){if(e.iterator[\"return\"]&&(t.method=\"return\",t.arg=S,c(e,t),\"throw\"===t.method))return k;t.method=\"throw\",t.arg=new TypeError(\"The iterator does not provide a 'throw' method\")}return k}var a=n(r,e.iterator,t.arg);if(\"throw\"===a.type)return t.method=\"throw\",t.arg=a.arg,t.delegate=null,k;var o=a.arg;if(!o)return t.method=\"throw\",t.arg=new TypeError(\"iterator result is not an object\"),t.delegate=null,k;if(o.done)t[e.resultName]=o.value,t.next=e.nextLoc,\"return\"!==t.method&&(t.method=\"next\",t.arg=S);else return o;return t.delegate=null,k}function u(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function d(e){var t=e.completion||{};t.type=\"normal\",delete t.arg,e.completion=t}function g(e){this.tryEntries=[{tryLoc:\"root\"}],e.forEach(u,this),this.reset(!0)}function p(e){if(e){var t=e[x];if(t)return t.call(e);if(\"function\"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,r=function t(){for(;++nHi)throw TypeError(Ui);for(o=0;o=Hi)throw TypeError(Ui);Oi(t,r++,c)}return t.length=r,t}});var Xi=ua.every,qi=Za(\"every\"),Qi=Aa(\"every\");qr({target:\"Array\",proto:!0,forced:!qi||!Qi},{every:function(e){return Xi(this,e,1r)for(;;){if(c in l){a=l[c],c+=u;break}if(c+=u,e?0>c:s<=c)throw TypeError(\"Reduce of empty array with no initial value\")}for(;e?0<=c:s>c;c+=u)c in l&&(a=n(a,l[c],c,o));return a}},Zi={left:Ki(!1),right:Ki(!0)},Ji=Zi.left,el=Za(\"reduce\"),tl=Aa(\"reduce\",{1:0});qr({target:\"Array\",proto:!0,forced:!el||!tl},{reduce:function(e){return Ji(this,e,arguments.length,1c;c++)if(d=a?i($n(p=e[c])[0],p[1]):i(e[c]),d&&d instanceof t)return d;return new t(!1)}l=s.call(e)}for(g=l.next;!(p=g.call(l)).done;)if(d=Sl(l,i,p.value,a),\"object\"==typeof d&&d&&d instanceof t)return d;return new t(!1)};n.stop=function(e){return new t(!0,e)}}),Al=oa(\"iterator\"),Pl=!1;try{var El=0,Tl={next:function(){return{done:!!El++}},return:function(){Pl=!0}};Tl[Al]=function(){return this},Array.from(Tl,function(){throw 2})}catch(e){}var Cl=function(e,t){if(!t&&!Pl)return!1;var n=!1;try{var r={};r[Al]=function(){return{next:function(){return{done:n=!0}}}},e(r)}catch(e){}return n},wl=oa(\"species\"),Ol=function(e,t){var n=$n(e).constructor,r;return void 0===n||null==(r=$n(n)[wl])?t:Qr(r)},Vl=/(iphone|ipod|ipad).*applewebkit/i.test(da),Ll=Sn.location,Rl=Sn.setImmediate,Il=Sn.clearImmediate,Dl=Sn.process,Nl=Sn.MessageChannel,Ml=Sn.Dispatch,Bl=0,_l={},zl=\"onreadystatechange\",Fl=function(e){if(_l.hasOwnProperty(e)){var t=_l[e];delete _l[e],t()}},jl=function(e){return function(){Fl(e)}},Gl=function(e){Fl(e.data)},Hl=function(e){Sn.postMessage(e+\"\",Ll.protocol+\"//\"+Ll.host)},Ul,Yl,$l;Rl&&Il||(Rl=function(e){for(var t=[],n=1;arguments.length>n;)t.push(arguments[n++]);return _l[++Bl]=function(){(\"function\"==typeof e?e:Function(e)).apply(void 0,t)},Ul(Bl),Bl},Il=function(e){delete _l[e]},\"process\"==Vn(Dl)?Ul=function(e){Dl.nextTick(jl(e))}:Ml&&Ml.now?Ul=function(e){Ml.now(jl(e))}:Nl&&!Vl?(Yl=new Nl,$l=Yl.port2,Yl.port1.onmessage=Gl,Ul=Kr($l.postMessage,$l,1)):!Sn.addEventListener||\"function\"!=typeof postMessage||Sn.importScripts||kn(Hl)||\"file:\"===Ll.protocol?zl in jn(\"script\")?Ul=function(e){bo.appendChild(jn(\"script\"))[zl]=function(){bo.removeChild(this),Fl(e)}}:Ul=function(e){setTimeout(jl(e),0)}:(Ul=Hl,Sn.addEventListener(\"message\",Gl,!1)));var Wl={set:Rl,clear:Il},Xl=Yn.f,ql=Wl.set,Ql=Sn.MutationObserver||Sn.WebKitMutationObserver,Kl=Sn.process,Zl=Sn.Promise,Jl=\"process\"==Vn(Kl),es=Xl(Sn,\"queueMicrotask\"),ts=es&&es.value,ns,rs,as,os,is,ls,ss,cs;ts||(ns=function(){var e,t;for(Jl&&(e=Kl.domain)&&e.exit();rs;){t=rs.fn,rs=rs.next;try{t()}catch(e){throw rs?os():as=void 0,e}}as=void 0,e&&e.enter()},Jl?os=function(){Kl.nextTick(ns)}:Ql&&!Vl?(is=!0,ls=document.createTextNode(\"\"),new Ql(ns).observe(ls,{characterData:!0}),os=function(){ls.data=is=!is}):Zl&&Zl.resolve?(ss=Zl.resolve(void 0),cs=ss.then,os=function(){cs.call(ss,ns)}):os=function(){ql.call(Sn,ns)});var us=ts||function(e){var t={fn:e,next:void 0};as&&(as.next=t),rs||(rs=t,os()),as=t},ds=function(e){var t,n;this.promise=new e(function(e,r){if(void 0!==t||void 0!==n)throw TypeError(\"Bad Promise constructor\");t=e,n=r}),this.resolve=Qr(t),this.reject=Qr(n)},gs={f:function(e){return new ds(e)}},ps=function(e,t){if($n(e),Nn(t)&&t.constructor===e)return t;var n=gs.f(e),r=n.resolve;return r(t),n.promise},ys=function(e,t){var n=Sn.console;n&&n.error&&(1===arguments.length?n.error(e):n.error(e,t))},hs=function(e){try{return{error:!1,value:e()}}catch(e){return{error:!0,value:e}}},fs=Wl.set,ms=oa(\"species\"),xs=\"Promise\",bs=kr.get,vs=kr.set,Ss=kr.getterFor(xs),ks=ul,As=Sn.TypeError,Ps=Sn.document,Es=Sn.process,Ts=Tr(\"fetch\"),Cs=gs.f,ws=Cs,Os=\"process\"==Vn(Es),Vs=!!(Ps&&Ps.createEvent&&Sn.dispatchEvent),Ls=\"unhandledrejection\",Rs=0,Is=1,Ds=1,Ns=2,Ms=Wr(xs,function(){var e=nr(ks)!==ks+\"\";if(!e){if(66===ma)return!0;if(!Os&&\"function\"!=typeof PromiseRejectionEvent)return!0}if(51<=ma&&/native code/.test(ks))return!1;var t=ks.resolve(1),n=function(e){e(function(){},function(){})},r=t.constructor={};return r[ms]=n,!(t.then(function(){})instanceof n)}),Bs=Ms||!Cl(function(e){ks.all(e)[\"catch\"](function(){})}),_s=function(e){var t;return!!(Nn(e)&&\"function\"==typeof(t=e.then))&&t},zs=function(e,t,n){if(!t.notified){t.notified=!0;var r=t.reactions;us(function(){for(var a=t.value,o=t.state==Is,i=0;r.length>i;){var l=r[i++],s=o?l.ok:l.fail,c=l.resolve,u=l.reject,d=l.domain,g,p,y;try{s?(!o&&(t.rejection===Ns&&Hs(e,t),t.rejection=Ds),!0===s?g=a:(d&&d.enter(),g=s(a),d&&(d.exit(),y=!0)),g===l.promise?u(As(\"Promise-chain cycle\")):(p=_s(g))?p.call(g,c,u):c(g)):u(a)}catch(e){d&&!y&&d.exit(),u(e)}}t.reactions=[],t.notified=!1,n&&!t.rejection&&js(e,t)})}},Fs=function(e,t,n){var r,a;Vs?(r=Ps.createEvent(\"Event\"),r.promise=t,r.reason=n,r.initEvent(e,!1,!0),Sn.dispatchEvent(r)):r={promise:t,reason:n},(a=Sn[\"on\"+e])?a(r):e===Ls&&ys(\"Unhandled promise rejection\",n)},js=function(e,t){fs.call(Sn,function(){var n=t.value,r=Gs(t),a;if(r&&(a=hs(function(){Os?Es.emit(\"unhandledRejection\",n,e):Fs(Ls,e,n)}),t.rejection=Os||Gs(t)?Ns:Ds,a.error))throw a.value})},Gs=function(e){return e.rejection!==Ds&&!e.parent},Hs=function(e,t){fs.call(Sn,function(){Os?Es.emit(\"rejectionHandled\",e):Fs(\"rejectionhandled\",e,t.value)})},Us=function(e,t,n,r){return function(a){e(t,n,a,r)}},Ys=function(e,t,n,r){t.done||(t.done=!0,r&&(t=r),t.value=n,t.state=2,zs(e,t,!0))},$s=function(e,t,n,r){if(!t.done){t.done=!0,r&&(t=r);try{if(e===n)throw As(\"Promise can't be resolved itself\");var a=_s(n);a?us(function(){var r={done:!1};try{a.call(n,Us($s,e,r,t),Us(Ys,e,r,t))}catch(n){Ys(e,r,n,t)}}):(t.value=n,t.state=Is,zs(e,t,!1))}catch(n){Ys(e,{done:!1},n,t)}}},Ws,Xs,qs,Qs;Ms&&(ks=function(e){yl(this,ks,xs),Qr(e),Ws.call(this);var t=bs(this);try{e(Us($s,this,t),Us(Ys,this,t))}catch(e){Ys(this,t,e)}},Ws=function(){vs(this,{type:xs,done:!1,notified:!1,parent:!1,reactions:[],rejection:!1,state:Rs,value:void 0})},Ws.prototype=dl(ks.prototype,{then:function(e,t){var n=Ss(this),r=Cs(Ol(this,ks));return r.ok=\"function\"!=typeof e||e,r.fail=\"function\"==typeof t&&t,r.domain=Os?Es.domain:void 0,n.parent=!0,n.reactions.push(r),n.state!=Rs&&zs(this,n,!1),r.promise},catch:function(e){return this.then(void 0,e)}}),Xs=function(){var e=new Ws,t=bs(e);this.promise=e,this.resolve=Us($s,e,t),this.reject=Us(Ys,e,t)},gs.f=Cs=function(e){return e===ks||e===qs?new Xs(e):ws(e)},\"function\"==typeof ul&&(Qs=ul.prototype.then,Ar(ul.prototype,\"then\",function(e,t){var n=this;return new ks(function(e,t){Qs.call(n,e,t)}).then(e,t)},{unsafe:!0}),\"function\"==typeof Ts&&qr({global:!0,enumerable:!0,forced:!0},{fetch:function(){return ps(ks,Ts.apply(Sn,arguments))}}))),qr({global:!0,wrap:!0,forced:Ms},{Promise:ks}),Go(ks,xs,!1),pl(xs),qs=Tr(xs),qr({target:xs,stat:!0,forced:Ms},{reject:function(e){var t=Cs(this);return t.reject.call(void 0,e),t.promise}}),qr({target:xs,stat:!0,forced:Ms},{resolve:function(e){return ps(this,e)}}),qr({target:xs,stat:!0,forced:Bs},{all:function(e){var t=this,n=Cs(t),r=n.resolve,a=n.reject,o=hs(function(){var n=Qr(t.resolve),o=[],i=0,l=1;kl(e,function(e){var s=i++,c=!1;o.push(void 0),l++,n.call(t,e).then(function(e){c||(c=!0,o[s]=e,--l||r(o))},a)}),--l||r(o)});return o.error&&a(o.value),n.promise},race:function(e){var t=this,n=Cs(t),r=n.reject,a=hs(function(){var a=Qr(t.resolve);kl(e,function(e){a.call(t,e).then(n.resolve,r)})});return a.error&&r(a.value),n.promise}});var Ks=oa(\"match\"),Zs=function(e){var t;return Nn(e)&&(void 0===(t=e[Ks])?\"RegExp\"==Vn(e):!!t)},Js=[].push,ec=4294967295,tc=!kn(function(){return!RegExp(ec,\"y\")});Ua(\"split\",2,function(e,t,n){var r;return r=\"c\"==\"abbc\".split(/(b)*/)[1]||4!=\"test\".split(/(?:)/,-1).length||2!=\"ab\".split(/(?:ab)*/).length||4!=\".\".split(/(.?)(.?)/).length||1<\".\".split(/()()/).length||\"\".split(/.?/).length?function(e,n){var r=In(this)+\"\",a=void 0===n?ec:n>>>0;if(0===a)return[];if(void 0===e)return[r];if(!Zs(e))return t.call(r,e,a);for(var o=[],i=(e.ignoreCase?\"i\":\"\")+(e.multiline?\"m\":\"\")+(e.unicode?\"u\":\"\")+(e.sticky?\"y\":\"\"),l=0,s=new RegExp(e.source,i+\"g\"),c,u,d;(c=Ba.call(s,r))&&(u=s.lastIndex,!(u>l&&(o.push(r.slice(l,c.index)),1=a)));)s.lastIndex===c.index&&s.lastIndex++;return l===r.length?(d||!s.test(\"\"))&&o.push(\"\"):o.push(r.slice(l)),o.length>a?o.slice(0,a):o}:function(e,n){return void 0===e&&0===n?[]:t.call(this,e,n)},[function(t,n){var a=In(this),o=null==t?void 0:t[e];return void 0===o?r.call(a+\"\",t,n):o.call(t,a,n)},function(a,o){var l=n(r,a,this,o,r!==t);if(l.done)return l.value;var s=$n(a),c=this+\"\",u=Ol(s,RegExp),d=s.unicode,g=(s.ignoreCase?\"i\":\"\")+(s.multiline?\"m\":\"\")+(s.unicode?\"u\":\"\")+(tc?\"y\":\"g\"),y=new u(tc?s:\"^(?:\"+s.source+\")\",g),h=void 0===o?ec:o>>>0;if(0===h)return[];if(0===c.length)return null===qa(y,c)?[c]:[];for(var f=0,m=0,x=[];mthis.r||isNaN(this.r)?0:255this.g||isNaN(this.g)?0:255this.b||isNaN(this.b)?0:255this.alpha?0:1 \"+u.toRGB()+\" -> \"+u.toHex());c.appendChild(d),c.appendChild(g),s.appendChild(c)}catch(t){}return s}},Mc=function(){function e(t,n,r){Fi(this,e),this.document=t,this.name=n,this.value=r}return ji(e,[{key:\"hasValue\",value:function(){var e=this.value;return null!==e&&\"\"!==e&&0!==e&&\"undefined\"!=typeof e}},{key:\"isString\",value:function(e){var t=this.value,n=\"string\"==typeof t;return n&&e?e.test(t):n}},{key:\"isUrlDefinition\",value:function(){return this.isString(/^url\\(/)}},{key:\"isPixels\",value:function(){if(!this.hasValue())return!1;var e=this.getString();switch(!0){case /px$/.test(e):case /^[0-9]+$/.test(e):return!0;default:return!1;}}},{key:\"setValue\",value:function(e){return this.value=e,this}},{key:\"getValue\",value:function(e){return\"undefined\"==typeof e||this.hasValue()?this.value:e}},{key:\"getNumber\",value:function(e){if(!this.hasValue())return\"undefined\"==typeof e?0:parseFloat(e);var t=this.value,r=parseFloat(t);return this.isString(/%$/)&&(r/=100),r}},{key:\"getString\",value:function(e){return\"undefined\"==typeof e||this.hasValue()?\"undefined\"==typeof this.value?\"\":this.value+\"\":e+\"\"}},{key:\"getDpi\",value:function(){return 96}},{key:\"getRem\",value:function(){return this.document.rootEmSize}},{key:\"getEm\",value:function(){return this.document.emSize}},{key:\"getUnits\",value:function(){return this.getString().replace(/[0-9\\.\\-]/g,\"\")}},{key:\"getPixels\",value:function(e){var t=!!(1s?s*l.computeSize(o):s}}}},{key:\"getMilliseconds\",value:function(){return this.hasValue()?this.isString(/ms$/)?this.getNumber():1e3*this.getNumber():0}},{key:\"getRadians\",value:function(){if(!this.hasValue())return 0;switch(!0){case this.isString(/deg$/):return this.getNumber()*(sn/180);case this.isString(/grad$/):return this.getNumber()*(sn/200);case this.isString(/rad$/):return this.getNumber();default:return this.getNumber()*(sn/180);}}},{key:\"getDefinition\",value:function(){var e=this.getString(),t=e.match(/#([^\\)'\"]+)/);return t&&(t=t[1]),t||(t=e),this.document.definitions[t]}},{key:\"getFillStyleDefinition\",value:function(e,t){var n=this.getDefinition();if(!n)return null;if(\"function\"==typeof n.createGradient)return n.createGradient(this.document.ctx,e,t);if(\"function\"==typeof n.createPattern){if(n.getHrefAttribute().hasValue()){var r=n.getAttribute(\"patternTransform\");n=n.getHrefAttribute().getDefinition(),r.hasValue()&&n.getAttribute(\"patternTransform\",!0).setValue(r.value)}return n.createPattern(this.document.ctx,e,t)}return null}},{key:\"getTextBaseline\",value:function(){return this.hasValue()?e.textBaselineMapping[this.getString()]:null}},{key:\"addOpacity\",value:function(t){for(var n=this.value,r=n.length,a=0,o=0;o=m&&(b=x-v%m,t.shouldUpdate(void 0!==o&&o,u)&&(t.render(e,l,c,d,g,p,y),f.runEvents())),t.intervalId=wc(n)};void 0!==a&&a||f.start(),this.intervalId=wc(S)}}},{key:\"stop\",value:function(){this.intervalId&&(wc.cancel(this.intervalId),this.intervalId=null),this.mouse.stop()}},{key:\"shouldUpdate\",value:function e(t,n){if(!t){var r=this.frameDuration,e=this.animations.reduce(function(e,t){return t.update(r)||e},!1);if(e)return!0}return!!(\"function\"==typeof n&&n())||!this.isReadyLock&&this.isReady()||!!this.mouse.hasEvents()}},{key:\"render\",value:function(e,t,n,r,a,o,i){var s=this.CLIENT_WIDTH,c=this.CLIENT_HEIGHT,u=this.viewPort,d=this.ctx,g=this.isFirstRender,p=d.canvas;u.clear(),p.width&&p.height?u.setCurrent(p.width,p.height):u.setCurrent(s,c);var y=e.getStyle(\"width\"),h=e.getStyle(\"height\");!t&&(g||\"number\"!=typeof r&&\"number\"!=typeof a)&&(y.hasValue()&&(p.width=y.getPixels(\"x\"),p.style&&(p.style.width=\"\".concat(p.width,\"px\"))),h.hasValue()&&(p.height=h.getPixels(\"y\"),p.style&&(p.style.height=\"\".concat(p.height,\"px\"))));var f=p.clientWidth||p.width,m=p.clientHeight||p.height;if(t&&y.hasValue()&&h.hasValue()&&(f=y.getPixels(\"x\"),m=h.getPixels(\"y\")),u.setCurrent(f,m),\"number\"==typeof o&&e.getAttribute(\"x\",!0).setValue(o),\"number\"==typeof i&&e.getAttribute(\"y\",!0).setValue(i),\"number\"==typeof r||\"number\"==typeof a){var x=l(e.getAttribute(\"viewBox\").getString()),b=0,v=0;if(\"number\"==typeof r){var S=e.getAttribute(\"width\");S.hasValue()?b=S.getPixels(\"x\")/r:!isNaN(x[2])&&(b=x[2]/r)}if(\"number\"==typeof a){var k=e.getAttribute(\"height\");k.hasValue()?v=k.getPixels(\"y\")/a:!isNaN(x[3])&&(v=x[3]/a)}b||(b=v),v||(v=b),e.getAttribute(\"width\",!0).setValue(r),e.getAttribute(\"height\",!0).setValue(a);var A=e.getStyle(\"transform\",!0,!0);A.setValue(\"\".concat(A.getString(),\" scale(\").concat(1/b,\", \").concat(1/v,\")\"))}n||d.clearRect(0,0,f,m),e.render(d),g&&(this.isFirstRender=!1)}}]),e}();Gc.defaultWindow=Fc,Gc.defaultFetch=jc;var Hc=Gc.defaultFetch,Uc=\"undefined\"==typeof DOMParser?null:DOMParser,Yc=function(){function e(){var t=0arguments.length?e:Qr(arguments[2]);if(Zc&&!Kc)return Qc(e,t,n);if(e==n){switch(t.length){case 0:return new e;case 1:return new e(t[0]);case 2:return new e(t[0],t[1]);case 3:return new e(t[0],t[1],t[2]);case 4:return new e(t[0],t[1],t[2],t[3]);}var r=[null];return r.push.apply(r,t),new(qc.apply(e,r))}var a=n.prototype,o=Lo(Nn(a)?a:Object.prototype),i=Function.apply.call(e,o,t);return Nn(i)?i:o}});var eu=RegExp.prototype,tu=eu.toString,nu=kn(function(){return\"/a/b\"!=tu.call({source:\"a\",flags:\"b\"})}),ru=\"toString\"!=tu.name;(nu||ru)&&Ar(RegExp.prototype,\"toString\",function(){var e=$n(this),t=e.source+\"\",n=e.flags,r=(void 0===n&&e instanceof RegExp&&!(\"flags\"in eu)?Ca.call(e):n)+\"\";return\"/\"+t+\"/\"+r},{unsafe:!0});var au=t(function(e){function t(n,r){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(n,r)}e.exports=t}),ou=function(e,t){if(\"function\"!=typeof t&&null!==t)throw new TypeError(\"Super expression must either be null or a function\");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&au(e,t)},iu=t(function(e){function t(n){\"@babel/helpers - typeof\";return e.exports=\"function\"==typeof Symbol&&\"symbol\"==typeof Symbol.iterator?t=function(e){return typeof e}:t=function(e){return e&&\"function\"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?\"symbol\":typeof e},t(n)}e.exports=t}),lu=function(e){if(void 0===e)throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");return e},su=function(e,t){return t&&(\"object\"===iu(t)||\"function\"==typeof t)?t:lu(e)},cu=t(function(e){function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(n)}e.exports=t}),uu=!Cl(function(e){Array.from(e)});qr({target:\"Array\",stat:!0,forced:uu},{from:function(e){var t=Zr(e),n=\"function\"==typeof this?this:Array,r=arguments.length,a=1l;l++)p=o?a(t[l],l):t[l],Oi(c,l,p);return c.length=l,c}});var du=oa(\"unscopables\"),gu=Array.prototype;null==gu[du]&&qn.f(gu,du,{configurable:!0,value:Lo(null)});var pu=function(e){gu[du][e]=!0},yu=Lr.includes,hu=Aa(\"indexOf\",{ACCESSORS:!0,1:0});qr({target:\"Array\",proto:!0,forced:!hu},{includes:function(e){return yu(this,e,1=t.length?{value:void 0,done:!0}:(r=Uu(t,n),e.index+=r.length,{value:r,done:!1})});var Xu=\"[\\t\\n\\x0B\\f\\r \\xA0\\u1680\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\u2028\\u2029\\uFEFF]\",qu=RegExp(\"^\"+Xu+Xu+\"*\"),Qu=RegExp(Xu+Xu+\"*$\"),Ku=function(e){return function(t){var n=In(t)+\"\";return 1&e&&(n=n.replace(qu,\"\")),2&e&&(n=n.replace(Qu,\"\")),n}},Zu={start:Ku(1),end:Ku(2),trim:Ku(3)},Ju=\"\\u200B\\x85\\u180E\",ed=Zu.trim;qr({target:\"String\",proto:!0,forced:function(e){return kn(function(){return!!\"\\t\\n\\x0B\\f\\r \\xA0\\u1680\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\u2028\\u2029\\uFEFF\"[e]()||Ju[e]()!=Ju||\"\\t\\n\\x0B\\f\\r \\xA0\\u1680\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\u2028\\u2029\\uFEFF\"[e].name!==e})}(\"trim\")},{trim:function(){return ed(this)}});var td=function(){function e(t,n){var r=this,a=!!(2=l&&(this.styles[i]=a[i],this.stylesSpecificity[i]=o)}}}}]),e}();td.ignoreChildTypes=[\"title\"];var nd=function(e){function t(e,r,a){var o;return Fi(this,t),o=n.call(this,e,r,a),console.warn(\"Element \".concat(r.nodeName,\" not yet implemented.\")),o}ou(t,e);var n=X(t);return t}(td),rd=Lr.indexOf,ad=[].indexOf,od=!!ad&&0>1/[1].indexOf(1,-0),ld=Za(\"indexOf\"),sd=Aa(\"indexOf\",{ACCESSORS:!0,1:0});qr({target:\"Array\",proto:!0,forced:od||!ld||!sd},{indexOf:function(e){return od?ad.apply(this,arguments)||0:rd(this,e,1c||c>o)return NaN;return parseInt(i,a)}return+t};if(Wr(vd,!Sd(\" 0o1\")||!Sd(\"0b1\")||Sd(\"+0x1\"))){for(var Ed=function(e){var t=1>arguments.length?0:e,n=this;return n instanceof Ed&&(Ad?kn(function(){kd.valueOf.call(n)}):Vn(n)!=vd)?hd(new Sd(Pd(t)),n,Ed):Pd(t)},Td=An?fd(Sd):[\"MAX_VALUE\",\"MIN_VALUE\",\"NaN\",\"NEGATIVE_INFINITY\",\"POSITIVE_INFINITY\",\"EPSILON\",\"isFinite\",\"isInteger\",\"isNaN\",\"isSafeInteger\",\"MAX_SAFE_INTEGER\",\"MIN_SAFE_INTEGER\",\"parseFloat\",\"parseInt\",\"isInteger\"],Cd=0,wd;Td.length>Cd;Cd++)_n(Sd,wd=Td[Cd])&&!_n(Ed,wd)&&xd(Ed,wd,md(Sd,wd));Ed.prototype=kd,kd.constructor=Ed,Ar(Sn,vd,Ed)}var Od=function(){function e(){var t=Number.NaN,n=0this.x2&&(this.x2=e)),\"undefined\"!=typeof t&&((isNaN(this.y1)||isNaN(this.y2))&&(this.y1=t,this.y2=t),tthis.y2&&(this.y2=t))}},{key:\"addX\",value:function(e){this.addPoint(e,null)}},{key:\"addY\",value:function(e){this.addPoint(null,e)}},{key:\"addBoundingBox\",value:function(e){var t=e.x1,n=e.y1,r=e.x2,a=e.y2;this.addPoint(t,n),this.addPoint(r,a)}},{key:\"sumCubic\",value:function(e,t,n,r,a){return xn(1-e,3)*t+3*xn(1-e,2)*e*n+3*(1-e)*xn(e,2)*r+xn(e,3)*a}},{key:\"bezierCurveAdd\",value:function(e,n,r,o,i){var l=6*n-12*r+6*o,s=-3*n+9*r-9*o+3*i,a=3*r-3*n;if(0===s){if(0===l)return;var c=-a/l;return void(0c&&(e?this.addX(this.sumCubic(c,n,r,o,i)):this.addY(this.sumCubic(c,n,r,o,i))))}var t=xn(l,2)-4*a*s;if(!(0>t)){var u=(-l+mn(t))/(2*s);0u&&(e?this.addX(this.sumCubic(u,n,r,o,i)):this.addY(this.sumCubic(u,n,r,o,i)));var d=(-l-mn(t))/(2*s);0d&&(e?this.addX(this.sumCubic(d,n,r,o,i)):this.addY(this.sumCubic(d,n,r,o,i)))}}},{key:\"addBezierCurve\",value:function(e,t,n,r,a,o,i,l){this.addPoint(e,t),this.addPoint(i,l),this.bezierCurveAdd(!0,e,n,a,i),this.bezierCurveAdd(!1,t,r,o,l)}},{key:\"addQuadraticCurve\",value:function(e,t,n,r,a,o){var i=e+2/3*(n-e),l=t+2/3*(r-t);this.addBezierCurve(e,t,i,i+1/3*(a-e),l,l+1/3*(o-t),a,o)}},{key:\"isPointInBox\",value:function(e,t){var n=this.x1,r=this.y1,a=this.x2,o=this.y2;return n<=e&&e<=a&&r<=t&&t<=o}},{key:\"x\",get:function(){return this.x1}},{key:\"y\",get:function(){return this.y1}},{key:\"width\",get:function(){return this.x2-this.x1}},{key:\"height\",get:function(){return this.y2-this.y1}}]),e}(),Vd=function(){function e(t,n){Fi(this,e),this.type=\"translate\",this.point=null,this.point=_c.parse(n)}return ji(e,[{key:\"apply\",value:function(e){var t=this.point,n=t.x,r=t.y;e.translate(n||0,r||0)}},{key:\"unapply\",value:function(e){var t=this.point,n=t.x,r=t.y;e.translate(-1*n||0,-1*r||0)}},{key:\"applyToPoint\",value:function(e){var t=this.point,n=t.x,r=t.y;e.applyTransform([1,0,0,1,n||0,r||0])}}]),e}(),Ld=function(){function e(t,n){var r=2n&&l.getAttribute(\"x\").hasValue()||l.getAttribute(\"text-anchor\").hasValue()));c++)s+=l.measureTextRecursive(e);return-1*(\"end\"===r?s:s/2)}return 0}},{key:\"adjustChildCoordinates\",value:function(e,t,n,r){var a=n.children[r];if(\"function\"!=typeof a.measureText)return a;var o=a.getAttribute(\"x\"),i=a.getAttribute(\"y\"),l=a.getAttribute(\"dx\"),s=a.getAttribute(\"dy\"),c=a.getAttribute(\"text-anchor\").getString(\"start\");if(0===r&&\"textNode\"!==a.type&&(!o.hasValue()&&o.setValue(t.getAttribute(\"x\").getValue(\"0\")),!i.hasValue()&&i.setValue(t.getAttribute(\"y\").getValue(\"0\")),!l.hasValue()&&l.setValue(t.getAttribute(\"dx\").getValue(\"0\")),!s.hasValue()&&s.setValue(t.getAttribute(\"dy\").getValue(\"0\"))),o.hasValue()){if(a.x=o.getPixels(\"x\")+t.getAnchorDelta(e,n,r),\"start\"!==c){var u=a.measureTextRecursive(e);a.x+=-1*(\"end\"===c?u:u/2)}l.hasValue()&&(a.x+=l.getPixels(\"x\"))}else{if(\"start\"!==c){var d=a.measureTextRecursive(e);t.x+=-1*(\"end\"===c?d:d/2)}l.hasValue()&&(t.x+=l.getPixels(\"x\")),a.x=t.x}return t.x=a.x+a.measureText(e),i.hasValue()?(a.y=i.getPixels(\"y\"),s.hasValue()&&(a.y+=s.getPixels(\"y\"))):(s.hasValue()&&(t.y+=s.getPixels(\"y\")),a.y=t.y),t.y=a.y,a}},{key:\"getChildBoundingBox\",value:function(e,t,n,r){var a=this.adjustChildCoordinates(e,t,n,r),o=a.getBoundingBox(e);return a.children.forEach(function(n,r){var i=t.getChildBoundingBox(e,t,a,r);o.addBoundingBox(i)}),o}},{key:\"renderChild\",value:function(e,t,n,r){var a=this.adjustChildCoordinates(e,t,n,r);a.render(e),a.children.forEach(function(n,r){t.renderChild(e,t,a,r)})}},{key:\"measureTextRecursive\",value:function(e){var t=this.children.reduce(function(t,n){return t+n.measureTextRecursive(e)},this.measureText(e));return t}},{key:\"measureText\",value:function(e){var t=this.measureCache;if(~t)return t;var n=this.getText(),r=this.measureTargetText(e,n);return this.measureCache=r,r}},{key:\"measureTargetText\",value:function(e,t){if(!t.length)return 0;var n=this.parent,r=n.getStyle(\"font-family\").getDefinition();if(r){for(var a=this.getFontSize(),o=r.isRTL?t.split(\"\").reverse().join(\"\"):t,s=l(n.getAttribute(\"dx\").getString()),c=o.length,u=0,d=0,g;da;)t[a++]=e;return t}}),pu(\"fill\");var Gd=function(){function e(t){Fi(this,e),this.control=null,this.start=null,this.current=null,this.command=\"\",this.tokens=[],this.i=-1,this.previousCommand=\"\",this.points=[],this.angles=[],this.tokens=ye(t).split(\" \")}return ji(e,[{key:\"reset\",value:function(){this.i=-1,this.command=\"\",this.previousCommand=\"\",this.start=new _c(0,0),this.control=new _c(0,0),this.current=new _c(0,0),this.points=[],this.angles=[]}},{key:\"isEnd\",value:function(){var e=this.i,t=this.tokens;return e>=t.length-1}},{key:\"isCommandOrEnd\",value:function(){if(this.isEnd())return!0;var e=this.i,t=this.tokens;return /^[A-Za-z]$/.test(t[e+1])}},{key:\"isRelativeCommand\",value:function(){switch(this.command){case\"m\":case\"l\":case\"h\":case\"v\":case\"c\":case\"s\":case\"q\":case\"t\":case\"a\":case\"z\":return!0;default:return!1;}}},{key:\"getToken\",value:function(){return this.i++,this.tokens[this.i]}},{key:\"getScalar\",value:function(){return parseFloat(this.getToken())}},{key:\"nextCommand\",value:function(){this.previousCommand=this.command,this.command=this.getToken()}},{key:\"getPoint\",value:function(){var e=new _c(this.getScalar(),this.getScalar());return this.makeAbsolute(e)}},{key:\"getAsControlPoint\",value:function(){var e=this.getPoint();return this.control=e,e}},{key:\"getAsCurrentPoint\",value:function(){var e=this.getPoint();return this.current=e,e}},{key:\"getReflectedControlPoint\",value:function(){var e=this.previousCommand.toLowerCase();if(\"c\"!==e&&\"s\"!==e&&\"q\"!==e&&\"t\"!==e)return this.current;var t=this.current,n=t.x,r=t.y,a=this.control,o=a.x,i=a.y,l=new _c(2*n-o,2*r-i);return l}},{key:\"makeAbsolute\",value:function(e){if(this.isRelativeCommand()){var t=this.current,n=t.x,r=t.y;e.x+=n,e.y+=r}return e}},{key:\"addMarker\",value:function(e,t,n){var r=this.points,a=this.angles;n&&0=b(k,u)&&(v=sn),1<=b(k,u)&&(v=0);var A=1-g?1:-1,P=x+A*(v/2),E=new _c(m.x+o*hn(P),m.y+i*yn(P));if(n.addMarkerAngle(E,P-A*sn/2),n.addMarkerAngle(p,P-A*sn),t.addPoint(p.x,p.y),e&&!isNaN(x)&&!isNaN(v)){var T=o>i?o:i,r=o>i?1:o/i,C=o>i?i/o:1;e.translate(m.x,m.y),e.rotate(c),e.scale(r,C),e.arc(0,0,T,x,x+v,!!(1-g)),e.scale(1/r,1/C),e.rotate(-c),e.translate(-m.x,-m.y)}}}},{key:\"pathZ\",value:function(e,t){var n=this.pathParser;e&&t.x1!==t.x2&&t.y1!==t.y2&&e.closePath(),n.current=n.start}}]),t}(_d),Ud=function(e){function t(){var e;return Fi(this,t),e=n.apply(this,arguments),e.type=\"svg\",e.root=!1,e}ou(t,e);var n=me(t);return ji(t,[{key:\"clearContext\",value:function(e){pd(cu(t.prototype),\"clearContext\",this).call(this,e),this.document.screen.viewPort.removeCurrent()}},{key:\"setContext\",value:function(e){var n=this.document,r=n.screen,a=n.window,o=e.canvas;if(r.setDefaults(e),o.style&&\"undefined\"!=typeof e.font&&a&&\"undefined\"!=typeof a.getComputedStyle){e.font=a.getComputedStyle(o).getPropertyValue(\"font\");var i=new Mc(n,\"fontSize\",yd.parse(e.font).fontSize);i.hasValue()&&(n.rootEmSize=i.getPixels(\"y\"),n.emSize=n.rootEmSize)}pd(cu(t.prototype),\"setContext\",this).call(this,e),this.getAttribute(\"x\").hasValue()||this.getAttribute(\"x\",!0).setValue(0),this.getAttribute(\"y\").hasValue()||this.getAttribute(\"y\",!0).setValue(0),e.translate(this.getAttribute(\"x\").getPixels(\"x\"),this.getAttribute(\"y\").getPixels(\"y\"));var s=r.viewPort,c=s.width,u=s.height;this.getAttribute(\"width\").hasValue()||this.getAttribute(\"width\",!0).setValue(\"100%\"),this.getAttribute(\"height\").hasValue()||this.getAttribute(\"height\",!0).setValue(\"100%\");var d=this.getAttribute(\"refX\"),g=this.getAttribute(\"refY\"),p=this.getAttribute(\"viewBox\"),y=p.hasValue()?l(p.getString()):null,h=!this.root&&\"visible\"!==this.getAttribute(\"overflow\").getValue(\"hidden\"),f=0,m=0,x=0,b=0;y&&(f=y[0],m=y[1]),this.root||(c=this.getAttribute(\"width\").getPixels(\"x\"),u=this.getAttribute(\"height\").getPixels(\"y\"),\"marker\"===this.type&&(x=f,b=m,f=0,m=0)),r.viewPort.setCurrent(c,u),y&&(c=y[2],u=y[3]),n.setViewBox({ctx:e,aspectRatio:this.getAttribute(\"preserveAspectRatio\").getString(),width:r.viewPort.width,desiredWidth:c,height:r.viewPort.height,desiredHeight:u,minX:f,minY:m,refX:d.getValue(),refY:g.getValue(),clip:h,clipX:x,clipY:b}),y&&(r.viewPort.removeCurrent(),r.viewPort.setCurrent(c,u))}},{key:\"resize\",value:function(e){var t=1=u;u++)for(var d=-1;1>=d;d++)l.save(),o.attributes.x=new Mc(this.document,\"x\",u*i.width),o.attributes.y=new Mc(this.document,\"y\",d*i.height),o.render(l),l.restore();var g=e.createPattern(i,\"repeat\");return g}}]),t}(td),Jd=function(e){function t(){var e;return Fi(this,t),e=n.apply(this,arguments),e.type=\"marker\",e}ou(t,e);var n=Ie(t);return ji(t,[{key:\"render\",value:function(e,t,n){if(t){var r=t.x,a=t.y,o=this.getAttribute(\"orient\").getValue(\"auto\"),i=this.getAttribute(\"markerUnits\").getValue(\"strokeWidth\");e.translate(r,a),\"auto\"===o&&e.rotate(n),\"strokeWidth\"===i&&e.scale(e.lineWidth,e.lineWidth),e.save();var l=new Ud(this.document,null);l.type=this.type,l.attributes.viewBox=new Mc(this.document,\"viewBox\",this.getAttribute(\"viewBox\").getValue()),l.attributes.refX=new Mc(this.document,\"refX\",this.getAttribute(\"refX\").getValue()),l.attributes.refY=new Mc(this.document,\"refY\",this.getAttribute(\"refY\").getValue()),l.attributes.width=new Mc(this.document,\"width\",this.getAttribute(\"markerWidth\").getValue()),l.attributes.height=new Mc(this.document,\"height\",this.getAttribute(\"markerHeight\").getValue()),l.attributes.overflow=new Mc(this.document,\"overflow\",this.getAttribute(\"overflow\").getValue()),l.attributes.fill=new Mc(this.document,\"fill\",this.getAttribute(\"fill\").getValue(\"black\")),l.attributes.stroke=new Mc(this.document,\"stroke\",this.getAttribute(\"stroke\").getValue(\"none\")),l.children=this.children,l.render(e),e.restore(),\"strokeWidth\"===i&&e.scale(1/e.lineWidth,1/e.lineWidth),\"auto\"===o&&e.rotate(-n),e.translate(-r,-a)}}}]),t}(td),eg=function(e){function t(){var e;return Fi(this,t),e=n.apply(this,arguments),e.type=\"defs\",e}ou(t,e);var n=Ne(t);return ji(t,[{key:\"render\",value:function(){}}]),t}(td),tg=function(e){if(void 0===e)throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");return e},ng=function(e){function t(){var e;return Fi(this,t),e=n.apply(this,arguments),e.type=\"g\",e}ou(t,e);var n=Be(t);return ji(t,[{key:\"getBoundingBox\",value:function(e){var t=new Od;return this.children.forEach(function(n){t.addBoundingBox(n.getBoundingBox(e))}),t}}]),t}(_d),rg=function(e){function t(e,r,a){var o;Fi(this,t),o=n.call(this,e,r,a),o.attributesToInherit=[\"gradientUnits\"],o.stops=[];var i=tg(o),l=i.stops,s=i.children;return s.forEach(function(e){\"stop\"===e.type&&l.push(e)}),o}ou(t,e);var n=ze(t);return ji(t,[{key:\"getGradientUnits\",value:function(){return this.getAttribute(\"gradientUnits\").getString(\"objectBoundingBox\")}},{key:\"createGradient\",value:function(e,t,n){var r=this,a=this;this.getHrefAttribute().hasValue()&&(a=this.getHrefAttribute().getDefinition(),this.inheritStopContainer(a));var o=a,i=o.stops,l=this.getGradient(e,t);if(!l)return this.addParentOpacity(n,i[i.length-1].color);if(i.forEach(function(e){l.addColorStop(e.offset,r.addParentOpacity(n,e.color))}),this.getAttribute(\"gradientTransform\").hasValue()){var s=this.document,c=s.screen,u=c.MAX_VIRTUAL_PIXELS,d=c.viewPort,g=lo(d.viewPorts,1),p=g[0],y=new Yd(s,null);y.attributes.x=new Mc(s,\"x\",-u/3),y.attributes.y=new Mc(s,\"y\",-u/3),y.attributes.width=new Mc(s,\"width\",u),y.attributes.height=new Mc(s,\"height\",u);var h=new ng(s,null);h.attributes.transform=new Mc(s,\"transform\",this.getAttribute(\"gradientTransform\").getValue()),h.children=[y];var f=new Ud(s,null);f.attributes.x=new Mc(s,\"x\",0),f.attributes.y=new Mc(s,\"y\",0),f.attributes.width=new Mc(s,\"width\",p.width),f.attributes.height=new Mc(s,\"height\",p.height),f.children=[h];var m=s.createCanvas(p.width,p.height),x=m.getContext(\"2d\");return x.fillStyle=l,f.render(x),x.createPattern(m,\"no-repeat\")}return l}},{key:\"inheritStopContainer\",value:function(e){var t=this;this.attributesToInherit.forEach(function(n){!t.getAttribute(n).hasValue()&&e.getAttribute(n).hasValue()&&t.getAttribute(n,!0).setValue(e.getAttribute(n).getValue())})}},{key:\"addParentOpacity\",value:function(e,t){if(e.hasValue()){var n=new Mc(this.document,\"color\",t);return n.addOpacity(e).getString()}return t}}]),t}(td),ag=function(e){function t(e,r,a){var o;return Fi(this,t),o=n.call(this,e,r,a),o.type=\"linearGradient\",o.attributesToInherit.push(\"x1\",\"y1\",\"x2\",\"y2\"),o}ou(t,e);var n=je(t);return ji(t,[{key:\"getGradient\",value:function(e,t){var n=\"objectBoundingBox\"===this.getGradientUnits()?t.getBoundingBox(e):null;this.getAttribute(\"x1\").hasValue()||this.getAttribute(\"y1\").hasValue()||this.getAttribute(\"x2\").hasValue()||this.getAttribute(\"y2\").hasValue()||(this.getAttribute(\"x1\",!0).setValue(0),this.getAttribute(\"y1\",!0).setValue(0),this.getAttribute(\"x2\",!0).setValue(1),this.getAttribute(\"y2\",!0).setValue(0));var r=\"objectBoundingBox\"===this.getGradientUnits()?n.x+n.width*this.getAttribute(\"x1\").getNumber():this.getAttribute(\"x1\").getPixels(\"x\"),a=\"objectBoundingBox\"===this.getGradientUnits()?n.y+n.height*this.getAttribute(\"y1\").getNumber():this.getAttribute(\"y1\").getPixels(\"y\"),o=\"objectBoundingBox\"===this.getGradientUnits()?n.x+n.width*this.getAttribute(\"x2\").getNumber():this.getAttribute(\"x2\").getPixels(\"x\"),i=\"objectBoundingBox\"===this.getGradientUnits()?n.y+n.height*this.getAttribute(\"y2\").getNumber():this.getAttribute(\"y2\").getPixels(\"y\");return r===o&&a===i?null:e.createLinearGradient(r,a,o,i)}}]),t}(rg),og=function(e){function t(e,r,a){var o;return Fi(this,t),o=n.call(this,e,r,a),o.type=\"radialGradient\",o.attributesToInherit.push(\"cx\",\"cy\",\"r\",\"fx\",\"fy\",\"fr\"),o}ou(t,e);var n=He(t);return ji(t,[{key:\"getGradient\",value:function(e,t){var n=t.getBoundingBox(e);this.getAttribute(\"cx\").hasValue()||this.getAttribute(\"cx\",!0).setValue(\"50%\"),this.getAttribute(\"cy\").hasValue()||this.getAttribute(\"cy\",!0).setValue(\"50%\"),this.getAttribute(\"r\").hasValue()||this.getAttribute(\"r\",!0).setValue(\"50%\");var a=\"objectBoundingBox\"===this.getGradientUnits()?n.x+n.width*this.getAttribute(\"cx\").getNumber():this.getAttribute(\"cx\").getPixels(\"x\"),o=\"objectBoundingBox\"===this.getGradientUnits()?n.y+n.height*this.getAttribute(\"cy\").getNumber():this.getAttribute(\"cy\").getPixels(\"y\"),i=a,l=o;this.getAttribute(\"fx\").hasValue()&&(i=\"objectBoundingBox\"===this.getGradientUnits()?n.x+n.width*this.getAttribute(\"fx\").getNumber():this.getAttribute(\"fx\").getPixels(\"x\")),this.getAttribute(\"fy\").hasValue()&&(l=\"objectBoundingBox\"===this.getGradientUnits()?n.y+n.height*this.getAttribute(\"fy\").getNumber():this.getAttribute(\"fy\").getPixels(\"y\"));var s=\"objectBoundingBox\"===this.getGradientUnits()?(n.width+n.height)/2*this.getAttribute(\"r\").getNumber():this.getAttribute(\"r\").getPixels(),r=this.getAttribute(\"fr\").getPixels();return e.createRadialGradient(i,l,r,a,o,s)}}]),t}(rg),ig=function(e){function t(e,r,a){var o;Fi(this,t),o=n.call(this,e,r,a),o.type=\"stop\";var i=dn(0,gn(1,o.getAttribute(\"offset\").getNumber())),l=o.getStyle(\"stop-opacity\"),s=o.getStyle(\"stop-color\",!0);return\"\"===s.getString()&&s.setValue(\"#000\"),l.hasValue()&&(s=s.addOpacity(l)),o.offset=i,o.color=s.getString(),o}ou(t,e);var n=Ye(t);return t}(td),lg=\"Array Iterator\",sg=kr.set,cg=kr.getterFor(lg),ug=Hu(Array,\"Array\",function(e,t){sg(this,{type:lg,target:Dn(e),index:0,kind:t})},function(){var e=cg(this),t=e.target,n=e.kind,r=e.index++;return!t||r>=t.length?(e.target=void 0,{value:void 0,done:!0}):\"keys\"==n?{value:r,done:!1}:\"values\"==n?{value:t[r],done:!1}:{value:[r,t[r]],done:!1}},\"values\");hl.Arguments=hl.Array,pu(\"keys\"),pu(\"values\"),pu(\"entries\");var dg=kr.set,gg=kr.getterFor(\"Array Iterator\"),pg=Hu(Array,\"Array\",function(e,t){dg(this,{type:\"Array Iterator\",target:Dn(e),index:0,kind:t})},function(){var e=gg(this),t=e.target,n=e.kind,r=e.index++;return!t||r>=t.length?(e.target=void 0,{value:void 0,done:!0}):\"keys\"==n?{value:r,done:!1}:\"values\"==n?{value:t[r],done:!1}:{value:[r,t[r]],done:!1}},\"values\");hl.Arguments=hl.Array,pu(\"keys\"),pu(\"values\"),pu(\"entries\");var yg=oa(\"iterator\"),hg=oa(\"toStringTag\"),fg=pg.values;for(var mg in Li){var xg=Sn[mg],bg=xg&&xg.prototype;if(bg){if(bg[yg]!==fg)try{Qn(bg,yg,fg)}catch(e){bg[yg]=fg}if(bg[hg]||Qn(bg,hg,mg),Li[mg])for(var vg in pg)if(bg[vg]!==pg[vg])try{Qn(bg,vg,pg[vg])}catch(e){bg[vg]=pg[vg]}}}var Sg=function(e){function t(e,r,a){var o;return Fi(this,t),o=n.call(this,e,r,a),o.type=\"animate\",o.duration=0,o.initialValue=null,o.initialUnits=\"\",o.removed=!1,o.frozen=!1,e.screen.animations.push(tg(o)),o.begin=o.getAttribute(\"begin\").getMilliseconds(),o.maxDuration=o.begin+o.getAttribute(\"dur\").getMilliseconds(),o.from=o.getAttribute(\"from\"),o.to=o.getAttribute(\"to\"),o.values=o.getAttribute(\"values\"),o.values.hasValue()&&o.values.setValue(o.values.getString().split(\";\")),o}ou(t,e);var n=We(t);return ji(t,[{key:\"getProperty\",value:function(){var e=this.getAttribute(\"attributeType\").getString(),t=this.getAttribute(\"attributeName\").getString();return\"CSS\"===e?this.parent.getStyle(t,!0):this.parent.getAttribute(t,!0)}},{key:\"calcValue\",value:function(){var e=this.initialUnits,t=this.getProgress(),n=t.progress,r=t.from,a=t.to,o=r.getNumber()+(a.getNumber()-r.getNumber())*n;return\"%\"===e&&(o*=100),\"\".concat(o).concat(e)}},{key:\"update\",value:function(e){var t=this.parent,n=this.getProperty();if(this.initialValue||(this.initialValue=n.getString(),this.initialUnits=n.getUnits()),this.duration>this.maxDuration){var r=this.getAttribute(\"fill\").getString(\"remove\");if(\"indefinite\"===this.getAttribute(\"repeatCount\").getString()||\"indefinite\"===this.getAttribute(\"repeatDur\").getString())this.duration=0;else if(\"freeze\"===r&&!this.frozen)this.frozen=!0,t.animationFrozen=!0,t.animationFrozenValue=n.getString();else if(\"remove\"===r&&!this.removed)return this.removed=!0,n.setValue(t.animationFrozen?t.animationFrozenValue:this.initialValue),!0;return!1}this.duration+=e;var a=!1;if(this.beginarguments.length||void 0===arguments[0]?void 0:arguments[0]+\"\",t=this instanceof Cg?new Eg(e):void 0===e?Eg():Eg(e);return\"\"===e&&(Tg[t]=!0),t};jr(Cg,Eg);var wg=Cg.prototype=Eg.prototype;wg.constructor=Cg;var Og=wg.toString,Vg=\"Symbol(test)\"==Eg(\"test\")+\"\";Pg(wg,\"description\",{configurable:!0,get:function(){var e=Nn(this)?this.valueOf():this,t=Og.call(e);if(_n(Tg,e))return\"\";var n=Vg?t.slice(7,-1):t.replace(/^Symbol\\((.*)\\)[^)]+$/,\"$1\");return\"\"===n?void 0:n}}),qr({global:!0,forced:!0},{Symbol:Cg})}zo(\"iterator\");var Lg=ba(\"slice\"),Rg=Aa(\"slice\",{ACCESSORS:!0,0:0,1:2}),Ig=oa(\"species\"),Dg=[].slice;qr({target:\"Array\",proto:!0,forced:!Lg||!Rg},{slice:function(e,t){var r=Dn(this),a=wr(r.length),o=Or(e,a),i=Or(void 0===t?a:t,a),l,s,c;if(Jr(r)&&(l=r.constructor,\"function\"==typeof l&&(l===Array||Jr(l.prototype))?l=void 0:Nn(l)&&(l=l[Ig],null===l&&(l=void 0)),l===Array||void 0===l))return Dg.call(r,o,i);for(s=new(void 0===l?Array:l)(dn(i-o,0)),c=0;os?l:s,r=l>s?1:l/s,y=l>s?s/l:1;e&&(e.translate(o,i),e.rotate(d),e.scale(r,y),e.arc(0,0,p,c,c+u,!!(1-g)),e.scale(1/r,1/y),e.rotate(-d),e.translate(-o,-i));break}case\"z\":e&&e.closePath();}})}},{key:\"renderChildren\",value:function(e){this.setTextData(e),e.save();var t=this.parent.getStyle(\"text-decoration\").getString(),n=this.getFontSize(),r=this.glyphInfo,a=e.fillStyle;\"underline\"===t&&e.beginPath(),r.forEach(function(a,o){var i=a.p0,l=a.p1,s=a.text;e.save(),e.translate(i.x,i.y),e.rotate(r[o].rotation),e.fillStyle&&e.fillText(s,0,0),e.strokeStyle&&e.strokeText(s,0,0),e.restore(),\"underline\"===t&&(0===o&&e.moveTo(i.x,i.y+n/8),e.lineTo(l.x,l.y+n/5))}),\"underline\"===t&&(e.lineWidth=n/20,e.strokeStyle=a,e.stroke(),e.closePath()),e.restore()}},{key:\"getLetterSpacingAt\",value:function(){var e=0=b(f,u)&&(m=sn),1<=b(f,u)&&(m=0),0===i&&0m&&(m+=2*sn),[y.x,y.y,n,r,h,m,a,i]}}},{key:\"calcLength\",value:function(e,n,r,a){var o=Math.abs,i=0,l=null,s=null,c=0;switch(r){case\"L\":return this.getLineLength(e,n,a[0],a[1]);case\"C\":for(i=0,l=this.getPointOnCubicBezier(0,e,n,a[0],a[1],a[2],a[3],a[4],a[5]),c=.01;1>=c;c+=.01)s=this.getPointOnCubicBezier(c,e,n,a[0],a[1],a[2],a[3],a[4],a[5]),i+=this.getLineLength(l.x,l.y,s.x,s.y),l=s;return i;case\"Q\":for(i=0,l=this.getPointOnQuadraticBezier(0,e,n,a[0],a[1],a[2],a[3]),c=.01;1>=c;c+=.01)s=this.getPointOnQuadraticBezier(c,e,n,a[0],a[1],a[2],a[3]),i+=this.getLineLength(l.x,l.y,s.x,s.y),l=s;return i;case\"A\":i=0;var u=a[4],d=a[5],g=a[4]+d,p=sn/180;if(o(u-g)d)for(c=u-p;c>g;c-=p)s=this.getPointOnEllipticalArc(a[0],a[1],a[2],a[3],c,0),i+=this.getLineLength(l.x,l.y,s.x,s.y),l=s;else for(c=u+p;ce||e-5e-5>t)return null;var a=this.dataArray,o=yt(a),i;try{for(o.s();!(i=o.n()).done;){var l=i.value;if(l&&(5e-5>l.pathLength||n+l.pathLength+5e-5d&&cg)break;r=this.getPointOnEllipticalArc(l.points[0],l.points[1],l.points[2],l.points[3],c,l.points[6]);break;case\"C\":c=s/l.pathLength,1=a&&(this.equidistantCache.points.push({x:c.x,y:c.y,distance:i}),o-=a))}}}},{key:\"getEquidistantPointOnPath\",value:function(e,t,n){if(this.buildEquidistantCache(t,n),0>e||5e-5 100 MOhms at 500 V DC\",\n \"Dielectric strength\": \"500 V, 50 Hz for the duration of 1 minute\",\n \"Operating temperature\": \" -10 Degree Celsius to + 60 Degree Celsius\",\n \"Mechanical life\": \" minimum 5000 operations\",\n \"Contacts\": \"phosphor bronze, silver-plated\",\n \"Terminals\": \"brass silver-plated\",\n \"Contact timing\": \"non-shorting\",\n \"isBreadBoardPlaceable\" : 1 \n }\n }\n}" }, { "path": "ArduinoFrontend/src/assets/jsons/TMP36.json", "content": "{\n \"name\": \"'Temperature Sensor TMP36\",\n \"className\": \"TMP36\",\n \"pins\": [\n {\n \"x\": 0,\n \"y\": 70,\n \"name\": \"Power\"\n },\n {\n \"x\": 15,\n \"y\": 70,\n \"name\": \"Vout\"\n },\n {\n \"x\": 30,\n \"y\": 70,\n \"name\": \"GND\"\n }\n ],\n \"pointHalf\": 4,\n \"draw\": [\n {\n \"type\": \"image\",\n \"url\": \"assets/images/components/TMP36.svg\",\n \"width\": 38,\n \"height\": 76,\n \"x\": 0,\n \"y\": 0\n }\n ],\n \"simulation\": {},\n \"info\": {\n \"name\": \"Temperature sensor TMP36\",\n \"image\": \"https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/Temperature_Sensor_%28TMP36%29.jpg/640px-Temperature_Sensor_%28TMP36%29.jpg\",\n \"Datasheet\": \"https://www.analog.com/media/en/technical-documentation/data-sheets/TMP35_36_37.pdf\",\n \"description\": \"TThe TMP35/TMP36/TMP37 are low voltage, precision centi- grade temperature sensors. They provide a voltage output that is linearly proportional to the Celsius (centigrade) temperature.\",\n \"properties\": {\n \"Supply Voltage\": \"2.7V to 5.5V\",\n \"Ramp-Up Rate\": \"3°C/sec\",\n \"Ramp-Down Rate \": \"−6°C/sec\",\n \"Operating Temperature Range\": \" -55°C to 150°C \",\n \"Storage Temperature Range\": \"−65°C to +160°C\",\n \"Offset Voltage\": \"0.5V\",\n \"Output voltage \": \"750mV/25°C\",\n \"Accuracy\": \"±2°C \",\n \"Supply Current\": \"less than 50uA\",\n \"Shutdown current\": \"0.5 µA max\",\n \"isBreadBoardPlaceable\" : 1 \n }\n }\n}\n" }, { "path": "ArduinoFrontend/src/assets/jsons/Thermistor.json", "content": "{\n \"name\": \"Thermistor\",\n \"className\": \"Thermistor\",\n \"pins\": [\n {\n \"x\": 6,\n \"y\": 86,\n \"name\": \"Terminal 1\"\n },\n {\n \"x\": 24,\n \"y\": 86,\n \"name\": \"Terminal 2\"\n }\n ],\n \"pointHalf\": 4,\n \"draw\": [\n {\n \"type\": \"image\",\n \"url\": \"assets/images/components/Thermistor.svg\",\n \"width\": 38,\n \"height\": 88,\n \"x\": 0,\n \"y\": 0\n }\n ],\n \"simulation\": {},\n \"info\": {\n \"name\": \"Thermistor\",\n \"image\": \"https://upload.wikimedia.org/wikipedia/commons/thumb/3/3b/NTC_bead.jpg/400px-NTC_bead.jpg\",\n \"description\": \"Thermistor is an electronic component used to calculate the temperature.This is a type of resistor whose resistance varies with change in temperature.\",\n \"Datasheet\": \"https://components101.com/sites/default/files/component_datasheet/NTC%20Thermistor%20datasheet.pdf\",\n \"properties\": {\n \"Minimum Temprature\": \"0 degree C\",\n \"Maximum Temprature\": \"1000 degree C\",\n \"Voltage Range\": \"0V-6V\",\n \"isBreadBoardPlaceable\" : 1 \n },\n \"innerHTMLContent\": \"

Formula:

Beta: ß = ln(R1/R2)/((1/T1)-(1/T2))
Internal Resistance: Rt = 10000 * eß*( (1/T1)-(1/T2) )
Voltage Out: Vout = (Rs / (Rs + Rt)) * Vin

References

Thermistors - NTC & PTC: Video
Voltage out formula: Document

Resistance vs Temprature chart

\"\n }\n}" }, { "path": "ArduinoFrontend/src/assets/jsons/UltrasonicSensor.json", "content": "{\n \"name\": \"Ultrasonic Distance Sensor\",\n \"className\": \"UltrasonicSensor\",\n \"pins\": [\n {\n \"x\": 75,\n \"y\": 100,\n \"name\": \"VCC\"\n },\n {\n \"x\": 90,\n \"y\": 100,\n \"name\": \"TRIG\"\n },\n {\n \"x\": 105,\n \"y\": 100,\n \"name\": \"ECHO\"\n },\n {\n \"x\": 120,\n \"y\": 100,\n \"name\": \"GND\"\n }\n ],\n \"pointHalf\": 4,\n \"draw\": [\n {\n \"type\": \"image\",\n \"url\": \"assets/images/components/UltrasonicSensor.svg\",\n \"width\": 203,\n \"height\": 103.5,\n \"x\": 0,\n \"y\": 0\n }\n ],\n \"simulation\": {},\n \"info\": {\n \"name\": \"Ultrasonic Sensor HC-SR04\",\n \"image\": \"https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/HC_SR04_Ultrasonic_sensor_1480322_3_4_HDR_Enhancer.jpg/640px-HC_SR04_Ultrasonic_sensor_1480322_3_4_HDR_Enhancer.jpg\",\n \"Datasheet\": \"https://cdn.sparkfun.com/datasheets/Sensors/Proximity/HCSR04.pdf\",\n \"description\": \"HC-SR04 Ultrasonic (US) sensor is a 4 pin module, whose pin names are Vcc, Trigger, Echo and Ground respectively. This sensor is a very popular sensor used in many applications where measuring distance or sensing objects are required. The module has two eyes like projects in the front which forms the Ultrasonic transmitter and Receiver.\",\n \"properties\": {\n \"Operating voltage\": \"+5V\",\n \"Theoretical Measuring Distance\": \"2cm to 450cm\",\n \"Practical Measuring Distance\": \"2cm to 80cm\",\n \"Accuracy\": \"3mm\",\n \"Measuring angle covered\": \"<15°\",\n \"Operating Current\": \"<15mA\",\n \"Operating Frequency\": \"40Hz\",\n \"isBreadBoardPlaceable\" : 1 \n }\n }\n}" }, { "path": "ArduinoFrontend/src/assets/jsons/help.json", "content": "[\n {\n \"title\": \"Drag and Drop Elements\",\n \"descriptiom\": \"\",\n \"image\": \"\"\n }\n]\n" }, { "path": "ArduinoFrontend/src/assets/samples/Samples.json", "content": "[\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Blink Example\",\n \"description\": \"This is an Introduction to Arduino.\",\n \"base64_image\": \"33659ff0-f762-4061-aeb0-fdbfdbbeeda2.png\",\n \"create_time\": \"2020-06-16T04:10:17.969217Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":0,\\\"y\\\":-0.25,\\\"scale\\\":1},\\\"wires\\\":[{\\\"points\\\":[[319.625,115],[320.31944274902344,168]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592280640444,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592280616845,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":2}},{\\\"points\\\":[[335.625,115],[582.625,114],[585.625,479],[399.625,483],[400.31944274902344,442]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592280640444,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592280616845,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20}}],\\\"LED\\\":[{\\\"x\\\":313.625,\\\"y\\\":67,\\\"tx\\\":17,\\\"ty\\\":-20,\\\"id\\\":1592280640444,\\\"data\\\":{\\\"color\\\":0}}],\\\"ArduinoUno\\\":[{\\\"x\\\":193.31944274902344,\\\"y\\\":183,\\\"tx\\\":-89,\\\"ty\\\":-45,\\\"id\\\":1592280616845,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"void setup(){\\\\n\\\\tpinMode(LED_BUILTIN, OUTPUT);\\\\n}\\\\n\\\\nvoid loop(){\\\\n\\\\tdigitalWrite(LED_BUILTIN, HIGH);\\\\n delay(1000);\\\\n\\\\tdigitalWrite(LED_BUILTIN, LOW);\\\\n delay(1000);\\\\n}\\\"}}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Buzzer\",\n \"description\": \"This is an Example of Buzzer.\",\n \"shared\": true,\n \"base64_image\": \"0154dacc-f03d-46b9-9e15-ab79d7a73d60.png\",\n \"create_time\": \"2020-06-16T04:04:47.685811Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":-15,\\\"y\\\":2.5,\\\"scale\\\":1},\\\"wires\\\":[{\\\"points\\\":[[410.3194580078125,138],[411.31944274902344,201]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592280227638,\\\"keyName\\\":\\\"Buzzer\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592280217174,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":2}},{\\\"points\\\":[[440.3194580078125,138],[690.3194580078125,134],[690.3194580078125,512],[491.3194580078125,515],[491.31944274902344,475]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592280227638,\\\"keyName\\\":\\\"Buzzer\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592280217174,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20}}],\\\"ArduinoUno\\\":[{\\\"x\\\":251.31944274902344,\\\"y\\\":204,\\\"tx\\\":-56,\\\"ty\\\":-33,\\\"id\\\":1592280217174,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"void setup(){\\\\n\\\\tpinMode(LED_BUILTIN, OUTPUT);\\\\n}\\\\n\\\\nvoid loop(){\\\\n\\\\tdigitalWrite(LED_BUILTIN, HIGH);\\\\n delay(1000);\\\\n\\\\tdigitalWrite(LED_BUILTIN, LOW);\\\\n delay(1000);\\\\n}\\\"}}],\\\"Buzzer\\\":[{\\\"x\\\":417.3194580078125,\\\"y\\\":97,\\\"tx\\\":-23,\\\"ty\\\":-40,\\\"id\\\":1592280227638}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Seven Segment\",\n \"description\": \"This is an Example of Seven Segment.\",\n \"base64_image\": \"39fddd0e-16c4-49b1-9690-76d9af1f4baf.png\",\n \"create_time\": \"2020-06-13T05:56:05.481143Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":-74.75,\\\"y\\\":109.75,\\\"scale\\\":1.1},\\\"wires\\\":[{\\\"points\\\":[[750.3194580078125,248],[749.3194580078125,116],[545.3194580078125,112],[543.3194427490234,157]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1591347187858,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":3},\\\"end\\\":{\\\"id\\\":1591347180843,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":13}},{\\\"points\\\":[[766.3194580078125,248],[769.3194580078125,93],[530.3194580078125,92],[529.3194427490234,157]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1591347187858,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":4},\\\"end\\\":{\\\"id\\\":1591347180843,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":12}},{\\\"points\\\":[[750.3194580078125,339],[749.3194580078125,379],[788.3194580078125,377],[788.3194580078125,65],[514.3194580078125,62],[515.3194427490234,157]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1591347187858,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":8},\\\"end\\\":{\\\"id\\\":1591347180843,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":11}},{\\\"points\\\":[[720.3194580078125,339],[719.3194580078125,392],[815.3194580078125,394],[817.3194580078125,42],[504.3194580078125,43],[501.31944274902344,157]],\\\"color\\\":\\\"#e6a800\\\",\\\"start\\\":{\\\"id\\\":1591347187858,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":6},\\\"end\\\":{\\\"id\\\":1591347180843,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":10}},{\\\"points\\\":[[705.3194580078125,339],[704.3194580078125,412],[849.3194580078125,411],[841.3194580078125,12],[489.3194580078125,18],[487.31944274902344,157]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1591347187858,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":5},\\\"end\\\":{\\\"id\\\":1591347180843,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":9}},{\\\"points\\\":[[720.3194580078125,248],[720.3194580078125,203],[678.3194580078125,204],[679.3194580078125,428],[867.3194580078125,434],[863.3194580078125,-8],[475.3194580078125,-3],[473.31944274902344,157]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1591347187858,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1591347180843,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":8}},{\\\"points\\\":[[705.3194580078125,248],[652.8194580078125,248],[658.8194580078125,452],[890.8194580078125,454],[885.8194580078125,-28],[448.8194580078125,-25],[449.31944274902344,157]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1591347187858,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1591347180843,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":7}},{\\\"points\\\":[[735.3194580078125,248],[735.8194580078125,156],[635.8194580078125,153],[636.8194580078125,490],[456.8194580078125,489],[457.31944274902344,431]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1591347187858,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":2},\\\"end\\\":{\\\"id\\\":1591347180843,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20}}],\\\"SevenSegment\\\":[{\\\"x\\\":753.3194580078125,\\\"y\\\":332,\\\"tx\\\":-55,\\\"ty\\\":-95,\\\"id\\\":1591347187858}],\\\"ArduinoUno\\\":[{\\\"x\\\":236.31944274902344,\\\"y\\\":186,\\\"tx\\\":-75,\\\"ty\\\":-59,\\\"id\\\":1591347180843,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"int outs[10][7] = {\\\\n\\\\t{ 1,1,1,1,1,1,0 }, // 0\\\\n { 0,1,1,0,0,0,0 }, // 1\\\\n { 1,1,0,1,1,0,1 }, // 2\\\\n { 1,1,1,1,0,0,1 }, // 3\\\\n { 0,1,1,0,0,1,1 }, // 4\\\\n { 1,0,1,1,0,1,1 }, // 5\\\\n { 1,0,1,1,1,1,1 }, // 6\\\\n { 1,1,1,0,0,0,0 }, // 7\\\\n { 1,1,1,1,1,1,1 }, // 8\\\\n { 1,1,1,0,0,1,1 } // 9\\\\n};\\\\n\\\\nvoid setup(){\\\\n\\\\tpinMode(2,OUTPUT);\\\\n\\\\tpinMode(3,OUTPUT);\\\\n\\\\tpinMode(4,OUTPUT);\\\\n\\\\tpinMode(5,OUTPUT);\\\\n\\\\tpinMode(6,OUTPUT);\\\\n\\\\tpinMode(7,OUTPUT);\\\\n\\\\tpinMode(8,OUTPUT);\\\\t\\\\n}\\\\nint dig = 0;\\\\nvoid loop(){\\\\n\\\\tint pin = 2;\\\\n\\\\tfor(int i=0;i<7;++i){\\\\n\\\\t\\\\tdigitalWrite(pin,outs[dig][i]);\\\\n\\\\t\\\\t++pin;\\\\n\\\\t}\\\\t\\\\n delay(1000);\\\\n ++dig;\\\\n if(dig >= 10)\\\\n dig -= 10;\\\\n}\\\"}}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"RGB LED\",\n \"description\": \"This is an Example of RGB LED.\",\n \"base64_image\": \"2998f117-6253-4947-af78-dfacf9ff0344.png\",\n \"create_time\": \"2020-06-20T02:57:40.024924Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":0.25,\\\"y\\\":0,\\\"scale\\\":1},\\\"wires\\\":[{\\\"points\\\":[[685.3194580078125,149],[687.3194580078125,176],[409.3194580078125,177],[410.3194580078125,538],[698.3194580078125,536],[696.3194580078125,510]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592621634830,\\\"keyName\\\":\\\"RGBLED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592621629068,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18}},{\\\"points\\\":[[670.3194580078125,149],[672.3194580078125,236]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592621634830,\\\"keyName\\\":\\\"RGBLED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592621629068,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":4}},{\\\"points\\\":[[702.3194580078125,149],[702.3194580078125,236]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1592621634830,\\\"keyName\\\":\\\"RGBLED\\\",\\\"pid\\\":2},\\\"end\\\":{\\\"id\\\":1592621629068,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":6}},{\\\"points\\\":[[719.3194580078125,149],[739.3194580078125,150],[740.3194580078125,236]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1592621634830,\\\"keyName\\\":\\\"RGBLED\\\",\\\"pid\\\":3},\\\"end\\\":{\\\"id\\\":1592621629068,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":8}}],\\\"RGBLED\\\":[{\\\"x\\\":670.3194580078125,\\\"y\\\":73,\\\"tx\\\":-3,\\\"ty\\\":-25,\\\"id\\\":1592621634830}],\\\"ArduinoUno\\\":[{\\\"x\\\":428.3194580078125,\\\"y\\\":206,\\\"tx\\\":0,\\\"ty\\\":0,\\\"id\\\":1592621629068,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"void setup(){\\\\n\\\\tpinMode(11, OUTPUT);\\\\n\\\\tpinMode(9, OUTPUT);\\\\n\\\\tpinMode(7, OUTPUT);\\\\n}\\\\n\\\\nvoid loop(){\\\\n\\\\tfor(int i=1;i<=7;++i){\\\\n digitalWrite(11, i&1);\\\\n digitalWrite(9, (i>>1)&1);\\\\n digitalWrite(7, (i>>2)&1);\\\\n delay(1000);\\\\n }\\\\n}\\\"}}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Push Button Example\",\n \"description\": null,\n \"base64_image\": \"304ff01c-ed3a-4861-a183-e25483f623a1.png\",\n \"create_time\": \"2020-06-16T03:56:57.802580Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":-15.75,\\\"y\\\":-75,\\\"scale\\\":1},\\\"wires\\\":[{\\\"points\\\":[[415,213],[416,313]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592279848489,\\\"keyName\\\":\\\"Buzzer\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592279815399,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":7}},{\\\"points\\\":[[697,387],[694,261],[440,263],[440,313]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1592279863383,\\\"keyName\\\":\\\"PushButton\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592279815399,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":8}},{\\\"points\\\":[[445,213],[734,212],[737,663],[421,666],[424,587]],\\\"color\\\":\\\"#e6a800\\\",\\\"start\\\":{\\\"id\\\":1592279848489,\\\"keyName\\\":\\\"Buzzer\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592279815399,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20}},{\\\"points\\\":[[662,487],[662,607],[394,608],[396,587]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592279863383,\\\"keyName\\\":\\\"PushButton\\\",\\\"pid\\\":2},\\\"end\\\":{\\\"id\\\":1592279815399,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18}},{\\\"points\\\":[[697,487],[696,624],[408,631],[410,587]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592279863383,\\\"keyName\\\":\\\"PushButton\\\",\\\"pid\\\":3},\\\"end\\\":{\\\"id\\\":1592279815399,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":19}},{\\\"points\\\":[[340.75,252.75],[344,313]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592279950865,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592279815399,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":2}},{\\\"points\\\":[[356.75,252.75],[383.75,251.75],[382.75,144.75],[303.75,146.75],[304.75,252.75],[328.75,251.75],[330,313]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592279950865,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592279815399,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":1}}],\\\"LED\\\":[{\\\"x\\\":348.75,\\\"y\\\":176.75,\\\"tx\\\":3,\\\"ty\\\":8,\\\"id\\\":1592279950865,\\\"data\\\":{\\\"color\\\":0}}],\\\"ArduinoUno\\\":[{\\\"x\\\":177,\\\"y\\\":290,\\\"tx\\\":-49,\\\"ty\\\":-7,\\\"id\\\":1592279815399,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"void setup(){\\\\n\\\\tpinMode(LED_BUILTIN, OUTPUT);\\\\n\\\\tpinMode(8, OUTPUT);\\\\n\\\\tpinMode(7, INPUT);\\\\n}\\\\n\\\\nvoid loop(){\\\\n if(digitalRead(7) == HIGH){\\\\n \\\\tdigitalWrite(LED_BUILTIN, HIGH);\\\\n \\\\tdigitalWrite(8, HIGH);\\\\n }else{\\\\n digitalWrite(LED_BUILTIN, LOW);\\\\n digitalWrite(8, LOW);\\\\n }\\\\n}\\\"}}],\\\"PushButton\\\":[{\\\"x\\\":640,\\\"y\\\":392,\\\"tx\\\":8,\\\"ty\\\":15,\\\"id\\\":1592279863383}],\\\"Buzzer\\\":[{\\\"x\\\":418,\\\"y\\\":73,\\\"tx\\\":-19,\\\"ty\\\":59,\\\"id\\\":1592279848489}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Counter\",\n \"description\": \"This is an Example of Seven Segment and Push Button.\",\n \"base64_image\": \"d165c639-d0ad-46bf-a391-2d61f21d235e.png\",\n \"create_time\": \"2020-06-16T03:27:21.485125Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":0,\\\"y\\\":0.5,\\\"scale\\\":1},\\\"wires\\\":[{\\\"points\\\":[[238.31944274902344,274],[238.31944274902344,86],[532.3194580078125,82],[530.3194580078125,218]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1592277596751,\\\"keyName\\\":\\\"PushButton\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592277587638,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":3}},{\\\"points\\\":[[273.31944274902344,374],[269.3194580078125,545],[568.3194580078125,543],[568.3194580078125,492]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592277596751,\\\"keyName\\\":\\\"PushButton\\\",\\\"pid\\\":3},\\\"end\\\":{\\\"id\\\":1592277587638,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18}},{\\\"points\\\":[[238.31944274902344,374],[236.31944274902344,569],[583.3194580078125,567],[582.3194580078125,492]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592277596751,\\\"keyName\\\":\\\"PushButton\\\",\\\"pid\\\":2},\\\"end\\\":{\\\"id\\\":1592277587638,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":19}},{\\\"points\\\":[[880.3194580078125,290],[878.3194580078125,160],[683.3194580078125,161],[682.3194580078125,218]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592277590862,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":3},\\\"end\\\":{\\\"id\\\":1592277587638,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":13}},{\\\"points\\\":[[896.3194580078125,290],[895.3194580078125,142],[668.3194580078125,144],[668.3194580078125,218]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1592277590862,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":4},\\\"end\\\":{\\\"id\\\":1592277587638,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":12}},{\\\"points\\\":[[880.3194580078125,381],[881.3194580078125,410],[918.3194580078125,410],[915.3194580078125,122],[654.3194580078125,124],[654.3194580078125,218]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1592277590862,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":8},\\\"end\\\":{\\\"id\\\":1592277587638,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":11}},{\\\"points\\\":[[850.3194580078125,381],[851.3194580078125,428],[939.3194580078125,428],[933.3194580078125,101],[638.3194580078125,104],[640.3194580078125,218]],\\\"color\\\":\\\"#e6a800\\\",\\\"start\\\":{\\\"id\\\":1592277590862,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":6},\\\"end\\\":{\\\"id\\\":1592277587638,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":10}},{\\\"points\\\":[[835.3194580078125,381],[836.3194580078125,446],[961.3194580078125,447],[953.3194580078125,85],[624.3194580078125,88],[626.3194580078125,218]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592277590862,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":5},\\\"end\\\":{\\\"id\\\":1592277587638,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":9}},{\\\"points\\\":[[850.3194580078125,290],[851.3194580078125,258],[818.3194580078125,258],[818.3194580078125,465],[971.3194580078125,466],[966.3194580078125,62],[611.3194580078125,70],[612.3194580078125,218]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1592277590862,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592277587638,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":8}},{\\\"points\\\":[[835.3194580078125,290],[795.3194580078125,290],[800.3194580078125,480],[991.3194580078125,479],[987.3194580078125,47],[587.3194580078125,52],[588.3194580078125,218]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1592277590862,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592277587638,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":7}},{\\\"points\\\":[[865.3194580078125,290],[861.3194580078125,213],[769.3194580078125,214],[774.3194580078125,562],[598.3194580078125,563],[596.3194580078125,492]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592277590862,\\\"keyName\\\":\\\"SevenSegment\\\",\\\"pid\\\":2},\\\"end\\\":{\\\"id\\\":1592277587638,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20}}],\\\"SevenSegment\\\":[{\\\"x\\\":816.3194580078125,\\\"y\\\":346,\\\"tx\\\":12,\\\"ty\\\":-67,\\\"id\\\":1592277590862}],\\\"ArduinoUno\\\":[{\\\"x\\\":376.3194580078125,\\\"y\\\":252,\\\"tx\\\":-76,\\\"ty\\\":-64,\\\"id\\\":1592277587638,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"int outs[10][7] = {\\\\n\\\\t{ 1,1,1,1,1,1,0 }, // 0\\\\n { 0,1,1,0,0,0,0 }, // 1\\\\n { 1,1,0,1,1,0,1 }, // 2\\\\n { 1,1,1,1,0,0,1 }, // 3\\\\n { 0,1,1,0,0,1,1 }, // 4\\\\n { 1,0,1,1,0,1,1 }, // 5\\\\n { 1,0,1,1,1,1,1 }, // 6\\\\n { 1,1,1,0,0,0,0 }, // 7\\\\n { 1,1,1,1,1,1,1 }, // 8\\\\n { 1,1,1,0,0,1,1 } // 9\\\\n};\\\\n\\\\nvoid setup(){\\\\n\\\\tpinMode(2,OUTPUT);\\\\n\\\\tpinMode(3,OUTPUT);\\\\n\\\\tpinMode(4,OUTPUT);\\\\n\\\\tpinMode(5,OUTPUT);\\\\n\\\\tpinMode(6,OUTPUT);\\\\n\\\\tpinMode(7,OUTPUT);\\\\n\\\\tpinMode(8,OUTPUT);\\\\n\\\\tpinMode(12,INPUT);\\\\n}\\\\nint dig = 0;\\\\nvoid loop(){\\\\n\\\\tif(digitalRead(12) == HIGH){\\\\n\\\\t\\\\tint pin = 2;\\\\n\\\\t\\\\tfor(int i=0;i<7;++i){\\\\n\\\\t\\\\t\\\\tdigitalWrite(pin,outs[dig][i]);\\\\n\\\\t\\\\t\\\\t++pin;\\\\n\\\\t\\\\t}\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t++dig;\\\\n delay(100);\\\\n\\\\t}\\\\n if(dig >= 10)\\\\n dig -= 10;\\\\n}\\\"}}],\\\"PushButton\\\":[{\\\"x\\\":252.31944274902344,\\\"y\\\":310,\\\"tx\\\":-28,\\\"ty\\\":-16,\\\"id\\\":1592277596751}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Motors\",\n \"description\": \"This is an Example of Motor.\",\n \"base64_image\": \"833c1e66-32a7-4992-8207-53ecdb5f0174.png\",\n \"create_time\": \"2020-06-16T02:26:23.832247Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":-31,\\\"y\\\":-28.25,\\\"scale\\\":1.1},\\\"wires\\\":[{\\\"points\\\":[[664.3194580078125,292],[623.3194580078125,290],[621.3194580078125,201]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592274238321,\\\"keyName\\\":\\\"Battery9v\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592274215230,\\\"keyName\\\":\\\"Motor\\\",\\\"pid\\\":1}},{\\\"points\\\":[[605.3194580078125,201],[606.3194580078125,334],[664.3194580078125,334]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592274215230,\\\"keyName\\\":\\\"Motor\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592274238321,\\\"keyName\\\":\\\"Battery9v\\\",\\\"pid\\\":1}},{\\\"points\\\":[[393.3194580078125,209],[394.3194580078125,330],[409.3194580078125,329]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592274211174,\\\"keyName\\\":\\\"Motor\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592274258222,\\\"keyName\\\":\\\"Battery9v\\\",\\\"pid\\\":1}},{\\\"points\\\":[[377.3194580078125,209],[376.3194580078125,288],[409.3194580078125,287]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592274211174,\\\"keyName\\\":\\\"Motor\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592274258222,\\\"keyName\\\":\\\"Battery9v\\\",\\\"pid\\\":0}},{\\\"points\\\":[[262.31944274902344,203],[259.31944274902344,286]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592274209424,\\\"keyName\\\":\\\"Motor\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592274294529,\\\"keyName\\\":\\\"CoinCell\\\",\\\"pid\\\":0}},{\\\"points\\\":[[246.31944274902344,203],[246.5858612060547,269.25],[215.6767578125,271.06817626953125],[212.94949340820312,378.3409118652344],[259.7676696777344,380.06817626953125],[259.31944274902344,358]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592274209424,\\\"keyName\\\":\\\"Motor\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592274294529,\\\"keyName\\\":\\\"CoinCell\\\",\\\"pid\\\":1}}],\\\"CoinCell\\\":[{\\\"x\\\":227.31944274902344,\\\"y\\\":314,\\\"tx\\\":2,\\\"ty\\\":-31,\\\"id\\\":1592274294529}],\\\"Motor\\\":[{\\\"x\\\":218.31944274902344,\\\"y\\\":148,\\\"tx\\\":0,\\\"ty\\\":0,\\\"id\\\":1592274209424},{\\\"x\\\":390.3194580078125,\\\"y\\\":172,\\\"tx\\\":-41,\\\"ty\\\":-18,\\\"id\\\":1592274211174},{\\\"x\\\":583.3194580078125,\\\"y\\\":184,\\\"tx\\\":-6,\\\"ty\\\":-38,\\\"id\\\":1592274215230}],\\\"Battery9v\\\":[{\\\"x\\\":640.3194580078125,\\\"y\\\":280,\\\"tx\\\":24,\\\"ty\\\":-19,\\\"id\\\":1592274238321},{\\\"x\\\":478.3194580078125,\\\"y\\\":293,\\\"tx\\\":-69,\\\"ty\\\":-37,\\\"id\\\":1592274258222}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Temperature Sensor\",\n \"description\": \"This is an Example of \\nTemperature Sensor\",\n \"base64_image\": \"a4833249-fbe7-4513-b541-ccd7c5cdd7bc.png\",\n \"create_time\": \"2020-06-13T05:56:16.922680Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":78.75,\\\"y\\\":22,\\\"scale\\\":1},\\\"wires\\\":[{\\\"points\\\":[[362.3194580078125,126],[577.3194580078125,124],[580.3194580078125,493],[404.3194580078125,494],[406.3194580078125,449]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1591458433019,\\\"keyName\\\":\\\"TMP36\\\",\\\"pid\\\":2},\\\"end\\\":{\\\"id\\\":1591458428806,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20}},{\\\"points\\\":[[339.3194580078125,126],[91.31944274902344,128],[89.31944274902344,491],[378.3194580078125,495],[378.3194580078125,449]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1591458433019,\\\"keyName\\\":\\\"TMP36\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1591458428806,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18}},{\\\"points\\\":[[350.3194580078125,126],[353.3194580078125,318],[449.3194580078125,317],[450.3194580078125,449]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1591458433019,\\\"keyName\\\":\\\"TMP36\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1591458428806,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":22}}],\\\"TMP36\\\":[{\\\"x\\\":273.3194580078125,\\\"y\\\":81,\\\"tx\\\":63,\\\"ty\\\":-23,\\\"id\\\":1591458433019}],\\\"ArduinoUno\\\":[{\\\"x\\\":340.3194580078125,\\\"y\\\":188,\\\"tx\\\":-230,\\\"ty\\\":-43,\\\"id\\\":1591458428806,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"void setup()\\\\n{\\\\n Serial.begin(9600);\\\\n}\\\\n \\\\nvoid loop() {\\\\n int reading = analogRead(A0); \\\\n float voltage = reading * 5.0;\\\\n voltage /= 1023.0; \\\\n \\\\n float temperatureC = (voltage - 0.5) * 100;\\\\n Serial.print(temperatureC); \\\\n Serial.println(\\\\\\\" degrees C\\\\\\\"); \\\\n delay(1000);\\\\n}\\\"}}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Gas Sensor\",\n \"description\": \"This is an Example of MQ2.\",\n \"base64_image\": \"2151140f-9f34-4607-b3b3-184bee3f5d3f.png\",\n \"create_time\": \"2020-06-16T02:39:55.484551Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":13.25,\\\"y\\\":284.25,\\\"scale\\\":0.6799999999999997},\\\"wires\\\":[{\\\"points\\\":[[423.3194580078125,304],[424.3194580078125,343]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592275089685,\\\"keyName\\\":\\\"MQ2\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592275094732,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":1}},{\\\"points\\\":[[448.3194580078125,304],[667.3194580078125,304],[668.3194580078125,655],[562.3194580078125,656],[562.3194580078125,617]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1592275089685,\\\"keyName\\\":\\\"MQ2\\\",\\\"pid\\\":3},\\\"end\\\":{\\\"id\\\":1592275094732,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":22}},{\\\"points\\\":[[411.3194580078125,304],[209.31944274902344,303],[204.31944274902344,662],[491.3194580078125,659],[490.3194580078125,617]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592275089685,\\\"keyName\\\":\\\"MQ2\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592275094732,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18}}],\\\"MQ2\\\":[{\\\"x\\\":265.3194580078125,\\\"y\\\":217,\\\"tx\\\":118,\\\"ty\\\":-77,\\\"id\\\":1592275089685}],\\\"ArduinoUno\\\":[{\\\"x\\\":372.3194580078125,\\\"y\\\":475,\\\"tx\\\":-150,\\\"ty\\\":-162,\\\"id\\\":1592275094732,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"void setup(){\\\\n\\\\tSerial.begin(9600);\\\\n}\\\\n\\\\nvoid loop(){\\\\n\\\\tSerial.println(analogRead(A0));\\\\n delay(1000);\\\\n}\\\"}}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"PIR Sensor\",\n \"description\": \"This is an Example of PIR Sensor.\",\n \"base64_image\": \"2255a330-a797-467b-8a08-403e6c6c6840.png\",\n \"create_time\": \"2020-06-16T03:37:24.004404Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":19,\\\"y\\\":687.75,\\\"scale\\\":0.49999999999999956},\\\"wires\\\":[{\\\"points\\\":[[529.3194580078125,199.22222900390625],[529.3194580078125,251.22222900390625]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1592278156916,\\\"keyName\\\":\\\"PIRSensor\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592278149628,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":8}},{\\\"points\\\":[[544.3194580078125,199.22222900390625],[545.3194580078125,222.22222900390625],[685.3194580078125,221.22222900390625],[688.3194580078125,565.2222290039062],[483.3194580078125,565.2222290039062],[485.3194580078125,525.2222290039062]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592278156916,\\\"keyName\\\":\\\"PIRSensor\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592278149628,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18}},{\\\"points\\\":[[558.3194580078125,199.22222900390625],[707.3194580078125,198.22222900390625],[709.3194580078125,581.2222290039062],[499.3194580078125,583.2222290039062],[499.3194580078125,525.2222290039062]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592278156916,\\\"keyName\\\":\\\"PIRSensor\\\",\\\"pid\\\":2},\\\"end\\\":{\\\"id\\\":1592278149628,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":19}},{\\\"points\\\":[[340.31944274902344,166.22222137451172],[387.3194580078125,166.22222900390625],[385.3194580078125,46.22222137451172],[188.31944274902344,47.22222137451172],[182.31944274902344,608.2222290039062],[519.3194580078125,606.2222290039062],[513.3194580078125,525.2222290039062]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1592278168268,\\\"keyName\\\":\\\"Buzzer\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592278149628,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20}},{\\\"points\\\":[[310.31944274902344,166.22222137451172],[310.3194580078125,197.22222900390625],[432.3194580078125,199.22222900390625],[433.3194580078125,251.22222900390625]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592278168268,\\\"keyName\\\":\\\"Buzzer\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592278149628,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":2}}],\\\"PIRSensor\\\":[{\\\"x\\\":555.3194580078125,\\\"y\\\":131.22222900390625,\\\"tx\\\":-111,\\\"ty\\\":-97,\\\"id\\\":1592278156916}],\\\"ArduinoUno\\\":[{\\\"x\\\":359.3194580078125,\\\"y\\\":243.22222900390625,\\\"tx\\\":-142,\\\"ty\\\":-22,\\\"id\\\":1592278149628,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"void setup(){\\\\n pinMode(12, OUTPUT);\\\\n pinMode(13, OUTPUT);\\\\n pinMode(7, INPUT);\\\\n}\\\\n\\\\nvoid loop(){\\\\n\\\\tif(digitalRead(7) == HIGH){\\\\n digitalWrite(13, HIGH);\\\\n digitalWrite(12, HIGH);\\\\n }else{\\\\n digitalWrite(13, LOW);\\\\n digitalWrite(12, LOW);\\\\n }\\\\n}\\\"}}],\\\"Buzzer\\\":[{\\\"x\\\":226.31944274902344,\\\"y\\\":74.22222137451172,\\\"tx\\\":68,\\\"ty\\\":11,\\\"id\\\":1592278168268}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Ultrasonic Sensor\",\n \"description\": \"This is an Example of Ultrasonic sensor.\",\n \"base64_image\": \"fa89e565-1b66-4f41-bf18-14c392198fd5.png\",\n \"create_time\": \"2020-06-16T03:00:58.298956Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":46.5,\\\"y\\\":496,\\\"scale\\\":0.5799999999999996},\\\"wires\\\":[{\\\"points\\\":[[369.71881103515625,267.02040100097656],[128.51473999023438,265.2040710449219],[122.39228820800781,631.7142944335938],[402.984130859375,631.9183349609375],[403.31944274902344,602]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592276283186,\\\"keyName\\\":\\\"UltrasonicSensor\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592276266793,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18}},{\\\"points\\\":[[401.71881103515625,267.02040100097656],[595.5147094726562,263.6071472167969],[595.4534912109375,630.5458984375],[416.1065673828125,634.5867309570312],[417.31944274902344,602]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592276283186,\\\"keyName\\\":\\\"UltrasonicSensor\\\",\\\"pid\\\":3},\\\"end\\\":{\\\"id\\\":1592276266793,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":19}},{\\\"points\\\":[[379.71881103515625,267.02040100097656],[379.2902526855469,287.8163146972656],[446.5759582519531,289.83673095703125],[447.31944274902344,328]],\\\"color\\\":\\\"#e6a800\\\",\\\"start\\\":{\\\"id\\\":1592276283186,\\\"keyName\\\":\\\"UltrasonicSensor\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592276266793,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":8}},{\\\"points\\\":[[391.71881103515625,267.02040100097656],[390.5147399902344,276.5918273925781],[460.8004455566406,276.5918273925781],[461.31944274902344,328]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1592276283186,\\\"keyName\\\":\\\"UltrasonicSensor\\\",\\\"pid\\\":2},\\\"end\\\":{\\\"id\\\":1592276266793,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":9}}],\\\"UltrasonicSensor\\\":[{\\\"x\\\":286.71881103515625,\\\"y\\\":185.02040100097656,\\\"tx\\\":1,\\\"ty\\\":-22,\\\"id\\\":1592276283186}],\\\"ArduinoUno\\\":[{\\\"x\\\":239.31944274902344,\\\"y\\\":356,\\\"tx\\\":-104,\\\"ty\\\":-58,\\\"id\\\":1592276266793,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"const int pingPin = 7; // Trigger Pin of Ultrasonic Sensor\\\\nconst int echoPin = 6; // Echo Pin of Ultrasonic Sensor\\\\n\\\\nvoid setup() {\\\\n pinMode(pingPin, OUTPUT);\\\\n pinMode(echoPin, INPUT);\\\\n Serial.begin(9600); // Starting Serial Terminal\\\\n}\\\\n\\\\nvoid loop() {\\\\n long duration, inches, cm;\\\\n digitalWrite(pingPin, LOW);\\\\n delayMicroseconds(2);\\\\n digitalWrite(pingPin, HIGH);\\\\n delayMicroseconds(10);\\\\n digitalWrite(pingPin, LOW);\\\\n duration = pulseIn(echoPin, HIGH);\\\\n //Serial.println(duration);\\\\n// inches = microsecondsToInches(duration);\\\\n cm = duration / 29 / 2;\\\\n //Serial.print(inches);\\\\n //Serial.print(\\\\\\\"in, \\\\\\\");\\\\n Serial.print(cm);\\\\n Serial.print(\\\\\\\"cm\\\\\\\");\\\\n Serial.println();\\\\n delay(1000);\\\\n}\\\\n\\\\n// long microsecondsToInches(long microseconds) {\\\\n// return microseconds / 74 / 2;\\\\n// }\\\\n\\\\n// long microsecondsToCentimeters(long microseconds) {\\\\n// return microseconds / 29 / 2;\\\\n// }\\\"}}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Servo\",\n \"description\": \"This is an Example of Servo Motor.\",\n \"base64_image\": \"852448da-507f-4759-ae81-5c91bef705a9.png\",\n \"create_time\": \"2020-06-17T04:45:28.940345Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":0.25,\\\"y\\\":0.25,\\\"scale\\\":1},\\\"wires\\\":[{\\\"points\\\":[[778.75,151.75],[571.75,148.75],[577.75,412.75],[578.75,476.75],[414.75,479.75],[410.31944274902344,447]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592405259001,\\\"keyName\\\":\\\"ServoMotor\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592368525114,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20}},{\\\"points\\\":[[793.75,151.75],[793.75,115.75],[987.75,115.75],[987.75,490.75],[384.75,499.75],[382.31944274902344,447]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592405259001,\\\"keyName\\\":\\\"ServoMotor\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592368525114,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18}},{\\\"points\\\":[[808.75,151.75],[810.75,71.75],[486.75,78.75],[482.31944274902344,173]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1592405259001,\\\"keyName\\\":\\\"ServoMotor\\\",\\\"pid\\\":2},\\\"end\\\":{\\\"id\\\":1592368525114,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":12}}],\\\"ServoMotor\\\":[{\\\"x\\\":657.75,\\\"y\\\":287.75,\\\"tx\\\":102,\\\"ty\\\":-142,\\\"id\\\":1592405259001}],\\\"ArduinoUno\\\":[{\\\"x\\\":172.31944274902344,\\\"y\\\":146,\\\"tx\\\":-58,\\\"ty\\\":-3,\\\"id\\\":1592368525114,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"#include \\\\nServo myservo;\\\\nint pos = 0;\\\\n\\\\nvoid setup() {\\\\n myservo.attach(3);\\\\n}\\\\n\\\\nvoid loop() {\\\\n for (pos = 0; pos <= 180; pos += 1) {\\\\n myservo.write(pos);\\\\n delay(15);\\\\n }\\\\n for (pos = 180; pos >= 0; pos -= 1) {\\\\n myservo.write(pos);\\\\n delay(15);\\\\n }\\\\n}\\\\n\\\\n\\\"}}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Slide Switch\",\n \"description\": \"This is an Example of Slide Switch.\",\n \"base64_image\": \"78043b5e-9b82-441a-adbc-b2dfa54da645.png\",\n \"create_time\": \"2020-06-15T07:04:13.189316Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":20.75,\\\"y\\\":116,\\\"scale\\\":0.9199999999999999},\\\"wires\\\":[{\\\"points\\\":[[784.3194580078125,213],[789.3327026367188,499.9166564941406],[494.04107666015625,498.9999694824219],[497.3194580078125,424]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592204238583,\\\"keyName\\\":\\\"SlideSwitch\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592204233256,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18}},{\\\"points\\\":[[801.3194580078125,213],[845.1243896484375,209.37498474121094],[839.9160766601562,76.04166412353516],[541.4577026367188,73.375],[541.3194580078125,150]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1592204238583,\\\"keyName\\\":\\\"SlideSwitch\\\",\\\"pid\\\":2},\\\"end\\\":{\\\"id\\\":1592204233256,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":8}},{\\\"points\\\":[[766.3194580078125,213],[715.9577026367188,211.4583282470703],[715.9577026367188,104.16666412353516],[556.7910766601562,102.16666412353516],[555.3194580078125,150]],\\\"color\\\":\\\"#e6a800\\\",\\\"start\\\":{\\\"id\\\":1592204238583,\\\"keyName\\\":\\\"SlideSwitch\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592204233256,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":9}},{\\\"points\\\":[[530.7910766601562,40.41666126251221],[511.3194580078125,424]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592204398406,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592204233256,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":19}},{\\\"points\\\":[[514.7910766601562,40.41666126251221],[503.3194580078125,150]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592204398406,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592204233256,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":6}},{\\\"points\\\":[[446.6243896484375,100.95832824707031],[445.3194580078125,150]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592204396689,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592204233256,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":2}},{\\\"points\\\":[[462.6243896484375,100.95832824707031],[490.8194580078125,100],[494.8194580078125,-10],[430.8194580078125,-9],[431.3194580078125,150]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592204396689,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592204233256,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":1}}],\\\"SlideSwitch\\\":[{\\\"x\\\":798.3194580078125,\\\"y\\\":294,\\\"tx\\\":-39,\\\"ty\\\":-108,\\\"id\\\":1592204238583}],\\\"LED\\\":[{\\\"x\\\":429.6243896484375,\\\"y\\\":-19.041671752929688,\\\"tx\\\":28,\\\"ty\\\":52,\\\"id\\\":1592204396689,\\\"data\\\":{\\\"color\\\":0}},{\\\"x\\\":483.79107666015625,\\\"y\\\":-7.583338737487793,\\\"tx\\\":42,\\\"ty\\\":-20,\\\"id\\\":1592204398406,\\\"data\\\":{\\\"color\\\":1}}],\\\"ArduinoUno\\\":[{\\\"x\\\":328.3194580078125,\\\"y\\\":225,\\\"tx\\\":-99,\\\"ty\\\":-105,\\\"id\\\":1592204233256,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"void setup(){\\\\n\\\\tpinMode(7, INPUT);\\\\n pinMode(6, INPUT);\\\\n pinMode(9, OUTPUT);\\\\n pinMode(13, OUTPUT);\\\\n}\\\\n\\\\nvoid loop(){\\\\n\\\\tif(digitalRead(7) == HIGH){\\\\n digitalWrite(13, HIGH);\\\\n digitalWrite(9, LOW);\\\\n }\\\\n if(digitalRead(6) == HIGH){\\\\n digitalWrite(13, LOW);\\\\n digitalWrite(9, HIGH);\\\\n }\\\\n}\\\"}}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Relay\",\n \"description\": \"This is an Example of Relay.\",\n \"base64_image\": \"bcbd0273-3a5c-4077-9d59-317f23f0c195.png\",\n \"create_time\": \"2020-06-16T02:36:50.617778Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":7,\\\"y\\\":162.25,\\\"scale\\\":0.9199999999999999},\\\"wires\\\":[{\\\"points\\\":[[390.3194580078125,340],[386.66607666015625,576.2916259765625],[739.3743896484375,569.375],[737.3194580078125,526]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592274709494,\\\"keyName\\\":\\\"RelayModule\\\",\\\"pid\\\":4},\\\"end\\\":{\\\"id\\\":1592274680021,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18}},{\\\"points\\\":[[406.3194580078125,340],[467.79107666015625,338.6666564941406],[469.8743896484375,209.5],[669.8743896484375,208.4583282470703],[671.3194580078125,252]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592274709494,\\\"keyName\\\":\\\"RelayModule\\\",\\\"pid\\\":5},\\\"end\\\":{\\\"id\\\":1592274680021,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":1}},{\\\"points\\\":[[376.3194580078125,340],[372.65155029296875,436.9456481933594],[452.2167663574219,436.0325927734375],[455.65155029296875,188.68478393554688],[685.1732788085938,185.68478393554688],[685.3194580078125,252]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1592274709494,\\\"keyName\\\":\\\"RelayModule\\\",\\\"pid\\\":3},\\\"end\\\":{\\\"id\\\":1592274680021,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":2}},{\\\"points\\\":[[403.3194580078125,161],[563.7493896484375,156.22825622558594],[565.9232788085938,93.18477630615234],[581.7928466796875,91.88043022155762]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592274709494,\\\"keyName\\\":\\\"RelayModule\\\",\\\"pid\\\":2},\\\"end\\\":{\\\"id\\\":1592274925181,\\\"keyName\\\":\\\"Battery9v\\\",\\\"pid\\\":1}},{\\\"points\\\":[[380.0537414550781,75.09782218933105],[378.3194580078125,161]],\\\"color\\\":\\\"#e6a800\\\",\\\"start\\\":{\\\"id\\\":1592274941280,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592274709494,\\\"keyName\\\":\\\"RelayModule\\\",\\\"pid\\\":1}},{\\\"points\\\":[[364.0537414550781,75.09782218933105],[317.26025390625,74.70651245117188],[317.26025390625,-37.250003814697266],[554.216796875,-39.42391586303711],[555.3037109375,52.967384338378906],[581.7928466796875,49.88043022155762]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1592274941280,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592274925181,\\\"keyName\\\":\\\"Battery9v\\\",\\\"pid\\\":0}}],\\\"RelayModule\\\":[{\\\"x\\\":267.3194580078125,\\\"y\\\":208,\\\"tx\\\":50,\\\"ty\\\":-70,\\\"id\\\":1592274709494}],\\\"LED\\\":[{\\\"x\\\":380.0537414550781,\\\"y\\\":-7.902177810668945,\\\"tx\\\":-5,\\\"ty\\\":15,\\\"id\\\":1592274941280,\\\"data\\\":{\\\"color\\\":0}}],\\\"ArduinoUno\\\":[{\\\"x\\\":449.3194580078125,\\\"y\\\":217,\\\"tx\\\":20,\\\"ty\\\":5,\\\"id\\\":1592274680021,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"void setup(){\\\\n\\\\tpinMode(LED_BUILTIN, OUTPUT);\\\\n}\\\\n\\\\nvoid loop(){\\\\n\\\\tdigitalWrite(LED_BUILTIN, HIGH);\\\\n delay(1000);\\\\n\\\\tdigitalWrite(LED_BUILTIN, LOW);\\\\n delay(1000);\\\\n}\\\"}}],\\\"Battery9v\\\":[{\\\"x\\\":601.7928466796875,\\\"y\\\":-23.119569778442383,\\\"tx\\\":-20,\\\"ty\\\":42,\\\"id\\\":1592274925181}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"create_time\": \"2020-06-26T13:09:09.786644Z\",\n \"name\": \"Two Arduinos\",\n \"description\": \"Blink Example For using two Arduino in workspace.\",\n \"base64_image\": \"e61852b4-3f8f-4b74-8ca3-4505f5a5b752.png\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":-113.25,\\\"y\\\":54,\\\"scale\\\":1.1800000000000002},\\\"wires\\\":[{\\\"points\\\":[[336.375,213],[336.375,271]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1593176474698,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593176471875,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":2}},{\\\"points\\\":[[352.375,213],[369.375,214],[621.375,216],[614.375,608],[416.375,611],[416.375,545]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593176474698,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593176471875,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20}},{\\\"points\\\":[[973,229],[973.375,268]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1593176480662,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593176476626,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":3}},{\\\"points\\\":[[989,229],[1216.375,233],[1222.375,573],[1041.375,573],[1039.375,542]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593176480662,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593176476626,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20}}],\\\"LED\\\":[{\\\"x\\\":363.375,\\\"y\\\":146,\\\"tx\\\":-16,\\\"ty\\\":-1,\\\"id\\\":1593176474698,\\\"data\\\":{\\\"color\\\":4}},{\\\"x\\\":100,\\\"y\\\":100,\\\"tx\\\":884,\\\"ty\\\":61,\\\"id\\\":1593176480662,\\\"data\\\":{\\\"color\\\":1}}],\\\"ArduinoUno\\\":[{\\\"x\\\":135.375,\\\"y\\\":237,\\\"tx\\\":-15,\\\"ty\\\":4,\\\"id\\\":1593176471875,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"void setup(){\\\\n\\\\tpinMode(LED_BUILTIN, OUTPUT);\\\\n}\\\\n\\\\nvoid loop(){\\\\n\\\\tdigitalWrite(LED_BUILTIN, HIGH);\\\\n delay(1000);\\\\n\\\\tdigitalWrite(LED_BUILTIN, LOW);\\\\n delay(1000);\\\\n}\\\"}},{\\\"x\\\":939.375,\\\"y\\\":338,\\\"tx\\\":-196,\\\"ty\\\":-100,\\\"id\\\":1593176476626,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 2\\\",\\\"code\\\":\\\"void setup(){\\\\n\\\\tpinMode(12, OUTPUT);\\\\n}\\\\n\\\\nvoid loop(){\\\\n\\\\tdigitalWrite(12, HIGH);\\\\n delay(300);\\\\n\\\\tdigitalWrite(12, LOW);\\\\n delay(300);\\\\n}\\\"}}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Play With Serial Input\",\n \"description\": \"Glow LED Using Serial Input.\",\n \"base64_image\": \"5721d871-3393-4d66-afe3-bfa0612178d2.png\",\n \"create_time\": \"2020-06-26T15:17:59.743679Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":-355.25,\\\"y\\\":-3,\\\"scale\\\":1},\\\"wires\\\":[{\\\"points\\\":[[659.375,179],[656.375,273]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1593183905780,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593183899067,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":3}},{\\\"points\\\":[[675.375,179],[947.375,179],[956.375,611],[719.375,610],[722.375,547]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593183905780,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593183899067,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20}}],\\\"Label\\\":[{\\\"x\\\":1084.375,\\\"y\\\":183,\\\"tx\\\":-59,\\\"ty\\\":2,\\\"id\\\":1593184554578,\\\"data\\\":{\\\"text\\\":\\\"Note\\\",\\\"size\\\":58,\\\"color\\\":\\\"#ff0000\\\",\\\"weight\\\":\\\"Bold\\\",\\\"style\\\":\\\"normal\\\"}},{\\\"x\\\":1059.625,\\\"y\\\":254,\\\"tx\\\":197,\\\"ty\\\":-18,\\\"id\\\":1593184582898,\\\"data\\\":{\\\"text\\\":\\\"Send G to Glow LED and any other alphabet to stop the glow.\\\",\\\"size\\\":23,\\\"color\\\":\\\"#000000\\\",\\\"weight\\\":\\\"normal\\\",\\\"style\\\":\\\"normal\\\"}}],\\\"LED\\\":[{\\\"x\\\":665.375,\\\"y\\\":186,\\\"tx\\\":5,\\\"ty\\\":-75,\\\"id\\\":1593183905780,\\\"data\\\":{\\\"color\\\":4}}],\\\"ArduinoUno\\\":[{\\\"x\\\":443.375,\\\"y\\\":277,\\\"tx\\\":-17,\\\"ty\\\":-34,\\\"id\\\":1593183899067,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"void setup(){\\\\n Serial.begin(9600);\\\\n\\\\tpinMode(12, OUTPUT);\\\\n}\\\\n\\\\nvoid loop(){\\\\n if(Serial.available() > 0){\\\\n char c = Serial.read();\\\\n if(c == 'G')\\\\n \\\\tdigitalWrite(12, HIGH);\\\\n else\\\\n \\\\tdigitalWrite(12, LOW);\\\\n }\\\\n}\\\"}}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Motor Driver\",\n \"description\": \"Send Commands to w,s,a,d in serial input to start motor.\",\n \"base64_image\": \"3bf01a9d-803b-4907-bacd-b7ad1765df8d.png\",\n \"create_time\": \"2020-06-23T07:28:38.653666Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":34.75,\\\"y\\\":60.25,\\\"scale\\\":1.04},\\\"wires\\\":[{\\\"points\\\":[[158.2432403564453,180.05404663085938],[158.6666717529297,200.44444274902344]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592897349163,\\\"keyName\\\":\\\"Motor\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592897236003,\\\"keyName\\\":\\\"L298N\\\",\\\"pid\\\":6}},{\\\"points\\\":[[174.2432403564453,180.05404663085938],[171.6666717529297,200.44444274902344]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1592897349163,\\\"keyName\\\":\\\"Motor\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592897236003,\\\"keyName\\\":\\\"L298N\\\",\\\"pid\\\":7}},{\\\"points\\\":[[56.59459686279297,288.70269775390625],[175,292.1071472167969],[173.6666717529297,314.44444274902344]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1592897371331,\\\"keyName\\\":\\\"Motor\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592897236003,\\\"keyName\\\":\\\"L298N\\\",\\\"pid\\\":9}},{\\\"points\\\":[[40.59459686279297,288.70269775390625],[41.11111068725586,318.297607421875],[161.6666717529297,314.44444274902344]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592897371331,\\\"keyName\\\":\\\"Motor\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592897236003,\\\"keyName\\\":\\\"L298N\\\",\\\"pid\\\":8}},{\\\"points\\\":[[202.375,527.5],[204.6666717529297,294.44444274902344]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1593055552928,\\\"keyName\\\":\\\"Battery9v\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592897236003,\\\"keyName\\\":\\\"L298N\\\",\\\"pid\\\":11}},{\\\"points\\\":[[596.3783874511719,431.0810852050781],[597.477294921875,462.1590881347656],[822.375,460.5]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592897315035,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20},\\\"end\\\":{\\\"id\\\":1593055525879,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":3}},{\\\"points\\\":[[204.6666717529297,284.44444274902344],[263.0227355957031,285.1590881347656],[265.0227355957031,488.3863525390625],[839.3409423828125,493.8409118652344],[837.375,460.5]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1592897236003,\\\"keyName\\\":\\\"L298N\\\",\\\"pid\\\":12},\\\"end\\\":{\\\"id\\\":1593055525879,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":7}},{\\\"points\\\":[[202.375,569.5],[166.15908813476562,571.25],[166.15908813476562,639.4318237304688],[883.2045288085938,645.1136474609375],[867.375,460.5]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593055552928,\\\"keyName\\\":\\\"Battery9v\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593055525879,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":15}},{\\\"points\\\":[[207.6666717529297,206.44444274902344],[211.61363220214844,52.477272033691406],[669.79541015625,49.749996185302734],[668.3783874511719,157.08108520507812]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1592897236003,\\\"keyName\\\":\\\"L298N\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1592897315035,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":12}},{\\\"points\\\":[[207.6666717529297,256.44444274902344],[308.646240234375,256.73114013671875],[308.646240234375,135.0330352783203],[575.6273803710938,135.0330352783203],[574.3783874511719,157.08108520507812]],\\\"color\\\":\\\"#e6a800\\\",\\\"start\\\":{\\\"id\\\":1592897236003,\\\"keyName\\\":\\\"L298N\\\",\\\"pid\\\":5},\\\"end\\\":{\\\"id\\\":1592897315035,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":6}},{\\\"points\\\":[[207.6666717529297,246.44444274902344],[300.1556701660156,248.24058532714844],[300.1556701660156,126.54246520996094],[586.6651000976562,127.76887512207031],[588.3783874511719,157.08108520507812]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1592897236003,\\\"keyName\\\":\\\"L298N\\\",\\\"pid\\\":4},\\\"end\\\":{\\\"id\\\":1592897315035,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":7}},{\\\"points\\\":[[207.6666717529297,236.44444274902344],[291.66510009765625,240.6934051513672],[291.66510009765625,116.16510009765625],[612.4764404296875,117.27831268310547],[612.3783874511719,157.08108520507812]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1592897236003,\\\"keyName\\\":\\\"L298N\\\",\\\"pid\\\":3},\\\"end\\\":{\\\"id\\\":1592897315035,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":8}},{\\\"points\\\":[[207.6666717529297,226.44444274902344],[284.1179504394531,231.2594451904297],[284.1179504394531,104.84434509277344],[626.57080078125,105.7877426147461],[626.3783874511719,157.08108520507812]],\\\"color\\\":\\\"#e6a800\\\",\\\"start\\\":{\\\"id\\\":1592897236003,\\\"keyName\\\":\\\"L298N\\\",\\\"pid\\\":2},\\\"end\\\":{\\\"id\\\":1592897315035,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":9}},{\\\"points\\\":[[207.6666717529297,216.44444274902344],[272.0235900878906,215.05189514160156],[273.7405700683594,86.9198226928711],[639.6085205078125,89.69340515136719],[640.3783874511719,157.08108520507812]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1592897236003,\\\"keyName\\\":\\\"L298N\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1592897315035,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":10}}],\\\"BreadBoard\\\":[{\\\"x\\\":807.375,\\\"y\\\":127.5,\\\"tx\\\":-4,\\\"ty\\\":26,\\\"id\\\":1593055525879}],\\\"L298N\\\":[{\\\"x\\\":156.6666717529297,\\\"y\\\":214.44444274902344,\\\"tx\\\":-71,\\\"ty\\\":-21,\\\"id\\\":1592897236003}],\\\"Motor\\\":[{\\\"x\\\":143.2432403564453,\\\"y\\\":129.05404663085938,\\\"tx\\\":-13,\\\"ty\\\":-4,\\\"id\\\":1592897349163},{\\\"x\\\":119.59459686279297,\\\"y\\\":352.70269775390625,\\\"tx\\\":-107,\\\"ty\\\":-119,\\\"id\\\":1592897371331}],\\\"ArduinoUno\\\":[{\\\"x\\\":378.3783874511719,\\\"y\\\":206.08108520507812,\\\"tx\\\":-78,\\\"ty\\\":-79,\\\"id\\\":1592897315035,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"void setup(){\\\\n Serial.begin(9600);\\\\n pinMode(3, OUTPUT);\\\\n\\\\tpinMode(5, OUTPUT);\\\\n\\\\tpinMode(6, OUTPUT);\\\\n\\\\tpinMode(7, OUTPUT);\\\\n\\\\tpinMode(8, OUTPUT);\\\\n\\\\tpinMode(9, OUTPUT);\\\\n analogWrite(3, 127);\\\\n analogWrite(9, 127);\\\\n}\\\\nvoid loop(){\\\\n\\\\tif(Serial.available() > 0){\\\\n char ch = Serial.read();\\\\n Serial.println(ch);\\\\n if(ch == 'w'){\\\\n // Move Forward\\\\n digitalWrite(5, LOW);\\\\n digitalWrite(6, HIGH);\\\\n digitalWrite(7, LOW);\\\\n digitalWrite(8, HIGH);\\\\n }else if(ch == 's'){\\\\n // Move Backward\\\\n digitalWrite(5, HIGH);\\\\n digitalWrite(6, LOW);\\\\n digitalWrite(7, HIGH);\\\\n digitalWrite(8, LOW);\\\\n }else if(ch == 'a'){\\\\n // Move Left\\\\n digitalWrite(5, LOW);\\\\n digitalWrite(6, HIGH);\\\\n digitalWrite(7, LOW);\\\\n digitalWrite(8, LOW);\\\\n }else if(ch == 'd'){\\\\n // Move Right\\\\n digitalWrite(5, LOW);\\\\n digitalWrite(6, LOW);\\\\n digitalWrite(7, LOW);\\\\n digitalWrite(8, HIGH);\\\\n }\\\\n }\\\\n}\\\"}}],\\\"Battery9v\\\":[{\\\"x\\\":865.375,\\\"y\\\":610.5,\\\"tx\\\":-663,\\\"ty\\\":-114,\\\"id\\\":1593055552928}]}\"\n },\n {\n \"author\": \"Navonil Das\",\n \"name\": \"Blink With BreadBoard.\",\n \"description\": \"\",\n \"base64_image\": \"2e9514c6-69ac-495e-9c4f-09f90c0ca182.png\",\n \"create_time\": \"2020-06-30T15:22:50.922533Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":1,\\\"y\\\":12.5,\\\"scale\\\":1},\\\"wires\\\":[{\\\"points\\\":[[427.375,521],[429.375,583],[656.375,584],[658.375,516]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530174651,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":3}},{\\\"points\\\":[[688.375,244],[688.375,516]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530226379,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":11}},{\\\"points\\\":[[672.375,244],[673.375,246]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530226379,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":5}},{\\\"points\\\":[[703.375,245],[703.375,246]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530229859,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":13}},{\\\"points\\\":[[719.375,245],[718.375,516]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530229859,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":19}},{\\\"points\\\":[[749.375,246],[751.375,246]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530234619,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":21}},{\\\"points\\\":[[765.375,246],[766.375,516]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530234619,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":27}},{\\\"points\\\":[[779.625,242.5],[781.375,246]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530303771,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":29}},{\\\"points\\\":[[795.625,242.5],[796.375,516]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530303771,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":35}},{\\\"points\\\":[[485.375,247],[493.625,171.5],[601.625,170.5],[602.625,250.5],[658.375,246]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1593530174651,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":11},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":1}},{\\\"points\\\":[[843.625,244.5],[844.375,246]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530333499,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":41}},{\\\"points\\\":[[859.625,244.5],[859.375,516]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530333499,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":47}},{\\\"points\\\":[[875.625,244.5],[874.375,246]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530382683,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":49}},{\\\"points\\\":[[891.625,244.5],[889.375,516]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530382683,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":55}},{\\\"points\\\":[[951.625,243.5],[952.375,246]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530403714,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":65}},{\\\"points\\\":[[967.625,243.5],[967.375,516]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530403714,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":71}},{\\\"points\\\":[[982.625,243.5],[982.375,246]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530416251,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":73}},{\\\"points\\\":[[998.625,243.5],[997.375,516]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530416251,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":79}},{\\\"points\\\":[[1045.625,242.5],[1045.375,246]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530441994,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":85}},{\\\"points\\\":[[1061.625,242.5],[1060.375,516]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530441994,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":91}},{\\\"points\\\":[[1073.625,242.5],[1075.375,246]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530458634,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":93}},{\\\"points\\\":[[1089.625,242.5],[1090.375,516]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593530458634,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593530197683,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":99}}],\\\"BreadBoard\\\":[{\\\"x\\\":794.375,\\\"y\\\":282,\\\"tx\\\":-155,\\\"ty\\\":-73,\\\"id\\\":1593530197683}],\\\"LED\\\":[{\\\"x\\\":711.375,\\\"y\\\":147,\\\"tx\\\":-28,\\\"ty\\\":29,\\\"id\\\":1593530226379,\\\"data\\\":{\\\"color\\\":0}},{\\\"x\\\":761.375,\\\"y\\\":133,\\\"tx\\\":-47,\\\"ty\\\":44,\\\"id\\\":1593530229859,\\\"data\\\":{\\\"color\\\":4}},{\\\"x\\\":799.375,\\\"y\\\":145,\\\"tx\\\":-39,\\\"ty\\\":33,\\\"id\\\":1593530234619,\\\"data\\\":{\\\"color\\\":1}},{\\\"x\\\":844.625,\\\"y\\\":160.5,\\\"tx\\\":-54,\\\"ty\\\":14,\\\"id\\\":1593530303771,\\\"data\\\":{\\\"color\\\":2}},{\\\"x\\\":854.625,\\\"y\\\":135.5,\\\"tx\\\":0,\\\"ty\\\":41,\\\"id\\\":1593530333499,\\\"data\\\":{\\\"color\\\":3}},{\\\"x\\\":900.625,\\\"y\\\":159.5,\\\"tx\\\":-14,\\\"ty\\\":17,\\\"id\\\":1593530382683,\\\"data\\\":{\\\"color\\\":4}},{\\\"x\\\":923.625,\\\"y\\\":153.5,\\\"tx\\\":39,\\\"ty\\\":22,\\\"id\\\":1593530403714,\\\"data\\\":{\\\"color\\\":5}},{\\\"x\\\":1007.625,\\\"y\\\":160.5,\\\"tx\\\":-14,\\\"ty\\\":15,\\\"id\\\":1593530416251,\\\"data\\\":{\\\"color\\\":0}},{\\\"x\\\":1078.625,\\\"y\\\":167.5,\\\"tx\\\":-22,\\\"ty\\\":7,\\\"id\\\":1593530441994,\\\"data\\\":{\\\"color\\\":1}},{\\\"x\\\":1098.625,\\\"y\\\":194.5,\\\"tx\\\":-14,\\\"ty\\\":-20,\\\"id\\\":1593530458634,\\\"data\\\":{\\\"color\\\":3}}],\\\"ArduinoUno\\\":[{\\\"x\\\":369.375,\\\"y\\\":340,\\\"tx\\\":-238,\\\"ty\\\":-123,\\\"id\\\":1593530174651,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"void setup(){\\\\n\\\\tpinMode(4, OUTPUT);\\\\n}\\\\n\\\\nvoid loop(){\\\\n\\\\tdigitalWrite(4, HIGH);\\\\n delay(1000);\\\\n\\\\tdigitalWrite(4, LOW);\\\\n delay(1000);\\\\n}\\\"}}]}\"\n },\n {\n \"author\": \"Meet_Shah9224\",\n \"name\": \"Arduino-Servo Motor controlled by Potentiometer\",\n \"description\": \"This example shows how Servo-Motor is triggered by Potentiometer according to Potentiometer's Output values\",\n \"base64_image\": \"b27a5b15-486e-4483-ae61-f5762749b315.png\",\n \"create_time\": \"2020-07-03T19:17:29.676350Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":0,\\\"y\\\":0,\\\"scale\\\":1},\\\"wires\\\":[{\\\"points\\\":[[441.53125,417],[442.53125,507],[723.53125,508],[722.53125,160],[753.53125,159]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1593795977808,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18},\\\"end\\\":{\\\"id\\\":1593795986033,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":1}},{\\\"points\\\":[[469.53125,417],[471.53125,492],[691.53125,492],[692.53125,133]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593795977808,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20},\\\"end\\\":{\\\"id\\\":1593796000275,\\\"keyName\\\":\\\"PotentioMeter\\\",\\\"pid\\\":2}},{\\\"points\\\":[[669.53125,133],[669.53125,472],[512.53125,474],[513.53125,417]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1593796000275,\\\"keyName\\\":\\\"PotentioMeter\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593795977808,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":22}},{\\\"points\\\":[[646.53125,133],[645.53125,179],[768.53125,180],[768.53125,159]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1593796000275,\\\"keyName\\\":\\\"PotentioMeter\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593795986033,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":5}},{\\\"points\\\":[[108.53125,219],[107.53125,10],[784.53125,9],[783.53125,159]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1593796008196,\\\"keyName\\\":\\\"ServoMotor\\\",\\\"pid\\\":1},\\\"end\\\":{\\\"id\\\":1593795986033,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":9}},{\\\"points\\\":[[122.53125,219],[121.53125,66],[448.53125,68],[447.53125,143]],\\\"color\\\":\\\"#e6a800\\\",\\\"start\\\":{\\\"id\\\":1593796008196,\\\"keyName\\\":\\\"ServoMotor\\\",\\\"pid\\\":2},\\\"end\\\":{\\\"id\\\":1593795977808,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":6}},{\\\"points\\\":[[92.53125,219],[91.53125,193],[29.53125,193],[35.53125,534],[457.53125,542],[455.53125,417]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1593796008196,\\\"keyName\\\":\\\"ServoMotor\\\",\\\"pid\\\":0},\\\"end\\\":{\\\"id\\\":1593795977808,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":19}}],\\\"BreadBoard\\\":[{\\\"x\\\":419.53125,\\\"y\\\":195,\\\"tx\\\":315,\\\"ty\\\":-73,\\\"id\\\":1593795986033}],\\\"ServoMotor\\\":[{\\\"x\\\":76.53125,\\\"y\\\":346,\\\"tx\\\":-5,\\\"ty\\\":-137,\\\"id\\\":1593796008196}],\\\"PotentioMeter\\\":[{\\\"x\\\":641.53125,\\\"y\\\":55,\\\"tx\\\":-27,\\\"ty\\\":-40,\\\"id\\\":1593796000275,\\\"data\\\":{\\\"value\\\":0}}],\\\"ArduinoUno\\\":[{\\\"x\\\":369.53125,\\\"y\\\":288,\\\"tx\\\":-196,\\\"ty\\\":-175,\\\"id\\\":1593795977808,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"#include \\\\n\\\\nServo myServo; // create servo object to control a servo\\\\n\\\\nvoid setup() {\\\\n // initialize serial communication at 9600 bits per second:\\\\n Serial.begin(9600);\\\\n \\\\n myServo.attach(9); // attaches the servo on pin 9 to the servo object\\\\n}\\\\n\\\\nvoid loop() {\\\\n // reads the value of the potentiometer (value between 0 and 1023)\\\\n int analogValue = analogRead(A0);\\\\n\\\\n // scales it to use it with the servo (value between 0 and 180)\\\\n int angle = map(analogValue, 0, 1023, 0, 180);\\\\n\\\\n // sets the servo position according to the scaled value\\\\n myServo.write(angle); \\\\n\\\\n // print out the value\\\\n Serial.print(\\\\\\\"Analog: \\\\\\\");\\\\n Serial.print(analogValue);\\\\n Serial.print(\\\\\\\", Angle: \\\\\\\");\\\\n Serial.println(angle);\\\\n delay(100);\\\\n}\\\\n\\\"}}]}\"\n },\n {\n \"author\": \"Sample\",\n \"name\": \"LCD with BreadBoard\",\n \"description\": \"Display text on LCD\",\n \"base64_image\": \"56009d15-6216-4bd2-935a-0ab76596ae76.png\",\n \"create_time\": \"2020-09-14T19:17:29.676350Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":-27.5,\\\"y\\\":126.5,\\\"scale\\\":0.98},\\\"wires\\\":[{\\\"points\\\":[[344.2916717529297,424],[344.2916717529297,462.75],[510.5416564941406,462.75],[510.5416564941406,184.75],[642.5416870117188,184.75],[642.2916870117188,197.5]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924382841,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":106,\\\"isSoldered\\\":false}},{\\\"points\\\":[[316.2916717529297,424],[316.2916717529297,486.75],[535.5416870117188,486.75],[535.5416870117188,111.75],[655.5416870117188,111.75],[657.2916870117188,197.5]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1599924382841,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":108,\\\"isSoldered\\\":false}},{\\\"points\\\":[[250.2916717529297,150],[250.2916717529297,-78.5625],[868.2904052734375,-76.5625],[867.2916870117188,197.5]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924382841,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":136,\\\"isSoldered\\\":false}},{\\\"points\\\":[[264.2916717529297,150],[264.2916717529297,-60.593753814697266],[703.2904052734375,-60.593753814697266],[702.2916870117188,197.5]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1599924382841,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":2,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":114,\\\"isSoldered\\\":false}},{\\\"points\\\":[[278.2916717529297,150],[278.2916717529297,-44.96875],[686.1029052734375,-44.96875],[687.2916870117188,197.5]],\\\"color\\\":\\\"#e6a800\\\",\\\"start\\\":{\\\"id\\\":1599924382841,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":3,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":112,\\\"isSoldered\\\":false}},{\\\"points\\\":[[292.2916717529297,150],[292.2916717529297,-25.968751907348633],[719.6966552734375,-25.968751907348633],[717.2916870117188,197.5]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1599924382841,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":4,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":116,\\\"isSoldered\\\":false}},{\\\"points\\\":[[374.2916717529297,150],[374.2916717529297,89.65625],[669.6966552734375,89.65625],[672.2916870117188,197.5]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1599924382841,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":9,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":110,\\\"isSoldered\\\":false}},{\\\"points\\\":[[388.2916717529297,150],[388.2916717529297,74.03125],[791.2279052734375,76.03125],[792.2916870117188,197.5]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924382841,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":10,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":126,\\\"isSoldered\\\":false}},{\\\"points\\\":[[402.2916717529297,150],[402.2916717529297,57.625],[803.5404052734375,57.625],[807.2916870117188,197.5]],\\\"color\\\":\\\"#e6a800\\\",\\\"start\\\":{\\\"id\\\":1599924382841,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":11,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":128,\\\"isSoldered\\\":false}},{\\\"points\\\":[[416.2916717529297,150],[416.2916717529297,37.3125],[817.6029052734375,37.3125],[822.2916870117188,197.5]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1599924382841,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":12,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":130,\\\"isSoldered\\\":false}},{\\\"points\\\":[[430.2916717529297,150],[430.2916717529297,13.875],[832.4466552734375,13.875],[837.2916870117188,197.5]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1599924382841,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":13,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":132,\\\"isSoldered\\\":false}},{\\\"points\\\":[[642.2916870117188,242.5],[642.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":286,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":0,\\\"isSoldered\\\":false}},{\\\"points\\\":[[657.2916870117188,242.5],[657.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":288,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false}},{\\\"points\\\":[[672.2916870117188,242.5],[672.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":290,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":2,\\\"isSoldered\\\":false}},{\\\"points\\\":[[687.2916870117188,242.5],[687.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":292,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":3,\\\"isSoldered\\\":false}},{\\\"points\\\":[[702.2916870117188,242.5],[702.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":294,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":4,\\\"isSoldered\\\":false}},{\\\"points\\\":[[717.2916870117188,242.5],[717.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":296,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":5,\\\"isSoldered\\\":false}},{\\\"points\\\":[[732.2916870117188,242.5],[732.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":298,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":6,\\\"isSoldered\\\":false}},{\\\"points\\\":[[747.2916870117188,242.5],[747.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":300,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":7,\\\"isSoldered\\\":false}},{\\\"points\\\":[[762.2916870117188,242.5],[762.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":302,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":8,\\\"isSoldered\\\":false}},{\\\"points\\\":[[777.2916870117188,242.5],[777.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":304,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":9,\\\"isSoldered\\\":false}},{\\\"points\\\":[[792.2916870117188,242.5],[792.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":306,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":10,\\\"isSoldered\\\":false}},{\\\"points\\\":[[807.2916870117188,242.5],[807.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":308,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":11,\\\"isSoldered\\\":false}},{\\\"points\\\":[[822.2916870117188,242.5],[822.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":310,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":12,\\\"isSoldered\\\":false}},{\\\"points\\\":[[837.2916870117188,242.5],[837.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":312,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":13,\\\"isSoldered\\\":false}},{\\\"points\\\":[[852.2916870117188,242.5],[852.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":314,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":14,\\\"isSoldered\\\":false}},{\\\"points\\\":[[867.2916870117188,242.5],[867.2916564941406,242]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1599924379959,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":316,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1599924401381,\\\"keyName\\\":\\\"LCD16X2\\\",\\\"pid\\\":15,\\\"isSoldered\\\":false}}],\\\"BreadBoard\\\":[{\\\"x\\\":963.2916870117188,\\\"y\\\":126,\\\"tx\\\":-385,\\\"ty\\\":0,\\\"id\\\":1599924379959}],\\\"LCD16X2\\\":[{\\\"x\\\":468.2916564941406,\\\"y\\\":528,\\\"tx\\\":132,\\\"ty\\\":-294,\\\"id\\\":1599924401381}],\\\"ArduinoUno\\\":[{\\\"x\\\":162.2916717529297,\\\"y\\\":209,\\\"tx\\\":-114,\\\"ty\\\":-89,\\\"id\\\":1599924382841,\\\"data\\\":{\\\"name\\\":\\\"Arduino UNO R3 1\\\",\\\"code\\\":\\\"#include\\\\nLiquidCrystal lcd(12, 13, 11, 5, 4, 3, 2);\\\\n\\\\nbyte human[8] = {0b01110,0b01110,0b00100,0b01110,0b10101,0b00100,0b01010,0b01010};\\\\nbyte rocket[8] = {0b00100,0b01110,0b11111,0b11111,0b01110,0b01110,0b01010,0b01010};\\\\n\\\\nvoid setup() {\\\\n lcd.begin(16, 2);\\\\n lcd.createChar(1, human);\\\\n lcd.createChar(2, rocket);\\\\n} \\\\nvoid loop() { \\\\n\\\\n lcd.setCursor(1,0);\\\\n lcd.write(byte(1));\\\\n\\\\n lcd.setCursor(3, 0);\\\\n lcd.print(\\\\\\\"Simulations\\\\\\\"); \\\\n\\\\n lcd.setCursor(4, 1);\\\\n lcd.print(\\\\\\\"on Cloud\\\\\\\");\\\\n\\\\n lcd.setCursor(13,1);\\\\n lcd.write(byte(2));\\\\n\\\\n delay(1000);\\\\n lcd.clear();\\\\n delay(1000);\\\\n}\\\"}}]}\"\n },\n {\n \"author\": \"Kartik Gautam\",\n \"name\": \"LED with Potentiometer\",\n \"description\": \"Change LED's intensity using Potentiometer\",\n \"base64_image\": \"56009d15-6216-4bd2-935a-0ab76596ae77.png\",\n \"create_time\": \"2021-07-14T19:17:29.676350Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":198.75,\\\"y\\\":-90.25,\\\"scale\\\":0.9199999999999999},\\\"wires\\\":[{\\\"id\\\":1626289935711,\\\"points\\\":[[529,400.5],[529.5,399.275]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626289288122,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":116,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626289433076,\\\"keyName\\\":\\\"PotentioMeter\\\",\\\"pid\\\":0,\\\"isSoldered\\\":false}},{\\\"id\\\":1626289935712,\\\"points\\\":[[544,400.5],[544.2,399.275]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626289288122,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":118,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626289433076,\\\"keyName\\\":\\\"PotentioMeter\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false}},{\\\"id\\\":1626289935713,\\\"points\\\":[[559,400.5],[558.4,399.275]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626289288122,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":120,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626289433076,\\\"keyName\\\":\\\"PotentioMeter\\\",\\\"pid\\\":2,\\\"isSoldered\\\":false}},{\\\"id\\\":1626290844787,\\\"points\\\":[[634,400.5],[633,398.25]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626289288122,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":130,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626289441941,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0,\\\"isSoldered\\\":false}},{\\\"id\\\":1626289935714,\\\"points\\\":[[649,400.5],[649,398.25]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626289288122,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":132,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626289441941,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false}},{\\\"id\\\":1626290352346,\\\"points\\\":[[301,356],[301,311],[379,311],[379,430.5],[409,430.5]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1626289295708,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":13,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626289288122,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":220,\\\"isSoldered\\\":false}},{\\\"id\\\":1626289935716,\\\"points\\\":[[201,630],[201,675],[379,675],[379,460.5],[454,460.5]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1626289295708,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":19,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626289288122,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":346,\\\"isSoldered\\\":false}},{\\\"id\\\":1626289935717,\\\"points\\\":[[409,415.5],[529,415.5]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1626289288122,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":160,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626289288122,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":176,\\\"isSoldered\\\":false}},{\\\"id\\\":1626289935718,\\\"points\\\":[[544,415.5],[634,415.5]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1626289288122,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":178,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626289288122,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":190,\\\"isSoldered\\\":false}},{\\\"id\\\":1626290239976,\\\"points\\\":[[454,445.5],[649,445.5]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1626289288122,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":286,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626289288122,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":312,\\\"isSoldered\\\":false}}],\\\"BreadBoard\\\":[{\\\"x\\\":119,\\\"y\\\":154,\\\"tx\\\":271,\\\"ty\\\":175,\\\"id\\\":1626289288122}],\\\"PotentioMeter\\\":[{\\\"x\\\":419,\\\"y\\\":188.25,\\\"tx\\\":90,\\\"ty\\\":132,\\\"id\\\":1626289433076,\\\"data\\\":{\\\"value\\\":0}}],\\\"Label\\\":[{\\\"x\\\":559.9444580078125,\\\"y\\\":214.7777862548828,\\\"tx\\\":-22,\\\"ty\\\":58,\\\"id\\\":1626289675883,\\\"data\\\":{\\\"text\\\":\\\"Rotatepotentiometer'sknob\\\",\\\"size\\\":15,\\\"color\\\":\\\"#6a0dad\\\",\\\"weight\\\":\\\"Lighter\\\",\\\"style\\\":\\\"Normal\\\"}},{\\\"x\\\":389.9444580078125,\\\"y\\\":223.6666717529297,\\\"tx\\\":147,\\\"ty\\\":70,\\\"id\\\":1626289761249,\\\"data\\\":{\\\"text\\\":\\\"tochangeintensityofLED\\\",\\\"size\\\":15,\\\"color\\\":\\\"#6a0dad\\\",\\\"weight\\\":\\\"Lighter\\\",\\\"style\\\":\\\"normal\\\"}}],\\\"LED\\\":[{\\\"x\\\":281,\\\"y\\\":154.25,\\\"tx\\\":363,\\\"ty\\\":176,\\\"id\\\":1626289441941,\\\"data\\\":{\\\"color\\\":0}}],\\\"ArduinoUno\\\":[{\\\"x\\\":43,\\\"y\\\":352,\\\"tx\\\":-124,\\\"ty\\\":-26,\\\"id\\\":1626289295708,\\\"data\\\":{\\\"name\\\":\\\"ArduinoUNOR31\\\",\\\"code\\\":\\\"int PIN = 2;\\\\n\\\\nvoid setup(){\\\\n // set PIN mode to output\\\\n\\\\tpinMode(PIN, OUTPUT);\\\\n}\\\\n\\\\nvoid loop(){\\\\n // set output to High\\\\n\\\\tdigitalWrite(PIN, HIGH);\\\\n}\\\"}}]}\"\n },\n {\n \"author\": \"Kartik Gautam\",\n \"name\": \"L293D Motor Driver\",\n \"description\": \"Change motor direction and speed using Potentiometer & push buttons\",\n \"base64_image\": \"31145g15-6216-4bd2-935a-0ab79296ae67.png\",\n \"create_time\": \"2021-07-21T19:17:29.676350Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":-501.25,\\\"y\\\":-69.75,\\\"scale\\\":1.08},\\\"wires\\\":[{\\\"id\\\":1626834621571,\\\"points\\\":[[1168.5,486.5],[1167.46875,489]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":360,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":0,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834632190,\\\"points\\\":[[1183.5,486.5],[1183.46875,489]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":362,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835359414,\\\"points\\\":[[1198.5,486.5],[1197.46875,489]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":364,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":2,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834621572,\\\"points\\\":[[1213.5,486.5],[1211.46875,489]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":366,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":3,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834997733,\\\"points\\\":[[1228.5,486.5],[1226.46875,489]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":368,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":4,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835211366,\\\"points\\\":[[1243.5,486.5],[1241.46875,489]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":370,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":5,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835599596,\\\"points\\\":[[1258.5,486.5],[1258.46875,489]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":372,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":6,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834621573,\\\"points\\\":[[1273.5,486.5],[1274.46875,489]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":374,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":7,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834728555,\\\"points\\\":[[1168.5,546.5],[1167.46875,547]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":121,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":8,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835461947,\\\"points\\\":[[1183.5,546.5],[1183.46875,547]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":123,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":9,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835137530,\\\"points\\\":[[1198.5,546.5],[1199.46875,547]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":125,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":10,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835122828,\\\"points\\\":[[1213.5,546.5],[1214.46875,547]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":127,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":11,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834621574,\\\"points\\\":[[1228.5,546.5],[1229.46875,547]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":129,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":12,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835329676,\\\"points\\\":[[1243.5,546.5],[1243.46875,547]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":131,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":13,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834638354,\\\"points\\\":[[1258.5,546.5],[1258.46875,547]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":133,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":14,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834717794,\\\"points\\\":[[1273.5,546.5],[1274.46875,547]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":135,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626326054444,\\\"keyName\\\":\\\"L293D\\\",\\\"pid\\\":15,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834621575,\\\"points\\\":[[1438.5,426.5],[1440,425.75]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":156,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626370960254,\\\"keyName\\\":\\\"Motor\\\",\\\"pid\\\":0,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834659767,\\\"points\\\":[[1453.5,426.5],[1456,425.75]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":158,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626370960254,\\\"keyName\\\":\\\"Motor\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835069551,\\\"points\\\":[[1198.5,471.5],[1438.5,471.5]],\\\"color\\\":\\\"#e6a800\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":304,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":336,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835239707,\\\"points\\\":[[1243.5,456.5],[1453.5,456.5]],\\\"color\\\":\\\"#e6a800\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":250,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":278,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834621576,\\\"points\\\":[[1273.5,426.5],[1297.5,392]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":134,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":61,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835037989,\\\"points\\\":[[1168.5,426.5],[1171.5,392]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":120,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":37,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834683162,\\\"points\\\":[[1273.5,606.5],[1311,608.75],[1312.5,392]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":375,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":65,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834621577,\\\"points\\\":[[1213.5,426.5],[1219.5,377]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":126,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":44,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834759996,\\\"points\\\":[[1228.5,426.5],[1234.5,377]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":128,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":48,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834963362,\\\"points\\\":[[1063.5,561.5],[1063.5,561.775]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":167,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626370943992,\\\"keyName\\\":\\\"PotentioMeter\\\",\\\"pid\\\":0,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835605609,\\\"points\\\":[[1078.5,561.5],[1078.2,561.775]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":169,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626370943992,\\\"keyName\\\":\\\"PotentioMeter\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834621578,\\\"points\\\":[[1093.5,561.5],[1092.4,561.775]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":171,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626370943992,\\\"keyName\\\":\\\"PotentioMeter\\\",\\\"pid\\\":2,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834766427,\\\"points\\\":[[881.9166870117188,652.1944427490234],[883.0556030273438,697.138916015625],[1077.9444580078125,697.4722290039062],[1078.5,606.5]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1626371174393,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":22,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":349,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835234361,\\\"points\\\":[[1063.5,606.5],[1063.5,647]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":347,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":14,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834621579,\\\"points\\\":[[1093.5,606.5],[1111.5,662]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":351,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":23,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835481281,\\\"points\\\":[[1342.5,392],[1342.5,647]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":73,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":74,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835533224,\\\"points\\\":[[1357.5,377],[1357.5,662]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":76,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":79,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835314887,\\\"points\\\":[[1258.5,426.5],[1260.8333740234375,317.1388854980469],[783.0556030273438,316.02777099609375],[785.9166870117188,378.19444274902344]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":132,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626371174393,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":4,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834621580,\\\"points\\\":[[799.9166870117188,378.19444274902344],[798.6111450195312,329.3611145019531],[1185.27783203125,330.47222900390625],[1183.5,426.5]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1626371174393,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":5,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":122,\\\"isSoldered\\\":false}},{\\\"id\\\":1626835593564,\\\"points\\\":[[757.9166870117188,378.19444274902344],[759.7222290039062,271.5833435058594],[1035.8333740234375,271.1388854980469]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626371174393,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":2,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626371450798,\\\"keyName\\\":\\\"PushButton\\\",\\\"pid\\\":2,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834825529,\\\"points\\\":[[1070.8333740234375,271.1388854980469],[1078.5,377]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626371450798,\\\"keyName\\\":\\\"PushButton\\\",\\\"pid\\\":3,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":16,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834893206,\\\"points\\\":[[771.9166870117188,378.19444274902344],[774.1666870117188,290.47222900390625],[1144.166748046875,287.1388854980469],[1147.166748046875,267.80555725097656]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626371174393,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":3,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626371452788,\\\"keyName\\\":\\\"PushButton\\\",\\\"pid\\\":2,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834621581,\\\"points\\\":[[1182.166748046875,267.80555725097656],[1204.5,392]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626371452788,\\\"keyName\\\":\\\"PushButton\\\",\\\"pid\\\":3,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":41,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834810430,\\\"points\\\":[[823.9166870117188,652.1944427490234],[826.7777709960938,720.75],[1403.4444580078125,721.8611450195312],[1405.5,662]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626371174393,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":19,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":87,\\\"isSoldered\\\":false}},{\\\"id\\\":1626834958934,\\\"points\\\":[[809.9166870117188,652.1944427490234],[817.888916015625,741.8611450195312],[1424.5555419921875,737.4166870117188],[1420.5,647]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626371174393,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626370927984,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":90,\\\"isSoldered\\\":false}}],\\\"BreadBoard\\\":[{\\\"x\\\":1089.5,\\\"y\\\":470,\\\"tx\\\":-90,\\\"ty\\\":-115,\\\"id\\\":1626370927984}],\\\"PotentioMeter\\\":[{\\\"x\\\":1132,\\\"y\\\":263.75,\\\"tx\\\":-89,\\\"ty\\\":219,\\\"id\\\":1626370943992,\\\"data\\\":{\\\"value\\\":0}}],\\\"Label\\\":[{\\\"x\\\":1289.0555419921875,\\\"y\\\":115,\\\"tx\\\":-125,\\\"ty\\\":18,\\\"id\\\":1626834625520,\\\"data\\\":{\\\"text\\\":\\\"Push to rotate\\\",\\\"size\\\":15,\\\"color\\\":\\\"#000000\\\",\\\"weight\\\":\\\"normal\\\",\\\"style\\\":\\\"normal\\\"}},{\\\"x\\\":1325.7222900390625,\\\"y\\\":117.22222137451172,\\\"tx\\\":-160,\\\"ty\\\":36,\\\"id\\\":1626834655604,\\\"data\\\":{\\\"text\\\":\\\"Anti-Clockwise\\\",\\\"size\\\":15,\\\"color\\\":\\\"#000000\\\",\\\"weight\\\":\\\"normal\\\",\\\"style\\\":\\\"normal\\\"}},{\\\"x\\\":783.5,\\\"y\\\":116.11111450195312,\\\"tx\\\":259,\\\"ty\\\":19,\\\"id\\\":1626834670688,\\\"data\\\":{\\\"text\\\":\\\"Push to rotate\\\",\\\"size\\\":15,\\\"color\\\":\\\"#000000\\\",\\\"weight\\\":\\\"normal\\\",\\\"style\\\":\\\"normal\\\"}},{\\\"x\\\":881.2777709960938,\\\"y\\\":142.7777862548828,\\\"tx\\\":163,\\\"ty\\\":13,\\\"id\\\":1626834672616,\\\"data\\\":{\\\"text\\\":\\\"Clockwise\\\",\\\"size\\\":15,\\\"color\\\":\\\"#000000\\\",\\\"weight\\\":\\\"normal\\\",\\\"style\\\":\\\"normal\\\"}},{\\\"x\\\":1023.5,\\\"y\\\":856.1111450195312,\\\"tx\\\":77,\\\"ty\\\":-86,\\\"id\\\":1626834704194,\\\"data\\\":{\\\"text\\\":\\\"Rotate potentiometer to change motor's RPM\\\",\\\"size\\\":24,\\\"color\\\":\\\"#000000\\\",\\\"weight\\\":\\\"normal\\\",\\\"style\\\":\\\"normal\\\"}}],\\\"Motor\\\":[{\\\"x\\\":1051,\\\"y\\\":175.75,\\\"tx\\\":361,\\\"ty\\\":195,\\\"id\\\":1626370960254}],\\\"ArduinoUno\\\":[{\\\"x\\\":952.9166870117188,\\\"y\\\":153.19444274902344,\\\"tx\\\":-411,\\\"ty\\\":195,\\\"id\\\":1626371174393,\\\"data\\\":{\\\"name\\\":\\\"ArduinoUNOR32\\\",\\\"code\\\":\\\"const int potPin = A0;\\\\nconst int fwdbuttonPin = 13;\\\\nconst int bckbuttonPin = 12;\\\\nconst int ICpin2 = 11;\\\\nconst int ICpin7 = 10;\\\\n\\\\nint potValue = 0;\\\\nint motorValue = 0;\\\\nint fwdbuttonState = 0;\\\\nint bckbuttonState = 0;\\\\n\\\\nvoid setup()\\\\n{\\\\npinMode(fwdbuttonPin, INPUT_PULLUP);\\\\npinMode(bckbuttonPin,INPUT_PULLUP);\\\\n\\\\npinMode(ICpin2, OUTPUT);\\\\npinMode(ICpin7, OUTPUT);\\\\n}\\\\n\\\\nvoid loop()\\\\n{\\\\npotValue = analogRead(potPin);\\\\nmotorValue = map(potValue, 0, 1023, 0, 255);\\\\nfwdbuttonState = digitalRead(fwdbuttonPin);\\\\nbckbuttonState = digitalRead(bckbuttonPin);\\\\n\\\\ndelay (500);\\\\nif(fwdbuttonState == LOW || bckbuttonState == LOW)\\\\n{\\\\n analogWrite(fwdbuttonState == LOW ? ICpin2 : ICpin7, motorValue); \\\\n digitalWrite(fwdbuttonState == LOW ? ICpin7 : ICpin2, LOW);\\\\n} else\\\\n{\\\\n analogWrite(ICpin2, 1);\\\\n analogWrite(ICpin7, 1);\\\\n}\\\\n}\\\\n\\\"}}],\\\"PushButton\\\":[{\\\"x\\\":970.8333740234375,\\\"y\\\":187.13888549804688,\\\"tx\\\":51,\\\"ty\\\":4,\\\"id\\\":1626371450798},{\\\"x\\\":1194.166748046875,\\\"y\\\":223.80555725097656,\\\"tx\\\":-61,\\\"ty\\\":-36,\\\"id\\\":1626371452788}],\\\"L293D\\\":[{\\\"x\\\":375.46875,\\\"y\\\":664,\\\"tx\\\":788,\\\"ty\\\":-175,\\\"id\\\":1626326054444}]}\"\n },\n {\n \"author\": \"Kartik Gautam\",\n \"name\": \"LED with LDR\",\n \"description\": \"Change intensity of light from LED using LDR\",\n \"base64_image\": \"31125g25-6216-4bd2-935a-0ab79296a123.png\",\n \"create_time\": \"2021-07-26T19:17:29.676350Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":39.5,\\\"y\\\":-20,\\\"scale\\\":1.2200000000000002},\\\"wires\\\":[{\\\"id\\\":1627283225471,\\\"points\\\":[[259,560],[259,583.0701904296875],[488.881591796875,583.0701904296875],[488.881591796875,561.140380859375],[517,561]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1626864742739,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":19,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626864744564,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":3,\\\"isSoldered\\\":false}},{\\\"id\\\":1627283225473,\\\"points\\\":[[652,355.5],[650,357]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626864744564,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":238,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626864757742,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0,\\\"isSoldered\\\":false}},{\\\"id\\\":1627283225474,\\\"points\\\":[[667,355.5],[666,357]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626864744564,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":240,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1626864757742,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false}},{\\\"id\\\":1627283225476,\\\"points\\\":[[667,385.5],[670,561]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1626864744564,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":360,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626864744564,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":39,\\\"isSoldered\\\":false}},{\\\"id\\\":1627284170811,\\\"points\\\":[[562,370.5],[482.03509521484375,370.5],[482.03509521484375,233.9385986328125],[195.19297790527344,233.9385986328125],[193,286]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1626864744564,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":286,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626864742739,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":2,\\\"isSoldered\\\":false}},{\\\"id\\\":1627283225478,\\\"points\\\":[[577,370.5],[652,370.5]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1626864744564,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":288,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1626864744564,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":298,\\\"isSoldered\\\":false}},{\\\"id\\\":1627283262244,\\\"points\\\":[[562,325.5],[561.0833129882812,324.5833282470703]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626864744564,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":106,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1627283259152,\\\"keyName\\\":\\\"PhotoResistor\\\",\\\"pid\\\":0,\\\"isSoldered\\\":false}},{\\\"id\\\":1627283262246,\\\"points\\\":[[577,325.5],[576.0833129882812,324.5833282470703]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1626864744564,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":108,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1627283259152,\\\"keyName\\\":\\\"PhotoResistor\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false}}],\\\"BreadBoard\\\":[{\\\"x\\\":254,\\\"y\\\":101,\\\"tx\\\":244,\\\"ty\\\":153,\\\"id\\\":1626864744564}],\\\"PhotoResistor\\\":[{\\\"x\\\":538.0833129882812,\\\"y\\\":175.5833282470703,\\\"tx\\\":6,\\\"ty\\\":89,\\\"id\\\":1627283259152}],\\\"Label\\\":[{\\\"x\\\":528.9893188476562,\\\"y\\\":119.62232971191406,\\\"tx\\\":22,\\\"ty\\\":44,\\\"id\\\":1627283306260,\\\"data\\\":{\\\"text\\\":\\\"Move slider to change LED's brightness\\\",\\\"size\\\":15,\\\"color\\\":\\\"#000000\\\",\\\"weight\\\":\\\"normal\\\",\\\"style\\\":\\\"normal\\\"}}],\\\"LED\\\":[{\\\"x\\\":198,\\\"y\\\":64,\\\"tx\\\":463,\\\"ty\\\":225,\\\"id\\\":1626864757742,\\\"data\\\":{\\\"color\\\":0}}],\\\"ArduinoUno\\\":[{\\\"x\\\":54,\\\"y\\\":259,\\\"tx\\\":-77,\\\"ty\\\":-3,\\\"id\\\":1626864742739,\\\"data\\\":{\\\"name\\\":\\\"ArduinoUNOR31\\\",\\\"code\\\":\\\"void setup(){\\\\n\\\\tpinMode(13, OUTPUT);\\\\n}\\\\n\\\\nvoid loop(){\\\\n\\\\tdigitalWrite(13, HIGH);\\\\n}\\\"}}]}\"\n },\n {\n \"author\": \"Kartik Gautam\",\n \"name\": \"Serial output with thermistor\",\n \"description\": \"Show ADC value in serial output\",\n \"base64_image\": \"33345g15-6216-4bd2-935a-0ab79296ae67.png\",\n \"create_time\": \"2021-07-29T19:17:29.676350Z\",\n \"data_dump\": \"{\\\"id\\\":1627499898093,\\\"canvas\\\":{\\\"x\\\":-410.25,\\\"y\\\":-131.25,\\\"scale\\\":1.1400000000000001},\\\"wires\\\":[{\\\"id\\\":1627499789361,\\\"points\\\":[[746.9415130615234,655.1282043457031],[746.9415130615234,708.2069091796875],[1043.7586669921875,708.2069091796875],[1044.300537109375,481.5]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1627148899389,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1627148894928,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":350,\\\"isSoldered\\\":false}},{\\\"id\\\":1627499789363,\\\"points\\\":[[680.9415130615234,381.1282043457031],[679.9415130615234,352.5172424316406],[939.5172729492188,351.5172424316406],[938.5172729492188,601.5517578125],[984.300537109375,601.5]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1627148899389,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1627148894928,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":343,\\\"isSoldered\\\":false}},{\\\"id\\\":1627499789364,\\\"points\\\":[[984.300537109375,436.5],[1029.300537109375,436.5]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1627148894928,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":162,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1627148894928,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":168,\\\"isSoldered\\\":false}},{\\\"id\\\":1627500424552,\\\"points\\\":[[1029.300537109375,481.5],[1029.300537109375,688.2672729492188],[877.0344848632812,688.2672729492188],[874.9415130615234,655.1282043457031]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1627148894928,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":348,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1627148899389,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":26,\\\"isSoldered\\\":false}},{\\\"id\\\":1627500012671,\\\"points\\\":[[1029.300537109375,421.5],[1028.27587890625,421.34483337402344]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1627148894928,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":108,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1627442453873,\\\"keyName\\\":\\\"Thermistor\\\",\\\"pid\\\":0,\\\"isSoldered\\\":false}},{\\\"id\\\":1627499789365,\\\"points\\\":[[1044.300537109375,421.5],[1046.27587890625,421.34483337402344]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1627148894928,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":110,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1627442453873,\\\"keyName\\\":\\\"Thermistor\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false}},{\\\"id\\\":1627500261793,\\\"points\\\":[[984.300537109375,466.5],[982.1466674804688,468.20513916015625]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1627148894928,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":282,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1627148918352,\\\"keyName\\\":\\\"Resistor\\\",\\\"pid\\\":0,\\\"isSoldered\\\":false}},{\\\"id\\\":1627499789366,\\\"points\\\":[[984.300537109375,556.5],[982.1466674804688,559.2051391601562]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1627148894928,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":163,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1627148918352,\\\"keyName\\\":\\\"Resistor\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false}}],\\\"BreadBoard\\\":[{\\\"x\\\":950.300537109375,\\\"y\\\":350,\\\"tx\\\":0,\\\"ty\\\":0,\\\"id\\\":1627148894928}],\\\"Resistor\\\":[{\\\"x\\\":954.1466674804688,\\\"y\\\":178.20513916015625,\\\"tx\\\":17,\\\"ty\\\":286,\\\"id\\\":1627148918352,\\\"data\\\":{\\\"value\\\":1000,\\\"tolerance\\\":10}}],\\\"Label\\\":[{\\\"x\\\":1070.403564453125,\\\"y\\\":191,\\\"tx\\\":-38,\\\"ty\\\":41,\\\"id\\\":1627499818860,\\\"data\\\":{\\\"text\\\":\\\"Move slider to change ADC\\\",\\\"size\\\":15,\\\"color\\\":\\\"#000000\\\",\\\"weight\\\":\\\"normal\\\",\\\"style\\\":\\\"normal\\\"}},{\\\"x\\\":740.5789794921875,\\\"y\\\":245.38597106933594,\\\"tx\\\":295,\\\"ty\\\":8,\\\"id\\\":1627499857054,\\\"data\\\":{\\\"text\\\":\\\"value in serial output\\\",\\\"size\\\":15,\\\"color\\\":\\\"#000000\\\",\\\"weight\\\":\\\"normal\\\",\\\"style\\\":\\\"normal\\\"}}],\\\"ArduinoUno\\\":[{\\\"x\\\":125.94151306152344,\\\"y\\\":305.1282043457031,\\\"tx\\\":353,\\\"ty\\\":46,\\\"id\\\":1627148899389,\\\"data\\\":{\\\"name\\\":\\\"ArduinoUNOR31\\\",\\\"code\\\":\\\"void setup(){\\\\n\\\\tSerial.begin(9600);\\\\n}\\\\n\\\\nvoid loop(){\\\\n\\\\tint val = analogRead(A4);\\\\n Serial.println(val);\\\\n delay (500);\\\\n}\\\"}}],\\\"Thermistor\\\":[{\\\"x\\\":716.27587890625,\\\"y\\\":146.34483337402344,\\\"tx\\\":302,\\\"ty\\\":185,\\\"id\\\":1627442453873}]}\"\n },\n {\n \"author\": \"Kartik Gautam\",\n \"name\": \"LED's brightness using Thermistor\",\n \"description\": \"Change LED's brightness using Thermistor\",\n \"base64_image\": \"32245g15-6216-4bd2-935a-0ab79296ae67.png\",\n \"create_time\": \"2021-07-29T19:17:29.676350Z\",\n \"data_dump\": \"{\\\"canvas\\\":{\\\"x\\\":-65,\\\"y\\\":-59,\\\"scale\\\":1.1400000000000001},\\\"wires\\\":[{\\\"id\\\":1627499922111,\\\"points\\\":[[814.5,349.5],[813.5,350]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1627149633636,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":124,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1627149645405,\\\"keyName\\\":\\\"Thermistor\\\",\\\"pid\\\":0,\\\"isSoldered\\\":false}},{\\\"id\\\":1627499922112,\\\"points\\\":[[829.5,349.5],[831.5,350]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1627149633636,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":126,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1627149645405,\\\"keyName\\\":\\\"Thermistor\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false}},{\\\"id\\\":1627500886994,\\\"points\\\":[[814.5,409.5],[814.5,617],[506.5,617],[504.5,577]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1627149633636,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":364,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1627149636154,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":26,\\\"isSoldered\\\":false}},{\\\"id\\\":1627499922113,\\\"points\\\":[[709.5,409.5],[599.5,409.5],[599.5,596],[404.5,596],[404.5,577]],\\\"color\\\":\\\"#2593fa\\\",\\\"start\\\":{\\\"id\\\":1627149633636,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":350,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1627149636154,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":20,\\\"isSoldered\\\":false}},{\\\"id\\\":1627499922114,\\\"points\\\":[[709.5,394.5],[708.5,396]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1627149633636,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":290,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1627149744110,\\\"keyName\\\":\\\"Resistor\\\",\\\"pid\\\":0,\\\"isSoldered\\\":false}},{\\\"id\\\":1627500280552,\\\"points\\\":[[709.5,484.5],[708.5,487]],\\\"color\\\":\\\"#000\\\",\\\"start\\\":{\\\"id\\\":1627149633636,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":171,\\\"isSoldered\\\":true},\\\"end\\\":{\\\"id\\\":1627149744110,\\\"keyName\\\":\\\"Resistor\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false}},{\\\"id\\\":1627500273198,\\\"points\\\":[[709.5,499.5],[762.5,499.5],[762.5,394],[814.5,394.5]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1627149633636,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":231,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1627149633636,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":304,\\\"isSoldered\\\":false}},{\\\"id\\\":1627499922115,\\\"points\\\":[[829.5,409.5],[829.5,648],[374.5,648],[376.5,577]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1627149633636,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":366,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1627149636154,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":18,\\\"isSoldered\\\":false}},{\\\"id\\\":1627500494445,\\\"points\\\":[[476.5,303],[476.5,277.3918762207031],[564.8441772460938,277.3918762207031],[564.8441772460938,364.5540466308594],[739.5,364.5]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1627149636154,\\\"keyName\\\":\\\"ArduinoUno\\\",\\\"pid\\\":12,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1627149633636,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":174,\\\"isSoldered\\\":false}},{\\\"id\\\":1627499922116,\\\"points\\\":[[725.25,269],[725.25,331.4459533691406],[709.7026977539062,331.4459533691406],[709.5,349.5]],\\\"color\\\":\\\"#31c404\\\",\\\"start\\\":{\\\"id\\\":1627281921222,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":1,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1627149633636,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":110,\\\"isSoldered\\\":false}},{\\\"id\\\":1627499994233,\\\"points\\\":[[709.25,269],[709.25,307.79730224609375],[736.0540771484375,307.79730224609375],[739.5,349.5]],\\\"color\\\":\\\"#ff0000\\\",\\\"start\\\":{\\\"id\\\":1627281921222,\\\"keyName\\\":\\\"LED\\\",\\\"pid\\\":0,\\\"isSoldered\\\":false},\\\"end\\\":{\\\"id\\\":1627149633636,\\\"keyName\\\":\\\"BreadBoard\\\",\\\"pid\\\":114,\\\"isSoldered\\\":false}}],\\\"BreadBoard\\\":[{\\\"x\\\":615.5,\\\"y\\\":278,\\\"tx\\\":0,\\\"ty\\\":0,\\\"id\\\":1627149633636}],\\\"Resistor\\\":[{\\\"x\\\":197.5,\\\"y\\\":126,\\\"tx\\\":500,\\\"ty\\\":266,\\\"id\\\":1627149744110,\\\"data\\\":{\\\"value\\\":1000,\\\"tolerance\\\":10}}],\\\"Label\\\":[{\\\"x\\\":450.96490478515625,\\\"y\\\":135.3157958984375,\\\"tx\\\":260,\\\"ty\\\":42,\\\"id\\\":1627499939355,\\\"data\\\":{\\\"text\\\":\\\"LED's brightness\\\",\\\"size\\\":15,\\\"color\\\":\\\"#000000\\\",\\\"weight\\\":\\\"normal\\\",\\\"style\\\":\\\"normal\\\"}},{\\\"x\\\":472.8947448730469,\\\"y\\\":163.38597106933594,\\\"tx\\\":233,\\\"ty\\\":-9,\\\"id\\\":1627499941934,\\\"data\\\":{\\\"text\\\":\\\"Move slider to change\\\",\\\"size\\\":15,\\\"color\\\":\\\"#000000\\\",\\\"weight\\\":\\\"normal\\\",\\\"style\\\":\\\"normal\\\"}}],\\\"LED\\\":[{\\\"x\\\":720.25,\\\"y\\\":201,\\\"tx\\\":0,\\\"ty\\\":0,\\\"id\\\":1627281921222,\\\"data\\\":{\\\"color\\\":0}}],\\\"ArduinoUno\\\":[{\\\"x\\\":-29.5,\\\"y\\\":311,\\\"tx\\\":138,\\\"ty\\\":-38,\\\"id\\\":1627149636154,\\\"data\\\":{\\\"name\\\":\\\"ArduinoUNOR31\\\",\\\"code\\\":\\\"int i;\\\\nint val;\\\\n\\\\nvoid setup(){\\\\n\\\\tpinMode(3, OUTPUT); \\\\n Serial . begin (115200);\\\\n \\\\n\\\\tfor(i = 1; i <= 20; i++) {\\\\n val = analogRead(A4) ; // read value from \\\\n Serial.println(val); //display\\\\n if(val > 550) {\\\\n digitalWrite(3,HIGH);\\\\n }else{\\\\n digitalWrite (3 , LOW);\\\\n }\\\\n delay (500) ;\\\\n }\\\\n digitalWrite (3 , LOW) ;\\\\n}\\\\n\\\\nvoid loop(){\\\\n}\\\"}}],\\\"Thermistor\\\":[{\\\"x\\\":307.5,\\\"y\\\":156,\\\"tx\\\":496,\\\"ty\\\":104,\\\"id\\\":1627149645405}]}\"\n }\n]" }, { "path": "ArduinoFrontend/src/browserslist", "content": "# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers\n# For additional information regarding the format and rule options, please see:\n# https://github.com/browserslist/browserslist#queries\n#\n# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed\n\n> 0.5%\nlast 2 versions\nFirefox ESR\nnot dead\nnot IE 9-11" }, { "path": "ArduinoFrontend/src/environments/environment.prod.ts", "content": "/**\n * Environment variable For Production\n */\nexport const environment = {\n production: true,\n API_URL: '../../',\n LOGIN_URL: `../../../eda/#/login?url=`,\n DASHBOARD_URL: `../arduino/#/dashboard`,\n CHANGED_PASSWORD_URL: `../../../eda/#/account/change_password?url=`,\n IMG_URL: ''\n};\n" }, { "path": "ArduinoFrontend/src/environments/environment.ts", "content": "// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n/**\n * Environment variable\n */\nexport const environment = {\n production: false,\n API_URL: 'http://localhost/',\n LOGIN_URL: `${window.location.protocol}\\\\\\\\localhost/eda/#/login?url=`,\n DASHBOARD_URL: `../#/dashboard`,\n CHANGED_PASSWORD_URL: `${window.location.protocol}\\\\\\\\localhost/eda/#/account/change_password?url=`,\n IMG_URL: 'http://localhost'\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\n" }, { "path": "ArduinoFrontend/src/index.html", "content": "\n\n\n\n \n \n \n\n Arduino Circuit Designer\n \n \n \n \n\n \n \n\n \n \n\n \n \n\n \n \n \n \n\n \n\n\n\n
\n \n \n \n \n\n \n
\n \n\n\n\n" }, { "path": "ArduinoFrontend/src/karma.conf.js", "content": "// Karma configuration file, see link for more information\n// https://karma-runner.github.io/1.0/config/configuration-file.html\n\nmodule.exports = function (config) {\n config.set({\n basePath: '',\n frameworks: ['jasmine', '@angular-devkit/build-angular'],\n files: [\n 'assets/js/raphael.min.js',\n 'assets/js/moment.min.js',\n ],\n plugins: [\n require('karma-jasmine'),\n require('karma-chrome-launcher'),\n require('karma-jasmine-html-reporter'),\n require('karma-coverage-istanbul-reporter'),\n require('@angular-devkit/build-angular/plugins/karma')\n ],\n client: {\n clearContext: false // leave Jasmine Spec Runner output visible in browser\n },\n coverageIstanbulReporter: {\n dir: require('path').join(__dirname, '../coverage/ArduinoFrontend'),\n reports: ['html', 'lcovonly', 'text-summary'],\n fixWebpackSourcePaths: true\n },\n reporters: ['progress', 'kjhtml'],\n port: 9876,\n colors: true,\n logLevel: config.LOG_INFO,\n autoWatch: true,\n browsers: ['Chrome'],\n singleRun: false,\n customLaunchers: {\n CIChromeHeadless: {\n base: 'ChromeHeadless',\n flags: ['--no-sandbox', '--disable-gpu']\n }\n }\n });\n};\n" }, { "path": "ArduinoFrontend/src/main.ts", "content": "import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n .catch(err => console.error(err));\n" }, { "path": "ArduinoFrontend/src/polyfills.ts", "content": "/**\n * This file includes polyfills needed by Angular and is loaded before the app.\n * You can add your own extra polyfills to this file.\n *\n * This file is divided into 2 sections:\n * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.\n * 2. Application imports. Files imported after ZoneJS that should be loaded before your main\n * file.\n *\n * The current setup is for so-called \"evergreen\" browsers; the last versions of browsers that\n * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),\n * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.\n *\n * Learn more in https://angular.io/guide/browser-support\n */\n\n/***************************************************************************************************\n * BROWSER POLYFILLS\n */\n\n/** IE10 and IE11 requires the following for NgClass support on SVG elements */\n// import 'classlist.js'; // Run `npm install --save classlist.js`.\n\n/**\n * Web Animations `@angular/platform-browser/animations`\n * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.\n * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).\n */\n// import 'web-animations-js'; // Run `npm install --save web-animations-js`.\n\n/**\n * By default, zone.js will patch all possible macroTask and DomEvents\n * user can disable parts of macroTask/DomEvents patch by setting following flags\n * because those flags need to be set before `zone.js` being loaded, and webpack\n * will put import in the top of bundle, so user need to create a separate file\n * in this directory (for example: zone-flags.ts), and put the following flags\n * into that file, and then add the following code before importing zone.js.\n * import './zone-flags.ts';\n *\n * The flags allowed in zone-flags.ts are listed here.\n *\n * The following flags will work for all browsers.\n *\n * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame\n * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick\n * (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames\n *\n * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js\n * with the following flag, it will bypass `zone.js` patch for IE/Edge\n *\n * (window as any).__Zone_enable_cross_context_check = true;\n *\n */\n\n/***************************************************************************************************\n * Zone JS is required by default for Angular itself.\n */\nimport 'zone.js/dist/zone'; // Included with Angular CLI.\n\n\n/***************************************************************************************************\n * APPLICATION IMPORTS\n */\n" }, { "path": "ArduinoFrontend/src/styles.css", "content": "html,\nbody {\n margin: 0;\n font-family: Roboto, \"Helvetica Neue\", sans-serif;\n overflow-x: hidden;\n min-height: 100vh;\n}\n\ntextarea:hover,\ninput:hover,\ntextarea:active,\ninput:active,\ntextarea:focus,\ninput:focus,\nlabel:focus {\n outline: 0px !important;\n -webkit-appearance: none;\n}\ninput[type=\"text\"] {\n box-shadow: none !important;\n}\nbutton:focus,\nbutton:active,\nbutton:hover {\n outline: 0px !important;\n -webkit-appearance: none;\n}\n\n.mat-tab-body-content {\n overflow: hidden !important;\n}\n\n.head-title {\n width: 100%;\n line-height: 60px;\n font-weight: bold;\n margin-left: 1rem;\n font-size: 1.3em;\n}\n\n.my-dropdown {\n position: relative;\n display: inline-block;\n flex-basis: 100px;\n /* line-height: 60px; */\n z-index: 1000;\n}\n\n.dropdown-content {\n display: none;\n position: absolute;\n background-color: whitesmoke;\n width: 150px;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n z-index: 1001;\n right: 26%;\n height: auto;\n}\n\n.dropdown-content > div {\n position: relative;\n height: 37px;\n line-height: 37px;\n padding-left: 5px;\n font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n font-weight: 900;\n font-size: small;\n margin-top: 5px;\n}\n\n.dropdown-content a {\n color: black;\n text-decoration: none;\n}\n\n.dropdown-content div:hover {\n background-color: #ddd;\n}\n\n.dropdown:hover .dropdown-content {\n display: block;\n transition: all 2s ease 0s;\n}\n\n.version-panel-class .mat-expansion-panel-body {\n padding: 0 !important;\n}\n\n.mat-menu-panel {\n max-width: unset !important;\n margin: 12px !important;\n}\n.cdk-global-scrollblock {\n position:inherit;\n width: 100%;\n overflow-y: scroll;\n}\n/* Avatar image */\n/* avatar */\n.circles {\n height: 40px;\n width: 40px;\n border-radius: 50%;\n background: #673ab7;\n border: 2px solid #fff;\n text-align: center;\n line-height: 39px;\n margin-right: 1rem;\n color: white;\n}\n.mat-drawer-content {\n position:initial !important;\n}" }, { "path": "ArduinoFrontend/src/test.ts", "content": "// This file is required by karma.conf.js and loads recursively all the .spec and framework files\n\nimport 'zone.js/dist/zone-testing';\nimport { getTestBed } from '@angular/core/testing';\nimport {\n BrowserDynamicTestingModule,\n platformBrowserDynamicTesting\n} from '@angular/platform-browser-dynamic/testing';\n\n/**\n * Prevent from throwing error for require function\n */\ndeclare const require: any;\n\n/**\n * First, initialize the Angular testing environment.\n */\ngetTestBed().initTestEnvironment(\n BrowserDynamicTestingModule,\n platformBrowserDynamicTesting()\n);\n/**\n * Then we find all the tests.\n */\nconst context = require.context('./', true, /\\.spec\\.ts$/);\n/**\n * And load the modules.\n */\ncontext.keys().map(context);\n" }, { "path": "ArduinoFrontend/src/tsconfig.app.json", "content": "{\n \"extends\": \"../tsconfig.json\",\n \"compilerOptions\": {\n \"outDir\": \"../out-tsc/app\",\n \"types\": [],\n },\n \"exclude\": [\n \"test.ts\",\n \"**/*.spec.ts\"\n ]\n}\n" }, { "path": "ArduinoFrontend/src/tsconfig.spec.json", "content": "{\n \"extends\": \"../tsconfig.json\",\n \"compilerOptions\": {\n \"outDir\": \"../out-tsc/spec\",\n \"types\": [\n \"jasmine\",\n \"node\"\n ]\n },\n \"files\": [\n \"test.ts\",\n \"polyfills.ts\"\n ],\n \"include\": [\n \"**/*.spec.ts\",\n \"**/*.d.ts\"\n ]\n}\n" }, { "path": "ArduinoFrontend/src/tslint.json", "content": "{\n \"extends\": \"../tslint.json\",\n \"rules\": {\n \"directive-selector\": [\n true,\n \"attribute\",\n \"app\",\n \"camelCase\"\n ],\n \"component-selector\": [\n true,\n \"element\",\n \"app\",\n \"kebab-case\"\n ]\n }\n}\n" }, { "path": "ArduinoFrontend/tsconfig.json", "content": "{\n \"compileOnSave\": false,\n \"exclude\": [\n \"./src/assets/**/*.ts\"\n ],\n \"compilerOptions\": {\n \"baseUrl\": \"./\",\n \"outDir\": \"./dist/out-tsc\",\n \"sourceMap\": true,\n \"declaration\": false,\n \"module\": \"esNext\",\n \"moduleResolution\": \"node\",\n \"emitDecoratorMetadata\": true,\n \"experimentalDecorators\": true,\n \"importHelpers\": true,\n \"target\": \"es5\",\n \"typeRoots\": [\n \"node_modules/@types\"\n ],\n \"lib\": [\n \"es2018\",\n \"dom\"\n ],\n \"skipLibCheck\": true\n }\n}\n" }, { "path": "ArduinoFrontend/tslint.json", "content": "{\n \"extends\": \"tslint:recommended\",\n \"rulesDirectory\": [\n \"codelyzer\"\n ],\n \"rules\": {\n \"no-string-literal\": false,\n \"array-type\": false,\n \"arrow-parens\": false,\n \"deprecation\": {\n \"severity\": \"warn\"\n },\n \"import-blacklist\": [\n true,\n \"rxjs/Rx\"\n ],\n \"interface-name\": false,\n \"max-classes-per-file\": false,\n \"max-line-length\": [\n true,\n 140\n ],\n \"member-access\": false,\n \"member-ordering\": [\n true,\n {\n \"order\": [\n \"static-field\",\n \"instance-field\",\n \"static-method\",\n \"instance-method\"\n ]\n }\n ],\n \"no-consecutive-blank-lines\": false,\n \"no-console\": [\n true,\n \"debug\",\n \"info\",\n \"time\",\n \"timeEnd\",\n \"trace\"\n ],\n \"no-bitwise\": false,\n \"no-empty\": false,\n \"no-inferrable-types\": [\n true,\n \"ignore-params\"\n ],\n \"no-non-null-assertion\": true,\n \"no-redundant-jsdoc\": true,\n \"no-switch-case-fall-through\": true,\n \"no-use-before-declare\": true,\n \"no-var-requires\": false,\n \"object-literal-key-quotes\": [\n true,\n \"as-needed\"\n ],\n \"object-literal-sort-keys\": false,\n \"ordered-imports\": false,\n \"quotemark\": [\n true,\n \"single\"\n ],\n \"trailing-comma\": false,\n \"no-output-on-prefix\": true,\n \"use-input-property-decorator\": true,\n \"use-output-property-decorator\": true,\n \"use-host-property-decorator\": true,\n \"no-input-rename\": true,\n \"no-output-rename\": true,\n \"use-life-cycle-interface\": true,\n \"use-pipe-transform-interface\": true,\n \"component-class-suffix\": true,\n \"directive-class-suffix\": true\n }\n}\n" }, { "path": "Assembly_support.md", "content": "# Assembly Support for the .ino files\nSubmission for screening task 6
\nBy :-
\n**Deepam Priyadarshi**
\ndeepam.priyadarshi2019@vitstudent.ac.in \ndeepam.odhisha@gmail.com (personal)\n\n## Approach\nSince the initial django docker image present at `docker.pkg.github.com/frg-fossee/esim-cloud/django:dev` has only `avr-gcc` toolchain support, so I can only implement `C inline Assembly` programming in which the `avr-gcc` compiles `.c` files. For using `.asm` file we require `avra` assembler, for which I have to rebuild the comtainer images. \n\nFor the swithcing between the programming languages, the users have the liberty to select the type of programming language from the editor' drop down menu as shown in the figure:- \n\n

\n \n \"Selecting\n \n

\n\n### avr-gcc compilation procedure\n1. To compile the `.c` file received from the frontend we use the command `avr-gcc -Os -DF_CPU=16000000UL -mmcu=atmega328p -c -o {obj_name} {ino_name}`\n2. The above step generates an object file `sketch.o` which is then converted to a binary file named `sketch` using the command `avr-gcc -mmcu=atmega328p {obj_name} -o {bin_name}`\n3. The binary file is then converted to IntelHEX format using the command `avr-objcopy -O ihex -R .eeprom {bin_name} {out_name}`\n\n## Steps taken to add assembly support\n1. A new form element was added in the `code-editor.component.html` file which takes the input of the desired programming laguage in the form of a drop down menu.\n2. A new property `progLang` was introduced in the `window` object which keeps the track of programming language used.\n3. A new function `CompileInlineASM` is introduced in the `task.py` file which compiles the C Inline assembly code using `avr-gcc`.\n4. A new class `CompileSketchInlineASM` in introduced in the `views.py` file\n5. New routes and urls are added in the `urls.py` and `api.service.ts` files. And the respective apis are called in the `workspace.ts` file according to the requirement.\n\n## Files Changed\n1. `eSim-Cloud/esim-cloud-backend/arduinoAPI/tasks.py`\n2. `eSim-Cloud/esim-cloud-backend/arduinoAPI/views.py`\n3. `eSim-Cloud/esim-cloud-backend/arduinoAPI/urls.py`\n4. `eSim-Cloud/ArduinoFrontend/src/app/Libs/Workspace.ts`\n5. `eSim-Cloud/ArduinoFrontend/src/app/Libs/Workspace.ts`\n6. `eSim-Cloud/ArduinoFrontend/src/app/code-editor/code-editor.component.ts`\n7. `eSim-Cloud/ArduinoFrontend/src/app/code-editor/code-editor.component.html`\n\n## Video Demostration\n\n\n\n\nhttps://user-images.githubusercontent.com/65447610/155765289-da379d63-d570-468a-8235-6e8e1967c7bf.mp4\n\n\n" }, { "path": "CONFIG.md", "content": "# Configuring the workflow API\n\n**Make sure your migrations are all setup and you can see workflow API in the Django admin panel**\n\nFollow the order to setup the workflow [There is already a sample workflow setup up]\n \n ### Setting up states:\n \nAttributes:\n\n - Name [Has to be unique]\n - Description \n - *boolean* Public: Used for making all the projects public for that particular state (eg. Published state should have this true)\n - *boolean* Report: Used for making a state which represents \"Reported\" (Make sure only one state has this value set to true)\n \n Suggested States:\n \n - Draft\n - Review \n - Published\n - Review\n\n### Setting up Groups:\nEvery group has a custom group model attached to it which lets you define the following parameters:\n\nAttributes:\n - Other Circuit Accessible States: This is a many select field which specifies the states which can be accessed by that specific group (For example, for Contributor, it can only access other user's projects which are published and for reviewer, it can access Review, Reported and Published as well)\n - *boolean* Is Arduino: Specifies whether the role is for arduino or e-sim (True for arduino and false for esim)\n - *boolean* Is Type Reviewer: This gives that group the ability to review the reported circuits.\n - *boolean* Is Default: This defines which roles should be assigned to a new user.\nSuggested Roles:\n\n - Contributor [Arduino]\n - Contributor [E-Sim]\n - Reviewer [Arduino]\n - Reviewer [E-Sim]\n\n### Setting up Transitions:\n\nAttributes:\n\n - Name\n - Role: Multi-select for who can make the transitions\n - From-State\n - To-State\n - *boolean* Allowed for creator: Whether the creator itself should be able to do the transition (For example from Draft to Review, it is allowed but for Review to Published, it should not be allowed)\n - *boolean* Only for creator: Restrict the transition only to the creator (For example, only the creator should be able to make the transition from Draft to Review)\n \n Suggested Transitions\n - Draft to Review\n - Review to Published\n - Published to Reported\n - Reported to Draft\n - Reported to Published\n\n \n \n### Things to note:\n\n - The workflow API is being tested on E-Sim cloud and not on the Arduino Simulator as of yet.\n\n" }, { "path": "CONTRIBUTING.md", "content": "# Contributing \n\nWant to contribute? Great to know! eSim and Arduino on Cloud is an open source project and we welcome contributions from all. We would be very happy to collaborate with you. To contribute to this project please make sure that you first discuss with us and follow the guidelines given.\n\n## Types of contributions\nContributions can be of different types. Some are listed below.\n* Report a bug\n* Suggest a feature\n* Fix a bug\n* Improve UI\n* Contribute a new feature\n* Update documentation\n\n## Reporting Bug / Suggesting Features\nIf you just want to report a bug in our system or want to suggest a new feature or improve UI, etc., then first browse through our existing issues to check whether this has been addressed or not. If not, feel free to create a new issue. Please read the [new issue guidelines](https://esim-cloud.readthedocs.io/en/latest/contribute/NewIssue.html) given.\n\n## Step 1: Assign/Create Issues\n\n### Existing issues\n* Before you start contributing, first browse through the existing issues and pull requests to know whether someone else has already fixed or is already working on it.\n* If an issue is already created but no one is assigned to it, create a comment 'Assignee: @YourGitHubUsername'. This will let the community know that you are addressing this issue.\n* Just a suggestion: If you are a new contributor you can look at issues tagged as 'good first issue' tag. These are comparatively smaller and easier to address than the other ones.\n\n### New issues\n* Before you create a new issue on GitHub, first discuss your ideas about the new feature or notify the bug on our appropriate Discord channels. Our contributors will interact with you and help you take it further. \n* Once the feature is approved or the bug is confirmed, based on your discussion with the contributors on our discord channel, create a new issue on GitHub. Please read the [guidelines](https://esim-cloud.readthedocs.io/en/latest/contribute/NewIssue.html) for creating a new issue.\n\n### Inactivity Period\n* If you have assigned the issue to yourself (existing or new), we request you to be active on your forked repository.\n* There might be a situation when you have other priorities or sometimes you might be taking a break, etc., wherein you may not be able to contribute to your forked repo for more than 3 weeks. \n* In such a case, we request you to just ping us on Discord and inform us about it also mentioning your inactivity period.\n* An inactivity of over 3 weeks in your repo or no discussion on Discord, without prior intimation, will be considered that you are no longer interested. In such a case the assignee name will be removed so that the issue can be solved by someone else. You are however free to assign it to yourself again when you are available, if the issue is not assigned to someone else.\n\n## Step 2: Fork Repository \n* The first step is to fork the repository so that you have your own repository in which you can work on.\n* Create a **new branch** (feature or bugfix) from the **Develop** branch and work on the newly created branch. This way if we make some changes to the Develop branch in our repo, you can upstream it at anytime for maintaining the updated codebase.\n\n## Step 3: Contribute\n* Once the branch created, you can start contributing (coding, documentation, test cases, etc.). Make sure that you follow the [contributing guidelines](https://esim-cloud.readthedocs.io/en/latest/contribute/ContributingGuidelines.html).\n* We use GitHub Actions for continuous integrations that runs linting and testing operations.\n* There might be some changes to the original repository which will not reflect in your forked repository automatically. If you want to update it, sync it using the steps given in the link: https://help.github.com/articles/syncing-a-fork/\n\n## Step 4: Make a pull request\n* When you feel that you are ready to merge your contributions into our repository, create a pull request **from your feature/bugfix branch to our Develop** branch.\n* Select an appropriate label from the list E.g. enhancement, bug fix, etc.\n* Please go through the [pull request guidelines](https://esim-cloud.readthedocs.io/en/latest/contribute/PullRequest.html).\n* Our reviewing team will review your pull request made and will interact with you by posting comments. You may be asked to modify incase there is any issue.\n* We request you to be active in responding to our comments so as to merge/close the issue.\n* Incase you do not respond to our comments within a week, we will close it. Feel free to open it again when you are ready to interact.\n" }, { "path": "Enhancements/Arduino/Assembly_support.md", "content": "# Assembly Support for the .ino files\nSubmission for screening task 6
\nBy :-
\n**Deepam Priyadarshi**
\ndeepam.priyadarshi2019@vitstudent.ac.in \ndeepam.odhisha@gmail.com (personal)\n\n## Approach\nSince the initial django docker image present at `docker.pkg.github.com/frg-fossee/esim-cloud/django:dev` has only `avr-gcc` toolchain support, so I can only implement `C inline Assembly` programming in which the `avr-gcc` compiles `.c` files. For using `.asm` file we require `avra` assembler, for which I have to rebuild the comtainer images. \n\nFor the swithcing between the programming languages, the users have the liberty to select the type of programming language from the editor' drop down menu as shown in the figure:- \n\n

\n \n \"Selecting\n \n

\n\n### avr-gcc compilation procedure\n1. To compile the `.c` file received from the frontend we use the command `avr-gcc -Os -DF_CPU=16000000UL -mmcu=atmega328p -c -o {obj_name} {ino_name}`\n2. The above step generates an object file `sketch.o` which is then converted to a binary file named `sketch` using the command `avr-gcc -mmcu=atmega328p {obj_name} -o {bin_name}`\n3. The binary file is then converted to IntelHEX format using the command `avr-objcopy -O ihex -R .eeprom {bin_name} {out_name}`\n\n## Steps taken to add assembly support\n1. A new form element was added in the `code-editor.component.html` file which takes the input of the desired programming laguage in the form of a drop down menu.\n2. A new property `progLang` was introduced in the `window` object which keeps the track of programming language used.\n3. A new function `CompileInlineASM` is introduced in the `task.py` file which compiles the C Inline assembly code using `avr-gcc`.\n4. A new class `CompileSketchInlineASM` in introduced in the `views.py` file\n5. New routes and urls are added in the `urls.py` and `api.service.ts` files. And the respective apis are called in the `workspace.ts` file according to the requirement.\n\n## Files Changed\n1. `eSim-Cloud/esim-cloud-backend/arduinoAPI/tasks.py`\n2. `eSim-Cloud/esim-cloud-backend/arduinoAPI/views.py`\n3. `eSim-Cloud/esim-cloud-backend/arduinoAPI/urls.py`\n4. `eSim-Cloud/ArduinoFrontend/src/app/Libs/Workspace.ts`\n5. `eSim-Cloud/ArduinoFrontend/src/app/Libs/Workspace.ts`\n6. `eSim-Cloud/ArduinoFrontend/src/app/code-editor/code-editor.component.ts`\n7. `eSim-Cloud/ArduinoFrontend/src/app/code-editor/code-editor.component.html`\n\n## Video Demostration\n\n\n\n\nhttps://user-images.githubusercontent.com/65447610/155765289-da379d63-d570-468a-8235-6e8e1967c7bf.mp4\n\n\n\n" }, { "path": "JMeter/README.md", "content": "# JMeter Performance Test\n\nSpecs: ``` macOS Catalina , 8GB of 2133MHz LPDDR3 RAM, 1.4GHz quad‑core Intel Core i5, Turbo Boost up to 3.9GHz, with 128MB of eDRAM ```\n\nBranch: ``` Develop ```\n\nCommand Used: ``` docker-compose -f docker-compose.prod.yml --env-file .env.prod up ```\n\nNetlist Used: ``` RC.cir ``` Sample located in the helpers folder\n\nDon't forget to change the path to the netlist in the post request for uplaod netlist to the path in your system.\n" }, { "path": "JMeter/libAPI.csv", "content": "timeStamp,elapsed,label,responseCode,responseMessage,threadName,dataType,success,failureMessage,bytes,sentBytes,grpThreads,allThreads,URL,Latency,IdleTime,Connect\n1590051155629,36,Fetch Specific Image,200,OK,Fetch Specific Image 1-5,text,true,,5816,168,13,13,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,35,0,15\n1590051155632,38,Fetch Specific Image,200,OK,Fetch Specific Image 1-9,text,true,,5816,168,13,13,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,38,0,12\n1590051155629,48,Fetch Specific Image,200,OK,Fetch Specific Image 1-6,text,true,,5816,168,14,14,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,48,0,15\n1590051155640,41,Fetch Specific Image,200,OK,Fetch Specific Image 1-10,text,true,,5816,168,15,15,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,41,0,4\n1590051155630,57,Fetch Specific Image,200,OK,Fetch Specific Image 1-2,text,true,,5816,168,16,16,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,57,0,14\n1590051155630,61,Fetch Specific Image,200,OK,Fetch Specific Image 1-1,text,true,,5816,168,16,16,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,61,0,14\n1590051155631,63,Fetch Specific Image,200,OK,Fetch Specific Image 1-3,text,true,,5816,168,17,17,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,63,0,13\n1590051155631,75,Fetch Specific Image,200,OK,Fetch Specific Image 1-8,text,true,,5816,168,18,18,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,75,0,13\n1590051155630,84,Fetch Specific Image,200,OK,Fetch Specific Image 1-7,text,true,,5816,168,19,19,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,84,0,15\n1590051155630,90,Fetch Specific Image,200,OK,Fetch Specific Image 1-4,text,true,,5816,168,20,20,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,90,0,14\n1590051155667,66,Fetch Specific Image,200,OK,Fetch Specific Image 1-5,text,true,,5816,168,22,22,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,66,0,0\n1590051155671,63,Fetch Specific Image,200,OK,Fetch Specific Image 1-9,text,true,,5816,168,22,22,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,63,0,0\n1590051155678,66,Fetch Specific Image,200,OK,Fetch Specific Image 1-6,text,true,,5816,168,21,21,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,66,0,0\n1590051155682,69,Fetch Specific Image,200,OK,Fetch Specific Image 1-10,text,true,,5816,168,21,21,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,69,0,0\n1590051155688,72,Fetch Specific Image,200,OK,Fetch Specific Image 1-2,text,true,,5816,168,21,21,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,72,0,0\n1590051155691,73,Fetch Specific Image,200,OK,Fetch Specific Image 1-1,text,true,,5816,168,21,21,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,73,0,0\n1590051155695,78,Fetch Specific Image,200,OK,Fetch Specific Image 1-3,text,true,,5816,168,21,21,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,78,0,0\n1590051155706,73,Fetch Specific Image,200,OK,Fetch Specific Image 1-8,text,true,,5816,168,21,21,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,73,0,0\n1590051155715,72,Fetch Specific Image,200,OK,Fetch Specific Image 1-7,text,true,,5816,168,21,21,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,72,0,0\n1590051155649,144,Fetch Specific Image,200,OK,Fetch Specific Image 1-11,text,true,,5816,168,21,21,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,144,0,0\n1590051155657,150,Fetch Specific Image,200,OK,Fetch Specific Image 1-12,text,true,,5816,168,22,22,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,150,0,0\n1590051155721,93,Fetch Specific Image,200,OK,Fetch Specific Image 1-4,text,true,,5816,168,23,23,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,93,0,0\n1590051155665,160,Fetch Specific Image,200,OK,Fetch Specific Image 1-13,text,true,,5816,168,23,23,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,160,0,0\n1590051155794,38,Fetch Specific Image,200,OK,Fetch Specific Image 1-11,text,true,,5816,168,24,24,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,38,0,0\n1590051155807,36,Fetch Specific Image,200,OK,Fetch Specific Image 1-12,text,true,,5816,168,25,25,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,36,0,0\n1590051155672,178,Fetch Specific Image,200,OK,Fetch Specific Image 1-14,text,true,,5816,168,25,25,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,178,0,1\n1590051155825,33,Fetch Specific Image,200,OK,Fetch Specific Image 1-13,text,true,,5816,168,26,26,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,33,0,0\n1590051155680,190,Fetch Specific Image,200,OK,Fetch Specific Image 1-15,text,true,,5816,168,26,26,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,190,0,1\n1590051155850,27,Fetch Specific Image,200,OK,Fetch Specific Image 1-14,text,true,,5816,168,27,27,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,27,0,0\n1590051155688,197,Fetch Specific Image,200,OK,Fetch Specific Image 1-16,text,true,,5816,168,27,27,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,197,0,0\n1590051155871,22,Fetch Specific Image,200,OK,Fetch Specific Image 1-15,text,true,,5816,168,28,28,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,21,0,0\n1590051155695,205,Fetch Specific Image,200,OK,Fetch Specific Image 1-17,text,true,,5816,168,28,28,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,205,0,1\n1590051155886,24,Fetch Specific Image,200,OK,Fetch Specific Image 1-16,text,true,,5816,168,30,30,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,24,0,0\n1590051155703,213,Fetch Specific Image,200,OK,Fetch Specific Image 1-18,text,true,,5816,168,30,30,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,213,0,0\n1590051155901,25,Fetch Specific Image,200,OK,Fetch Specific Image 1-17,text,true,,5816,168,31,31,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,25,0,0\n1590051155710,222,Fetch Specific Image,200,OK,Fetch Specific Image 1-19,text,true,,5816,168,31,31,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,222,0,1\n1590051155917,27,Fetch Specific Image,200,OK,Fetch Specific Image 1-18,text,true,,5816,168,33,33,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,27,0,0\n1590051155726,226,Fetch Specific Image,200,OK,Fetch Specific Image 1-21,text,true,,5816,168,33,33,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,226,0,0\n1590051155933,26,Fetch Specific Image,200,OK,Fetch Specific Image 1-19,text,true,,5816,168,34,34,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,26,0,0\n1590051155718,246,Fetch Specific Image,200,OK,Fetch Specific Image 1-20,text,true,,5816,168,34,34,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,246,0,1\n1590051155952,16,Fetch Specific Image,200,OK,Fetch Specific Image 1-21,text,true,,5816,168,35,35,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,16,0,0\n1590051155733,241,Fetch Specific Image,200,OK,Fetch Specific Image 1-22,text,true,,5816,168,34,34,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,241,0,1\n1590051155964,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-20,text,true,,5816,168,35,35,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051155740,244,Fetch Specific Image,200,OK,Fetch Specific Image 1-23,text,true,,5816,168,35,35,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,244,0,1\n1590051155974,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-22,text,true,,5816,168,36,36,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051155748,244,Fetch Specific Image,200,OK,Fetch Specific Image 1-24,text,true,,5816,168,35,35,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,244,0,1\n1590051155984,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-23,text,true,,5816,168,36,36,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051155756,248,Fetch Specific Image,200,OK,Fetch Specific Image 1-25,text,true,,5816,168,36,36,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,248,0,0\n1590051155992,21,Fetch Specific Image,200,OK,Fetch Specific Image 1-24,text,true,,5816,168,37,37,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,21,0,0\n1590051155764,255,Fetch Specific Image,200,OK,Fetch Specific Image 1-26,text,true,,5816,168,37,37,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,255,0,1\n1590051156005,22,Fetch Specific Image,200,OK,Fetch Specific Image 1-25,text,true,,5816,168,38,38,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,22,0,0\n1590051155772,259,Fetch Specific Image,200,OK,Fetch Specific Image 1-27,text,true,,5816,168,38,38,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,259,0,0\n1590051156020,18,Fetch Specific Image,200,OK,Fetch Specific Image 1-26,text,true,,5816,168,39,39,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,18,0,0\n1590051155779,264,Fetch Specific Image,200,OK,Fetch Specific Image 1-28,text,true,,5816,168,39,39,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,264,0,1\n1590051156032,20,Fetch Specific Image,200,OK,Fetch Specific Image 1-27,text,true,,5816,168,40,40,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,20,0,0\n1590051155787,270,Fetch Specific Image,200,OK,Fetch Specific Image 1-29,text,true,,5816,168,40,40,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,269,0,1\n1590051156043,21,Fetch Specific Image,200,OK,Fetch Specific Image 1-28,text,true,,5816,168,41,41,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,21,0,0\n1590051155794,275,Fetch Specific Image,200,OK,Fetch Specific Image 1-30,text,true,,5816,168,41,41,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,275,0,0\n1590051156057,19,Fetch Specific Image,200,OK,Fetch Specific Image 1-29,text,true,,5816,168,42,42,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,19,0,0\n1590051155801,281,Fetch Specific Image,200,OK,Fetch Specific Image 1-31,text,true,,5816,168,42,42,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,281,0,1\n1590051156069,21,Fetch Specific Image,200,OK,Fetch Specific Image 1-30,text,true,,5816,168,43,43,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,21,0,0\n1590051155809,285,Fetch Specific Image,200,OK,Fetch Specific Image 1-32,text,true,,5816,168,43,43,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,285,0,0\n1590051156082,22,Fetch Specific Image,200,OK,Fetch Specific Image 1-31,text,true,,5816,168,44,44,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,22,0,0\n1590051155819,290,Fetch Specific Image,200,OK,Fetch Specific Image 1-33,text,true,,5816,168,44,44,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,290,0,0\n1590051156095,21,Fetch Specific Image,200,OK,Fetch Specific Image 1-32,text,true,,5816,168,45,45,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,21,0,0\n1590051155826,296,Fetch Specific Image,200,OK,Fetch Specific Image 1-34,text,true,,5816,168,45,45,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,296,0,1\n1590051156109,22,Fetch Specific Image,200,OK,Fetch Specific Image 1-33,text,true,,5816,168,46,46,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,22,0,0\n1590051155834,303,Fetch Specific Image,200,OK,Fetch Specific Image 1-35,text,true,,5816,168,46,46,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,303,0,1\n1590051156124,21,Fetch Specific Image,200,OK,Fetch Specific Image 1-34,text,true,,5816,168,47,47,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,21,0,0\n1590051155841,308,Fetch Specific Image,200,OK,Fetch Specific Image 1-36,text,true,,5816,168,47,47,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,308,0,1\n1590051156138,20,Fetch Specific Image,200,OK,Fetch Specific Image 1-35,text,true,,5816,168,48,48,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,20,0,0\n1590051155849,312,Fetch Specific Image,200,OK,Fetch Specific Image 1-37,text,true,,5816,168,48,48,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,312,0,0\n1590051156150,21,Fetch Specific Image,200,OK,Fetch Specific Image 1-36,text,true,,5816,168,49,49,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,21,0,0\n1590051155857,315,Fetch Specific Image,200,OK,Fetch Specific Image 1-38,text,true,,5816,168,49,49,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,315,0,0\n1590051156162,17,Fetch Specific Image,200,OK,Fetch Specific Image 1-37,text,true,,5816,168,50,50,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,17,0,0\n1590051155864,317,Fetch Specific Image,200,OK,Fetch Specific Image 1-39,text,true,,5816,168,49,49,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,317,0,1\n1590051156174,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-38,text,true,,5816,168,50,50,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051155871,319,Fetch Specific Image,200,OK,Fetch Specific Image 1-40,text,true,,5816,168,49,49,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,318,0,1\n1590051156183,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-39,text,true,,5816,168,50,50,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051155879,317,Fetch Specific Image,200,OK,Fetch Specific Image 1-41,text,true,,5816,168,49,49,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,317,0,1\n1590051156191,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-40,text,true,,5816,168,50,50,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051155887,318,Fetch Specific Image,200,OK,Fetch Specific Image 1-42,text,true,,5816,168,50,50,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,318,0,1\n1590051156197,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-41,text,true,,5816,168,50,50,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051155895,318,Fetch Specific Image,200,OK,Fetch Specific Image 1-43,text,true,,5816,168,50,50,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,318,0,1\n1590051156207,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-42,text,true,,5816,168,50,50,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051155902,319,Fetch Specific Image,200,OK,Fetch Specific Image 1-44,text,true,,5816,168,50,50,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,319,0,0\n1590051156214,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-43,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051155908,321,Fetch Specific Image,200,OK,Fetch Specific Image 1-45,text,true,,5816,168,50,50,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,321,0,1\n1590051156222,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-44,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051155914,325,Fetch Specific Image,200,OK,Fetch Specific Image 1-46,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,325,0,1\n1590051156231,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-45,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051155921,324,Fetch Specific Image,200,OK,Fetch Specific Image 1-47,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,324,0,0\n1590051156240,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-46,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051155928,325,Fetch Specific Image,200,OK,Fetch Specific Image 1-48,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,324,0,1\n1590051156247,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-47,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051155934,325,Fetch Specific Image,200,OK,Fetch Specific Image 1-49,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,325,0,0\n1590051156254,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-48,text,true,,5816,168,52,52,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051155941,325,Fetch Specific Image,200,OK,Fetch Specific Image 1-50,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,325,0,0\n1590051156260,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-49,text,true,,5816,168,52,52,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051155947,326,Fetch Specific Image,200,OK,Fetch Specific Image 1-51,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,326,0,0\n1590051156268,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-50,text,true,,5816,168,52,52,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051155955,325,Fetch Specific Image,200,OK,Fetch Specific Image 1-52,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,325,0,0\n1590051156274,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-51,text,true,,5816,168,52,52,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051155961,328,Fetch Specific Image,200,OK,Fetch Specific Image 1-53,text,true,,5816,168,52,52,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,328,0,1\n1590051156282,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-52,text,true,,5816,168,52,52,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051155968,329,Fetch Specific Image,200,OK,Fetch Specific Image 1-54,text,true,,5816,168,52,52,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,329,0,0\n1590051156291,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-53,text,true,,5816,168,53,53,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051155975,332,Fetch Specific Image,200,OK,Fetch Specific Image 1-55,text,true,,5816,168,52,52,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,331,0,1\n1590051156298,17,Fetch Specific Image,200,OK,Fetch Specific Image 1-54,text,true,,5816,168,53,53,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,17,0,0\n1590051155981,337,Fetch Specific Image,200,OK,Fetch Specific Image 1-56,text,true,,5816,168,53,53,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,337,0,1\n1590051156308,16,Fetch Specific Image,200,OK,Fetch Specific Image 1-55,text,true,,5816,168,54,54,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,16,0,0\n1590051155988,342,Fetch Specific Image,200,OK,Fetch Specific Image 1-57,text,true,,5816,168,54,54,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,342,0,0\n1590051156320,16,Fetch Specific Image,200,OK,Fetch Specific Image 1-56,text,true,,5816,168,55,55,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,16,0,0\n1590051155994,348,Fetch Specific Image,200,OK,Fetch Specific Image 1-58,text,true,,5816,168,55,55,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,348,0,1\n1590051156331,16,Fetch Specific Image,200,OK,Fetch Specific Image 1-57,text,true,,5816,168,56,56,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,16,0,0\n1590051156001,350,Fetch Specific Image,200,OK,Fetch Specific Image 1-59,text,true,,5816,168,55,55,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,349,0,1\n1590051156344,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-58,text,true,,5816,168,56,56,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156007,354,Fetch Specific Image,200,OK,Fetch Specific Image 1-60,text,true,,5816,168,56,56,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,354,0,1\n1590051156352,16,Fetch Specific Image,200,OK,Fetch Specific Image 1-59,text,true,,5816,168,57,57,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,16,0,0\n1590051156014,361,Fetch Specific Image,200,OK,Fetch Specific Image 1-61,text,true,,5816,168,57,57,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,361,0,1\n1590051156362,18,Fetch Specific Image,200,OK,Fetch Specific Image 1-60,text,true,,5816,168,58,58,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,18,0,0\n1590051156021,364,Fetch Specific Image,200,OK,Fetch Specific Image 1-62,text,true,,5816,168,57,57,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,364,0,1\n1590051156376,16,Fetch Specific Image,200,OK,Fetch Specific Image 1-61,text,true,,5816,168,58,58,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,16,0,0\n1590051156029,369,Fetch Specific Image,200,OK,Fetch Specific Image 1-63,text,true,,5816,168,59,59,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,369,0,0\n1590051156386,17,Fetch Specific Image,200,OK,Fetch Specific Image 1-62,text,true,,5816,168,59,59,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,17,0,0\n1590051156035,373,Fetch Specific Image,200,OK,Fetch Specific Image 1-64,text,true,,5816,168,59,59,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,373,0,1\n1590051156400,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-63,text,true,,5816,168,60,60,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051156042,376,Fetch Specific Image,200,OK,Fetch Specific Image 1-65,text,true,,5816,168,60,60,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,376,0,0\n1590051156410,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-64,text,true,,5816,168,61,61,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051156048,379,Fetch Specific Image,200,OK,Fetch Specific Image 1-66,text,true,,5816,168,60,60,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,379,0,0\n1590051156419,18,Fetch Specific Image,200,OK,Fetch Specific Image 1-65,text,true,,5816,168,61,61,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,18,0,0\n1590051156055,384,Fetch Specific Image,200,OK,Fetch Specific Image 1-67,text,true,,5816,168,61,61,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,384,0,1\n1590051156429,18,Fetch Specific Image,200,OK,Fetch Specific Image 1-66,text,true,,5816,168,62,62,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,18,0,0\n1590051156062,395,Fetch Specific Image,200,OK,Fetch Specific Image 1-68,text,true,,5816,168,63,63,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,395,0,0\n1590051156441,29,Fetch Specific Image,200,OK,Fetch Specific Image 1-67,text,true,,5816,168,64,64,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,29,0,0\n1590051156068,405,Fetch Specific Image,200,OK,Fetch Specific Image 1-69,text,true,,5816,168,64,64,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,405,0,0\n1590051156458,24,Fetch Specific Image,200,OK,Fetch Specific Image 1-68,text,true,,5816,168,65,65,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,24,0,0\n1590051156074,409,Fetch Specific Image,200,OK,Fetch Specific Image 1-70,text,true,,5816,168,65,65,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,409,0,1\n1590051156475,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-69,text,true,,5816,168,66,66,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156081,416,Fetch Specific Image,200,OK,Fetch Specific Image 1-71,text,true,,5816,168,66,66,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,416,0,1\n1590051156485,24,Fetch Specific Image,200,OK,Fetch Specific Image 1-70,text,true,,5816,168,67,67,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,24,0,0\n1590051156088,428,Fetch Specific Image,200,OK,Fetch Specific Image 1-72,text,true,,5816,168,68,68,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,428,0,0\n1590051156498,28,Fetch Specific Image,200,OK,Fetch Specific Image 1-71,text,true,,5816,168,69,69,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,28,0,0\n1590051156094,440,Fetch Specific Image,200,OK,Fetch Specific Image 1-73,text,true,,5816,168,69,69,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,440,0,1\n1590051156517,24,Fetch Specific Image,200,OK,Fetch Specific Image 1-72,text,true,,5816,168,70,70,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,24,0,0\n1590051156101,446,Fetch Specific Image,200,OK,Fetch Specific Image 1-74,text,true,,5816,168,70,70,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,446,0,1\n1590051156536,16,Fetch Specific Image,200,OK,Fetch Specific Image 1-73,text,true,,5816,168,71,71,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,16,0,0\n1590051156107,451,Fetch Specific Image,200,OK,Fetch Specific Image 1-75,text,true,,5816,168,71,71,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,451,0,1\n1590051156548,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-74,text,true,,5816,168,72,72,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156115,454,Fetch Specific Image,200,OK,Fetch Specific Image 1-76,text,true,,5816,168,71,71,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,454,0,0\n1590051156559,17,Fetch Specific Image,200,OK,Fetch Specific Image 1-75,text,true,,5816,168,73,73,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,17,0,0\n1590051156121,459,Fetch Specific Image,200,OK,Fetch Specific Image 1-77,text,true,,5816,168,72,72,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,459,0,1\n1590051156569,19,Fetch Specific Image,200,OK,Fetch Specific Image 1-76,text,true,,5816,168,73,73,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,19,0,0\n1590051156128,464,Fetch Specific Image,200,OK,Fetch Specific Image 1-78,text,true,,5816,168,73,73,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,464,0,1\n1590051156581,17,Fetch Specific Image,200,OK,Fetch Specific Image 1-77,text,true,,5816,168,74,74,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,17,0,0\n1590051156135,469,Fetch Specific Image,200,OK,Fetch Specific Image 1-79,text,true,,5816,168,74,74,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,468,0,0\n1590051156592,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-78,text,true,,5816,168,74,74,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156141,473,Fetch Specific Image,200,OK,Fetch Specific Image 1-80,text,true,,5816,168,74,74,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,473,0,1\n1590051156604,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-79,text,true,,5816,168,75,75,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156147,476,Fetch Specific Image,200,OK,Fetch Specific Image 1-81,text,true,,5816,168,75,75,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,476,0,1\n1590051156614,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-80,text,true,,5816,168,76,76,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156154,479,Fetch Specific Image,200,OK,Fetch Specific Image 1-82,text,true,,5816,168,75,75,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,479,0,0\n1590051156624,20,Fetch Specific Image,200,OK,Fetch Specific Image 1-81,text,true,,5816,168,77,77,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,20,0,0\n1590051156160,488,Fetch Specific Image,200,OK,Fetch Specific Image 1-83,text,true,,5816,168,77,77,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,488,0,1\n1590051156634,20,Fetch Specific Image,200,OK,Fetch Specific Image 1-82,text,true,,5816,168,78,78,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,20,0,0\n1590051156167,494,Fetch Specific Image,200,OK,Fetch Specific Image 1-84,text,true,,5816,168,78,78,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,494,0,0\n1590051156648,23,Fetch Specific Image,200,OK,Fetch Specific Image 1-83,text,true,,5816,168,79,79,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,23,0,0\n1590051156173,501,Fetch Specific Image,200,OK,Fetch Specific Image 1-85,text,true,,5816,168,78,78,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,501,0,0\n1590051156661,17,Fetch Specific Image,200,OK,Fetch Specific Image 1-84,text,true,,5816,168,79,79,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,17,0,0\n1590051156179,505,Fetch Specific Image,200,OK,Fetch Specific Image 1-86,text,true,,5816,168,79,79,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,505,0,1\n1590051156674,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-85,text,true,,5816,168,80,80,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156186,509,Fetch Specific Image,200,OK,Fetch Specific Image 1-87,text,true,,5816,168,80,80,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,509,0,1\n1590051156684,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-86,text,true,,5816,168,80,80,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051156192,511,Fetch Specific Image,200,OK,Fetch Specific Image 1-88,text,true,,5816,168,80,80,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,511,0,1\n1590051156695,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-87,text,true,,5816,168,81,81,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156199,515,Fetch Specific Image,200,OK,Fetch Specific Image 1-89,text,true,,5816,168,81,81,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,515,0,0\n1590051156703,16,Fetch Specific Image,200,OK,Fetch Specific Image 1-88,text,true,,5816,168,82,82,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,16,0,0\n1590051156206,517,Fetch Specific Image,200,OK,Fetch Specific Image 1-90,text,true,,5816,168,81,81,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,517,0,0\n1590051156714,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-89,text,true,,5816,168,82,82,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051156212,523,Fetch Specific Image,200,OK,Fetch Specific Image 1-91,text,true,,5816,168,82,82,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,522,0,1\n1590051156723,16,Fetch Specific Image,200,OK,Fetch Specific Image 1-90,text,true,,5816,168,83,83,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,16,0,0\n1590051156219,524,Fetch Specific Image,200,OK,Fetch Specific Image 1-92,text,true,,5816,168,82,82,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,524,0,0\n1590051156735,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-91,text,true,,5816,168,83,83,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051156225,527,Fetch Specific Image,200,OK,Fetch Specific Image 1-93,text,true,,5816,168,83,83,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,527,0,1\n1590051156744,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-92,text,true,,5816,168,83,83,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156232,527,Fetch Specific Image,200,OK,Fetch Specific Image 1-94,text,true,,5816,168,83,83,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,527,0,0\n1590051156752,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-93,text,true,,5816,168,84,84,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051156238,534,Fetch Specific Image,200,OK,Fetch Specific Image 1-95,text,true,,5816,168,84,84,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,534,0,1\n1590051156760,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-94,text,true,,5816,168,84,84,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156245,533,Fetch Specific Image,200,OK,Fetch Specific Image 1-96,text,true,,5816,168,84,84,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,533,0,0\n1590051156772,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-95,text,true,,5816,168,85,85,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156251,537,Fetch Specific Image,200,OK,Fetch Specific Image 1-97,text,true,,5816,168,84,84,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,537,0,0\n1590051156779,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-96,text,true,,5816,168,85,85,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051156257,541,Fetch Specific Image,200,OK,Fetch Specific Image 1-98,text,true,,5816,168,85,85,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,541,0,1\n1590051156788,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-97,text,true,,5816,168,85,85,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051156264,541,Fetch Specific Image,200,OK,Fetch Specific Image 1-99,text,true,,5816,168,85,85,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,541,0,0\n1590051156798,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-98,text,true,,5816,168,86,86,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156270,544,Fetch Specific Image,200,OK,Fetch Specific Image 1-100,text,true,,5816,168,85,85,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,544,0,1\n1590051156805,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-99,text,true,,5816,168,86,86,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051156277,547,Fetch Specific Image,200,OK,Fetch Specific Image 1-101,text,true,,5816,168,86,86,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,547,0,0\n1590051156815,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-100,text,true,,5816,168,87,87,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051156283,552,Fetch Specific Image,200,OK,Fetch Specific Image 1-102,text,true,,5816,168,87,87,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,552,0,0\n1590051156824,18,Fetch Specific Image,200,OK,Fetch Specific Image 1-101,text,true,,5816,168,87,87,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,18,0,0\n1590051156289,561,Fetch Specific Image,200,OK,Fetch Specific Image 1-103,text,true,,5816,168,88,88,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,561,0,1\n1590051156836,18,Fetch Specific Image,200,OK,Fetch Specific Image 1-102,text,true,,5816,168,88,88,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,18,0,0\n1590051156296,564,Fetch Specific Image,200,OK,Fetch Specific Image 1-104,text,true,,5816,168,88,88,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,564,0,1\n1590051156850,16,Fetch Specific Image,200,OK,Fetch Specific Image 1-103,text,true,,5816,168,89,89,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156303,566,Fetch Specific Image,200,OK,Fetch Specific Image 1-105,text,true,,5816,168,89,89,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,566,0,1\n1590051156861,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-104,text,true,,5816,168,89,89,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051156309,569,Fetch Specific Image,200,OK,Fetch Specific Image 1-106,text,true,,5816,168,89,89,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,569,0,1\n1590051156870,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-105,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156316,571,Fetch Specific Image,200,OK,Fetch Specific Image 1-107,text,true,,5816,168,89,89,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,571,0,0\n1590051156878,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-106,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156322,571,Fetch Specific Image,200,OK,Fetch Specific Image 1-108,text,true,,5816,168,89,89,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,571,0,0\n1590051156887,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-107,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156328,572,Fetch Specific Image,200,OK,Fetch Specific Image 1-109,text,true,,5816,168,89,89,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,572,0,1\n1590051156894,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-108,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156335,573,Fetch Specific Image,200,OK,Fetch Specific Image 1-110,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,573,0,0\n1590051156901,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-109,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156341,572,Fetch Specific Image,200,OK,Fetch Specific Image 1-111,text,true,,5816,168,89,89,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,572,0,0\n1590051156908,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-110,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156348,572,Fetch Specific Image,200,OK,Fetch Specific Image 1-112,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,572,0,0\n1590051156914,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-111,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156353,573,Fetch Specific Image,200,OK,Fetch Specific Image 1-113,text,true,,5816,168,89,89,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,573,0,1\n1590051156921,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-112,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051156360,573,Fetch Specific Image,200,OK,Fetch Specific Image 1-114,text,true,,5816,168,89,89,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,573,0,1\n1590051156926,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-113,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156367,573,Fetch Specific Image,200,OK,Fetch Specific Image 1-115,text,true,,5816,168,89,89,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,573,0,0\n1590051156933,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-114,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156373,580,Fetch Specific Image,200,OK,Fetch Specific Image 1-116,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,580,0,1\n1590051156941,18,Fetch Specific Image,200,OK,Fetch Specific Image 1-115,text,true,,5816,168,91,91,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,18,0,0\n1590051156380,585,Fetch Specific Image,200,OK,Fetch Specific Image 1-117,text,true,,5816,168,91,91,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,585,0,0\n1590051156953,16,Fetch Specific Image,200,OK,Fetch Specific Image 1-116,text,true,,5816,168,92,92,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,16,0,0\n1590051156386,589,Fetch Specific Image,200,OK,Fetch Specific Image 1-118,text,true,,5816,168,92,92,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,589,0,1\n1590051156965,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-117,text,true,,5816,168,92,92,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156393,591,Fetch Specific Image,200,OK,Fetch Specific Image 1-119,text,true,,5816,168,92,92,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,591,0,0\n1590051156975,19,Fetch Specific Image,200,OK,Fetch Specific Image 1-118,text,true,,5816,168,94,94,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,19,0,0\n1590051156399,598,Fetch Specific Image,200,OK,Fetch Specific Image 1-120,text,true,,5816,168,93,93,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,598,0,0\n1590051156984,19,Fetch Specific Image,200,OK,Fetch Specific Image 1-119,text,true,,5816,168,94,94,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,19,0,0\n1590051156405,604,Fetch Specific Image,200,OK,Fetch Specific Image 1-121,text,true,,5816,168,94,94,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,604,0,1\n1590051156997,18,Fetch Specific Image,200,OK,Fetch Specific Image 1-120,text,true,,5816,168,95,95,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,18,0,0\n1590051156412,607,Fetch Specific Image,200,OK,Fetch Specific Image 1-122,text,true,,5816,168,94,94,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,607,0,0\n1590051157010,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-121,text,true,,5816,168,95,95,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051156418,609,Fetch Specific Image,200,OK,Fetch Specific Image 1-123,text,true,,5816,168,95,95,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,609,0,1\n1590051157019,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-122,text,true,,5816,168,96,96,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156424,616,Fetch Specific Image,200,OK,Fetch Specific Image 1-124,text,true,,5816,168,96,96,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,616,0,1\n1590051157027,17,Fetch Specific Image,200,OK,Fetch Specific Image 1-123,text,true,,5816,168,96,96,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,17,0,0\n1590051156431,617,Fetch Specific Image,200,OK,Fetch Specific Image 1-125,text,true,,5816,168,96,96,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,617,0,1\n1590051157040,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-124,text,true,,5816,168,97,97,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051156438,619,Fetch Specific Image,200,OK,Fetch Specific Image 1-126,text,true,,5816,168,96,96,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,619,0,1\n1590051157049,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-125,text,true,,5816,168,97,97,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156444,624,Fetch Specific Image,200,OK,Fetch Specific Image 1-127,text,true,,5816,168,97,97,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,624,0,1\n1590051157057,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-126,text,true,,5816,168,98,98,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156452,627,Fetch Specific Image,200,OK,Fetch Specific Image 1-128,text,true,,5816,168,98,98,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,627,0,0\n1590051157068,20,Fetch Specific Image,200,OK,Fetch Specific Image 1-127,text,true,,5816,168,99,99,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,20,0,0\n1590051156458,637,Fetch Specific Image,200,OK,Fetch Specific Image 1-129,text,true,,5816,168,99,99,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,637,0,0\n1590051157080,24,Fetch Specific Image,200,OK,Fetch Specific Image 1-128,text,true,,5816,168,101,101,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,24,0,0\n1590051156465,644,Fetch Specific Image,200,OK,Fetch Specific Image 1-130,text,true,,5816,168,100,100,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,644,0,0\n1590051157095,23,Fetch Specific Image,200,OK,Fetch Specific Image 1-129,text,true,,5816,168,102,102,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,23,0,0\n1590051156471,656,Fetch Specific Image,200,OK,Fetch Specific Image 1-131,text,true,,5816,168,102,102,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,656,0,1\n1590051157110,24,Fetch Specific Image,200,OK,Fetch Specific Image 1-130,text,true,,5816,168,103,103,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,24,0,0\n1590051156477,663,Fetch Specific Image,200,OK,Fetch Specific Image 1-132,text,true,,5816,168,103,103,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,663,0,1\n1590051157127,18,Fetch Specific Image,200,OK,Fetch Specific Image 1-131,text,true,,5816,168,104,104,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,18,0,0\n1590051156484,665,Fetch Specific Image,200,OK,Fetch Specific Image 1-133,text,true,,5816,168,103,103,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,665,0,1\n1590051157140,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-132,text,true,,5816,168,104,104,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051156491,666,Fetch Specific Image,200,OK,Fetch Specific Image 1-134,text,true,,5816,168,103,103,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,666,0,0\n1590051157149,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-133,text,true,,5816,168,104,104,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051156497,669,Fetch Specific Image,200,OK,Fetch Specific Image 1-135,text,true,,5816,168,104,104,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,669,0,1\n1590051157157,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-134,text,true,,5816,168,104,104,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156504,670,Fetch Specific Image,200,OK,Fetch Specific Image 1-136,text,true,,5816,168,104,104,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,670,0,1\n1590051157166,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-135,text,true,,5816,168,105,105,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051156510,673,Fetch Specific Image,200,OK,Fetch Specific Image 1-137,text,true,,5816,168,104,104,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,673,0,1\n1590051157174,16,Fetch Specific Image,200,OK,Fetch Specific Image 1-136,text,true,,5816,168,106,106,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,16,0,0\n1590051156518,677,Fetch Specific Image,200,OK,Fetch Specific Image 1-138,text,true,,5816,168,105,105,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,677,0,0\n1590051157183,16,Fetch Specific Image,200,OK,Fetch Specific Image 1-137,text,true,,5816,168,106,106,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,16,0,0\n1590051156525,681,Fetch Specific Image,200,OK,Fetch Specific Image 1-139,text,true,,5816,168,106,106,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,681,0,1\n1590051157195,17,Fetch Specific Image,200,OK,Fetch Specific Image 1-138,text,true,,5816,168,107,107,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,17,0,0\n1590051156531,685,Fetch Specific Image,200,OK,Fetch Specific Image 1-140,text,true,,5816,168,106,106,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,685,0,1\n1590051157206,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-139,text,true,,5816,168,107,107,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156538,688,Fetch Specific Image,200,OK,Fetch Specific Image 1-141,text,true,,5816,168,107,107,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,687,0,0\n1590051157217,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-140,text,true,,5816,168,107,107,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156544,690,Fetch Specific Image,200,OK,Fetch Specific Image 1-142,text,true,,5816,168,107,107,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,690,0,0\n1590051157226,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-141,text,true,,5816,168,108,108,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156550,691,Fetch Specific Image,200,OK,Fetch Specific Image 1-143,text,true,,5816,168,107,107,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,691,0,1\n1590051157234,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-142,text,true,,5816,168,108,108,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156557,695,Fetch Specific Image,200,OK,Fetch Specific Image 1-144,text,true,,5816,168,108,108,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,695,0,1\n1590051157241,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-143,text,true,,5816,168,108,108,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156563,696,Fetch Specific Image,200,OK,Fetch Specific Image 1-145,text,true,,5816,168,108,108,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,696,0,1\n1590051157252,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-144,text,true,,5816,168,109,109,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156569,698,Fetch Specific Image,200,OK,Fetch Specific Image 1-146,text,true,,5816,168,108,108,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,698,0,1\n1590051157259,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-145,text,true,,5816,168,109,109,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156576,701,Fetch Specific Image,200,OK,Fetch Specific Image 1-147,text,true,,5816,168,108,108,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,701,0,0\n1590051157267,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-146,text,true,,5816,168,109,109,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156582,704,Fetch Specific Image,200,OK,Fetch Specific Image 1-148,text,true,,5816,168,109,109,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,704,0,1\n1590051157277,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-147,text,true,,5816,168,109,109,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051156589,707,Fetch Specific Image,200,OK,Fetch Specific Image 1-149,text,true,,5816,168,109,109,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,707,0,0\n1590051157287,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-148,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156596,709,Fetch Specific Image,200,OK,Fetch Specific Image 1-150,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,709,0,0\n1590051157296,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-149,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051156602,710,Fetch Specific Image,200,OK,Fetch Specific Image 1-151,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,710,0,0\n1590051157305,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-150,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156609,710,Fetch Specific Image,200,OK,Fetch Specific Image 1-152,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,710,0,0\n1590051157312,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-151,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156615,710,Fetch Specific Image,200,OK,Fetch Specific Image 1-153,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,710,0,1\n1590051157319,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-152,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156621,711,Fetch Specific Image,200,OK,Fetch Specific Image 1-154,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,711,0,1\n1590051157325,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-153,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156628,713,Fetch Specific Image,200,OK,Fetch Specific Image 1-155,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,713,0,1\n1590051157332,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-154,text,true,,5816,168,111,111,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051156635,717,Fetch Specific Image,200,OK,Fetch Specific Image 1-156,text,true,,5816,168,111,111,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,717,0,0\n1590051157341,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-155,text,true,,5816,168,111,111,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156641,720,Fetch Specific Image,200,OK,Fetch Specific Image 1-157,text,true,,5816,168,111,111,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,720,0,1\n1590051157352,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-156,text,true,,5816,168,112,112,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051156647,722,Fetch Specific Image,200,OK,Fetch Specific Image 1-158,text,true,,5816,168,111,111,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,722,0,1\n1590051157361,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-157,text,true,,5816,168,112,112,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156654,722,Fetch Specific Image,200,OK,Fetch Specific Image 1-159,text,true,,5816,168,112,112,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,722,0,0\n1590051157369,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-158,text,true,,5816,168,112,112,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156660,723,Fetch Specific Image,200,OK,Fetch Specific Image 1-160,text,true,,5816,168,112,112,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,723,0,1\n1590051157377,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-159,text,true,,5816,168,112,112,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156668,723,Fetch Specific Image,200,OK,Fetch Specific Image 1-161,text,true,,5816,168,112,112,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,723,0,0\n1590051157383,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-160,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156675,723,Fetch Specific Image,200,OK,Fetch Specific Image 1-162,text,true,,5816,168,112,112,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,723,0,0\n1590051157391,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-161,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156681,724,Fetch Specific Image,200,OK,Fetch Specific Image 1-163,text,true,,5816,168,112,112,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,724,0,0\n1590051157398,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-162,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156687,724,Fetch Specific Image,200,OK,Fetch Specific Image 1-164,text,true,,5816,168,112,112,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,724,0,1\n1590051157405,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-163,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156693,725,Fetch Specific Image,200,OK,Fetch Specific Image 1-165,text,true,,5816,168,112,112,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,725,0,1\n1590051157412,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-164,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156700,727,Fetch Specific Image,200,OK,Fetch Specific Image 1-166,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,727,0,0\n1590051157419,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-165,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156707,726,Fetch Specific Image,200,OK,Fetch Specific Image 1-167,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,726,0,0\n1590051157427,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-166,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156713,729,Fetch Specific Image,200,OK,Fetch Specific Image 1-168,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,729,0,1\n1590051157434,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-167,text,true,,5816,168,114,114,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156719,731,Fetch Specific Image,200,OK,Fetch Specific Image 1-169,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,731,0,1\n1590051157442,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-168,text,true,,5816,168,114,114,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156726,732,Fetch Specific Image,200,OK,Fetch Specific Image 1-170,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,732,0,1\n1590051157451,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-169,text,true,,5816,168,114,114,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156732,734,Fetch Specific Image,200,OK,Fetch Specific Image 1-171,text,true,,5816,168,114,114,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,734,0,1\n1590051157458,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-170,text,true,,5816,168,114,114,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156739,734,Fetch Specific Image,200,OK,Fetch Specific Image 1-172,text,true,,5816,168,114,114,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,734,0,0\n1590051157466,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-171,text,true,,5816,168,114,114,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156745,737,Fetch Specific Image,200,OK,Fetch Specific Image 1-173,text,true,,5816,168,114,114,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,736,0,1\n1590051157474,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-172,text,true,,5816,168,115,115,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156752,736,Fetch Specific Image,200,OK,Fetch Specific Image 1-174,text,true,,5816,168,114,114,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,736,0,0\n1590051157482,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-173,text,true,,5816,168,115,115,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156758,738,Fetch Specific Image,200,OK,Fetch Specific Image 1-175,text,true,,5816,168,114,114,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,737,0,0\n1590051157489,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-174,text,true,,5816,168,115,115,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156764,739,Fetch Specific Image,200,OK,Fetch Specific Image 1-176,text,true,,5816,168,115,115,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,739,0,1\n1590051157496,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-175,text,true,,5816,168,115,115,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156771,742,Fetch Specific Image,200,OK,Fetch Specific Image 1-177,text,true,,5816,168,115,115,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,742,0,0\n1590051157504,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-176,text,true,,5816,168,115,115,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156777,742,Fetch Specific Image,200,OK,Fetch Specific Image 1-178,text,true,,5816,168,115,115,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,742,0,1\n1590051157513,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-177,text,true,,5816,168,116,116,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051156783,751,Fetch Specific Image,200,OK,Fetch Specific Image 1-179,text,true,,5816,168,117,117,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,751,0,1\n1590051157520,43,Fetch Specific Image,200,OK,Fetch Specific Image 1-178,text,true,,5816,168,122,122,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,43,0,0\n1590051156790,783,Fetch Specific Image,200,OK,Fetch Specific Image 1-180,text,true,,5816,168,122,122,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,783,0,0\n1590051157534,44,Fetch Specific Image,200,OK,Fetch Specific Image 1-179,text,true,,5816,168,122,122,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,44,0,0\n1590051156796,788,Fetch Specific Image,200,OK,Fetch Specific Image 1-181,text,true,,5816,168,121,121,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,788,0,0\n1590051157574,15,Fetch Specific Image,200,OK,Fetch Specific Image 1-180,text,true,,5816,168,121,121,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,15,0,0\n1590051156803,792,Fetch Specific Image,200,OK,Fetch Specific Image 1-182,text,true,,5816,168,120,120,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,792,0,0\n1590051157585,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-181,text,true,,5816,168,120,120,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051156809,794,Fetch Specific Image,200,OK,Fetch Specific Image 1-183,text,true,,5816,168,119,119,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,794,0,1\n1590051157595,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-182,text,true,,5816,168,119,119,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051156816,796,Fetch Specific Image,200,OK,Fetch Specific Image 1-184,text,true,,5816,168,118,118,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,796,0,0\n1590051157604,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-183,text,true,,5816,168,118,118,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156822,797,Fetch Specific Image,200,OK,Fetch Specific Image 1-185,text,true,,5816,168,117,117,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,797,0,0\n1590051157613,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-184,text,true,,5816,168,117,117,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156828,799,Fetch Specific Image,200,OK,Fetch Specific Image 1-186,text,true,,5816,168,116,116,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,799,0,1\n1590051157620,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-185,text,true,,5816,168,116,116,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156836,797,Fetch Specific Image,200,OK,Fetch Specific Image 1-187,text,true,,5816,168,115,115,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,797,0,0\n1590051157627,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-186,text,true,,5816,168,115,115,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051156843,796,Fetch Specific Image,200,OK,Fetch Specific Image 1-188,text,true,,5816,168,114,114,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,796,0,1\n1590051157633,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-187,text,true,,5816,168,114,114,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156850,796,Fetch Specific Image,200,OK,Fetch Specific Image 1-189,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,796,0,0\n1590051157639,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-188,text,true,,5816,168,113,113,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156856,796,Fetch Specific Image,200,OK,Fetch Specific Image 1-190,text,true,,5816,168,112,112,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,796,0,1\n1590051157646,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-189,text,true,,5816,168,112,112,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156862,797,Fetch Specific Image,200,OK,Fetch Specific Image 1-191,text,true,,5816,168,111,111,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,797,0,1\n1590051157653,38,Fetch Specific Image,200,OK,Fetch Specific Image 1-190,text,true,,5816,168,111,111,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,38,0,0\n1590051156870,824,Fetch Specific Image,200,OK,Fetch Specific Image 1-192,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,824,0,1\n1590051157659,38,Fetch Specific Image,200,OK,Fetch Specific Image 1-191,text,true,,5816,168,110,110,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,38,0,0\n1590051156875,826,Fetch Specific Image,200,OK,Fetch Specific Image 1-193,text,true,,5816,168,109,109,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,826,0,1\n1590051157694,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-192,text,true,,5816,168,109,109,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156882,827,Fetch Specific Image,200,OK,Fetch Specific Image 1-194,text,true,,5816,168,108,108,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,827,0,0\n1590051157701,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-193,text,true,,5816,168,108,108,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156888,826,Fetch Specific Image,200,OK,Fetch Specific Image 1-195,text,true,,5816,168,107,107,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,826,0,0\n1590051157709,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-194,text,true,,5816,168,107,107,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156894,827,Fetch Specific Image,200,OK,Fetch Specific Image 1-196,text,true,,5816,168,106,106,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,827,0,1\n1590051157715,8,Fetch Specific Image,200,OK,Fetch Specific Image 1-195,text,true,,5816,168,106,106,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,8,0,0\n1590051156901,825,Fetch Specific Image,200,OK,Fetch Specific Image 1-197,text,true,,5816,168,105,105,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,825,0,1\n1590051157721,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-196,text,true,,5816,168,105,105,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051156908,825,Fetch Specific Image,200,OK,Fetch Specific Image 1-198,text,true,,5816,168,104,104,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,825,0,0\n1590051157726,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-197,text,true,,5816,168,104,104,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051156914,824,Fetch Specific Image,200,OK,Fetch Specific Image 1-199,text,true,,5816,168,103,103,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,824,0,1\n1590051157733,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-198,text,true,,5816,168,103,103,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051156920,837,Fetch Specific Image,200,OK,Fetch Specific Image 1-200,text,true,,5816,168,102,102,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,837,0,1\n1590051157739,22,Fetch Specific Image,200,OK,Fetch Specific Image 1-199,text,true,,5816,168,102,102,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,22,0,0\n1590051156928,836,Fetch Specific Image,200,OK,Fetch Specific Image 1-201,text,true,,5816,168,101,101,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,836,0,0\n1590051157758,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-200,text,true,,5816,168,101,101,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051156934,837,Fetch Specific Image,200,OK,Fetch Specific Image 1-202,text,true,,5816,168,100,100,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,837,0,1\n1590051157764,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-201,text,true,,5816,168,100,100,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051156942,835,Fetch Specific Image,200,OK,Fetch Specific Image 1-203,text,true,,5816,168,99,99,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,835,0,0\n1590051157771,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-202,text,true,,5816,168,99,99,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051156948,834,Fetch Specific Image,200,OK,Fetch Specific Image 1-204,text,true,,5816,168,98,98,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,834,0,0\n1590051157777,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-203,text,true,,5816,168,98,98,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051156956,833,Fetch Specific Image,200,OK,Fetch Specific Image 1-205,text,true,,5816,168,97,97,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,833,0,0\n1590051157782,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-204,text,true,,5816,168,97,97,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051156962,833,Fetch Specific Image,200,OK,Fetch Specific Image 1-206,text,true,,5816,168,96,96,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,833,0,0\n1590051157789,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-205,text,true,,5816,168,96,96,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051156968,833,Fetch Specific Image,200,OK,Fetch Specific Image 1-207,text,true,,5816,168,95,95,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,833,0,1\n1590051157795,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-206,text,true,,5816,168,95,95,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051156975,831,Fetch Specific Image,200,OK,Fetch Specific Image 1-208,text,true,,5816,168,94,94,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,831,0,0\n1590051157801,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-207,text,true,,5816,168,94,94,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051156981,837,Fetch Specific Image,200,OK,Fetch Specific Image 1-209,text,true,,5816,168,93,93,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,837,0,0\n1590051157806,17,Fetch Specific Image,200,OK,Fetch Specific Image 1-208,text,true,,5816,168,93,93,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,17,0,0\n1590051156987,840,Fetch Specific Image,200,OK,Fetch Specific Image 1-210,text,true,,5816,168,92,92,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,840,0,1\n1590051157818,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-209,text,true,,5816,168,92,92,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051156994,842,Fetch Specific Image,200,OK,Fetch Specific Image 1-211,text,true,,5816,168,91,91,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,842,0,0\n1590051157828,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-210,text,true,,5816,168,91,91,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157000,843,Fetch Specific Image,200,OK,Fetch Specific Image 1-212,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,843,0,0\n1590051157837,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-211,text,true,,5816,168,90,90,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157007,844,Fetch Specific Image,200,OK,Fetch Specific Image 1-213,text,true,,5816,168,89,89,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,844,0,0\n1590051157843,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-212,text,true,,5816,168,89,89,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157013,845,Fetch Specific Image,200,OK,Fetch Specific Image 1-214,text,true,,5816,168,88,88,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,845,0,1\n1590051157851,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-213,text,true,,5816,168,88,88,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157019,845,Fetch Specific Image,200,OK,Fetch Specific Image 1-215,text,true,,5816,168,87,87,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,845,0,1\n1590051157859,8,Fetch Specific Image,200,OK,Fetch Specific Image 1-214,text,true,,5816,168,87,87,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,8,0,0\n1590051157026,845,Fetch Specific Image,200,OK,Fetch Specific Image 1-216,text,true,,5816,168,86,86,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,845,0,1\n1590051157864,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-215,text,true,,5816,168,86,86,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157032,848,Fetch Specific Image,200,OK,Fetch Specific Image 1-217,text,true,,5816,168,85,85,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,848,0,1\n1590051157871,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-216,text,true,,5816,168,85,85,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051157039,846,Fetch Specific Image,200,OK,Fetch Specific Image 1-218,text,true,,5816,168,84,84,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,846,0,0\n1590051157880,8,Fetch Specific Image,200,OK,Fetch Specific Image 1-217,text,true,,5816,168,84,84,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,8,0,0\n1590051157045,845,Fetch Specific Image,200,OK,Fetch Specific Image 1-219,text,true,,5816,168,83,83,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,845,0,0\n1590051157886,7,Fetch Specific Image,200,OK,Fetch Specific Image 1-218,text,true,,5816,168,83,83,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,7,0,0\n1590051157051,846,Fetch Specific Image,200,OK,Fetch Specific Image 1-220,text,true,,5816,168,82,82,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,846,0,1\n1590051157890,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-219,text,true,,5816,168,82,82,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157058,843,Fetch Specific Image,200,OK,Fetch Specific Image 1-221,text,true,,5816,168,81,81,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,843,0,0\n1590051157897,7,Fetch Specific Image,200,OK,Fetch Specific Image 1-220,text,true,,5816,168,81,81,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,7,0,0\n1590051157064,843,Fetch Specific Image,200,OK,Fetch Specific Image 1-222,text,true,,5816,168,80,80,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,843,0,0\n1590051157901,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-221,text,true,,5816,168,80,80,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157071,841,Fetch Specific Image,200,OK,Fetch Specific Image 1-223,text,true,,5816,168,79,79,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,841,0,0\n1590051157907,8,Fetch Specific Image,200,OK,Fetch Specific Image 1-222,text,true,,5816,168,79,79,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,8,0,0\n1590051157078,840,Fetch Specific Image,200,OK,Fetch Specific Image 1-224,text,true,,5816,168,78,78,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,840,0,1\n1590051157912,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-223,text,true,,5816,168,78,78,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157085,839,Fetch Specific Image,200,OK,Fetch Specific Image 1-225,text,true,,5816,168,77,77,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,839,0,0\n1590051157918,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-224,text,true,,5816,168,77,77,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157091,842,Fetch Specific Image,200,OK,Fetch Specific Image 1-226,text,true,,5816,168,76,76,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,842,0,0\n1590051157924,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-225,text,true,,5816,168,76,76,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051157098,841,Fetch Specific Image,200,OK,Fetch Specific Image 1-227,text,true,,5816,168,75,75,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,841,0,0\n1590051157933,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-226,text,true,,5816,168,75,75,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157104,842,Fetch Specific Image,200,OK,Fetch Specific Image 1-228,text,true,,5816,168,74,74,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,842,0,0\n1590051157939,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-227,text,true,,5816,168,74,74,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157110,841,Fetch Specific Image,200,OK,Fetch Specific Image 1-229,text,true,,5816,168,73,73,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,841,0,1\n1590051157946,8,Fetch Specific Image,200,OK,Fetch Specific Image 1-228,text,true,,5816,168,73,73,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,8,0,0\n1590051157116,842,Fetch Specific Image,200,OK,Fetch Specific Image 1-230,text,true,,5816,168,72,72,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,842,0,1\n1590051157951,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-229,text,true,,5816,168,72,72,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157125,839,Fetch Specific Image,200,OK,Fetch Specific Image 1-231,text,true,,5816,168,71,71,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,839,0,0\n1590051157958,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-230,text,true,,5816,168,71,71,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157131,840,Fetch Specific Image,200,OK,Fetch Specific Image 1-232,text,true,,5816,168,70,70,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,840,0,0\n1590051157964,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-231,text,true,,5816,168,70,70,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157137,839,Fetch Specific Image,200,OK,Fetch Specific Image 1-233,text,true,,5816,168,69,69,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,839,0,0\n1590051157971,8,Fetch Specific Image,200,OK,Fetch Specific Image 1-232,text,true,,5816,168,69,69,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,8,0,0\n1590051157144,839,Fetch Specific Image,200,OK,Fetch Specific Image 1-234,text,true,,5816,168,68,68,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,839,0,1\n1590051157977,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-233,text,true,,5816,168,68,68,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157150,840,Fetch Specific Image,200,OK,Fetch Specific Image 1-235,text,true,,5816,168,67,67,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,840,0,1\n1590051157983,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-234,text,true,,5816,168,67,67,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157158,839,Fetch Specific Image,200,OK,Fetch Specific Image 1-236,text,true,,5816,168,66,66,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,839,0,0\n1590051157990,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-235,text,true,,5816,168,66,66,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157164,839,Fetch Specific Image,200,OK,Fetch Specific Image 1-237,text,true,,5816,168,65,65,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,839,0,1\n1590051157997,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-236,text,true,,5816,168,65,65,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157171,839,Fetch Specific Image,200,OK,Fetch Specific Image 1-238,text,true,,5816,168,64,64,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,839,0,0\n1590051158003,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-237,text,true,,5816,168,64,64,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157178,839,Fetch Specific Image,200,OK,Fetch Specific Image 1-239,text,true,,5816,168,63,63,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,839,0,1\n1590051158011,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-238,text,true,,5816,168,63,63,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157184,840,Fetch Specific Image,200,OK,Fetch Specific Image 1-240,text,true,,5816,168,62,62,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,840,0,1\n1590051158017,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-239,text,true,,5816,168,62,62,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157191,838,Fetch Specific Image,200,OK,Fetch Specific Image 1-241,text,true,,5816,168,61,61,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,838,0,0\n1590051158024,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-240,text,true,,5816,168,61,61,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157197,838,Fetch Specific Image,200,OK,Fetch Specific Image 1-242,text,true,,5816,168,60,60,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,838,0,1\n1590051158029,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-241,text,true,,5816,168,60,60,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157204,840,Fetch Specific Image,200,OK,Fetch Specific Image 1-243,text,true,,5816,168,59,59,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,840,0,1\n1590051158036,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-242,text,true,,5816,168,59,59,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157211,839,Fetch Specific Image,200,OK,Fetch Specific Image 1-244,text,true,,5816,168,58,58,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,839,0,1\n1590051158044,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-243,text,true,,5816,168,58,58,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157218,838,Fetch Specific Image,200,OK,Fetch Specific Image 1-245,text,true,,5816,168,57,57,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,838,0,0\n1590051158050,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-244,text,true,,5816,168,57,57,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157224,837,Fetch Specific Image,200,OK,Fetch Specific Image 1-246,text,true,,5816,168,56,56,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,837,0,0\n1590051158056,8,Fetch Specific Image,200,OK,Fetch Specific Image 1-245,text,true,,5816,168,56,56,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,8,0,0\n1590051157230,836,Fetch Specific Image,200,OK,Fetch Specific Image 1-247,text,true,,5816,168,55,55,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,836,0,1\n1590051158061,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-246,text,true,,5816,168,55,55,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157236,839,Fetch Specific Image,200,OK,Fetch Specific Image 1-248,text,true,,5816,168,54,54,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,839,0,1\n1590051158066,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-247,text,true,,5816,168,54,54,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051157243,839,Fetch Specific Image,200,OK,Fetch Specific Image 1-249,text,true,,5816,168,53,53,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,839,0,0\n1590051158075,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-248,text,true,,5816,168,53,53,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157250,839,Fetch Specific Image,200,OK,Fetch Specific Image 1-250,text,true,,5816,168,52,52,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,839,0,1\n1590051158082,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-249,text,true,,5816,168,52,52,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157257,839,Fetch Specific Image,200,OK,Fetch Specific Image 1-251,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,839,0,0\n1590051158089,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-250,text,true,,5816,168,51,51,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157264,840,Fetch Specific Image,200,OK,Fetch Specific Image 1-252,text,true,,5816,168,50,50,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,840,0,0\n1590051158096,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-251,text,true,,5816,168,50,50,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051157271,843,Fetch Specific Image,200,OK,Fetch Specific Image 1-253,text,true,,5816,168,49,49,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,843,0,0\n1590051158105,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-252,text,true,,5816,168,49,49,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051157278,843,Fetch Specific Image,200,OK,Fetch Specific Image 1-254,text,true,,5816,168,48,48,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,843,0,1\n1590051158114,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-253,text,true,,5816,168,48,48,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157285,842,Fetch Specific Image,200,OK,Fetch Specific Image 1-255,text,true,,5816,168,47,47,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,842,0,0\n1590051158121,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-254,text,true,,5816,168,47,47,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157291,843,Fetch Specific Image,200,OK,Fetch Specific Image 1-256,text,true,,5816,168,46,46,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,843,0,1\n1590051158127,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-255,text,true,,5816,168,46,46,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157298,843,Fetch Specific Image,200,OK,Fetch Specific Image 1-257,text,true,,5816,168,45,45,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,843,0,0\n1590051158134,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-256,text,true,,5816,168,45,45,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051157305,845,Fetch Specific Image,200,OK,Fetch Specific Image 1-258,text,true,,5816,168,44,44,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,845,0,1\n1590051158141,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-257,text,true,,5816,168,44,44,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051157312,848,Fetch Specific Image,200,OK,Fetch Specific Image 1-259,text,true,,5816,168,43,43,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,848,0,0\n1590051158150,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-258,text,true,,5816,168,43,43,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051157318,849,Fetch Specific Image,200,OK,Fetch Specific Image 1-260,text,true,,5816,168,42,42,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,849,0,0\n1590051158160,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-259,text,true,,5816,168,42,42,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051157325,852,Fetch Specific Image,200,OK,Fetch Specific Image 1-261,text,true,,5816,168,41,41,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,852,0,0\n1590051158167,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-260,text,true,,5816,168,41,41,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051157331,852,Fetch Specific Image,200,OK,Fetch Specific Image 1-262,text,true,,5816,168,40,40,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,852,0,0\n1590051158177,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-261,text,true,,5816,168,40,40,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157337,854,Fetch Specific Image,200,OK,Fetch Specific Image 1-263,text,true,,5816,168,39,39,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,854,0,1\n1590051158183,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-262,text,true,,5816,168,39,39,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051157344,856,Fetch Specific Image,200,OK,Fetch Specific Image 1-264,text,true,,5816,168,38,38,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,856,0,0\n1590051158191,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-263,text,true,,5816,168,38,38,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051157350,856,Fetch Specific Image,200,OK,Fetch Specific Image 1-265,text,true,,5816,168,37,37,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,856,0,0\n1590051158200,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-264,text,true,,5816,168,37,37,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157357,857,Fetch Specific Image,200,OK,Fetch Specific Image 1-266,text,true,,5816,168,36,36,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,857,0,0\n1590051158206,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-265,text,true,,5816,168,36,36,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157363,858,Fetch Specific Image,200,OK,Fetch Specific Image 1-267,text,true,,5816,168,35,35,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,858,0,0\n1590051158214,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-266,text,true,,5816,168,35,35,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051157369,860,Fetch Specific Image,200,OK,Fetch Specific Image 1-268,text,true,,5816,168,34,34,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,860,0,1\n1590051158221,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-267,text,true,,5816,168,34,34,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051157376,863,Fetch Specific Image,200,OK,Fetch Specific Image 1-269,text,true,,5816,168,33,33,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,863,0,0\n1590051158229,14,Fetch Specific Image,200,OK,Fetch Specific Image 1-268,text,true,,5816,168,33,33,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,14,0,0\n1590051157382,865,Fetch Specific Image,200,OK,Fetch Specific Image 1-270,text,true,,5816,168,32,32,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,865,0,0\n1590051158239,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-269,text,true,,5816,168,32,32,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,12,0,0\n1590051157388,867,Fetch Specific Image,200,OK,Fetch Specific Image 1-271,text,true,,5816,168,31,31,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,867,0,0\n1590051158247,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-270,text,true,,5816,168,31,31,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157394,870,Fetch Specific Image,200,OK,Fetch Specific Image 1-272,text,true,,5816,168,30,30,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,870,0,1\n1590051158255,12,Fetch Specific Image,200,OK,Fetch Specific Image 1-271,text,true,,5816,168,30,30,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157400,870,Fetch Specific Image,200,OK,Fetch Specific Image 1-273,text,true,,5816,168,29,29,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,870,0,1\n1590051158264,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-272,text,true,,5816,168,29,29,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157407,870,Fetch Specific Image,200,OK,Fetch Specific Image 1-274,text,true,,5816,168,28,28,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,870,0,0\n1590051158270,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-273,text,true,,5816,168,28,28,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157413,870,Fetch Specific Image,200,OK,Fetch Specific Image 1-275,text,true,,5816,168,27,27,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,870,0,0\n1590051158277,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-274,text,true,,5816,168,27,27,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157420,870,Fetch Specific Image,200,OK,Fetch Specific Image 1-276,text,true,,5816,168,26,26,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,870,0,1\n1590051158283,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-275,text,true,,5816,168,26,26,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157427,869,Fetch Specific Image,200,OK,Fetch Specific Image 1-277,text,true,,5816,168,25,25,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,869,0,0\n1590051158290,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-276,text,true,,5816,168,25,25,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157433,871,Fetch Specific Image,200,OK,Fetch Specific Image 1-278,text,true,,5816,168,24,24,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,871,0,1\n1590051158297,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-277,text,true,,5816,168,24,24,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157439,871,Fetch Specific Image,200,OK,Fetch Specific Image 1-279,text,true,,5816,168,23,23,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,871,0,1\n1590051158304,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-278,text,true,,5816,168,23,23,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157446,871,Fetch Specific Image,200,OK,Fetch Specific Image 1-280,text,true,,5816,168,22,22,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,871,0,0\n1590051158311,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-279,text,true,,5816,168,22,22,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157452,870,Fetch Specific Image,200,OK,Fetch Specific Image 1-281,text,true,,5816,168,21,21,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,870,0,0\n1590051158317,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-280,text,true,,5816,168,21,21,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157458,871,Fetch Specific Image,200,OK,Fetch Specific Image 1-282,text,true,,5816,168,20,20,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,871,0,1\n1590051158323,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-281,text,true,,5816,168,20,20,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157465,871,Fetch Specific Image,200,OK,Fetch Specific Image 1-283,text,true,,5816,168,19,19,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,871,0,0\n1590051158329,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-282,text,true,,5816,168,19,19,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157471,871,Fetch Specific Image,200,OK,Fetch Specific Image 1-284,text,true,,5816,168,18,18,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,871,0,0\n1590051158336,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-283,text,true,,5816,168,18,18,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157478,870,Fetch Specific Image,200,OK,Fetch Specific Image 1-285,text,true,,5816,168,17,17,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,870,0,0\n1590051158342,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-284,text,true,,5816,168,17,17,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157484,872,Fetch Specific Image,200,OK,Fetch Specific Image 1-286,text,true,,5816,168,16,16,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,872,0,1\n1590051158348,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-285,text,true,,5816,168,16,16,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157491,872,Fetch Specific Image,200,OK,Fetch Specific Image 1-287,text,true,,5816,168,15,15,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,872,0,1\n1590051158356,10,Fetch Specific Image,200,OK,Fetch Specific Image 1-286,text,true,,5816,168,15,15,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,10,0,0\n1590051157497,872,Fetch Specific Image,200,OK,Fetch Specific Image 1-288,text,true,,5816,168,14,14,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,872,0,1\n1590051158363,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-287,text,true,,5816,168,14,14,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157504,882,Fetch Specific Image,200,OK,Fetch Specific Image 1-289,text,true,,5816,168,13,13,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,882,0,0\n1590051158369,21,Fetch Specific Image,200,OK,Fetch Specific Image 1-288,text,true,,5816,168,13,13,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,21,0,0\n1590051157511,883,Fetch Specific Image,200,OK,Fetch Specific Image 1-290,text,true,,5816,168,12,12,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,883,0,0\n1590051158386,13,Fetch Specific Image,200,OK,Fetch Specific Image 1-289,text,true,,5816,168,12,12,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,13,0,0\n1590051157517,891,Fetch Specific Image,200,OK,Fetch Specific Image 1-291,text,true,,5816,168,11,11,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,891,0,0\n1590051158394,17,Fetch Specific Image,200,OK,Fetch Specific Image 1-290,text,true,,5816,168,11,11,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,17,0,0\n1590051157522,893,Fetch Specific Image,200,OK,Fetch Specific Image 1-292,text,true,,5816,168,10,10,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,893,0,1\n1590051158408,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-291,text,true,,5816,168,10,10,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157528,894,Fetch Specific Image,200,OK,Fetch Specific Image 1-293,text,true,,5816,168,9,9,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,893,0,0\n1590051158415,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-292,text,true,,5816,168,9,9,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157533,893,Fetch Specific Image,200,OK,Fetch Specific Image 1-294,text,true,,5816,168,8,8,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,893,0,1\n1590051158422,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-293,text,true,,5816,168,8,8,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157539,894,Fetch Specific Image,200,OK,Fetch Specific Image 1-295,text,true,,5816,168,7,7,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,894,0,0\n1590051158426,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-294,text,true,,5816,168,7,7,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157545,897,Fetch Specific Image,200,OK,Fetch Specific Image 1-296,text,true,,5816,168,6,6,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,897,0,1\n1590051158433,11,Fetch Specific Image,200,OK,Fetch Specific Image 1-295,text,true,,5816,168,6,6,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,11,0,0\n1590051157550,897,Fetch Specific Image,200,OK,Fetch Specific Image 1-297,text,true,,5816,168,5,5,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,897,0,1\n1590051158442,8,Fetch Specific Image,200,OK,Fetch Specific Image 1-296,text,true,,5816,168,5,5,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,8,0,0\n1590051157556,896,Fetch Specific Image,200,OK,Fetch Specific Image 1-298,text,true,,5816,168,4,4,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,896,0,1\n1590051158447,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-297,text,true,,5816,168,4,4,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051157562,897,Fetch Specific Image,200,OK,Fetch Specific Image 1-299,text,true,,5816,168,3,3,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,897,0,0\n1590051158453,8,Fetch Specific Image,200,OK,Fetch Specific Image 1-298,text,true,,5816,168,3,3,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,8,0,0\n1590051157565,900,Fetch Specific Image,200,OK,Fetch Specific Image 1-300,text,true,,5816,168,2,2,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,900,0,1\n1590051158459,9,Fetch Specific Image,200,OK,Fetch Specific Image 1-299,text,true,,5816,168,2,2,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,9,0,0\n1590051158465,5,Fetch Specific Image,200,OK,Fetch Specific Image 1-300,text,true,,5816,168,1,1,http://localhost/kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg,5,0,0\n1590051176142,127,Fetch Specific Library,200,OK,Fetch Specific Library 1-2,text,true,,4817,149,18,18,http://localhost/api/components/?component_library=1,127,0,0\n1590051176264,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-18,text,true,,4816,149,18,18,http://localhost/api/components/?component_library=1,6,0,1\n1590051176270,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-2,text,true,,4816,149,19,19,http://localhost/api/components/?component_library=1,4,0,0\n1590051176272,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-18,text,true,,4816,149,18,18,http://localhost/api/components/?component_library=1,4,0,0\n1590051176273,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-19,text,true,,4816,149,17,17,http://localhost/api/components/?component_library=1,6,0,1\n1590051176280,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-19,text,true,,4816,149,18,18,http://localhost/api/components/?component_library=1,2,0,0\n1590051176281,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-20,text,true,,4816,149,17,17,http://localhost/api/components/?component_library=1,6,0,1\n1590051176287,8,Fetch Specific Library,200,OK,Fetch Specific Library 1-20,text,true,,4816,149,18,18,http://localhost/api/components/?component_library=1,8,0,0\n1590051176135,163,Fetch Specific Library,200,OK,Fetch Specific Library 1-1,text,true,,4817,149,17,17,http://localhost/api/components/?component_library=1,163,0,0\n1590051176290,12,Fetch Specific Library,200,OK,Fetch Specific Library 1-21,text,true,,4816,149,18,18,http://localhost/api/components/?component_library=1,12,0,2\n1590051176298,8,Fetch Specific Library,200,OK,Fetch Specific Library 1-1,text,true,,4816,149,18,18,http://localhost/api/components/?component_library=1,8,0,0\n1590051176302,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-21,text,true,,4816,149,18,18,http://localhost/api/components/?component_library=1,5,0,0\n1590051176300,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-22,text,true,,4816,149,17,17,http://localhost/api/components/?component_library=1,9,0,1\n1590051176166,146,Fetch Specific Library,200,OK,Fetch Specific Library 1-5,text,true,,4817,149,17,17,http://localhost/api/components/?component_library=1,146,0,0\n1590051176309,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-22,text,true,,4816,149,17,17,http://localhost/api/components/?component_library=1,6,0,0\n1590051176307,8,Fetch Specific Library,200,OK,Fetch Specific Library 1-23,text,true,,4816,149,17,17,http://localhost/api/components/?component_library=1,8,0,1\n1590051176312,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-5,text,true,,4816,149,17,17,http://localhost/api/components/?component_library=1,6,0,0\n1590051176316,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-23,text,true,,4816,149,16,16,http://localhost/api/components/?component_library=1,5,0,0\n1590051176316,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-24,text,true,,4816,149,16,16,http://localhost/api/components/?component_library=1,7,0,0\n1590051176323,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-24,text,true,,4816,149,16,16,http://localhost/api/components/?component_library=1,4,0,0\n1590051176323,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-25,text,true,,4816,149,15,15,http://localhost/api/components/?component_library=1,6,0,1\n1590051176329,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-25,text,true,,4816,149,16,16,http://localhost/api/components/?component_library=1,4,0,0\n1590051176331,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-26,text,true,,4816,149,15,15,http://localhost/api/components/?component_library=1,6,0,1\n1590051176337,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-26,text,true,,4816,149,16,16,http://localhost/api/components/?component_library=1,3,0,0\n1590051176339,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-27,text,true,,4816,149,16,16,http://localhost/api/components/?component_library=1,9,0,0\n1590051176348,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-27,text,true,,4816,149,16,16,http://localhost/api/components/?component_library=1,3,0,0\n1590051176347,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-28,text,true,,4816,149,16,16,http://localhost/api/components/?component_library=1,7,0,0\n1590051176355,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-28,text,true,,4816,149,16,16,http://localhost/api/components/?component_library=1,3,0,0\n1590051176354,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-29,text,true,,4816,149,15,15,http://localhost/api/components/?component_library=1,7,0,1\n1590051176361,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-29,text,true,,4816,149,16,16,http://localhost/api/components/?component_library=1,3,0,0\n1590051176157,209,Fetch Specific Library,200,OK,Fetch Specific Library 1-4,text,true,,4817,149,15,15,http://localhost/api/components/?component_library=1,209,0,0\n1590051176362,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-30,text,true,,4816,149,15,15,http://localhost/api/components/?component_library=1,5,0,0\n1590051176149,222,Fetch Specific Library,200,OK,Fetch Specific Library 1-3,text,true,,4817,149,16,16,http://localhost/api/components/?component_library=1,222,0,1\n1590051176367,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-4,text,true,,4816,149,16,16,http://localhost/api/components/?component_library=1,5,0,0\n1590051176368,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-30,text,true,,4816,149,15,15,http://localhost/api/components/?component_library=1,5,0,0\n1590051176371,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-3,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,4,0,0\n1590051176369,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-31,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,7,0,2\n1590051176376,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-31,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,5,0,0\n1590051176378,8,Fetch Specific Library,200,OK,Fetch Specific Library 1-32,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,8,0,1\n1590051176386,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-32,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,5,0,0\n1590051176386,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-33,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,6,0,1\n1590051176392,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-33,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,3,0,0\n1590051176394,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-34,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,7,0,1\n1590051176401,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-34,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,2,0,0\n1590051176402,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-35,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,6,0,1\n1590051176408,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-35,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,3,0,0\n1590051176411,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-36,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,4,0,0\n1590051176415,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-36,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,2,0,0\n1590051176418,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-37,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,6,0,0\n1590051176424,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-37,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,5,0,0\n1590051176425,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-38,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,9,0,1\n1590051176434,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-38,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,3,0,0\n1590051176433,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-39,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,6,0,1\n1590051176439,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-39,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,4,0,0\n1590051176441,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-40,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,5,0,1\n1590051176446,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-40,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,4,0,0\n1590051176173,290,Fetch Specific Library,200,OK,Fetch Specific Library 1-6,text,true,,4817,149,14,14,http://localhost/api/components/?component_library=1,290,0,0\n1590051176448,18,Fetch Specific Library,200,OK,Fetch Specific Library 1-41,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,18,0,1\n1590051176181,286,Fetch Specific Library,200,OK,Fetch Specific Library 1-7,text,true,,4817,149,14,14,http://localhost/api/components/?component_library=1,286,0,0\n1590051176464,11,Fetch Specific Library,200,OK,Fetch Specific Library 1-6,text,true,,4816,149,15,15,http://localhost/api/components/?component_library=1,11,0,0\n1590051176461,15,Fetch Specific Library,200,OK,Fetch Specific Library 1-42,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,15,0,0\n1590051176466,12,Fetch Specific Library,200,OK,Fetch Specific Library 1-41,text,true,,4816,149,15,15,http://localhost/api/components/?component_library=1,12,0,0\n1590051176468,10,Fetch Specific Library,200,OK,Fetch Specific Library 1-7,text,true,,4816,149,15,15,http://localhost/api/components/?component_library=1,10,0,0\n1590051176468,13,Fetch Specific Library,200,OK,Fetch Specific Library 1-43,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,13,0,3\n1590051176477,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-42,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,7,0,0\n1590051176481,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-43,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,5,0,0\n1590051176477,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-44,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,9,0,1\n1590051176490,11,Fetch Specific Library,200,OK,Fetch Specific Library 1-46,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,11,0,0\n1590051176485,19,Fetch Specific Library,200,OK,Fetch Specific Library 1-45,text,true,,4816,149,15,15,http://localhost/api/components/?component_library=1,19,0,0\n1590051176497,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-47,text,true,,4816,149,15,15,http://localhost/api/components/?component_library=1,7,0,0\n1590051176486,18,Fetch Specific Library,200,OK,Fetch Specific Library 1-44,text,true,,4816,149,15,15,http://localhost/api/components/?component_library=1,18,0,0\n1590051176501,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-46,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,5,0,0\n1590051176504,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-45,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,3,0,0\n1590051176504,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-47,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,7,0,0\n1590051176503,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-48,text,true,,4816,149,12,12,http://localhost/api/components/?component_library=1,9,0,1\n1590051176512,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-48,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,5,0,0\n1590051176509,8,Fetch Specific Library,200,OK,Fetch Specific Library 1-49,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,8,0,1\n1590051176517,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-49,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,5,0,0\n1590051176516,11,Fetch Specific Library,200,OK,Fetch Specific Library 1-50,text,true,,4816,149,12,12,http://localhost/api/components/?component_library=1,11,0,0\n1590051176189,340,Fetch Specific Library,200,OK,Fetch Specific Library 1-8,text,true,,4817,149,13,13,http://localhost/api/components/?component_library=1,340,0,1\n1590051176527,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-50,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,9,0,0\n1590051176530,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-8,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,6,0,0\n1590051176522,14,Fetch Specific Library,200,OK,Fetch Specific Library 1-51,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,14,0,0\n1590051176528,13,Fetch Specific Library,200,OK,Fetch Specific Library 1-52,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,13,0,1\n1590051176535,13,Fetch Specific Library,200,OK,Fetch Specific Library 1-53,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,13,0,0\n1590051176536,12,Fetch Specific Library,200,OK,Fetch Specific Library 1-51,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,12,0,0\n1590051176197,358,Fetch Specific Library,200,OK,Fetch Specific Library 1-9,text,true,,4817,149,14,14,http://localhost/api/components/?component_library=1,358,0,0\n1590051176541,17,Fetch Specific Library,200,OK,Fetch Specific Library 1-52,text,true,,4816,149,14,14,http://localhost/api/components/?component_library=1,17,0,0\n1590051176548,10,Fetch Specific Library,200,OK,Fetch Specific Library 1-53,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,10,0,0\n1590051176555,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-9,text,true,,4816,149,12,12,http://localhost/api/components/?component_library=1,4,0,0\n1590051176541,22,Fetch Specific Library,200,OK,Fetch Specific Library 1-54,text,true,,4816,149,12,12,http://localhost/api/components/?component_library=1,22,0,1\n1590051176548,15,Fetch Specific Library,200,OK,Fetch Specific Library 1-55,text,true,,4816,149,12,12,http://localhost/api/components/?component_library=1,15,0,0\n1590051176554,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-56,text,true,,4816,149,12,12,http://localhost/api/components/?component_library=1,9,0,0\n1590051176563,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-54,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,5,0,0\n1590051176563,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-56,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,5,0,0\n1590051176563,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-55,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,5,0,0\n1590051176560,8,Fetch Specific Library,200,OK,Fetch Specific Library 1-57,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,8,0,0\n1590051176567,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-58,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,7,0,0\n1590051176568,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-57,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,7,0,0\n1590051176574,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-58,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,5,0,0\n1590051176573,8,Fetch Specific Library,200,OK,Fetch Specific Library 1-59,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,8,0,0\n1590051176581,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-59,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,4,0,0\n1590051176579,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-60,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,7,0,1\n1590051176586,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-60,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,4,0,0\n1590051176586,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-61,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,6,0,0\n1590051176592,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-61,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,5,0,0\n1590051176593,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-62,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,7,0,0\n1590051176204,398,Fetch Specific Library,200,OK,Fetch Specific Library 1-10,text,true,,4817,149,10,10,http://localhost/api/components/?component_library=1,398,0,0\n1590051176600,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-62,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,3,0,0\n1590051176599,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-63,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,6,0,1\n1590051176602,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-10,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,5,0,0\n1590051176606,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-63,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,5,0,0\n1590051176606,11,Fetch Specific Library,200,OK,Fetch Specific Library 1-64,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,11,0,1\n1590051176613,8,Fetch Specific Library,200,OK,Fetch Specific Library 1-65,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,8,0,0\n1590051176618,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-64,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,8,0,0\n1590051176621,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-65,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,6,0,0\n1590051176619,11,Fetch Specific Library,200,OK,Fetch Specific Library 1-66,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,11,0,0\n1590051176625,10,Fetch Specific Library,200,OK,Fetch Specific Library 1-67,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,10,0,1\n1590051176631,11,Fetch Specific Library,200,OK,Fetch Specific Library 1-66,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,11,0,0\n1590051176635,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-67,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,7,0,0\n1590051176632,12,Fetch Specific Library,200,OK,Fetch Specific Library 1-68,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,11,0,0\n1590051176638,11,Fetch Specific Library,200,OK,Fetch Specific Library 1-69,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,11,0,1\n1590051176644,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-68,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,6,0,0\n1590051176645,15,Fetch Specific Library,200,OK,Fetch Specific Library 1-70,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,15,0,0\n1590051176649,12,Fetch Specific Library,200,OK,Fetch Specific Library 1-69,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,12,0,0\n1590051176651,14,Fetch Specific Library,200,OK,Fetch Specific Library 1-71,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,14,0,1\n1590051176660,8,Fetch Specific Library,200,OK,Fetch Specific Library 1-70,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,8,0,0\n1590051176665,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-71,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,4,0,0\n1590051176664,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-73,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,6,0,0\n1590051176671,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-73,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,3,0,0\n1590051176670,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-74,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,5,0,1\n1590051176657,24,Fetch Specific Library,200,OK,Fetch Specific Library 1-72,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,24,0,1\n1590051176676,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-74,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,5,0,0\n1590051176676,11,Fetch Specific Library,200,OK,Fetch Specific Library 1-75,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,11,0,1\n1590051176681,11,Fetch Specific Library,200,OK,Fetch Specific Library 1-72,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,11,0,0\n1590051176687,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-75,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,6,0,0\n1590051176683,11,Fetch Specific Library,200,OK,Fetch Specific Library 1-76,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,11,0,0\n1590051176689,10,Fetch Specific Library,200,OK,Fetch Specific Library 1-77,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,10,0,1\n1590051176695,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-76,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,6,0,0\n1590051176700,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-77,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,6,0,0\n1590051176702,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-79,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,7,0,0\n1590051176695,14,Fetch Specific Library,200,OK,Fetch Specific Library 1-78,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,14,0,1\n1590051176709,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-78,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,4,0,0\n1590051176709,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-79,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,4,0,0\n1590051176708,8,Fetch Specific Library,200,OK,Fetch Specific Library 1-80,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,8,0,1\n1590051176716,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-80,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,4,0,0\n1590051176714,30,Fetch Specific Library,200,OK,Fetch Specific Library 1-81,text,true,,4816,149,12,12,http://localhost/api/components/?component_library=1,30,0,1\n1590051176212,534,Fetch Specific Library,200,OK,Fetch Specific Library 1-11,text,true,,4817,149,12,12,http://localhost/api/components/?component_library=1,534,0,1\n1590051176741,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-85,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,9,0,1\n1590051176735,15,Fetch Specific Library,200,OK,Fetch Specific Library 1-84,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,15,0,0\n1590051176746,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-11,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,4,0,0\n1590051176744,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-81,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,6,0,0\n1590051176721,29,Fetch Specific Library,200,OK,Fetch Specific Library 1-82,text,true,,4816,149,13,13,http://localhost/api/components/?component_library=1,29,0,0\n1590051176728,24,Fetch Specific Library,200,OK,Fetch Specific Library 1-83,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,24,0,1\n1590051176750,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-85,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,3,0,0\n1590051176750,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-84,text,true,,4816,149,11,11,http://localhost/api/components/?component_library=1,3,0,0\n1590051176750,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-82,text,true,,4816,149,10,10,http://localhost/api/components/?component_library=1,5,0,0\n1590051176749,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-86,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,7,0,0\n1590051176752,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-83,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,5,0,0\n1590051176756,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-86,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,9,0,0\n1590051176755,10,Fetch Specific Library,200,OK,Fetch Specific Library 1-87,text,true,,4816,149,8,8,http://localhost/api/components/?component_library=1,10,0,0\n1590051176761,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-88,text,true,,4816,149,8,8,http://localhost/api/components/?component_library=1,5,0,1\n1590051176766,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-88,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,5,0,0\n1590051176765,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-87,text,true,,4816,149,8,8,http://localhost/api/components/?component_library=1,9,0,0\n1590051176219,557,Fetch Specific Library,200,OK,Fetch Specific Library 1-12,text,true,,4817,149,8,8,http://localhost/api/components/?component_library=1,557,0,1\n1590051176767,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-89,text,true,,4816,149,8,8,http://localhost/api/components/?component_library=1,9,0,1\n1590051176776,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-12,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,5,0,0\n1590051176774,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-90,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,7,0,1\n1590051176781,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-91,text,true,,4816,149,8,8,http://localhost/api/components/?component_library=1,4,0,0\n1590051176781,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-90,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,7,0,0\n1590051176776,12,Fetch Specific Library,200,OK,Fetch Specific Library 1-89,text,true,,4816,149,9,9,http://localhost/api/components/?component_library=1,12,0,0\n1590051176786,11,Fetch Specific Library,200,OK,Fetch Specific Library 1-91,text,true,,4816,149,8,8,http://localhost/api/components/?component_library=1,11,0,0\n1590051176787,10,Fetch Specific Library,200,OK,Fetch Specific Library 1-92,text,true,,4816,149,8,8,http://localhost/api/components/?component_library=1,10,0,0\n1590051176793,10,Fetch Specific Library,200,OK,Fetch Specific Library 1-93,text,true,,4816,149,8,8,http://localhost/api/components/?component_library=1,10,0,1\n1590051176798,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-92,text,true,,4816,149,8,8,http://localhost/api/components/?component_library=1,5,0,0\n1590051176799,7,Fetch Specific Library,200,OK,Fetch Specific Library 1-94,text,true,,4816,149,8,8,http://localhost/api/components/?component_library=1,7,0,1\n1590051176803,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-93,text,true,,4816,149,8,8,http://localhost/api/components/?component_library=1,3,0,0\n1590051176806,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-94,text,true,,4816,149,7,7,http://localhost/api/components/?component_library=1,5,0,0\n1590051176227,587,Fetch Specific Library,200,OK,Fetch Specific Library 1-13,text,true,,4817,149,7,7,http://localhost/api/components/?component_library=1,587,0,1\n1590051176806,8,Fetch Specific Library,200,OK,Fetch Specific Library 1-95,text,true,,4816,149,7,7,http://localhost/api/components/?component_library=1,8,0,1\n1590051176813,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-96,text,true,,4816,149,7,7,http://localhost/api/components/?component_library=1,4,0,0\n1590051176814,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-95,text,true,,4816,149,7,7,http://localhost/api/components/?component_library=1,3,0,0\n1590051176814,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-13,text,true,,4816,149,7,7,http://localhost/api/components/?component_library=1,3,0,0\n1590051176817,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-96,text,true,,4816,149,6,6,http://localhost/api/components/?component_library=1,4,0,0\n1590051176819,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-97,text,true,,4816,149,6,6,http://localhost/api/components/?component_library=1,6,0,0\n1590051176826,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-97,text,true,,4816,149,6,6,http://localhost/api/components/?component_library=1,2,0,0\n1590051176825,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-98,text,true,,4816,149,5,5,http://localhost/api/components/?component_library=1,5,0,1\n1590051176830,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-98,text,true,,4816,149,6,6,http://localhost/api/components/?component_library=1,2,0,0\n1590051176831,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-99,text,true,,4816,149,5,5,http://localhost/api/components/?component_library=1,5,0,1\n1590051176836,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-99,text,true,,4816,149,6,6,http://localhost/api/components/?component_library=1,3,0,0\n1590051176838,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-100,text,true,,4816,149,5,5,http://localhost/api/components/?component_library=1,3,0,1\n1590051176841,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-100,text,true,,4816,149,5,5,http://localhost/api/components/?component_library=1,2,0,0\n1590051176845,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-101,text,true,,4816,149,5,5,http://localhost/api/components/?component_library=1,3,0,0\n1590051176234,615,Fetch Specific Library,200,OK,Fetch Specific Library 1-14,text,true,,4817,149,5,5,http://localhost/api/components/?component_library=1,615,0,1\n1590051176849,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-101,text,true,,4816,149,5,5,http://localhost/api/components/?component_library=1,1,0,0\n1590051176849,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-14,text,true,,4816,149,5,5,http://localhost/api/components/?component_library=1,2,0,0\n1590051176852,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-102,text,true,,4816,149,4,4,http://localhost/api/components/?component_library=1,3,0,0\n1590051176855,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-102,text,true,,4816,149,4,4,http://localhost/api/components/?component_library=1,2,0,0\n1590051176242,618,Fetch Specific Library,200,OK,Fetch Specific Library 1-15,text,true,,4817,149,4,4,http://localhost/api/components/?component_library=1,618,0,0\n1590051176860,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-15,text,true,,4816,149,4,4,http://localhost/api/components/?component_library=1,2,0,0\n1590051176858,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-103,text,true,,4816,149,4,4,http://localhost/api/components/?component_library=1,4,0,1\n1590051176863,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-103,text,true,,4816,149,4,4,http://localhost/api/components/?component_library=1,1,0,0\n1590051176865,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-104,text,true,,4816,149,4,4,http://localhost/api/components/?component_library=1,6,0,0\n1590051176872,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-104,text,true,,4816,149,4,4,http://localhost/api/components/?component_library=1,1,0,0\n1590051176871,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-105,text,true,,4816,149,4,4,http://localhost/api/components/?component_library=1,3,0,0\n1590051176874,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-105,text,true,,4816,149,3,3,http://localhost/api/components/?component_library=1,3,0,0\n1590051176878,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-106,text,true,,4816,149,3,3,http://localhost/api/components/?component_library=1,3,0,1\n1590051176882,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-106,text,true,,4816,149,3,3,http://localhost/api/components/?component_library=1,1,0,0\n1590051176249,641,Fetch Specific Library,200,OK,Fetch Specific Library 1-16,text,true,,4817,149,3,3,http://localhost/api/components/?component_library=1,641,0,1\n1590051176884,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-107,text,true,,4816,149,3,3,http://localhost/api/components/?component_library=1,6,0,1\n1590051176257,638,Fetch Specific Library,200,OK,Fetch Specific Library 1-17,text,true,,4817,149,4,4,http://localhost/api/components/?component_library=1,638,0,0\n1590051176890,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-107,text,true,,4816,149,4,4,http://localhost/api/components/?component_library=1,5,0,0\n1590051176890,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-16,text,true,,4816,149,3,3,http://localhost/api/components/?component_library=1,6,0,0\n1590051176891,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-108,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,5,0,0\n1590051176895,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-17,text,true,,4816,149,3,3,http://localhost/api/components/?component_library=1,3,0,0\n1590051176896,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-108,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,5,0,0\n1590051176897,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-109,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,6,0,0\n1590051176903,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-109,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,3,0,0\n1590051176904,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-110,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051176908,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-110,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,3,0,0\n1590051176911,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-111,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176913,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-111,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176917,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-112,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,1\n1590051176919,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-112,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176925,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-113,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176927,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-113,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051176932,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-114,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176934,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-114,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176939,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-115,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176941,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-115,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176946,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-116,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051176949,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-116,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051176952,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-117,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051176955,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-117,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051176959,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-118,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051176962,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-118,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051176965,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-119,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051176968,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-119,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176972,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-120,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176974,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-120,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176978,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-121,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176981,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-121,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176984,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-122,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051176987,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-122,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176991,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-123,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176993,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-123,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051176997,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-124,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177000,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-124,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177004,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-125,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177007,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-125,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177010,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-126,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177013,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-126,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177016,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-127,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177019,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-127,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177022,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-128,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177025,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-128,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177030,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-129,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177032,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-129,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177037,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-130,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177039,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-130,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177044,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-131,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177046,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-131,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177050,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-132,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177053,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-132,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177056,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-133,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177059,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-133,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177062,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-134,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177065,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-134,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177069,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-135,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177071,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-135,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177076,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-136,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177079,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-136,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177082,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-137,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177085,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-137,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177089,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-138,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177092,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-138,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177096,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-139,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177098,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-139,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177103,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-140,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177106,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-140,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177110,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-141,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177113,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-141,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177116,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-142,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177119,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-142,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177122,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-143,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177125,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-143,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177129,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-144,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177132,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-144,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177136,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-145,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177138,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-145,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177142,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-146,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177145,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-146,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177148,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-147,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177151,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-147,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177155,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-148,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177158,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-148,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177162,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-149,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177164,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-149,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177168,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-150,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177172,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-150,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177174,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-151,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,5,0,1\n1590051177179,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-151,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,2,0,0\n1590051177180,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-152,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,9,0,1\n1590051177187,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-153,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,4,0,1\n1590051177189,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-152,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,2,0,0\n1590051177191,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-153,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177194,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-154,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177197,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-154,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177201,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-155,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,0\n1590051177205,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-155,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,3,0,0\n1590051177207,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-156,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177210,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-156,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177214,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-157,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177217,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-157,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177220,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-158,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177224,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-158,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177226,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-159,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177229,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-159,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177233,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-160,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177236,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-160,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177239,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-161,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177241,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-161,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177246,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-162,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177249,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-162,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177252,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-163,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177255,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-163,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177258,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-164,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177262,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-164,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177265,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-165,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177268,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-165,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177271,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-166,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,6,0,0\n1590051177277,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-166,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,4,0,0\n1590051177278,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-167,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177282,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-167,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177285,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-168,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177289,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-168,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177291,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-169,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177295,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-169,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,3,0,0\n1590051177298,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-170,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,0\n1590051177302,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-170,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,2,0,0\n1590051177304,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-171,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177307,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-171,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177310,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-172,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177313,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-172,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177316,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-173,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177319,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-173,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177323,8,Fetch Specific Library,200,OK,Fetch Specific Library 1-174,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,8,0,1\n1590051177331,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-174,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,2,0,0\n1590051177330,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-175,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,0\n1590051177334,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-175,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,2,0,0\n1590051177336,6,Fetch Specific Library,200,OK,Fetch Specific Library 1-176,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,6,0,0\n1590051177342,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-176,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,3,0,0\n1590051177342,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-177,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177346,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-177,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177350,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-178,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177353,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-178,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177356,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-179,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,5,0,0\n1590051177361,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-179,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,2,0,0\n1590051177363,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-180,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177367,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-180,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,3,0,0\n1590051177370,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-181,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,0\n1590051177374,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-181,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,2,0,0\n1590051177376,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-182,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,5,0,0\n1590051177381,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-182,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177383,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-183,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177386,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-183,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177389,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-184,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177393,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-184,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177396,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-185,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177398,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-185,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177402,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-186,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177405,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-186,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177408,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-187,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177411,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-187,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177415,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-188,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177418,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-188,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177422,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-189,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177425,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-189,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177429,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-190,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177432,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-190,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177435,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-191,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177438,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-191,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177442,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-192,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177444,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-192,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177448,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-193,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177450,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-193,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177455,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-194,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177457,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-194,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177462,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-195,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177465,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-195,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177468,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-196,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177471,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-196,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177474,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-197,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177477,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-197,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177482,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-198,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177484,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-198,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177488,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-199,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177490,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-199,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177494,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-200,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177497,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-200,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177502,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-201,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177505,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-201,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177508,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-202,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177511,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-202,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177515,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-203,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177518,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-203,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177521,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-204,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177524,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-204,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177528,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-205,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177531,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-205,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177535,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-206,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177538,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-206,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177542,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-207,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177544,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-207,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177548,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-208,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177551,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-208,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177554,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-209,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177557,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-209,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177561,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-210,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177565,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-210,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177568,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-211,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177571,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-211,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177574,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-212,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177577,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-212,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177581,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-213,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177584,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-213,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177588,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-214,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177590,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-214,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177594,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-215,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177597,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-215,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177602,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-216,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177605,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-216,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177609,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-217,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,0\n1590051177613,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-217,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,2,0,0\n1590051177616,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-218,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177619,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-218,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,3,0,0\n1590051177622,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-219,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177625,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-219,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177629,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-220,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177632,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-220,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177635,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-221,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177637,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-221,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177641,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-222,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177644,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-222,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177648,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-223,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177651,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-223,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177654,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-224,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,0\n1590051177658,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-224,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177661,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-225,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177665,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-225,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177668,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-226,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177672,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-226,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177675,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-227,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177678,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-227,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177681,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-228,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177684,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-228,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177688,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-229,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177691,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-229,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177695,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-230,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177697,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-230,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177701,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-231,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177704,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-231,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177708,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-232,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177711,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-232,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,4,0,0\n1590051177714,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-233,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,0\n1590051177718,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-233,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177721,9,Fetch Specific Library,200,OK,Fetch Specific Library 1-234,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,9,0,0\n1590051177728,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-235,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,4,0,0\n1590051177731,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-234,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,2,0,0\n1590051177732,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-235,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,3,0,0\n1590051177734,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-236,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,5,0,0\n1590051177739,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-236,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,2,0,0\n1590051177740,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-237,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177743,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-237,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177746,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-238,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177750,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-238,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177753,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-239,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177756,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-239,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177759,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-240,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177762,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-240,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177765,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-241,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177769,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-241,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,3,0,0\n1590051177772,10,Fetch Specific Library,200,OK,Fetch Specific Library 1-242,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,10,0,0\n1590051177778,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-243,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,4,0,0\n1590051177782,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-242,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,2,0,0\n1590051177782,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-243,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,3,0,0\n1590051177784,5,Fetch Specific Library,200,OK,Fetch Specific Library 1-244,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,5,0,1\n1590051177789,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-244,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,1,0,0\n1590051177791,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-245,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177794,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-245,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177797,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-246,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177800,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-246,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177803,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-247,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177806,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-247,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177809,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-248,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177813,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-248,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177816,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-249,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177819,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-249,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177822,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-250,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177826,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-250,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177828,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-251,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177831,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-251,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177835,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-252,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177838,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-252,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177841,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-253,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177844,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-253,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177848,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-254,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177851,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-254,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177854,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-255,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177857,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-255,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177860,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-256,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177865,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-256,text,true,,4816,149,2,2,http://localhost/api/components/?component_library=1,2,0,0\n1590051177866,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-257,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177869,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-257,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177873,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-258,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177877,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-258,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177880,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-259,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177883,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-259,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177886,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-260,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177890,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-260,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177892,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-261,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177895,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-261,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177898,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-262,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177902,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-262,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177905,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-263,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177908,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-263,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177911,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-264,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051177915,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-264,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177918,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-265,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177921,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-265,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177925,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-266,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177928,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-266,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177931,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-267,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177934,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-267,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177938,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-268,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177941,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-268,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177944,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-269,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177947,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-269,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177950,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-270,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051177953,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-270,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177957,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-271,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177960,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-271,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177964,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-272,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177966,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-272,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177971,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-273,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177973,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-273,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177978,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-274,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177981,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-274,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177984,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-275,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177987,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-275,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051177990,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-276,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051177993,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-276,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177997,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-277,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051177999,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-277,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178004,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-278,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051178007,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-278,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051178011,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-279,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051178014,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-279,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178018,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-280,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051178021,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-280,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178024,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-281,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051178027,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-281,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178031,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-282,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051178035,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-282,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178038,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-283,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,1\n1590051178042,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-283,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051178044,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-284,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051178047,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-284,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178050,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-285,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051178053,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-285,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051178057,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-286,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178059,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-286,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178064,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-287,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178066,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-287,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178069,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-288,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051178072,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-288,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051178075,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-289,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178077,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-289,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178080,4,Fetch Specific Library,200,OK,Fetch Specific Library 1-290,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,4,0,0\n1590051178084,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-290,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178086,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-291,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051178089,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-291,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178091,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-292,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051178094,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-292,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178097,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-293,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178099,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-293,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051178102,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-294,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178104,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-294,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178108,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-295,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178110,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-295,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178113,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-296,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051178116,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-296,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051178118,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-297,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,1\n1590051178121,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-297,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051178124,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-298,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178127,1,Fetch Specific Library,200,OK,Fetch Specific Library 1-298,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,1,0,0\n1590051178130,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-299,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051178133,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-299,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051178136,3,Fetch Specific Library,200,OK,Fetch Specific Library 1-300,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,3,0,0\n1590051178139,2,Fetch Specific Library,200,OK,Fetch Specific Library 1-300,text,true,,4816,149,1,1,http://localhost/api/components/?component_library=1,2,0,0\n1590051196371,83,Fetch All Libraries,200,OK,Fetch Library List 1-1,text,true,,1185,128,12,12,http://localhost/api/libraries/,83,0,2\n1590051196444,11,Fetch All Libraries,200,OK,Fetch Library List 1-11,text,true,,1185,128,12,12,http://localhost/api/libraries/,11,0,1\n1590051196403,53,Fetch All Libraries,200,OK,Fetch Library List 1-5,text,true,,1185,128,12,12,http://localhost/api/libraries/,53,0,1\n1590051196434,23,Fetch All Libraries,200,OK,Fetch Library List 1-10,text,true,,1185,128,12,12,http://localhost/api/libraries/,23,0,1\n1590051196393,64,Fetch All Libraries,200,OK,Fetch Library List 1-4,text,true,,1185,128,12,12,http://localhost/api/libraries/,64,0,0\n1590051196379,77,Fetch All Libraries,200,OK,Fetch Library List 1-2,text,true,,1185,128,12,12,http://localhost/api/libraries/,77,0,0\n1590051196428,30,Fetch All Libraries,200,OK,Fetch Library List 1-9,text,true,,1185,128,12,12,http://localhost/api/libraries/,30,0,0\n1590051196420,38,Fetch All Libraries,200,OK,Fetch Library List 1-8,text,true,,1185,128,12,12,http://localhost/api/libraries/,38,0,0\n1590051196417,41,Fetch All Libraries,200,OK,Fetch Library List 1-7,text,true,,1185,128,12,12,http://localhost/api/libraries/,41,0,0\n1590051196386,72,Fetch All Libraries,200,OK,Fetch Library List 1-3,text,true,,1185,128,12,12,http://localhost/api/libraries/,72,0,0\n1590051196407,51,Fetch All Libraries,200,OK,Fetch Library List 1-6,text,true,,1185,128,12,12,http://localhost/api/libraries/,51,0,1\n1590051196454,4,Fetch All Libraries,200,OK,Fetch Library List 1-1,text,true,,1185,128,12,12,http://localhost/api/libraries/,4,0,0\n1590051196451,7,Fetch All Libraries,200,OK,Fetch Library List 1-12,text,true,,1185,128,12,12,http://localhost/api/libraries/,7,0,0\n1590051196458,2,Fetch All Libraries,200,OK,Fetch Library List 1-7,text,true,,1185,128,12,12,http://localhost/api/libraries/,2,0,0\n1590051196458,2,Fetch All Libraries,200,OK,Fetch Library List 1-12,text,true,,1185,128,12,12,http://localhost/api/libraries/,2,0,0\n1590051196458,3,Fetch All Libraries,200,OK,Fetch Library List 1-9,text,true,,1185,128,10,10,http://localhost/api/libraries/,3,0,0\n1590051196458,3,Fetch All Libraries,200,OK,Fetch Library List 1-5,text,true,,1185,128,10,10,http://localhost/api/libraries/,3,0,0\n1590051196458,4,Fetch All Libraries,200,OK,Fetch Library List 1-10,text,true,,1185,128,8,8,http://localhost/api/libraries/,4,0,0\n1590051196458,4,Fetch All Libraries,200,OK,Fetch Library List 1-4,text,true,,1185,128,8,8,http://localhost/api/libraries/,4,0,0\n1590051196458,4,Fetch All Libraries,200,OK,Fetch Library List 1-3,text,true,,1185,128,8,8,http://localhost/api/libraries/,4,0,0\n1590051196458,4,Fetch All Libraries,200,OK,Fetch Library List 1-11,text,true,,1185,128,8,8,http://localhost/api/libraries/,4,0,0\n1590051196458,4,Fetch All Libraries,200,OK,Fetch Library List 1-6,text,true,,1185,128,8,8,http://localhost/api/libraries/,4,0,0\n1590051196458,4,Fetch All Libraries,200,OK,Fetch Library List 1-8,text,true,,1185,128,8,8,http://localhost/api/libraries/,4,0,0\n1590051196458,4,Fetch All Libraries,200,OK,Fetch Library List 1-2,text,true,,1185,128,7,7,http://localhost/api/libraries/,4,0,0\n1590051196459,6,Fetch All Libraries,200,OK,Fetch Library List 1-13,text,true,,1185,128,2,2,http://localhost/api/libraries/,6,0,1\n1590051196465,3,Fetch All Libraries,200,OK,Fetch Library List 1-13,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051196463,5,Fetch All Libraries,200,OK,Fetch Library List 1-14,text,true,,1185,128,2,2,http://localhost/api/libraries/,5,0,1\n1590051196468,2,Fetch All Libraries,200,OK,Fetch Library List 1-14,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051196469,3,Fetch All Libraries,200,OK,Fetch Library List 1-15,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051196472,2,Fetch All Libraries,200,OK,Fetch Library List 1-15,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196478,4,Fetch All Libraries,200,OK,Fetch Library List 1-16,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,1\n1590051196482,2,Fetch All Libraries,200,OK,Fetch Library List 1-16,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196485,2,Fetch All Libraries,200,OK,Fetch Library List 1-17,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196488,1,Fetch All Libraries,200,OK,Fetch Library List 1-17,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196491,2,Fetch All Libraries,200,OK,Fetch Library List 1-18,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196493,2,Fetch All Libraries,200,OK,Fetch Library List 1-18,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196501,3,Fetch All Libraries,200,OK,Fetch Library List 1-19,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196504,1,Fetch All Libraries,200,OK,Fetch Library List 1-19,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196509,3,Fetch All Libraries,200,OK,Fetch Library List 1-20,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051196512,1,Fetch All Libraries,200,OK,Fetch Library List 1-20,text,true,,1185,128,2,2,http://localhost/api/libraries/,1,0,0\n1590051196511,3,Fetch All Libraries,200,OK,Fetch Library List 1-21,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196514,2,Fetch All Libraries,200,OK,Fetch Library List 1-21,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196521,3,Fetch All Libraries,200,OK,Fetch Library List 1-22,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051196524,2,Fetch All Libraries,200,OK,Fetch Library List 1-22,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196528,2,Fetch All Libraries,200,OK,Fetch Library List 1-23,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196530,1,Fetch All Libraries,200,OK,Fetch Library List 1-23,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196533,2,Fetch All Libraries,200,OK,Fetch Library List 1-24,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196535,1,Fetch All Libraries,200,OK,Fetch Library List 1-24,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196541,3,Fetch All Libraries,200,OK,Fetch Library List 1-25,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196544,2,Fetch All Libraries,200,OK,Fetch Library List 1-25,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196547,2,Fetch All Libraries,200,OK,Fetch Library List 1-26,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196549,2,Fetch All Libraries,200,OK,Fetch Library List 1-26,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196559,2,Fetch All Libraries,200,OK,Fetch Library List 1-27,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196561,2,Fetch All Libraries,200,OK,Fetch Library List 1-27,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051196563,2,Fetch All Libraries,200,OK,Fetch Library List 1-28,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196565,2,Fetch All Libraries,200,OK,Fetch Library List 1-28,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196567,3,Fetch All Libraries,200,OK,Fetch Library List 1-29,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196570,2,Fetch All Libraries,200,OK,Fetch Library List 1-29,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196579,3,Fetch All Libraries,200,OK,Fetch Library List 1-30,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051196582,2,Fetch All Libraries,200,OK,Fetch Library List 1-30,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196585,2,Fetch All Libraries,200,OK,Fetch Library List 1-31,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196587,2,Fetch All Libraries,200,OK,Fetch Library List 1-31,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196590,2,Fetch All Libraries,200,OK,Fetch Library List 1-32,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,1\n1590051196592,2,Fetch All Libraries,200,OK,Fetch Library List 1-32,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196595,3,Fetch All Libraries,200,OK,Fetch Library List 1-33,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196598,2,Fetch All Libraries,200,OK,Fetch Library List 1-33,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196606,3,Fetch All Libraries,200,OK,Fetch Library List 1-34,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196609,1,Fetch All Libraries,200,OK,Fetch Library List 1-34,text,true,,1185,128,2,2,http://localhost/api/libraries/,1,0,0\n1590051196610,3,Fetch All Libraries,200,OK,Fetch Library List 1-35,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196613,2,Fetch All Libraries,200,OK,Fetch Library List 1-35,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196616,2,Fetch All Libraries,200,OK,Fetch Library List 1-36,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196618,1,Fetch All Libraries,200,OK,Fetch Library List 1-36,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196628,2,Fetch All Libraries,200,OK,Fetch Library List 1-37,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196630,2,Fetch All Libraries,200,OK,Fetch Library List 1-37,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196634,3,Fetch All Libraries,200,OK,Fetch Library List 1-38,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196637,2,Fetch All Libraries,200,OK,Fetch Library List 1-38,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051196638,3,Fetch All Libraries,200,OK,Fetch Library List 1-39,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196641,2,Fetch All Libraries,200,OK,Fetch Library List 1-39,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196649,3,Fetch All Libraries,200,OK,Fetch Library List 1-40,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051196652,2,Fetch All Libraries,200,OK,Fetch Library List 1-40,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051196652,3,Fetch All Libraries,200,OK,Fetch Library List 1-41,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051196655,2,Fetch All Libraries,200,OK,Fetch Library List 1-41,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196661,2,Fetch All Libraries,200,OK,Fetch Library List 1-42,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196664,2,Fetch All Libraries,200,OK,Fetch Library List 1-42,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196666,4,Fetch All Libraries,200,OK,Fetch Library List 1-43,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,1\n1590051196670,2,Fetch All Libraries,200,OK,Fetch Library List 1-43,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196678,3,Fetch All Libraries,200,OK,Fetch Library List 1-44,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051196681,2,Fetch All Libraries,200,OK,Fetch Library List 1-44,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051196680,4,Fetch All Libraries,200,OK,Fetch Library List 1-45,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,1\n1590051196684,3,Fetch All Libraries,200,OK,Fetch Library List 1-45,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051196687,4,Fetch All Libraries,200,OK,Fetch Library List 1-46,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,0\n1590051196691,2,Fetch All Libraries,200,OK,Fetch Library List 1-46,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196694,3,Fetch All Libraries,200,OK,Fetch Library List 1-47,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051196697,2,Fetch All Libraries,200,OK,Fetch Library List 1-47,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196702,2,Fetch All Libraries,200,OK,Fetch Library List 1-48,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196704,1,Fetch All Libraries,200,OK,Fetch Library List 1-48,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196710,3,Fetch All Libraries,200,OK,Fetch Library List 1-49,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196713,2,Fetch All Libraries,200,OK,Fetch Library List 1-49,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196718,3,Fetch All Libraries,200,OK,Fetch Library List 1-50,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196721,2,Fetch All Libraries,200,OK,Fetch Library List 1-50,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051196721,3,Fetch All Libraries,200,OK,Fetch Library List 1-51,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051196724,2,Fetch All Libraries,200,OK,Fetch Library List 1-51,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196729,2,Fetch All Libraries,200,OK,Fetch Library List 1-52,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196731,2,Fetch All Libraries,200,OK,Fetch Library List 1-52,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196736,2,Fetch All Libraries,200,OK,Fetch Library List 1-53,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196738,2,Fetch All Libraries,200,OK,Fetch Library List 1-53,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196747,2,Fetch All Libraries,200,OK,Fetch Library List 1-54,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196749,1,Fetch All Libraries,200,OK,Fetch Library List 1-54,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196753,2,Fetch All Libraries,200,OK,Fetch Library List 1-55,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196755,1,Fetch All Libraries,200,OK,Fetch Library List 1-55,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196761,2,Fetch All Libraries,200,OK,Fetch Library List 1-56,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196763,2,Fetch All Libraries,200,OK,Fetch Library List 1-56,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051196765,2,Fetch All Libraries,200,OK,Fetch Library List 1-57,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196767,1,Fetch All Libraries,200,OK,Fetch Library List 1-57,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196773,2,Fetch All Libraries,200,OK,Fetch Library List 1-58,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196775,1,Fetch All Libraries,200,OK,Fetch Library List 1-58,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196782,2,Fetch All Libraries,200,OK,Fetch Library List 1-59,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196784,2,Fetch All Libraries,200,OK,Fetch Library List 1-59,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051196785,3,Fetch All Libraries,200,OK,Fetch Library List 1-60,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051196788,2,Fetch All Libraries,200,OK,Fetch Library List 1-60,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196792,2,Fetch All Libraries,200,OK,Fetch Library List 1-61,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196794,1,Fetch All Libraries,200,OK,Fetch Library List 1-61,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196801,2,Fetch All Libraries,200,OK,Fetch Library List 1-62,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196803,2,Fetch All Libraries,200,OK,Fetch Library List 1-62,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196809,2,Fetch All Libraries,200,OK,Fetch Library List 1-63,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196811,2,Fetch All Libraries,200,OK,Fetch Library List 1-63,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196815,2,Fetch All Libraries,200,OK,Fetch Library List 1-64,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196818,1,Fetch All Libraries,200,OK,Fetch Library List 1-64,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196820,2,Fetch All Libraries,200,OK,Fetch Library List 1-65,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196822,2,Fetch All Libraries,200,OK,Fetch Library List 1-65,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196829,2,Fetch All Libraries,200,OK,Fetch Library List 1-66,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196831,1,Fetch All Libraries,200,OK,Fetch Library List 1-66,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196837,2,Fetch All Libraries,200,OK,Fetch Library List 1-67,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196839,1,Fetch All Libraries,200,OK,Fetch Library List 1-67,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196842,3,Fetch All Libraries,200,OK,Fetch Library List 1-68,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051196845,1,Fetch All Libraries,200,OK,Fetch Library List 1-68,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196852,2,Fetch All Libraries,200,OK,Fetch Library List 1-69,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196854,2,Fetch All Libraries,200,OK,Fetch Library List 1-69,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196859,2,Fetch All Libraries,200,OK,Fetch Library List 1-70,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196861,2,Fetch All Libraries,200,OK,Fetch Library List 1-70,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051196862,3,Fetch All Libraries,200,OK,Fetch Library List 1-71,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051196865,2,Fetch All Libraries,200,OK,Fetch Library List 1-71,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196873,2,Fetch All Libraries,200,OK,Fetch Library List 1-72,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196875,2,Fetch All Libraries,200,OK,Fetch Library List 1-72,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196878,3,Fetch All Libraries,200,OK,Fetch Library List 1-73,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051196881,2,Fetch All Libraries,200,OK,Fetch Library List 1-73,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051196883,6,Fetch All Libraries,200,OK,Fetch Library List 1-74,text,true,,1185,128,1,1,http://localhost/api/libraries/,6,0,0\n1590051196889,2,Fetch All Libraries,200,OK,Fetch Library List 1-74,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196893,4,Fetch All Libraries,200,OK,Fetch Library List 1-75,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,1\n1590051196897,3,Fetch All Libraries,200,OK,Fetch Library List 1-75,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051196902,3,Fetch All Libraries,200,OK,Fetch Library List 1-76,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196905,2,Fetch All Libraries,200,OK,Fetch Library List 1-76,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196908,3,Fetch All Libraries,200,OK,Fetch Library List 1-77,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051196911,2,Fetch All Libraries,200,OK,Fetch Library List 1-77,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196915,3,Fetch All Libraries,200,OK,Fetch Library List 1-78,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196918,2,Fetch All Libraries,200,OK,Fetch Library List 1-78,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196922,2,Fetch All Libraries,200,OK,Fetch Library List 1-79,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196924,2,Fetch All Libraries,200,OK,Fetch Library List 1-79,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196928,3,Fetch All Libraries,200,OK,Fetch Library List 1-80,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196931,1,Fetch All Libraries,200,OK,Fetch Library List 1-80,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196936,2,Fetch All Libraries,200,OK,Fetch Library List 1-81,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196938,1,Fetch All Libraries,200,OK,Fetch Library List 1-81,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196943,2,Fetch All Libraries,200,OK,Fetch Library List 1-82,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196945,1,Fetch All Libraries,200,OK,Fetch Library List 1-82,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196949,3,Fetch All Libraries,200,OK,Fetch Library List 1-83,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196952,1,Fetch All Libraries,200,OK,Fetch Library List 1-83,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196956,2,Fetch All Libraries,200,OK,Fetch Library List 1-84,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,1\n1590051196959,1,Fetch All Libraries,200,OK,Fetch Library List 1-84,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196964,2,Fetch All Libraries,200,OK,Fetch Library List 1-85,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196966,1,Fetch All Libraries,200,OK,Fetch Library List 1-85,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196971,2,Fetch All Libraries,200,OK,Fetch Library List 1-86,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196973,1,Fetch All Libraries,200,OK,Fetch Library List 1-86,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196978,2,Fetch All Libraries,200,OK,Fetch Library List 1-87,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051196980,1,Fetch All Libraries,200,OK,Fetch Library List 1-87,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196984,3,Fetch All Libraries,200,OK,Fetch Library List 1-88,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196987,1,Fetch All Libraries,200,OK,Fetch Library List 1-88,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051196991,3,Fetch All Libraries,200,OK,Fetch Library List 1-89,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051196994,1,Fetch All Libraries,200,OK,Fetch Library List 1-89,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197001,2,Fetch All Libraries,200,OK,Fetch Library List 1-90,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197003,1,Fetch All Libraries,200,OK,Fetch Library List 1-90,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197007,2,Fetch All Libraries,200,OK,Fetch Library List 1-91,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197009,2,Fetch All Libraries,200,OK,Fetch Library List 1-91,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197012,3,Fetch All Libraries,200,OK,Fetch Library List 1-92,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197015,2,Fetch All Libraries,200,OK,Fetch Library List 1-92,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197021,2,Fetch All Libraries,200,OK,Fetch Library List 1-93,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197024,1,Fetch All Libraries,200,OK,Fetch Library List 1-93,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197028,2,Fetch All Libraries,200,OK,Fetch Library List 1-94,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197030,2,Fetch All Libraries,200,OK,Fetch Library List 1-94,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197031,3,Fetch All Libraries,200,OK,Fetch Library List 1-95,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197034,2,Fetch All Libraries,200,OK,Fetch Library List 1-95,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197041,3,Fetch All Libraries,200,OK,Fetch Library List 1-96,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197044,1,Fetch All Libraries,200,OK,Fetch Library List 1-96,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197047,2,Fetch All Libraries,200,OK,Fetch Library List 1-97,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197050,1,Fetch All Libraries,200,OK,Fetch Library List 1-97,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197059,3,Fetch All Libraries,200,OK,Fetch Library List 1-98,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051197060,4,Fetch All Libraries,200,OK,Fetch Library List 1-99,text,true,,1185,128,2,2,http://localhost/api/libraries/,4,0,1\n1590051197062,2,Fetch All Libraries,200,OK,Fetch Library List 1-98,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197064,2,Fetch All Libraries,200,OK,Fetch Library List 1-99,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197067,2,Fetch All Libraries,200,OK,Fetch Library List 1-100,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197069,2,Fetch All Libraries,200,OK,Fetch Library List 1-100,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197072,2,Fetch All Libraries,200,OK,Fetch Library List 1-101,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,1\n1590051197074,2,Fetch All Libraries,200,OK,Fetch Library List 1-101,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197082,3,Fetch All Libraries,200,OK,Fetch Library List 1-102,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197085,1,Fetch All Libraries,200,OK,Fetch Library List 1-102,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197089,2,Fetch All Libraries,200,OK,Fetch Library List 1-103,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197091,1,Fetch All Libraries,200,OK,Fetch Library List 1-103,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197096,2,Fetch All Libraries,200,OK,Fetch Library List 1-104,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197098,2,Fetch All Libraries,200,OK,Fetch Library List 1-104,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197099,3,Fetch All Libraries,200,OK,Fetch Library List 1-105,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197102,1,Fetch All Libraries,200,OK,Fetch Library List 1-105,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197110,3,Fetch All Libraries,200,OK,Fetch Library List 1-106,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197114,1,Fetch All Libraries,200,OK,Fetch Library List 1-106,text,true,,1185,128,2,2,http://localhost/api/libraries/,1,0,0\n1590051197115,3,Fetch All Libraries,200,OK,Fetch Library List 1-107,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197118,1,Fetch All Libraries,200,OK,Fetch Library List 1-107,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197124,2,Fetch All Libraries,200,OK,Fetch Library List 1-108,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197126,2,Fetch All Libraries,200,OK,Fetch Library List 1-108,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197128,2,Fetch All Libraries,200,OK,Fetch Library List 1-109,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,1\n1590051197131,1,Fetch All Libraries,200,OK,Fetch Library List 1-109,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197138,3,Fetch All Libraries,200,OK,Fetch Library List 1-110,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197141,2,Fetch All Libraries,200,OK,Fetch Library List 1-110,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197142,3,Fetch All Libraries,200,OK,Fetch Library List 1-111,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197145,1,Fetch All Libraries,200,OK,Fetch Library List 1-111,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197153,3,Fetch All Libraries,200,OK,Fetch Library List 1-112,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197156,1,Fetch All Libraries,200,OK,Fetch Library List 1-112,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197160,2,Fetch All Libraries,200,OK,Fetch Library List 1-113,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,1\n1590051197163,1,Fetch All Libraries,200,OK,Fetch Library List 1-113,text,true,,1185,128,2,2,http://localhost/api/libraries/,1,0,0\n1590051197163,2,Fetch All Libraries,200,OK,Fetch Library List 1-114,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197165,2,Fetch All Libraries,200,OK,Fetch Library List 1-114,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197170,3,Fetch All Libraries,200,OK,Fetch Library List 1-115,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197173,1,Fetch All Libraries,200,OK,Fetch Library List 1-115,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197180,3,Fetch All Libraries,200,OK,Fetch Library List 1-116,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197183,2,Fetch All Libraries,200,OK,Fetch Library List 1-116,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197184,3,Fetch All Libraries,200,OK,Fetch Library List 1-117,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197187,2,Fetch All Libraries,200,OK,Fetch Library List 1-117,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197191,2,Fetch All Libraries,200,OK,Fetch Library List 1-118,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197193,2,Fetch All Libraries,200,OK,Fetch Library List 1-118,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197199,4,Fetch All Libraries,200,OK,Fetch Library List 1-119,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,1\n1590051197203,1,Fetch All Libraries,200,OK,Fetch Library List 1-119,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197208,2,Fetch All Libraries,200,OK,Fetch Library List 1-120,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197210,3,Fetch All Libraries,200,OK,Fetch Library List 1-120,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051197213,3,Fetch All Libraries,200,OK,Fetch Library List 1-121,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197216,1,Fetch All Libraries,200,OK,Fetch Library List 1-121,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197219,2,Fetch All Libraries,200,OK,Fetch Library List 1-122,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197221,2,Fetch All Libraries,200,OK,Fetch Library List 1-122,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197229,3,Fetch All Libraries,200,OK,Fetch Library List 1-123,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197233,1,Fetch All Libraries,200,OK,Fetch Library List 1-123,text,true,,1185,128,2,2,http://localhost/api/libraries/,1,0,0\n1590051197233,3,Fetch All Libraries,200,OK,Fetch Library List 1-124,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197236,1,Fetch All Libraries,200,OK,Fetch Library List 1-124,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197243,2,Fetch All Libraries,200,OK,Fetch Library List 1-125,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197246,1,Fetch All Libraries,200,OK,Fetch Library List 1-125,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197251,3,Fetch All Libraries,200,OK,Fetch Library List 1-126,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197254,2,Fetch All Libraries,200,OK,Fetch Library List 1-126,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197259,2,Fetch All Libraries,200,OK,Fetch Library List 1-127,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197262,1,Fetch All Libraries,200,OK,Fetch Library List 1-127,text,true,,1185,128,2,2,http://localhost/api/libraries/,1,0,0\n1590051197263,3,Fetch All Libraries,200,OK,Fetch Library List 1-128,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197266,1,Fetch All Libraries,200,OK,Fetch Library List 1-128,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197271,3,Fetch All Libraries,200,OK,Fetch Library List 1-129,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197274,1,Fetch All Libraries,200,OK,Fetch Library List 1-129,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197279,2,Fetch All Libraries,200,OK,Fetch Library List 1-130,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197281,2,Fetch All Libraries,200,OK,Fetch Library List 1-130,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197285,2,Fetch All Libraries,200,OK,Fetch Library List 1-131,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197287,2,Fetch All Libraries,200,OK,Fetch Library List 1-131,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197293,3,Fetch All Libraries,200,OK,Fetch Library List 1-132,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051197296,2,Fetch All Libraries,200,OK,Fetch Library List 1-132,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197296,2,Fetch All Libraries,200,OK,Fetch Library List 1-133,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197298,2,Fetch All Libraries,200,OK,Fetch Library List 1-133,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197306,3,Fetch All Libraries,200,OK,Fetch Library List 1-134,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197309,1,Fetch All Libraries,200,OK,Fetch Library List 1-134,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197313,3,Fetch All Libraries,200,OK,Fetch Library List 1-135,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197316,2,Fetch All Libraries,200,OK,Fetch Library List 1-135,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197321,3,Fetch All Libraries,200,OK,Fetch Library List 1-136,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197324,1,Fetch All Libraries,200,OK,Fetch Library List 1-136,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197328,2,Fetch All Libraries,200,OK,Fetch Library List 1-137,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197330,1,Fetch All Libraries,200,OK,Fetch Library List 1-137,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197334,2,Fetch All Libraries,200,OK,Fetch Library List 1-138,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197336,2,Fetch All Libraries,200,OK,Fetch Library List 1-138,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197338,2,Fetch All Libraries,200,OK,Fetch Library List 1-139,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197340,1,Fetch All Libraries,200,OK,Fetch Library List 1-139,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197345,2,Fetch All Libraries,200,OK,Fetch Library List 1-140,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197347,1,Fetch All Libraries,200,OK,Fetch Library List 1-140,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197354,3,Fetch All Libraries,200,OK,Fetch Library List 1-141,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197357,1,Fetch All Libraries,200,OK,Fetch Library List 1-141,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197362,3,Fetch All Libraries,200,OK,Fetch Library List 1-142,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197365,2,Fetch All Libraries,200,OK,Fetch Library List 1-142,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197365,4,Fetch All Libraries,200,OK,Fetch Library List 1-143,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,1\n1590051197369,1,Fetch All Libraries,200,OK,Fetch Library List 1-143,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197376,3,Fetch All Libraries,200,OK,Fetch Library List 1-144,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197379,3,Fetch All Libraries,200,OK,Fetch Library List 1-144,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051197380,3,Fetch All Libraries,200,OK,Fetch Library List 1-145,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197383,2,Fetch All Libraries,200,OK,Fetch Library List 1-145,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197387,4,Fetch All Libraries,200,OK,Fetch Library List 1-146,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,1\n1590051197391,3,Fetch All Libraries,200,OK,Fetch Library List 1-146,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051197394,4,Fetch All Libraries,200,OK,Fetch Library List 1-147,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,0\n1590051197398,3,Fetch All Libraries,200,OK,Fetch Library List 1-147,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197402,3,Fetch All Libraries,200,OK,Fetch Library List 1-148,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197405,4,Fetch All Libraries,200,OK,Fetch Library List 1-148,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,0\n1590051197412,2,Fetch All Libraries,200,OK,Fetch Library List 1-149,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197414,1,Fetch All Libraries,200,OK,Fetch Library List 1-149,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197416,2,Fetch All Libraries,200,OK,Fetch Library List 1-150,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197418,2,Fetch All Libraries,200,OK,Fetch Library List 1-150,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197426,2,Fetch All Libraries,200,OK,Fetch Library List 1-151,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197428,2,Fetch All Libraries,200,OK,Fetch Library List 1-151,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197428,3,Fetch All Libraries,200,OK,Fetch Library List 1-152,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197431,2,Fetch All Libraries,200,OK,Fetch Library List 1-152,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197437,3,Fetch All Libraries,200,OK,Fetch Library List 1-153,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197440,1,Fetch All Libraries,200,OK,Fetch Library List 1-153,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197443,5,Fetch All Libraries,200,OK,Fetch Library List 1-154,text,true,,1185,128,1,1,http://localhost/api/libraries/,5,0,1\n1590051197448,4,Fetch All Libraries,200,OK,Fetch Library List 1-154,text,true,,1185,128,2,2,http://localhost/api/libraries/,4,0,0\n1590051197449,4,Fetch All Libraries,200,OK,Fetch Library List 1-155,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,0\n1590051197453,1,Fetch All Libraries,200,OK,Fetch Library List 1-155,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197459,3,Fetch All Libraries,200,OK,Fetch Library List 1-156,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197462,2,Fetch All Libraries,200,OK,Fetch Library List 1-156,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197467,3,Fetch All Libraries,200,OK,Fetch Library List 1-157,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197470,2,Fetch All Libraries,200,OK,Fetch Library List 1-157,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197475,3,Fetch All Libraries,200,OK,Fetch Library List 1-158,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197478,2,Fetch All Libraries,200,OK,Fetch Library List 1-158,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197481,3,Fetch All Libraries,200,OK,Fetch Library List 1-159,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197484,1,Fetch All Libraries,200,OK,Fetch Library List 1-159,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197487,2,Fetch All Libraries,200,OK,Fetch Library List 1-160,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197489,2,Fetch All Libraries,200,OK,Fetch Library List 1-160,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197491,2,Fetch All Libraries,200,OK,Fetch Library List 1-161,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197493,2,Fetch All Libraries,200,OK,Fetch Library List 1-161,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197502,3,Fetch All Libraries,200,OK,Fetch Library List 1-162,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197505,1,Fetch All Libraries,200,OK,Fetch Library List 1-162,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197509,3,Fetch All Libraries,200,OK,Fetch Library List 1-163,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197512,1,Fetch All Libraries,200,OK,Fetch Library List 1-163,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197515,2,Fetch All Libraries,200,OK,Fetch Library List 1-164,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,1\n1590051197517,2,Fetch All Libraries,200,OK,Fetch Library List 1-164,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197523,3,Fetch All Libraries,200,OK,Fetch Library List 1-165,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197526,1,Fetch All Libraries,200,OK,Fetch Library List 1-165,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197529,3,Fetch All Libraries,200,OK,Fetch Library List 1-166,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197532,2,Fetch All Libraries,200,OK,Fetch Library List 1-166,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197539,3,Fetch All Libraries,200,OK,Fetch Library List 1-167,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197542,1,Fetch All Libraries,200,OK,Fetch Library List 1-167,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197545,3,Fetch All Libraries,200,OK,Fetch Library List 1-168,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197548,2,Fetch All Libraries,200,OK,Fetch Library List 1-168,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197551,3,Fetch All Libraries,200,OK,Fetch Library List 1-169,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197554,2,Fetch All Libraries,200,OK,Fetch Library List 1-169,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197559,3,Fetch All Libraries,200,OK,Fetch Library List 1-170,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197562,2,Fetch All Libraries,200,OK,Fetch Library List 1-170,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197565,2,Fetch All Libraries,200,OK,Fetch Library List 1-171,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197567,1,Fetch All Libraries,200,OK,Fetch Library List 1-171,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197572,2,Fetch All Libraries,200,OK,Fetch Library List 1-172,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197575,1,Fetch All Libraries,200,OK,Fetch Library List 1-172,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197579,3,Fetch All Libraries,200,OK,Fetch Library List 1-173,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197582,1,Fetch All Libraries,200,OK,Fetch Library List 1-173,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197585,3,Fetch All Libraries,200,OK,Fetch Library List 1-174,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197588,2,Fetch All Libraries,200,OK,Fetch Library List 1-174,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197593,2,Fetch All Libraries,200,OK,Fetch Library List 1-175,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197595,2,Fetch All Libraries,200,OK,Fetch Library List 1-175,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197601,2,Fetch All Libraries,200,OK,Fetch Library List 1-176,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197603,2,Fetch All Libraries,200,OK,Fetch Library List 1-176,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197609,2,Fetch All Libraries,200,OK,Fetch Library List 1-177,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197611,2,Fetch All Libraries,200,OK,Fetch Library List 1-177,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197611,3,Fetch All Libraries,200,OK,Fetch Library List 1-178,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197614,1,Fetch All Libraries,200,OK,Fetch Library List 1-178,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197617,2,Fetch All Libraries,200,OK,Fetch Library List 1-179,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197619,2,Fetch All Libraries,200,OK,Fetch Library List 1-179,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197628,4,Fetch All Libraries,200,OK,Fetch Library List 1-180,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,0\n1590051197632,2,Fetch All Libraries,200,OK,Fetch Library List 1-180,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197635,5,Fetch All Libraries,200,OK,Fetch Library List 1-181,text,true,,1185,128,2,2,http://localhost/api/libraries/,5,0,0\n1590051197638,3,Fetch All Libraries,200,OK,Fetch Library List 1-182,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051197640,1,Fetch All Libraries,200,OK,Fetch Library List 1-181,text,true,,1185,128,2,2,http://localhost/api/libraries/,1,0,0\n1590051197641,2,Fetch All Libraries,200,OK,Fetch Library List 1-182,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197645,3,Fetch All Libraries,200,OK,Fetch Library List 1-183,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197648,2,Fetch All Libraries,200,OK,Fetch Library List 1-183,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197654,2,Fetch All Libraries,200,OK,Fetch Library List 1-184,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197657,1,Fetch All Libraries,200,OK,Fetch Library List 1-184,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197662,3,Fetch All Libraries,200,OK,Fetch Library List 1-185,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197665,2,Fetch All Libraries,200,OK,Fetch Library List 1-185,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197669,3,Fetch All Libraries,200,OK,Fetch Library List 1-186,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197672,1,Fetch All Libraries,200,OK,Fetch Library List 1-186,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197678,2,Fetch All Libraries,200,OK,Fetch Library List 1-187,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197680,2,Fetch All Libraries,200,OK,Fetch Library List 1-187,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197681,3,Fetch All Libraries,200,OK,Fetch Library List 1-188,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197684,2,Fetch All Libraries,200,OK,Fetch Library List 1-188,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197687,3,Fetch All Libraries,200,OK,Fetch Library List 1-189,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197690,1,Fetch All Libraries,200,OK,Fetch Library List 1-189,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197694,4,Fetch All Libraries,200,OK,Fetch Library List 1-190,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,0\n1590051197698,2,Fetch All Libraries,200,OK,Fetch Library List 1-190,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197701,9,Fetch All Libraries,200,OK,Fetch Library List 1-191,text,true,,1185,128,2,2,http://localhost/api/libraries/,9,0,0\n1590051197710,26,Fetch All Libraries,200,OK,Fetch Library List 1-191,text,true,,1185,128,5,5,http://localhost/api/libraries/,26,0,0\n1590051197730,8,Fetch All Libraries,200,OK,Fetch Library List 1-195,text,true,,1185,128,5,5,http://localhost/api/libraries/,8,0,0\n1590051197709,29,Fetch All Libraries,200,OK,Fetch Library List 1-192,text,true,,1185,128,5,5,http://localhost/api/libraries/,29,0,1\n1590051197723,15,Fetch All Libraries,200,OK,Fetch Library List 1-194,text,true,,1185,128,5,5,http://localhost/api/libraries/,15,0,1\n1590051197719,19,Fetch All Libraries,200,OK,Fetch Library List 1-193,text,true,,1185,128,5,5,http://localhost/api/libraries/,19,0,2\n1590051197738,2,Fetch All Libraries,200,OK,Fetch Library List 1-195,text,true,,1185,128,5,5,http://localhost/api/libraries/,2,0,0\n1590051197738,3,Fetch All Libraries,200,OK,Fetch Library List 1-192,text,true,,1185,128,4,4,http://localhost/api/libraries/,3,0,0\n1590051197738,3,Fetch All Libraries,200,OK,Fetch Library List 1-194,text,true,,1185,128,4,4,http://localhost/api/libraries/,3,0,0\n1590051197738,4,Fetch All Libraries,200,OK,Fetch Library List 1-193,text,true,,1185,128,2,2,http://localhost/api/libraries/,4,0,0\n1590051197737,6,Fetch All Libraries,200,OK,Fetch Library List 1-196,text,true,,1185,128,2,2,http://localhost/api/libraries/,6,0,1\n1590051197743,5,Fetch All Libraries,200,OK,Fetch Library List 1-197,text,true,,1185,128,2,2,http://localhost/api/libraries/,5,0,0\n1590051197743,5,Fetch All Libraries,200,OK,Fetch Library List 1-196,text,true,,1185,128,2,2,http://localhost/api/libraries/,5,0,0\n1590051197748,2,Fetch All Libraries,200,OK,Fetch Library List 1-197,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197754,5,Fetch All Libraries,200,OK,Fetch Library List 1-198,text,true,,1185,128,1,1,http://localhost/api/libraries/,5,0,0\n1590051197759,2,Fetch All Libraries,200,OK,Fetch Library List 1-198,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197760,3,Fetch All Libraries,200,OK,Fetch Library List 1-199,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197763,2,Fetch All Libraries,200,OK,Fetch Library List 1-199,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197764,3,Fetch All Libraries,200,OK,Fetch Library List 1-200,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197767,4,Fetch All Libraries,200,OK,Fetch Library List 1-200,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,0\n1590051197775,3,Fetch All Libraries,200,OK,Fetch Library List 1-201,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197779,2,Fetch All Libraries,200,OK,Fetch Library List 1-201,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197780,3,Fetch All Libraries,200,OK,Fetch Library List 1-202,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197783,2,Fetch All Libraries,200,OK,Fetch Library List 1-202,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197786,3,Fetch All Libraries,200,OK,Fetch Library List 1-203,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197790,2,Fetch All Libraries,200,OK,Fetch Library List 1-203,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197794,4,Fetch All Libraries,200,OK,Fetch Library List 1-204,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,1\n1590051197798,2,Fetch All Libraries,200,OK,Fetch Library List 1-204,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197803,3,Fetch All Libraries,200,OK,Fetch Library List 1-205,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197806,1,Fetch All Libraries,200,OK,Fetch Library List 1-205,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197809,5,Fetch All Libraries,200,OK,Fetch Library List 1-206,text,true,,1185,128,1,1,http://localhost/api/libraries/,5,0,0\n1590051197814,3,Fetch All Libraries,200,OK,Fetch Library List 1-206,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051197815,4,Fetch All Libraries,200,OK,Fetch Library List 1-207,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,0\n1590051197819,1,Fetch All Libraries,200,OK,Fetch Library List 1-207,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197821,3,Fetch All Libraries,200,OK,Fetch Library List 1-208,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197824,2,Fetch All Libraries,200,OK,Fetch Library List 1-208,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197829,3,Fetch All Libraries,200,OK,Fetch Library List 1-209,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197832,1,Fetch All Libraries,200,OK,Fetch Library List 1-209,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197835,2,Fetch All Libraries,200,OK,Fetch Library List 1-210,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197837,1,Fetch All Libraries,200,OK,Fetch Library List 1-210,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197845,2,Fetch All Libraries,200,OK,Fetch Library List 1-211,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197848,1,Fetch All Libraries,200,OK,Fetch Library List 1-211,text,true,,1185,128,2,2,http://localhost/api/libraries/,1,0,0\n1590051197848,3,Fetch All Libraries,200,OK,Fetch Library List 1-212,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197851,1,Fetch All Libraries,200,OK,Fetch Library List 1-212,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197859,2,Fetch All Libraries,200,OK,Fetch Library List 1-213,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197861,2,Fetch All Libraries,200,OK,Fetch Library List 1-213,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197863,2,Fetch All Libraries,200,OK,Fetch Library List 1-214,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197865,1,Fetch All Libraries,200,OK,Fetch Library List 1-214,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197869,3,Fetch All Libraries,200,OK,Fetch Library List 1-215,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197872,1,Fetch All Libraries,200,OK,Fetch Library List 1-215,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197879,3,Fetch All Libraries,200,OK,Fetch Library List 1-216,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197882,1,Fetch All Libraries,200,OK,Fetch Library List 1-216,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197884,4,Fetch All Libraries,200,OK,Fetch Library List 1-217,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,0\n1590051197888,2,Fetch All Libraries,200,OK,Fetch Library List 1-217,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197890,3,Fetch All Libraries,200,OK,Fetch Library List 1-218,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197893,2,Fetch All Libraries,200,OK,Fetch Library List 1-218,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197897,4,Fetch All Libraries,200,OK,Fetch Library List 1-219,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,1\n1590051197901,2,Fetch All Libraries,200,OK,Fetch Library List 1-219,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197909,3,Fetch All Libraries,200,OK,Fetch Library List 1-220,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197912,2,Fetch All Libraries,200,OK,Fetch Library List 1-220,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197912,3,Fetch All Libraries,200,OK,Fetch Library List 1-221,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051197915,1,Fetch All Libraries,200,OK,Fetch Library List 1-221,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197919,2,Fetch All Libraries,200,OK,Fetch Library List 1-222,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197921,1,Fetch All Libraries,200,OK,Fetch Library List 1-222,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197928,2,Fetch All Libraries,200,OK,Fetch Library List 1-223,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197930,1,Fetch All Libraries,200,OK,Fetch Library List 1-223,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197932,2,Fetch All Libraries,200,OK,Fetch Library List 1-224,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,1\n1590051197935,1,Fetch All Libraries,200,OK,Fetch Library List 1-224,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197940,2,Fetch All Libraries,200,OK,Fetch Library List 1-225,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197942,1,Fetch All Libraries,200,OK,Fetch Library List 1-225,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197949,2,Fetch All Libraries,200,OK,Fetch Library List 1-226,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197951,1,Fetch All Libraries,200,OK,Fetch Library List 1-226,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197956,2,Fetch All Libraries,200,OK,Fetch Library List 1-227,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197958,1,Fetch All Libraries,200,OK,Fetch Library List 1-227,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197964,2,Fetch All Libraries,200,OK,Fetch Library List 1-228,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197966,1,Fetch All Libraries,200,OK,Fetch Library List 1-228,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197969,2,Fetch All Libraries,200,OK,Fetch Library List 1-229,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197971,1,Fetch All Libraries,200,OK,Fetch Library List 1-229,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197979,3,Fetch All Libraries,200,OK,Fetch Library List 1-230,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051197982,2,Fetch All Libraries,200,OK,Fetch Library List 1-230,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051197982,3,Fetch All Libraries,200,OK,Fetch Library List 1-231,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051197985,1,Fetch All Libraries,200,OK,Fetch Library List 1-231,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197988,2,Fetch All Libraries,200,OK,Fetch Library List 1-232,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051197991,1,Fetch All Libraries,200,OK,Fetch Library List 1-232,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051197998,2,Fetch All Libraries,200,OK,Fetch Library List 1-233,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198000,2,Fetch All Libraries,200,OK,Fetch Library List 1-233,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198005,3,Fetch All Libraries,200,OK,Fetch Library List 1-234,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051198008,1,Fetch All Libraries,200,OK,Fetch Library List 1-234,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198013,3,Fetch All Libraries,200,OK,Fetch Library List 1-235,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198016,1,Fetch All Libraries,200,OK,Fetch Library List 1-235,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198020,2,Fetch All Libraries,200,OK,Fetch Library List 1-236,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198022,1,Fetch All Libraries,200,OK,Fetch Library List 1-236,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198028,3,Fetch All Libraries,200,OK,Fetch Library List 1-237,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051198031,1,Fetch All Libraries,200,OK,Fetch Library List 1-237,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198034,2,Fetch All Libraries,200,OK,Fetch Library List 1-238,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198037,1,Fetch All Libraries,200,OK,Fetch Library List 1-238,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198039,3,Fetch All Libraries,200,OK,Fetch Library List 1-239,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051198042,1,Fetch All Libraries,200,OK,Fetch Library List 1-239,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198048,2,Fetch All Libraries,200,OK,Fetch Library List 1-240,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198051,1,Fetch All Libraries,200,OK,Fetch Library List 1-240,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198053,2,Fetch All Libraries,200,OK,Fetch Library List 1-241,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198056,1,Fetch All Libraries,200,OK,Fetch Library List 1-241,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198062,3,Fetch All Libraries,200,OK,Fetch Library List 1-242,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198065,1,Fetch All Libraries,200,OK,Fetch Library List 1-242,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198069,2,Fetch All Libraries,200,OK,Fetch Library List 1-243,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198071,1,Fetch All Libraries,200,OK,Fetch Library List 1-243,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198076,3,Fetch All Libraries,200,OK,Fetch Library List 1-244,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051198079,1,Fetch All Libraries,200,OK,Fetch Library List 1-244,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198083,3,Fetch All Libraries,200,OK,Fetch Library List 1-245,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198086,1,Fetch All Libraries,200,OK,Fetch Library List 1-245,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198091,2,Fetch All Libraries,200,OK,Fetch Library List 1-246,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198093,1,Fetch All Libraries,200,OK,Fetch Library List 1-246,text,true,,1185,128,2,2,http://localhost/api/libraries/,1,0,0\n1590051198094,2,Fetch All Libraries,200,OK,Fetch Library List 1-247,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,1\n1590051198097,1,Fetch All Libraries,200,OK,Fetch Library List 1-247,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198102,2,Fetch All Libraries,200,OK,Fetch Library List 1-248,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198104,2,Fetch All Libraries,200,OK,Fetch Library List 1-248,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198110,2,Fetch All Libraries,200,OK,Fetch Library List 1-249,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,1\n1590051198113,1,Fetch All Libraries,200,OK,Fetch Library List 1-249,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198114,3,Fetch All Libraries,200,OK,Fetch Library List 1-250,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051198117,1,Fetch All Libraries,200,OK,Fetch Library List 1-250,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198125,3,Fetch All Libraries,200,OK,Fetch Library List 1-251,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198128,1,Fetch All Libraries,200,OK,Fetch Library List 1-251,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198133,2,Fetch All Libraries,200,OK,Fetch Library List 1-252,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198135,1,Fetch All Libraries,200,OK,Fetch Library List 1-252,text,true,,1185,128,2,2,http://localhost/api/libraries/,1,0,0\n1590051198136,2,Fetch All Libraries,200,OK,Fetch Library List 1-253,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,1\n1590051198138,2,Fetch All Libraries,200,OK,Fetch Library List 1-253,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198145,2,Fetch All Libraries,200,OK,Fetch Library List 1-254,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198147,1,Fetch All Libraries,200,OK,Fetch Library List 1-254,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198155,2,Fetch All Libraries,200,OK,Fetch Library List 1-255,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198157,1,Fetch All Libraries,200,OK,Fetch Library List 1-255,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198160,3,Fetch All Libraries,200,OK,Fetch Library List 1-256,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198163,1,Fetch All Libraries,200,OK,Fetch Library List 1-256,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198166,3,Fetch All Libraries,200,OK,Fetch Library List 1-257,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198169,1,Fetch All Libraries,200,OK,Fetch Library List 1-257,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198174,3,Fetch All Libraries,200,OK,Fetch Library List 1-258,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198178,1,Fetch All Libraries,200,OK,Fetch Library List 1-258,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198180,3,Fetch All Libraries,200,OK,Fetch Library List 1-259,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051198183,2,Fetch All Libraries,200,OK,Fetch Library List 1-259,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198186,3,Fetch All Libraries,200,OK,Fetch Library List 1-260,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198189,2,Fetch All Libraries,200,OK,Fetch Library List 1-260,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198195,2,Fetch All Libraries,200,OK,Fetch Library List 1-261,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198198,1,Fetch All Libraries,200,OK,Fetch Library List 1-261,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198200,3,Fetch All Libraries,200,OK,Fetch Library List 1-262,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051198203,2,Fetch All Libraries,200,OK,Fetch Library List 1-262,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198209,2,Fetch All Libraries,200,OK,Fetch Library List 1-263,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198211,2,Fetch All Libraries,200,OK,Fetch Library List 1-263,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198214,2,Fetch All Libraries,200,OK,Fetch Library List 1-264,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,1\n1590051198217,1,Fetch All Libraries,200,OK,Fetch Library List 1-264,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198220,3,Fetch All Libraries,200,OK,Fetch Library List 1-265,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051198223,2,Fetch All Libraries,200,OK,Fetch Library List 1-265,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198228,3,Fetch All Libraries,200,OK,Fetch Library List 1-266,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198231,2,Fetch All Libraries,200,OK,Fetch Library List 1-266,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051198233,3,Fetch All Libraries,200,OK,Fetch Library List 1-267,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198236,3,Fetch All Libraries,200,OK,Fetch Library List 1-267,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198244,3,Fetch All Libraries,200,OK,Fetch Library List 1-268,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198247,1,Fetch All Libraries,200,OK,Fetch Library List 1-268,text,true,,1185,128,2,2,http://localhost/api/libraries/,1,0,0\n1590051198248,3,Fetch All Libraries,200,OK,Fetch Library List 1-269,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198251,1,Fetch All Libraries,200,OK,Fetch Library List 1-269,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198259,3,Fetch All Libraries,200,OK,Fetch Library List 1-270,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051198262,2,Fetch All Libraries,200,OK,Fetch Library List 1-270,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051198262,3,Fetch All Libraries,200,OK,Fetch Library List 1-271,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198265,2,Fetch All Libraries,200,OK,Fetch Library List 1-271,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198268,2,Fetch All Libraries,200,OK,Fetch Library List 1-272,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198271,1,Fetch All Libraries,200,OK,Fetch Library List 1-272,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198278,2,Fetch All Libraries,200,OK,Fetch Library List 1-273,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198280,3,Fetch All Libraries,200,OK,Fetch Library List 1-273,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198285,4,Fetch All Libraries,200,OK,Fetch Library List 1-274,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,1\n1590051198289,2,Fetch All Libraries,200,OK,Fetch Library List 1-274,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051198291,3,Fetch All Libraries,200,OK,Fetch Library List 1-275,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198295,2,Fetch All Libraries,200,OK,Fetch Library List 1-275,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051198296,5,Fetch All Libraries,200,OK,Fetch Library List 1-276,text,true,,1185,128,1,1,http://localhost/api/libraries/,5,0,0\n1590051198301,2,Fetch All Libraries,200,OK,Fetch Library List 1-276,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051198303,3,Fetch All Libraries,200,OK,Fetch Library List 1-277,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198306,4,Fetch All Libraries,200,OK,Fetch Library List 1-277,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,0\n1590051198310,3,Fetch All Libraries,200,OK,Fetch Library List 1-278,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198313,2,Fetch All Libraries,200,OK,Fetch Library List 1-278,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198318,3,Fetch All Libraries,200,OK,Fetch Library List 1-279,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198321,1,Fetch All Libraries,200,OK,Fetch Library List 1-279,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198328,3,Fetch All Libraries,200,OK,Fetch Library List 1-280,text,true,,1185,128,2,2,http://localhost/api/libraries/,3,0,0\n1590051198331,2,Fetch All Libraries,200,OK,Fetch Library List 1-280,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051198331,4,Fetch All Libraries,200,OK,Fetch Library List 1-281,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,0\n1590051198335,1,Fetch All Libraries,200,OK,Fetch Library List 1-281,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198338,3,Fetch All Libraries,200,OK,Fetch Library List 1-282,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198341,1,Fetch All Libraries,200,OK,Fetch Library List 1-282,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198348,3,Fetch All Libraries,200,OK,Fetch Library List 1-283,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198351,2,Fetch All Libraries,200,OK,Fetch Library List 1-283,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051198352,2,Fetch All Libraries,200,OK,Fetch Library List 1-284,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198354,2,Fetch All Libraries,200,OK,Fetch Library List 1-284,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198359,2,Fetch All Libraries,200,OK,Fetch Library List 1-285,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198361,2,Fetch All Libraries,200,OK,Fetch Library List 1-285,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198369,3,Fetch All Libraries,200,OK,Fetch Library List 1-286,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051198372,1,Fetch All Libraries,200,OK,Fetch Library List 1-286,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198378,2,Fetch All Libraries,200,OK,Fetch Library List 1-287,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198380,2,Fetch All Libraries,200,OK,Fetch Library List 1-287,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198382,3,Fetch All Libraries,200,OK,Fetch Library List 1-288,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051198385,2,Fetch All Libraries,200,OK,Fetch Library List 1-288,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198392,3,Fetch All Libraries,200,OK,Fetch Library List 1-289,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198395,2,Fetch All Libraries,200,OK,Fetch Library List 1-289,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198397,4,Fetch All Libraries,200,OK,Fetch Library List 1-290,text,true,,1185,128,1,1,http://localhost/api/libraries/,4,0,0\n1590051198401,2,Fetch All Libraries,200,OK,Fetch Library List 1-290,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198405,3,Fetch All Libraries,200,OK,Fetch Library List 1-291,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051198408,1,Fetch All Libraries,200,OK,Fetch Library List 1-291,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198412,3,Fetch All Libraries,200,OK,Fetch Library List 1-292,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051198415,2,Fetch All Libraries,200,OK,Fetch Library List 1-292,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051198417,3,Fetch All Libraries,200,OK,Fetch Library List 1-293,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198420,2,Fetch All Libraries,200,OK,Fetch Library List 1-293,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198423,2,Fetch All Libraries,200,OK,Fetch Library List 1-294,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198425,2,Fetch All Libraries,200,OK,Fetch Library List 1-294,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n1590051198430,3,Fetch All Libraries,200,OK,Fetch Library List 1-295,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,1\n1590051198433,3,Fetch All Libraries,200,OK,Fetch Library List 1-295,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198440,3,Fetch All Libraries,200,OK,Fetch Library List 1-296,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198443,1,Fetch All Libraries,200,OK,Fetch Library List 1-296,text,true,,1185,128,1,1,http://localhost/api/libraries/,1,0,0\n1590051198446,15,Fetch All Libraries,200,OK,Fetch Library List 1-297,text,true,,1185,128,3,3,http://localhost/api/libraries/,15,0,0\n1590051198451,10,Fetch All Libraries,200,OK,Fetch Library List 1-298,text,true,,1185,128,3,3,http://localhost/api/libraries/,10,0,0\n1590051198457,6,Fetch All Libraries,200,OK,Fetch Library List 1-299,text,true,,1185,128,3,3,http://localhost/api/libraries/,6,0,0\n1590051198461,2,Fetch All Libraries,200,OK,Fetch Library List 1-297,text,true,,1185,128,3,3,http://localhost/api/libraries/,2,0,0\n1590051198461,2,Fetch All Libraries,200,OK,Fetch Library List 1-298,text,true,,1185,128,3,3,http://localhost/api/libraries/,2,0,0\n1590051198463,2,Fetch All Libraries,200,OK,Fetch Library List 1-299,text,true,,1185,128,2,2,http://localhost/api/libraries/,2,0,0\n1590051198464,3,Fetch All Libraries,200,OK,Fetch Library List 1-300,text,true,,1185,128,1,1,http://localhost/api/libraries/,3,0,0\n1590051198467,2,Fetch All Libraries,200,OK,Fetch Library List 1-300,text,true,,1185,128,1,1,http://localhost/api/libraries/,2,0,0\n" }, { "path": "JMeter/libAPI.jmx", "content": "\n\n \n \n \n false\n true\n false\n \n \n \n \n \n \n \n continue\n \n false\n 2\n \n 300\n 2\n false\n \n \n true\n \n \n \n \n \n \n localhost\n 80\n \n \n /api/libraries/\n GET\n true\n false\n true\n false\n \n \n \n \n \n \n false\n \n saveConfig\n \n \n true\n true\n true\n \n true\n true\n true\n true\n false\n true\n true\n false\n false\n false\n true\n false\n false\n false\n true\n 0\n true\n true\n true\n true\n true\n true\n \n \n \n \n \n \n false\n \n saveConfig\n \n \n true\n true\n true\n \n true\n true\n true\n true\n false\n true\n true\n false\n false\n false\n true\n false\n false\n false\n true\n 0\n true\n true\n true\n true\n true\n true\n \n \n \n \n \n \n \n continue\n \n false\n 2\n \n 300\n 2\n false\n \n \n true\n true\n \n \n \n \n \n \n localhost\n 80\n \n \n /api/components/?component_library=1\n GET\n true\n false\n true\n false\n \n \n \n \n \n \n false\n \n saveConfig\n \n \n true\n true\n true\n \n true\n true\n true\n true\n false\n true\n true\n false\n false\n false\n true\n false\n false\n false\n true\n 0\n true\n true\n true\n true\n true\n true\n \n \n \n \n \n \n \n continue\n \n false\n 2\n \n 300\n 2\n false\n \n \n true\n true\n \n \n \n \n \n \n localhost\n 80\n \n \n /kicad-symbols/symbol_svgs/Analog/U-MLX90320xFR-1-A.svg\n GET\n true\n false\n true\n false\n \n \n \n \n \n \n false\n \n saveConfig\n \n \n true\n true\n true\n \n true\n true\n true\n true\n false\n true\n true\n false\n false\n false\n true\n false\n false\n false\n true\n 0\n true\n true\n true\n true\n true\n true\n \n \n \n \n \n \n \n false\n \n saveConfig\n \n \n true\n true\n true\n \n true\n true\n true\n true\n false\n true\n true\n false\n false\n false\n true\n false\n false\n false\n true\n 0\n true\n true\n true\n true\n true\n true\n \n \n /Users/darsh/github/eSim-Cloud/eSim-Cloud/JMeter/libAPI.csv\n \n \n \n \n\n" }, { "path": "JMeter/simulationAPI.jmx", "content": "\n\n \n \n \n false\n true\n false\n \n \n \n \n \n \n \n continue\n \n false\n 1\n \n 200\n 1\n false\n \n \n true\n \n \n \n \n \n \n /Users/darsh/github/eSim-Cloud/eSim-Cloud/esim-cloud-backend/simulationAPI/helpers/sample_files/RC.cir\n file\n text/plain\n \n \n \n \n \n \n localhost\n \n \n \n /api/simulation/upload\n POST\n true\n false\n true\n false\n \n \n \n \n \n \n task_id\n $.details.task_id\n 1\n task_id\n \n \n \n false\n true\n false\n \n \n \n 1\n 0\n 0\n \n \n \n 1000\n 5000\n \n \n \n \n \n \n \n localhost\n \n \n \n /api/simulation/status/439e8630-dc01-4e4b-a6b9-5132307a6587\n GET\n true\n false\n true\n false\n \n \n \n \n \n \n state\n $.state\n 1\n task_id\n \n \n \n $.state\n SUCCESS\n false\n false\n false\n true\n \n \n \n \n 1\n 0\n 0\n \n \n \n 1000\n 100\n \n \n \n \n false\n \n saveConfig\n \n \n true\n true\n true\n \n true\n true\n true\n true\n false\n true\n true\n false\n false\n false\n true\n false\n false\n false\n true\n 0\n true\n true\n true\n true\n true\n true\n \n \n \n \n \n \n \n continue\n \n false\n 1\n \n 200\n 1\n false\n \n \n true\n true\n \n \n \n \n \n \n /Users/darsh/github/eSim-Cloud/eSim-Cloud/esim-cloud-backend/simulationAPI/helpers/sample_files/RC.cir\n file\n text/plain\n \n \n \n \n \n \n localhost\n \n \n \n /api/simulation/upload\n POST\n true\n false\n true\n false\n \n \n \n \n \n \n task_id\n $.details.task_id\n 1\n task_id\n \n \n \n false\n true\n false\n \n \n \n 1\n 0\n 0\n \n \n \n 1000\n 5000\n \n \n \n \n \n \n \n localhost\n \n \n \n /api/simulation/status/${task_id}\n GET\n true\n false\n true\n false\n \n \n \n \n \n \n state\n $.state\n 1\n task_id\n \n \n \n $.state\n SUCCESS\n false\n false\n false\n true\n \n \n \n \n false\n \n saveConfig\n \n \n true\n true\n true\n \n true\n true\n true\n true\n false\n true\n true\n false\n false\n false\n true\n false\n false\n false\n true\n 0\n true\n true\n true\n true\n true\n true\n \n \n \n \n \n \n false\n \n saveConfig\n \n \n true\n true\n true\n \n true\n true\n true\n true\n false\n true\n true\n false\n false\n false\n true\n false\n false\n false\n true\n 0\n true\n true\n true\n true\n true\n true\n \n \n /Users/darsh/Downloads/apache-jmeter-5.2.1/2_django_5_celery_200.csv\n \n \n \n \n \n\n" }, { "path": "LICENSE", "content": " GNU GENERAL PUBLIC LICENSE\n Version 3, 29 June 2007\n\n Copyright (C) 2007 Free Software Foundation, Inc. \n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n Preamble\n\n The GNU General Public License is a free, copyleft license for\nsoftware and other kinds of works.\n\n The licenses for most software and other practical works are designed\nto take away your freedom to share and change the works. By contrast,\nthe GNU General Public License is intended to guarantee your freedom to\nshare and change all versions of a program--to make sure it remains free\nsoftware for all its users. We, the Free Software Foundation, use the\nGNU General Public License for most of our software; it applies also to\nany other work released this way by its authors. You can apply it to\nyour programs, too.\n\n When we speak of free software, we are referring to freedom, not\nprice. Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthem if you wish), that you receive source code or can get it if you\nwant it, that you can change the software or use pieces of it in new\nfree programs, and that you know you can do these things.\n\n To protect your rights, we need to prevent others from denying you\nthese rights or asking you to surrender the rights. Therefore, you have\ncertain responsibilities if you distribute copies of the software, or if\nyou modify it: responsibilities to respect the freedom of others.\n\n For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must pass on to the recipients the same\nfreedoms that you received. You must make sure that they, too, receive\nor can get the source code. And you must show them these terms so they\nknow their rights.\n\n Developers that use the GNU GPL protect your rights with two steps:\n(1) assert copyright on the software, and (2) offer you this License\ngiving you legal permission to copy, distribute and/or modify it.\n\n For the developers' and authors' protection, the GPL clearly explains\nthat there is no warranty for this free software. For both users' and\nauthors' sake, the GPL requires that modified versions be marked as\nchanged, so that their problems will not be attributed erroneously to\nauthors of previous versions.\n\n Some devices are designed to deny users access to install or run\nmodified versions of the software inside them, although the manufacturer\ncan do so. This is fundamentally incompatible with the aim of\nprotecting users' freedom to change the software. The systematic\npattern of such abuse occurs in the area of products for individuals to\nuse, which is precisely where it is most unacceptable. Therefore, we\nhave designed this version of the GPL to prohibit the practice for those\nproducts. If such problems arise substantially in other domains, we\nstand ready to extend this provision to those domains in future versions\nof the GPL, as needed to protect the freedom of users.\n\n Finally, every program is threatened constantly by software patents.\nStates should not allow patents to restrict development and use of\nsoftware on general-purpose computers, but in those that do, we wish to\navoid the special danger that patents applied to a free program could\nmake it effectively proprietary. To prevent this, the GPL assures that\npatents cannot be used to render the program non-free.\n\n The precise terms and conditions for copying, distribution and\nmodification follow.\n\n TERMS AND CONDITIONS\n\n 0. Definitions.\n\n \"This License\" refers to version 3 of the GNU General Public License.\n\n \"Copyright\" also means copyright-like laws that apply to other kinds of\nworks, such as semiconductor masks.\n\n \"The Program\" refers to any copyrightable work licensed under this\nLicense. Each licensee is addressed as \"you\". \"Licensees\" and\n\"recipients\" may be individuals or organizations.\n\n To \"modify\" a work means to copy from or adapt all or part of the work\nin a fashion requiring copyright permission, other than the making of an\nexact copy. The resulting work is called a \"modified version\" of the\nearlier work or a work \"based on\" the earlier work.\n\n A \"covered work\" means either the unmodified Program or a work based\non the Program.\n\n To \"propagate\" a work means to do anything with it that, without\npermission, would make you directly or secondarily liable for\ninfringement under applicable copyright law, except executing it on a\ncomputer or modifying a private copy. Propagation includes copying,\ndistribution (with or without modification), making available to the\npublic, and in some countries other activities as well.\n\n To \"convey\" a work means any kind of propagation that enables other\nparties to make or receive copies. Mere interaction with a user through\na computer network, with no transfer of a copy, is not conveying.\n\n An interactive user interface displays \"Appropriate Legal Notices\"\nto the extent that it includes a convenient and prominently visible\nfeature that (1) displays an appropriate copyright notice, and (2)\ntells the user that there is no warranty for the work (except to the\nextent that warranties are provided), that licensees may convey the\nwork under this License, and how to view a copy of this License. If\nthe interface presents a list of user commands or options, such as a\nmenu, a prominent item in the list meets this criterion.\n\n 1. Source Code.\n\n The \"source code\" for a work means the preferred form of the work\nfor making modifications to it. \"Object code\" means any non-source\nform of a work.\n\n A \"Standard Interface\" means an interface that either is an official\nstandard defined by a recognized standards body, or, in the case of\ninterfaces specified for a particular programming language, one that\nis widely used among developers working in that language.\n\n The \"System Libraries\" of an executable work include anything, other\nthan the work as a whole, that (a) is included in the normal form of\npackaging a Major Component, but which is not part of that Major\nComponent, and (b) serves only to enable use of the work with that\nMajor Component, or to implement a Standard Interface for which an\nimplementation is available to the public in source code form. A\n\"Major Component\", in this context, means a major essential component\n(kernel, window system, and so on) of the specific operating system\n(if any) on which the executable work runs, or a compiler used to\nproduce the work, or an object code interpreter used to run it.\n\n The \"Corresponding Source\" for a work in object code form means all\nthe source code needed to generate, install, and (for an executable\nwork) run the object code and to modify the work, including scripts to\ncontrol those activities. However, it does not include the work's\nSystem Libraries, or general-purpose tools or generally available free\nprograms which are used unmodified in performing those activities but\nwhich are not part of the work. For example, Corresponding Source\nincludes interface definition files associated with source files for\nthe work, and the source code for shared libraries and dynamically\nlinked subprograms that the work is specifically designed to require,\nsuch as by intimate data communication or control flow between those\nsubprograms and other parts of the work.\n\n The Corresponding Source need not include anything that users\ncan regenerate automatically from other parts of the Corresponding\nSource.\n\n The Corresponding Source for a work in source code form is that\nsame work.\n\n 2. Basic Permissions.\n\n All rights granted under this License are granted for the term of\ncopyright on the Program, and are irrevocable provided the stated\nconditions are met. This License explicitly affirms your unlimited\npermission to run the unmodified Program. The output from running a\ncovered work is covered by this License only if the output, given its\ncontent, constitutes a covered work. This License acknowledges your\nrights of fair use or other equivalent, as provided by copyright law.\n\n You may make, run and propagate covered works that you do not\nconvey, without conditions so long as your license otherwise remains\nin force. You may convey covered works to others for the sole purpose\nof having them make modifications exclusively for you, or provide you\nwith facilities for running those works, provided that you comply with\nthe terms of this License in conveying all material for which you do\nnot control copyright. Those thus making or running the covered works\nfor you must do so exclusively on your behalf, under your direction\nand control, on terms that prohibit them from making any copies of\nyour copyrighted material outside their relationship with you.\n\n Conveying under any other circumstances is permitted solely under\nthe conditions stated below. Sublicensing is not allowed; section 10\nmakes it unnecessary.\n\n 3. Protecting Users' Legal Rights From Anti-Circumvention Law.\n\n No covered work shall be deemed part of an effective technological\nmeasure under any applicable law fulfilling obligations under article\n11 of the WIPO copyright treaty adopted on 20 December 1996, or\nsimilar laws prohibiting or restricting circumvention of such\nmeasures.\n\n When you convey a covered work, you waive any legal power to forbid\ncircumvention of technological measures to the extent such circumvention\nis effected by exercising rights under this License with respect to\nthe covered work, and you disclaim any intention to limit operation or\nmodification of the work as a means of enforcing, against the work's\nusers, your or third parties' legal rights to forbid circumvention of\ntechnological measures.\n\n 4. Conveying Verbatim Copies.\n\n You may convey verbatim copies of the Program's source code as you\nreceive it, in any medium, provided that you conspicuously and\nappropriately publish on each copy an appropriate copyright notice;\nkeep intact all notices stating that this License and any\nnon-permissive terms added in accord with section 7 apply to the code;\nkeep intact all notices of the absence of any warranty; and give all\nrecipients a copy of this License along with the Program.\n\n You may charge any price or no price for each copy that you convey,\nand you may offer support or warranty protection for a fee.\n\n 5. Conveying Modified Source Versions.\n\n You may convey a work based on the Program, or the modifications to\nproduce it from the Program, in the form of source code under the\nterms of section 4, provided that you also meet all of these conditions:\n\n a) The work must carry prominent notices stating that you modified\n it, and giving a relevant date.\n\n b) The work must carry prominent notices stating that it is\n released under this License and any conditions added under section\n 7. This requirement modifies the requirement in section 4 to\n \"keep intact all notices\".\n\n c) You must license the entire work, as a whole, under this\n License to anyone who comes into possession of a copy. This\n License will therefore apply, along with any applicable section 7\n additional terms, to the whole of the work, and all its parts,\n regardless of how they are packaged. This License gives no\n permission to license the work in any other way, but it does not\n invalidate such permission if you have separately received it.\n\n d) If the work has interactive user interfaces, each must display\n Appropriate Legal Notices; however, if the Program has interactive\n interfaces that do not display Appropriate Legal Notices, your\n work need not make them do so.\n\n A compilation of a covered work with other separate and independent\nworks, which are not by their nature extensions of the covered work,\nand which are not combined with it such as to form a larger program,\nin or on a volume of a storage or distribution medium, is called an\n\"aggregate\" if the compilation and its resulting copyright are not\nused to limit the access or legal rights of the compilation's users\nbeyond what the individual works permit. Inclusion of a covered work\nin an aggregate does not cause this License to apply to the other\nparts of the aggregate.\n\n 6. Conveying Non-Source Forms.\n\n You may convey a covered work in object code form under the terms\nof sections 4 and 5, provided that you also convey the\nmachine-readable Corresponding Source under the terms of this License,\nin one of these ways:\n\n a) Convey the object code in, or embodied in, a physical product\n (including a physical distribution medium), accompanied by the\n Corresponding Source fixed on a durable physical medium\n customarily used for software interchange.\n\n b) Convey the object code in, or embodied in, a physical product\n (including a physical distribution medium), accompanied by a\n written offer, valid for at least three years and valid for as\n long as you offer spare parts or customer support for that product\n model, to give anyone who possesses the object code either (1) a\n copy of the Corresponding Source for all the software in the\n product that is covered by this License, on a durable physical\n medium customarily used for software interchange, for a price no\n more than your reasonable cost of physically performing this\n conveying of source, or (2) access to copy the\n Corresponding Source from a network server at no charge.\n\n c) Convey individual copies of the object code with a copy of the\n written offer to provide the Corresponding Source. This\n alternative is allowed only occasionally and noncommercially, and\n only if you received the object code with such an offer, in accord\n with subsection 6b.\n\n d) Convey the object code by offering access from a designated\n place (gratis or for a charge), and offer equivalent access to the\n Corresponding Source in the same way through the same place at no\n further charge. You need not require recipients to copy the\n Corresponding Source along with the object code. If the place to\n copy the object code is a network server, the Corresponding Source\n may be on a different server (operated by you or a third party)\n that supports equivalent copying facilities, provided you maintain\n clear directions next to the object code saying where to find the\n Corresponding Source. Regardless of what server hosts the\n Corresponding Source, you remain obligated to ensure that it is\n available for as long as needed to satisfy these requirements.\n\n e) Convey the object code using peer-to-peer transmission, provided\n you inform other peers where the object code and Corresponding\n Source of the work are being offered to the general public at no\n charge under subsection 6d.\n\n A separable portion of the object code, whose source code is excluded\nfrom the Corresponding Source as a System Library, need not be\nincluded in conveying the object code work.\n\n A \"User Product\" is either (1) a \"consumer product\", which means any\ntangible personal property which is normally used for personal, family,\nor household purposes, or (2) anything designed or sold for incorporation\ninto a dwelling. In determining whether a product is a consumer product,\ndoubtful cases shall be resolved in favor of coverage. For a particular\nproduct received by a particular user, \"normally used\" refers to a\ntypical or common use of that class of product, regardless of the status\nof the particular user or of the way in which the particular user\nactually uses, or expects or is expected to use, the product. A product\nis a consumer product regardless of whether the product has substantial\ncommercial, industrial or non-consumer uses, unless such uses represent\nthe only significant mode of use of the product.\n\n \"Installation Information\" for a User Product means any methods,\nprocedures, authorization keys, or other information required to install\nand execute modified versions of a covered work in that User Product from\na modified version of its Corresponding Source. The information must\nsuffice to ensure that the continued functioning of the modified object\ncode is in no case prevented or interfered with solely because\nmodification has been made.\n\n If you convey an object code work under this section in, or with, or\nspecifically for use in, a User Product, and the conveying occurs as\npart of a transaction in which the right of possession and use of the\nUser Product is transferred to the recipient in perpetuity or for a\nfixed term (regardless of how the transaction is characterized), the\nCorresponding Source conveyed under this section must be accompanied\nby the Installation Information. But this requirement does not apply\nif neither you nor any third party retains the ability to install\nmodified object code on the User Product (for example, the work has\nbeen installed in ROM).\n\n The requirement to provide Installation Information does not include a\nrequirement to continue to provide support service, warranty, or updates\nfor a work that has been modified or installed by the recipient, or for\nthe User Product in which it has been modified or installed. Access to a\nnetwork may be denied when the modification itself materially and\nadversely affects the operation of the network or violates the rules and\nprotocols for communication across the network.\n\n Corresponding Source conveyed, and Installation Information provided,\nin accord with this section must be in a format that is publicly\ndocumented (and with an implementation available to the public in\nsource code form), and must require no special password or key for\nunpacking, reading or copying.\n\n 7. Additional Terms.\n\n \"Additional permissions\" are terms that supplement the terms of this\nLicense by making exceptions from one or more of its conditions.\nAdditional permissions that are applicable to the entire Program shall\nbe treated as though they were included in this License, to the extent\nthat they are valid under applicable law. If additional permissions\napply only to part of the Program, that part may be used separately\nunder those permissions, but the entire Program remains governed by\nthis License without regard to the additional permissions.\n\n When you convey a copy of a covered work, you may at your option\nremove any additional permissions from that copy, or from any part of\nit. (Additional permissions may be written to require their own\nremoval in certain cases when you modify the work.) You may place\nadditional permissions on material, added by you to a covered work,\nfor which you have or can give appropriate copyright permission.\n\n Notwithstanding any other provision of this License, for material you\nadd to a covered work, you may (if authorized by the copyright holders of\nthat material) supplement the terms of this License with terms:\n\n a) Disclaiming warranty or limiting liability differently from the\n terms of sections 15 and 16 of this License; or\n\n b) Requiring preservation of specified reasonable legal notices or\n author attributions in that material or in the Appropriate Legal\n Notices displayed by works containing it; or\n\n c) Prohibiting misrepresentation of the origin of that material, or\n requiring that modified versions of such material be marked in\n reasonable ways as different from the original version; or\n\n d) Limiting the use for publicity purposes of names of licensors or\n authors of the material; or\n\n e) Declining to grant rights under trademark law for use of some\n trade names, trademarks, or service marks; or\n\n f) Requiring indemnification of licensors and authors of that\n material by anyone who conveys the material (or modified versions of\n it) with contractual assumptions of liability to the recipient, for\n any liability that these contractual assumptions directly impose on\n those licensors and authors.\n\n All other non-permissive additional terms are considered \"further\nrestrictions\" within the meaning of section 10. If the Program as you\nreceived it, or any part of it, contains a notice stating that it is\ngoverned by this License along with a term that is a further\nrestriction, you may remove that term. If a license document contains\na further restriction but permits relicensing or conveying under this\nLicense, you may add to a covered work material governed by the terms\nof that license document, provided that the further restriction does\nnot survive such relicensing or conveying.\n\n If you add terms to a covered work in accord with this section, you\nmust place, in the relevant source files, a statement of the\nadditional terms that apply to those files, or a notice indicating\nwhere to find the applicable terms.\n\n Additional terms, permissive or non-permissive, may be stated in the\nform of a separately written license, or stated as exceptions;\nthe above requirements apply either way.\n\n 8. Termination.\n\n You may not propagate or modify a covered work except as expressly\nprovided under this License. Any attempt otherwise to propagate or\nmodify it is void, and will automatically terminate your rights under\nthis License (including any patent licenses granted under the third\nparagraph of section 11).\n\n However, if you cease all violation of this License, then your\nlicense from a particular copyright holder is reinstated (a)\nprovisionally, unless and until the copyright holder explicitly and\nfinally terminates your license, and (b) permanently, if the copyright\nholder fails to notify you of the violation by some reasonable means\nprior to 60 days after the cessation.\n\n Moreover, your license from a particular copyright holder is\nreinstated permanently if the copyright holder notifies you of the\nviolation by some reasonable means, this is the first time you have\nreceived notice of violation of this License (for any work) from that\ncopyright holder, and you cure the violation prior to 30 days after\nyour receipt of the notice.\n\n Termination of your rights under this section does not terminate the\nlicenses of parties who have received copies or rights from you under\nthis License. If your rights have been terminated and not permanently\nreinstated, you do not qualify to receive new licenses for the same\nmaterial under section 10.\n\n 9. Acceptance Not Required for Having Copies.\n\n You are not required to accept this License in order to receive or\nrun a copy of the Program. Ancillary propagation of a covered work\noccurring solely as a consequence of using peer-to-peer transmission\nto receive a copy likewise does not require acceptance. However,\nnothing other than this License grants you permission to propagate or\nmodify any covered work. These actions infringe copyright if you do\nnot accept this License. Therefore, by modifying or propagating a\ncovered work, you indicate your acceptance of this License to do so.\n\n 10. Automatic Licensing of Downstream Recipients.\n\n Each time you convey a covered work, the recipient automatically\nreceives a license from the original licensors, to run, modify and\npropagate that work, subject to this License. You are not responsible\nfor enforcing compliance by third parties with this License.\n\n An \"entity transaction\" is a transaction transferring control of an\norganization, or substantially all assets of one, or subdividing an\norganization, or merging organizations. If propagation of a covered\nwork results from an entity transaction, each party to that\ntransaction who receives a copy of the work also receives whatever\nlicenses to the work the party's predecessor in interest had or could\ngive under the previous paragraph, plus a right to possession of the\nCorresponding Source of the work from the predecessor in interest, if\nthe predecessor has it or can get it with reasonable efforts.\n\n You may not impose any further restrictions on the exercise of the\nrights granted or affirmed under this License. For example, you may\nnot impose a license fee, royalty, or other charge for exercise of\nrights granted under this License, and you may not initiate litigation\n(including a cross-claim or counterclaim in a lawsuit) alleging that\nany patent claim is infringed by making, using, selling, offering for\nsale, or importing the Program or any portion of it.\n\n 11. Patents.\n\n A \"contributor\" is a copyright holder who authorizes use under this\nLicense of the Program or a work on which the Program is based. The\nwork thus licensed is called the contributor's \"contributor version\".\n\n A contributor's \"essential patent claims\" are all patent claims\nowned or controlled by the contributor, whether already acquired or\nhereafter acquired, that would be infringed by some manner, permitted\nby this License, of making, using, or selling its contributor version,\nbut do not include claims that would be infringed only as a\nconsequence of further modification of the contributor version. For\npurposes of this definition, \"control\" includes the right to grant\npatent sublicenses in a manner consistent with the requirements of\nthis License.\n\n Each contributor grants you a non-exclusive, worldwide, royalty-free\npatent license under the contributor's essential patent claims, to\nmake, use, sell, offer for sale, import and otherwise run, modify and\npropagate the contents of its contributor version.\n\n In the following three paragraphs, a \"patent license\" is any express\nagreement or commitment, however denominated, not to enforce a patent\n(such as an express permission to practice a patent or covenant not to\nsue for patent infringement). To \"grant\" such a patent license to a\nparty means to make such an agreement or commitment not to enforce a\npatent against the party.\n\n If you convey a covered work, knowingly relying on a patent license,\nand the Corresponding Source of the work is not available for anyone\nto copy, free of charge and under the terms of this License, through a\npublicly available network server or other readily accessible means,\nthen you must either (1) cause the Corresponding Source to be so\navailable, or (2) arrange to deprive yourself of the benefit of the\npatent license for this particular work, or (3) arrange, in a manner\nconsistent with the requirements of this License, to extend the patent\nlicense to downstream recipients. \"Knowingly relying\" means you have\nactual knowledge that, but for the patent license, your conveying the\ncovered work in a country, or your recipient's use of the covered work\nin a country, would infringe one or more identifiable patents in that\ncountry that you have reason to believe are valid.\n\n If, pursuant to or in connection with a single transaction or\narrangement, you convey, or propagate by procuring conveyance of, a\ncovered work, and grant a patent license to some of the parties\nreceiving the covered work authorizing them to use, propagate, modify\nor convey a specific copy of the covered work, then the patent license\nyou grant is automatically extended to all recipients of the covered\nwork and works based on it.\n\n A patent license is \"discriminatory\" if it does not include within\nthe scope of its coverage, prohibits the exercise of, or is\nconditioned on the non-exercise of one or more of the rights that are\nspecifically granted under this License. You may not convey a covered\nwork if you are a party to an arrangement with a third party that is\nin the business of distributing software, under which you make payment\nto the third party based on the extent of your activity of conveying\nthe work, and under which the third party grants, to any of the\nparties who would receive the covered work from you, a discriminatory\npatent license (a) in connection with copies of the covered work\nconveyed by you (or copies made from those copies), or (b) primarily\nfor and in connection with specific products or compilations that\ncontain the covered work, unless you entered into that arrangement,\nor that patent license was granted, prior to 28 March 2007.\n\n Nothing in this License shall be construed as excluding or limiting\nany implied license or other defenses to infringement that may\notherwise be available to you under applicable patent law.\n\n 12. No Surrender of Others' Freedom.\n\n If conditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License. If you cannot convey a\ncovered work so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you may\nnot convey it at all. For example, if you agree to terms that obligate you\nto collect a royalty for further conveying from those to whom you convey\nthe Program, the only way you could satisfy both those terms and this\nLicense would be to refrain entirely from conveying the Program.\n\n 13. Use with the GNU Affero General Public License.\n\n Notwithstanding any other provision of this License, you have\npermission to link or combine any covered work with a work licensed\nunder version 3 of the GNU Affero General Public License into a single\ncombined work, and to convey the resulting work. The terms of this\nLicense will continue to apply to the part which is the covered work,\nbut the special requirements of the GNU Affero General Public License,\nsection 13, concerning interaction through a network will apply to the\ncombination as such.\n\n 14. Revised Versions of this License.\n\n The Free Software Foundation may publish revised and/or new versions of\nthe GNU General Public License from time to time. Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\n Each version is given a distinguishing version number. If the\nProgram specifies that a certain numbered version of the GNU General\nPublic License \"or any later version\" applies to it, you have the\noption of following the terms and conditions either of that numbered\nversion or of any later version published by the Free Software\nFoundation. If the Program does not specify a version number of the\nGNU General Public License, you may choose any version ever published\nby the Free Software Foundation.\n\n If the Program specifies that a proxy can decide which future\nversions of the GNU General Public License can be used, that proxy's\npublic statement of acceptance of a version permanently authorizes you\nto choose that version for the Program.\n\n Later license versions may give you additional or different\npermissions. However, no additional obligations are imposed on any\nauthor or copyright holder as a result of your choosing to follow a\nlater version.\n\n 15. Disclaimer of Warranty.\n\n THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY\nAPPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT\nHOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY\nOF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,\nTHE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\nPURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM\nIS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF\nALL NECESSARY SERVICING, REPAIR OR CORRECTION.\n\n 16. Limitation of Liability.\n\n IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS\nTHE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY\nGENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE\nUSE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF\nDATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD\nPARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),\nEVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGES.\n\n 17. Interpretation of Sections 15 and 16.\n\n If the disclaimer of warranty and limitation of liability provided\nabove cannot be given local legal effect according to their terms,\nreviewing courts shall apply local law that most closely approximates\nan absolute waiver of all civil liability in connection with the\nProgram, unless a warranty or assumption of liability accompanies a\ncopy of the Program in return for a fee.\n\n END OF TERMS AND CONDITIONS\n\n How to Apply These Terms to Your New Programs\n\n If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n To do so, attach the following notices to the program. It is safest\nto attach them to the start of each source file to most effectively\nstate the exclusion of warranty; and each file should have at least\nthe \"copyright\" line and a pointer to where the full notice is found.\n\n \n Copyright (C) \n\n This program is free software: you can redistribute it and/or modify\n it under the terms of the GNU General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version.\n\n This program is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU General Public License for more details.\n\n You should have received a copy of the GNU General Public License\n along with this program. If not, see .\n\nAlso add information on how to contact you by electronic and paper mail.\n\n If the program does terminal interaction, make it output a short\nnotice like this when it starts in an interactive mode:\n\n Copyright (C) \n This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.\n This is free software, and you are welcome to redistribute it\n under certain conditions; type `show c' for details.\n\nThe hypothetical commands `show w' and `show c' should show the appropriate\nparts of the General Public License. Of course, your program's commands\nmight be different; for a GUI interface, you would use an \"about box\".\n\n You should also get your employer (if you work as a programmer) or school,\nif any, to sign a \"copyright disclaimer\" for the program, if necessary.\nFor more information on this, and how to apply and follow the GNU GPL, see\n.\n\n The GNU General Public License does not permit incorporating your program\ninto proprietary programs. If your program is a subroutine library, you\nmay consider it more useful to permit linking proprietary applications with\nthe library. If this is what you want to do, use the GNU Lesser General\nPublic License instead of this License. But first, please read\n.\n" }, { "path": "Nginx/conf.d/local.conf", "content": "\nupstream django_server {\n # will resolve to the correct address\n server django:8000;\n}\n\nproxy_cache_path /tmp/image_cache levels=1:2 keys_zone=image_cache:10m max_size=100M inactive=48h use_temp_path=off;\nproxy_cache_path /tmp/cache levels=1:2 keys_zone=default_cache:10m max_size=100m inactive=120m use_temp_path=off;\n\nproxy_cache_key \"$scheme$request_method$host$request_uri\";\nproxy_cache_valid 200 302 60m;\nproxy_cache_methods GET HEAD;\n\nmap $sent_http_content_type $expires {\n default off;\n text/html epoch;\n text/css 3d;\n application/javascript 3d;\n ~image/ 3d;\n}\n\nserver {\n listen 80;\n expires $expires;\n root /usr/share/nginx/static_pages/index;\n server_tokens off;\n\n location / {\n # try_files $uri$args $uri$args/ index.html;\n proxy_hide_header X-Frame-Options;\n add_header X-Content-Type-Options nosniff always;\n add_header X-XSS-Protection \"1; mode=block\" always;\n index index.htm index.html;\n }\n\n location /api {\n # proxy_cache default_cache;\n proxy_buffering on;\n\n proxy_ignore_headers Expires;\n proxy_ignore_headers X-Accel-Expires;\n proxy_ignore_headers Cache-Control;\n proxy_ignore_headers Set-Cookie;\n\n proxy_hide_header X-Accel-Expires;\n proxy_hide_header Expires;\n proxy_hide_header Cache-Control;\n proxy_hide_header Pragma;\n proxy_hide_header X-Frame-Options;\n add_header X-Content-Type-Options nosniff always;\n add_header X-XSS-Protection \"1; mode=block\" always;\n add_header Access-Control-Allow-Origin *;\n add_header X-Proxy-Cache $upstream_cache_status;\n add_header Cache-Control 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';\n proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n proxy_set_header Host $host;\n proxy_set_header X-Real-IP $remote_addr;\n proxy_redirect off;\n client_max_body_size 200M;\n proxy_pass http://django:8000;\n }\n\n location /api/docs {\n return 404;\n }\n\n location /eda {\n alias /usr/share/nginx/eda;\n proxy_hide_header X-Frame-Options;\n add_header X-Content-Type-Options nosniff always;\n add_header X-XSS-Protection \"1; mode=block\" always;\n try_files $uri$args $uri$args/ /index.html;\n }\n\n location /arduino {\n alias /usr/share/nginx/arduino-build/ArduinoFrontend/;\n proxy_hide_header X-Frame-Options;\n add_header X-Content-Type-Options nosniff always;\n add_header X-XSS-Protection \"1; mode=block\" always;\n try_files $uri$args $uri$args/ /index.html?$args;\n }\n\n location /kicad-symbols {\n alias /usr/share/nginx/kicad-libs;\n proxy_cache image_cache;\n log_not_found off;\n access_log off;\n add_header X-Cache-Status $upstream_cache_status;\n index index.html index.htm;\n try_files $uri$args $uri$args/ /index.html;\n }\n\n location /django_static/ {\n alias /usr/share/nginx/django_static/;\n proxy_cache image_cache;\n log_not_found off;\n access_log off;\n add_header X-Cache-Status $upstream_cache_status;\n }\n location /files/ {\n alias /usr/share/nginx/django_file_storage/;\n proxy_cache image_cache;\n log_not_found off;\n access_log off;\n add_header X-Cache-Status $upstream_cache_status;\n }\n}\n" }, { "path": "Nginx/dev.conf.d/local.conf", "content": "\nupstream django_server {\n # will resolve to the correct address\n server django:8000;\n}\nupstream eda_frontend {\n # will resolve to the correct address\n server eda-frontend:3000;\n}\n\nupstream arduino_frontend {\n # will resolve to the correct address\n server arduino-frontend:4200;\n}\n\nserver {\n listen 80;\n server_name localhost;\n\n location / {\n root /usr/share/nginx/static_pages/index;\n index index.html index.htm;\n try_files $uri $uri/ /index.html;\n }\n\n location /api {\n proxy_hide_header X-Frame-Options;\n proxy_pass http://django_server;\n proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n proxy_set_header Host $host;\n proxy_redirect off;\n client_max_body_size 200M;\n }\n location /eda/ {\n proxy_hide_header X-Frame-Options;\n proxy_pass http://eda_frontend;\n }\n location /arduino/ {\n proxy_hide_header X-Frame-Options;\n proxy_pass http://arduino_frontend;\n }\n\n location /kicad-symbols {\n alias /usr/share/nginx/kicad-libs;\n index index.html index.htm;\n try_files $uri $uri/ /index.html;\n }\n\n location /django_static/ {\n alias /usr/share/nginx/django_static/;\n }\n\n location /files/ {\n alias /usr/share/nginx/django_file_storage/;\n }\n \n location /sockjs-node {\n proxy_set_header X-Real-IP $remote_addr;\n proxy_set_header X-Forwarded-For $remote_addr;\n proxy_set_header Host $host;\n\n proxy_pass http://eda_frontend; \n\n proxy_redirect off;\n proxy_http_version 1.1;\n proxy_set_header Upgrade $http_upgrade;\n proxy_set_header Connection \"upgrade\";\n }\n}\n" }, { "path": "Nginx/static_pages/index/css/normalize.css", "content": "/*! normalize.css v3.0.2 | MIT License | git.io/normalize */\n\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\n * and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; /* 1 */\n vertical-align: baseline; /* 2 */\n}\n\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\n */\n\n[hidden],\ntemplate {\n display: none;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background color from active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\n\na:active,\na:hover {\n outline: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\n\nabbr[title] {\n border-bottom: 1px dotted;\n}\n\n/**\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\n */\n\nb,\nstrong {\n font-weight: bold;\n}\n\n/**\n * Address styling not present in Safari and Chrome.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari, and Chrome.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Address styling not present in IE 8/9.\n */\n\nmark {\n background: #ff0;\n color: #000;\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove border when inside `a` element in IE 8/9/10.\n */\n\nimg {\n border: 0;\n}\n\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Address margin not present in IE 8/9 and Safari.\n */\n\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\n\nhr {\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n height: 0;\n}\n\n/**\n * Contain overflow in all browsers.\n */\n\npre {\n overflow: auto;\n}\n\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n */\n\n/**\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n margin: 0; /* 3 */\n}\n\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\n\nbutton {\n overflow: visible;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\n\nbutton,\nhtml input[type=\"button\"], /* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\n\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\n\ninput {\n line-height: normal;\n}\n\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\n\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome\n * (include `-moz` to future-proof).\n */\n\ninput[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n -moz-box-sizing: content-box;\n -webkit-box-sizing: content-box; /* 2 */\n box-sizing: content-box;\n}\n\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Define consistent border, margin, and padding.\n */\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\n\nlegend {\n border: 0; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\n\noptgroup {\n font-weight: bold;\n}\n\n/* Tables\n ========================================================================== */\n\n/**\n * Remove most spacing between table cells.\n */\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n padding: 0;\n}\n\n.footer-wrapper {\nposition: relative;\nmargin-top: 0;\nbackground-color: #e5e5e5;\nborder-top: 1px solid #fff;\nbottom: -10px;\nheight: 40px;\nwidth: 100%;}\n\n.footer-wrapper footer { margin: 0 auto; }\n" }, { "path": "Nginx/static_pages/index/css/skeleton.css", "content": "/*\n* Skeleton V2.0.4\n* Copyright 2014, Dave Gamache\n* www.getskeleton.com\n* Free to use under the MIT license.\n* http://www.opensource.org/licenses/mit-license.php\n* 12/29/2014\n*/\n\n\n/* Table of contents\n––––––––––––––––––––––––––––––––––––––––––––––––––\n- Grid\n- Base Styles\n- Typography\n- Links\n- Buttons\n- Forms\n- Lists\n- Code\n- Tables\n- Spacing\n- Utilities\n- Clearing\n- Media Queries\n*/\n\n\n/* Grid\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\n.container {\n position: relative;\n width: 100%;\n max-width: 960px;\n margin: 0 auto;\n padding: 0 20px;\n box-sizing: border-box; }\n.column,\n.columns {\n width: 100%;\n float: left;\n box-sizing: border-box; }\n\n/* For devices larger than 400px */\n@media (min-width: 400px) {\n .container {\n width: 85%;\n padding: 0; }\n}\n\n/* For devices larger than 550px */\n@media (min-width: 550px) {\n .container {\n width: 80%; }\n .column,\n .columns {\n margin-left: 4%; }\n .column:first-child,\n .columns:first-child {\n margin-left: 0; }\n\n .one.column,\n .one.columns { width: 4.66666666667%; }\n .two.columns { width: 13.3333333333%; }\n .three.columns { width: 22%; }\n .four.columns { width: 30.6666666667%; }\n .five.columns { width: 39.3333333333%; }\n .six.columns { width: 48%; }\n .seven.columns { width: 56.6666666667%; }\n .eight.columns { width: 65.3333333333%; }\n .nine.columns { width: 74.0%; }\n .ten.columns { width: 82.6666666667%; }\n .eleven.columns { width: 91.3333333333%; }\n .twelve.columns { width: 100%; margin-left: 0; }\n\n .one-third.column { width: 30.6666666667%; }\n .two-thirds.column { width: 65.3333333333%; }\n\n .one-half.column { width: 48%; }\n\n /* Offsets */\n .offset-by-one.column,\n .offset-by-one.columns { margin-left: 8.66666666667%; }\n .offset-by-two.column,\n .offset-by-two.columns { margin-left: 17.3333333333%; }\n .offset-by-three.column,\n .offset-by-three.columns { margin-left: 26%; }\n .offset-by-four.column,\n .offset-by-four.columns { margin-left: 34.6666666667%; }\n .offset-by-five.column,\n .offset-by-five.columns { margin-left: 43.3333333333%; }\n .offset-by-six.column,\n .offset-by-six.columns { margin-left: 52%; }\n .offset-by-seven.column,\n .offset-by-seven.columns { margin-left: 60.6666666667%; }\n .offset-by-eight.column,\n .offset-by-eight.columns { margin-left: 69.3333333333%; }\n .offset-by-nine.column,\n .offset-by-nine.columns { margin-left: 78.0%; }\n .offset-by-ten.column,\n .offset-by-ten.columns { margin-left: 86.6666666667%; }\n .offset-by-eleven.column,\n .offset-by-eleven.columns { margin-left: 95.3333333333%; }\n\n .offset-by-one-third.column,\n .offset-by-one-third.columns { margin-left: 34.6666666667%; }\n .offset-by-two-thirds.column,\n .offset-by-two-thirds.columns { margin-left: 69.3333333333%; }\n\n .offset-by-one-half.column,\n .offset-by-one-half.columns { margin-left: 52%; }\n\n}\n\n\n/* Base Styles\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\n/* NOTE\nhtml is set to 62.5% so that all the REM measurements throughout Skeleton\nare based on 10px sizing. So basically 1.5rem = 15px :) */\nhtml {\n font-size: 62.5%; }\nbody {\n font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */\n line-height: 1.6;\n font-weight: 400;\n font-family: \"Raleway\", \"HelveticaNeue\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n color: #222; }\n\n\n/* Typography\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 2rem;\n font-weight: 300; }\nh1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;}\nh2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }\nh3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }\nh4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }\nh5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }\nh6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }\n\n/* Larger than phablet */\n@media (min-width: 550px) {\n h1 { font-size: 5.0rem; }\n h2 { font-size: 4.2rem; }\n h3 { font-size: 3.6rem; }\n h4 { font-size: 3.0rem; }\n h5 { font-size: 2.4rem; }\n h6 { font-size: 1.5rem; }\n}\n\np {\n margin-top: 0; }\n\n\n/* Links\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\na {\n color: #1EAEDB; }\na:hover {\n color: #0FA0CE; }\n\n\n/* Buttons\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\n.button,\nbutton,\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n display: inline-block;\n height: 38px;\n padding: 0 30px;\n color: #555;\n text-align: center;\n font-size: 11px;\n font-weight: 600;\n line-height: 38px;\n letter-spacing: .1rem;\n text-transform: uppercase;\n text-decoration: none;\n white-space: nowrap;\n background-color: transparent;\n border-radius: 4px;\n border: 1px solid #bbb;\n cursor: pointer;\n box-sizing: border-box; }\n.button:hover,\nbutton:hover,\ninput[type=\"submit\"]:hover,\ninput[type=\"reset\"]:hover,\ninput[type=\"button\"]:hover,\n.button:focus,\nbutton:focus,\ninput[type=\"submit\"]:focus,\ninput[type=\"reset\"]:focus,\ninput[type=\"button\"]:focus {\n color: #333;\n border-color: #888;\n outline: 0; }\n.button.button-primary,\nbutton.button-primary,\ninput[type=\"submit\"].button-primary,\ninput[type=\"reset\"].button-primary,\ninput[type=\"button\"].button-primary {\n color: #FFF;\n background-color: #33C3F0;\n border-color: #33C3F0; }\n.button.button-primary:hover,\nbutton.button-primary:hover,\ninput[type=\"submit\"].button-primary:hover,\ninput[type=\"reset\"].button-primary:hover,\ninput[type=\"button\"].button-primary:hover,\n.button.button-primary:focus,\nbutton.button-primary:focus,\ninput[type=\"submit\"].button-primary:focus,\ninput[type=\"reset\"].button-primary:focus,\ninput[type=\"button\"].button-primary:focus {\n color: #FFF;\n background-color: #1EAEDB;\n border-color: #1EAEDB; }\n\n\n/* Forms\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\ninput[type=\"email\"],\ninput[type=\"number\"],\ninput[type=\"search\"],\ninput[type=\"text\"],\ninput[type=\"tel\"],\ninput[type=\"url\"],\ninput[type=\"password\"],\ntextarea,\nselect {\n height: 38px;\n padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */\n background-color: #fff;\n border: 1px solid #D1D1D1;\n border-radius: 4px;\n box-shadow: none;\n box-sizing: border-box; }\n/* Removes awkward default styles on some inputs for iOS */\ninput[type=\"email\"],\ninput[type=\"number\"],\ninput[type=\"search\"],\ninput[type=\"text\"],\ninput[type=\"tel\"],\ninput[type=\"url\"],\ninput[type=\"password\"],\ntextarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none; }\ntextarea {\n min-height: 65px;\n padding-top: 6px;\n padding-bottom: 6px; }\ninput[type=\"email\"]:focus,\ninput[type=\"number\"]:focus,\ninput[type=\"search\"]:focus,\ninput[type=\"text\"]:focus,\ninput[type=\"tel\"]:focus,\ninput[type=\"url\"]:focus,\ninput[type=\"password\"]:focus,\ntextarea:focus,\nselect:focus {\n border: 1px solid #33C3F0;\n outline: 0; }\nlabel,\nlegend {\n display: block;\n margin-bottom: .5rem;\n font-weight: 600; }\nfieldset {\n padding: 0;\n border-width: 0; }\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n display: inline; }\nlabel > .label-body {\n display: inline-block;\n margin-left: .5rem;\n font-weight: normal; }\n\n\n/* Lists\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\nul {\n list-style: circle inside; }\nol {\n list-style: decimal inside; }\nol, ul {\n padding-left: 0;\n margin-top: 0; }\nul ul,\nul ol,\nol ol,\nol ul {\n margin: 1.5rem 0 1.5rem 3rem;\n font-size: 90%; }\nli {\n margin-bottom: 1rem; }\n\n\n/* Code\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\ncode {\n padding: .2rem .5rem;\n margin: 0 .2rem;\n font-size: 90%;\n white-space: nowrap;\n background: #F1F1F1;\n border: 1px solid #E1E1E1;\n border-radius: 4px; }\npre > code {\n display: block;\n padding: 1rem 1.5rem;\n white-space: pre; }\n\n\n/* Tables\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\nth,\ntd {\n padding: 12px 15px;\n text-align: left;\n border-bottom: 1px solid #E1E1E1; }\nth:first-child,\ntd:first-child {\n padding-left: 0; }\nth:last-child,\ntd:last-child {\n padding-right: 0; }\n\n\n/* Spacing\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\nbutton,\n.button {\n margin-bottom: 1rem; }\ninput,\ntextarea,\nselect,\nfieldset {\n margin-bottom: 1.5rem; }\npre,\nblockquote,\ndl,\nfigure,\ntable,\np,\nul,\nol,\nform {\n margin-bottom: 2.5rem; }\n\n\n/* Utilities\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\n.u-full-width {\n width: 100%;\n box-sizing: border-box; }\n.u-max-full-width {\n max-width: 100%;\n box-sizing: border-box; }\n.u-pull-right {\n float: right; }\n.u-pull-left {\n float: left; }\n\n\n/* Misc\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\nhr {\n margin-top: 3rem;\n margin-bottom: 3.5rem;\n border-width: 0;\n border-top: 1px solid #E1E1E1; }\n\n\n/* Clearing\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\n\n/* Self Clearing Goodness */\n.container:after,\n.row:after,\n.u-cf {\n content: \"\";\n display: table;\n clear: both; }\n\n\n/* Media Queries\n–––––––––––––––––––––––––––––––––––––––––––––––––– */\n/*\nNote: The best way to structure the use of media queries is to create the queries\nnear the relevant code. For example, if you wanted to change the styles for buttons\non small devices, paste the mobile query code up in the buttons section and style it\nthere.\n*/\n\n\n/* Larger than mobile */\n@media (min-width: 400px) {}\n\n/* Larger than phablet (also point when grid becomes active) */\n@media (min-width: 550px) {}\n\n/* Larger than tablet */\n@media (min-width: 750px) {}\n\n/* Larger than desktop */\n@media (min-width: 1000px) {}\n\n/* Larger than Desktop HD */\n@media (min-width: 1200px) {}\n" }, { "path": "Nginx/static_pages/index/index.html", "content": "\n\n\n\n\n \n \n eSim and Arduino on Cloud\n \n\n \n \n\n \n \n\n\n \n \n \n \n \n \n\n\n \n
\n
\n
\n

Arduino on Cloud

\n

Connect virtual components to arduino boards, write code in your browser and witness it come alive!

\n Launch\n
\n
\n
\n

eSim on Cloud

\n

Build digital circuits using KiCAD components, tinker with simulation parameters and visualize it all\n with pretty graphs!

\n Launch\n
\n
\n
\n
\n
\n \n
\n
\n \n\n" }, { "path": "README.md", "content": "

\neSim and Arduino on Cloud \n

\n
\n\n\n[![All Contributors](https://img.shields.io/badge/all_contributors-13-orange.svg?style=flat-square)](#contributors-)\n\n\n[![Documentation Status](https://readthedocs.org/projects/esim-cloud/badge/?version=latest)](https://esim-cloud.readthedocs.io/en/latest/?badge=latest)\n[![Discord](https://img.shields.io/discord/737767491266281583?color=blue&label=chat%20with%20us&logo=discord)](https://discord.gg/cZbDD8K)\n\n[![CodeFactor](https://www.codefactor.io/repository/github/frg-fossee/esim-cloud/badge)](https://www.codefactor.io/repository/github/frg-fossee/esim-cloud)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-important)](https://img.shields.io/badge/PRs-welcome-important)\n![GitHub repo size](https://img.shields.io/github/repo-size/frg-fossee/eSim-Cloud?color=ff69b4&logo=git&logoColor=ff69b4)\n![Django Build and Tests](https://github.com/frg-fossee/eSim-Cloud/workflows/Django%20Build%20and%20Tests/badge.svg?branch=develop)\n![Angular Build and Tests](https://github.com/frg-fossee/eSim-Cloud/workflows/Angular%20Build%20and%20Tests/badge.svg?branch=develop)\n![React Build and Tests](https://github.com/frg-fossee/eSim-Cloud/workflows/React%20Build%20and%20Tests/badge.svg?branch=develop)\n![Containers](https://github.com/frg-fossee/eSim-Cloud/workflows/Containers/badge.svg)\n![ESLint eda-frontend](https://github.com/frg-fossee/eSim-Cloud/workflows/ESLint%20eda-frontend/badge.svg?branch=develop)\n\n[Contributing](#Contributing) | [Credits](#Credits)\n
\n\n---\n\n## eSim on Cloud\nThis system allows the users to draw analog and digital circuits and simulate them. The users have a facility to drag and drop components from the left pane onto the schematic grid on the right pane. The components on the grid are connected using wires. The circuit can then be simulated using the different simulation parameters (DC Solver, DC Sweep, Transient analysis, and AC analysis). The basic ERC check enables the users to find out errors if any. The size of the schematic grid can be changed from A1 to A5 paper sizes along with portrait and landscape modes. The users can also print the circuit or save it in pdf format for documentation purposes. A demo is shown below.\n\n![eSim Demo](demo/demo-esim.gif)\n\n## Arduino on Cloud\nThis system allows the users to drag and drop Arduino components from the left pane onto the working space on the right. The pins of the Arduino board can be connected to various input/output devices like LED, motor, push button, etc using wires. There is also a facility to change the color of wires, LEDs, and such components, so as to differentiate the easily. The users can then proceed to write their code in the code window which is then simulated. There is an option for the users to print or save it in pdf format for documentation purposes. The basic ERC check enables the users to find out errors if any. A demo is shown below.\n\n![Arduino Demo](demo/demo-arduino.gif)\n\n## Installation\n* This is only a one time process\n* Ubuntu (Requirements)\n * Install [Docker](https://docs.docker.com/desktop/install/ubuntu/)\n * Install docker compose: ```sudo apt get install docker-compose``` \n* Windows (Requirements)\n * Install WSL (Windows Subsystem for Linux)\n * Open PowerShell or Windows Command Prompt in administrator mode by right-clicking and selecting \"Run as administrator\"\n * ```wsl --install```\n * Restart your machine.\n * Install [Docker](https://docs.docker.com/desktop/install/windows-install/)\n * Start the docker desktop application\n* Mac (Requirements)\n * Install [Docker](https://docs.docker.com/desktop/install/mac-install/)\n * Start the docker desktop application\n* Setting up\n * Fork this repository. Make sure that you fork all the branches.\n * Windows users: Use the Ubuntu App to start the terminal and then proceed ahead. Do not user PowerShell.\n * Clone your forked repo on your machine: ```git clone https://github.com//eSim-Cloud.git```\n * ```cd eSim-Cloud```\n * ```git checkout develop```: This will switch to the develop branch\n * ```/bin/bash first_run.dev.sh```: This will set up and install all the necessary packages and docker images. Depending on your connection it would take around 40 to 45 minutes\n\n## Starting the system\n* Before proceeding ahead, start your Docker Desktop application (Windows and Mac users only)\n* Open (terminal - Ubuntu/Mac users) (WSL ubuntu app - Windows users)\n\n### Development Environment (for coders/developers)\n* ```docker-compose -f docker-compose.dev.yml --env-file .env up ```\n* eSim: Browse http://localhost/ and click the Launch button under eSim\n* Login credentials\n * Username: admin\n * Password: admin\n* Arduino: Browse http://localhost:4200/\n\n### Production Environment\n* ```cp .env .env.prod ```: Only for the first time\n* ```docker-compose -f docker-compose.prod.yml --env-file .env.prod up```\n* Browse http://localhost/ and click the launch button for eSim and Arduino, respectively\n* Login credentials\n * Username: admin\n * Password: admin\n\n### Applying Migrations (Only if needed)\n* At times, while setting up the system, the database might not get set up as required. In such a case, when you visit the gallery of eSim or Arduino, you will not find the sample circuits. Moreover, in eSim, the components in the left pane will not be loaded. In such a case, do the following\n * Make sure that the dockers are running i.e. you have started either the development or production environment\n * Open up a new terminal. \n * ```docker ps``` This command displays the container ids of all running docker containers.\n * Look for Django's container ID. It would be something like 'c4ac75dd1937'\n * ```docker exec -it /bin/bash```\n * ```sh migrations.sh```\n\n## Other Commands\n* To view Django admin panel\n * Browse http://localhost/api/admin and login with the following credentials\n * Username: admin\n * Password: admin\n* If port 80 is already being used on your system, due which nginx is unable to start for this system and throws an error, you can kill the existing process that uses port 80\n * ```sudo kill -9 $(sudo lsof -t -i:80)``` \n* To start dockers on the server \n * ``` docker-compose -f docker-compose.prod.yml --env-file .env.prod up --scale django=2 --scale celery=3 -d```\n * Note: -d option runs the dockers in the background. To view the logs in the terminal, remove this option\n * Scale django and celerey as required. Remove them, if the server is unable to take the load\n* Restart nginx\n * Development environment: ``` docker-compose -f docker-compose.dev.yml --env-file .env restart nginx```\n * Production environment: ``` docker-compose -f docker-compose.prod.yml --env-file .env.prod restart nginx``` \n* Manually build containers\n * ```docker-compose -f docker-compose.dev.yml --env-file .env build```\n* Run backend container only\n * ```docker-compose -f docker-compose.dev.yml --env-file .env up django```\n* Run eSim along with backend\n * ``` docker-compose -f docker-compose.dev.yml --env-file .env up eda-frontend ```\n* Run Arduino along with backend\n * ``` docker-compose -f docker-compose.dev.yml --env-file .env up arduino-frontend ```\n\n## Documentation \nThe latest version of documentation for the project is maintained on [esim-cloud.readthedocs.io](https://esim-cloud.readthedocs.io/)\n\n## Tech stack\n* Simulation backend\n * ngspice (eSim)\n * Arduino compiler \n* Middleware\n * Django \n * REST APIs \n * Celery \n * Redis \n* Frontend\n * React\n * mxgraph\n * Angular\n * RaphaelJS\n * [AVR8js simulator - MIT License](https://github.com/wokwi/avr8js) Credits to [Uri Shaked](https://github.com/urish)\n* Database\n * MySQL\n * Postgres\n * MongoDB\n* Production\n * nginx\n * dockers\n* Testing\n * GitHub actions \n\n## Docker Containers\n![Docker Containers](docs/images/docker.png)\n\n## Contributing \nWant to contribute? See our [contributing guidelines](CONTRIBUTING.md). Contributions in any form are welcome.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\n\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\"\"/
Darsh Patel
💻 📖 🚇		\"\"/
Darshan Sudake
💻 📖 🎨		\"\"/
felixfaisal
💻 📖 🎨		\"\"/
rohitgeddam
💻 📖 🎨		\"\"/
Navonil Das
💻 📖 🎨		\"\"/
Meet10
💻 📖 🎨		\"\"/
gupta-arpit
💻 🎨
\"\"/
Kartik Gautam
💻 📖 🎨		\"\"/
Nikhil Kumar
💻 📖 🎨		\"\"/
Kaustuv K Chattopadhyay
💻 📖 🎨		\"\"/
Akshat Sharma
💻 📖 🎨		\"\"/
Rugved Somwanshi
💻 📖 🎨		\"\"/
Rajat Maheshwari
💻 📖 🎨
\n\n\n\n\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n" }, { "path": "ansible/ansible-playbook.yml", "content": "---\n- import_playbook: configure-instance.yml\n- import_playbook: configure-containers.yml\n\n" }, { "path": "ansible/configure-containers.yml", "content": "- name: Configure Docker\n hosts: all\n become: true\n tasks:\n - name: Stop service httpd, if running\n service:\n name: httpd\n state: stopped\n enabled: no\n ignore_errors: yes\n\n - name: Stop service apache2, if running\n service:\n name: apache2\n state: stopped\n enabled: no\n ignore_errors: yes\n\n - name: Clone eSim Repo\n git:\n repo: https://github.com/frg-fossee/eSim-Cloud.git\n dest: /home/{{ansible_user_id}}/eSim-Cloud\n version: develop\n\n # - name: Run First Run Script\n # shell: cd /home/{{ansible_user_id}}/eSim-Cloud && ./first_run.dev.sh\n - name: Stop Existing Containers\n docker_compose:\n project_src: /home/{{ansible_user_id}}/eSim-Cloud\n files: docker-compose.dev.yml\n state: absent\n register: docker_output\n - name: Check State\n debug:\n var: docker_output\n\n - name: Start DB Container\n docker_compose:\n project_src: /home/{{ansible_user_id}}/eSim-Cloud\n files: docker-compose.dev.yml\n services: db\n state: present\n - name: Check db running\n assert:\n that:\n - \"db['esim-cloud_db_1'].state.running\"\n\n - name: Start Django Container\n docker_compose:\n project_src: /home/{{ansible_user_id}}/eSim-Cloud\n files: docker-compose.dev.yml\n services: django\n state: present\n - name: Check django running\n assert:\n that:\n - \"django['esim-cloud_django_1'].state.running\"\n" }, { "path": "ansible/configure-instance.yml", "content": "- name: Configue Docker\n hosts: all\n become: true\n\n tasks:\n\n - name: Install aptitude using apt\n apt: name=aptitude state=latest update_cache=yes force_apt_get=yes\n\n - name: Install required system packages\n apt:\n state: latest\n update_cache: yes\n pkg:\n - apt-transport-https\n - ca-certificates\n - curl\n - software-properties-common\n - python3-pip\n - virtualenv\n - python3-setuptools\n\n - name: Add Docker GPG apt Key\n apt_key:\n url: https://download.docker.com/linux/{{ansible_distribution|lower}}/gpg\n state: present\n\n - name: Add Docker Repository\n apt_repository:\n repo: deb [arch=amd64] https://download.docker.com/linux/{{ansible_distribution|lower}} {{ansible_distribution_release}} stable\n state: present\n\n - name: Update apt and install docker-ce\n apt: update_cache=yes name=docker-ce state=latest\n\n - name: Install Docker Module for Python\n pip:\n name: docker\n - name: Install Docker-Compose Module for Python\n pip:\n name: docker-compose\n\n - name: add user mod\n command: usermod -aG docker {{ansible_user_id}}\n\n - name: download docker-compose\n get_url:\n url: \"https://github.com/docker/compose/releases/download/1.25.5/docker-compose-{{ ansible_system }}-{{ ansible_userspace_architecture }}\"\n dest: /usr/local/bin/docker-compose\n mode: 'u+x,g+x'\n\n - name: Docker-compose permissions\n file:\n src: /usr/local/bin/docker-compose\n dest: /usr/bin/docker-compose\n state: link\n\n" }, { "path": "docker-compose.dev.yml", "content": "version: '3'\nservices:\n\n nginx:\n image: nginx\n ports:\n - 80:80\n volumes:\n - tmp_vol:/tmp\n - ./Nginx/dev.conf.d:/etc/nginx/conf.d\n - ./Nginx/static_pages:/usr/share/nginx/static_pages\n - ./esim-cloud-backend/static:/usr/share/nginx/django_static\n - ./esim-cloud-backend/file_storage:/usr/share/nginx/django_file_storage\n - ./esim-cloud-backend/kicad-symbols/:/usr/share/nginx/kicad-libs\n depends_on:\n - django\n - eda-frontend\n - arduino-frontend\n\n eda-frontend:\n image: \"docker.pkg.github.com/frg-fossee/esim-cloud/eda-frontend:dev\"\n build: ./eda-frontend/\n command: >\n sh -c \"npm install &&\n npm start\"\n ports:\n - \"3000:3000\"\n volumes:\n - ./eda-frontend:/code\n environment:\n - NODE_ENV=development\n - \"PUBLIC_URL=${EDA_PUBLIC_URL}\"\n stdin_open: true\n depends_on:\n - django\n - celery\n - redis\n - db\n\n arduino-frontend:\n image: \"docker.pkg.github.com/frg-fossee/esim-cloud/arduino-frontend:dev\"\n build: ./ArduinoFrontend/\n command: >\n sh -c \"npm install &&\n npm start\"\n\n ports:\n - \"4200:4200\"\n\n volumes:\n - ./ArduinoFrontend:/code\n environment:\n - NODE_ENV=development\n depends_on:\n - django\n - celery\n - redis\n - db\n\n django:\n image: \"docker.pkg.github.com/frg-fossee/esim-cloud/django:dev\"\n build: ./esim-cloud-backend/\n command: \"python3 manage.py runserver 0.0.0.0:8000\"\n ports:\n - \"8000:8000\"\n volumes:\n - ./esim-cloud-backend:/code\n - run_vol:/var/run\n - cache_vol:/var/cache\n - tmp_vol:/tmp\n depends_on:\n - redis\n - db\n - celery\n\n env_file:\n - .env\n\n links:\n - \"redis:redis_cache\"\n - \"db:mysql\"\n\n celery:\n image: \"docker.pkg.github.com/frg-fossee/esim-cloud/celery:dev\"\n build: ./esim-cloud-backend/\n command: celery -A esimCloud.celery worker -l info --concurrency=1\n links:\n - \"redis:redis_cache\"\n - \"db:postgres\"\n env_file:\n - .env\n\n volumes:\n - ./esim-cloud-backend:/code\n - run_vol:/var/run\n - cache_vol:/var/cache\n - tmp_vol:/tmp\n depends_on:\n - redis\n - db\n\n redis:\n image: \"redis:${TAG_REDIS}\"\n environment:\n - ALLOW_EMPTY_PASSWORD=yes\n - REDIS_DISABLE_COMMANDS=FLUSHDB,FLUSHALL\n volumes:\n - ./redis_data:/data\n\n # Uncomment this and Change appropriate env variables to switch to mysql\n # db:\n # image: \"mysql:${TAG_MYSQL}\"\n # command: --default-authentication-plugin=mysql_native_password\n # env_file:\n # - .env\n # volumes:\n # - ./mysql_data:/var/lib/mysql\n\n db:\n image: postgres\n volumes:\n - ./postgres_data:/var/lib/postgresql/data/\n env_file:\n - .env\n\nvolumes:\n run_vol:\n driver_opts:\n type: tmpfs\n device: tmpfs\n cache_vol:\n driver_opts:\n type: tmpfs\n device: tmpfs\n tmp_vol:\n driver_opts:\n type: tmpfs\n device: tmpfs\n" }, { "path": "docker-compose.prod.yml", "content": "version: '3'\nservices:\n\n nginx:\n image: nginx\n ports:\n - 80:80\n volumes:\n - tmp_vol:/tmp\n - ./Nginx/conf.d:/etc/nginx/conf.d\n - ./Nginx/static_pages:/usr/share/nginx/static_pages\n - ./eda-frontend/build:/usr/share/nginx/eda\n - ./ArduinoFrontend/dist:/usr/share/nginx/arduino-build\n - ./esim-cloud-backend/static:/usr/share/nginx/django_static\n - ./esim-cloud-backend/file_storage:/usr/share/nginx/django_file_storage\n - ./esim-cloud-backend/kicad-symbols/:/usr/share/nginx/kicad-libs\n depends_on:\n - django\n - eda-frontend\n - arduino-frontend\n\n eda-frontend:\n image: \"docker.pkg.github.com/frg-fossee/esim-cloud/eda-frontend:master\"\n build: ./eda-frontend/\n command: >\n sh -c \"npm install &&\n npm run build\"\n environment:\n - \"PUBLIC_URL=${EDA_PUBLIC_URL}\"\n volumes:\n - ./eda-frontend:/code\n\n\n\n arduino-frontend:\n image: \"docker.pkg.github.com/frg-fossee/esim-cloud/arduino-frontend:master\"\n build: ./ArduinoFrontend/\n command: >\n sh -c \"npm install &&\n npm run ng -- build --prod --aot --base-href ${ARDUINO_BASE_HREF}\"\n # environment:\n # - NODE_ENV=production\n volumes:\n - ./ArduinoFrontend:/code\n\n\n\n django:\n image: \"docker.pkg.github.com/frg-fossee/esim-cloud/django:master\"\n build: ./esim-cloud-backend/\n command: >\n sh -c \"gunicorn -w ${GUNICORN_WORKERS} --reload -b 0.0.0.0:8000 --log-level info esimCloud.wsgi\"\n volumes:\n - ./esim-cloud-backend:/code\n - run_vol:/var/run\n - cache_vol:/var/cache\n - tmp_vol:/tmp\n depends_on:\n - redis\n - db\n - celery\n env_file:\n - .env.prod\n environment:\n - DJANGO_DEBUG=True\n links:\n - \"redis:redis\"\n - \"db:db\"\n\n\n celery:\n image: \"docker.pkg.github.com/frg-fossee/esim-cloud/celery:master\"\n build: ./esim-cloud-backend/\n command: \"celery -A esimCloud.celery worker -l info --concurrency=${CELERY_WORKERS}\"\n links:\n - \"redis:redis_cache\"\n - \"db:postgres\"\n env_file:\n - .env.prod\n environment:\n - DJANGO_DEBUG=True\n volumes:\n - ./esim-cloud-backend:/code\n - run_vol:/var/run\n - cache_vol:/var/cache\n - tmp_vol:/tmp\n depends_on:\n - redis\n - db\n links:\n - \"redis:redis\"\n - \"db:db\"\n\n deploy:\n replicas: 3\n\n redis:\n image: \"redis:${TAG_REDIS}\"\n environment:\n - ALLOW_EMPTY_PASSWORD=yes\n - REDIS_DISABLE_COMMANDS=FLUSHDB,FLUSHALL\n volumes:\n - ./redis_data:/data\n\n # Uncomment this and Change appropriate env variables to switch to mysql\n # db:\n # image: \"mysql:${TAG_MYSQL}\"\n # command: --default-authentication-plugin=mysql_native_password\n # env_file:\n # - .env.prod\n # volumes:\n # - ./mysql_data:/var/lib/mysql\n\n db:\n image: postgres\n volumes:\n - ./postgres_data:/var/lib/postgresql/data/\n env_file:\n - .env.prod\n\nvolumes:\n run_vol:\n driver_opts:\n type: tmpfs\n device: tmpfs\n cache_vol:\n driver_opts:\n type: tmpfs\n device: tmpfs\n tmp_vol:\n driver_opts:\n type: tmpfs\n device: tmpfs\n" }, { "path": "docs/arduino/components.rst", "content": "Creating an Component for Simulator\n=============================================\n\n\n.. toctree::\n :numbered:\n :maxdepth: 2\n :caption: Contents:" }, { "path": "docs/arduino/index.rst", "content": "Arduino Frontend Guide\n=============================================\n************************\nServe on a Local Machine\n************************\n**Note: Required Node JS and Angular 7**\n \n * For installing nodejs and npm visit ( https://nodejs.org/en/download/)\n \n Open Command prompt (or powershell) and enter the following:\n ::\n \t\n npm install -g @angular/cli\n\t\n ng --version \n \n \n\nWithout Docker\n###############\n\nPlease Follow the Steps.\n\n1. Open Command promt\n\n2. Navigate to folder **dist/eSim-cloud/ArduinoFrontend/**\n\n3. Execute the following command to start Angular server:\n ::\n\t\n\tng serve\n4. For more serve commands visit (https://angular.io/cli/serve)\n\n5. To build the app and deploy your Angular application to a remote server:\n ::\n \n ng build --prod \n\t\n\t\n\n\nWith Docker\n###########\n\nConfiguring Production Environment\n==================================\n\n* Install Docker and docker-compose for server OS\n* ``git clone git@github.com:frg-fossee/eSim-Cloud.git && cd eSim-Cloud``\n* ``cp .env .env.prod`` **(PLEASE CHANGE DEFAULT CREDENTIALS IN THE .env.prod FILE)**\n* ``docker-compose -f docker-compose.prod.yml --env-file .env.prod up --scale django=2 --scale celery=3 -d``\n\nConfiguring Development Environment\n===================================\n\nSetting up docker containers\n----------------------------\n\n* Install docker-ce and docker-compose for your OS\n* To Build/ReBuild necessary containers using\n\n ``docker-compose -f docker-compose.dev.yml build``\n\nFor Frontend Containers and backend containers\n----------------------------------------------\n\n**( Please note these containers are only for dev environment, in production compiled files will be served by nginx)**\n\n* To run arduino-frontend along with all backend containers\n \n ``docker-compose -f docker-compose.dev.yml up arduino-frontend``\n \n\nSupported Browsers\n******************\nOur Web Application is supported by the following browsers:\n\n* Google Chrome\n* Mozilla Firefox\n* Opera\n* Microsoft Edge\n* Safari\n\n\n\n.. toctree::\n :maxdepth: 2\n :titlesonly: \n :glob:\n\n components.rst " }, { "path": "docs/arduinoCloud/features.rst", "content": "========\nFeatures\n========\n\nThe Arduino circuit designer is divided into 2 panes. The left pane consists of the components, while the right pane consists of a workspace on which the components will be dropped and the circuit will be designed. More details are given below.\n\nComponent categories\n####################\nThe components are categorized as follows:\n\n+----------------+---------------------------------------------------------------------------------------------------------------------------------+\n| Categories | Components |\n+================+=================================================================================================================================+\n| General | Resistor, Breadboard |\n+----------------+---------------------------------------------------------------------------------------------------------------------------------+\n| Controllers | Arduino UNO |\n+----------------+---------------------------------------------------------------------------------------------------------------------------------+\n| Output | Buzzer, LED, Motor, LCD, Servo Motor, 7 segment display, RGB LED | \n+----------------+---------------------------------------------------------------------------------------------------------------------------------+\n| Input | Push button, Ultrasonic Distance Sensor, PIR Sensor, Slide switch, Photo sensor, Temperature Sensor, Potentiometer, Gas Sensor |\n+----------------+---------------------------------------------------------------------------------------------------------------------------------+\n| Sources | 9v Battery, Coin cell 3v |\n+----------------+---------------------------------------------------------------------------------------------------------------------------------+\n| Drivers | Motor driver L298N |\n+----------------+---------------------------------------------------------------------------------------------------------------------------------+\n| Miscellaneous | Label, Relay module |\n+----------------+---------------------------------------------------------------------------------------------------------------------------------+\n\nWorkspace\n#########\nA workspace is a place where the user can drop the components and design the arduino circuit by connecting the components using wires. \n\nComponent Info / Properties\n###########################\nThe properties for each component can be set by clicking on the component and changing/setting the desired value in the box on the right. For example, one can change the color of LED, set resistence value, etc. To know more information about the component, one can click the ``View Info`` button.\n\nERC Check\n#########\nBasic ERC check is done for simulating a circuit. For example, if the wires are connected or not.\n\nView/Download Component List\n############################\nThe list of components and its quantity which are present on the workspace can be viewed or downloaded in CSV format. This come handy for maintaining a check list or a buying list, when one switches from the web based arduino designer to a physical one.\n\nExport \n######\nThe circuit can be exported as ``jpeg``, ``png``, and ``svg``. This is useful for documenting and printing.\n\nCode editor\n###########\nA code editor is a place where the users will write the code (logic) for simulation. This is nothing but ``ino`` file, which can be downloaded for use in Arduino IDE. There is also a facility to include the supported header files like EEPROM, LiquidCrystal, Servo, SoftwareSerial, Wire, and SPI.\n\nSimulator\n#########\nThe Simulation toggle button starts/stops the simulation. The console window displays the logs and output if any for the simulation.\n\nSaving and Re-opening\n#####################\nThe circuits are saved only of an authenticated user and are displayed on the user dashboard. The same can be reopened as well for further editing.\n\nDashboard\n#########\nA place where the authenticated user can view the different circuits designed by him/her.\n\nGallery\n#######\nA set of example projects (circuit design and code) which can be referred by the users. This is an addon material helpful for the novice users who need to get a feel of the system and the circuit design.\n" }, { "path": "docs/arduinoCloud/flow.rst", "content": "========================\nArduino Development Flow\n========================\n\nDrawing Components and Rendering in Browser\n###########################################\n\n* Each component is drawn in Inkscape which is exported as ``.png`` and ``.svg``. These files are stored in ``/ArduinoFrontend/src/assets/images/components/``. This is a one time process. \n* The ``png`` files (components) are rendered in the components pane (left pane) in the browser.\n* When the components are dropped onto the workspace on the right, the components are rendered using \n\n * ``SVG`` if that component does not have any animation, i.e. they remain static during entire the simulation process \n * ``Raphael``: if that component produces some animation during the simulation. A basic example would be: glowing of LED. \n\n* The details of these components like ``name``, ``pins``, ``drawing path``, ``voltage``, ``current``, ``frequency``, ``color of LED``, etc., are stored in respective json files ``/ArduinoFrontend/src/assets/jsons/``\n\nCapturing Arduino Project Schematic\n###################################\n\n* The components from the left pane are dropped onto the workspace. The components and their connections are stored in JSON format. \n\nSimulation\n##########\n\n* At first, a basic check is done whether the required components are connected or not.\n* The code written is then compiled by ``Arduino CLI`` which generates a ``hex code``. \n* This hex code is then passed to ``AVR8js`` which simulates the components in the browser. \n\n\n" }, { "path": "docs/arduinoCloud/index.rst", "content": "=================\nIntroduction to Arduino on Cloud\n=================\n\n\n.. toctree::\n :maxdepth: 2\n :titlesonly:\n :glob:\n\n flow.rst\n features.rst\n screenshots.rst" }, { "path": "docs/arduinoCloud/screenshots.rst", "content": "=================\nScreenshots\n=================" }, { "path": "docs/conf.py", "content": "# -*- coding: utf-8 -*-\n#\n# Configuration file for the Sphinx documentation builder.\n#\n# This file does only contain a selection of the most common options. For a\n# full list see the documentation:\n# http://www.sphinx-doc.org/en/master/config\n\n# -- Path setup --------------------------------------------------------------\n\n# If extensions (or modules to document with autodoc) are in another directory,\n# add these directories to sys.path here. If the directory is relative to the\n# documentation root, use os.path.abspath to make it absolute, like shown here.\n#\n# import os\n# import sys\n# sys.path.insert(0, os.path.abspath('.'))\n\nimport sphinx_rtd_theme\n\n# -- Project information -----------------------------------------------------\n\nproject = 'eSim and Arduino on Cloud'\nauthor = 'FRG-FOSSEE-Team'\n\n# The short X.Y version\nversion = ''\n# The full version, including alpha/beta/rc tags\nrelease = '1'\n\n\n# -- General configuration ---------------------------------------------------\n\n# If your documentation needs a minimal Sphinx version, state it here.\n#\n# needs_sphinx = '1.0'\n\n# Add any Sphinx extension module names here, as strings. They can be\n# extensions coming with Sphinx (named 'sphinx.ext.*') or your custom\n# ones.\nextensions = [\n 'sphinx.ext.autodoc',\n 'sphinx.ext.doctest',\n 'sphinx.ext.coverage',\n 'sphinx_rtd_theme',\n 'sphinxcontrib.openapi',\n 'm2r2',\n]\n\n# Add any paths that contain templates here, relative to this directory.\ntemplates_path = ['_templates']\n\n# The suffix(es) of source filenames.\n# You can specify multiple suffix as a list of string:\n#\nsource_suffix = ['.rst', '.md']\n# source_suffix = '.rst'\n\n# The master toctree document.\nmaster_doc = 'index'\n\n# The language for content autogenerated by Sphinx. Refer to documentation\n# for a list of supported languages.\n#\n# This is also used if you do content translation via gettext catalogs.\n# Usually you set \"language\" from the command line for these cases.\nlanguage = None\n\n# List of patterns, relative to source directory, that match files and\n# directories to ignore when looking for source files.\n# This pattern also affects html_static_path and html_extra_path .\nexclude_patterns = ['_build', 'Thumbs.db', '.DS_Store']\n\n# The name of the Pygments (syntax highlighting) style to use.\npygments_style = 'sphinx'\n\n\n# -- Options for HTML output -------------------------------------------------\n\n# The theme to use for HTML and HTML Help pages. See the documentation for\n# a list of builtin themes.\n#\nhtml_theme = 'sphinx_rtd_theme'\n\n# Theme options are theme-specific and customize the look and feel of a theme\n# further. For a list of options available for each theme, see the\n# documentation.\n#\n# html_theme_options = {}\n\n# Add any paths that contain custom static files (such as style sheets) here,\n# relative to this directory. They are copied after the builtin static files,\n# so a file named \"default.css\" will overwrite the builtin \"default.css\".\nhtml_static_path = ['_static']\n\n# Custom sidebar templates, must be a dictionary that maps document names\n# to template names.\n#\n# The default sidebars (for documents that don't match any pattern) are\n# defined by theme itself. Builtin themes are using these templates by\n# default: ``['localtoc.html', 'relations.html', 'sourcelink.html',\n# 'searchbox.html']``.\n#\n# html_sidebars = {}\n\n\n# -- Options for HTMLHelp output ---------------------------------------------\n\n# Output file base name for HTML help builder.\nhtmlhelp_basename = 'eSimAndArduinoOnClouddoc'\n\n\n# -- Options for LaTeX output ------------------------------------------------\n\nlatex_elements = {\n # The paper size ('letterpaper' or 'a4paper').\n #\n # 'papersize': 'letterpaper',\n\n # The font size ('10pt', '11pt' or '12pt').\n #\n # 'pointsize': '10pt',\n\n # Additional stuff for the LaTeX preamble.\n #\n # 'preamble': '',\n\n # Latex figure (float) alignment\n #\n # 'figure_align': 'htbp',\n}\n\n# Grouping the document tree into LaTeX files. List of tuples\n# (source start file, target name, title,\n# author, documentclass [howto, manual, or own class]).\nlatex_documents = [\n (master_doc, 'eSimAndArduinoOnClouddoc.tex', 'eSim and Arudino on Cloud Documentation',\n 'FRG-FOSSEE-Team', 'manual'),\n]\n\n\n# -- Options for manual page output ------------------------------------------\n\n# One entry per manual page. List of tuples\n# (source start file, name, description, authors, manual section).\nman_pages = [\n (master_doc, 'esimandarduinooncloud', 'eSim and Arduino on Cloud Documentation',\n [author], 1)\n]\n\n\n# -- Options for Texinfo output ----------------------------------------------\n\n# Grouping the document tree into Texinfo files. List of tuples\n# (source start file, target name, title, author,\n# dir menu entry, description, category)\ntexinfo_documents = [\n (master_doc, 'eSimAndArduinoOnClouddoc', 'eSim and Arduino on Cloud Documentation',\n author, 'eSimAndArduinoOnClouddoc', 'One line description of project.',\n 'Miscellaneous'),\n]\n\n\n# -- Extension configuration -------------------------------------------------\n" }, { "path": "docs/contribute/Contributing.rst", "content": ".. mdinclude:: ../../CONTRIBUTING.md\n" }, { "path": "docs/contribute/ContributingGuidelines.rst", "content": ".. mdinclude:: ../../guidelines-checklist/contributing-guidelines.md\n" }, { "path": "docs/contribute/NewIssue.rst", "content": ".. mdinclude:: ../../guidelines-checklist/new-issue-guidelines.md\n" }, { "path": "docs/contribute/PullRequest.rst", "content": ".. mdinclude:: ../../guidelines-checklist/pullrequest-guidelines.md\n" }, { "path": "docs/contribute/index.rst", "content": "=================\nContributing\n=================\n\n.. toctree::\n :maxdepth: 2\n :titlesonly:\n :glob:\n\n Contributing.rst\n ContributingGuidelines.rst\n NewIssue.rst\n PullRequest.rst" }, { "path": "docs/contributors/index.rst", "content": "=================\nCredits\n=================\n\neSim on the Cloud\n#################\n\n* `Darsh Patel `_\n* `Darshan Sudake `_\n* `Faisal Ahmed `_\n* `Rohit Geddam `_\n\n\nArduino on the Cloud\n#################\n\n* `Navonil Das `_\n* `Meet Shah `_\n" }, { "path": "docs/developerDocs/apidocs.rst", "content": "====\nAPIs\n====\n\nList of APIs used in this system\n\n.. openapi:: ../specs/swagger_openapi.yml\n" }, { "path": "docs/developerDocs/dbswitch.rst", "content": "=========================\nDB Switching Instructions\n=========================\n\n* To switch between databases, follow the instructions below\n* Please note all data in the database will be lost\n* Turn off existing containers ``docker-compose -f docker-compose.dev.yml down``\n* Switch to the needed config inside .env then copy it to prod config ``cp .env .env.prod``, make needed changes ( if required) in the prod config\n* Uncomment the appropriate DB Block inside docker-compse.(dev/prod).yml, please note only one db block should be present\n* Build Containers and run db migrations again ``./first_run.dev.sh``" }, { "path": "docs/developerDocs/index.rst", "content": "=================\nDeveloper docs\n=================\n\n.. toctree::\n :maxdepth: 2\n :titlesonly:\n :glob:\n\n apidocs.rst\n dbswitch.rst" }, { "path": "docs/docker/env_variables.rst", "content": "=====================\nEnvironment Variables\n=====================\n\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| Variable | Description | Default |\n+===========================+===================================================================+========================+\n| PYTHONUNBUFFERED | allows for log messages to be immediately dumped witout buffering | True |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| SQL_ENGINE | SQL Engine used by Django |django.db.backends.mysql|\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| SQL_HOST | Hostname for database server | db |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| SQL_PORT | Port for database server | 3306 |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| DJANGO_DEBUG | Debug mode setting for Django | True |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| MYSQL_ROOT_PASSWORD | Root password for MYSQL | password |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| MYSQL_DATABASE | Default database name for MYSQL | esimcloud_db |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| MYSQL_USER | Username for MYSQL Server | user |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| MYSQL_PASSWORD | password for MYSQL Server | password |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| MONGO_INITDB_ROOT_USERNAME| Username for MongoDB Initial Database | user |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| MONGO_INITDB_ROOT_PASSWORD| Password for MongoDB Initial Database | password |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| MONGO_INITDB_DATABASE | MongoDB Initial Database name | esimcloud_db |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| TAG_MYSQL | MYSQL Docker Image Tag to pull ( Version ) | 8.0 |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| TAG_REDIS | Redis Docker Image Tag to pull ( Version ) | alpine3.11 |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| TAG_MONGO | Mongodb Docker Image Tag to pull ( Version ) | 4.2.6 |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| GUNICORN_WORKERS | Number of Gunicorn workers to spawn per container | 5 |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| CELERY_WORKERS | Number of Celery workers to spawn per container | 5 |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| EDA_PUBLIC_URL | public url used to build react frontend files | http://localhost/eda |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n| ARDUINO_BASE_HREF | public path used to build angular frontend files | /arduino/ |\n+---------------------------+-------------------------------------------------------------------+------------------------+\n\n.. note:: Please change the default passwords in the **.env.prod** file to secure your instance against attackers.\n" }, { "path": "docs/docker/index.rst", "content": "=================\nArchitecture and Installation\n=================\n\nThe production environment consist of the following docker containers:\n\n+-----------------+------------------------------------------------------------------------------------+\n| Container Name | Description |\n+=================+====================================================================================+\n| nginx |Used as a reverse proxy to route requests to appropriate endpoints and loadbalancing|\n+-----------------+------------------------------------------------------------------------------------+\n| celery |Used as a reverse proxy to route requests to appropriate endpoints and loadbalancing|\n+-----------------+------------------------------------------------------------------------------------+\n| redis |Used as a cache and a task queue for Celery |\n+-----------------+------------------------------------------------------------------------------------+\n| mongodb |Container running MongoDB Database |\n+-----------------+------------------------------------------------------------------------------------+\n| db |Container running MYSQL Database |\n+-----------------+------------------------------------------------------------------------------------+\n| django |Container running the main Django Backend serving all APIs |\n+-----------------+------------------------------------------------------------------------------------+\n| arduino-frontend|Container running node 10 helping build Angular app for Arduino Simulation Webapp |\n+-----------------+------------------------------------------------------------------------------------+\n| eda-frontend |Container running node 10 helping build React app for EDA CircuitSimulation Webapp |\n+-----------------+------------------------------------------------------------------------------------+\n\n.. note:: These containers depend on **.env.prod** file, configuration details can be reffered from :doc:`env_variables`.\n\n.. image:: ../images/docker.png\n :width: 600\n\n.. toctree::\n :maxdepth: 2\n :titlesonly:\n :glob:\n\n installation.rst\n env_variables.rst\n\n" }, { "path": "docs/docker/installation.rst", "content": "======================\nInstallation and Usage\n======================\n\nIt is essential that `docker `_ and `docker-compose `_ are installed on a system before following the steps.\n\n\nProduction Environment\n#######################\n\n* git clone git@github.com:frg-fossee/eSim-Cloud.git && cd eSim-Cloud\n\n* cp .env .env.prod\n\n* docker-compose -f docker-compose.prod.yml --env-file .env.prod up --scale django=1 --scale celery=3 -d\n\n\n.. note:: Please change the default passwords in the **.env.prod** file to secure your instance against attackers.\n\n\nDevelopment Environment\n#######################\n\n* git clone git@github.com:frg-fossee/eSim-Cloud.git && cd eSim-Cloud\n* git checkout develop\n* Configure docker with github packages for pulling pre built images\n* echo $GITHUB_TOKEN | docker login docker.pkg.github.com --username [github_username] --password-stdin\n* /bin/bash first_run.dev.sh\n\n\nFor running only the backend containers\n***************************************\n\n\n* docker-compose -f docker-compose.dev.yml up django\n\nFor running only the eda-frontend container with backend\n********************************************************\n\n* docker-compose -f docker-compose.dev.yml up eda-frontend\n\nFor running only the arduino-frontend container with backend\n************************************************************\n\n* docker-compose -f docker-compose.dev.yml up arduino-frontend\n\n\nUseful Commands\n###############\n\n* docker exec -it \n* eg. docker exec -it b7e7acf2283e /bin/sh\n* sh migrations.sh inside a docker container to apply db migrations manually\n* To seed libraries - python manage.py seed_libs --location kicad-symbols/ inside container\n* To remove seeded libraries - python manage.py seed_libs --clear inside container\n" }, { "path": "docs/eSim_on_Cloud/eSimGallery.rst", "content": "=====================\neSim Gallery Examples\n=====================\n\neSim gallery has 6 example circuits. You can open, re-design, save, and simulate them. These are listed below.\n\nVoltage Divider\n###############\n\n.. image:: images/Voltage_Divider.png\n\n* Simulation Type: DC Solver\n* Simulation Parameters: None\n* Simulation\n\n .. image:: images/Voltage_Divider_Simulation.png\n\n\nRC Circuit\n##########\n\n.. image:: images/RC_Circuit.png\n\n* Simulation Type: Transient Analysis\n* Simulation Parameters\n * Start Time: 0\n * Stop Time: 100m\n * Step Time: 10m\n* Simulation\n\n .. image:: images/RC_Circuit_Simulation.png\n\n\nDual RC Ladder\n##############\n\n.. image:: images/Dual_RC_Ladder.png\n\n* Simulation Type: Transient Analysis\n* Simulation Parameters\n * Start Time: 0\n * Stop Time: 50m\n * Step Time: 50u\n* Simulation\n\n .. image:: images/Dual_RC_Ladder_Simulation.png\n\n\nBipolar Amplifier\n#################\n\n.. image:: images/Bipolar_Amplifier.png\n\n* Simulation Type: Transient Analysis\n* Simulation Parameters\n * Start Time: 0\n * Stop Time: 10m\n * Step Time: 10u\n* Simulation\n\n .. image:: images/Bipolar_Amplifier_Simulation1.png\n\n* Simulation Type: AC Analysis\n* Simulation Parameters\n * Type: Decade\n * Points: 10\n * Start frequency: 10\n * Stop frequency: 10Meg\n* Simulation\n\n .. image:: images/Bipolar_Amplifier_Simulation2.png\n\n\nShunt Clipper\n#############\n\n.. image:: images/Shunt_Clipper.png\n\n* Simulation Type: DC Sweep\n* Simulation Parameters\n * Component: V1\n * Start Voltage: 0\n * Stop Voltage: 1\n * Step Voltage: 1m\n* Add Expression: -v1#branch\n* Simulation\n\n .. image:: images/Shunt_Clipper_Simulation.png\n\n\nRC Circuit Parallel\n###############\n\n.. image:: images/RC_Circuit_Parallel.png\n\n* Simulation Type: Transient Analysis\n* Simulation Parameters\n * Start Time: 0\n * Stop Time: 30m\n * Step Time: 10u\n* Simulation\n\n .. image:: images/RC_Circuit_Parallel_Simulation.png\n\n" }, { "path": "docs/eSim_on_Cloud/features.rst", "content": "=================\nFeatures\n=================\n\nThe schematic editor is divided into 3 panes. The left pane consists of the ``Component List`` and a facility to search components. The middle pane consists of the grid on which the components will be dropped and the circuit will be designed. The right pane consists of the grid properties, description of the circuit, and components position. More details are given below.\n\nComponent categories\n####################\nThe kicad components are categorized as follows, where each component has ``Name``, ``Description``, ``Keywords``, and ``Datasheet``. \n\n* Analog\t\n* Device\n* Triac_Thyristor\n* Transistor_IGBT\n* Diode\n* Transistor_FET\n* pspice\n* Oscillator\n* eSim_Sources\n* eSim_Hybrid\n* Motor\n* LED\n* Transistor_BJT\n* power\n* 4xxx\n\nSearching Component\n###################\nRather than going through categories and locating the component symbol, one can also search a component by typing in the textbox given, using the filters like ``Name``, ``Keyword``, ``Description``, ``Component Library``, and ``Prefix``.\n\nGrid size and Orientation\n#########################\nThe size of the grid can be changed from A1 to A5 and offers Portrait and Landscape mode\n\nComponents Position\n###################\nUsing the this box, one can access and view the circuit which do not fit onto the specified grid size. Its like accessing another page. This situation arises when one has a large circuit and changes the grid from a larger size to a smaller one. \n\nSchematic Description\n#####################\nA text area in which one can write the description about the circuit.\n\nBasic Editor Operations\n#######################\nThe following basic editor functions are supported:\n\n* Undo \n* Redo \n* Delete\n* Zoom in \n* Zoom out \n* Default size \n* Rotate\n* Print\n* Clear All: Clear the schematic drawn\n\nGallery\n#######\nSample circuits are available in the gallery for anyone to refer and use. These circuits can be opened, saved, and simulated.\n\nSaving and Re-Opening\n#####################\nThe circuits are saved only of an authenticated user and are viewed on the user dashboard. The same can be reopened as well for further editing.\n\nDashboard\n#########\nA place where the authenticated user can view the different circuits designed by him/her. Then user can open the saved circuit into the editor by clicking on ``Launch in Editor``.\n\nExport \n######\n\n* Image: The circuit can be exported as ``jpeg``, ``png``, and ``svg``. This is useful for documenting and printing.\n* JSON: The circuit can be exported as ``JSON`` so as to open it again using the Upload feature. \n\nOpen Schematic\n##############\nThe schematic can be opened using the following methods:\n\n* Uploading file: One needs to upload the file in ``JSON`` format i.e. which was exported using this tool.\n* Local: The circuits saved by the authenticated user.\n* Gallery: The sample circuits available in the gallery for anyone to refer.\n\n\nERC Check\n#########\nBasic ERC check is done for simulating a circuit. For example, if the wires are connected or not.\n\nGenerate Netlist\n################\nBased on the circuit a netlist is generated. The internal process of generating a netlist was described in the previous section.\n\nSimulate\n########\nThere are four simulation modes as follows\n\n* DC Solver: A DC simulation attempts to find a stable DC solution of your circuit.\n\n* DC Sweep: A DC Sweep will plot the DC solution of your circuit across different values of a parameter of a circuit element. You can sweep any numerical parameter of any circuit element in your circuit.\n\n* Transient Analysis: A Transient analysis does a Time-Domain Simulation of your circuit over a certain period of time.\n\n* AC Analysis: AC Analysis does a small signal analysis of your circuit. The input can be any voltage source or current source.\n\nSharing\n#######\nUsing the ``Share`` button one can share the circuit with others using the link generated by the system. The link can be opened and viewed by anyone. However, to make changes one would need to login and the changes saved will be associated with the new user.\n\nSpice simulator\n###############\nUsing the spice simulator one can type the netlist in the code editor box and simulate it. Simulation result window will popup displaying the result.\n\nNote: Add ``> data.txt`` at the end of the control line.\n\n .. code::\n\n .control\n run\n print all > data.txt\n .endc\n .end\n" }, { "path": "docs/eSim_on_Cloud/flow.rst", "content": "=====================\neSim Development Flow\n=====================\n\n.. image:: ../images/flow_lib_to_svg.png\n\n.. image:: ../images/flow_schematic_to_simulation.png\n\n\nReading Component Symbol Library files and Rendering in the Browser\n###################################################################\nThe Kicad symbol libraries '.lib' and '.dcm' (https://github.com/KiCad/kicad-symbols) are parsed to generate SVG files that are compatible with the mxgraph (javascript graph library). These components are generated only once and are cached. These generated SVG files are read and rendered in the component list (left pane) using mxgraph. \n\n\nGenerating XML files\n####################\nThe components from the left pane are dropped onto the schematic grid. By default, the size of the grid is A4, which can be changed from A5 to A1. The components connected by wires are converted to XML format using mxgraph, whenever the circuit is saved by the user. This XML is used to save and re-open the saved circuits. This XML is also used to auto annotate the circuit, and in performing ERC checks as well.\n\n\nGenerating Netlist \n##################\nUsing the mxgraph object, a netlist is generated (compatible with ngspice simulator) when the user clicks on the 'Simulation' or 'generate netlist' button. The simulation parameters are supplied by the user based on the simulation type chosen by the user. The following are the different parts of netlist generation:\n\n* Title: title of the schematic diagram\n\n .. code::\n\n RC Circuit\n\n\n* Model: All spice models given by users will be listed here. These are extra parameters which are not delivered with ngspice. They are device manufacturer specific and may be obtained from their web sites or from other sites\n\n .. code::\n\n .model BC546B npn ( IS=7.59E-15 VAF=73.4 .........)\n\n* Netlist: Text description of circuit. It has all components listed with connecting nodes, parameters and spice model (if specified by the user). This is generated with the help of mxgraph object. An example is shown below\n\n .. code::\n\n r1 in out 1k\n c1 out gnd 10u\n v1 in gnd pwl(0m 0 0.5m 5 50m 5 50.5m 0 100m 0)\n Q1 intc intb 0 BC546B\n\n* Control Line: It has all simulation parameters. It is generated depending on the type of simulation and the parameters specified by user\n\n .. code::\n\n .tran 10e-03 100e-03 0e-03 // Transient analysis\n .ac dec 10 10 1Meg // AC Analysis\n\n* Control Block: All Interactive commands to actually produce output for given schematic.\n\n .. code::\n\n .control\n run\n print all > data.txt\n .endc\n .end\n\n\nSimulation\n##########\n\n* When the 'Simulate' button is clicked, the ERC checks are performed. If all goes well then the netlist is generated. If not, the error(s) are shown to the user. \n* This netlist is sent to the backend services. Using the distributed queueing mechanism of Celery, asynchronous requests (netlist files) are kept in queue and passed onto Ngspice. \n* Ngspice then outputs a text file with all the coordinates required to plot the graph. \n* This textfile is then parsed using an inhouse parser to convert the data of the text file into an organised data structures (``JSON``). The simulation graph is then plotted and rendered based on the data returned by this ``JSON`` using ``chartjs``.\n\n\nJSON format returned by parser\n##############################\n\nAs mentioned above, the output produced by ngspice is converted to ``JSON``. The format is given below:\n\n .. code::\n\n {\n total_number_of_tables: ,\n isGraph: ,\n data:[\n {\n labels : [ ], x : [ ], y : [ [ ] , [ ] ] ,\n } \n ]\n }\n\n* total-number-of-tables: The number of tables present.\n* isGraph: ``True``, if the data is a graph, ``False`` if the data is just a table.\n* data: An array which contains one or more objects depending on the input provided to the parser.\n* labels: An array which contains all the labels that have to be present on the graph. Eg. [\"time\", \"vin\", \"vout\"].\n* x: An array containing all the ``x`` co-ordinates for a set of graph. E.g. Time on x-axis. This is a linear array as the ``x`` coordinates will be the same for different set of ``y`` coordinates.\n* y: A 2D array containing ``y`` co-ordinates for different graphs.\n" }, { "path": "docs/eSim_on_Cloud/index.rst", "content": "=================\nIntroduction to eSim on Cloud\n=================\n\n.. toctree::\n :maxdepth: 2\n :titlesonly:\n :glob:\n\n flow.rst\n features.rst\n eSimGallery.rst\n screenshots.rst" }, { "path": "docs/eSim_on_Cloud/screenshots.rst", "content": "=================\nScreenshots\n=================" }, { "path": "docs/index.rst", "content": "Welcome to eSim and Arduino on Cloud's documentation!\r\n=====================================================\r\n\r\nThe project aims to provide a facility for a user to design different types of electronic circuits and arduino projects and simulate them by providing simulation parameters on the web. The detailed features will be updated soon.\r\n\r\n.. toctree::\r\n :numbered:\r\n :maxdepth: 2\r\n :caption: Contents:\r\n\r\n overview/index\r\n docker/index\r\n eSim_on_Cloud/index\r\n arduinoCloud/index\r\n developerDocs/index\r\n contribute/index\r\n contributors/index\r\n schematic/index\r\n arduino/index\r\n\r\nIndices and tables\r\n==================\r\n\r\n* :ref:`genindex`\r\n* :ref:`search`\r\n" }, { "path": "docs/overview/index.rst", "content": "======================\nOverview\n======================\n\neSim on Cloud\n#############\n\nThis system allows the users to draw analog and digital circuits and simulate them. The users have a facility to drag and drop components from the left pane onto the schematic grid on the right pane. The components on the grid are connected using wires. The circuit can then be simulated using the different simulation parameters (DC Solver, DC Sweep, Transient analysis, and AC analysis). The basic ERC check enables the users to find out errors if any. The size of the schematic grid can be changed from A1 to A5 paper sizes along with portrait and landscape modes. The users can also print the circuit or save it in pdf format for documentation purposes.\n\n\nArduino on Cloud\n#############\n\nThis system allows the users to drag and drop Arduino components from the left pane onto the working space on the right. The pins of the Arduino board can be connected to various input/output devices like LED, motor, push button, etc using wires. There is also a facility to change the color of wires, LEDs, and such components, so as to differentiate the easily. The users can then proceed to write their code in the code window which is then simulated. There is an option for the users to print or save it in pdf format for documentation purposes. The basic ERC check enables the users to find out errors if any. \n\n.. note:: This docs is created using Read the docs and we will be glad to receive pull requests for updating the same. Please go through the Contribute section to know more." }, { "path": "docs/requirements.txt", "content": "sphinxcontrib-openapi\nm2r2\n\n" }, { "path": "docs/specs/swagger_openapi.yml", "content": "{\"swagger\": \"2.0\", \"info\": {\"title\": \"eSim Cloud API\", \"description\": \"Public API Endpoints for eSim Cloud\", \"license\": {\"name\": \"GPLv3 License\"}, \"version\": \"v1\"}, \"host\": \"localhost\", \"schemes\": [\"http\"], \"basePath\": \"/api\", \"consumes\": [\"application/json\"], \"produces\": [\"application/json\"], \"securityDefinitions\": {\"Bearer\": {\"type\": \"apiKey\", \"name\": \"Authorization\", \"in\": \"header\"}}, \"security\": [{\"Bearer\": []}], \"paths\": {\"/arduino/compile\": {\"post\": {\"operationId\": \"arduino_compile_create\", \"description\": \"Compile list of Arduino Sketch File\", \"parameters\": [], \"responses\": {\"201\": {\"description\": \"\"}}, \"tags\": [\"arduino\"]}, \"parameters\": []}, \"/arduino/compile/status\": {\"get\": {\"operationId\": \"arduino_compile_status_list\", \"description\": \"Returns Compilation Status\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\"}}, \"tags\": [\"arduino\"]}, \"parameters\": []}, \"/auth/google-callback\": {\"get\": {\"operationId\": \"auth_google-callback_list\", \"description\": \"Creates user if OAuth token valid\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\"}}, \"tags\": [\"auth\"]}, \"parameters\": []}, \"/auth/o/{provider}/\": {\"get\": {\"operationId\": \"auth_o_read\", \"description\": \"\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/ProviderAuth\"}}}, \"tags\": [\"auth\"]}, \"post\": {\"operationId\": \"auth_o_create\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/ProviderAuth\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/ProviderAuth\"}}}, \"tags\": [\"auth\"]}, \"parameters\": [{\"name\": \"provider\", \"in\": \"path\", \"required\": true, \"type\": \"string\"}]}, \"/auth/token/login/\": {\"post\": {\"operationId\": \"auth_token_login_create\", \"description\": \"Use this endpoint to obtain user authentication token.\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/TokenCreate\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/TokenCreate\"}}}, \"tags\": [\"auth\"]}, \"parameters\": []}, \"/auth/token/logout/\": {\"post\": {\"operationId\": \"auth_token_logout_create\", \"description\": \"Use this endpoint to logout user (remove user authentication token).\", \"parameters\": [], \"responses\": {\"201\": {\"description\": \"\"}}, \"tags\": [\"auth\"]}, \"parameters\": []}, \"/auth/users/\": {\"get\": {\"operationId\": \"auth_users_list\", \"description\": \"\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"type\": \"array\", \"items\": {\"$ref\": \"#/definitions/User\"}}}}, \"tags\": [\"auth\"]}, \"post\": {\"operationId\": \"auth_users_create\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/UserCreate\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/UserCreate\"}}}, \"tags\": [\"auth\"]}, \"parameters\": []}, \"/auth/users/activation/\": {\"post\": {\"operationId\": \"auth_users_activation\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/Activation\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/Activation\"}}}, \"tags\": [\"auth\"]}, \"parameters\": []}, \"/auth/users/me/\": {\"get\": {\"operationId\": \"auth_users_me_read\", \"description\": \"\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"type\": \"array\", \"items\": {\"$ref\": \"#/definitions/User\"}}}}, \"tags\": [\"auth\"]}, \"put\": {\"operationId\": \"auth_users_me_update\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/User\"}}], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/User\"}}}, \"tags\": [\"auth\"]}, \"patch\": {\"operationId\": \"auth_users_me_partial_update\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/User\"}}], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/User\"}}}, \"tags\": [\"auth\"]}, \"delete\": {\"operationId\": \"auth_users_me_delete\", \"description\": \"\", \"parameters\": [], \"responses\": {\"204\": {\"description\": \"\"}}, \"tags\": [\"auth\"]}, \"parameters\": []}, \"/auth/users/resend_activation/\": {\"post\": {\"operationId\": \"auth_users_resend_activation\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/SendEmailReset\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/SendEmailReset\"}}}, \"tags\": [\"auth\"]}, \"parameters\": []}, \"/auth/users/reset_password/\": {\"post\": {\"operationId\": \"auth_users_reset_password\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/SendEmailReset\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/SendEmailReset\"}}}, \"tags\": [\"auth\"]}, \"parameters\": []}, \"/auth/users/reset_password_confirm/\": {\"post\": {\"operationId\": \"auth_users_reset_password_confirm\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/PasswordResetConfirm\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/PasswordResetConfirm\"}}}, \"tags\": [\"auth\"]}, \"parameters\": []}, \"/auth/users/reset_username/\": {\"post\": {\"operationId\": \"auth_users_reset_username\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/SendEmailReset\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/SendEmailReset\"}}}, \"tags\": [\"auth\"]}, \"parameters\": []}, \"/auth/users/reset_username_confirm/\": {\"post\": {\"operationId\": \"auth_users_reset_username_confirm\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/UsernameResetConfirm\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/UsernameResetConfirm\"}}}, \"tags\": [\"auth\"]}, \"parameters\": []}, \"/auth/users/set_password/\": {\"post\": {\"operationId\": \"auth_users_set_password\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/SetPassword\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/SetPassword\"}}}, \"tags\": [\"auth\"]}, \"parameters\": []}, \"/auth/users/set_username/\": {\"post\": {\"operationId\": \"auth_users_set_username\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/SetUsername\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/SetUsername\"}}}, \"tags\": [\"auth\"]}, \"parameters\": []}, \"/auth/users/{id}/\": {\"get\": {\"operationId\": \"auth_users_read\", \"description\": \"\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/User\"}}}, \"tags\": [\"auth\"]}, \"put\": {\"operationId\": \"auth_users_update\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/User\"}}], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/User\"}}}, \"tags\": [\"auth\"]}, \"patch\": {\"operationId\": \"auth_users_partial_update\", \"description\": \"\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/User\"}}], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/User\"}}}, \"tags\": [\"auth\"]}, \"delete\": {\"operationId\": \"auth_users_delete\", \"description\": \"\", \"parameters\": [], \"responses\": {\"204\": {\"description\": \"\"}}, \"tags\": [\"auth\"]}, \"parameters\": [{\"name\": \"id\", \"in\": \"path\", \"description\": \"A unique integer value identifying this user.\", \"required\": true, \"type\": \"integer\"}]}, \"/circuits/\": {\"get\": {\"operationId\": \"circuits_list\", \"description\": \"Listing Published Circuits\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"type\": \"array\", \"items\": {\"$ref\": \"#/definitions/Circuit\"}}}}, \"tags\": [\"circuits\"]}, \"parameters\": []}, \"/circuits/{circuit_id}/\": {\"get\": {\"operationId\": \"circuits_read\", \"description\": \"Listing Published Circuits\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/Circuit\"}}}, \"tags\": [\"circuits\"]}, \"parameters\": [{\"name\": \"circuit_id\", \"in\": \"path\", \"description\": \"A UUID string identifying this circuit.\", \"required\": true, \"type\": \"string\", \"format\": \"uuid\"}]}, \"/components/\": {\"get\": {\"operationId\": \"components_list\", \"description\": \"Listing All Library Details\", \"parameters\": [{\"name\": \"name__icontains\", \"in\": \"query\", \"description\": \"\", \"required\": false, \"type\": \"string\"}, {\"name\": \"keyword__icontains\", \"in\": \"query\", \"description\": \"\", \"required\": false, \"type\": \"string\"}, {\"name\": \"description__icontains\", \"in\": \"query\", \"description\": \"\", \"required\": false, \"type\": \"string\"}, {\"name\": \"component_library__library_name__icontains\", \"in\": \"query\", \"description\": \"\", \"required\": false, \"type\": \"string\"}, {\"name\": \"component_library\", \"in\": \"query\", \"description\": \"\", \"required\": false, \"type\": \"string\"}, {\"name\": \"symbol_prefix\", \"in\": \"query\", \"description\": \"\", \"required\": false, \"type\": \"string\"}], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"type\": \"array\", \"items\": {\"$ref\": \"#/definitions/LibraryComponent\"}}}}, \"tags\": [\"components\"]}, \"parameters\": []}, \"/components/{id}/\": {\"get\": {\"operationId\": \"components_read\", \"description\": \"Listing All Library Details\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/LibraryComponent\"}}}, \"tags\": [\"components\"]}, \"parameters\": [{\"name\": \"id\", \"in\": \"path\", \"description\": \"A unique integer value identifying this library component.\", \"required\": true, \"type\": \"integer\"}]}, \"/libraries/\": {\"get\": {\"operationId\": \"libraries_list\", \"description\": \"Listing All Library Details\", \"parameters\": [{\"name\": \"library_name\", \"in\": \"query\", \"description\": \"\", \"required\": false, \"type\": \"string\"}], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"type\": \"array\", \"items\": {\"$ref\": \"#/definitions/Library\"}}}}, \"tags\": [\"libraries\"]}, \"parameters\": []}, \"/libraries/{id}/\": {\"get\": {\"operationId\": \"libraries_read\", \"description\": \"Listing All Library Details\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/Library\"}}}, \"tags\": [\"libraries\"]}, \"parameters\": [{\"name\": \"id\", \"in\": \"path\", \"description\": \"A unique integer value identifying this library.\", \"required\": true, \"type\": \"integer\"}]}, \"/publish/circuit/\": {\"get\": {\"operationId\": \"publish_circuit_list\", \"description\": \"CRUD for viewing unpublished / published circuits ( Permission Groups )\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"type\": \"array\", \"items\": {\"$ref\": \"#/definitions/Circuit\"}}}}, \"tags\": [\"publish\"]}, \"post\": {\"operationId\": \"publish_circuit_create\", \"description\": \"CRUD for viewing unpublished / published circuits ( Permission Groups )\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/Circuit\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/Circuit\"}}}, \"tags\": [\"publish\"]}, \"parameters\": []}, \"/publish/circuit/{circuit_id}/\": {\"get\": {\"operationId\": \"publish_circuit_read\", \"description\": \"CRUD for viewing unpublished / published circuits ( Permission Groups )\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/Circuit\"}}}, \"tags\": [\"publish\"]}, \"put\": {\"operationId\": \"publish_circuit_update\", \"description\": \"CRUD for viewing unpublished / published circuits ( Permission Groups )\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/Circuit\"}}], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/Circuit\"}}}, \"tags\": [\"publish\"]}, \"patch\": {\"operationId\": \"publish_circuit_partial_update\", \"description\": \"CRUD for viewing unpublished / published circuits ( Permission Groups )\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/Circuit\"}}], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/Circuit\"}}}, \"tags\": [\"publish\"]}, \"delete\": {\"operationId\": \"publish_circuit_delete\", \"description\": \"CRUD for viewing unpublished / published circuits ( Permission Groups )\", \"parameters\": [], \"responses\": {\"204\": {\"description\": \"\"}}, \"tags\": [\"publish\"]}, \"parameters\": [{\"name\": \"circuit_id\", \"in\": \"path\", \"description\": \"A UUID string identifying this circuit.\", \"required\": true, \"type\": \"string\", \"format\": \"uuid\"}]}, \"/publish/publishing/\": {\"get\": {\"operationId\": \"publish_publishing_list\", \"description\": \"Publishing CRUD Operations\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"type\": \"array\", \"items\": {\"$ref\": \"#/definitions/Publish\"}}}}, \"tags\": [\"publish\"]}, \"post\": {\"operationId\": \"publish_publishing_create\", \"description\": \"Publishing CRUD Operations\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/Publish\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/Publish\"}}}, \"tags\": [\"publish\"]}, \"parameters\": []}, \"/publish/publishing/{id}/\": {\"get\": {\"operationId\": \"publish_publishing_read\", \"description\": \"Publishing CRUD Operations\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/Publish\"}}}, \"tags\": [\"publish\"]}, \"put\": {\"operationId\": \"publish_publishing_update\", \"description\": \"Publishing CRUD Operations\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/Publish\"}}], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/Publish\"}}}, \"tags\": [\"publish\"]}, \"patch\": {\"operationId\": \"publish_publishing_partial_update\", \"description\": \"Publishing CRUD Operations\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/Publish\"}}], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/Publish\"}}}, \"tags\": [\"publish\"]}, \"delete\": {\"operationId\": \"publish_publishing_delete\", \"description\": \"Publishing CRUD Operations\", \"parameters\": [], \"responses\": {\"204\": {\"description\": \"\"}}, \"tags\": [\"publish\"]}, \"parameters\": [{\"name\": \"id\", \"in\": \"path\", \"description\": \"A unique integer value identifying this publish.\", \"required\": true, \"type\": \"integer\"}]}, \"/save\": {\"post\": {\"operationId\": \"save_create\", \"description\": \"API to save the state of project to db which can be loaded or shared later\", \"parameters\": [{\"name\": \"save_id\", \"in\": \"formData\", \"required\": false, \"type\": \"string\", \"format\": \"uuid\"}, {\"name\": \"data_dump\", \"in\": \"formData\", \"required\": true, \"type\": \"string\", \"minLength\": 1}, {\"name\": \"name\", \"in\": \"formData\", \"required\": false, \"type\": \"string\", \"maxLength\": 200, \"minLength\": 1, \"x-nullable\": true}, {\"name\": \"description\", \"in\": \"formData\", \"required\": false, \"type\": \"string\", \"maxLength\": 400, \"minLength\": 1, \"x-nullable\": true}, {\"name\": \"owner\", \"in\": \"formData\", \"required\": false, \"type\": \"integer\", \"x-nullable\": true}, {\"name\": \"shared\", \"in\": \"formData\", \"required\": false, \"type\": \"boolean\"}, {\"name\": \"base64_image\", \"in\": \"formData\", \"required\": true, \"type\": \"file\"}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/StateSave\"}}}, \"consumes\": [\"application/x-www-form-urlencoded\"], \"tags\": [\"save\"]}, \"parameters\": []}, \"/save/list\": {\"get\": {\"operationId\": \"save_list_list\", \"description\": \"Returns Saved data for given username,\\nOnly user who saved the state can access it\\nTHIS WILL ESCAPE DOUBLE QUOTES\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/StateSave\"}}}, \"tags\": [\"save\"]}, \"parameters\": []}, \"/save/{save_id}\": {\"get\": {\"operationId\": \"save_read\", \"description\": \"Returns Saved data for given save id ,\\nOnly user who saved the state can access / update it\\nTHIS WILL ESCAPE DOUBLE QUOTES\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/StateSave\"}}}, \"tags\": [\"save\"]}, \"post\": {\"operationId\": \"save_create\", \"description\": \"Returns Saved data for given save id ,\\nOnly user who saved the state can access / update it\\nTHIS WILL ESCAPE DOUBLE QUOTES\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/StateSave\"}}}, \"tags\": [\"save\"]}, \"parameters\": [{\"name\": \"save_id\", \"in\": \"path\", \"required\": true, \"type\": \"string\"}]}, \"/save/{save_id}/sharing/{sharing}\": {\"post\": {\"operationId\": \"save_sharing_create\", \"description\": \"Enables sharing for the given saved state\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/StateSave\"}}}, \"tags\": [\"save\"]}, \"parameters\": [{\"name\": \"save_id\", \"in\": \"path\", \"required\": true, \"type\": \"string\"}, {\"name\": \"sharing\", \"in\": \"path\", \"required\": true, \"type\": \"string\"}]}, \"/simulation/status/{task_id}\": {\"get\": {\"operationId\": \"simulation_status_read\", \"description\": \"Returns Simulation results for 'task_id' provided after\\nuploading the netlist\\n/api/task/\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\"}}, \"tags\": [\"simulation\"]}, \"parameters\": [{\"name\": \"task_id\", \"in\": \"path\", \"required\": true, \"type\": \"string\"}]}, \"/simulation/upload\": {\"post\": {\"operationId\": \"simulation_upload_create\", \"summary\": \"API for NetlistUpload\", \"description\": \"Requires a multipart/form-data POST Request with netlist file in the\\n'file' parameter\", \"parameters\": [], \"responses\": {\"201\": {\"description\": \"\"}}, \"consumes\": [\"multipart/form-data\", \"application/x-www-form-urlencoded\"], \"tags\": [\"simulation\"]}, \"parameters\": []}, \"/tags/\": {\"get\": {\"operationId\": \"tags_list\", \"description\": \"CRUD for Tags\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"type\": \"array\", \"items\": {\"$ref\": \"#/definitions/CircuitTag\"}}}}, \"tags\": [\"tags\"]}, \"post\": {\"operationId\": \"tags_create\", \"description\": \"CRUD for Tags\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/CircuitTag\"}}], \"responses\": {\"201\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/CircuitTag\"}}}, \"tags\": [\"tags\"]}, \"parameters\": []}, \"/tags/{id}/\": {\"get\": {\"operationId\": \"tags_read\", \"description\": \"CRUD for Tags\", \"parameters\": [], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/CircuitTag\"}}}, \"tags\": [\"tags\"]}, \"put\": {\"operationId\": \"tags_update\", \"description\": \"CRUD for Tags\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/CircuitTag\"}}], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/CircuitTag\"}}}, \"tags\": [\"tags\"]}, \"patch\": {\"operationId\": \"tags_partial_update\", \"description\": \"CRUD for Tags\", \"parameters\": [{\"name\": \"data\", \"in\": \"body\", \"required\": true, \"schema\": {\"$ref\": \"#/definitions/CircuitTag\"}}], \"responses\": {\"200\": {\"description\": \"\", \"schema\": {\"$ref\": \"#/definitions/CircuitTag\"}}}, \"tags\": [\"tags\"]}, \"delete\": {\"operationId\": \"tags_delete\", \"description\": \"CRUD for Tags\", \"parameters\": [], \"responses\": {\"204\": {\"description\": \"\"}}, \"tags\": [\"tags\"]}, \"parameters\": [{\"name\": \"id\", \"in\": \"path\", \"description\": \"A unique integer value identifying this circuit tag.\", \"required\": true, \"type\": \"integer\"}]}}, \"definitions\": {\"ProviderAuth\": {\"type\": \"object\", \"properties\": {\"access\": {\"title\": \"Access\", \"type\": \"string\", \"readOnly\": true, \"minLength\": 1}, \"refresh\": {\"title\": \"Refresh\", \"type\": \"string\", \"readOnly\": true, \"minLength\": 1}, \"user\": {\"title\": \"User\", \"type\": \"string\", \"readOnly\": true, \"minLength\": 1}}}, \"TokenCreate\": {\"type\": \"object\", \"properties\": {\"password\": {\"title\": \"Password\", \"type\": \"string\", \"minLength\": 1}, \"username\": {\"title\": \"Username\", \"type\": \"string\", \"minLength\": 1}}}, \"User\": {\"type\": \"object\", \"properties\": {\"email\": {\"title\": \"Email address\", \"type\": \"string\", \"format\": \"email\", \"maxLength\": 254}, \"id\": {\"title\": \"ID\", \"type\": \"integer\", \"readOnly\": true}, \"username\": {\"title\": \"Username\", \"description\": \"Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.\", \"type\": \"string\", \"readOnly\": true, \"minLength\": 1}}}, \"UserCreate\": {\"required\": [\"username\", \"password\"], \"type\": \"object\", \"properties\": {\"email\": {\"title\": \"Email address\", \"type\": \"string\", \"format\": \"email\", \"maxLength\": 254}, \"username\": {\"title\": \"Username\", \"description\": \"Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.\", \"type\": \"string\", \"pattern\": \"^[\\\\w.@+-]+$\", \"maxLength\": 150, \"minLength\": 1}, \"id\": {\"title\": \"ID\", \"type\": \"integer\", \"readOnly\": true}, \"password\": {\"title\": \"Password\", \"type\": \"string\", \"minLength\": 1}}}, \"Activation\": {\"required\": [\"uid\", \"token\"], \"type\": \"object\", \"properties\": {\"uid\": {\"title\": \"Uid\", \"type\": \"string\", \"minLength\": 1}, \"token\": {\"title\": \"Token\", \"type\": \"string\", \"minLength\": 1}}}, \"SendEmailReset\": {\"required\": [\"email\"], \"type\": \"object\", \"properties\": {\"email\": {\"title\": \"Email\", \"type\": \"string\", \"format\": \"email\", \"minLength\": 1}}}, \"PasswordResetConfirm\": {\"required\": [\"uid\", \"token\", \"new_password\"], \"type\": \"object\", \"properties\": {\"uid\": {\"title\": \"Uid\", \"type\": \"string\", \"minLength\": 1}, \"token\": {\"title\": \"Token\", \"type\": \"string\", \"minLength\": 1}, \"new_password\": {\"title\": \"New password\", \"type\": \"string\", \"minLength\": 1}}}, \"UsernameResetConfirm\": {\"required\": [\"new_username\"], \"type\": \"object\", \"properties\": {\"new_username\": {\"title\": \"Username\", \"description\": \"Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.\", \"type\": \"string\", \"pattern\": \"^[\\\\w.@+-]+$\", \"maxLength\": 150, \"minLength\": 1}}}, \"SetPassword\": {\"required\": [\"new_password\", \"current_password\"], \"type\": \"object\", \"properties\": {\"new_password\": {\"title\": \"New password\", \"type\": \"string\", \"minLength\": 1}, \"current_password\": {\"title\": \"Current password\", \"type\": \"string\", \"minLength\": 1}}}, \"SetUsername\": {\"required\": [\"new_username\"], \"type\": \"object\", \"properties\": {\"new_username\": {\"title\": \"Username\", \"description\": \"Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.\", \"type\": \"string\", \"pattern\": \"^[\\\\w.@+-]+$\", \"maxLength\": 150, \"minLength\": 1}}}, \"Circuit\": {\"required\": [\"title\", \"data_dump\", \"description\"], \"type\": \"object\", \"properties\": {\"circuit_id\": {\"title\": \"Circuit id\", \"type\": \"string\", \"format\": \"uuid\", \"readOnly\": true}, \"title\": {\"title\": \"Title\", \"type\": \"string\", \"maxLength\": 200, \"minLength\": 1}, \"sub_title\": {\"title\": \"Sub title\", \"type\": \"string\", \"maxLength\": 200}, \"data_dump\": {\"title\": \"Data dump\", \"type\": \"string\", \"minLength\": 1}, \"author\": {\"title\": \"Author\", \"type\": \"integer\", \"x-nullable\": true}, \"description\": {\"title\": \"Description\", \"type\": \"string\", \"minLength\": 1}, \"last_updated\": {\"title\": \"Last updated\", \"type\": \"string\", \"format\": \"date-time\", \"readOnly\": true}, \"publish_request_time\": {\"title\": \"Publish request time\", \"type\": \"string\", \"format\": \"date-time\", \"readOnly\": true}, \"base64_image\": {\"title\": \"Base64 image\", \"type\": \"string\", \"readOnly\": true, \"format\": \"uri\"}}}, \"ComponentAlternate\": {\"required\": [\"dmg\", \"part\", \"full_name\", \"svg_path\"], \"type\": \"object\", \"properties\": {\"dmg\": {\"title\": \"Dmg\", \"type\": \"integer\", \"maximum\": 32767, \"minimum\": 0}, \"part\": {\"title\": \"Part\", \"type\": \"string\", \"maxLength\": 1, \"minLength\": 1}, \"full_name\": {\"title\": \"Full name\", \"type\": \"string\", \"maxLength\": 200, \"minLength\": 1}, \"svg_path\": {\"title\": \"Svg path\", \"type\": \"string\", \"maxLength\": 400, \"minLength\": 1}, \"id\": {\"title\": \"ID\", \"type\": \"integer\", \"readOnly\": true}}}, \"LibraryComponent\": {\"required\": [\"name\", \"svg_path\", \"thumbnail_path\", \"symbol_prefix\", \"component_library\", \"description\", \"data_link\", \"full_name\", \"keyword\"], \"type\": \"object\", \"properties\": {\"id\": {\"title\": \"ID\", \"type\": \"integer\", \"readOnly\": true}, \"name\": {\"title\": \"Name\", \"type\": \"string\", \"maxLength\": 200, \"minLength\": 1}, \"svg_path\": {\"title\": \"Svg path\", \"type\": \"string\", \"maxLength\": 400, \"minLength\": 1}, \"thumbnail_path\": {\"title\": \"Thumbnail path\", \"type\": \"string\", \"maxLength\": 400, \"minLength\": 1}, \"symbol_prefix\": {\"title\": \"Symbol prefix\", \"type\": \"string\", \"maxLength\": 10, \"minLength\": 1}, \"component_library\": {\"title\": \"Component library\", \"type\": \"string\", \"format\": \"uri\"}, \"description\": {\"title\": \"Description\", \"type\": \"string\", \"maxLength\": 400, \"minLength\": 1}, \"data_link\": {\"title\": \"Data link\", \"type\": \"string\", \"format\": \"uri\", \"maxLength\": 200, \"minLength\": 1}, \"full_name\": {\"title\": \"Full name\", \"type\": \"string\", \"maxLength\": 200, \"minLength\": 1}, \"keyword\": {\"title\": \"Keyword\", \"type\": \"string\", \"maxLength\": 200, \"minLength\": 1}, \"alternate_component\": {\"type\": \"array\", \"items\": {\"$ref\": \"#/definitions/ComponentAlternate\"}, \"readOnly\": true}}}, \"Library\": {\"required\": [\"library_name\"], \"type\": \"object\", \"properties\": {\"library_name\": {\"title\": \"Library name\", \"type\": \"string\", \"maxLength\": 200, \"minLength\": 1}, \"saved_on\": {\"title\": \"Saved on\", \"type\": \"string\", \"format\": \"date-time\", \"readOnly\": true}, \"id\": {\"title\": \"ID\", \"type\": \"integer\", \"readOnly\": true}}}, \"CircuitTag\": {\"required\": [\"tag\", \"description\"], \"type\": \"object\", \"properties\": {\"tag\": {\"title\": \"Tag\", \"type\": \"string\", \"maxLength\": 100, \"minLength\": 1}, \"description\": {\"title\": \"Description\", \"type\": \"string\", \"maxLength\": 200, \"minLength\": 1}, \"id\": {\"title\": \"ID\", \"type\": \"integer\", \"readOnly\": true}}}, \"Publish\": {\"type\": \"object\", \"properties\": {\"published\": {\"title\": \"Published\", \"type\": \"boolean\"}, \"reviewed_by\": {\"title\": \"Reviewed by\", \"type\": \"string\", \"format\": \"uri\", \"x-nullable\": true}, \"circuit\": {\"$ref\": \"#/definitions/Circuit\"}, \"tags\": {\"type\": \"array\", \"items\": {\"$ref\": \"#/definitions/CircuitTag\"}, \"readOnly\": true}}}, \"StateSave\": {\"required\": [\"data_dump\"], \"type\": \"object\", \"properties\": {\"save_time\": {\"title\": \"Save time\", \"type\": \"string\", \"format\": \"date-time\", \"readOnly\": true}, \"save_id\": {\"title\": \"Save id\", \"type\": \"string\", \"format\": \"uuid\"}, \"data_dump\": {\"title\": \"Data dump\", \"type\": \"string\", \"minLength\": 1}, \"name\": {\"title\": \"Name\", \"type\": \"string\", \"maxLength\": 200, \"minLength\": 1, \"x-nullable\": true}, \"description\": {\"title\": \"Description\", \"type\": \"string\", \"maxLength\": 400, \"minLength\": 1, \"x-nullable\": true}, \"owner\": {\"title\": \"Owner\", \"type\": \"integer\", \"x-nullable\": true}, \"shared\": {\"title\": \"Shared\", \"type\": \"boolean\"}, \"base64_image\": {\"title\": \"Base64 image\", \"type\": \"string\", \"readOnly\": true, \"format\": \"uri\"}, \"create_time\": {\"title\": \"Create time\", \"type\": \"string\", \"format\": \"date-time\", \"readOnly\": true}}}}}\n" }, { "path": "eda-frontend/.dockerignore", "content": "node_modules/\n" }, { "path": "eda-frontend/.eslintignore", "content": "\n/build/**\n/coverage/**\n/docs/**\n/jsdoc/**\n/templates/**\n/tests/bench/**\n/tests/fixtures/**\n/tests/performance/**\n/tmp/**\n/tools/internal-rules/node_modules/**\ntest.js\n!.eslintrc.js\nnode_modules/**\n/node_modules/**\n" }, { "path": "eda-frontend/.eslintrc.json", "content": "{\n \"parser\": \"babel-eslint\",\n \"env\": {\n \"browser\": true,\n \"es6\": true,\n \"commonjs\": true\n },\n \"extends\": [\n \"plugin:react/recommended\",\n \"standard\"\n ],\n \"globals\": {\n \"Atomics\": \"readonly\",\n \"SharedArrayBuffer\": \"readonly\"\n },\n \"parserOptions\": {\n \"ecmaFeatures\": {\n \"jsx\": true\n },\n \"ecmaVersion\": 2018,\n \"sourceType\": \"module\"\n },\n \"plugins\": [\n \"react\"\n ],\n \"rules\": {\n \"react/prop-types\": \"warn\"\n },\n\n \"settings\": {\n \"react\": {\n \"version\": \"latest\"\n }\n }\n}\n" }, { "path": "eda-frontend/.gitignore", "content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.js\n\n# testing\n/coverage\n\n# production\n/build\n.svg\n# misc\n.DS_Store\n.env.local\n.env.development.local\n.env.test.local\n.env.production.local\n.env.prod\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n#bundle-parcel\n/dist\n/.cache\n" }, { "path": "eda-frontend/Dockerfile", "content": "FROM node:10-alpine3.11\n\nRUN mkdir /code\nWORKDIR /code\n\nCOPY package.json /code/package.json\nCOPY package-lock.json /code/package-lock.json\n" }, { "path": "eda-frontend/README.md", "content": "# EDA Frontend\n\n### React application for EDA frontend\n\n
\n\n## Prerequisites\n\n#### Install Node JS\nRefer to https://nodejs.org/en/ to install nodejs\n\n
\n\n## Cloning and Running the Application in local\n\nClone the project into local\n\n#### Install all the npm packages. \nGo into the project folder and type the following command to install all npm packages and dependencies\n\n```bash\nnpm install\n```\n\nIn order to run the application Type the following command\n\n```bash\nnpm start\n```\nRuns the application in the development mode.
\nOpen **[localhost:3000](http://localhost:3000)** to view it in the browser.\n\nThe page will reload if you make edits.
\nYou will also see any lint errors in the console.\n" }, { "path": "eda-frontend/package.json", "content": "{\n \"name\": \"eda-frontend\",\n \"version\": \"0.1.0\",\n \"private\": true,\n \"dependencies\": {\n \"@material-ui/core\": \"^4.11.4\",\n \"@material-ui/icons\": \"^4.11.2\",\n \"@material-ui/lab\": \"^4.0.0-alpha.58\",\n \"@testing-library/jest-dom\": \"^4.2.4\",\n \"@testing-library/react\": \"^9.5.0\",\n \"@testing-library/user-event\": \"^7.2.1\",\n \"axios\": \"^0.21.1\",\n \"brace\": \"^0.11.1\",\n \"canvg\": \"^3.0.7\",\n \"chart.js\": \"^2.9.4\",\n \"chartjs-plugin-colorschemes\": \"^0.4.0\",\n \"file-saver\": \"^2.0.5\",\n \"material-ui-popup-state\": \"^1.8.4\",\n \"multiselect-react-dropdown\": \"^1.7.0\",\n \"mxgraph\": \"^4.2.2\",\n \"query-string\": \"^6.14.1\",\n \"randomstring\": \"^1.2.1\",\n \"react\": \"^16.14.0\",\n \"react-ace\": \"^9.4.1\",\n \"react-brace\": \"^3.6.6\",\n \"react-chartjs-2\": \"^2.11.2\",\n \"react-dom\": \"^16.14.0\",\n \"react-draggable\": \"^4.4.3\",\n \"react-loader-spinner\": \"^3.1.14\",\n \"react-redux\": \"^7.2.4\",\n \"react-router-dom\": \"^5.1.2\",\n \"react-scripts\": \"3.4.1\",\n \"redux\": \"^4.1.0\",\n \"redux-logger\": \"^3.0.6\",\n \"redux-thunk\": \"^2.3.0\",\n \"typescript\": \"^3.9.10\",\n \"spinners-react\": \"^1.0.4\"\n },\n \"scripts\": {\n \"start\": \"react-scripts start\",\n \"build\": \"export TOOL_NODE_FLAGS='--max_old_space_size=8192' && react-scripts build\",\n \"test\": \"react-scripts test\",\n \"eject\": \"react-scripts eject\",\n \"lint\": \"eslint src\"\n },\n \"eslintConfig\": {\n \"extends\": \"react-app\"\n },\n \"browserslist\": {\n \"production\": [\n \">0.3%\",\n \"not ie 11\",\n \"not dead\",\n \"not op_mini all\"\n ],\n \"development\": [\n \">0.3%\",\n \"not ie 11\",\n \"not dead\",\n \"not op_mini all\"\n ]\n },\n \"devDependencies\": {\n \"babel-eslint\": \"^10.1.0\",\n \"eslint\": \"^6.6.0\",\n \"eslint-config-standard\": \"^14.1.1\",\n \"eslint-plugin-import\": \"^2.23.4\",\n \"eslint-plugin-node\": \"^11.1.0\",\n \"eslint-plugin-promise\": \"^4.3.1\",\n \"eslint-plugin-react\": \"^7.24.0\",\n \"eslint-plugin-standard\": \"^4.1.0\",\n \"react-test-renderer\": \"^16.14.0\"\n }\n}\n" }, { "path": "eda-frontend/public/index.html", "content": "\n\n \n \n \n \n \n \n \n \n \n \n \n EDA\n \n \n \n
\n \n \n\n" }, { "path": "eda-frontend/public/manifest.json", "content": "{\n \"short_name\": \"React App\",\n \"name\": \"Create React App Sample\",\n \"icons\": [\n {\n \"src\": \"favicon.ico\",\n \"sizes\": \"64x64 32x32 24x24 16x16\",\n \"type\": \"image/x-icon\"\n }\n ],\n \"start_url\": \".\",\n \"display\": \"standalone\",\n \"theme_color\": \"#000000\",\n \"background_color\": \"#ffffff\"\n}\n" }, { "path": "eda-frontend/src/App.js", "content": "/* eslint-disable react/prop-types */\nimport React, { useEffect, useState } from 'react'\nimport { HashRouter, Switch, Route, Redirect } from 'react-router-dom'\nimport CircularProgress from '@material-ui/core/CircularProgress'\n\nimport Navbar from './components/Shared/Navbar'\nimport Home from './pages/Home'\nimport Login from './pages/Login'\nimport NotFound from './pages/NotFound'\nimport SchematicEditor from './pages/SchematiEditor'\n\nimport Simulator from './pages/Simulator'\nimport Gallery from './pages/Gallery'\nimport PublicProjects from './pages/Projects'\nimport Dashboard from './pages/Dashboard'\nimport SignUp from './pages/signUp'\nimport ResetPassword from './pages/ResetPassword/Initiation'\nimport ResetPasswordConfirm from './pages/ResetPassword/Confirmation'\nimport ChangePassword from './pages/Account/ChangePassword'\nimport Submissions from './pages/SubmissionPage'\nimport LTISetup from './pages/LTISetup'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { loadUser } from './redux/actions/index'\nimport ProjectPage from './pages/ProjectPage'\n\n// Controls Private routes, this are accessible for authenticated users. [ e.g : dashboard ]\n// and restricted routes disabled for authenticated users. [ e.g : login , signup ]\nfunction PrivateRoute ({ component: Component, ...rest }) {\n const auth = useSelector(state => state.authReducer)\n const [count, setcount] = useState(0)\n const dispatch = useDispatch()\n useEffect(() => {\n dispatch(loadUser())\n }, [dispatch])\n\n if (count === 0) {\n setcount(1)\n dispatch(loadUser())\n }\n\n return {\n if (auth.isLoading) {\n return \n } else if (!auth.isAuthenticated) {\n return \n } else {\n return \n }\n }} />\n}\n\n// Public routes accessible to all users. [ e.g. editor, gallery ]\nfunction PublicRoute ({ component: Component, restricted, nav, ...rest }) {\n const auth = useSelector(state => state.authReducer)\n const dispatch = useDispatch()\n\n useEffect(() => dispatch(loadUser()), [dispatch])\n\n return {\n if (auth.isLoading) {\n return \n } else if (auth.isAuthenticated && restricted) {\n return \n } else if (nav) {\n return (<>)\n } else {\n return \n }\n }} />\n}\n\nfunction App () {\n return (\n // Handles Routing for an application\n \n \n \n \n \n \n \n {localStorage.getItem('esim_token') !== null\n ? \n : \n }\n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default App\n" }, { "path": "eda-frontend/src/App.test.js", "content": "// Basic unit test for React application.\n/* eslint-disable no-undef */\nimport React from 'react'\nimport { create } from 'react-test-renderer'\n\nfunction Button (props) {\n return \n}\n\ndescribe('Button component', () => {\n test('Matches the snapshot', () => {\n const button = create(\n`;\n" }, { "path": "eda-frontend/src/components/Dashboard/DashboardHome.js", "content": "import React from 'react'\nimport PropTypes from 'prop-types'\nimport {\n Card,\n Grid,\n Button,\n Typography,\n CardActions,\n CardContent\n} from '@material-ui/core'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { Link as RouterLink } from 'react-router-dom'\nimport { useSelector } from 'react-redux'\n\nimport ProgressPanel from './ProgressPanel'\n\nconst useStyles = makeStyles((theme) => ({\n mainHead: {\n width: '100%',\n backgroundColor: '#404040',\n color: '#fff'\n },\n title: {\n fontSize: 14,\n color: '#80ff80'\n }\n}))\n\n// Card displaying user dashboard home page header.\nfunction MainCard () {\n const classes = useStyles()\n const auth = useSelector(state => state.authReducer)\n\n return (\n \n \n \n Welcome to your EDA Dashboard\n \n \n Welcome {auth.user.username}...\n \n \n \n \n My Schematics\n \n \n \n )\n}\n\nexport default function DashboardHome ({ ltiDetails = null }) {\n const classes = useStyles()\n const auth = useSelector(state => state.authReducer)\n\n return (\n <>\n \n {/* User Dashboard Home Header */}\n \n \n \n\n \n \n \n Hey {auth.user.username} , Track your schematics status here...\n \n \n \n\n {/* List recent schematics saved by user */}\n \n \n \n \n \n \n \n )\n}\n\nDashboardHome.propTypes = {\n ltiDetails: PropTypes.string\n}\n" }, { "path": "eda-frontend/src/components/Dashboard/DashboardOtherProjects.js", "content": "import React, { useEffect } from 'react'\nimport {\n Card,\n Grid,\n Typography,\n CardContent,\n Input,\n IconButton,\n Popover,\n FormControl,\n Tabs,\n Tab,\n AppBar,\n Select,\n MenuItem,\n InputLabel\n} from '@material-ui/core'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { useDispatch, useSelector } from 'react-redux'\nimport ProjectCard from './ProjectCard'\nimport FilterListIcon from '@material-ui/icons/FilterList'\nimport PropTypes from 'prop-types'\nimport { fetchOtherProjects } from '../../redux/actions/index'\n\nconst useStyles = makeStyles({\n mainHead: {\n width: '100%',\n backgroundColor: '#404040',\n color: '#fff'\n },\n title: {\n fontSize: 14,\n color: '#80ff80'\n }\n})\n\nfunction TabPanel (props) {\n const { children, value, index } = props\n\n return (\n <>\n {value === index && (\n <>{children}\n )}\n \n )\n}\n\nTabPanel.propTypes = {\n children: PropTypes.node,\n index: PropTypes.any.isRequired,\n value: PropTypes.any.isRequired\n}\nfunction DashboardOtherProjects () {\n const projects = useSelector(state => state.dashboardReducer.otherProjects)\n const classes = useStyles()\n const auth = useSelector(state => state.authReducer)\n const dispatch = useDispatch()\n const [value, setValue] = React.useState(0)\n const [sort, setSort] = React.useState('')\n const [order, setOrder] = React.useState('ascending')\n const [filteredProjects, setFilteredProjects] = React.useState(projects)\n const [anchorEl, setAnchorEl] = React.useState(null)\n const open = Boolean(anchorEl)\n useEffect(() => {\n setFilteredProjects(projects)\n }, [projects])\n useEffect(() => {\n dispatch(fetchOtherProjects())\n }, [dispatch])\n const handleFilterOpen = (e) => {\n if (anchorEl) {\n setAnchorEl(null)\n } else {\n setAnchorEl(e.currentTarget)\n }\n }\n const handleChange = (event, newValue) => {\n setValue(newValue)\n }\n const sortSaves = (sorting, order) => {\n if (order === 'ascending') {\n if (sorting === 'name') {\n setFilteredProjects(filteredProjects.sort((a, b) => a.title > b.title))\n } else if (sorting === 'author') {\n setFilteredProjects(filteredProjects.sort((a, b) => a.author > b.author))\n } else if (sorting === 'status') {\n setFilteredProjects(filteredProjects.sort((a, b) => a.status_name > b.status_name))\n }\n } else {\n if (sorting === 'name') {\n setFilteredProjects(filteredProjects.sort((a, b) => a.title < b.title))\n } else if (sorting === 'author') {\n setFilteredProjects(filteredProjects.sort((a, b) => a.author < b.author))\n } else if (sorting === 'status') {\n setFilteredProjects(filteredProjects.sort((a, b) => a.status_name < b.status_name))\n }\n }\n }\n const handleSort = (e) => {\n sortSaves(e.target.value, order)\n setSort(e.target.value)\n }\n const handleOrder = (e) => {\n setOrder(e.target.value)\n if (sort !== '') {\n sortSaves(sort, e.target.value)\n }\n }\n const onSearch = (e) => {\n setFilteredProjects(projects.filter((o) =>\n // eslint-disable-next-line\n Object.keys(o).some((k) => {\n if ((k === 'title' || k === 'description' || k === 'author' || k === 'status_name') && String(o[k]).toLowerCase().includes(e.target.value.toLowerCase())) {\n return String(o[k]).toLowerCase().includes(e.target.value.toLowerCase())\n }\n }\n )\n ))\n }\n return (\n <>\n \n \n \n \n \n All the projects which are pending for a review are Listed Below\n \n \n Review Projects\n \n \n \n \n \n {filteredProjects && }\n {filteredProjects && onSearch(e)} placeholder='Search' />}\n \n \n Select Sort\n \n \n \n Select Order\n \n \n \n \n \n \n \n \n \n \n \n {filteredProjects.filter(x => { return !x.is_reported }).length !== 0\n ? <>\n {filteredProjects.filter(x => { return !x.is_reported }).map(\n (project) => {\n return (\n \n \n \n )\n }\n )}\n \n : \n \n \n Hey {auth.user.username} , You don't have any projects to review...\n \n \n \n }\n \n \n {filteredProjects.filter(x => { return x.is_reported }).length !== 0\n ? <>\n {filteredProjects.filter(x => { return x.is_reported }).map(\n (project) => {\n return (\n \n \n \n )\n }\n )}\n \n : \n \n \n Hey {auth.user.username} , You dont have any reported projects to review...\n \n \n \n }\n \n \n \n )\n}\n\nexport default DashboardOtherProjects\n" }, { "path": "eda-frontend/src/components/Dashboard/DashboardSidebar.js", "content": "import React, { useEffect } from 'react'\nimport {\n Hidden,\n Divider,\n Avatar,\n List,\n Typography,\n ListItem,\n ListItemText,\n ListItemAvatar\n} from '@material-ui/core'\nimport { Link as RouterLink } from 'react-router-dom'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { deepPurple } from '@material-ui/core/colors'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { fetchSchematics, fetchOtherProjects, fetchRole } from '../../redux/actions/index'\nconst useStyles = makeStyles((theme) => ({\n toolbar: {\n minHeight: '45px'\n },\n purple: {\n color: theme.palette.getContrastText(deepPurple[500]),\n backgroundColor: deepPurple[500]\n },\n sideItem: {\n padding: theme.spacing(1.5, 2)\n },\n nested: {\n paddingLeft: theme.spacing(2),\n overflow: 'auto',\n width: '100%',\n maxHeight: 200\n },\n nestedSearch: {\n padding: theme.spacing(0),\n border: '1px solid #cccccc',\n margin: theme.spacing(1, 2),\n borderRadius: '5px'\n },\n input: {\n marginLeft: theme.spacing(1),\n flex: 1\n }\n}))\n\n// Vertical Navbar for user dashboard\nexport default function DashSidebar (props) {\n const classes = useStyles()\n const auth = useSelector(state => state.authReducer)\n const dispatch = useDispatch()\n // For Fetching Saved Schematics\n useEffect(() => {\n dispatch(fetchSchematics())\n dispatch(fetchOtherProjects())\n dispatch(fetchRole())\n }, [dispatch])\n\n return (\n <>\n \n
\n \n \n \n \n \n {auth.user.username.charAt(0).toUpperCase()}\n \n \n \n \n {auth.roles !== null && auth.roles.group.map((value, key) => (

{value}

))}\n \n \n }\n />\n \n\n \n \n \n \n \n \n \n {auth.roles && auth.roles.e_sim_reviewer &&\n \n \n }\n\n \n \n )\n}\n" }, { "path": "eda-frontend/src/components/Dashboard/ProgressPanel.js", "content": "/* eslint-disable react/no-unescaped-entities */\nimport React, { useEffect } from 'react'\nimport { Tab, Box, Tabs, AppBar, Typography, Grid } from '@material-ui/core'\nimport { makeStyles } from '@material-ui/core/styles'\nimport PropTypes from 'prop-types'\n\nimport SchematicCard from './SchematicCard'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { fetchSchematics } from '../../redux/actions/index'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n width: '100%',\n backgroundColor: theme.palette.background.paper\n }\n}))\n\nfunction TabPanel (props) {\n const { children, value, index, ...other } = props\n\n return (\n
\n )\n}\n\nTabPanel.propTypes = {\n children: PropTypes.node,\n index: PropTypes.any.isRequired,\n value: PropTypes.any.isRequired\n}\n\nfunction a11yProps (index) {\n return {\n id: `scrollable-auto-tab-${index}`,\n 'aria-controls': `scrollable-auto-tabpanel-${index}`\n }\n}\n\nexport default function ProgressPanel ({ ltiDetails = null }) {\n const classes = useStyles()\n const [value, setValue] = React.useState(0)\n\n const handleChange = (event, newValue) => {\n setValue(newValue)\n }\n\n const schematics = useSelector(state => state.dashboardReducer.schematics)\n\n const dispatch = useDispatch()\n\n // For Fetching Saved Schematics\n useEffect(() => {\n dispatch(fetchSchematics())\n }, [dispatch])\n\n return (\n
\n \n \n \n {/* \n */}\n \n \n\n {/* Display overview of recently 4 saved schematics */}\n \n {schematics.length !== 0\n ? \n {schematics.slice(0, 4).map(\n (sch) => {\n var actual = null\n var flag = null\n ltiDetails.map(\n // eslint-disable-next-line\n (lti) => {\n if (lti.model_schematic === sch.save_id || lti.initial_schematic === sch.save_id) {\n flag = 1\n actual = lti.consumer_key\n // eslint-disable-next-line\n return\n }\n }\n )\n if (flag) {\n return (\n \n \n \n )\n } else {\n return (\n \n \n \n )\n }\n // return (\n // \n // \n // \n // )\n }\n )}\n \n : \n You have not created any schematic , Create your first one now...\n \n }\n \n\n {/* Listing Schematics Under Review */}\n {/* \n \n Start publishing circuit , You don't have any schematics under review...\n \n */}\n\n {/* Listing Reviewed Schematics */}\n {/* \n \n Start publishing circuit , You don't have any schematics to be tagged by\n domain expert...\n \n */}\n
\n )\n}\n\nProgressPanel.propTypes = {\n ltiDetails: PropTypes.string\n}\n" }, { "path": "eda-frontend/src/components/Dashboard/ProjectCard.js", "content": "/* eslint-disable camelcase */\nimport {\n ButtonBase,\n Card,\n CardActionArea,\n CardContent,\n CardHeader,\n CardMedia,\n Typography\n} from '@material-ui/core'\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { Link as RouterLink } from 'react-router-dom'\nconst useStyles = makeStyles((theme) => ({\n media: {\n height: 0,\n paddingTop: '56.25%' // 16:9\n },\n rating: {\n marginTop: theme.spacing(1),\n marginLeft: 'auto'\n },\n no: {\n color: 'red',\n marginLeft: '10px'\n }\n}))\n\nexport default function ProjectCard ({ pub, is_review }) {\n const classes = useStyles()\n return (\n <>\n \n \n \n \n \n \n \n {pub.description}\n \n
\n \n Status: {pub.status_name}\n \n {/* \n Updated at {timeSince(pub.save_time)} ago...\n */}\n \n \n \n \n \n )\n}\nProjectCard.propTypes = {\n pub: PropTypes.object,\n is_review: PropTypes.bool\n}\n" }, { "path": "eda-frontend/src/components/Dashboard/SchematicCard.js", "content": "import React, { useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport {\n Button,\n Typography,\n Card,\n CardActionArea,\n CardActions,\n CardContent,\n CardMedia,\n CardHeader,\n Tooltip,\n ButtonBase,\n Chip,\n IconButton\n} from '@material-ui/core'\nimport ScreenShareRoundedIcon from '@material-ui/icons/ScreenShareRounded'\nimport ShareIcon from '@material-ui/icons/Share'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { Link as RouterLink } from 'react-router-dom'\nimport { deleteSchematic, fetchSchematics } from '../../redux/actions/index'\nimport DeleteIcon from '@material-ui/icons/Delete'\nimport { useDispatch } from 'react-redux'\nimport ReportProblemIcon from '@material-ui/icons/ReportProblem'\nimport SimpleSnackbar from '../Shared/Snackbar'\n\nconst useStyles = makeStyles((theme) => ({\n media: {\n height: 0,\n paddingTop: '56.25%' // 16:9\n },\n rating: {\n marginTop: theme.spacing(1),\n marginLeft: 'auto'\n },\n no: {\n color: 'red',\n marginLeft: '10px'\n },\n paper: {\n position: 'absolute',\n width: 400,\n backgroundColor: theme.palette.background.paper,\n border: '2px solid #000',\n boxShadow: theme.shadows[5],\n padding: theme.spacing(2, 4, 3)\n },\n config: {\n backgroundColor: theme.palette.background.paper,\n padding: theme.spacing(1)\n },\n delete: {\n backgroundColor: 'red',\n color: 'white'\n },\n formControl: {\n margin: theme.spacing(1),\n maxWidth: 150\n }\n}))\n\n// Display schematic updated status (e.g : updated 2 hours ago...)\nfunction timeSince (jsonDate) {\n const json = jsonDate\n\n const date = new Date(json)\n\n const seconds = Math.floor((new Date() - date) / 1000)\n\n let interval = Math.floor(seconds / 31536000)\n\n if (interval > 1) {\n return interval + ' years'\n }\n interval = Math.floor(seconds / 2592000)\n if (interval > 1) {\n return interval + ' months'\n }\n interval = Math.floor(seconds / 86400)\n if (interval > 1) {\n return interval + ' days'\n }\n interval = Math.floor(seconds / 3600)\n if (interval > 1) {\n return interval + ' hours'\n }\n interval = Math.floor(seconds / 60)\n if (interval > 1) {\n return interval + ' minutes'\n }\n return Math.floor(seconds) + ' seconds'\n}\n\n// Display schematic created date (e.g : Created On 29 Jun 2020)\nfunction getDate (jsonDate) {\n const json = jsonDate\n const date = new Date(json)\n const dateTimeFormat = new Intl.DateTimeFormat('en', { year: 'numeric', month: 'short', day: '2-digit' })\n const [{ value: month }, , { value: day }, , { value: year }] = dateTimeFormat.formatToParts(date)\n return `${day}-${month}-${year}`\n}\n\n// Card displaying overview of onCloud saved schematic.\nexport default function SchematicCard ({ sch }) {\n const classes = useStyles()\n const dispatch = useDispatch()\n\n useEffect(() => {\n dispatch(fetchSchematics())\n }, [dispatch])\n\n // To handle delete schematic snackbar\n const [snacOpen, setSnacOpen] = React.useState(false)\n\n const handleSnacClick = () => {\n setSnacOpen(true)\n }\n const handleSnacClose = (event, reason) => {\n if (reason === 'clickaway') {\n return\n }\n setSnacOpen(false)\n }\n const clickViewProject = () => {\n const win = window.open()\n win.location.href = '/eda/#/project?save_id=' + sch.save_id + '&version=' + sch.project_version + '&branch=' + sch.project_branch + '&project_id=' + sch.project_id\n win.focus()\n }\n\n const clickViewLTI = () => {\n window.location.href = `/eda/#/lti?id=${sch.save_id}&version=${sch.version}&branch=${sch.branch}`\n }\n\n return (\n <>\n {/* User saved Schematic Overview Card */}\n\n \n \n \n }\n />\n \n \n \n {sch.description}\n \n {/* Display updated status */}\n \n\n \n \n \n \n \n \n {sch.project_id && }\n {sch.lti_id && }\n {/* Display create LTI app option */}\n {!sch.lti_id && \n \n \n \n }\n {/* Display delete option */}\n {!sch.project_id &&\n }\n \n\n {/* Display share status */}\n \n \n \n \n \n\n \n )\n}\n\nSchematicCard.propTypes = {\n sch: PropTypes.object,\n createCircuit: PropTypes.func,\n consKey: PropTypes.string\n}\n" }, { "path": "eda-frontend/src/components/Dashboard/SchematicsList.js", "content": "import React, { useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport {\n Card,\n Grid,\n Button,\n Typography,\n CardActions,\n CardContent,\n Input,\n IconButton,\n Popover,\n FormControl,\n Tabs,\n Tab,\n AppBar,\n Select,\n MenuItem,\n InputLabel\n} from '@material-ui/core'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { Link as RouterLink } from 'react-router-dom'\nimport SchematicCard from './SchematicCard'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { fetchSchematics } from '../../redux/actions/index'\nimport FilterListIcon from '@material-ui/icons/FilterList'\nconst useStyles = makeStyles((theme) => ({\n mainHead: {\n width: '100%',\n backgroundColor: '#404040',\n color: '#fff'\n },\n title: {\n fontSize: 14,\n color: '#80ff80'\n },\n typography: {\n padding: theme.spacing(2)\n },\n popover: {\n paddingRight: '10px'\n }\n}))\n\nfunction TabPanel (props) {\n const { children, value, index } = props\n\n return (\n \n {value === index && (\n <>{children}\n )}\n \n )\n}\n\nTabPanel.propTypes = {\n children: PropTypes.node,\n index: PropTypes.any.isRequired,\n value: PropTypes.any.isRequired\n}\n\n// Card displaying user my schematics page header.\nfunction MainCard () {\n const classes = useStyles()\n\n return (\n \n \n \n All schematics are Listed Below\n \n \n My Schematics\n \n \n \n \n Create New\n \n \n \n \n )\n}\n\nexport default function SchematicsList ({ ltiDetails = null }) {\n const classes = useStyles()\n const auth = useSelector(state => state.authReducer)\n const schematics = useSelector(state => state.dashboardReducer.schematics)\n const [saves, setSaves] = React.useState(schematics)\n const dispatch = useDispatch()\n const [anchorEl, setAnchorEl] = React.useState(null)\n const open = Boolean(anchorEl)\n const [value, setValue] = React.useState(0)\n const [sort, setSort] = React.useState('')\n const [order, setOrder] = React.useState('ascending')\n // For Fetching Saved Schematics\n useEffect(() => {\n dispatch(fetchSchematics())\n }, [dispatch])\n useEffect(() => {\n setSaves(schematics)\n }, [schematics])\n const onSearch = (e) => {\n setSaves(schematics.filter((o) =>\n // eslint-disable-next-line\n Object.keys(o).some((k) => {\n if ((k === 'name' || k === 'description' || k === 'owner' || k === 'save_time' || k === 'create_time') && String(o[k]).toLowerCase().includes(e.target.value.toLowerCase())) {\n return String(o[k]).toLowerCase().includes(e.target.value.toLowerCase())\n }\n }\n )\n ))\n }\n const handleFilterOpen = (e) => {\n if (anchorEl) {\n setAnchorEl(null)\n } else {\n setAnchorEl(e.currentTarget)\n }\n }\n const sortSaves = (sorting, order) => {\n if (order === 'ascending') {\n if (sorting === 'name') {\n setSaves(saves.sort((a, b) => (a.name > b.name) ? 1 : -1))\n } else if (sorting === 'created_at') {\n setSaves(saves.sort((a, b) => (a.create_time > b.create_time) ? 1 : -1))\n } else if (sorting === 'updated_at') {\n setSaves(saves.sort((a, b) => (a.save_time < b.save_time) ? 1 : -1))\n }\n } else {\n if (sorting === 'name') {\n setSaves(saves.sort((a, b) => (a.name < b.name) ? 1 : -1))\n } else if (sorting === 'created_at') {\n setSaves(saves.sort((a, b) => (a.create_time < b.create_time) ? 1 : -1))\n } else if (sorting === 'updated_at') {\n setSaves(saves.sort((a, b) => (a.save_time > b.save_time) ? 1 : -1))\n }\n }\n }\n const handleSort = (e) => {\n sortSaves(e.target.value, order)\n setSort(e.target.value)\n }\n const handleOrder = (e) => {\n setOrder(e.target.value)\n if (sort !== '') {\n sortSaves(sort, e.target.value)\n }\n }\n const handleChange = (event, newValue) => {\n setValue(newValue)\n }\n return (\n <>\n \n {/* User Dashboard My Schematic Header */}\n \n \n \n \n {schematics && }\n {schematics && onSearch(e)} placeholder='Search' />}\n \n \n Select Sort\n \n \n \n Select Order\n \n \n \n \n \n \n \n \n \n \n \n \n \n {saves.filter(x => { return (x.project_id == null && x.lti_id == null && x.is_submission == null) }).length !== 0\n ? <>\n {saves.filter(x => { return (x.project_id == null && x.lti_id == null && x.is_submission == null) }).map(\n (sch) => {\n return (\n \n \n \n )\n }\n )}\n \n : \n \n \n Hey {auth.user.username} , You dont have any saved schematics...\n \n \n \n }\n \n \n {saves.filter(x => { return x.project_id }).length !== 0\n ? <>\n {saves.filter(x => { return x.project_id }).map(\n (sch) => {\n return (\n \n \n \n )\n }\n )}\n \n : \n \n \n Hey {auth.user.username} , You dont have any saved projects...\n \n \n \n }\n \n \n {saves.filter(x => { return x.lti_id }).length !== 0\n ? <>\n {saves.filter(x => { return x.lti_id }).map(\n (sch) => {\n return (\n \n \n \n )\n }\n )}\n \n : \n \n \n Hey {auth.user.username} , You dont have any saved projects...\n \n \n \n }\n \n \n {saves.filter(x => { return x.is_submission }).length !== 0\n ? <>\n {saves.filter(x => { return x.is_submission }).map(\n (sch) => {\n return (\n \n \n \n )\n }\n )}\n \n : \n \n \n Hey {auth.user.username} , You dont have any saved projects...\n \n \n \n }\n \n\n \n \n )\n}\n\nSchematicsList.propTypes = {\n ltiDetails: PropTypes.string\n}\n" }, { "path": "eda-frontend/src/components/LTI/CompareGraph.js", "content": "import React, { useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport {\n Typography,\n Grid,\n TextField,\n Paper,\n Container\n} from '@material-ui/core'\nimport { makeStyles } from '@material-ui/core/styles'\n\nimport Graph from '../Shared/Graph'\n\nconst useStyles = makeStyles((theme) => ({\n appBar: {\n position: 'relative'\n },\n title: {\n marginLeft: theme.spacing(2),\n flex: 1\n },\n header: {\n padding: theme.spacing(5, 0, 6),\n color: '#fff'\n },\n paper: {\n padding: theme.spacing(2),\n textAlign: 'center',\n backgroundColor: '#404040',\n color: '#fff'\n }\n}))\n// {details:{},title:''} simResults\nexport default function CompareGraph ({ expected, given }) {\n const classes = useStyles()\n const [xscale, setXScale] = React.useState('si')\n const [yscale, setYScale] = React.useState('si')\n const [expectedResult, setExpectedResult] = React.useState(null)\n const [givenResult, setGivenResult] = React.useState(null)\n const [precision, setPrecision] = React.useState(5)\n\n const precisionArr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]\n\n // eslint-disable-next-line\n const scales = {\n G: 1000000000,\n M: 1000000,\n K: 1000,\n si: 1,\n m: 0.001,\n u: 0.000001,\n n: 0.000000001,\n p: 0.000000000001\n }\n\n useEffect(() => {\n if (given) {\n console.log('givenresult', handlePreProcess(given))\n setGivenResult(handlePreProcess(given))\n }\n if (expected) {\n console.log('expectedresult', handlePreProcess(expected))\n setExpectedResult(handlePreProcess(expected))\n }\n // eslint-disable-next-line\n }, [given, expected])\n\n const handlePreProcess = (element) => {\n let schematic = []\n const data = element.data\n if (element.graph === 'true') {\n const simResultGraph = { labels: [], x_points: [], y_points: [] }\n // populate the labels\n for (let i = 0; i < data.length; i++) {\n simResultGraph.labels[0] = data[i].labels[0]\n const lab = data[i].labels\n // lab is an array containeing labels names ['time','abc','def']\n simResultGraph.x_points = data[0].x\n\n // labels\n for (let x = 1; x < lab.length; x++) {\n simResultGraph.labels.push(lab[x])\n }\n // populate y_points\n for (let z = 0; z < data[i].y.length; z++) {\n simResultGraph.y_points.push(data[i].y[z])\n }\n }\n\n simResultGraph.x_points = simResultGraph.x_points.map(d => parseFloat(d))\n\n for (let i1 = 0; i1 < simResultGraph.y_points.length; i1++) {\n simResultGraph.y_points[i1] = simResultGraph.y_points[i1].map(d => parseFloat(d))\n }\n schematic = simResultGraph\n let val, idx\n setScales(1, val, idx, null, null, schematic)\n } else {\n const simResultText = []\n for (let i = 0; i < data.length; i++) {\n let postfixUnit = ''\n if (data[i][0].includes('#branch')) {\n postfixUnit = 'A'\n } else if (data[i][0].includes('transfer_function')) {\n postfixUnit = ''\n } else if (data[i][0].includes('impedance')) {\n postfixUnit = 'Ohm'\n } else {\n if (data[i][0][0] !== 'V') {\n data[i][0] = `V(${data[i][0]})`\n }\n postfixUnit = 'V'\n }\n\n simResultText.push(data[i][0] + ' ' + data[i][1] + ' ' + parseFloat(data[i][2]) + ' ' + postfixUnit + '\\n')\n }\n schematic = simResultText\n }\n return schematic\n }\n // DO NOT CHANGE THIS FUNCTION\n const toFixed = (x) => {\n let e = 0\n if (Math.abs(x) < 1.0) {\n e = parseInt(x.toString().split('e-')[1])\n if (e) {\n x *= Math.pow(10, e - 1)\n x = '0.' + (new Array(e)).join('0') + x.toString().substring(2)\n }\n } else {\n e = parseInt(x.toString().split('+')[1])\n if (e > 20) {\n e -= 20\n x /= Math.pow(10, e)\n x += (new Array(e + 1)).join('0')\n }\n }\n return x\n }\n\n // DO NOT CHANGE\n const decimalCount = (num1, num2) => {\n const difference = toFixed(num1) - toFixed(num2)\n const numStr = toFixed(difference).toString()\n if (Math.abs(difference) < 1) {\n if (numStr.includes('.')) {\n return ['decimal', numStr.split('.')[1].length]\n }\n } else {\n return ['notDecimal', numStr.split('.')[0].length]\n }\n return ['notDecimal', 1]\n }\n\n // DO NOT CHANGE\n const decimalCountNonGraph = (num) => {\n const numStr = num.toString()\n if (Math.abs(num) < 1) {\n if (numStr.includes('.')) {\n const afterDeci = numStr.split('.')[1]\n let count = 0\n while (afterDeci[count] === '0') {\n count++\n }\n return ['decimal', count + 2] // count + 2 to adjust with the scaling feature. 0.000xyz will become xyz.abc mUnit\n }\n } else {\n return ['notDecimal', numStr.split('.')[0].length]\n }\n return ['notDecimal', 1]\n }\n\n const setScales = (g, val, idx, scale = null, setScaleFunc = null, data = null) => {\n let countX, countY\n if (g === 1) {\n countX = decimalCount(Math.min(...data.x_points), Math.max(...data.x_points))\n countY = decimalCount(Math.min(...data.y_points[0]), Math.max(...data.y_points[0]))\n } else {\n countX = decimalCountNonGraph(val)\n countY = countX // not required. used only countX for nongraphical output\n }\n if (countX[0] === 'decimal') {\n if (countX[1] > 0 && countX[1] <= 4) {\n if (g === 1) {\n setXScale('m')\n } else {\n if (scale.length <= idx || scale.length === 0) {\n scale.push('m')\n setScaleFunc(scale)\n } else {\n scale[idx] = 'm'\n setScaleFunc(scale)\n }\n }\n } else if (countX[1] > 4 && countX[1] <= 7) {\n if (g === 1) {\n setXScale('u')\n } else {\n if (scale.length <= idx || scale.length === 0) {\n scale.push('u')\n setScaleFunc(scale)\n } else {\n scale[idx] = 'u'\n setScaleFunc(scale)\n }\n }\n } else if (countX[1] > 7 && countX[1] <= 10) {\n if (g === 1) {\n setXScale('n')\n } else {\n if (scale.length <= idx || scale.length === 0) {\n scale.push('n')\n setScaleFunc(scale)\n } else {\n scale[idx] = 'n'\n setScaleFunc(scale)\n }\n }\n } else if (countX[1] > 10 && countX[1] <= 12) {\n if (g === 1) {\n setXScale('p')\n } else {\n if (scale.length <= idx || scale.length === 0) {\n scale.push('p')\n setScaleFunc(scale)\n } else {\n scale[idx] = 'p'\n setScaleFunc(scale)\n }\n }\n }\n } else {\n if (countX[1] > 0 && countX[1] <= 4) {\n if (g === 1) {\n setXScale('si')\n } else {\n if (scale.length <= idx || scale.length === 0) {\n scale.push('si')\n setScaleFunc(scale)\n } else {\n scale[idx] = 'si'\n setScaleFunc(scale)\n }\n }\n } else if (countX[1] > 4 && countX[1] <= 7) {\n if (g === 1) {\n setXScale('K')\n } else {\n if (scale.length <= idx || scale.length === 0) {\n scale.push('K')\n setScaleFunc(scale)\n } else {\n scale[idx] = 'K'\n setScaleFunc(scale)\n }\n }\n } else if (countX[1] > 7 && countX[1] <= 10) {\n if (g === 1) {\n setXScale('M')\n } else {\n if (scale.length <= idx || scale.length === 0) {\n scale.push('M')\n setScaleFunc(scale)\n } else {\n scale[idx] = 'M'\n setScaleFunc(scale)\n }\n }\n } else if (countX[1] > 10) {\n if (g === 1) {\n setXScale('G')\n } else {\n if (scale.length <= idx || scale.length === 0) {\n scale.push('G')\n setScaleFunc(scale)\n } else {\n scale[idx] = 'G'\n setScaleFunc(scale)\n }\n }\n }\n }\n if (countY[0] === 'decimal') {\n if (countY[1] > 0 && countY[1] <= 4) {\n setYScale('m')\n } else if (countY[1] > 4 && countY[1] <= 7) {\n setYScale('u')\n } else if (countY[1] > 7 && countY[1] <= 10) {\n setYScale('n')\n } else if (countY[1] > 10 && countY[1] <= 12) {\n setYScale('p')\n }\n } else {\n if (countY[1] > 0 && countY[1] <= 4) {\n setYScale('si')\n } else if (countY[1] > 4 && countY[1] <= 7) {\n setYScale('K')\n } else if (countY[1] > 7 && countY[1] <= 10) {\n setYScale('M')\n } else if (countY[1] > 10) {\n setYScale('G')\n }\n }\n }\n const handleXScale = (evt) => {\n setXScale(evt.target.value)\n }\n\n const handleYScale = (evt) => {\n setYScale(evt.target.value)\n }\n const handlePrecision = (evt) => {\n setPrecision(evt.target.value)\n }\n\n return (\n
\n \n \n {/* Card to display simualtion result screen header */}\n \n \n \n Your Result\n \n
\n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n \n\n \n \n \n \n\n \n\n \n {\n precisionArr.map((d, i) => {\n return (\n \n )\n })\n }\n\n \n
\n \n \n \n \n \n {givenResult && <>\n \n }\n \n \n {expectedResult && <>\n \n }\n \n \n \n\n \n \n
\n )\n}\n\nCompareGraph.propTypes = {\n expected: PropTypes.object,\n given: PropTypes.object\n // simResults: PropTypes.object\n}\n" }, { "path": "eda-frontend/src/components/LTI/Helper/Testcase.js", "content": "/* eslint-disable no-unused-vars */\n/* eslint-disable camelcase */\n/* eslint-disable new-cap */\n/* eslint-disable */\nimport mxGraphFactory from 'mxgraph'\nimport store from '../../../redux/store'\nimport * as actions from '../../../redux/actions/actions'\nimport ComponentParameters from '../../SchematicEditor/Helper/ComponentParametersData'\nvar graph\n\nconst {\n mxConstants,\n mxUtils,\n mxEvent,\n mxCell,\n mxMorphing,\n mxPoint\n} = new mxGraphFactory()\n\n\n// ERC CHECK FOR SCHEMATIC\nexport function ErcCheck() {\n var list = graph.getModel().cells // mapping the grid\n var vertexCount = 0\n var errorCount = 0\n var PinNC = 0\n var stypes = 0\n var ground = 0\n var wirec = 0\n for (var property in list) {\n var cell = list[property]\n if (cell.Component === true) {\n for (var child in cell.children) {\n var childVertex = cell.children[child]\n if (childVertex.Pin === true && childVertex.edges === null) { // Checking if connections exist from a given pin\n ++PinNC\n ++errorCount\n } else {\n for (var w in childVertex.edges) {\n if (childVertex.edges[w].source === null || childVertex.edges[w].target === null) {\n ++PinNC\n } else {\n if (childVertex.edges[w].source.edge === true || childVertex.edges[w].target.edge === true) {\n ++wirec\n }\n }\n }\n }\n }\n ++vertexCount\n }\n if (cell.symbol === 'PWR') { // Checking for ground\n console.log('Ground is present')\n console.log(cell)\n ++ground\n }\n }\n\n if (vertexCount === 0) {\n alert('No Component added')\n ++errorCount\n } else if (PinNC !== 0) {\n alert('Pins not connected')\n } else if (ground === 0) {\n alert('Ground not connected')\n } else {\n if (errorCount === 0) {\n alert('ERC Check completed')\n }\n }\n}\n// ERC Check for Netlist, It also returns a boolean value which is called in the Netlist Generator \nfunction ErcCheckNets(graph) {\n var list = graph.getModel().cells // mapping the grid\n var vertexCount = 0\n var errorCount = 0\n var PinNC = 0\n var stypes = 0\n var ground = 0\n for (var property in list) {\n var cell = list[property]\n if (cell.Component === true) {\n for (var child in cell.children) {\n var childVertex = cell.children[child]\n if (childVertex.Pin === true && childVertex.edges === null) {\n graph.getSelectionCell(childVertex)\n ++PinNC\n ++errorCount\n }\n }\n ++vertexCount\n }\n if (cell.symbol === 'PWR') {\n ++ground\n }\n }\n if (vertexCount === 0) {\n alert('No Component added')\n ++errorCount\n return false\n } else if (PinNC !== 0) {\n alert('Pins not connected')\n return false\n } else if (ground === 0) {\n alert('Ground not connected')\n return false\n } else {\n if (errorCount === 0) {\n return true\n }\n }\n}\n\n// Function to generate Netlist\nexport function GenerateNetList(graph=graph) {\n\n var r = 1\n var v = 1\n var c = 1\n var n = 1\n var spiceModels = ''\n var netlist = {\n componentlist: [],\n nodelist: []\n }\n var erc = ErcCheckNets(graph) // Checking for ERC Failures\n var k = ''\n if (erc === false) {\n alert('ERC check failed')\n } else {\n var list = annotate(graph) // Fetching all the Cells on the GRID\n for (var property in list) {\n if (list[property].Component === true && list[property].symbol !== 'PWR') {\n var compobj = {\n name: '',\n node1: '',\n node2: '',\n magnitude: ''\n }\n mxCell.prototype.ConnectedNode = null\n var component = list[property]\n if (component.symbol === 'R') {\n k = k + component.symbol + r.toString()\n component.value = component.symbol + r.toString()\n component.properties.PREFIX = component.value\n\n ++r\n } else if (component.symbol === 'V') {\n k = k + component.symbol + v.toString()\n component.value = component.symbol + v.toString()\n component.properties.PREFIX = component.value\n ++v\n } else {\n k = k + component.symbol + c.toString()\n component.value = component.symbol + c.toString()\n component.properties.PREFIX = component.value\n ++c\n }\n\n if (component.children !== null) {\n for (var child in component.children) {\n var pin = component.children[child]\n if (pin.vertex === true) {\n if (pin.edges !== null || pin.edges.length !== 0) {\n for (var wire in pin.edges) {\n if (pin.edges[wire].source !== null && pin.edges[wire].target !== null) {\n // Wire to Pin Connection \n if (pin.edges[wire].source.edge === true) {\n pin.edges[wire].node = pin.edges[wire].source.node\n pin.edges[wire].sourceVertex = pin.edges[wire].source.id\n pin.edges[wire].targetVertex = pin.edges[wire].target.id\n // Pin to Wire Connection \n } else if (pin.edges[wire].target.edge === true) {\n pin.edges[wire].node = pin.edges[wire].target.node\n pin.edges[wire].sourceVertex = pin.edges[wire].source.id\n pin.edges[wire].targetVertex = pin.edges[wire].target.id\n pin.edges[wire].tarx = pin.edges[wire].geometry.targetPoint.x\n pin.edges[wire].tary = pin.edges[wire].geometry.targetPoint.y\n // Souce or Target is Ground \n } else if (pin.edges[wire].source.ParentComponent.symbol === 'PWR' || pin.edges[wire].target.ParentComponent.symbol === 'PWR') {\n pin.edges[wire].node = 0\n pin.edges[wire].value = 0\n pin.edges[wire].sourceVertex = pin.edges[wire].source.id\n pin.edges[wire].targetVertex = pin.edges[wire].target.id\n // Pin to Pin Connection, Setting the Source to be the Node Value \n } else {\n pin.edges[wire].node = pin.edges[wire].source.ParentComponent.properties.PREFIX + '.' + pin.edges[wire].source.value\n pin.ConnectedNode = pin.edges[wire].source.ParentComponent.properties.PREFIX + '.' + pin.edges[wire].source.value\n pin.edges[wire].sourceVertex = pin.edges[wire].source.id\n pin.edges[wire].targetVertex = pin.edges[wire].target.id\n pin.edges[wire].value = pin.edges[wire].node\n }\n pin.edges[wire].value = pin.edges[wire].node\n }\n }\n k = k + ' ' + pin.edges[0].node\n }\n }\n }\n compobj.name = component.symbol\n compobj.node1 = component.children[0].edges[0].node\n compobj.node2 = component.children[1].edges[0].node\n compobj.magnitude = 10\n netlist.componentlist.push(component.properties.PREFIX)\n netlist.nodelist.push(compobj.node2, compobj.node1)\n }\n console.log('component properties', component.properties)\n if (component.properties.MODEL.length > 0) {\n k = k + ' ' + component.properties.MODEL.split(' ')[1]\n }\n\n if (component.properties.PREFIX.charAt(0) === 'V' || component.properties.PREFIX.charAt(0) === 'v' || component.properties.PREFIX.charAt(0) === 'I' || component.properties.PREFIX.charAt(0) === 'i') {\n const comp = component.properties\n if (comp.NAME === 'SINE') {\n k = k + ` SIN(${comp.OFFSET} ${comp.AMPLITUDE} ${comp.FREQUENCY} ${comp.DELAY} ${comp.DAMPING_FACTOR} ${comp.PHASE} )`\n } else if (comp.NAME === 'EXP') {\n k = k + ` EXP(${comp.INITIAL_VALUE} ${comp.PULSED_VALUE} ${comp.FREQUENCY} ${comp.RISE_DELAY_TIME} ${comp.RISE_TIME_CONSTANT} ${comp.FALL_DELAY_TIME} ${comp.FALL_TIME_CONSTANT} )`\n } else if (comp.NAME === 'DC') {\n if (component.properties.VALUE !== undefined) {\n k = k + ' DC ' + component.properties.VALUE\n component.value = component.value + '\\n' + component.properties.VALUE\n }\n } else if (comp.NAME === 'PULSE') {\n k = k + ` PULSE(${comp.INITIAL_VALUE} ${comp.PULSED_VALUE} ${comp.DELAY_TIME} ${comp.RISE_TIME} ${comp.FALL_TIME} ${comp.PULSE_WIDTH} ${comp.PERIOD} ${comp.PHASE} )`\n } else {\n if (component.properties.VALUE !== undefined) {\n k = k + ' ' + component.properties.VALUE\n component.value = component.value + '\\n' + component.properties.VALUE\n }\n }\n }else if(component.properties.PREFIX.charAt(0) === 'C' || component.properties.PREFIX.charAt(0) === 'c'){\n k = k + ' ' + component.properties.VALUE\n if(component.properties.IC != 0){\n k = k + ' IC=' + component.properties.IC\n }\n component.value = component.value + '\\n' + component.properties.VALUE\n }else if(component.properties.PREFIX.charAt(0) === 'L' || component.properties.PREFIX.charAt(0) === 'l'){\n k = k + ' ' + component.properties.VALUE\n if(component.properties.IC != 0){\n k = k + ' IC=' + component.properties.IC\n }\n if(component.properties.DTEMP != 27){\n k = k + ' dtemp=' + component.properties.DTEMP\n } \n component.value = component.value + '\\n' + component.properties.VALUE\n }else if(component.properties.PREFIX.charAt(0) === 'M' || component.properties.PREFIX.charAt(0) === 'm'){\n // k = k + ' ' + component.properties.VALUE \n if(component.properties.MULTIPLICITY_PARAMETER != 1){\n k = k + ' m=' + component.properties.MULTIPLICITY_PARAMETER\n }\n if(component.properties.DTEMP != 27){\n k = k + ' dtemp=' + component.properties.DTEMP\n } \n // component.value = component.value + '\\n' + component.properties.VALUE\n }else if(component.properties.PREFIX.charAt(0) === 'Q' || component.properties.PREFIX.charAt(0) === 'q'){\n // k = k + ' ' + component.properties.VALUE\n if(component.properties.MULTIPLICITY_PARAMETER != 1){\n k = k + ' m=' + component.properties.MULTIPLICITY_PARAMETER\n }\n if(component.properties.DTEMP != 27){\n k = k + ' dtemp=' + component.properties.DTEMP\n } \n // component.value = component.value + '\\n' + component.properties.VALUE\n }else if(component.properties.PREFIX.charAt(0) === 'R' || component.properties.PREFIX.charAt(0) === 'r'){\n k = k + ' ' + component.properties.VALUE\n if(component.properties.SHEET_RESISTANCE != 0){\n k = k + ' RSH=' + component.properties.SHEET_RESISTANCE\n }\n if(component.properties.FIRST_ORDER_TEMPERATURE_COEFF != 0){\n k = k + ' tc1=' + component.properties.FIRST_ORDER_TEMPERATURE_COEFF\n }\n if(component.properties.SECOND_ORDER_TEMPERATURE_COEFF != 0){\n k = k + ' tc2=' + component.properties.SECOND_ORDER_TEMPERATURE_COEFF\n }\n if(component.properties.PARAMETER_MEASUREMENT_TEMPERATURE != 27){\n k = k + ' TNOM=' + component.properties.PARAMETER_MEASUREMENT_TEMPERATURE\n }\n component.value = component.value + '\\n' + component.properties.VALUE\n }else {\n if (component.properties.VALUE !== undefined) {\n k = k + ' ' + component.properties.VALUE\n component.value = component.value + '\\n' + component.properties.VALUE\n }\n }\n\n if (component.properties.EXTRA_EXPRESSION.length > 0) {\n k = k + ' ' + component.properties.EXTRA_EXPRESSION\n component.value = component.value + ' ' + component.properties.EXTRA_EXPRESSION\n }\n \n if (component.properties.MODEL.length > 0) {\n spiceModels += component.properties.MODEL + '\\n'\n }\n\n k = k + ' \\n'\n }\n }\n }\n store.dispatch({\n type: actions.SET_MODEL,\n payload: {\n model: spiceModels\n }\n })\n store.dispatch({\n type: actions.SET_NETLIST,\n payload: {\n netlist: k\n }\n })\n // Refresh the GRID to view the Node Values \n graph.getModel().beginUpdate()\n try {\n graph.view.refresh()\n } finally {\n // Arguments are number of steps, ease and delay\n var morph = new mxMorphing(graph, 20, 1.2, 20)\n morph.addListener(mxEvent.DONE, function () {\n graph.getModel().endUpdate()\n })\n morph.startAnimation()\n }\n var a = new Set(netlist.nodelist)\n var netobj = {\n models: spiceModels,\n main: k\n }\n return netobj\n}\n// Function to Annotate, TODO! It needs some polishing \nfunction annotate(graph) {\n\n var r = 1\n var v = 1\n var c = 1\n var l = 1\n var d = 1\n var q = 1\n var w = 1\n var list = graph.getModel().cells\n var n = 1\n var netlist = {\n componentlist: [],\n nodelist: []\n }\n var erc = true\n var k = ''\n if (erc === false) {\n alert('ERC check failed')\n } else {\n for (var property in list) {\n if (list[property].Component === true && list[property].symbol !== 'PWR') {\n var compobj = {\n name: '',\n node1: '',\n node2: '',\n magnitude: ''\n }\n mxCell.prototype.ConnectedNode = null\n var component = list[property]\n if (component.symbol === 'R') {\n k = k + component.symbol + r.toString()\n component.value = component.symbol + r.toString()\n component.properties.PREFIX = component.value\n\n ++r\n } else if (component.symbol === 'V') {\n k = k + component.symbol + v.toString()\n component.value = component.symbol + v.toString()\n component.properties.PREFIX = component.value\n ++v\n } else if (component.symbol === 'C') {\n k = k + component.symbol + v.toString()\n component.value = component.symbol + v.toString()\n component.properties.PREFIX = component.value\n ++c\n } else if (component.symbol === 'D') {\n k = k + component.symbol + v.toString()\n component.value = component.symbol + v.toString()\n component.properties.PREFIX = component.value\n ++d\n } else if (component.symbol === 'Q') {\n k = k + component.symbol + v.toString()\n component.value = component.symbol + v.toString()\n component.properties.PREFIX = component.value\n ++q\n } else {\n k = k + component.symbol + c.toString()\n component.value = component.symbol + c.toString()\n component.properties.PREFIX = component.value\n ++w\n }\n\n if (component.children !== null) {\n for (var child in component.children) {\n var pin = component.children[child]\n if (pin.vertex === true) {\n if (pin.edges !== null || pin.edges.length !== 0) {\n for (var wire in pin.edges) {\n if (pin.edges[wire].source !== null && pin.edges[wire].target !== null) {\n if (pin.edges[wire].source.edge === true) {\n // Not Performing any Action for Pin to Wire Connections \n } else if (pin.edges[wire].target.edge === true) {\n // Not Performing any Action for Pin to Wire Connections \n } else if (pin.edges[wire].source.ParentComponent.symbol === 'PWR' || pin.edges[wire].target.ParentComponent.symbol === 'PWR') {\n pin.edges[wire].node = 0\n pin.edges[wire].value = 0\n } else {\n pin.edges[wire].node = pin.edges[wire].source.ParentComponent.properties.PREFIX + '.' + pin.edges[wire].source.value\n pin.ConnectedNode = pin.edges[wire].source.ParentComponent.properties.PREFIX + '.' + pin.edges[wire].source.value\n pin.edges[wire].value = pin.edges[wire].node\n }\n }\n }\n k = k + ' ' + pin.edges[0].node\n }\n }\n }\n compobj.name = component.symbol\n compobj.node1 = component.children[0].edges[0].node\n compobj.node2 = component.children[1].edges[0].node\n compobj.magnitude = 10\n netlist.componentlist.push(component.properties.PREFIX)\n netlist.nodelist.push(compobj.node2, compobj.node1)\n }\n if (component.properties.VALUE !== undefined) {\n k = k + ' ' + component.properties.VALUE\n }\n\n if (component.properties.EXTRA_EXPRESSION.length > 0) {\n k = k + ' ' + component.properties.EXTRA_EXPRESSION\n }\n if (component.properties.MODEL.length > 0) {\n k = k + ' ' + component.properties.MODEL.split(' ')[1]\n }\n k = k + ' \\n'\n }\n }\n }\n return list\n}\n// Returns all the Nodes present in the Schematic, Used for Simulation \nexport function GenerateNodeList(graph=graph) {\n var list = annotate(graph)\n var a = []\n // Using a Set to avoid duplicate Nodes \n var netlist = new Set()\n var k = 'Unitled netlist \\n'\n for (var property in list) {\n if (list[property].Component === true && list[property].symbol !== 'PWR') {\n var compobj = {\n name: '',\n node1: '',\n node2: '',\n magnitude: ''\n }\n // Fetching all the nodes \n var component = list[property]\n if (component.children !== null) {\n compobj.name = component.symbol\n compobj.node1 = component.children[0].edges[0].node\n compobj.node2 = component.children[1].edges[0].node\n netlist.add(compobj.node1, compobj.node2)\n }\n }\n }\n return netlist\n}\n// Sends a list of components present in the netlist \nexport function GenerateCompList(graph=graph) {\n var list = annotate(graph)\n var a = []\n var netlist = [] // This will contain the list of Component Prefix\n var k = 'Unitled netlist \\n'\n for (var property in list) {\n if (list[property].Component === true && list[property].symbol !== 'PWR') {\n var compobj = {\n name: '',\n node1: '',\n node2: '',\n magnitude: ''\n }\n var component = list[property]\n compobj.name = component.symbol\n compobj.node1 = component.children[0].edges[0].node\n compobj.node2 = component.children[1].edges[0].node\n netlist.push(component.properties.PREFIX)\n }\n }\n return netlist\n}\n// Function to Render Circuit XML\nexport function renderXML() {\n graph.view.refresh()\n var xml = 'null'\n var xmlDoc = mxUtils.parseXml(xml)\n parseXmlToGraph(xmlDoc, graph)\n}\n// Function to Parse XML and Redraw on Grid\nexport function parseXmlToGraph(xmlDoc, graph) {\n const cells = xmlDoc.documentElement.children[0].children\n const parent = graph.getDefaultParent()\n var v1\n var yPos\n var xPos\n var props\n var style = graph.getStylesheet().getDefaultVertexStyle()\n\n style[mxConstants.STYLE_SHAPE] = 'label'\n style[mxConstants.STYLE_VERTICAL_ALIGN] = 'bottom'\n style[mxConstants.STYLE_IMAGE_VERTICAL_ALIGN] = 'bottom' // indicator v-alignment\n style[mxConstants.STYLE_IMAGE_ALIGN] = 'bottom'\n style[mxConstants.STYLE_INDICATOR_COLOR] = 'green'\n style[mxConstants.STYLE_FONTCOLOR] = 'red'\n style[mxConstants.STYLE_FONTSIZE] = '10'\n delete style[mxConstants.STYLE_STROKECOLOR] // transparent\n for (let i = 0; i < cells.length; i++) {\n const cellAttrs = cells[i].attributes\n if (cellAttrs.Component.value === '1') { // is component\n const vertexName = cellAttrs.value.value\n const style = cellAttrs.style.value\n const vertexId = Number(cellAttrs.id.value)\n const geom = cells[i].children[0].attributes\n const xPos = Number(geom.x.value)\n if (geom.y === undefined) {\n yPos = 0\n } else {\n yPos = Number(geom.y.value)\n }\n const height = Number(geom.height.value)\n const width = Number(geom.width.value)\n v1 = graph.insertVertex(parent, vertexId, vertexName, xPos, yPos, width, height, style)\n v1.symbol = cellAttrs.symbol.value\n if (v1.symbol === 'V') {\n try { props = Object.assign({}, ComponentParameters[v1.symbol][cells[i].children[2].attributes.NAME.value]) } catch (e) { props = Object.assign({}, ComponentParameters[v1.symbol][cells[i].children[1].attributes.NAME.value]) }\n } else {\n props = Object.assign({}, ComponentParameters[v1.symbol])\n }\n try { props.NAME = cells[i].children[2].attributes.NAME.value } catch (e) { props.NAME = cells[i].children[1].attributes.NAME.value }\n v1.properties = props\n v1.Component = true\n v1.CellType = 'Component'\n if (v1.properties.name === 'VSOURCE') {\n }\n for (var check in props) {\n try { v1.properties[check] = cells[i].children[2].attributes[check].value } catch (e) { try { v1.properties[check] = cells[i].children[1].attributes[check].value } catch (e) { } }\n }\n } else if (cellAttrs.Pin.value === '1') {\n const vertexName = cellAttrs.value.value\n const style = cellAttrs.style.value\n const vertexId = Number(cellAttrs.id.value)\n const geom = cells[i].children[0].attributes\n try { xPos = Number(geom.x.value) } catch (e) { xPos = 0 }\n if (geom.y === undefined) {\n yPos = 0\n } else {\n yPos = Number(geom.y.value)\n }\n const height = Number(geom.height.value)\n const width = Number(geom.width.value)\n var vp = graph.insertVertex(v1, vertexId, vertexName, xPos, yPos, 0.5, 0.5, style)\n vp.ParentComponent = v1\n vp.Pin = 1\n } else if (cellAttrs.edge) { // is edge\n const edgeId = Number(cellAttrs.id.value)\n const source = Number(cellAttrs.sourceVertex.value)\n const target = Number(cellAttrs.targetVertex.value)\n var plist = cells[i].children[1].children\n try {\n var e = graph.insertEdge(parent, edgeId, null,\n graph.getModel().getCell(source),\n graph.getModel().getCell(target)\n )\n e.geometry.points = []\n for (var a in cells[i].children[1].children) {\n try {\n e.geometry.points.push(new mxPoint(Number(plist[a].attributes.x.value), Number(plist[a].attributes.y.value)))\n } catch (e) { }\n graph.getModel().beginUpdate()\n try {\n graph.view.refresh()\n } finally {\n var morph = new mxMorphing(graph, 20, 1.2, 20)\n morph.addListener(mxEvent.DONE, function () {\n graph.getModel().endUpdate()\n })\n morph.startAnimation()\n }\n }\n if (graph.getModel().getCell(target).edge === true) {\n e.geometry.setTerminalPoint(new mxPoint(Number(cellAttrs.tarx.value), Number(cellAttrs.tary.value)), false)\n graph.getModel().beginUpdate()\n try {\n graph.view.refresh()\n } finally {\n // Arguments are number of steps, ease and delay\n morph = new mxMorphing(graph, 20, 1.2, 20)\n morph.addListener(mxEvent.DONE, function () {\n graph.getModel().endUpdate()\n })\n morph.startAnimation()\n }\n }\n } catch (e) {\n }\n }\n }\n}\n\n" }, { "path": "eda-frontend/src/components/LTI/LTI.css", "content": ".lti-url:focus {\n outline: none;\n}\n" }, { "path": "eda-frontend/src/components/LTI/LTI.js", "content": "import React, { useEffect } from 'react'\nimport {\n Button,\n Typography,\n TextField,\n MenuItem,\n Select,\n FormControl,\n FormControlLabel,\n InputLabel,\n CardMedia,\n CardContent,\n CardActionArea,\n Card,\n Checkbox,\n Snackbar,\n IconButton,\n Chip,\n Input\n} from '@material-ui/core'\nimport { makeStyles } from '@material-ui/core/styles'\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack'\nimport DeleteIcon from '@material-ui/icons/Delete'\nimport queryString from 'query-string'\nimport CloseIcon from '@material-ui/icons/Close'\nimport TextareaAutosize from '@material-ui/core/TextareaAutosize'\nimport api from '../../utils/Api'\nimport './LTI.css'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n minHeight: 300,\n minWidth: 500\n },\n media: {\n height: 0,\n paddingTop: '56.25%' // 16:9\n },\n title: {\n fontSize: 14,\n color: '#80ff80'\n },\n paper: {\n position: 'absolute',\n width: 400,\n backgroundColor: theme.palette.background.paper,\n border: '2px solid #000',\n boxShadow: theme.shadows[5],\n padding: theme.spacing(2, 4, 3)\n },\n delete: {\n backgroundColor: 'red',\n color: 'white'\n }\n}))\n\nexport default function LTIConfig () {\n const classes = useStyles()\n\n const [ltiDetails, setLTIDetails] = React.useState({\n secretKey: '',\n consumerKey: '',\n configURL: '',\n configExists: false,\n consumerError: '',\n score: '',\n initialSchematic: '',\n modelSchematic: '',\n testCase: null,\n scored: true,\n id: ''\n })\n\n const { secretKey, consumerKey, configURL, configExists, score, modelSchematic } = ltiDetails\n const [schematic, setSchematic] = React.useState('')\n const [history, setHistory] = React.useState([])\n const [historyId, setHistoryId] = React.useState('')\n const [schematics, setSchematics] = React.useState([])\n const [update, setUpdate] = React.useState(false)\n const [submitMessage, setSubmitMessage] = React.useState('')\n const [activeSim, setActiveSim] = React.useState(null)\n const [simParam, setSimParam] = React.useState([])\n const [graphSimParams, setGraphSimParams] = React.useState([])\n\n useEffect(() => {\n if (activeSim) {\n var arr = []\n if (activeSim.result.graph === 'true') {\n // eslint-disable-next-line\n activeSim.result.data.map((i) => {\n // eslint-disable-next-line\n i.labels.map((params) => {\n if (!arr.includes(params)) {\n arr.push(params)\n }\n })\n })\n }\n setGraphSimParams(arr)\n }\n }, [activeSim])\n\n useEffect(() => {\n var url = queryString.parse(window.location.href.split('lti?')[1])\n const token = localStorage.getItem('esim_token')\n const config = {\n headers: {\n 'Content-Type': 'application/json'\n }\n }\n if (token) {\n config.headers.Authorization = `Token ${token}`\n }\n api.get(`save/versions/${url.id}`, config).then(res => {\n res.data.map(ele => {\n ele.save_time = new Date(ele.save_time)\n return 0\n })\n setSchematics(res.data)\n }).catch(err => {\n console.log(err)\n })\n // eslint-disable-next-line\n }, [])\n\n useEffect(() => {\n if (historyId !== 'None' && history !== []) {\n var temp = history.find(ele => ele.id === historyId)\n console.log('CHANGING ACTIVE SIM')\n setActiveSim(temp)\n }\n // eslint-disable-next-line\n }, [history, historyId])\n\n useEffect(() => {\n var url = queryString.parse(window.location.href.split('lti?')[1])\n const token = localStorage.getItem('esim_token')\n const config = {\n headers: {\n 'Content-Type': 'application/json'\n }\n }\n if (token) {\n config.headers.Authorization = `Token ${token}`\n }\n api.get(`lti/exist/${url.id}`, config).then(res => {\n setLTIDetails(\n {\n modelSchematic: res.data.model_schematic,\n secretKey: res.data.secret_key,\n consumerKey: res.data.consumer_key,\n configURL: res.data.config_url,\n score: res.data.score,\n configExists: true,\n initialSchematic: res.data.model_schematic,\n testCase: res.data.test_case,\n scored: res.data.scored,\n id: res.data.id\n })\n setSchematic(`${res.data.model_schematic.version}-${res.data.model_schematic.branch}`)\n setSimParam(res.data.sim_params)\n if (res.data.test_case === null) {\n setHistoryId('None')\n } else {\n setHistoryId(res.data.test_case)\n }\n }).catch(err => {\n console.log(err)\n api.get(`save/${url.id}/${url.version}/${url.branch}`, config).then(res => {\n setLTIDetails(\n {\n modelSchematic: res.data,\n scored: true\n })\n setSchematic(`${res.data.version}-${res.data.branch}`)\n })\n })\n }, [])\n // to get test cases for LTI\n useEffect(() => {\n var url = queryString.parse(window.location.href.split('lti?')[1])\n const token = localStorage.getItem('esim_token')\n const config = {\n headers: {\n 'Content-Type': 'application/json'\n }\n }\n if (token) {\n config.headers.Authorization = `Token ${token}`\n }\n api.get(`simulation/history/lti/${url.id}/${schematic.split('-')[0]}/${schematic.split('-')[1]}/${null}`, config).then(res => {\n res.data.map(ele => {\n ele.simulation_time = new Date(ele.simulation_time)\n return 0\n })\n console.log(res.data)\n console.log('yes')\n setHistory(res.data)\n }).catch(err => {\n console.log(err)\n })\n }, [schematic])\n\n // eslint-disable-next-line\n const handleLTIGenerate = () => {\n var score = ''\n if (!ltiDetails.scored) {\n score = null\n } else {\n score = ltiDetails.score\n }\n const body = {\n consumer_key: ltiDetails.consumerKey,\n secret_key: ltiDetails.secretKey,\n model_schematic: ltiDetails.modelSchematic.id,\n score: score,\n initial_schematic: ltiDetails.modelSchematic.id,\n test_case: ltiDetails.testCase,\n scored: ltiDetails.scored,\n sim_params: simParam\n }\n console.log(body)\n api.post('lti/build/', body)\n .then(res => {\n setLTIDetails({\n ...ltiDetails,\n configURL: res.data.config_url,\n configExists: true,\n consumerError: '',\n score: res.data.score,\n id: res.data.id\n })\n return res.data\n })\n .catch((err) => {\n console.log(err.data)\n setLTIDetails({ ...ltiDetails, consumerError: 'An error was encountered while setting the details!' })\n })\n }\n\n const handleUpdateClose = () => {\n setUpdate(false)\n }\n\n const handleDeleteLTIApp = () => {\n api.delete(`lti/delete/${ltiDetails.modelSchematic.id}`)\n .then(res => {\n setLTIDetails({\n secretKey: '',\n consumerKey: '',\n configURL: '',\n configExists: false,\n consumerError: '',\n score: '',\n initialSchematic: '',\n modelSchematic: modelSchematic,\n testCase: null,\n id: ''\n })\n setHistoryId('')\n setSimParam([])\n })\n .catch(error => console.log(error))\n }\n\n const handleConsumerKey = (e) => {\n setLTIDetails({ ...ltiDetails, consumerKey: e.target.value })\n }\n\n const handleSecretKey = (e) => {\n setLTIDetails({ ...ltiDetails, secretKey: e.target.value })\n }\n\n const handleScore = (e) => {\n if (e.target.value > 1 || e.target.value < 0) {\n // To-DO: Show error message\n } else {\n setLTIDetails({ ...ltiDetails, score: e.target.value })\n }\n }\n\n const handleCheckChange = (e) => {\n setLTIDetails({ ...ltiDetails, scored: e.target.checked })\n }\n\n const handleChange = (e) => {\n var schematic = null\n schematics.forEach(element => {\n if (element.version === e.target.value.split('-')[0] && element.branch === e.target.value.split('-')[1]) {\n schematic = element\n }\n })\n setSchematic(e.target.value)\n setLTIDetails({ ...ltiDetails, modelSchematic: schematic })\n }\n\n const handleChangeSim = (e) => {\n setLTIDetails({ ...ltiDetails, testCase: e.target.value })\n setHistoryId(e.target.value)\n setSimParam([])\n }\n\n const handleSimParamChange = (event) => {\n setSimParam(event.target.value)\n }\n\n const handleOnClick = () => {\n var score = ''\n if (!ltiDetails.scored) {\n score = null\n } else {\n score = ltiDetails.score\n }\n const body = {\n consumer_key: ltiDetails.consumerKey,\n secret_key: ltiDetails.secretKey,\n model_schematic: ltiDetails.modelSchematic.id,\n score: score,\n initial_schematic: ltiDetails.modelSchematic.id,\n test_case: ltiDetails.testCase,\n scored: ltiDetails.scored,\n id: ltiDetails.id,\n sim_params: simParam\n }\n console.log(body)\n api.post('lti/update/', body)\n .then(res => {\n setLTIDetails({\n ...ltiDetails,\n configURL: res.data.config_url,\n configExists: true,\n consumerError: '',\n score: res.data.score\n })\n setUpdate(true)\n setSubmitMessage('Updated Successfully')\n return res.data\n })\n .catch((err) => {\n console.log(err.data)\n setSubmitMessage('An error was encountered!')\n })\n }\n\n const handleUrlCopy = () => {\n var copyText = document.querySelector('.lti-url')\n console.log(copyText)\n copyText.select()\n copyText.setSelectionRange(0, 99999)\n document.execCommand('copy')\n }\n console.log(history)\n return (\n <>\n {ltiDetails && <>\n
\n \n \n \n \n \n Schematic\n \n \n \n \n {/* {ltiDetails.initialSchematic && \n \n \n \n \n Initial Schematic\n \n \n \n } */}\n
\n {ltiDetails.consumerError &&

{ltiDetails.consumerError}

}\n \n \n \n \n Schematic\n \n {schematics.map(schematic => {\n return {schematic.name} of variation {schematic.branch} saved at {schematic.save_time.toLocaleString()}\n })}\n \n \n \n Test Case\n {history && \n\n \n None\n \n {history.map(sim => {\n return {sim.simulation_type} at {sim.simulation_time.toLocaleString()}\n })}\n }\n \n
\n {activeSim && \n Comparison Parameter\n {history && }\n inputProps={{ readOnly: !ltiDetails.scored }}\n renderValue={(selected) => (\n
\n {selected.map((value) => (\n \n ))}\n
\n )}\n >\n {activeSim.result.graph === 'true'\n ? graphSimParams.map((params) => {\n return (\n {params}\n )\n })\n : activeSim.result.data.map((params) => {\n return (\n \n {params[0]}\n \n )\n })}\n }\n }\n \n }\n label=\"Scored?\"\n />\n
\n
\n
\n \n \n {configExists &&\n \n Submissions\n }\n {configExists && \n Update LTI App\n }\n {configExists &&\n }\n onClick={() => handleDeleteLTIApp()}\n >\n Delete\n }\n {configURL &&
\n

URL for LTI Access:

\n

\n \n

\n \n\n
}\n
\n \n \n \n \n \n }\n />\n }\n \n )\n}\n" }, { "path": "eda-frontend/src/components/LTI/SubmissionTable.js", "content": "import React, { useEffect } from 'react'\nimport {\n Button,\n Typography,\n IconButton,\n Input,\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n TableContainer\n} from '@material-ui/core'\nimport { makeStyles } from '@material-ui/core/styles'\nimport ArrowUpwardIcon from '@material-ui/icons/ArrowUpward'\nimport ArrowDownwardIcon from '@material-ui/icons/ArrowDownward'\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack'\nimport FilterListIcon from '@material-ui/icons/FilterList'\nimport queryString from 'query-string'\nimport api from '../../utils/Api'\nimport Dialog from '@material-ui/core/Dialog'\nimport DialogContent from '@material-ui/core/DialogContent'\nimport DialogActions from '@material-ui/core/DialogActions'\nimport DialogTitle from '@material-ui/core/DialogTitle'\nimport CompareGraph from './CompareGraph'\n\nconst useStyles = makeStyles({\n table: {\n minWidth: 650\n },\n title: {\n fontSize: 14,\n color: '#80ff80'\n }\n})\n\nconst sortOrder = {\n Unsorted: 0,\n Ascending: 1,\n Descending: 2\n}\n\nexport default function SubmissionTable () {\n const classes = useStyles()\n const [responseData, setResponseData] = React.useState([])\n const [sortData, setSortData] = React.useState([])\n const [sortOrderUser, setSortOrderUser] = React.useState(sortOrder.Unsorted)\n const [sortOrderTime, setSortOrderTime] = React.useState(sortOrder.Unsorted)\n const [anchorEl, setAnchorEl] = React.useState(null)\n const [open, setOpen] = React.useState(false)\n const [simResult, setSimResult] = React.useState(null)\n\n useEffect(() => {\n setSortData(responseData)\n console.log(responseData)\n }, [responseData])\n\n useEffect(() => {\n console.log(simResult)\n }, [simResult])\n\n useEffect(() => {\n var url = queryString.parse(window.location.href.split('submission')[1])\n const token = localStorage.getItem('esim_token')\n const config = {\n headers: {\n 'Content-Type': 'application/json'\n }\n }\n if (token) {\n config.headers.Authorization = `Token ${token}`\n }\n api.get(`/lti/submissions/${url.id}/${url.version}/${url.branch}`, config)\n .then(\n (res) => {\n for (var i = 0; i < res.data.length; i++) {\n res.data[i].schematic.save_time = new Date(res.data[i].schematic.save_time)\n if (!res.data[i].student) {\n res.data[i].student = {}\n res.data[i].student.username = 'Anonymous User'\n }\n }\n setResponseData(res.data)\n }\n )\n .catch((err) => { console.error(err) })\n }, [])\n\n const handleUserSort = () => {\n setSortOrderTime(0)\n var temp = responseData.slice()\n if (sortOrderUser === 0) {\n temp.sort((a, b) => {\n if (a.student.username > b.student.username) return -1\n else if (a.student.username < b.student.username) return 1\n return 0\n })\n setSortData(temp)\n setSortOrderUser(1)\n } else if (sortOrderUser === 1) {\n temp.sort((a, b) => {\n if (a.student.username < b.student.username) return -1\n else if (a.student.username > b.student.username) return 1\n return 0\n })\n setSortData(temp)\n setSortOrderUser(2)\n } else {\n setSortData(responseData)\n setSortOrderUser(0)\n }\n }\n\n const handleTimeSort = () => {\n setSortOrderUser(0)\n var temp = responseData.slice()\n if (sortOrderTime === 0) {\n temp.sort((a, b) => {\n if (a.schematic.save_time < b.schematic.save_time) return -1\n else if (a.schematic.save_time > b.schematic.save_time) return 1\n return 0\n })\n setSortData(temp)\n setSortOrderTime(1)\n } else if (sortOrderTime === 1) {\n temp.sort((a, b) => {\n if (a.schematic.save_time > b.schematic.save_time) return -1\n else if (a.schematic.save_time < b.schematic.save_time) return 1\n return 0\n })\n setSortData(temp)\n setSortOrderTime(2)\n } else {\n setSortData(responseData)\n setSortOrderTime(0)\n }\n }\n\n const onSearch = (e) => {\n setSortData(responseData.filter((o) =>\n // eslint-disable-next-line\n Object.keys(o).some((k) => {\n if ((k === 'student') && String(o[k].username).toLowerCase().includes(e.target.value.toLowerCase())) {\n return String(o[k].username).toLowerCase().includes(e.target.value.toLowerCase())\n }\n }\n )\n ))\n }\n\n const handleFilterOpen = (e) => {\n if (anchorEl) {\n setAnchorEl(null)\n } else {\n setAnchorEl(e.currentTarget)\n }\n }\n\n const handleButtonClick = () => {\n var url = queryString.parse(window.location.href.split('submission')[1])\n window.location.href = `/eda/#/lti?id=${url.id}&version=${url.version}&branch=${url.branch}`\n }\n\n const handleSimOpen = (studentSim) => {\n setSimResult(studentSim)\n setOpen(true)\n }\n const handleClose = () => {\n setOpen(false)\n }\n\n return (\n <>\n \n onSearch(e)} placeholder='Search' />\n \n \n {sortData.length !== 0 ? <>\n \n \n \n User {sortOrderUser === 1 ? : sortOrderUser === 2 ? : }\n User ID in LMS\n Submitted at {sortOrderTime === 1 ? : sortOrderTime === 2 ? : }\n Submitted From\n Score\n Submission Circuit\n Submission Simulation\n Teacher Simulation\n \n \n \n {sortData.map((student) => {\n return \n \n {student.student.username}\n \n {student.ltisession.user_id}\n {student.schematic.save_time.toLocaleString()}\n {student.ltisession.lis_outcome_service_url ? student.ltisession.lis_outcome_service_url.split('/')[2] :

None

}\n {student.score}\n \n \n \n \n \n \n \n \n \n \n }\n )}\n \n
\n \n \n Student Simulation\n \n \n {simResult && simResult.result.graph === 'false' && simResult.result.data.map((ele, index) => (\n // eslint-disable-next-line\n \n {index + 1}. {ele[0]} : {ele[2]}\n ))}\n {simResult && simResult.result.graph === 'true' &&\n \n //

Simulation is graphical and cannot be displayed here

\n }\n \n \n \n \n \n :

No submissions for this assignment

}\n \n \n )\n}\n" }, { "path": "eda-frontend/src/components/LTI/SubmitResults.js", "content": "import React from 'react'\nimport {\n Paper,\n Dialog,\n Typography,\n Grid,\n Slide,\n AppBar,\n Toolbar,\n IconButton,\n Tooltip\n} from '@material-ui/core'\nimport { makeStyles } from '@material-ui/core/styles'\nimport PropTypes from 'prop-types'\nimport CancelIcon from '@material-ui/icons/Cancel'\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle'\nimport CloseIcon from '@material-ui/icons/Close'\nimport AdjustIcon from '@material-ui/icons/Adjust'\nimport CompareGraph from './CompareGraph'\n\nconst useStyles = makeStyles((theme) => ({\n appBar: {\n position: 'relative'\n },\n paper: {\n padding: theme.spacing(2),\n textAlign: 'left',\n backgroundColor: '#404040',\n color: '#fff'\n }\n}))\n\nconst Transition = React.forwardRef(function Transition (props, ref) {\n return \n})\n\nfunction SubmitResults ({ show, setResults, results }) {\n console.log(results)\n const classes = useStyles()\n const showIcons = (item) => {\n if (results.sim_params.includes(item)) {\n if (\n results.comparison_result === 'Same Values' ||\n results.comparison_result.same.includes(item)\n ) {\n return \n \n \n } else {\n return \n \n \n }\n } else {\n return \n \n \n }\n }\n return (\n setResults(false)}\n TransitionComponent={Transition}\n fullScreen\n >\n \n \n setResults(false)}\n aria-label=\"close\"\n >\n \n \n \n \n \n \n

Your Score: {results.score} /1

\n {/*

Teacher Values

*/}\n \n {results.expected && results.given.graph !== 'true' && (\n <>\n \n {// eslint-disable-next-line\n

Teacher's values:

}\n {results.expected.data.map((ele, index) => (\n \n \n {index + 1}. {ele[0]} : {ele[2]}\n \n \n ))}\n \n \n \n )}\n \n {results.given && results.given.graph !== 'true' ? (\n <>\n

Your Submission Values:

\n {results.given.data.map((ele, index) => (\n \n \n {showIcons(ele[0])}\n

{index + 1}. {ele[0]} : {ele[2]}

\n \n \n ))}\n \n ) : (\n \n )}\n \n \n \n )\n}\n\nexport default SubmitResults\n\nSubmitResults.propTypes = {\n show: PropTypes.bool,\n setResults: PropTypes.func,\n results: PropTypes.object\n}\n" }, { "path": "eda-frontend/src/components/Project/ChangeStatus.js", "content": "/* eslint-disable camelcase */\nimport { Button, Paper, InputLabel, Select, MenuItem, TextField } from '@material-ui/core'\nimport React, { useEffect } from 'react'\nimport { useDispatch } from 'react-redux'\nimport { getStatus, changeStatus } from '../../redux/actions'\nimport PropTypes from 'prop-types'\n\nfunction ChangeStatus ({ project, changedStatus }) {\n const dispatch = useDispatch()\n const [status, setStatus] = React.useState(null)\n const [note, setNote] = React.useState('')\n const handleSelectChange = (event) => {\n setStatus(event.target.value)\n }\n const clickChangeStatus = () => {\n dispatch(changeStatus(project.details.project_id, status, note))\n changedStatus()\n }\n const onChangeNote = (e) => {\n setNote(e.target.value)\n }\n useEffect(() => {\n dispatch(getStatus(project.details?.project_id))\n }, [dispatch, project.details])\n return (\n \n {project.states &&\n
\n
\n

Review the project and change it's state

\n

Current State : {project.details?.status_name}

\n \n Select and Change the status of this project\n \n {project.states.map((item, index) =>\n (\n {item}\n ))}\n \n \n
\n }\n \n )\n}\n\nChangeStatus.propTypes = {\n project: PropTypes.object,\n changedStatus: PropTypes.func\n}\n\nexport default ChangeStatus\n" }, { "path": "eda-frontend/src/components/Project/CreateProject.js", "content": "/* eslint-disable camelcase */\nimport React, { useState, useEffect } from 'react'\nimport {\n Button,\n Toolbar,\n IconButton,\n Typography,\n Slide,\n AppBar,\n Container,\n Grid,\n Paper,\n TextField,\n Tooltip,\n Select,\n MenuItem,\n InputLabel,\n List,\n ListItem,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle\n}\n from '@material-ui/core'\nimport CloseIcon from '@material-ui/icons/Close'\nimport PostAddIcon from '@material-ui/icons/PostAdd'\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp'\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown'\nimport { makeStyles } from '@material-ui/core/styles'\nimport FormControl from '@material-ui/core/FormControl'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { changeStatus, createProject, deleteProject, getStatus } from '../../redux/actions'\nimport api from '../../utils/Api'\nimport ProjectTimeline from './ProjectTimeline'\nimport ProjectSimulationParameters from './ProjectSimulationParameters'\n\nconst useStyles = makeStyles((theme) => ({\n appBar: {\n position: 'relative'\n },\n title: {\n marginLeft: theme.spacing(2),\n flex: 1\n },\n header: {\n padding: theme.spacing(5, 0, 6),\n color: '#fff'\n },\n paper: {\n padding: theme.spacing(2),\n textAlign: 'left',\n color: '#fff'\n },\n formControl: {\n margin: theme.spacing(1),\n minWidth: 120,\n textAlign: 'left'\n },\n selectEmpty: {\n marginTop: theme.spacing(2)\n }\n}))\n\nconst Transition = React.forwardRef(function Transition (props, ref) {\n return \n})\n\nfunction CreateProject () {\n const [open, setOpen] = useState(false)\n const classes = useStyles()\n const dispatch = useDispatch()\n const project = useSelector(state => state.projectReducer)\n const auth = useSelector(state => state.authReducer)\n const save_id = useSelector(state => state.saveSchematicReducer.details.save_id)\n const owner = useSelector(state => state.saveSchematicReducer.details.owner)\n const [status, setStatus] = React.useState(null)\n const [versions, setVersions] = React.useState(null)\n const [activeVersion, setActiveVersion] = React.useState('')\n const [activeName, setActiveName] = React.useState(null)\n const [activeSaveTime, setActiveSaveTime] = React.useState(null)\n const [activeSaveDate, setActiveSaveDate] = React.useState(null)\n const [details, setDetails] = useState(\n {\n title: '',\n description: '',\n active_branch: '',\n active_version: ''\n })\n const [fields, setFields] = useState([{ name: 'Procedure', text: '' }, { name: 'Observation', text: '' }, { name: 'Conclusion', text: '' }])\n const [changed, setChanged] = useState(0)\n const [deleteDialogue, setDeleteDialogue] = useState(false)\n const [dcSweepcontrolLine, setDcSweepControlLine] = useState({\n parameter: '',\n sweepType: 'Linear',\n start: '',\n stop: '',\n step: '',\n parameter2: '',\n start2: '',\n stop2: '',\n step2: ''\n })\n const [transientAnalysisControlLine, setTransientAnalysisControlLine] = useState({\n start: '',\n stop: '',\n step: '',\n skipInitial: false\n })\n\n const [acAnalysisControlLine, setAcAnalysisControlLine] = useState({\n input: 'dec',\n start: '',\n stop: '',\n pointsBydecade: ''\n })\n\n const [tfAnalysisControlLine, setTfAnalysisControlLine] = useState({\n outputNodes: false,\n outputVoltageSource: '',\n inputVoltageSource: ''\n })\n const [selectedSimulation, setSelectedSimulation] = useState('')\n useEffect(() => {\n if (open && project.details?.project_id) {\n dispatch(getStatus(project.details?.project_id))\n setStatus(project.details?.status_name)\n }\n if (project.details) {\n console.log(project.details)\n setDetails({ title: project.details.title, description: project.details.description, active_version: project.details.active_version, active_branch: project.details.active_branch })\n setFields(project.details.fields)\n if (project.details.dc_sweep) {\n setDcSweepControlLine(project.details.dc_sweep)\n }\n if (project.details.transient_analysis) {\n setTransientAnalysisControlLine(project.details.transient_analysis)\n }\n if (project.details.tf_analysis) {\n setTfAnalysisControlLine(project.details.tf_analysis)\n }\n if (project.details.ac_analysis) {\n setAcAnalysisControlLine(project.details.ac_analysis)\n }\n }\n if (!project.details) {\n setDetails({\n title: '',\n description: '',\n active_branch: '',\n active_version: ''\n })\n setActiveVersion('')\n setFields([{ name: 'Procedure', text: '' }, { name: 'Observation', text: '' }, { name: 'Conclusion', text: '' }])\n }\n }, [open, dispatch, project.details])\n useEffect(() => {\n const config = {\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n }\n const token = localStorage.getItem('esim_token')\n // If token available add to headers\n if (token) {\n config.headers.Authorization = `Token ${token}`\n }\n if (window.location.href.split('?id=')[1]) {\n api\n .get(\n 'save/versions/' +\n window.location.href.split('?id=')[1].substring(0, 36),\n config\n )\n .then((resp) => {\n for (var i = 0; i < resp.data.length; i++) {\n var d = new Date(resp.data[i].save_time)\n resp.data[i].date = d.getDate() + '/' + parseInt(d.getMonth() + 1) + '/' + d.getFullYear()\n resp.data[i].time = d.getHours() + ':' + d.getMinutes()\n if (d.getMinutes() < 10) {\n resp.data[i].time = d.getHours() + ':0' + d.getMinutes()\n }\n }\n var versionsAccordingFreq = {}\n resp.data.forEach((value) => {\n value.full_time = new Date(value.save_time)\n versionsAccordingFreq[value.branch] ? versionsAccordingFreq[value.branch].push(value) : versionsAccordingFreq[value.branch] = [value]\n })\n var versionsArray = Object.entries(versionsAccordingFreq)\n for (var k = 0; k < versionsArray.length; k++) {\n versionsArray[k][1].sort((a, b) => {\n return b.full_time - a.full_time\n })\n }\n versionsArray.sort((a, b) => {\n return b[1][b[1].length - 1].full_time - a[1][a[1].length - 1].full_time\n })\n var versionsTemp = []\n for (var j = 0; j < versionsArray.length; j++) {\n versionsTemp = versionsTemp.concat(versionsArray[j][1])\n }\n setVersions(versionsTemp)\n })\n .catch((err) => {\n console.log(err)\n })\n }\n }, [open])\n useEffect(() => {\n if (versions && project.details) {\n for (var i = 0; i < versions.length; i++) {\n if (versions[i].version === project.details.active_version && versions[i].branch === project.details.active_branch) {\n setActiveVersion(`${versions[i].version}-${versions[i].branch}`)\n setActiveName(versions[i].name)\n setActiveSaveTime(versions[i].time)\n setActiveSaveDate(versions[i].date)\n break\n }\n }\n }\n }, [project.details, versions])\n const handleActiveVersion = (e) => {\n if (changed === 0) {\n setChanged(1)\n } else if (changed === 2) {\n setChanged(3)\n }\n setActiveVersion(e.target.value)\n setDetails({ ...details, active_branch: e.target.value.split('-')[1], active_version: e.target.value.split('-')[0] })\n }\n const handleSelectChange = (event) => {\n if (event.target.value !== project.details.status_name) {\n if (changed === 0) {\n setChanged(2)\n } else if (changed === 1) {\n setChanged(3)\n }\n } else {\n if (changed === 2) {\n setChanged(0)\n } else if (changed === 3) {\n setChanged(1)\n }\n }\n setStatus(event.target.value)\n }\n const changeFieldText = (e) => {\n if (changed === 0) {\n setChanged(1)\n } else if (changed === 2) {\n setChanged(3)\n }\n var temp = [...fields]\n if (e.target.name === 'name') {\n temp[e.target.id].name = e.target.value\n setFields(temp)\n } else if (e.target.name === 'text') {\n temp[e.target.id].text = e.target.value\n setFields(temp)\n } else {\n setDetails({ ...details, [e.target.name]: e.target.value })\n }\n }\n const handleClick = () => {\n setOpen(!open)\n }\n const createPub = () => {\n if (details.title !== '' && details.description !== '' && activeVersion !== '') {\n dispatch(createProject(save_id, [details, fields, '', dcSweepcontrolLine, transientAnalysisControlLine, acAnalysisControlLine, tfAnalysisControlLine]))\n }\n }\n const clickChange = () => {\n if (details.title !== '' && details.description !== '' && activeVersion !== '') {\n if (changed === 1) {\n dispatch(createProject(save_id, [details, fields, '', dcSweepcontrolLine, transientAnalysisControlLine, acAnalysisControlLine, tfAnalysisControlLine]))\n } else if (changed === 2) {\n if (status !== project.details.status_name) {\n dispatch(changeStatus(project.details.project_id, status, ''))\n }\n } else if (changed === 3) {\n if (status !== project.details.status_name) {\n dispatch(createProject(save_id, [details, fields, status, dcSweepcontrolLine, transientAnalysisControlLine, acAnalysisControlLine, tfAnalysisControlLine]))\n } else {\n dispatch(createProject(save_id, [details, fields, '', dcSweepcontrolLine, transientAnalysisControlLine, acAnalysisControlLine, tfAnalysisControlLine]))\n }\n }\n setChanged(0)\n }\n }\n const clickPreview = () => {\n const win = window.open()\n win.location.href = '/eda/#/project?save_id=' + project.details.save_id + '&version=' + project.details.active_version + '&branch=' + project.details.active_branch + '&project_id=' + project.details.project_id\n win.focus()\n }\n const addField = () => {\n setFields([...fields, { name: '', text: '' }])\n if (changed === 0) {\n setChanged(1)\n } else if (changed === 2) {\n setChanged(3)\n }\n }\n const onClickShift = (type, index) => {\n if (type === 'above') {\n const temporary = [...fields]\n const current = temporary[index]\n temporary[index] = temporary[index - 1]\n temporary[index - 1] = current\n setFields(temporary)\n } else {\n const temporary = [...fields]\n const current = temporary[index]\n temporary[index] = temporary[index + 1]\n temporary[index + 1] = current\n setFields(temporary)\n }\n }\n const onRemove = (e) => {\n var list = [...fields]\n console.log(e)\n list.splice(e, 1)\n setFields(list)\n if (changed === 0) {\n setChanged(1)\n } else if (changed === 2) {\n setChanged(3)\n }\n }\n const handleDeleteDialogue = () => {\n setDeleteDialogue(!deleteDialogue)\n }\n const deleteProjectFunction = (id) => {\n console.log(id)\n dispatch(deleteProject(id))\n setDeleteDialogue(!deleteDialogue)\n setOpen(false)\n }\n return (\n
\n {(window.location.href.split('?id=')[1] && auth.user?.username === owner) &&\n \n \n \n \n }\n \n \n \n \n \n \n \n Project Details\n \n\n {!project.details && }\n {project.details && }\n {project.details && changed !== 0 && }\n \n \n\n \n \n \n\n {project.details && \n

Status of the project: {project.details.status_name}

\n

Active Version: {activeName} of variation {project.details.active_branch} saved on {activeSaveDate} at {activeSaveTime} hours

\n {project.details.history && project.details.history.slice(0).reverse()[0]?.reviewer_notes &&

Reviewer Notes: {project.details.history.slice(0).reverse()[0]?.reviewer_notes}

}\n }\n \n

Project Details

\n {versions != null &&\n ((project.details && project.details.can_edit) || !project.details) && \n \n Select the version you want to use for your project.\n \n {versions.map(version => {\n return Version {version.name} from variation {version.branch} saved on {version.date} at {version.time}\n })}\n \n }\n \n \n {fields && fields.map((item, index) =>\n (\n <>\n
\n {((project.details && project.details.can_edit) || !project.details) &&\n <>\n \n onRemove(index)}>\n \n \n {index !== fields.length - 1 && onClickShift('below', index)}>\n \n \n \n }\n {index !== 0 && onClickShift('above', index)}>\n \n \n \n }\n }\n \n \n \n ))}\n\n
\n {((project.states && project.details) || !project.details) && }\n

Simulation Parameters

\n
\n \n Select simulation mode parameters to enter:\n setSelectedSimulation(e.target.value)}\n value={selectedSimulation}>\n DC Sweep\n Transient Analysis\n Transfer Function Analysis\n AC Analysis\n \n \n
\n \n {project.details && <>{\n project.states &&\n
\n
\n Change Status\n \n {project.states.map((item, index) =>\n (\n {item}\n ))}\n {project.details.status_name}\n \n
\n }}\n \n \n {project.details && <>\n \n \n

List of Approved Reports

\n {project.reports?.approved[0]\n ? <>\n {project.reports.approved.map((item, index) => (\n \n {index + 1}. {item.description}\n \n ))}\n :

No approved reports.

}\n \n \n

List of Reports yet to be evaluated by a Reviewer.

\n {project.reports?.open[0]\n ? <>\n {project.reports.open.map((item, index) => (\n \n {index + 1}. {item.description}\n \n ))}\n :

No Unapproved reports.

}\n \n \n \n \n \n \n

History of this Project

\n {(project.details?.history && project.details?.history[0])\n ? <>\n \n \n :

No history of this project.

\n }\n \n \n }\n \n {!project.details && }\n {project.details && project.details.can_delete && }\n \n {'Are you sure you want to delete the project?'}\n \n \n You cannot revert this.\n \n \n \n \n \n \n \n \n \n
\n )\n}\nexport default CreateProject\n" }, { "path": "eda-frontend/src/components/Project/ProjectSimulationParameters.js", "content": "import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport {\n Box,\n Typography,\n TextField,\n List,\n ListItem,\n Divider,\n Checkbox\n} from '@material-ui/core'\nimport { GenerateCompList } from '../SchematicEditor/Helper/ToolbarTools'\n\nfunction TabPanel (props) {\n const { children, value, index, ...other } = props\n\n return (\n
\n )\n}\n\nTabPanel.propTypes = {\n children: PropTypes.node,\n index: PropTypes.any.isRequired,\n value: PropTypes.any.isRequired\n}\n\nfunction ProjectSimulationParameters (props) {\n const [componentsList, setComponentsList] = useState([])\n const [disabled, setDisabled] = React.useState(false)\n\n const handleDcSweepControlLine = (evt) => {\n const value = evt.target.value\n\n props.setDcSweepControlLine({\n ...props.dcSweepcontrolLine,\n [evt.target.id]: value\n })\n if (props.changed === 0) {\n props.setChanged(1)\n } else if (props.changed === 2) {\n props.setChanged(3)\n }\n }\n const handleTransientAnalysisControlLineUIC = (evt) => {\n const value = evt.target.checked\n\n props.setTransientAnalysisControlLine({\n ...props.transientAnalysisControlLine,\n [evt.target.id]: value\n })\n if (props.changed === 0) {\n props.setChanged(1)\n } else if (props.changed === 2) {\n props.setChanged(3)\n }\n }\n\n const handleTransientAnalysisControlLine = (evt) => {\n const value = evt.target.value\n\n props.setTransientAnalysisControlLine({\n ...props.transientAnalysisControlLine,\n [evt.target.id]: value\n })\n if (props.changed === 0) {\n props.setChanged(1)\n } else if (props.changed === 2) {\n props.setChanged(3)\n }\n }\n const handleAcAnalysisControlLine = (evt) => {\n const value = evt.target.value\n\n props.setAcAnalysisControlLine({\n ...props.acAnalysisControlLine,\n [evt.target.id]: value\n })\n if (props.changed === 0) {\n props.setChanged(1)\n } else if (props.changed === 2) {\n props.setChanged(3)\n }\n }\n\n const handleTfAnalysisControlLine = (evt) => {\n const value = evt.target.value\n props.setTfAnalysisControlLine({\n ...props.tfAnalysisControlLine,\n [evt.target.id]: value\n })\n if (props.changed === 0) {\n props.setChanged(1)\n } else if (props.changed === 2) {\n props.setChanged(3)\n }\n }\n const handleTfAnalysisControlLineNodes = (evt) => {\n const value = evt.target.checked\n props.setTfAnalysisControlLine({\n ...props.tfAnalysisControlLine,\n [evt.target.id]: value\n })\n if (props.changed === 0) {\n props.setChanged(1)\n } else if (props.changed === 2) {\n props.setChanged(3)\n }\n setDisabled(props.tfAnalysisControlLine.outputNodes)\n }\n useEffect(() => {\n if (props.selectedSimulation !== '') {\n try {\n setComponentsList(['', ...GenerateCompList()])\n } catch (err) {\n setComponentsList([])\n alert('Circuit not complete. Please Check Connectons.')\n }\n }\n }, [props.selectedSimulation])\n return (\n <>\n \n \n

DC Sweep

\n \n \n {\n componentsList.map((value, i) => {\n if (value.charAt(0) === 'V' || value.charAt(0) === 'v' || value.charAt(0) === 'I' || value.charAt(0) === 'i' || value === '') {\n return ()\n } else {\n return null\n }\n })\n }\n\n \n \n \n \n V\n \n \n \n V\n \n \n \n V\n \n\n {/* SECONDARY PARAMETER FOR SWEEP */}\n \n \n\n

Secondary Parameters

\n \n\n \n\n \n {\n componentsList.map((value, i) => {\n return \n })\n }\n \n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n \n \n

Transient Analysis

\n \n \n S\n \n \n \n S\n \n \n \n S\n \n \n \n Use Initial Conditions\n \n \n \n \n \n

Transfer Function Analysis

\n \n \n Output By Nodes\n\n \n \n \n\n {\n componentsList.map((value, i) => {\n if (value.charAt(0) === 'V' || value.charAt(0) === 'v' || value.charAt(0) === 'I' || value.charAt(0) === 'i' || value === '') {\n return ()\n } else {\n return null\n }\n })\n }\n\n \n\n \n \n \n\n {\n componentsList.map((value, i) => {\n if (value.charAt(0) === 'V' || value.charAt(0) === 'v' || value.charAt(0) === 'I' || value.charAt(0) === 'i' || value === '') {\n return ()\n } else {\n return null\n }\n })\n }\n\n \n \n \n \n \n \n

AC Analysis

\n \n \n \n \n \n \n \n\n \n \n \n \n \n Hz\n \n \n \n Hz\n \n \n \n \n )\n}\n\nProjectSimulationParameters.propTypes = {\n dcSweepcontrolLine: PropTypes.object,\n transientAnalysisControlLine: PropTypes.object,\n acAnalysisControlLine: PropTypes.object,\n tfAnalysisControlLine: PropTypes.object,\n setDcSweepControlLine: PropTypes.func,\n setTransientAnalysisControlLine: PropTypes.func,\n setAcAnalysisControlLine: PropTypes.func,\n setTfAnalysisControlLine: PropTypes.func,\n setChanged: PropTypes.func,\n selectedSimulation: PropTypes.string,\n changed: PropTypes.bool\n}\nexport default ProjectSimulationParameters\n" }, { "path": "eda-frontend/src/components/Project/ProjectTimeline.js", "content": "/* eslint-disable camelcase */\nimport React, { useEffect, useState } from 'react'\nimport Timeline from '@material-ui/lab/Timeline'\nimport TimelineItem from '@material-ui/lab/TimelineItem'\nimport TimelineSeparator from '@material-ui/lab/TimelineSeparator'\nimport TimelineConnector from '@material-ui/lab/TimelineConnector'\nimport TimelineContent from '@material-ui/lab/TimelineContent'\nimport TimelineDot from '@material-ui/lab/TimelineDot'\nimport TimelineOppositeContent from '@material-ui/lab/TimelineOppositeContent'\nimport Typography from '@material-ui/core/Typography'\nimport PropTypes from 'prop-types'\nimport { useSelector } from 'react-redux'\nimport {\n Tooltip,\n Button,\n Dialog,\n DialogContent,\n DialogActions,\n DialogTitle\n} from '@material-ui/core'\nimport ImportExportIcon from '@material-ui/icons/ImportExport'\n\nfunction getDate (jsonDate) {\n var json = jsonDate\n var date = new Date(json)\n var formattedDate\n if (date.getMinutes() >= 10) {\n formattedDate = date.getDate() + '-' + (date.getMonth() + 1) + '-' + date.getFullYear() + ' at ' + date.getHours() + ':' + date.getMinutes()\n } else {\n formattedDate = date.getDate() + '-' + (date.getMonth() + 1) + '-' + date.getFullYear() + ' at ' + date.getHours() + ':0' + date.getMinutes()\n }\n return `${formattedDate}`\n}\n\nfunction ProjectTimeline ({ history, isOwner }) {\n const auth = useSelector(state => state.authReducer)\n const [descending, setDescending] = useState(true)\n const [notes, setNotes] = useState(false)\n const [timeline, setTimeline] = useState(history)\n useEffect(() => {\n if (descending) {\n setTimeline(history)\n } else {\n setTimeline(history.slice(0).reverse())\n }\n }, [descending, history])\n return (\n <>\n \n \n setDescending(!descending)} />\n \n setNotes(false)}>\n Reviewer Notes List\n \n
    \n {history.map((item) => (\n <>\n {\n item.reviewer_notes &&
  1. \n "{item.reviewer_notes}" mentioned by {item.transition_author_name} at {getDate(item.transition_time)}\n
    2. \n }\n \n ))}\n
\n \n \n \n \n \n {!descending ? \n {isOwner\n ? <>\n {timeline.slice(0, -1).map((item) => (\n <>\n {item.transition.history_creator && \n \n {getDate(item.transition_time)} by {item.transition_author_name}\n \n \n \n \n \n \n {item.transition.history_creator}\n \n }\n \n ))}\n {timeline[timeline.length - 1] && \n \n {getDate(timeline[timeline.length - 1].transition_time)} by {timeline[timeline.length - 1].transition_author_name}\n \n \n {timeline[timeline.length - 1].transition.event_creator ? : }\n \n \n \n {timeline[timeline.length - 1].transition.history_creator}\n \n }\n {timeline[timeline.length - 1] && timeline[timeline.length - 1].transition.event_creator && \n \n \n \n \n \n {timeline[timeline.length - 1].transition.event_creator}\n \n }\n\n \n : <>\n {auth.roles?.is_type_reviewer ? timeline.slice(0, -1).map((item) => (\n <>\n {item.transition.history_reviewer && \n \n {getDate(item.transition_time)} by {item.transition_author_name}\n \n \n \n \n \n \n {item.transition.history_reviewer}\n \n }\n \n ))\n : timeline.slice(0, -1).map((item) => (\n <>\n {item.transition.history_other && \n \n {getDate(item.transition_time)} by {item.transition_author_name}\n \n \n \n \n \n \n {item.transition.history_other}\n \n }\n \n ))\n }\n {timeline[timeline.length - 1] && \n \n {getDate(timeline[timeline.length - 1].transition_time)} by {timeline[timeline.length - 1].transition_author_name}\n \n \n {(auth.roles?.is_type_reviewer && timeline[timeline.length - 1].transition.event_reviewer) || (timeline[timeline.length - 1].transition.event_other) ? : }\n \n \n \n {auth.roles?.is_type_reviewer ? timeline[timeline.length - 1].transition.history_reviewer : timeline[timeline.length - 1].transition.history_other}\n \n }\n {timeline[timeline.length - 1] && (auth.roles?.is_type_reviewer ? timeline[timeline.length - 1].transition.event_reviewer : timeline[timeline.length - 1].transition.event_other) && \n \n \n \n \n \n \n \n \n {auth.roles?.is_type_reviewer ? timeline[timeline.length - 1].transition.event_reviewer : timeline[timeline.length - 1].transition.event_other}\n \n }\n\n }\n : \n {isOwner\n ? <>\n {timeline[0] && timeline[0].transition.event_creator && \n \n \n \n \n \n {timeline[0].transition.event_creator}\n \n }\n {timeline[0] && \n \n {getDate(timeline[0].transition_time)} by {timeline[0].transition_author_name}\n \n \n {timeline[0].transition.event_creator ? : }\n \n \n \n {timeline[0].transition.history_creator}\n \n }\n {timeline.slice(1).map((item) => (\n <>\n {item.transition.history_creator && \n \n {getDate(item.transition_time)} by {item.transition_author_name}\n \n \n \n \n \n \n {item.transition.history_creator}\n \n }\n \n ))}\n \n : <>\n\n {timeline[0] && (auth.roles?.is_type_reviewer ? timeline[0].transition.event_reviewer : timeline[0].transition.event_other) && \n \n \n \n \n \n \n \n \n {auth.roles?.is_type_reviewer ? timeline[0].transition.event_reviewer : timeline[0].transition.event_other}\n \n }\n {timeline[0] && \n \n {getDate(timeline[0].transition_time)} by {timeline[0].transition_author_name}\n \n \n {(auth.roles?.is_type_reviewer && timeline[0].transition.event_reviewer) || (timeline[0].transition.event_other) ? : }\n \n \n \n {auth.roles?.is_type_reviewer ? timeline[0].transition.history_reviewer : timeline[0].transition.history_other}\n \n }\n {auth.roles?.is_type_reviewer ? timeline.slice(1).map((item) => (\n <>\n {item.transition.history_reviewer && \n \n {getDate(item.transition_time)} by {item.transition_author_name}\n \n \n \n \n \n \n {item.transition.history_reviewer}\n \n }\n \n ))\n : timeline.slice(1).map((item) => (\n <>\n {item.transition.history_other && \n \n {getDate(item.transition_time)} by {item.transition_author_name}\n \n \n \n \n \n \n {item.transition.history_other}\n \n }\n \n ))\n }\n }\n }\n \n )\n}\n\nexport default ProjectTimeline\n\nProjectTimeline.propTypes = {\n history: PropTypes.object,\n isOwner: PropTypes.bool\n}\n" }, { "path": "eda-frontend/src/components/Project/ReportComponent.js", "content": "/* eslint-disable camelcase */\nimport React, { useEffect } from 'react'\nimport {\n Button,\n Typography,\n Dialog,\n DialogContent,\n MenuItem,\n Grid,\n Select,\n Paper,\n DialogActions,\n Tabs,\n Tab,\n Box\n} from '@material-ui/core'\nimport PropTypes from 'prop-types'\nimport { withStyles } from '@material-ui/core/styles'\nimport MuiDialogTitle from '@material-ui/core/DialogTitle'\nimport IconButton from '@material-ui/core/IconButton'\nimport CloseIcon from '@material-ui/icons/Close'\nimport { approveReports, fetchRole, getStatus, resolveReports } from '../../redux/actions/index'\nimport { useDispatch, useSelector } from 'react-redux'\n\nconst styles = (theme) => ({\n root: {\n margin: 0,\n padding: theme.spacing(2)\n },\n closeButton: {\n position: 'absolute',\n right: theme.spacing(1),\n top: theme.spacing(1),\n color: theme.palette.grey[500]\n }\n})\nfunction TabPanel (props) {\n const { children, value, index, ...other } = props\n\n return (\n