├── .babelrc ├── .browserslistrc ├── .editorconfig ├── .eslintcache ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .prettierignore ├── .prettierrc.json ├── .travis.yml ├── .yarn ├── plugins │ └── @yarnpkg │ │ ├── plugin-interactive-tools.cjs │ │ └── plugin-version.cjs ├── releases │ └── yarn-berry.cjs └── versions │ ├── 072f7026.yml │ ├── 8b3e7737.yml │ ├── 8c6b9106.yml │ ├── b13501ca.yml │ └── d34cff2d.yml ├── .yarnrc.yml ├── CODEOWNERS ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── DISCLAIMER.md ├── LICENSE ├── README.md ├── dist └── ui5 │ └── viz │ ├── Chart-dbg.js │ ├── Chart.js │ ├── ChartArea-dbg.js │ ├── ChartArea.js │ ├── ChartAxis-dbg.js │ ├── ChartAxis.js │ ├── ChartAxisLabel-dbg.js │ ├── ChartAxisLabel.js │ ├── ChartDataPoint-dbg.js │ ├── ChartDataPoint.js │ ├── ChartLine-dbg.js │ ├── ChartLine.js │ ├── ChartSeries-dbg.js │ ├── ChartSeries.js │ ├── Color-dbg.js │ ├── Color.js │ ├── library-dbg.js │ ├── library-preload.js │ ├── library.js │ ├── libs │ ├── c3-dbg.js │ ├── c3.css │ ├── c3.js │ ├── d3-dbg.js │ ├── d3.js │ ├── lodash.debounce-dbg.js │ ├── lodash.debounce.js │ ├── lodash.defer-dbg.js │ ├── lodash.defer.js │ ├── lodash.isequal-dbg.js │ └── lodash.isequal.js │ └── themes │ ├── base │ ├── library-RTL.css │ ├── library-parameters.json │ └── library.css │ ├── psmaterial │ ├── library-RTL.css │ ├── library-parameters.json │ └── library.css │ ├── sap_belize │ ├── library-RTL.css │ ├── library-parameters.json │ └── library.css │ ├── sap_belize_hcb │ ├── library-RTL.css │ ├── library-parameters.json │ └── library.css │ ├── sap_belize_hcw │ ├── library-RTL.css │ ├── library-parameters.json │ └── library.css │ ├── sap_belize_plus │ ├── library-RTL.css │ ├── library-parameters.json │ └── library.css │ ├── sap_bluecrystal │ ├── library-RTL.css │ ├── library-parameters.json │ └── library.css │ └── sap_hcb │ ├── library-RTL.css │ ├── library-parameters.json │ └── library.css ├── docs ├── Chart.md ├── ChartArea.md ├── ChartAxis.md ├── ChartAxisLabel.md ├── ChartDataPoint.md ├── ChartLine.md ├── ChartSeries.md ├── Color.md └── tools │ ├── create-ui5-docs.js │ └── templates │ ├── ui5-control.hbs │ ├── ui5-control.js │ ├── ui5-library.hbs │ └── ui5-library.js ├── gulpfile.babel.js ├── package.json ├── src ├── demo │ ├── index.hbs │ ├── playground.controller.js │ ├── playground.view.xml │ └── todo_refactor_to_final_demo │ │ ├── c3-viz-fusion.html │ │ ├── controller │ │ ├── C3-viz-fusion.controller.js │ │ ├── Demo_AddYAxis.controller.js │ │ ├── Demo_Area-Line.controller.js │ │ ├── Demo_Area-Spline.controller.js │ │ ├── Demo_Area-Step.controller.js │ │ ├── Demo_AxisRotated.controller.js │ │ ├── Demo_Bar.controller.js │ │ ├── Demo_Line.controller.js │ │ ├── Demo_Spline.controller.js │ │ ├── Demo_Step.controller.js │ │ └── Demo_SubchartZoom.controller.js │ │ ├── index_demo_addyaxis.html │ │ ├── index_demo_area-line.html │ │ ├── index_demo_area-spline.html │ │ ├── index_demo_area-step.html │ │ ├── index_demo_axis_rotated.html │ │ ├── index_demo_bar.html │ │ ├── index_demo_line.html │ │ ├── index_demo_spline.html │ │ ├── index_demo_step.html │ │ ├── index_demo_subchart_zoom.html │ │ └── view │ │ └── App.view.xml └── ui5 │ └── viz │ ├── Chart.js │ ├── ChartArea.js │ ├── ChartAxis.js │ ├── ChartAxisLabel.js │ ├── ChartDataPoint.js │ ├── ChartLine.js │ ├── ChartSeries.js │ ├── Color.js │ ├── library.js │ └── themes │ ├── base │ ├── Chart.less │ ├── ChartArea.less │ ├── ChartAxis.less │ ├── ChartAxisLabel.less │ ├── ChartDataPoint.less │ ├── ChartLine.less │ ├── ChartRegion.less │ ├── ChartSeries.less │ └── library.source.less │ ├── psmaterial │ └── library.source.less │ ├── sap_belize │ └── library.source.less │ ├── sap_belize_hcb │ └── library.source.less │ ├── sap_belize_hcw │ └── library.source.less │ ├── sap_belize_plus │ └── library.source.less │ ├── sap_bluecrystal │ └── library.source.less │ └── sap_hcb │ └── library.source.less ├── ui5.yaml └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | [ 4 | "@babel/preset-env", 5 | { 6 | "targets": { 7 | //Read from .browserlistrc 8 | } 9 | } 10 | ], 11 | "@babel/preset-flow" 12 | ], 13 | "plugins": [ 14 | // Stage 0 15 | "@babel/plugin-proposal-function-bind", 16 | 17 | // Stage 1 18 | "@babel/plugin-proposal-export-default-from", 19 | "@babel/plugin-proposal-logical-assignment-operators", 20 | ["@babel/plugin-proposal-optional-chaining", { "loose": false }], 21 | ["@babel/plugin-proposal-pipeline-operator", { "proposal": "minimal" }], 22 | ["@babel/plugin-proposal-nullish-coalescing-operator", { "loose": false }], 23 | "@babel/plugin-proposal-do-expressions", 24 | 25 | // Stage 2 26 | ["@babel/plugin-proposal-decorators", { "legacy": true }], 27 | "@babel/plugin-proposal-function-sent", 28 | "@babel/plugin-proposal-export-namespace-from", 29 | "@babel/plugin-proposal-numeric-separator", 30 | "@babel/plugin-proposal-throw-expressions", 31 | 32 | // Stage 3 33 | "@babel/plugin-syntax-dynamic-import", 34 | "@babel/plugin-syntax-import-meta", 35 | ["@babel/plugin-proposal-class-properties", { "loose": true }], 36 | "@babel/plugin-proposal-json-strings", 37 | 38 | ["@babel/plugin-proposal-private-methods", { "loose": true }] 39 | ] 40 | } 41 | -------------------------------------------------------------------------------- /.browserslistrc: -------------------------------------------------------------------------------- 1 | # Browsers that we support 2 | # Config see: https://github.com/browserslist/browserslist 3 | 4 | last 2 chrome versions 5 | last 2 edge versions 6 | last 2 safari versions 7 | last 2 firefox versions 8 | firefox ESR 9 | ie 11 10 | last 2 ios_saf versions 11 | last 2 and_chr versions 12 | not dead -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | end_of_line = lf 7 | indent_size = 2 8 | indent_style = space 9 | insert_final_newline = true 10 | max_line_length = 80 11 | trim_trailing_whitespace = true 12 | 13 | [*.md] 14 | max_line_length = 0 15 | trim_trailing_whitespace = false 16 | 17 | [COMMIT_EDITMSG] 18 | max_line_length = 0 19 | -------------------------------------------------------------------------------- /.eslintcache: -------------------------------------------------------------------------------- 1 | [{"/home/osboxes/ui5-lib-visualization/src/ui5/viz/Chart.js":"1","/home/osboxes/ui5-lib-visualization/src/ui5/viz/ChartArea.js":"2","/home/osboxes/ui5-lib-visualization/src/ui5/viz/ChartAxis.js":"3","/home/osboxes/ui5-lib-visualization/src/ui5/viz/ChartAxisLabel.js":"4","/home/osboxes/ui5-lib-visualization/src/ui5/viz/ChartDataPoint.js":"5","/home/osboxes/ui5-lib-visualization/src/ui5/viz/ChartLine.js":"6","/home/osboxes/ui5-lib-visualization/src/ui5/viz/ChartSeries.js":"7","/home/osboxes/ui5-lib-visualization/src/ui5/viz/Color.js":"8","/home/osboxes/ui5-lib-visualization/src/ui5/viz/library.js":"9"},{"size":106777,"mtime":1666725997918,"results":"10","hashOfConfig":"11"},{"size":8088,"mtime":1666713792419,"results":"12","hashOfConfig":"11"},{"size":15176,"mtime":1666713792419,"results":"13","hashOfConfig":"11"},{"size":5763,"mtime":1666713792419,"results":"14","hashOfConfig":"11"},{"size":8998,"mtime":1666713792419,"results":"15","hashOfConfig":"11"},{"size":8137,"mtime":1666713792419,"results":"16","hashOfConfig":"11"},{"size":17252,"mtime":1666713792419,"results":"17","hashOfConfig":"11"},{"size":3915,"mtime":1666713792419,"results":"18","hashOfConfig":"11"},{"size":11243,"mtime":1666713792419,"results":"19","hashOfConfig":"11"},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"yyp9k4",{"filePath":"22","messages":"23","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"24","messages":"25","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"26","messages":"27","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"32","messages":"33","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"34","messages":"35","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"36","messages":"37","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/home/osboxes/ui5-lib-visualization/src/ui5/viz/Chart.js",[],"/home/osboxes/ui5-lib-visualization/src/ui5/viz/ChartArea.js",[],"/home/osboxes/ui5-lib-visualization/src/ui5/viz/ChartAxis.js",[],"/home/osboxes/ui5-lib-visualization/src/ui5/viz/ChartAxisLabel.js",[],"/home/osboxes/ui5-lib-visualization/src/ui5/viz/ChartDataPoint.js",[],"/home/osboxes/ui5-lib-visualization/src/ui5/viz/ChartLine.js",[],"/home/osboxes/ui5-lib-visualization/src/ui5/viz/ChartSeries.js",[],"/home/osboxes/ui5-lib-visualization/src/ui5/viz/Color.js",[],"/home/osboxes/ui5-lib-visualization/src/ui5/viz/library.js",[]] -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | # /node_modules/* and /bower_components/* ignored by default 2 | 3 | # Ignore ui5 dependencies 4 | src/ui5/viz/libs/* 5 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author PulseShift GmbH 3 | * 4 | * GENERAL EXPLANATION 5 | * We only want errors or no errors. A warning can be interpreded differently. 6 | * Therfore all lint rules must be either off or error. Warnings will waste time. 7 | */ 8 | 9 | module.exports = { 10 | env: { 11 | browser: true, // allow browser global variables 12 | node: false, // allow Node.js global variables and Node.js-specific rules 13 | es6: true, // enable all ECMAScript 6 features except for modules 14 | jquery: true // enable jquery global variables 15 | }, 16 | 17 | extends: ['eslint:recommended', 'prettier'], 18 | 19 | parser: 'babel-eslint', 20 | 21 | parserOptions: { 22 | ecmaVersion: 8, 23 | sourceType: 'module', 24 | ecmaFeatures: { 25 | modules: true, 26 | experimentalObjectRestSpread: true 27 | } 28 | }, 29 | 30 | plugins: ['babel', 'prettier'], 31 | 32 | // define globals 33 | globals: { 34 | ui5: false, 35 | sap: false, 36 | less: false, 37 | c3: false, 38 | d3: false, 39 | lodashDebounce: false, 40 | lodashIsequal: false 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ### macOS ### 2 | *.DS_Store 3 | 4 | ### IDE (Atom/Webstorm/etc) ### 5 | /.imdone/ 6 | /.idea/ 7 | /.settings/ 8 | /.vscode/ 9 | /ui5-lib-visualization.iml 10 | 11 | 12 | ### Build Process ### 13 | /dev/ 14 | /ui5/ 15 | /.tmp/ 16 | /.maps/ 17 | /.download/ 18 | /src/ui5/viz/libs/* 19 | 20 | ### Dist Files ### 21 | /dist/demo/ 22 | /dist/ui5/**/resources/ 23 | /dist/ui5/viz/themes/**/*.less 24 | 25 | ### Node ### 26 | node_modules/ 27 | *.log 28 | 29 | .yarn/* 30 | !.yarn/patches 31 | !.yarn/releases 32 | !.yarn/plugins 33 | !.yarn/sdks 34 | !.yarn/versions 35 | .pnp.* -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | # Contains ui5 dependencies / third party code 2 | /src/resources/ui5-pulseshift/libs/ 3 | /src/resources/ui5-themes/ 4 | /src/ui5/viz/libs/ 5 | -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 80, 3 | "semi": false, 4 | "singleQuote": true, 5 | "bracketSpacing": false, 6 | "overrides": [ 7 | { 8 | "files": "*.js", 9 | "options": { 10 | "parser": "babel-flow" 11 | } 12 | } 13 | ] 14 | } 15 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | 2 | os: linux 3 | language: node_js 4 | 5 | notifications: 6 | email: 7 | on_success: never # default: change 8 | on_failure: always # default: always 9 | 10 | node_js: 11 | - "8" 12 | - "10" 13 | 14 | cache: 15 | yarn: true 16 | directories: 17 | - "node_modules" 18 | 19 | before_install: 20 | - curl -o- -L https://yarnpkg.com/install.sh | bash -s 21 | - export PATH="$HOME/.yarn/bin:$PATH" 22 | 23 | before_script: 24 | - yarn 25 | 26 | # no test task exist, yet, theirfore we test some other tasks (e.g. build) 27 | script: 28 | - yarn docs 29 | - yarn test 30 | - yarn build:verbose 31 | -------------------------------------------------------------------------------- /.yarn/versions/072f7026.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pulseshift/ui5-lib-visualization/3c3bcafe70d146eb5717ad4e3ebc7c5ceb5c7ec3/.yarn/versions/072f7026.yml -------------------------------------------------------------------------------- /.yarn/versions/8b3e7737.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pulseshift/ui5-lib-visualization/3c3bcafe70d146eb5717ad4e3ebc7c5ceb5c7ec3/.yarn/versions/8b3e7737.yml -------------------------------------------------------------------------------- /.yarn/versions/8c6b9106.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pulseshift/ui5-lib-visualization/3c3bcafe70d146eb5717ad4e3ebc7c5ceb5c7ec3/.yarn/versions/8c6b9106.yml -------------------------------------------------------------------------------- /.yarn/versions/b13501ca.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pulseshift/ui5-lib-visualization/3c3bcafe70d146eb5717ad4e3ebc7c5ceb5c7ec3/.yarn/versions/b13501ca.yml -------------------------------------------------------------------------------- /.yarn/versions/d34cff2d.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pulseshift/ui5-lib-visualization/3c3bcafe70d146eb5717ad4e3ebc7c5ceb5c7ec3/.yarn/versions/d34cff2d.yml -------------------------------------------------------------------------------- /.yarnrc.yml: -------------------------------------------------------------------------------- 1 | nodeLinker: node-modules 2 | 3 | plugins: 4 | - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs 5 | spec: "@yarnpkg/plugin-interactive-tools" 6 | - path: .yarn/plugins/@yarnpkg/plugin-version.cjs 7 | spec: "@yarnpkg/plugin-version" 8 | 9 | yarnPath: .yarn/releases/yarn-berry.cjs 10 | -------------------------------------------------------------------------------- /CODEOWNERS: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pulseshift/ui5-lib-visualization/3c3bcafe70d146eb5717ad4e3ebc7c5ceb5c7ec3/CODEOWNERS -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. 6 | 7 | ## Our Standards 8 | 9 | Examples of behavior that contributes to creating a positive environment include: 10 | 11 | * Using welcoming and inclusive language 12 | * Being respectful of differing viewpoints and experiences 13 | * Gracefully accepting constructive criticism 14 | * Focusing on what is best for the community 15 | * Showing empathy towards other community members 16 | 17 | Examples of unacceptable behavior by participants include: 18 | 19 | * The use of sexualized language or imagery and unwelcome sexual attention or advances 20 | * Trolling, insulting/derogatory comments, and personal or political attacks 21 | * Public or private harassment 22 | * Publishing others' private information, such as a physical or electronic address, without explicit permission 23 | * Other conduct which could reasonably be considered inappropriate in a professional setting 24 | 25 | ## Our Responsibilities 26 | 27 | Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. 28 | 29 | Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. 30 | 31 | ## Scope 32 | 33 | This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. 34 | 35 | ## Enforcement 36 | 37 | Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at hello@pulseshift.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately. 38 | 39 | Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership. 40 | 41 | ## Attribution 42 | 43 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version] 44 | 45 | [homepage]: http://contributor-covenant.org 46 | [version]: http://contributor-covenant.org/version/1/4/ 47 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing & Troubleshooting 2 | 3 | Contributions, questions and comments are all welcome and encouraged. 4 | 5 | Check our [current issues](https://github.com/pulseshift/ui5-lib-visualization/issues) or, if you have something in mind how to make it better, [create your own issue](https://github.com/pulseshift/ui5-lib-visualization/issues/new). We would be happy to discuss how they can be solved. 6 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 PulseShift 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /dist/ui5/viz/ChartArea.js: -------------------------------------------------------------------------------- 1 | "use strict";sap.ui.define(["sap/ui/core/Element","./library"],function(r,i){return r.extend("ui5.viz.ChartArea",{metadata:{library:"ui5.viz",properties:{title:{type:"string",group:"Appereance",defaultValue:null},style:{type:"ui5.viz.ShapeStyle",group:"Appearance",defaultValue:i.ShapeStyle.Solid},color:{type:"sap.ui.core.CSSColor",group:"Appearance",defaultValue:null},axis:{type:"ui5.viz.Axis",group:"Appearance",defaultValue:i.Axis.X},visible:{type:"boolean",group:"Appereance",defaultValue:!0},startValue:{type:"string",group:"Data",defaultValue:null},endValue:{type:"string",group:"Data",defaultValue:null}},aggregations:{},associations:{},events:{areaUpdate:{parameters:{code:{type:"ui5.viz.ChartUpdateCode"}}}}},init:function(){},constructor:function(){r.prototype.constructor.apply(this,arguments)},exit:function(){this.fireAreaUpdate({code:i.ChartUpdateCode.Area})},getStartValue:function(){var e=this.getProperty("startValue");if(this.getProperty("axis")!==i.Axis.X)return e;var t=this.getParent();return t.getXAxisType()===i.AxisType.Time?e:t.getXAxisIndexByValue(e)},getEndValue:function(){var e=this.getProperty("endValue");if(this.getProperty("axis")!==i.Axis.X)return e;var t=this.getParent();return t.getXAxisType()===i.AxisType.Time?e:t.getXAxisIndexByValue(e)},setProperty:function(e,t,a){return["style","color","axis","title","startValue","endValue","visible"].includes(e)?(r.prototype.setProperty.call(this,e,t,!0),this.fireAreaUpdate({code:i.ChartUpdateCode.Area})):r.prototype.setProperty.call(this,e,t,a),this}})},!0); -------------------------------------------------------------------------------- /dist/ui5/viz/ChartAxis.js: -------------------------------------------------------------------------------- 1 | "use strict";sap.ui.define(["sap/ui/core/Element","./library"],function(r,s){return r.extend("ui5.viz.ChartAxis",{metadata:{library:"ui5.viz",properties:{title:{type:"string",group:"Appereance",defaultValue:null},showTitle:{type:"boolean",group:"Appereance",defaultValue:!0},showGridLines:{type:"boolean",group:"Appereance",defaultValue:!1},minValue:{type:"string",group:"Appereance",defaultValue:null},maxValue:{type:"string",group:"Appereance",defaultValue:null},autoTickValues:{type:"boolean",group:"Appereance",defaultValue:!1},paddingTop:{type:"int",group:"Appearance",defaultValue:0},visible:{type:"boolean",group:"Appereance",defaultValue:!0},_axisType:{type:"ui5.viz.Axis",group:"Data",hidden:!0,defaultValue:s.Axis.X}},aggregations:{labels:{type:"ui5.viz.ChartAxisLabel",multiple:!0}},defaultAggregation:"labels",associations:{},events:{axisUpdate:{}}},constructor:function(){r.prototype.constructor.apply(this,arguments)},init:function(){},exit:function(){this.fireAxisUpdate()},insertAggregation:function(e,t,i,a){return"labels"===e&&this.getProperty("_axisType")===s.Axis.X?(r.prototype.insertAggregation.call(this,e,t,!0),t.attachAxisLabelUpdate(this.fireAxisUpdate.bind(this)),this.fireAxisUpdate()):r.prototype.insertAggregation.call(this,e,t,i,a),this},addAggregation:function(e,t,i){return"labels"===e&&this.getProperty("_axisType")===s.Axis.X?(r.prototype.addAggregation.call(this,e,t,!0),t.attachAxisLabelUpdate(this.fireAxisUpdate.bind(this)),this.fireAxisUpdate()):r.prototype.addAggregation.call(this,e,t,i),this},removeAggregation:function(e,t,i){return"labels"===e&&this.getProperty("_axisType")===s.Axis.X?(r.prototype.removeAggregation.call(this,e,t,!0),t.attachAxisLabelUpdate(this.fireAxisUpdate.bind(this)),this.fireAxisUpdate()):r.prototype.removeAggregation.call(this,e,t,i),this},removeAllAggregation:function(e,t){return"labels"===e&&this.getProperty("_axisType")===s.Axis.X?(r.prototype.removeAllAggregation.call(this,e,!0),this.fireAxisUpdate()):r.prototype.removeAllAggregation.call(this,e,t),this},updateAggregation:function(e,t,i){return r.prototype.updateAggregation.call(this,e,t,i),this.fireAxisUpdate(),this},destroyAggregation:function(e,t){return"labels"===e&&this.getProperty("_axisType")===s.Axis.X?(r.prototype.destroyAggregation.call(this,e,!0),this.fireAxisUpdate()):r.prototype.destroyAggregation.call(this,e,t),this},setProperty:function(e,t,i){return["title","showTitle","visible"].includes(e)?(r.prototype.setProperty.call(this,e,t,!0),this.fireAxisUpdate()):r.prototype.setProperty.call(this,e,t,i),this}})},!0); -------------------------------------------------------------------------------- /dist/ui5/viz/ChartAxisLabel-dbg.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | /** 4 | * @example 5 | * Sample Usage (XML View) 6 | * 7 | * @description 8 | * This element must be used with the ui5.viz.Chart control and was designed to work best in XML views and in combination with data binding. 9 | * 10 | * @type {xml} Markdown code type. 11 | * @code 12 | * 13 | * 14 | * 15 | */ 16 | sap.ui.define(['sap/ui/core/Element'], function (Element) { 17 | /** 18 | * Constructor for a new ui5.viz.ChartAxisLabel. 19 | * 20 | * @param {string} [sId] Id for the new control, generated automatically if no id is given 21 | * @param {object} [mSettings] Initial settings for the new control 22 | * 23 | * @class 24 | * The ChartAxisLabel control: ChartAxisLabel container for bar, line and other chart types. Based on C3.js.. 25 | * 26 | * @extends sap.ui.core.Element 27 | * 28 | * @author PulseShift GmbH 29 | * 30 | * @constructor 31 | * @public 32 | * @alias ui5.viz.ChartAxisLabel 33 | */ 34 | return Element.extend('ui5.viz.ChartAxisLabel', { 35 | /* =========================================================== */ 36 | 37 | /* meta data definition */ 38 | 39 | /* =========================================================== */ 40 | metadata: { 41 | library: 'ui5.viz', 42 | properties: { 43 | /* === Appereance === */ 44 | 45 | /** 46 | * Sets axis value 47 | */ 48 | value: { 49 | type: 'any', 50 | group: 'Appereance', 51 | defaultValue: null 52 | }, 53 | 54 | /** 55 | * Sets axis label title 56 | */ 57 | title: { 58 | type: 'string', 59 | group: 'Appereance', 60 | defaultValue: null 61 | }, 62 | 63 | /** 64 | * Sets axis label icon 65 | */ 66 | // icon: { type: "sap.ui.core.URI", group: "Appereance", defaultValue: false } 67 | 68 | /** 69 | * Sets visibility of the element. 70 | */ 71 | visible: { 72 | type: 'boolean', 73 | group: 'Appereance', 74 | defaultValue: true 75 | } 76 | }, 77 | aggregations: {}, 78 | associations: {}, 79 | events: { 80 | /** 81 | * Data was updated 82 | * @event axisLabelUpdate 83 | */ 84 | axisLabelUpdate: {} 85 | } 86 | }, 87 | 88 | /* =========================================================== */ 89 | 90 | /* private attributes */ 91 | 92 | /* =========================================================== */ 93 | 94 | /* =========================================================== */ 95 | 96 | /* constants */ 97 | 98 | /* =========================================================== */ 99 | 100 | /* =========================================================== */ 101 | 102 | /* lifecycle methods */ 103 | 104 | /* =========================================================== */ 105 | 106 | /** 107 | * Constructor for a new ui5.viz.Chart. 108 | * 109 | * @param {string} [sId] Id for the new control, generated automatically if no id is given 110 | * @param {object} [mSettings] Initial settings for the new control 111 | */ 112 | constructor: function constructor() { 113 | Element.prototype.constructor.apply(this, arguments); 114 | }, 115 | 116 | /** 117 | * The init() method can be used to set up, for example, internal variables or subcontrols of a composite control. 118 | * If the init() method is implemented, SAPUI5 invokes the method for each control instance directly after the constructor method. 119 | * @private 120 | * @override 121 | */ 122 | init: function init() {}, 123 | 124 | /** 125 | * The exit() method is used to clean up resources and to deregister event handlers. 126 | * If the exit() method is implemented, SAPUI5 core invokes the method for each control instance when it is destroyed. 127 | * @private 128 | * @override 129 | */ 130 | exit: function exit() { 131 | // inform observers about control destroy 132 | this.fireAxisLabelUpdate(); 133 | }, 134 | 135 | /* =========================================================== */ 136 | 137 | /* override methods */ 138 | 139 | /* =========================================================== */ 140 | 141 | /** 142 | * Overwrites the method in order to check on supported properties. 143 | * 144 | * @param {string} [sName] Property name to be set 145 | * @param {boolean|string|object} [vValue] Property value to be set 146 | * @param {boolean} [bSuppressInvalidation] Whether invalidation to be suppressed 147 | * @return {ui5.viz.ChartDataPoint} This instance for chaining 148 | * @public 149 | * @override 150 | */ 151 | setProperty: function setProperty(sName, vValue, bSuppressInvalidation) { 152 | // to be compatible with chart type category, we must convert all values to string 153 | if (sName === 'value' && vValue !== null && vValue !== undefined) { 154 | vValue = vValue.toString(); 155 | } 156 | 157 | if (['value', 'title', 'visible'].includes(sName)) { 158 | // important: update value, before fire event 159 | Element.prototype.setProperty.call(this, sName, vValue, true); // inform observers about data update 160 | 161 | this.fireAxisLabelUpdate(); 162 | } else { 163 | Element.prototype.setProperty.call(this, sName, vValue, bSuppressInvalidation); 164 | } 165 | 166 | return this; 167 | } 168 | /* =========================================================== */ 169 | 170 | /* public methods */ 171 | 172 | /* =========================================================== */ 173 | 174 | /* =========================================================== */ 175 | 176 | /* private methods */ 177 | 178 | /* =========================================================== */ 179 | 180 | }); 181 | }, 182 | /* bExport= */ 183 | true); -------------------------------------------------------------------------------- /dist/ui5/viz/ChartAxisLabel.js: -------------------------------------------------------------------------------- 1 | "use strict";sap.ui.define(["sap/ui/core/Element"],function(a){return a.extend("ui5.viz.ChartAxisLabel",{metadata:{library:"ui5.viz",properties:{value:{type:"any",group:"Appereance",defaultValue:null},title:{type:"string",group:"Appereance",defaultValue:null},visible:{type:"boolean",group:"Appereance",defaultValue:!0}},aggregations:{},associations:{},events:{axisLabelUpdate:{}}},constructor:function(){a.prototype.constructor.apply(this,arguments)},init:function(){},exit:function(){this.fireAxisLabelUpdate()},setProperty:function(e,t,i){return"value"===e&&null!=t&&(t=t.toString()),["value","title","visible"].includes(e)?(a.prototype.setProperty.call(this,e,t,!0),this.fireAxisLabelUpdate()):a.prototype.setProperty.call(this,e,t,i),this}})},!0); -------------------------------------------------------------------------------- /dist/ui5/viz/ChartDataPoint.js: -------------------------------------------------------------------------------- 1 | "use strict";sap.ui.define(["sap/ui/core/Element","./library"],function(a,l){return a.extend("ui5.viz.ChartDataPoint",{metadata:{library:"ui5.viz",properties:{highlightAnimation:{type:"ui5.viz.DataPointAnimation",group:"Appearance",defaultValue:l.DataPointAnimation.None},type:{type:"ui5.viz.DataPointType",group:"Appearance",defaultValue:l.DataPointType.SingleValue},label:{type:"string",group:"Data",defaultValue:null},tooltipLabel:{type:"string",group:"Data",defaultValue:null},value:{type:"any",group:"Data",defaultValue:null},high:{type:"any",group:"Data",defaultValue:null},low:{type:"any",group:"Data",defaultValue:null},visible:{type:"boolean",group:"Appereance",defaultValue:!0}},aggregations:{},associations:{},events:{dataPointUpdate:{}}},constructor:function(){a.prototype.constructor.apply(this,arguments)},init:function(){},exit:function(){this.fireDataPointUpdate()},setProperty:function(t,e,i){return["value","high","low","label","tooltipLabel","visible","highlightAnimation"].includes(t)?(a.prototype.setProperty.call(this,t,e,!0),this.fireDataPointUpdate()):a.prototype.setProperty.call(this,t,e,i),this},getVisible:function(){if(this.getType()===l.DataPointType.SingleValue){var t=this.getValue();return this.getProperty("visible")&&"null"!==t&&"undefined"!==t&&null!=t}var e=this.getHigh(),i=this.getLow();return this.getProperty("visible")&&"null"!==e&&"undefined"!==e&&null!=e&&"null"!==i&&"undefined"!==i&&null!=i},getValue:function(){var t=this.getProperty("value");return isNaN(t)||null===t?null:parseFloat(t)},getHigh:function(){var t=this.getProperty("high");return isNaN(t)||null===t?null:parseFloat(t)},getLow:function(){var t=this.getProperty("low");return isNaN(t)||null===t?null:parseFloat(t)},getValueOrValuePair:function(){var t=this.getVisible();if(this.getType()===l.DataPointType.SingleValue)return t?this.getValue():null;var e=this.getHigh(),i=this.getLow();return t?{high:e,low:i}:{high:null,low:null}}})}); -------------------------------------------------------------------------------- /dist/ui5/viz/ChartLine.js: -------------------------------------------------------------------------------- 1 | "use strict";sap.ui.define(["sap/ui/core/Element","./library"],function(a,o){return a.extend("ui5.viz.ChartLine",{metadata:{library:"ui5.viz",properties:{title:{type:"string",group:"Appereance",defaultValue:null},titlePosition:{type:"ui5.viz.ChartTitlePosition",group:"Appereance",defaultValue:o.ChartTitlePosition.Start},style:{type:"ui5.viz.LineStyle",group:"Appearance",defaultValue:o.LineStyle.Solid},color:{type:"sap.ui.core.CSSColor",group:"Appearance",defaultValue:null},axis:{type:"ui5.viz.Axis",group:"Appearance",defaultValue:o.Axis.Y},showLineSelector:{type:"boolean",group:"Appearance",defaultValue:!1},selectorIconOnly:{type:"boolean",group:"Appearance",defaultValue:!1},lineSelectorIcon:{type:"sap.ui.core.URI",group:"Appearance",defaultValue:"sap-icon://flag"},visible:{type:"boolean",group:"Appereance",defaultValue:!0},value:{type:"string",group:"Data",defaultValue:null}},aggregations:{},associations:{},events:{lineUpdate:{parameters:{code:{type:"ui5.viz.ChartUpdateCode"}}},selectorPress:{parameters:{line:{type:"ui5.viz.ChartLine"},selectorDomRef:{type:"object"}}}}},constructor:function(){a.prototype.constructor.apply(this,arguments)},init:function(){},exit:function(){this.fireLineUpdate({code:o.ChartUpdateCode.Line})},setProperty:function(e,t,i){return["title","titlePosition","style","color","axis","value","visible"].includes(e)?(a.prototype.setProperty.call(this,e,t,!0),this.fireLineUpdate({code:o.ChartUpdateCode.Line})):a.prototype.setProperty.call(this,e,t,i),this}})},!0); -------------------------------------------------------------------------------- /dist/ui5/viz/ChartSeries.js: -------------------------------------------------------------------------------- 1 | "use strict";sap.ui.define(["sap/ui/core/Element","./library"],function(o,p){return o.extend("ui5.viz.ChartSeries",{metadata:{library:"ui5.viz",properties:{type:{type:"ui5.viz.ChartSeriesType",group:"Appearance",defaultValue:p.ChartSeriesType.Spline},name:{type:"string",group:"Appearance",defaultValue:null},color:{type:"sap.ui.core.CSSColor",group:"Appearance",defaultValue:null},showLabels:{type:"boolean",group:"Appearance",defaultValue:!1},lineStyle:{type:"ui5.viz.LineStyle",group:"Appearance",defaultValue:p.LineStyle.Solid},shapeStyle:{type:"ui5.viz.ShapeStyle",group:"Appearance",defaultValue:p.ShapeStyle.Solid},lineAnimationSpeed:{type:"ui5.viz.AnimationSpeed",group:"Appearance",defaultValue:p.AnimationSpeed.None},lineAnimationForwards:{type:"boolean",group:"Appearance",defaultValue:!0},groupKey:{type:"string",group:"Appearance",defaultValue:null},yAxis:{type:"ui5.viz.Axis",group:"Appearance",defaultValue:p.Axis.Y},visible:{type:"boolean",group:"Appereance",defaultValue:!0},key:{type:"string",group:"Data",defaultValue:null}},aggregations:{data:{type:"ui5.viz.ChartDataPoint",multiple:!0}},defaultAggregation:"data",associations:{},events:{seriesDataUpdate:{parameters:{code:{type:"ui5.viz.ChartUpdateCode"}}},seriesVisibilityChange:{parameters:{chartSeries:{type:"ui5.viz.ChartSeries"}}}}},constructor:function(){o.prototype.constructor.apply(this,arguments)},init:function(){},exit:function(){this.fireSeriesDataUpdate({code:p.ChartUpdateCode.DataPoint})},getKey:function(){var e=this.getProperty("key");return p.toValidHtmlID(e)},insertAggregation:function(e,t,a,i){var r=this;return"data"===e?(o.prototype.insertAggregation.call(this,e,t,!0),t.attachDataPointUpdate(function(){r.fireSeriesDataUpdate({code:p.ChartUpdateCode.DataPoint})}),this.fireSeriesDataUpdate({code:p.ChartUpdateCode.DataPoint})):o.prototype.insertAggregation.call(this,e,t,a,i),this},addAggregation:function(e,t,a){var i=this;return"data"===e?(o.prototype.addAggregation.call(this,e,t,!0),t.attachDataPointUpdate(function(){i.fireSeriesDataUpdate({code:p.ChartUpdateCode.DataPoint})}),this.fireSeriesDataUpdate({code:p.ChartUpdateCode.DataPoint})):o.prototype.addAggregation.call(this,e,t,a),this},removeAggregation:function(e,t,a){var i=this;return"data"===e?(o.prototype.removeAggregation.call(this,e,t,!0),t.attachDataPointUpdate(function(){i.fireSeriesDataUpdate({code:p.ChartUpdateCode.DataPoint})}),this.fireSeriesDataUpdate({code:p.ChartUpdateCode.DataPoint})):o.prototype.removeAggregation.call(this,e,t,a),this},updateAggregation:function(e,t,a){return o.prototype.updateAggregation.call(this,e,t,a),this.fireSeriesDataUpdate({code:p.ChartUpdateCode.DataPoint}),this},removeAllAggregation:function(e,t){return"data"===e?(o.prototype.removeAllAggregation.call(this,e,!0),this.fireSeriesDataUpdate({code:p.ChartUpdateCode.DataPoint})):o.prototype.removeAllAggregation.call(this,e,t),this},destroyAggregation:function(e,t){return"data"===e?(o.prototype.destroyAggregation.call(this,e,!0),this.fireSeriesDataUpdate({code:p.ChartUpdateCode.DataPoint})):o.prototype.destroyAggregation.call(this,e,t),this},setProperty:function(e,t,a){return["type","name","color","showLabels","groupKey","visible","yAxis","lineStyle","shapeStyle","lineAnimationSpeed","lineAnimationForwards"].includes(e)?(o.prototype.setProperty.call(this,e,t,!0),this.fireSeriesDataUpdate()):"visible"===e?(o.prototype.setProperty.call(this,e,t,!0),this.fireSeriesVisibilityChange({chartSeries:this})):o.prototype.setProperty.call(this,e,t,a),this}})},!0); -------------------------------------------------------------------------------- /dist/ui5/viz/Color-dbg.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | /** 4 | * @example 5 | * Sample Usage (XML View) 6 | * 7 | * @description 8 | * This element must be used with the ui5.viz.Chart control and was designed to work best in XML views and in combination with data binding. 9 | * 10 | * @type {xml} Markdown code type. 11 | * @code 12 | * 13 | * 14 | * 15 | */ 16 | sap.ui.define(['sap/ui/core/Element', './library'], function (Element) { 17 | /** 18 | * Constructor for a new ui5.viz.Color. 19 | * 20 | * @param {string} [sId] Id for the new control, generated automatically if no id is given 21 | * @param {object} [mSettings] Initial settings for the new control 22 | * 23 | * @class 24 | * The Color control: Color container for bar, line and other chart types. Based on C3.js.. 25 | * 26 | * @extends sap.ui.core.Element 27 | * 28 | * @author PulseShift GmbH 29 | * 30 | * @constructor 31 | * @public 32 | * @alias ui5.viz.Color 33 | */ 34 | return Element.extend('ui5.viz.Color', { 35 | /* =========================================================== */ 36 | 37 | /* meta data definition */ 38 | 39 | /* =========================================================== */ 40 | metadata: { 41 | library: 'ui5.viz', 42 | properties: { 43 | /* === Appereance === */ 44 | 45 | /** 46 | * Sets the CSS value for the color 47 | */ 48 | color: { 49 | type: 'sap.ui.core.CSSColor', 50 | group: 'Appereance', 51 | defaultValue: null 52 | } 53 | }, 54 | aggregations: {}, 55 | associations: {}, 56 | events: {} 57 | }, 58 | 59 | /* =========================================================== */ 60 | 61 | /* private attributes */ 62 | 63 | /* =========================================================== */ 64 | 65 | /* =========================================================== */ 66 | 67 | /* constants */ 68 | 69 | /* =========================================================== */ 70 | 71 | /* =========================================================== */ 72 | 73 | /* lifecycle methods */ 74 | 75 | /* =========================================================== */ 76 | 77 | /** 78 | * Constructor for a new ui5.viz.Chart. 79 | * 80 | * @param {string} [sId] Id for the new control, generated automatically if no id is given 81 | * @param {object} [mSettings] Initial settings for the new control 82 | */ 83 | constructor: function constructor() { 84 | Element.prototype.constructor.apply(this, arguments); 85 | }, 86 | 87 | /** 88 | * The init() method can be used to set up, for example, internal variables or subcontrols of a composite control. 89 | * If the init() method is implemented, SAPUI5 invokes the method for each control instance directly after the constructor method. 90 | * @private 91 | * @override 92 | */ 93 | init: function init() {} 94 | /** 95 | * The exit() method is used to clean up resources and to deregister event handlers. 96 | * If the exit() method is implemented, SAPUI5 core invokes the method for each control instance when it is destroyed. 97 | * @private 98 | * @override 99 | */ 100 | // exit() {}, 101 | 102 | /* =========================================================== */ 103 | 104 | /* override methods */ 105 | 106 | /* =========================================================== */ 107 | 108 | /* =========================================================== */ 109 | 110 | /* public methods */ 111 | 112 | /* =========================================================== */ 113 | 114 | /* =========================================================== */ 115 | 116 | /* private methods */ 117 | 118 | /* =========================================================== */ 119 | 120 | }); 121 | }, 122 | /* bExport= */ 123 | true); -------------------------------------------------------------------------------- /dist/ui5/viz/Color.js: -------------------------------------------------------------------------------- 1 | "use strict";sap.ui.define(["sap/ui/core/Element","./library"],function(t){return t.extend("ui5.viz.Color",{metadata:{library:"ui5.viz",properties:{color:{type:"sap.ui.core.CSSColor",group:"Appereance",defaultValue:null}},aggregations:{},associations:{},events:{}},constructor:function(){t.prototype.constructor.apply(this,arguments)},init:function(){}})},!0); -------------------------------------------------------------------------------- /dist/ui5/viz/library.js: -------------------------------------------------------------------------------- 1 | "use strict";function _slicedToArray(t,i){return _arrayWithHoles(t)||_iterableToArrayLimit(t,i)||_unsupportedIterableToArray(t,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var e=Object.prototype.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?_arrayLikeToArray(t,i):void 0}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var e=0,r=new Array(i);espan{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path,.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1} -------------------------------------------------------------------------------- /dist/ui5/viz/libs/lodash.debounce.js: -------------------------------------------------------------------------------- 1 | "use strict";function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}sap.ui.define([],function(){var e={},n={exports:null};return function(t){"object"===_typeof(e)&&void 0!==n?n.exports=t():"function"==typeof define&&define.amd?define([],t):("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).lodashDebounce=t()}(function(){return function i(f,u,c){function l(e,t){if(!u[e]){if(!f[e]){var n="function"==typeof require&&require;if(!t&&n)return n(e,!0);if(a)return a(e,!0);var o=new Error("Cannot find module '"+e+"'");throw o.code="MODULE_NOT_FOUND",o}var r=u[e]={exports:{}};f[e][0].call(r.exports,function(t){return l(f[e][1][t]||t)},r,r.exports,i,f,u,c)}return u[e].exports}for(var a="function"==typeof require&&require,t=0;tspan{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path,.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}.ui5-viz-chart{display:inline-block;font-family:Arial,Helvetica,sans-serif;transition:background-color .15s ease-in-out}@-webkit-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-moz-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-ms-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-o-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}.ui5-viz-chart .c3-line{stroke-linejoin:round;stroke-width:2}.ui5-viz-chart .c3-axis.c3-axis-x .tick text,.ui5-viz-chart .c3-axis.c3-axis-y .tick text,.ui5-viz-chart .c3-axis.c3-axis-y2 .tick text{font-size:.75rem;font-weight:400;fill:#707070}.ui5-viz-chart .c3-axis-x .tick text{font-weight:400;fill:#707070}.ui5-viz-chart text.c3-axis-x-label,.ui5-viz-chart text.c3-axis-y-label,.ui5-viz-chart text.c3-axis-y2-label{font-size:.875rem;font-weight:700;fill:#000}.ui5-viz-chart .c3-axis-x line,.ui5-viz-chart .c3-axis-x path,.ui5-viz-chart .c3-axis.c3-axis-x line,.ui5-viz-chart .c3-axis.c3-axis-x path{stroke:#e5e5e5}.ui5-viz-chart .c3-axis.c3-axis-y line,.ui5-viz-chart .c3-axis.c3-axis-y path,.ui5-viz-chart .c3-axis.c3-axis-y2 line,.ui5-viz-chart .c3-axis.c3-axis-y2 path{stroke-width:0}.ui5-viz-chart text.c3-text{font-size:.75rem;fill:#707070!important}.ui5-viz-chart .c3-xgrid-line text,.ui5-viz-chart .c3-y2grid-line text,.ui5-viz-chart .c3-ygrid-line text{font-size:.75rem}.ui5-viz-chart circle.c3-circle{stroke:#fff;stroke-width:1px;stroke-dasharray:0!important;stroke-dashoffset:0!important; 2 | r: 4; 3 | }.ui5-viz-chart circle.ui5-viz-chart-point-highlight-pulsate{animation:2s ease-out infinite pulsating-circle;stroke:inherit}@keyframes pulsating-circle{0%,100%{ 4 | r: 3.5; 5 | }20%{ 6 | r: 6; 7 | }}.ui5-viz-chart.ui5-viz-chart-hide-data-points circle.c3-circle{display:none}.ui5-viz-chart .c3-tooltip{opacity:1;border-radius:2px;background-color:#fafafa;box-shadow:rgba(0,0,0,.19) 0 10px 30px,rgba(0,0,0,.23) 0 6px 10px}.ui5-viz-chart .c3-tooltip th{padding:1.5rem 1rem .5rem;color:#000;background-color:transparent}.ui5-viz-chart .c3-tooltip td,.ui5-viz-chart .c3-tooltip tr{border:none;background-color:transparent}.ui5-viz-chart .c3-tooltip td.name{color:#333;padding:.5rem 1rem .5rem .25rem}.ui5-viz-chart .c3-tooltip td.value{text-align:left;padding:.5rem .25rem .5rem 1rem}.ui5-viz-chart .c3-tooltip tr:last-child td.name,.ui5-viz-chart .c3-tooltip tr:last-child td.value{padding-bottom:1.5rem}.ui5-viz-chart.ui5-viz-chart-noclippath svg{overflow:visible!important}.ui5-viz-chart.ui5-viz-chart-noclippath svg defs clippath{display:none}.ui5-viz-chart .ui5-viz-chart-line line{transition:stroke .15s ease-in-out;stroke-linecap:round}.ui5-viz-chart .ui5-viz-chart-line text{transition:fill .15s ease-in-out;text-shadow:0 0 5px #fff}.ui5-viz-chart .ui5-viz-chart-line-default line{stroke-dasharray:0}.ui5-viz-chart .ui5-viz-chart-line-dashed line{stroke-dasharray:5}.ui5-viz-chart .ui5-viz-chart-line-dotted line{stroke-dasharray:1 5}.ui5-viz-chart .c3-grid-lines-circle-text{display:none;font-family:SAP-icons;font-size:1rem!important;transform:translate(-1px,0)}.ui5-viz-chart .c3-grid-lines-circle{stroke:#aaa;display:none;transform:translate(-1px,0)}.ui5-viz-chart text.c3-region-text{font-weight:700;font-size:1rem;transform:rotate(90deg);text-shadow:0 0 5px #fff}.ui5-viz-chart .c3-grid-lines-circle-hover{stroke:#aaa;display:none;stroke-dashoffset:50rem;transform:translate(-1px,0);transition:r .15s ease-in-out;-webkit-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-moz-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-ms-animation:ui5-viz-chart-dash-animation 150s 0s linear infinite forwards;-o-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;animation:150s linear infinite forwards ui5-viz-chart-dash-animation}.ui5-viz-chart .ui5-viz-chart-line-selector-visible .c3-grid-lines-circle-text,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle-hover{display:inherit}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle-hover{display:none;stroke:transparent}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly .c3-grid-lines-circle-text{font-family:SAP-icons;transform:translate(-4px,0)} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/base/library-parameters.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/base/library.css: -------------------------------------------------------------------------------- 1 | .c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle{fill:currentColor}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-region text{fill-opacity:1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path,.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}.ui5-viz-chart{display:inline-block;font-family:Arial,Helvetica,sans-serif;transition:background-color .15s ease-in-out}@-webkit-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-moz-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-ms-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-o-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}.ui5-viz-chart .c3-line{stroke-linejoin:round;stroke-width:2}.ui5-viz-chart .c3-axis.c3-axis-x .tick text,.ui5-viz-chart .c3-axis.c3-axis-y .tick text,.ui5-viz-chart .c3-axis.c3-axis-y2 .tick text{font-size:.75rem;font-weight:400;fill:#707070}.ui5-viz-chart .c3-axis-x .tick text{font-weight:400;fill:#707070}.ui5-viz-chart text.c3-axis-x-label,.ui5-viz-chart text.c3-axis-y-label,.ui5-viz-chart text.c3-axis-y2-label{font-size:.875rem;font-weight:700;fill:#000}.ui5-viz-chart .c3-axis-x line,.ui5-viz-chart .c3-axis-x path,.ui5-viz-chart .c3-axis.c3-axis-x line,.ui5-viz-chart .c3-axis.c3-axis-x path{stroke:#e5e5e5}.ui5-viz-chart .c3-axis.c3-axis-y line,.ui5-viz-chart .c3-axis.c3-axis-y path,.ui5-viz-chart .c3-axis.c3-axis-y2 line,.ui5-viz-chart .c3-axis.c3-axis-y2 path{stroke-width:0}.ui5-viz-chart text.c3-text{font-size:.75rem;fill:#707070!important}.ui5-viz-chart .c3-xgrid-line text,.ui5-viz-chart .c3-y2grid-line text,.ui5-viz-chart .c3-ygrid-line text{font-size:.75rem}.ui5-viz-chart circle.c3-circle{stroke:#fff;stroke-width:1px;stroke-dasharray:0!important;stroke-dashoffset:0!important; 2 | r: 4; 3 | }.ui5-viz-chart circle.ui5-viz-chart-point-highlight-pulsate{animation:2s ease-out infinite pulsating-circle;stroke:inherit}@keyframes pulsating-circle{0%,100%{ 4 | r: 3.5; 5 | }20%{ 6 | r: 6; 7 | }}.ui5-viz-chart.ui5-viz-chart-hide-data-points circle.c3-circle{display:none}.ui5-viz-chart .c3-tooltip{opacity:1;border-radius:2px;background-color:#fafafa;box-shadow:rgba(0,0,0,.19) 0 10px 30px,rgba(0,0,0,.23) 0 6px 10px}.ui5-viz-chart .c3-tooltip th{padding:1.5rem 1rem .5rem;color:#000;background-color:transparent}.ui5-viz-chart .c3-tooltip td,.ui5-viz-chart .c3-tooltip tr{border:none;background-color:transparent}.ui5-viz-chart .c3-tooltip td.name{color:#333;padding:.5rem .25rem .5rem 1rem}.ui5-viz-chart .c3-tooltip td.value{text-align:left;padding:.5rem 1rem .5rem .25rem}.ui5-viz-chart .c3-tooltip tr:last-child td.name,.ui5-viz-chart .c3-tooltip tr:last-child td.value{padding-bottom:1.5rem}.ui5-viz-chart.ui5-viz-chart-noclippath svg{overflow:visible!important}.ui5-viz-chart.ui5-viz-chart-noclippath svg defs clippath{display:none}.ui5-viz-chart .ui5-viz-chart-line line{transition:stroke .15s ease-in-out;stroke-linecap:round}.ui5-viz-chart .ui5-viz-chart-line text{transition:fill .15s ease-in-out;text-shadow:0 0 5px #fff}.ui5-viz-chart .ui5-viz-chart-line-default line{stroke-dasharray:0}.ui5-viz-chart .ui5-viz-chart-line-dashed line{stroke-dasharray:5}.ui5-viz-chart .ui5-viz-chart-line-dotted line{stroke-dasharray:1 5}.ui5-viz-chart .c3-grid-lines-circle-text{display:none;font-family:SAP-icons;font-size:1rem!important;transform:translate(1px,0)}.ui5-viz-chart .c3-grid-lines-circle{stroke:#aaa;display:none;transform:translate(1px,0)}.ui5-viz-chart text.c3-region-text{font-weight:700;font-size:1rem;transform:rotate(-90deg);text-shadow:0 0 5px #fff}.ui5-viz-chart .c3-grid-lines-circle-hover{stroke:#aaa;display:none;stroke-dashoffset:50rem;transform:translate(1px,0);transition:r .15s ease-in-out;-webkit-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-moz-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-ms-animation:ui5-viz-chart-dash-animation 150s 0s linear infinite forwards;-o-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;animation:150s linear infinite forwards ui5-viz-chart-dash-animation}.ui5-viz-chart .ui5-viz-chart-line-selector-visible .c3-grid-lines-circle-text,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle-hover{display:inherit}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle-hover{display:none;stroke:transparent}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly .c3-grid-lines-circle-text{font-family:SAP-icons;transform:translate(4px,0)} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/psmaterial/library-RTL.css: -------------------------------------------------------------------------------- 1 | .c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle{fill:currentColor}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-region text{fill-opacity:1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path,.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}.ui5-viz-chart{display:inline-block;font-family:Arial,Helvetica,sans-serif;transition:background-color .15s ease-in-out}@-webkit-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-moz-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-ms-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-o-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}.ui5-viz-chart .c3-line{stroke-linejoin:round;stroke-width:2}.ui5-viz-chart .c3-axis.c3-axis-x .tick text,.ui5-viz-chart .c3-axis.c3-axis-y .tick text,.ui5-viz-chart .c3-axis.c3-axis-y2 .tick text{font-size:.75rem;font-weight:400;fill:#707070}.ui5-viz-chart .c3-axis-x .tick text{font-weight:400;fill:#707070}.ui5-viz-chart text.c3-axis-x-label,.ui5-viz-chart text.c3-axis-y-label,.ui5-viz-chart text.c3-axis-y2-label{font-size:.875rem;font-weight:700;fill:#000}.ui5-viz-chart .c3-axis-x line,.ui5-viz-chart .c3-axis-x path,.ui5-viz-chart .c3-axis.c3-axis-x line,.ui5-viz-chart .c3-axis.c3-axis-x path{stroke:#e5e5e5}.ui5-viz-chart .c3-axis.c3-axis-y line,.ui5-viz-chart .c3-axis.c3-axis-y path,.ui5-viz-chart .c3-axis.c3-axis-y2 line,.ui5-viz-chart .c3-axis.c3-axis-y2 path{stroke-width:0}.ui5-viz-chart text.c3-text{font-size:.75rem;fill:#707070!important}.ui5-viz-chart .c3-xgrid-line text,.ui5-viz-chart .c3-y2grid-line text,.ui5-viz-chart .c3-ygrid-line text{font-size:.75rem}.ui5-viz-chart circle.c3-circle{stroke:#fff;stroke-width:1px;stroke-dasharray:0!important;stroke-dashoffset:0!important; 2 | r: 4; 3 | }.ui5-viz-chart circle.ui5-viz-chart-point-highlight-pulsate{animation:2s ease-out infinite pulsating-circle;stroke:inherit}@keyframes pulsating-circle{0%,100%{ 4 | r: 3.5; 5 | }20%{ 6 | r: 6; 7 | }}.ui5-viz-chart.ui5-viz-chart-hide-data-points circle.c3-circle{display:none}.ui5-viz-chart .c3-tooltip{opacity:1;border-radius:2px;background-color:#fafafa;box-shadow:rgba(0,0,0,.19) 0 10px 30px,rgba(0,0,0,.23) 0 6px 10px}.ui5-viz-chart .c3-tooltip th{padding:1.5rem 1rem .5rem;color:#000;background-color:transparent}.ui5-viz-chart .c3-tooltip td,.ui5-viz-chart .c3-tooltip tr{border:none;background-color:transparent}.ui5-viz-chart .c3-tooltip td.name{color:#333;padding:.5rem 1rem .5rem .25rem}.ui5-viz-chart .c3-tooltip td.value{text-align:left;padding:.5rem .25rem .5rem 1rem}.ui5-viz-chart .c3-tooltip tr:last-child td.name,.ui5-viz-chart .c3-tooltip tr:last-child td.value{padding-bottom:1.5rem}.ui5-viz-chart.ui5-viz-chart-noclippath svg{overflow:visible!important}.ui5-viz-chart.ui5-viz-chart-noclippath svg defs clippath{display:none}.ui5-viz-chart .ui5-viz-chart-line line{transition:stroke .15s ease-in-out;stroke-linecap:round}.ui5-viz-chart .ui5-viz-chart-line text{transition:fill .15s ease-in-out;text-shadow:0 0 5px #fff}.ui5-viz-chart .ui5-viz-chart-line-default line{stroke-dasharray:0}.ui5-viz-chart .ui5-viz-chart-line-dashed line{stroke-dasharray:5}.ui5-viz-chart .ui5-viz-chart-line-dotted line{stroke-dasharray:1 5}.ui5-viz-chart .c3-grid-lines-circle-text{display:none;font-family:SAP-icons;font-size:1rem!important;transform:translate(-1px,0)}.ui5-viz-chart .c3-grid-lines-circle{stroke:#aaa;display:none;transform:translate(-1px,0)}.ui5-viz-chart text.c3-region-text{font-weight:700;font-size:1rem;transform:rotate(90deg);text-shadow:0 0 5px #fff}.ui5-viz-chart .c3-grid-lines-circle-hover{stroke:#aaa;display:none;stroke-dashoffset:50rem;transform:translate(-1px,0);transition:r .15s ease-in-out;-webkit-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-moz-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-ms-animation:ui5-viz-chart-dash-animation 150s 0s linear infinite forwards;-o-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;animation:150s linear infinite forwards ui5-viz-chart-dash-animation}.ui5-viz-chart .ui5-viz-chart-line-selector-visible .c3-grid-lines-circle-text,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle-hover{display:inherit}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle-hover{display:none;stroke:transparent}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly .c3-grid-lines-circle-text{font-family:SAP-icons;transform:translate(-4px,0)} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/psmaterial/library-parameters.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/psmaterial/library.css: -------------------------------------------------------------------------------- 1 | .c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle{fill:currentColor}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-region text{fill-opacity:1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path,.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}.ui5-viz-chart{display:inline-block;font-family:Arial,Helvetica,sans-serif;transition:background-color .15s ease-in-out}@-webkit-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-moz-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-ms-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-o-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}.ui5-viz-chart .c3-line{stroke-linejoin:round;stroke-width:2}.ui5-viz-chart .c3-axis.c3-axis-x .tick text,.ui5-viz-chart .c3-axis.c3-axis-y .tick text,.ui5-viz-chart .c3-axis.c3-axis-y2 .tick text{font-size:.75rem;font-weight:400;fill:#707070}.ui5-viz-chart .c3-axis-x .tick text{font-weight:400;fill:#707070}.ui5-viz-chart text.c3-axis-x-label,.ui5-viz-chart text.c3-axis-y-label,.ui5-viz-chart text.c3-axis-y2-label{font-size:.875rem;font-weight:700;fill:#000}.ui5-viz-chart .c3-axis-x line,.ui5-viz-chart .c3-axis-x path,.ui5-viz-chart .c3-axis.c3-axis-x line,.ui5-viz-chart .c3-axis.c3-axis-x path{stroke:#e5e5e5}.ui5-viz-chart .c3-axis.c3-axis-y line,.ui5-viz-chart .c3-axis.c3-axis-y path,.ui5-viz-chart .c3-axis.c3-axis-y2 line,.ui5-viz-chart .c3-axis.c3-axis-y2 path{stroke-width:0}.ui5-viz-chart text.c3-text{font-size:.75rem;fill:#707070!important}.ui5-viz-chart .c3-xgrid-line text,.ui5-viz-chart .c3-y2grid-line text,.ui5-viz-chart .c3-ygrid-line text{font-size:.75rem}.ui5-viz-chart circle.c3-circle{stroke:#fff;stroke-width:1px;stroke-dasharray:0!important;stroke-dashoffset:0!important; 2 | r: 4; 3 | }.ui5-viz-chart circle.ui5-viz-chart-point-highlight-pulsate{animation:2s ease-out infinite pulsating-circle;stroke:inherit}@keyframes pulsating-circle{0%,100%{ 4 | r: 3.5; 5 | }20%{ 6 | r: 6; 7 | }}.ui5-viz-chart.ui5-viz-chart-hide-data-points circle.c3-circle{display:none}.ui5-viz-chart .c3-tooltip{opacity:1;border-radius:2px;background-color:#fafafa;box-shadow:rgba(0,0,0,.19) 0 10px 30px,rgba(0,0,0,.23) 0 6px 10px}.ui5-viz-chart .c3-tooltip th{padding:1.5rem 1rem .5rem;color:#000;background-color:transparent}.ui5-viz-chart .c3-tooltip td,.ui5-viz-chart .c3-tooltip tr{border:none;background-color:transparent}.ui5-viz-chart .c3-tooltip td.name{color:#333;padding:.5rem .25rem .5rem 1rem}.ui5-viz-chart .c3-tooltip td.value{text-align:left;padding:.5rem 1rem .5rem .25rem}.ui5-viz-chart .c3-tooltip tr:last-child td.name,.ui5-viz-chart .c3-tooltip tr:last-child td.value{padding-bottom:1.5rem}.ui5-viz-chart.ui5-viz-chart-noclippath svg{overflow:visible!important}.ui5-viz-chart.ui5-viz-chart-noclippath svg defs clippath{display:none}.ui5-viz-chart .ui5-viz-chart-line line{transition:stroke .15s ease-in-out;stroke-linecap:round}.ui5-viz-chart .ui5-viz-chart-line text{transition:fill .15s ease-in-out;text-shadow:0 0 5px #fff}.ui5-viz-chart .ui5-viz-chart-line-default line{stroke-dasharray:0}.ui5-viz-chart .ui5-viz-chart-line-dashed line{stroke-dasharray:5}.ui5-viz-chart .ui5-viz-chart-line-dotted line{stroke-dasharray:1 5}.ui5-viz-chart .c3-grid-lines-circle-text{display:none;font-family:SAP-icons;font-size:1rem!important;transform:translate(1px,0)}.ui5-viz-chart .c3-grid-lines-circle{stroke:#aaa;display:none;transform:translate(1px,0)}.ui5-viz-chart text.c3-region-text{font-weight:700;font-size:1rem;transform:rotate(-90deg);text-shadow:0 0 5px #fff}.ui5-viz-chart .c3-grid-lines-circle-hover{stroke:#aaa;display:none;stroke-dashoffset:50rem;transform:translate(1px,0);transition:r .15s ease-in-out;-webkit-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-moz-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-ms-animation:ui5-viz-chart-dash-animation 150s 0s linear infinite forwards;-o-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;animation:150s linear infinite forwards ui5-viz-chart-dash-animation}.ui5-viz-chart .ui5-viz-chart-line-selector-visible .c3-grid-lines-circle-text,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle-hover{display:inherit}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle-hover{display:none;stroke:transparent}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly .c3-grid-lines-circle-text{font-family:SAP-icons;transform:translate(4px,0)} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/sap_belize/library-RTL.css: -------------------------------------------------------------------------------- 1 | .c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle{fill:currentColor}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-region text{fill-opacity:1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path,.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}.ui5-viz-chart{display:inline-block;font-family:Arial,Helvetica,sans-serif;transition:background-color .15s ease-in-out}@-webkit-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-moz-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-ms-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-o-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}.ui5-viz-chart .c3-line{stroke-linejoin:round;stroke-width:2}.ui5-viz-chart .c3-axis.c3-axis-x .tick text,.ui5-viz-chart .c3-axis.c3-axis-y .tick text,.ui5-viz-chart .c3-axis.c3-axis-y2 .tick text{font-size:.75rem;font-weight:400;fill:#707070}.ui5-viz-chart .c3-axis-x .tick text{font-weight:400;fill:#707070}.ui5-viz-chart text.c3-axis-x-label,.ui5-viz-chart text.c3-axis-y-label,.ui5-viz-chart text.c3-axis-y2-label{font-size:.875rem;font-weight:700;fill:#000}.ui5-viz-chart .c3-axis-x line,.ui5-viz-chart .c3-axis-x path,.ui5-viz-chart .c3-axis.c3-axis-x line,.ui5-viz-chart .c3-axis.c3-axis-x path{stroke:#e5e5e5}.ui5-viz-chart .c3-axis.c3-axis-y line,.ui5-viz-chart .c3-axis.c3-axis-y path,.ui5-viz-chart .c3-axis.c3-axis-y2 line,.ui5-viz-chart .c3-axis.c3-axis-y2 path{stroke-width:0}.ui5-viz-chart text.c3-text{font-size:.75rem;fill:#707070!important}.ui5-viz-chart .c3-xgrid-line text,.ui5-viz-chart .c3-y2grid-line text,.ui5-viz-chart .c3-ygrid-line text{font-size:.75rem}.ui5-viz-chart circle.c3-circle{stroke:#fff;stroke-width:1px;stroke-dasharray:0!important;stroke-dashoffset:0!important; 2 | r: 4; 3 | }.ui5-viz-chart circle.ui5-viz-chart-point-highlight-pulsate{animation:2s ease-out infinite pulsating-circle;stroke:inherit}@keyframes pulsating-circle{0%,100%{ 4 | r: 3.5; 5 | }20%{ 6 | r: 6; 7 | }}.ui5-viz-chart.ui5-viz-chart-hide-data-points circle.c3-circle{display:none}.ui5-viz-chart .c3-tooltip{opacity:1;border-radius:2px;background-color:#fafafa;box-shadow:rgba(0,0,0,.19) 0 10px 30px,rgba(0,0,0,.23) 0 6px 10px}.ui5-viz-chart .c3-tooltip th{padding:1.5rem 1rem .5rem;color:#000;background-color:transparent}.ui5-viz-chart .c3-tooltip td,.ui5-viz-chart .c3-tooltip tr{border:none;background-color:transparent}.ui5-viz-chart .c3-tooltip td.name{color:#333;padding:.5rem 1rem .5rem .25rem}.ui5-viz-chart .c3-tooltip td.value{text-align:left;padding:.5rem .25rem .5rem 1rem}.ui5-viz-chart .c3-tooltip tr:last-child td.name,.ui5-viz-chart .c3-tooltip tr:last-child td.value{padding-bottom:1.5rem}.ui5-viz-chart.ui5-viz-chart-noclippath svg{overflow:visible!important}.ui5-viz-chart.ui5-viz-chart-noclippath svg defs clippath{display:none}.ui5-viz-chart .ui5-viz-chart-line line{transition:stroke .15s ease-in-out;stroke-linecap:round}.ui5-viz-chart .ui5-viz-chart-line text{transition:fill .15s ease-in-out;text-shadow:0 0 5px #fff}.ui5-viz-chart .ui5-viz-chart-line-default line{stroke-dasharray:0}.ui5-viz-chart .ui5-viz-chart-line-dashed line{stroke-dasharray:5}.ui5-viz-chart .ui5-viz-chart-line-dotted line{stroke-dasharray:1 5}.ui5-viz-chart .c3-grid-lines-circle-text{display:none;font-family:SAP-icons;font-size:1rem!important;transform:translate(-1px,0)}.ui5-viz-chart .c3-grid-lines-circle{stroke:#aaa;display:none;transform:translate(-1px,0)}.ui5-viz-chart text.c3-region-text{font-weight:700;font-size:1rem;transform:rotate(90deg);text-shadow:0 0 5px #fff}.ui5-viz-chart .c3-grid-lines-circle-hover{stroke:#aaa;display:none;stroke-dashoffset:50rem;transform:translate(-1px,0);transition:r .15s ease-in-out;-webkit-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-moz-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-ms-animation:ui5-viz-chart-dash-animation 150s 0s linear infinite forwards;-o-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;animation:150s linear infinite forwards ui5-viz-chart-dash-animation}.ui5-viz-chart .ui5-viz-chart-line-selector-visible .c3-grid-lines-circle-text,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle-hover{display:inherit}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle-hover{display:none;stroke:transparent}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly .c3-grid-lines-circle-text{font-family:SAP-icons;transform:translate(-4px,0)} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/sap_belize/library-parameters.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/sap_belize/library.css: -------------------------------------------------------------------------------- 1 | .c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle{fill:currentColor}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-region text{fill-opacity:1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path,.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}.ui5-viz-chart{display:inline-block;font-family:Arial,Helvetica,sans-serif;transition:background-color .15s ease-in-out}@-webkit-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-moz-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-ms-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-o-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}.ui5-viz-chart .c3-line{stroke-linejoin:round;stroke-width:2}.ui5-viz-chart .c3-axis.c3-axis-x .tick text,.ui5-viz-chart .c3-axis.c3-axis-y .tick text,.ui5-viz-chart .c3-axis.c3-axis-y2 .tick text{font-size:.75rem;font-weight:400;fill:#707070}.ui5-viz-chart .c3-axis-x .tick text{font-weight:400;fill:#707070}.ui5-viz-chart text.c3-axis-x-label,.ui5-viz-chart text.c3-axis-y-label,.ui5-viz-chart text.c3-axis-y2-label{font-size:.875rem;font-weight:700;fill:#000}.ui5-viz-chart .c3-axis-x line,.ui5-viz-chart .c3-axis-x path,.ui5-viz-chart .c3-axis.c3-axis-x line,.ui5-viz-chart .c3-axis.c3-axis-x path{stroke:#e5e5e5}.ui5-viz-chart .c3-axis.c3-axis-y line,.ui5-viz-chart .c3-axis.c3-axis-y path,.ui5-viz-chart .c3-axis.c3-axis-y2 line,.ui5-viz-chart .c3-axis.c3-axis-y2 path{stroke-width:0}.ui5-viz-chart text.c3-text{font-size:.75rem;fill:#707070!important}.ui5-viz-chart .c3-xgrid-line text,.ui5-viz-chart .c3-y2grid-line text,.ui5-viz-chart .c3-ygrid-line text{font-size:.75rem}.ui5-viz-chart circle.c3-circle{stroke:#fff;stroke-width:1px;stroke-dasharray:0!important;stroke-dashoffset:0!important; 2 | r: 4; 3 | }.ui5-viz-chart circle.ui5-viz-chart-point-highlight-pulsate{animation:2s ease-out infinite pulsating-circle;stroke:inherit}@keyframes pulsating-circle{0%,100%{ 4 | r: 3.5; 5 | }20%{ 6 | r: 6; 7 | }}.ui5-viz-chart.ui5-viz-chart-hide-data-points circle.c3-circle{display:none}.ui5-viz-chart .c3-tooltip{opacity:1;border-radius:2px;background-color:#fafafa;box-shadow:rgba(0,0,0,.19) 0 10px 30px,rgba(0,0,0,.23) 0 6px 10px}.ui5-viz-chart .c3-tooltip th{padding:1.5rem 1rem .5rem;color:#000;background-color:transparent}.ui5-viz-chart .c3-tooltip td,.ui5-viz-chart .c3-tooltip tr{border:none;background-color:transparent}.ui5-viz-chart .c3-tooltip td.name{color:#333;padding:.5rem .25rem .5rem 1rem}.ui5-viz-chart .c3-tooltip td.value{text-align:left;padding:.5rem 1rem .5rem .25rem}.ui5-viz-chart .c3-tooltip tr:last-child td.name,.ui5-viz-chart .c3-tooltip tr:last-child td.value{padding-bottom:1.5rem}.ui5-viz-chart.ui5-viz-chart-noclippath svg{overflow:visible!important}.ui5-viz-chart.ui5-viz-chart-noclippath svg defs clippath{display:none}.ui5-viz-chart .ui5-viz-chart-line line{transition:stroke .15s ease-in-out;stroke-linecap:round}.ui5-viz-chart .ui5-viz-chart-line text{transition:fill .15s ease-in-out;text-shadow:0 0 5px #fff}.ui5-viz-chart .ui5-viz-chart-line-default line{stroke-dasharray:0}.ui5-viz-chart .ui5-viz-chart-line-dashed line{stroke-dasharray:5}.ui5-viz-chart .ui5-viz-chart-line-dotted line{stroke-dasharray:1 5}.ui5-viz-chart .c3-grid-lines-circle-text{display:none;font-family:SAP-icons;font-size:1rem!important;transform:translate(1px,0)}.ui5-viz-chart .c3-grid-lines-circle{stroke:#aaa;display:none;transform:translate(1px,0)}.ui5-viz-chart text.c3-region-text{font-weight:700;font-size:1rem;transform:rotate(-90deg);text-shadow:0 0 5px #fff}.ui5-viz-chart .c3-grid-lines-circle-hover{stroke:#aaa;display:none;stroke-dashoffset:50rem;transform:translate(1px,0);transition:r .15s ease-in-out;-webkit-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-moz-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-ms-animation:ui5-viz-chart-dash-animation 150s 0s linear infinite forwards;-o-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;animation:150s linear infinite forwards ui5-viz-chart-dash-animation}.ui5-viz-chart .ui5-viz-chart-line-selector-visible .c3-grid-lines-circle-text,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle-hover{display:inherit}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle-hover{display:none;stroke:transparent}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly .c3-grid-lines-circle-text{font-family:SAP-icons;transform:translate(4px,0)} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/sap_belize_hcb/library-parameters.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/sap_belize_hcb/library.css: -------------------------------------------------------------------------------- 1 | .c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle{fill:currentColor}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-region text{fill-opacity:1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path,.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}.ui5-viz-chart{display:inline-block;font-family:Arial,Helvetica,sans-serif;transition:background-color .15s ease-in-out}@-webkit-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-moz-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-ms-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-o-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}.ui5-viz-chart .c3-line{stroke-linejoin:round;stroke-width:2}.ui5-viz-chart .c3-axis.c3-axis-x .tick text,.ui5-viz-chart .c3-axis.c3-axis-y .tick text,.ui5-viz-chart .c3-axis.c3-axis-y2 .tick text{font-size:.75rem;font-weight:400;fill:#707070}.ui5-viz-chart .c3-axis-x .tick text{font-weight:400;fill:#707070}.ui5-viz-chart text.c3-axis-x-label,.ui5-viz-chart text.c3-axis-y-label,.ui5-viz-chart text.c3-axis-y2-label{font-size:.875rem;font-weight:700;fill:#000}.ui5-viz-chart .c3-axis-x line,.ui5-viz-chart .c3-axis-x path,.ui5-viz-chart .c3-axis.c3-axis-x line,.ui5-viz-chart .c3-axis.c3-axis-x path{stroke:#e5e5e5}.ui5-viz-chart .c3-axis.c3-axis-y line,.ui5-viz-chart .c3-axis.c3-axis-y path,.ui5-viz-chart .c3-axis.c3-axis-y2 line,.ui5-viz-chart .c3-axis.c3-axis-y2 path{stroke-width:0}.ui5-viz-chart text.c3-text{font-size:.75rem;fill:#707070!important}.ui5-viz-chart .c3-xgrid-line text,.ui5-viz-chart .c3-y2grid-line text,.ui5-viz-chart .c3-ygrid-line text{font-size:.75rem}.ui5-viz-chart circle.c3-circle{stroke:#fff;stroke-width:1px;stroke-dasharray:0!important;stroke-dashoffset:0!important; 2 | r: 4; 3 | }.ui5-viz-chart circle.ui5-viz-chart-point-highlight-pulsate{animation:2s ease-out infinite pulsating-circle;stroke:inherit}@keyframes pulsating-circle{0%,100%{ 4 | r: 3.5; 5 | }20%{ 6 | r: 6; 7 | }}.ui5-viz-chart.ui5-viz-chart-hide-data-points circle.c3-circle{display:none}.ui5-viz-chart .c3-tooltip{opacity:1;border-radius:2px;background-color:#fafafa;box-shadow:rgba(0,0,0,.19) 0 10px 30px,rgba(0,0,0,.23) 0 6px 10px}.ui5-viz-chart .c3-tooltip th{padding:1.5rem 1rem .5rem;color:#000;background-color:transparent}.ui5-viz-chart .c3-tooltip td,.ui5-viz-chart .c3-tooltip tr{border:none;background-color:transparent}.ui5-viz-chart .c3-tooltip td.name{color:#333;padding:.5rem .25rem .5rem 1rem}.ui5-viz-chart .c3-tooltip td.value{text-align:left;padding:.5rem 1rem .5rem .25rem}.ui5-viz-chart .c3-tooltip tr:last-child td.name,.ui5-viz-chart .c3-tooltip tr:last-child td.value{padding-bottom:1.5rem}.ui5-viz-chart.ui5-viz-chart-noclippath svg{overflow:visible!important}.ui5-viz-chart.ui5-viz-chart-noclippath svg defs clippath{display:none}.ui5-viz-chart .ui5-viz-chart-line line{transition:stroke .15s ease-in-out;stroke-linecap:round}.ui5-viz-chart .ui5-viz-chart-line text{transition:fill .15s ease-in-out;text-shadow:0 0 5px #fff}.ui5-viz-chart .ui5-viz-chart-line-default line{stroke-dasharray:0}.ui5-viz-chart .ui5-viz-chart-line-dashed line{stroke-dasharray:5}.ui5-viz-chart .ui5-viz-chart-line-dotted line{stroke-dasharray:1 5}.ui5-viz-chart .c3-grid-lines-circle-text{display:none;font-family:SAP-icons;font-size:1rem!important;transform:translate(1px,0)}.ui5-viz-chart .c3-grid-lines-circle{stroke:#aaa;display:none;transform:translate(1px,0)}.ui5-viz-chart text.c3-region-text{font-weight:700;font-size:1rem;transform:rotate(-90deg);text-shadow:0 0 5px #fff}.ui5-viz-chart .c3-grid-lines-circle-hover{stroke:#aaa;display:none;stroke-dashoffset:50rem;transform:translate(1px,0);transition:r .15s ease-in-out;-webkit-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-moz-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-ms-animation:ui5-viz-chart-dash-animation 150s 0s linear infinite forwards;-o-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;animation:150s linear infinite forwards ui5-viz-chart-dash-animation}.ui5-viz-chart .ui5-viz-chart-line-selector-visible .c3-grid-lines-circle-text,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle-hover{display:inherit}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle-hover{display:none;stroke:transparent}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly .c3-grid-lines-circle-text{font-family:SAP-icons;transform:translate(4px,0)} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/sap_belize_hcw/library-parameters.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/sap_belize_hcw/library.css: -------------------------------------------------------------------------------- 1 | .c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle{fill:currentColor}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-region text{fill-opacity:1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path,.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}.ui5-viz-chart{display:inline-block;font-family:Arial,Helvetica,sans-serif;transition:background-color .15s ease-in-out}@-webkit-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-moz-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-ms-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-o-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}.ui5-viz-chart .c3-line{stroke-linejoin:round;stroke-width:2}.ui5-viz-chart .c3-axis.c3-axis-x .tick text,.ui5-viz-chart .c3-axis.c3-axis-y .tick text,.ui5-viz-chart .c3-axis.c3-axis-y2 .tick text{font-size:.75rem;font-weight:400;fill:#707070}.ui5-viz-chart .c3-axis-x .tick text{font-weight:400;fill:#707070}.ui5-viz-chart text.c3-axis-x-label,.ui5-viz-chart text.c3-axis-y-label,.ui5-viz-chart text.c3-axis-y2-label{font-size:.875rem;font-weight:700;fill:#000}.ui5-viz-chart .c3-axis-x line,.ui5-viz-chart .c3-axis-x path,.ui5-viz-chart .c3-axis.c3-axis-x line,.ui5-viz-chart .c3-axis.c3-axis-x path{stroke:#e5e5e5}.ui5-viz-chart .c3-axis.c3-axis-y line,.ui5-viz-chart .c3-axis.c3-axis-y path,.ui5-viz-chart .c3-axis.c3-axis-y2 line,.ui5-viz-chart .c3-axis.c3-axis-y2 path{stroke-width:0}.ui5-viz-chart text.c3-text{font-size:.75rem;fill:#707070!important}.ui5-viz-chart .c3-xgrid-line text,.ui5-viz-chart .c3-y2grid-line text,.ui5-viz-chart .c3-ygrid-line text{font-size:.75rem}.ui5-viz-chart circle.c3-circle{stroke:#fff;stroke-width:1px;stroke-dasharray:0!important;stroke-dashoffset:0!important; 2 | r: 4; 3 | }.ui5-viz-chart circle.ui5-viz-chart-point-highlight-pulsate{animation:2s ease-out infinite pulsating-circle;stroke:inherit}@keyframes pulsating-circle{0%,100%{ 4 | r: 3.5; 5 | }20%{ 6 | r: 6; 7 | }}.ui5-viz-chart.ui5-viz-chart-hide-data-points circle.c3-circle{display:none}.ui5-viz-chart .c3-tooltip{opacity:1;border-radius:2px;background-color:#fafafa;box-shadow:rgba(0,0,0,.19) 0 10px 30px,rgba(0,0,0,.23) 0 6px 10px}.ui5-viz-chart .c3-tooltip th{padding:1.5rem 1rem .5rem;color:#000;background-color:transparent}.ui5-viz-chart .c3-tooltip td,.ui5-viz-chart .c3-tooltip tr{border:none;background-color:transparent}.ui5-viz-chart .c3-tooltip td.name{color:#333;padding:.5rem .25rem .5rem 1rem}.ui5-viz-chart .c3-tooltip td.value{text-align:left;padding:.5rem 1rem .5rem .25rem}.ui5-viz-chart .c3-tooltip tr:last-child td.name,.ui5-viz-chart .c3-tooltip tr:last-child td.value{padding-bottom:1.5rem}.ui5-viz-chart.ui5-viz-chart-noclippath svg{overflow:visible!important}.ui5-viz-chart.ui5-viz-chart-noclippath svg defs clippath{display:none}.ui5-viz-chart .ui5-viz-chart-line line{transition:stroke .15s ease-in-out;stroke-linecap:round}.ui5-viz-chart .ui5-viz-chart-line text{transition:fill .15s ease-in-out;text-shadow:0 0 5px #fff}.ui5-viz-chart .ui5-viz-chart-line-default line{stroke-dasharray:0}.ui5-viz-chart .ui5-viz-chart-line-dashed line{stroke-dasharray:5}.ui5-viz-chart .ui5-viz-chart-line-dotted line{stroke-dasharray:1 5}.ui5-viz-chart .c3-grid-lines-circle-text{display:none;font-family:SAP-icons;font-size:1rem!important;transform:translate(1px,0)}.ui5-viz-chart .c3-grid-lines-circle{stroke:#aaa;display:none;transform:translate(1px,0)}.ui5-viz-chart text.c3-region-text{font-weight:700;font-size:1rem;transform:rotate(-90deg);text-shadow:0 0 5px #fff}.ui5-viz-chart .c3-grid-lines-circle-hover{stroke:#aaa;display:none;stroke-dashoffset:50rem;transform:translate(1px,0);transition:r .15s ease-in-out;-webkit-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-moz-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-ms-animation:ui5-viz-chart-dash-animation 150s 0s linear infinite forwards;-o-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;animation:150s linear infinite forwards ui5-viz-chart-dash-animation}.ui5-viz-chart .ui5-viz-chart-line-selector-visible .c3-grid-lines-circle-text,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle-hover{display:inherit}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle-hover{display:none;stroke:transparent}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly .c3-grid-lines-circle-text{font-family:SAP-icons;transform:translate(4px,0)} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/sap_belize_plus/library-parameters.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/sap_bluecrystal/library-parameters.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/sap_hcb/library-parameters.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /dist/ui5/viz/themes/sap_hcb/library.css: -------------------------------------------------------------------------------- 1 | .c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle{fill:currentColor}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-region text{fill-opacity:1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path,.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}.ui5-viz-chart{display:inline-block;font-family:Arial,Helvetica,sans-serif;transition:background-color .15s ease-in-out}@-webkit-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-moz-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-ms-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@-o-keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}@keyframes ui5-viz-chart-dash-animation{to{stroke-dashoffset:0}}.ui5-viz-chart .c3-line{stroke-linejoin:round;stroke-width:2}.ui5-viz-chart .c3-axis.c3-axis-x .tick text,.ui5-viz-chart .c3-axis.c3-axis-y .tick text,.ui5-viz-chart .c3-axis.c3-axis-y2 .tick text{font-size:.75rem;font-weight:400;fill:#707070}.ui5-viz-chart .c3-axis-x .tick text{font-weight:400;fill:#707070}.ui5-viz-chart text.c3-axis-x-label,.ui5-viz-chart text.c3-axis-y-label,.ui5-viz-chart text.c3-axis-y2-label{font-size:.875rem;font-weight:700;fill:#000}.ui5-viz-chart .c3-axis-x line,.ui5-viz-chart .c3-axis-x path,.ui5-viz-chart .c3-axis.c3-axis-x line,.ui5-viz-chart .c3-axis.c3-axis-x path{stroke:#e5e5e5}.ui5-viz-chart .c3-axis.c3-axis-y line,.ui5-viz-chart .c3-axis.c3-axis-y path,.ui5-viz-chart .c3-axis.c3-axis-y2 line,.ui5-viz-chart .c3-axis.c3-axis-y2 path{stroke-width:0}.ui5-viz-chart text.c3-text{font-size:.75rem;fill:#707070!important}.ui5-viz-chart .c3-xgrid-line text,.ui5-viz-chart .c3-y2grid-line text,.ui5-viz-chart .c3-ygrid-line text{font-size:.75rem}.ui5-viz-chart circle.c3-circle{stroke:#fff;stroke-width:1px;stroke-dasharray:0!important;stroke-dashoffset:0!important; 2 | r: 4; 3 | }.ui5-viz-chart circle.ui5-viz-chart-point-highlight-pulsate{animation:2s ease-out infinite pulsating-circle;stroke:inherit}@keyframes pulsating-circle{0%,100%{ 4 | r: 3.5; 5 | }20%{ 6 | r: 6; 7 | }}.ui5-viz-chart.ui5-viz-chart-hide-data-points circle.c3-circle{display:none}.ui5-viz-chart .c3-tooltip{opacity:1;border-radius:2px;background-color:#fafafa;box-shadow:rgba(0,0,0,.19) 0 10px 30px,rgba(0,0,0,.23) 0 6px 10px}.ui5-viz-chart .c3-tooltip th{padding:1.5rem 1rem .5rem;color:#000;background-color:transparent}.ui5-viz-chart .c3-tooltip td,.ui5-viz-chart .c3-tooltip tr{border:none;background-color:transparent}.ui5-viz-chart .c3-tooltip td.name{color:#333;padding:.5rem .25rem .5rem 1rem}.ui5-viz-chart .c3-tooltip td.value{text-align:left;padding:.5rem 1rem .5rem .25rem}.ui5-viz-chart .c3-tooltip tr:last-child td.name,.ui5-viz-chart .c3-tooltip tr:last-child td.value{padding-bottom:1.5rem}.ui5-viz-chart.ui5-viz-chart-noclippath svg{overflow:visible!important}.ui5-viz-chart.ui5-viz-chart-noclippath svg defs clippath{display:none}.ui5-viz-chart .ui5-viz-chart-line line{transition:stroke .15s ease-in-out;stroke-linecap:round}.ui5-viz-chart .ui5-viz-chart-line text{transition:fill .15s ease-in-out;text-shadow:0 0 5px #fff}.ui5-viz-chart .ui5-viz-chart-line-default line{stroke-dasharray:0}.ui5-viz-chart .ui5-viz-chart-line-dashed line{stroke-dasharray:5}.ui5-viz-chart .ui5-viz-chart-line-dotted line{stroke-dasharray:1 5}.ui5-viz-chart .c3-grid-lines-circle-text{display:none;font-family:SAP-icons;font-size:1rem!important;transform:translate(1px,0)}.ui5-viz-chart .c3-grid-lines-circle{stroke:#aaa;display:none;transform:translate(1px,0)}.ui5-viz-chart text.c3-region-text{font-weight:700;font-size:1rem;transform:rotate(-90deg);text-shadow:0 0 5px #fff}.ui5-viz-chart .c3-grid-lines-circle-hover{stroke:#aaa;display:none;stroke-dashoffset:50rem;transform:translate(1px,0);transition:r .15s ease-in-out;-webkit-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-moz-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;-ms-animation:ui5-viz-chart-dash-animation 150s 0s linear infinite forwards;-o-animation:150s linear infinite forwards ui5-viz-chart-dash-animation;animation:150s linear infinite forwards ui5-viz-chart-dash-animation}.ui5-viz-chart .ui5-viz-chart-line-selector-visible .c3-grid-lines-circle-text,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-visible circle.c3-grid-lines-circle-hover{display:inherit}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle,.ui5-viz-chart .ui5-viz-chart-line-selector-icononly circle.c3-grid-lines-circle-hover{display:none;stroke:transparent}.ui5-viz-chart .ui5-viz-chart-line-selector-icononly .c3-grid-lines-circle-text{font-family:SAP-icons;transform:translate(4px,0)} -------------------------------------------------------------------------------- /docs/ChartArea.md: -------------------------------------------------------------------------------- 1 | # `ui5.viz.ChartArea` 2 | The ChartArea control: ChartArea container for bar, line and other chart types. Based on C3.js.. 3 | 4 | **Extends**: [sap.ui.core.Element](https://openui5.hana.ondemand.com/#/api/sap.ui.core.Element) This module inherits all methods and attributes from the extended module and from all other modules in the inheritence hierarchy. 5 | 6 | ## Sample Usage (XML View) 7 | This element must be used with the ui5.viz.Chart control and was designed to work best in XML views and in combination with data binding. 8 | ```xml 9 | 10 | 11 | 12 | ``` 13 | 14 | ## Properties 15 | All properties have corresponding getters and setters. ([read which property methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 16 | 17 | | Name | Type | Default | Description | 18 | | --- | --- | --- | --- | 19 | | `title` | `string` | `null}` | Sets the ttitleext of the ChartArea. | 20 | | `style` | `ui5.viz.ShapeStyle` | `library.ShapeStyle.Solid,` | Sets the style of the shape. | 21 | | `color` | [sap.ui.core.CSSColor](https://openui5.hana.ondemand.com/#/api/sap.ui.core.CSSColor) | `null,` | Sets a custom color for the area. | 22 | | `axis` | `ui5.viz.Axis` | `library.Axis.X,` | Sets the referenced y axis the line value property is related to. | 23 | | `visible` | `boolean` | `true,` | Sets visibility of the element. | 24 | | `startValue` | `string` | `null}` | Sets value that is matching a start position on the assigned axis. | 25 | | `endValue` | `string` | `null},` | Sets value that is matching a end position on the assigned axis. | 26 | 27 | ## Aggregations 28 | There are no public aggregations defined for `ui5.viz.ChartArea`. 29 | 30 | ## Events 31 | All events return to the event callback handler [sap.ui.base.Event](https://openui5.hana.ondemand.com/#/api/sap.ui.base.Event). ([read which event methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 32 | * areaUpdate Line was updated. 33 | 34 |
35 | 36 | 37 | 38 | ### `areaUpdate` 39 | Line was updated. Providing parameters: 40 | * `code` (`ui5.viz.ChartUpdateCode`) Chart update event code. 41 | 42 |
43 | 44 | 45 | ## Methods 46 | * getStartValue Overwrites getter for property startValue. 47 | * getEndValue Overwrites getter for property endValue. 48 | 49 |
50 | 51 | 52 | 53 | ### `getStartValue` 54 | Overwrites getter for property startValue. 55 | 56 | Returns: `undefined` 57 | ```js 58 | getStartValue() 59 | ``` 60 | 61 |
62 | 63 | 64 | 65 | ### `getEndValue` 66 | Overwrites getter for property endValue. 67 | 68 | Returns: `undefined` 69 | ```js 70 | getEndValue() 71 | ``` 72 | 73 |
74 | 75 | -------------------------------------------------------------------------------- /docs/ChartAxis.md: -------------------------------------------------------------------------------- 1 | # `ui5.viz.ChartAxis` 2 | The ChartAxis control: ChartAxis container for bar, line and other chart types. Based on C3.js.. 3 | 4 | **Extends**: [sap.ui.core.Element](https://openui5.hana.ondemand.com/#/api/sap.ui.core.Element) This module inherits all methods and attributes from the extended module and from all other modules in the inheritence hierarchy. 5 | 6 | ## Sample Usage (XML View) 7 | This element must be used with the ui5.viz.Chart control and was designed to work best in XML views and in combination with data binding. 8 | ```xml 9 | 10 | 11 | 12 | ``` 13 | 14 | ## Properties 15 | All properties have corresponding getters and setters. ([read which property methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 16 | 17 | | Name | Type | Default | Description | 18 | | --- | --- | --- | --- | 19 | | `title` | `string` | `null}` | Sets axis title. | 20 | | `showTitle` | `boolean` | `true,` | Sets axis title visibility. | 21 | | `showGridLines` | `boolean` | `false,` | Sets visibility of grid lines Hint: live update by c3 API is not supported, yet, therefore we must rerender the chart. | 22 | | `minValue` | `string` | `null}` | Sets the minimal value of the axis. (use index/position for category X-axis, too). | 23 | | `maxValue` | `string` | `null}` | Sets the maximal value of the axis. (use index/position for category X-axis, too). | 24 | | `autoTickValues` | `boolean` | `false,` | Flag wether or not the ui5.viz.ChartAxisLabel should be used to define tick values. | 25 | | `visible` | `boolean` | `true,` | Sets visibility of the element. | 26 | 27 | ## Aggregations 28 | All aggregations have one getter and several mutating methods depending on their cardinality. ([read which aggregation methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 29 | 30 | | Name | Cardinality | Type | Description | 31 | | --- | --- | --- | --- | 32 | | `labels` | `0..n` | `ui5.viz.ChartAxisLabel` | Sets the labels displayed on the axis Hint: live update by c3 API is only supported for X axis, yet, therefore we must rerender the chart. | 33 | 34 | ## Events 35 | All events return to the event callback handler [sap.ui.base.Event](https://openui5.hana.ondemand.com/#/api/sap.ui.base.Event). ([read which event methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 36 | * axisUpdate Axis was updated. 37 | 38 |
39 | 40 | 41 | 42 | ### `axisUpdate` 43 | Axis was updated. 44 | 45 |
46 | 47 | 48 | ## Methods 49 | There are no public methods defined for `ui5.viz.ChartAxis`. 50 | 51 |
52 | 53 | -------------------------------------------------------------------------------- /docs/ChartAxisLabel.md: -------------------------------------------------------------------------------- 1 | # `ui5.viz.ChartAxisLabel` 2 | The ChartAxisLabel control: ChartAxisLabel container for bar, line and other chart types. Based on C3.js.. 3 | 4 | **Extends**: [sap.ui.core.Element](https://openui5.hana.ondemand.com/#/api/sap.ui.core.Element) This module inherits all methods and attributes from the extended module and from all other modules in the inheritence hierarchy. 5 | 6 | ## Sample Usage (XML View) 7 | This element must be used with the ui5.viz.Chart control and was designed to work best in XML views and in combination with data binding. 8 | ```xml 9 | 10 | 11 | 12 | ``` 13 | 14 | ## Properties 15 | All properties have corresponding getters and setters. ([read which property methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 16 | 17 | | Name | Type | Default | Description | 18 | | --- | --- | --- | --- | 19 | | `value` | `any` | `null}` | Sets axis value. | 20 | | `title` | `string` | `null}` | Sets axis label title. | 21 | | `visible` | `boolean` | `true,` | Sets visibility of the element. | 22 | 23 | ## Aggregations 24 | There are no public aggregations defined for `ui5.viz.ChartAxisLabel`. 25 | 26 | ## Events 27 | All events return to the event callback handler [sap.ui.base.Event](https://openui5.hana.ondemand.com/#/api/sap.ui.base.Event). ([read which event methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 28 | * axisLabelUpdate Data was updated. 29 | 30 |
31 | 32 | 33 | 34 | ### `axisLabelUpdate` 35 | Data was updated. 36 | 37 |
38 | 39 | 40 | ## Methods 41 | There are no public methods defined for `ui5.viz.ChartAxisLabel`. 42 | 43 |
44 | 45 | -------------------------------------------------------------------------------- /docs/ChartDataPoint.md: -------------------------------------------------------------------------------- 1 | # `ui5.viz.ChartDataPoint` 2 | The ChartDataPoint control: ChartDataPoint container for bar, line and other chart types. Based on C3.js.. 3 | 4 | **Extends**: [sap.ui.core.Element](https://openui5.hana.ondemand.com/#/api/sap.ui.core.Element) This module inherits all methods and attributes from the extended module and from all other modules in the inheritence hierarchy. 5 | 6 | ## Sample Usage (XML View) 7 | This element must be used with the ui5.viz.Chart control and was designed to work best in XML views and in combination with data binding. 8 | ```xml 9 | 10 | 11 | 12 | ``` 13 | 14 | ## Properties 15 | All properties have corresponding getters and setters. ([read which property methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 16 | 17 | | Name | Type | Default | Description | 18 | | --- | --- | --- | --- | 19 | | `highlightAnimation` | `ui5.viz.DataPointAnimation` | `library.DataPointAnimation.None,` | Sets the representation of value as formatted text Hint: Not available for chart types Bar, Step and AreaStep, yet. | 20 | | `type` | `ui5.viz.DataPointType` | `library.DataPointType.SingleValue,` | Sets the type of the data point. | 21 | | `label` | `string` | `null}` | Sets the representation of value as formatted text. | 22 | | `tooltipLabel` | `string` | `null}` | Sets the representation of value as formatted text in the tooltip. | 23 | | `value` | `any` | `null}` | Sets the value the data point should represent. Hint: To support null as value, the type must be "any". | 24 | | `high` | `any` | `null}` | Sets the high value the data point should represent in case of ribbon type. Hint: To support null as value, the type must be "any". | 25 | | `low` | `any` | `null}` | Sets the low value the data point should represent in case of ribbon type. Hint: To support null as value, the type must be "any". | 26 | | `visible` | `boolean` | `true,` | Sets visibility of the element. | 27 | 28 | ## Aggregations 29 | There are no public aggregations defined for `ui5.viz.ChartDataPoint`. 30 | 31 | ## Events 32 | All events return to the event callback handler [sap.ui.base.Event](https://openui5.hana.ondemand.com/#/api/sap.ui.base.Event). ([read which event methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 33 | * dataPointUpdate Data was updated. 34 | 35 |
36 | 37 | 38 | 39 | ### `dataPointUpdate` 40 | Data was updated. 41 | 42 |
43 | 44 | 45 | ## Methods 46 | * getVisible Overwrites getter in order to make sure it is a valid value. Visible can be false due to different reasons. 47 | * getValue Overwrites getter in order to make sure it is a valid value. As the data type is any it might also be a string (for example). 48 | * getHigh Overwrites getter in order to make sure it is a valid value. As the data type is any it might also be a string (for example). 49 | * getLow Overwrites getter in order to make sure it is a valid value. As the data type is any it might also be a string (for example). 50 | * getValueOrValuePair Unified method to get correct value object based on data point type. 51 | 52 |
53 | 54 | 55 | 56 | ### `getVisible` 57 | Overwrites getter in order to make sure it is a valid value. Visible can be false due to different reasons. 58 | 59 | Returns: `undefined` 60 | ```js 61 | getVisible() 62 | ``` 63 | 64 |
65 | 66 | 67 | 68 | ### `getValue` 69 | Overwrites getter in order to make sure it is a valid value. As the data type is any it might also be a string (for example). 70 | 71 | Returns: `undefined` 72 | ```js 73 | getValue() 74 | ``` 75 | 76 |
77 | 78 | 79 | 80 | ### `getHigh` 81 | Overwrites getter in order to make sure it is a valid value. As the data type is any it might also be a string (for example). 82 | 83 | Returns: `undefined` 84 | ```js 85 | getHigh() 86 | ``` 87 | 88 |
89 | 90 | 91 | 92 | ### `getLow` 93 | Overwrites getter in order to make sure it is a valid value. As the data type is any it might also be a string (for example). 94 | 95 | Returns: `undefined` 96 | ```js 97 | getLow() 98 | ``` 99 | 100 |
101 | 102 | 103 | 104 | ### `getValueOrValuePair` 105 | Unified method to get correct value object based on data point type. 106 | 107 | Returns: `undefined` 108 | ```js 109 | getValueOrValuePair() 110 | ``` 111 | 112 |
113 | 114 | -------------------------------------------------------------------------------- /docs/ChartLine.md: -------------------------------------------------------------------------------- 1 | # `ui5.viz.ChartLine` 2 | The ChartLine control: ChartLine container for bar, line and other chart types. Based on C3.js.. 3 | 4 | **Extends**: [sap.ui.core.Element](https://openui5.hana.ondemand.com/#/api/sap.ui.core.Element) This module inherits all methods and attributes from the extended module and from all other modules in the inheritence hierarchy. 5 | 6 | ## Sample Usage (XML View) 7 | This element must be used with the ui5.viz.Chart control and was designed to work best in XML views and in combination with data binding. 8 | ```xml 9 | 10 | 11 | 12 | ``` 13 | 14 | ## Properties 15 | All properties have corresponding getters and setters. ([read which property methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 16 | 17 | | Name | Type | Default | Description | 18 | | --- | --- | --- | --- | 19 | | `title` | `string` | `null}` | Sets the ttitleext of the ChartLine. | 20 | | `titlePosition` | `ui5.viz.ChartTitlePosition` | `library.ChartTitlePosition.Start,` | Sets the position of the title. | 21 | | `style` | `ui5.viz.LineStyle` | `library.LineStyle.Solid,` | Sets the style of the line. | 22 | | `color` | [sap.ui.core.CSSColor](https://openui5.hana.ondemand.com/#/api/sap.ui.core.CSSColor) | `null,` | Sets a custom color for the line. | 23 | | `axis` | `ui5.viz.Axis` | `library.Axis.Y,` | Sets the referenced y axis the line value property is related to. | 24 | | `showLineSelector` | `boolean` | `false,` | Sets the visibility of a line selector. | 25 | | `selectorIconOnly` | `boolean` | `false,` | Sets if only icon or icon with circle should be displayed. | 26 | | `lineSelectorIcon` | [sap.ui.core.URI](https://openui5.hana.ondemand.com/#/api/sap.ui.core.URI) | `sap-icon://flag,` | Sets the the icon for the line selector. | 27 | | `visible` | `boolean` | `true,` | Sets visibility of the element. | 28 | | `value` | `string` | `null},` | Sets value that is matching a position on the assigned axis. | 29 | 30 | ## Aggregations 31 | There are no public aggregations defined for `ui5.viz.ChartLine`. 32 | 33 | ## Events 34 | All events return to the event callback handler [sap.ui.base.Event](https://openui5.hana.ondemand.com/#/api/sap.ui.base.Event). ([read which event methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 35 | * lineUpdate Line was updated. 36 | * selectorPress Line selector was pressed. 37 | 38 |
39 | 40 | 41 | 42 | ### `lineUpdate` 43 | Line was updated. Providing parameters: 44 | * `code` (`ui5.viz.ChartUpdateCode`) Chart update event code. 45 | 46 |
47 | 48 | 49 | 50 | ### `selectorPress` 51 | Line selector was pressed. Providing parameters: 52 | * `line` (`ui5.viz.ChartLine`) Chart line that was clicked. 53 | * `selectorDomRef` (`object`) Dom reference of line selector. 54 | 55 |
56 | 57 | 58 | ## Methods 59 | There are no public methods defined for `ui5.viz.ChartLine`. 60 | 61 |
62 | 63 | -------------------------------------------------------------------------------- /docs/ChartSeries.md: -------------------------------------------------------------------------------- 1 | # `ui5.viz.ChartSeries` 2 | The ChartSeries control: ChartSeries container for bar, line and other chart types. Based on C3.js.. 3 | 4 | **Extends**: [sap.ui.core.Element](https://openui5.hana.ondemand.com/#/api/sap.ui.core.Element) This module inherits all methods and attributes from the extended module and from all other modules in the inheritence hierarchy. 5 | 6 | ## Sample Usage (XML View) 7 | This element must be used with the ui5.viz.Chart control and was designed to work best in XML views and in combination with data binding. 8 | ```xml 9 | 10 | 11 | 12 | ``` 13 | 14 | ## Properties 15 | All properties have corresponding getters and setters. ([read which property methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 16 | 17 | | Name | Type | Default | Description | 18 | | --- | --- | --- | --- | 19 | | `type` | `ui5.viz.ChartSeriesType` | `library.ChartSeriesType.Spline,` | Shows or hides series and legend. | 20 | | `name` | `string` | `null,` | Name of the series. | 21 | | `color` | [sap.ui.core.CSSColor](https://openui5.hana.ondemand.com/#/api/sap.ui.core.CSSColor) | `null,` | Sets a custom color for the series, overwriting the default color palette. | 22 | | `showLabels` | `boolean` | `false,` | Sets visibility of labels. | 23 | | `lineStyle` | `ui5.viz.LineStyle` | `library.LineStyle.Solid,` | Sets style of series lines (supported types: line, spline, step, area, area-spline, area-step). | 24 | | `shapeStyle` | `ui5.viz.ShapeStyle` | `library.ShapeStyle.Solid,` | Sets style of series shape (supported types: bar). | 25 | | `lineAnimationSpeed` | `ui5.viz.AnimationSpeed` | `library.AnimationSpeed.None,` | Sets speed of animated dashes / dots (none, slow, medium, fast). | 26 | | `lineAnimationForwards` | `boolean` | `true,` | Sets if line animation should run forwards or backwards. | 27 | | `groupKey` | `string` | `null,` | ChartSeries with the same group key are displayed as a cluster (e.g. stacked bar). | 28 | | `yAxis` | `ui5.viz.Axis` | `library.Axis.Y,` | Sets the referenced y axis the ChartSeriesData value property is related to. | 29 | | `visible` | `boolean` | `true,` | Sets visibility of the element. | 30 | | `key` | `string` | `null,` | Unique key for the series. | 31 | 32 | ## Aggregations 33 | All aggregations have one getter and several mutating methods depending on their cardinality. ([read which aggregation methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 34 | 35 | | Name | Cardinality | Type | Description | 36 | | --- | --- | --- | --- | 37 | | `data` | `0..n` | `ui5.viz.ChartDataPoint` | Defines the data points of our series. | 38 | 39 | ## Events 40 | All events return to the event callback handler [sap.ui.base.Event](https://openui5.hana.ondemand.com/#/api/sap.ui.base.Event). ([read which event methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 41 | * seriesDataUpdate Series was updated. 42 | * seriesVisibilityChange Series visibility have changed. 43 | 44 |
45 | 46 | 47 | 48 | ### `seriesDataUpdate` 49 | Series was updated. Providing parameters: 50 | * `code` (`ui5.viz.ChartUpdateCode`) Chart update event code. 51 | 52 |
53 | 54 | 55 | 56 | ### `seriesVisibilityChange` 57 | Series visibility have changed. Providing parameters: 58 | * `chartSeries` (`ui5.viz.ChartSeries`) Reference to respective series. 59 | 60 |
61 | 62 | 63 | ## Methods 64 | There are no public methods defined for `ui5.viz.ChartSeries`. 65 | 66 |
67 | 68 | -------------------------------------------------------------------------------- /docs/Color.md: -------------------------------------------------------------------------------- 1 | # `ui5.viz.Color` 2 | The Color control: Color container for bar, line and other chart types. Based on C3.js.. 3 | 4 | **Extends**: [sap.ui.core.Element](https://openui5.hana.ondemand.com/#/api/sap.ui.core.Element) This module inherits all methods and attributes from the extended module and from all other modules in the inheritence hierarchy. 5 | 6 | ## Sample Usage (XML View) 7 | This element must be used with the ui5.viz.Chart control and was designed to work best in XML views and in combination with data binding. 8 | ```xml 9 | 10 | 11 | 12 | ``` 13 | 14 | ## Properties 15 | All properties have corresponding getters and setters. ([read which property methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 16 | 17 | | Name | Type | Default | Description | 18 | | --- | --- | --- | --- | 19 | | `color` | [sap.ui.core.CSSColor](https://openui5.hana.ondemand.com/#/api/sap.ui.core.CSSColor) | `null,` | Sets the CSS value for the color. | 20 | 21 | ## Aggregations 22 | There are no public aggregations defined for `ui5.viz.Color`. 23 | 24 | ## Events 25 | There are no public events defined for `ui5.viz.Color`. 26 | 27 |
28 | 29 | 30 | ## Methods 31 | There are no public methods defined for `ui5.viz.Color`. 32 | 33 |
34 | 35 | -------------------------------------------------------------------------------- /docs/tools/create-ui5-docs.js: -------------------------------------------------------------------------------- 1 | /* @flow */ 2 | /* eslint-env node */ 3 | 4 | import path from 'path' 5 | import fs from 'fs-es6-promise' 6 | import dox from 'dox' 7 | import handlebars from 'handlebars' 8 | import { 9 | getDefaultTemplateData, 10 | getTemplateBlocks 11 | } from './templates/ui5-control.js' 12 | 13 | // register handlebars helper function 14 | handlebars.registerHelper('sentence', function(str) { 15 | const firstChar = str.charAt(0).toUpperCase() 16 | str = str.replace(/\n/g, ' ') 17 | str = str.replace(/^\s*/, '') 18 | str = str.replace(/\s$/, '') 19 | str = str.replace(/\.$/g, '') 20 | return `${firstChar}${str.slice(1)}.` 21 | }) 22 | handlebars.registerHelper('code', function(str) { 23 | str = str.replace('', '') 24 | str = str.replace('', '') 25 | str = str.replace(/\s/g, '') 26 | str = str.replace(/['"`´]/g, '') 27 | return str.indexOf('sap.') === 0 28 | ? `[${str}](https://openui5.hana.ondemand.com/#/api/${str})` 29 | : `\`${str}\`` 30 | }) 31 | 32 | // TODO: parse path from args 33 | createDocs(path.resolve(__dirname, '../../src/ui5/viz')) 34 | 35 | // create ui5 markdown documentation for all files found in directory 36 | async function createDocs(dir) { 37 | try { 38 | // read ui5 control handlebars template 39 | const templateHbs = await fs.readFile( 40 | path.resolve(__dirname, './templates/ui5-control.hbs'), 41 | 'utf-8' 42 | ) 43 | 44 | // read files 45 | const files = await fs.readdir(dir) 46 | 47 | // create a markdown doc for each file 48 | for (let file of files) { 49 | const fileStat = await fs.stat(`${dir}/${file}`) 50 | if (!fileStat.isDirectory() && file !== 'library.js') { 51 | // read comments 52 | const code = await fs.readFile(`${dir}/${file}`, 'utf-8') 53 | const doxComments = dox.parseComments(code, { 54 | raw: true, 55 | skipSingleStar: true 56 | }) 57 | const comments = postprocessDox(doxComments) 58 | 59 | // transform comments with template 60 | const templateData = getTemplateData(comments, getTemplateBlocks()) 61 | const compiledMarkdown = handlebars.compile(templateHbs, { 62 | noEscape: true 63 | })(templateData) 64 | 65 | // write final markdown document 66 | await fs.writeFile( 67 | path.resolve(__dirname, `../${file.replace(/.js$/, '.md')}`), 68 | compiledMarkdown 69 | ) 70 | } 71 | } 72 | } catch (e) { 73 | // promise was rejected and we can handle errors with try/catch! 74 | console.error(e) // eslint-disable-line no-console 75 | } 76 | } 77 | 78 | // transform comments to template data 79 | function getTemplateData(comments, templateBlocks) { 80 | let templateData = getDefaultTemplateData() 81 | for (let comment of comments) { 82 | // mutate template data for each block type that is using the comment 83 | templateData = templateBlocks 84 | .filter(block => block.is(comment)) 85 | .reduce( 86 | (templateData, block) => 87 | block.mutateTemplate(templateData, block.transform(comment)), 88 | templateData 89 | ) 90 | } 91 | return templateData 92 | } 93 | 94 | // transform comments to have easier access to tags and method parameters 95 | function postprocessDox(comments) { 96 | return comments.map(comment => ({ 97 | ...comment, 98 | params: comment.tags.filter(tag => tag.type === 'param'), 99 | tags: comment.tags.reduce((map, tag) => ({ ...map, [tag.type]: tag }), {}) 100 | })) 101 | } 102 | -------------------------------------------------------------------------------- /docs/tools/templates/ui5-control.hbs: -------------------------------------------------------------------------------- 1 | {{!-- print main information --}} 2 | # {{code main.name}} 3 | {{main.description}} 4 | 5 | {{#if main.extends}} 6 | **Extends**: [{{main.extends}}](https://openui5.hana.ondemand.com/#/api/{{main.extends}}) This module inherits all methods and attributes from the extended module and from all other modules in the inheritence hierarchy. 7 | {{/if}} 8 | 9 | {{!-- print samples --}} 10 | {{#each samples}} 11 | ## {{this.name}} 12 | {{this.description}} 13 | ```{{this.codeType}} 14 | {{this.code}} 15 | ``` 16 | {{/each}} 17 | 18 | {{!-- print properties --}} 19 | ## Properties 20 | {{#if properties}} 21 | All properties have corresponding getters and setters. ([read which property methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 22 | 23 | | Name | Type | Default | Description | 24 | | --- | --- | --- | --- | 25 | {{else}} 26 | There are no public properties defined for `{{main.name}}`. 27 | {{/if}} 28 | {{#each properties}} 29 | | {{code this.name}} | {{code this.type}} | {{code this.default}} | {{sentence this.description}} | 30 | {{/each}} 31 | 32 | {{!-- print aggregations --}} 33 | ## Aggregations 34 | {{#if aggregations}} 35 | All aggregations have one getter and several mutating methods depending on their cardinality. ([read which aggregation methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 36 | 37 | | Name | Cardinality | Type | Description | 38 | | --- | --- | --- | --- | 39 | {{else}} 40 | There are no public aggregations defined for `{{main.name}}`. 41 | {{/if}} 42 | {{#each aggregations}} 43 | | {{code this.name}} | {{code this.cardinality}} | {{code this.type}} | {{sentence this.description}} | 44 | {{/each}} 45 | 46 | {{!-- print events --}} 47 | ## Events 48 | {{#if events}} 49 | All events return to the event callback handler [sap.ui.base.Event](https://openui5.hana.ondemand.com/#/api/sap.ui.base.Event). ([read which event methods are defined automatically](https://sapui5.hana.ondemand.com/#/api/sap.ui.base.ManagedObject)) 50 | {{/if}} 51 | {{!-- print event overview --}} 52 | {{#each events}} 53 | * {{this.name}} {{sentence this.description}} 54 | {{else}} 55 | There are no public events defined for `{{main.name}}`. 56 | {{/each}} 57 | 58 |
59 | 60 | {{!-- print event details --}} 61 | {{#each events as |event|}} 62 | 63 | 64 | ### `{{event.name}}` 65 | {{sentence event.description}} {{#if event.parameters}}Providing parameters:{{/if}} 66 | {{#each event.parameters as |param|}} 67 | * `{{param.name}}` (`{{param.type}}`) {{sentence param.description}} 68 | {{/each}} 69 | 70 |
71 | 72 | {{/each}} 73 | 74 | {{!-- print methods --}} 75 | ## Methods 76 | {{!-- print method overview --}} 77 | {{#each methods}} 78 | * {{this.name}} {{sentence this.description}} 79 | {{else}} 80 | There are no public methods defined for `{{main.name}}`. 81 | {{/each}} 82 | 83 |
84 | 85 | {{!-- print method details --}} 86 | {{#each methods as |method|}} 87 | 88 | 89 | ### `{{method.name}}` 90 | {{sentence method.description}} 91 | 92 | Returns: {{#if method.return}}{{#each method.return.types as |type|}}`{{type}}`{{/each}} {{sentence method.return.description}}{{else}}`undefined`{{/if}} 93 | ```js 94 | {{method.definition}} 95 | ``` 96 | {{#each method.parameters as |param|}} 97 | * `{{param.name}}` ({{#each param.types as |type|}}`{{type}}`{{/each}}{{#if method.optional}}, optional{{/if}}) {{sentence param.description}} 98 | {{/each}} 99 | 100 |
101 | 102 | {{/each}} 103 | -------------------------------------------------------------------------------- /docs/tools/templates/ui5-library.hbs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pulseshift/ui5-lib-visualization/3c3bcafe70d146eb5717ad4e3ebc7c5ceb5c7ec3/docs/tools/templates/ui5-library.hbs -------------------------------------------------------------------------------- /docs/tools/templates/ui5-library.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pulseshift/ui5-lib-visualization/3c3bcafe70d146eb5717ad4e3ebc7c5ceb5c7ec3/docs/tools/templates/ui5-library.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@pulseshift-cm/ui5-lib-visualization", 3 | "version": "0.6.3", 4 | "scripts": { 5 | "format": "prettier --write \"src/**/*{.js,.less}\"", 6 | "format:check": "prettier --check \"src/**/*{.js,.less}\"", 7 | "test": "yarn eslint ./src/ui5/viz --ext .js --cache ", 8 | "dev": "cross-env NODE_ENV=development DEV_PORT=3000 babel-node node_modules/gulp/bin/gulp.js --silent --local", 9 | "dev:verbose": "cross-env NODE_ENV=development DEV_PORT=3000 babel-node node_modules/gulp/bin/gulp.js --local", 10 | "start:dist": "cross-env NODE_ENV=production DEV_PORT=3000 babel-node node_modules/gulp/bin/gulp.js startHttpServer", 11 | "build": "cross-env NODE_ENV=production babel-node node_modules/gulp/bin/gulp.js build", 12 | "build:disclaimer": "yarn licenses generate-disclaimer --production >> DISCLAIMER.md", 13 | "docs": "babel-node docs/tools/create-ui5-docs.js", 14 | "dist": "yarn test && yarn docs && yarn build && yarn build:disclaimer" 15 | }, 16 | "description": "UI5 Visualization Library", 17 | "repository": "https://github.com/pulseshift/ui5-lib-visualization.git", 18 | "author": "Jascha Quintern ", 19 | "license": "MIT", 20 | "bugs": { 21 | "url": "https://github.com/pulseshift/ui5-lib-visualization/issues" 22 | }, 23 | "homepage": "https://github.com/pulseshift/ui5-lib-visualization#readme", 24 | "main": "src/demo/index.hbs", 25 | "ui5": { 26 | "indexTitle": "UI5 Visualization Library", 27 | "build": { 28 | "cacheBuster": false, 29 | "compression": false 30 | }, 31 | "src": "cdn", 32 | "srcLinks": { 33 | "cdn": { 34 | "url": "https://openui5.hana.ondemand.com/{{version}}/resources/sap-ui-core.js", 35 | "version": "1.96.12", 36 | "isPrebuild": true, 37 | "isArchive": false 38 | } 39 | }, 40 | "vendor": { 41 | "name": "ui5.viz.libs", 42 | "path": "src/ui5/viz/libs" 43 | }, 44 | "theme": "sap_belize", 45 | "apps": [], 46 | "libraries": [ 47 | { 48 | "name": "ui5.viz", 49 | "path": "src/ui5/viz" 50 | } 51 | ], 52 | "themes": [], 53 | "assets": [ 54 | { 55 | "name": "ui5.demo", 56 | "path": "src/demo" 57 | } 58 | ] 59 | }, 60 | "devDependencies": { 61 | "@babel/cli": "7.14.5", 62 | "@babel/core": "7.14.5", 63 | "@babel/node": "^7.19.1", 64 | "@babel/plugin-proposal-class-properties": "7.13.0", 65 | "@babel/plugin-proposal-decorators": "7.14.2", 66 | "@babel/plugin-proposal-do-expressions": "7.14.0", 67 | "@babel/plugin-proposal-export-default-from": "7.12.13", 68 | "@babel/plugin-proposal-export-namespace-from": "7.14.2", 69 | "@babel/plugin-proposal-function-bind": "7.12.13", 70 | "@babel/plugin-proposal-function-sent": "7.12.13", 71 | "@babel/plugin-proposal-json-strings": "7.14.2", 72 | "@babel/plugin-proposal-logical-assignment-operators": "7.14.2", 73 | "@babel/plugin-proposal-nullish-coalescing-operator": "7.14.2", 74 | "@babel/plugin-proposal-numeric-separator": "7.14.2", 75 | "@babel/plugin-proposal-optional-chaining": "7.14.2", 76 | "@babel/plugin-proposal-pipeline-operator": "7.12.13", 77 | "@babel/plugin-proposal-throw-expressions": "7.12.13", 78 | "@babel/plugin-syntax-dynamic-import": "7.8.3", 79 | "@babel/plugin-syntax-import-meta": "7.10.4", 80 | "@babel/preset-env": "7.14.5", 81 | "@babel/preset-flow": "7.14.5", 82 | "@swc-node/core": "^1.5.1", 83 | "@swc-node/register": "^1.3.2", 84 | "@ui5/cli": "1.14.0", 85 | "babel-eslint": "10.1.0", 86 | "babelify": "10.0.0", 87 | "browserify": "17.0.0", 88 | "connect-gzip-static": "2.1.1", 89 | "cross-env": "7.0.3", 90 | "del": "6.0.0", 91 | "dox": "0.9.0", 92 | "eslint": "7.28.0", 93 | "eslint-config-prettier": "8.3.0", 94 | "eslint-plugin-babel": "5.3.1", 95 | "eslint-plugin-flowtype": "5.7.2", 96 | "eslint-plugin-prettier": "3.4.0", 97 | "eslint-plugin-testcafe": "0.2.1", 98 | "express": "4.17.1", 99 | "flow": "0.2.3", 100 | "flow-bin": "0.152.0", 101 | "fs-es6-promise": "0.0.3", 102 | "glob": "7.1.7", 103 | "gulp": "4.0.2", 104 | "gulp-babel": "8.0.0", 105 | "gulp-brotli": "3.0.0", 106 | "gulp-clean-css": "4.3.0", 107 | "gulp-cli": "2.3.0", 108 | "gulp-gzip": "1.4.2", 109 | "gulp-handlebars-html": "0.0.2", 110 | "gulp-htmlmin": "5.0.1", 111 | "gulp-if": "3.0.0", 112 | "gulp-imagemin": "7.1.0", 113 | "gulp-less": "4.0.1", 114 | "gulp-main-npm-files": "1.0.5", 115 | "gulp-order": "1.2.0", 116 | "gulp-plumber": "1.2.1", 117 | "gulp-pretty-data": "0.1.2", 118 | "gulp-rename": "2.0.0", 119 | "gulp-sourcemaps": "3.0.0", 120 | "gulp-tap": "2.0.0", 121 | "gulp-touch-cmd": "0.0.1", 122 | "gulp-uglify": "3.0.2", 123 | "gulp-ui5-preload": "1.3.1", 124 | "gulp-util": "3.0.8", 125 | "handlebars": "4.7.7", 126 | "http-proxy-middleware": "2.0.0", 127 | "http-server": "0.12.3", 128 | "less": "3.13.1", 129 | "less-plugin-autoprefix": "2.0.0", 130 | "loader-utils": "2.0.0", 131 | "nodemailer": "6.6.1", 132 | "npm-run-all": "4.1.5", 133 | "ora": "5.4.1", 134 | "prettier": "2.3.1", 135 | "testcafe": "1.14.2", 136 | "ui5-cache-buster": "0.2.2", 137 | "ui5-lib-util": "0.3.3", 138 | "vinyl-buffer": "1.0.1", 139 | "vinyl-source-stream": "2.0.0", 140 | "yargs": "17.0.1" 141 | }, 142 | "dependencies": { 143 | "@openui5/sap.m": "1.96.12", 144 | "@openui5/sap.ui.core": "1.96.12", 145 | "@openui5/themelib_sap_belize": "1.96.12", 146 | "c3": "https://github.com/pulseshift/c3#master", 147 | "d3": "5.16.0", 148 | "lodash.debounce": "4.0.8", 149 | "lodash.defer": "^4.1.0", 150 | "lodash.isequal": "4.5.0" 151 | } 152 | } 153 | -------------------------------------------------------------------------------- /src/demo/index.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | 9 | {{secure indexTitle}} 10 | 11 | 23 | 24 | 30 | 31 | 32 | 33 | 34 |
36 | 37 | {{!--

UI5 Visualization Library Demo

38 | 39 |

Final demo is coming soon.

40 | 41 |

Deprecated demos:

42 | 43 |

1. Chart types

44 |

1.1 Area charts

45 | 50 | 51 |

1.2 Line charts

52 | 57 | 58 |

1.3 Other charts

59 |
    60 |
  • Bar
    • 61 |
62 | 63 |

2. Axis options

64 |

2.1 Tick options

65 |

2.2 Other options

66 | 70 | 71 |

3. Interaction

72 | 75 | 76 |

4. C3 extension charts

77 | --}} 80 | 81 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/c3-viz-fusion.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Chart Test 10 | 11 | 21 | 22 | 23 | 24 | 34 | 35 | 70 | 71 | 72 | 73 |
74 | 75 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/controller/C3-viz-fusion.controller.js: -------------------------------------------------------------------------------- 1 | sap.ui.define(['sap/ui/core/mvc/Controller'], function (Controller) { 2 | 'use strict' 3 | 4 | return Controller.extend('sap.ui.demo.db.controller.C3-viz-fusion', { 5 | onInit() { 6 | var oModel = new sap.ui.model.json.JSONModel({ 7 | title: 'C3-ribbon-extension/viz fusion', 8 | width: '100%', 9 | height: '300px', 10 | showTooltip: true, 11 | groupedTooltip: true, 12 | showLegend: true, 13 | xAxis: [ 14 | { 15 | labels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'], 16 | }, 17 | ], 18 | yAxis: [ 19 | { 20 | title: 'Values', 21 | }, 22 | ], 23 | series: [ 24 | { 25 | name: 'Measurement', 26 | dataPoints: [100, 90, 150, 100, 120, 180, 90, null, null, null], 27 | type: 'line', 28 | color: '#005073', 29 | }, 30 | 31 | { 32 | name: 'Prognose', 33 | dataPoints: [null, null, null, null, 100, 210, 110, 340, 160, 230], 34 | type: 'line', 35 | lineStyle: 'Dotted', 36 | color: '#189ad3', 37 | }, 38 | { 39 | name: 'Confidence interval', 40 | type: 'ribbon-line', 41 | color: '#71c7ec', 42 | dataPoints: [ 43 | { 44 | type: ui5.viz.DataPointType.ValuePair, 45 | low: null, 46 | high: null, 47 | }, 48 | { 49 | type: ui5.viz.DataPointType.ValuePair, 50 | low: null, 51 | high: null, 52 | }, 53 | { 54 | type: ui5.viz.DataPointType.ValuePair, 55 | low: null, 56 | high: null, 57 | }, 58 | { 59 | type: ui5.viz.DataPointType.ValuePair, 60 | low: null, 61 | high: null, 62 | }, 63 | { 64 | type: ui5.viz.DataPointType.ValuePair, 65 | low: 10, 66 | high: 180, 67 | }, 68 | { 69 | type: ui5.viz.DataPointType.ValuePair, 70 | low: 100, 71 | high: 300, 72 | }, 73 | { 74 | type: ui5.viz.DataPointType.ValuePair, 75 | low: 20, 76 | high: 150, 77 | }, 78 | { 79 | type: ui5.viz.DataPointType.ValuePair, 80 | low: 300, 81 | high: 470, 82 | }, 83 | { 84 | type: ui5.viz.DataPointType.ValuePair, 85 | low: 100, 86 | high: 220, 87 | }, 88 | { 89 | type: ui5.viz.DataPointType.ValuePair, 90 | low: 190, 91 | high: 280, 92 | }, 93 | ], 94 | }, 95 | ], 96 | }) 97 | this.getView().setModel(oModel, 'store') 98 | }, 99 | }) 100 | }) 101 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/controller/Demo_AddYAxis.controller.js: -------------------------------------------------------------------------------- 1 | sap.ui.define(['sap/ui/core/mvc/Controller'], function (Controller) { 2 | 'use strict' 3 | 4 | return Controller.extend('sap.ui.demo.db.controller.Demo_AddYAxis', { 5 | onInit() { 6 | var oModel = new sap.ui.model.json.JSONModel({ 7 | title: 'Additional Y axis chart', 8 | width: '100%', 9 | height: '300px', 10 | showTooltip: true, 11 | groupedTooltip: true, 12 | showLegend: true, 13 | xAxis: [ 14 | { 15 | labels: ['January', 'Febuary', 'March', 'April', 'May', 'June'], 16 | }, 17 | ], 18 | y2Axis: [ 19 | { 20 | title: 'My y2Axis', 21 | }, 22 | ], 23 | series: [ 24 | { 25 | name: 'Animal 1 population', 26 | dataPoints: [11000, 10000, 11500, 11000, 12000, 13000], 27 | type: 'line', 28 | yAxis: 'ui5.viz.Axis.Y', 29 | }, 30 | { 31 | name: 'Animal 2 Population', 32 | dataPoints: [1000, 1200, 1100, 900, 1050, 1100], 33 | type: 'line', 34 | yAxis: 'ui5.viz.Axis.Y2', 35 | }, 36 | ], 37 | }) 38 | 39 | this.getView().setModel(oModel, 'store') 40 | }, 41 | }) 42 | }) 43 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/controller/Demo_Area-Line.controller.js: -------------------------------------------------------------------------------- 1 | sap.ui.define(['sap/ui/core/mvc/Controller'], function (Controller) { 2 | 'use strict' 3 | 4 | return Controller.extend('sap.ui.demo.db.controller.Demo_Area-Line', { 5 | onInit() { 6 | var oModel = new sap.ui.model.json.JSONModel({ 7 | title: 'Area line chart', 8 | width: '100%', 9 | height: '300px', 10 | showTooltip: true, 11 | groupedTooltip: true, 12 | showLegend: true, 13 | xAxis: [ 14 | { 15 | labels: ['April', 'May', 'June', 'July', 'August', 'September'], 16 | }, 17 | ], 18 | yAxis: [ 19 | { 20 | title: 'Sightings in the woods 🍃', 21 | }, 22 | ], 23 | series: [ 24 | { 25 | name: 'Foxes 🦊', 26 | dataPoints: [2, 5, 3, 5, 8, 9], 27 | type: 'area', 28 | }, 29 | ], 30 | }) 31 | 32 | setTimeout(() => { 33 | var oModel = this.getView().getModel('store') 34 | var aSeries = oModel.getProperty('/series/') 35 | var aNewSeries = aSeries.concat({ 36 | name: 'Bears 🐻', 37 | dataPoints: [1, 2, 0, 2, 1, 3], 38 | type: 'area', 39 | }) 40 | oModel.setProperty('/series/', aNewSeries) 41 | }, 2000) 42 | 43 | setTimeout(() => { 44 | var oModel = this.getView().getModel('store') 45 | var aSeries = oModel.getProperty('/series/') 46 | var aNewSeries = aSeries.concat({ 47 | name: 'Deer 🦌', 48 | dataPoints: [14, 20, 18, 23, 17, 18], 49 | type: 'area', 50 | }) 51 | oModel.setProperty('/series/', aNewSeries) 52 | }, 4000) 53 | 54 | this.getView().setModel(oModel, 'store') 55 | }, 56 | }) 57 | }) 58 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/controller/Demo_Area-Spline.controller.js: -------------------------------------------------------------------------------- 1 | sap.ui.define(['sap/ui/core/mvc/Controller'], function (Controller) { 2 | 'use strict' 3 | 4 | return Controller.extend('sap.ui.demo.db.controller.Demo_Area-spline', { 5 | onInit() { 6 | var oModel = new sap.ui.model.json.JSONModel({ 7 | title: 'Area-spline chart', 8 | width: '100%', 9 | height: '300px', 10 | showTooltip: true, 11 | groupedTooltip: true, 12 | showLegend: true, 13 | xAxis: [ 14 | { 15 | labels: [ 16 | 'July', 17 | 'August', 18 | 'September', 19 | 'October', 20 | 'November', 21 | 'December', 22 | ], 23 | }, 24 | ], 25 | yAxis: [ 26 | { 27 | title: 'Rain [l/m²] 💧', 28 | }, 29 | ], 30 | series: [ 31 | { 32 | name: 'Oak City 🌳', 33 | dataPoints: [6, 8, 14, 23, 28, 26], 34 | type: 'area-spline', 35 | }, 36 | ], 37 | }) 38 | 39 | setTimeout(() => { 40 | var oModel = this.getView().getModel('store') 41 | var aSeries = oModel.getProperty('/series/') 42 | var aNewSeries = aSeries.concat({ 43 | name: 'Pine Village 🌲', 44 | dataPoints: [4, 10, 18, 28, 30, 29], 45 | type: 'area-spline', 46 | }) 47 | oModel.setProperty('/series/', aNewSeries) 48 | }, 3000) 49 | 50 | this.getView().setModel(oModel, 'store') 51 | }, 52 | }) 53 | }) 54 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/controller/Demo_Area-Step.controller.js: -------------------------------------------------------------------------------- 1 | sap.ui.define(['sap/ui/core/mvc/Controller'], function (Controller) { 2 | 'use strict' 3 | 4 | return Controller.extend('sap.ui.demo.db.controller.Demo_Area-step', { 5 | onInit() { 6 | var oModel = new sap.ui.model.json.JSONModel({ 7 | title: 'Area-step chart', 8 | width: '100%', 9 | height: '300px', 10 | showTooltip: true, 11 | groupedTooltip: true, 12 | showLegend: true, 13 | xAxis: [ 14 | { 15 | labels: [ 16 | 'October', 17 | 'November', 18 | 'December', 19 | 'January', 20 | 'February', 21 | 'March', 22 | ], 23 | }, 24 | ], 25 | yAxis: [ 26 | { 27 | title: 'Snow [kg/m²] ❄️', 28 | }, 29 | ], 30 | series: [ 31 | { 32 | name: 'Oak City 🌳', 33 | dataPoints: [0, 1, 3, 10, 9, 1], 34 | type: 'area-step', 35 | }, 36 | ], 37 | }) 38 | 39 | setTimeout(() => { 40 | var oModel = this.getView().getModel('store') 41 | var aSeries = oModel.getProperty('/series/') 42 | var aNewSeries = aSeries.concat({ 43 | name: 'Pine Village 🌲', 44 | dataPoints: [0, 2, 8, 14, 14, 2], 45 | type: 'area-step', 46 | }) 47 | oModel.setProperty('/series/', aNewSeries) 48 | }, 3000) 49 | 50 | this.getView().setModel(oModel, 'store') 51 | }, 52 | }) 53 | }) 54 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/controller/Demo_AxisRotated.controller.js: -------------------------------------------------------------------------------- 1 | sap.ui.define(['sap/ui/core/mvc/Controller'], function (Controller) { 2 | 'use strict' 3 | 4 | return Controller.extend('sap.ui.demo.db.controller.Demo_AxisRotated', { 5 | onInit() { 6 | var oModel = new sap.ui.model.json.JSONModel({ 7 | title: 'Rotated axis chart', 8 | width: '100%', 9 | height: '300px', 10 | showTooltip: true, 11 | groupedTooltip: true, 12 | showLegend: false, 13 | xAxis: [ 14 | { 15 | labels: [ 16 | 'Verena', 17 | 'Adrian', 18 | 'Leonie', 19 | 'Matthias', 20 | 'Sonja', 21 | 'Johannes', 22 | ], 23 | }, 24 | ], 25 | yAxis: [ 26 | { 27 | title: 'Completed km in the race 👟', 28 | }, 29 | ], 30 | series: [ 31 | { 32 | dataPoints: [9, 12, 10, 8, 11, 9], 33 | type: 'step', 34 | }, 35 | ], 36 | }) 37 | 38 | this.getView().setModel(oModel, 'store') 39 | }, 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/controller/Demo_Bar.controller.js: -------------------------------------------------------------------------------- 1 | sap.ui.define(['sap/ui/core/mvc/Controller'], function (Controller) { 2 | 'use strict' 3 | 4 | return Controller.extend('sap.ui.demo.db.controller.Demo_Bar', { 5 | onInit() { 6 | var oModel = new sap.ui.model.json.JSONModel({ 7 | title: 'Bar chart', 8 | width: '100%', 9 | height: '300px', 10 | showTooltip: true, 11 | groupedTooltip: true, 12 | showLegend: true, 13 | xAxis: [ 14 | { 15 | title: 'Summerdays 🌞', 16 | labels: [1, 2, 3, 4, 5, 6], 17 | }, 18 | ], 19 | yAxis: [ 20 | { 21 | title: 'Hatched birds in the wood 🦉', 22 | }, 23 | ], 24 | series: [ 25 | { 26 | name: 'Male', 27 | dataPoints: [13, 15, 18, 17, 19, 14], 28 | type: 'bar', 29 | }, 30 | ], 31 | }) 32 | 33 | setTimeout(() => { 34 | const oModel = this.getView().getModel('store') 35 | const aSeries = oModel.getProperty('/series/') 36 | const aNewSeries = aSeries.concat({ 37 | name: 'Female', 38 | dataPoints: [14, 11, 18, 21, 16, 14], 39 | type: 'bar', 40 | }) 41 | oModel.setProperty('/series/', aNewSeries) 42 | }, 3000) 43 | 44 | this.getView().setModel(oModel, 'store') 45 | }, 46 | }) 47 | }) 48 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/controller/Demo_Line.controller.js: -------------------------------------------------------------------------------- 1 | sap.ui.define(['sap/ui/core/mvc/Controller'], function (Controller) { 2 | 'use strict' 3 | 4 | return Controller.extend('sap.ui.demo.db.controller.Demo_Line', { 5 | onInit() { 6 | var oModel = new sap.ui.model.json.JSONModel({ 7 | title: 'Line chart', 8 | width: '100%', 9 | height: '300px', 10 | showTooltip: true, 11 | groupedTooltip: true, 12 | showLegend: true, 13 | xAxis: [ 14 | { 15 | title: 'Summerdays 🌞', 16 | labels: [1, 2, 3, 4, 5, 6], 17 | }, 18 | ], 19 | yAxis: [ 20 | { 21 | title: 'Sold ice cream scoops 🍧', 22 | }, 23 | ], 24 | series: [ 25 | { 26 | name: 'Chocolate 🍫', 27 | dataPoints: [10, 15, 18, 17, 29, 40], 28 | type: 'line', 29 | }, 30 | ], 31 | }) 32 | 33 | setTimeout(() => { 34 | const oModel = this.getView().getModel('store') 35 | const aSeries = oModel.getProperty('/series/') 36 | const aNewSeries = aSeries.concat({ 37 | name: 'Strawberry 🍓', 38 | dataPoints: [8, 11, 12, 21, 24, 31], 39 | type: 'line', 40 | }) 41 | oModel.setProperty('/series/', aNewSeries) 42 | }, 3000) 43 | 44 | this.getView().setModel(oModel, 'store') 45 | }, 46 | }) 47 | }) 48 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/controller/Demo_Spline.controller.js: -------------------------------------------------------------------------------- 1 | sap.ui.define(['sap/ui/core/mvc/Controller'], function (Controller) { 2 | 'use strict' 3 | 4 | return Controller.extend('sap.ui.demo.db.controller.Demo_Spline', { 5 | onInit() { 6 | var oModel = new sap.ui.model.json.JSONModel({ 7 | title: 'Spline chart', 8 | width: '100%', 9 | height: '300px', 10 | type: 'spline', 11 | showTooltip: true, 12 | groupedTooltip: true, 13 | showLegend: true, 14 | xAxis: [ 15 | { 16 | title: 'Finds in the village 🏡', 17 | labels: ['January', 'Febuary', 'March', 'April', 'May', 'June'], 18 | }, 19 | ], 20 | series: [ 21 | { 22 | name: 'Snow angels ❄️', 23 | dataPoints: [33, 31, 11, 0, 0, 0], 24 | type: 'spline', 25 | }, 26 | ], 27 | }) 28 | 29 | setTimeout(() => { 30 | var oModel = this.getView().getModel('store') //'this' would be the window 31 | var aSeries = oModel.getProperty('/series/') 32 | var aNewSeries = aSeries.concat({ 33 | name: 'Ripe cherry trees 🍒', 34 | dataPoints: [0, 0, 0, 1, 24, 28], 35 | type: 'spline', 36 | }) 37 | oModel.setProperty('/series/', aNewSeries) 38 | }, 3000) 39 | 40 | this.getView().setModel(oModel, 'store') 41 | }, 42 | }) 43 | }) 44 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/controller/Demo_Step.controller.js: -------------------------------------------------------------------------------- 1 | sap.ui.define(['sap/ui/core/mvc/Controller'], function (Controller) { 2 | 'use strict' 3 | 4 | return Controller.extend('sap.ui.demo.db.controller.Demo_Step', { 5 | onInit() { 6 | var oModel = new sap.ui.model.json.JSONModel({ 7 | title: 'Step chart', 8 | width: '100%', 9 | height: '300px', 10 | showTooltip: true, 11 | groupedTooltip: true, 12 | showLegend: false, 13 | xAxis: [ 14 | { 15 | labels: [ 16 | 'Thurday', 17 | 'Thursday night', 18 | 'Friday', 19 | 'Friday night', 20 | 'Saturday', 21 | 'Saturday night', 22 | ], 23 | }, 24 | ], 25 | yAxis: [ 26 | { 27 | title: 'Bonfires in the village 🔥', 28 | }, 29 | ], 30 | series: [ 31 | { 32 | dataPoints: [0, 1, 0, 5, 1, 6], 33 | type: 'step', 34 | }, 35 | ], 36 | }) 37 | 38 | this.getView().setModel(oModel, 'store') 39 | }, 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/controller/Demo_SubchartZoom.controller.js: -------------------------------------------------------------------------------- 1 | sap.ui.define(['sap/ui/core/mvc/Controller'], function (Controller) { 2 | 'use strict' 3 | 4 | return Controller.extend('sap.ui.demo.db.controller.Demo_SubchartZoom', { 5 | onInit() { 6 | var oModel = new sap.ui.model.json.JSONModel({ 7 | title: 'Subchart and Zoom chart', 8 | width: '100%', 9 | height: '300px', 10 | showTooltip: true, 11 | groupedTooltip: true, 12 | showLegend: true, 13 | showSubchart: true, 14 | zoomEnabled: true, 15 | xAxis: [ 16 | { 17 | labels: [ 18 | 1, 19 | 2, 20 | 3, 21 | 4, 22 | 5, 23 | 6, 24 | 7, 25 | 8, 26 | 9, 27 | 10, 28 | 11, 29 | 12, 30 | 13, 31 | 14, 32 | 15, 33 | 16, 34 | 17, 35 | 18, 36 | 19, 37 | 20, 38 | 21, 39 | 22, 40 | 23, 41 | 24, 42 | 25, 43 | ], 44 | }, 45 | ], 46 | series: [ 47 | { 48 | name: 'So many values 🌌', 49 | dataPoints: [ 50 | 10, 51 | 15, 52 | 18, 53 | 17, 54 | 29, 55 | 40, 56 | 34, 57 | 63, 58 | 43, 59 | 23, 60 | 76, 61 | 86, 62 | 34, 63 | 65, 64 | 45, 65 | 76, 66 | 78, 67 | 65, 68 | 34, 69 | 21, 70 | 23, 71 | 45, 72 | 98, 73 | 67, 74 | 12, 75 | ], 76 | type: 'line', 77 | }, 78 | ], 79 | }) 80 | 81 | this.getView().setModel(oModel, 'store') 82 | }, 83 | }) 84 | }) 85 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/index_demo_addyaxis.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Chart Test 10 | 11 | 21 | 22 | 23 | 24 | 34 | 35 | 68 | 69 | 70 | 71 |
72 | 73 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/index_demo_area-line.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Chart Test 10 | 11 | 21 | 22 | 23 | 24 | 34 | 35 | 68 | 69 | 70 | 71 |
72 | 73 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/index_demo_area-spline.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Chart Test 10 | 11 | 21 | 22 | 23 | 24 | 34 | 35 | 68 | 69 | 70 | 71 |
72 | 73 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/index_demo_area-step.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Chart Test 10 | 11 | 21 | 22 | 23 | 24 | 34 | 35 | 68 | 69 | 70 | 71 |
72 | 73 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/index_demo_axis_rotated.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Chart Test 10 | 11 | 21 | 22 | 23 | 24 | 34 | 35 | 67 | 68 | 69 | 70 |
71 | 72 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/index_demo_bar.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Chart Test 10 | 11 | 21 | 22 | 23 | 24 | 34 | 35 | 68 | 69 | 70 | 71 |
72 | 73 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/index_demo_line.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Chart Test 10 | 11 | 21 | 22 | 23 | 24 | 34 | 35 | 68 | 69 | 70 | 71 |
72 | 73 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/index_demo_spline.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Chart Test 10 | 11 | 21 | 22 | 23 | 24 | 34 | 35 | 64 | 65 | 66 | 67 |
68 | 69 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/index_demo_step.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Chart Test 10 | 11 | 21 | 22 | 23 | 24 | 34 | 35 | 67 | 68 | 69 | 70 |
71 | 72 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/index_demo_subchart_zoom.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Chart Test 10 | 11 | 21 | 22 | 23 | 24 | 34 | 35 | 69 | 70 | 71 | 72 |
73 | 74 | -------------------------------------------------------------------------------- /src/demo/todo_refactor_to_final_demo/view/App.view.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /src/ui5/viz/ChartAxisLabel.js: -------------------------------------------------------------------------------- 1 | /* @flow */ 2 | 3 | /** 4 | * @example 5 | * Sample Usage (XML View) 6 | * 7 | * @description 8 | * This element must be used with the ui5.viz.Chart control and was designed to work best in XML views and in combination with data binding. 9 | * 10 | * @type {xml} Markdown code type. 11 | * @code 12 | * 13 | * 14 | * 15 | */ 16 | sap.ui.define( 17 | ['sap/ui/core/Element'], 18 | function (Element) { 19 | /** 20 | * Constructor for a new ui5.viz.ChartAxisLabel. 21 | * 22 | * @param {string} [sId] Id for the new control, generated automatically if no id is given 23 | * @param {object} [mSettings] Initial settings for the new control 24 | * 25 | * @class 26 | * The ChartAxisLabel control: ChartAxisLabel container for bar, line and other chart types. Based on C3.js.. 27 | * 28 | * @extends sap.ui.core.Element 29 | * 30 | * @author PulseShift GmbH 31 | * 32 | * @constructor 33 | * @public 34 | * @alias ui5.viz.ChartAxisLabel 35 | */ 36 | return Element.extend('ui5.viz.ChartAxisLabel', { 37 | /* =========================================================== */ 38 | /* meta data definition */ 39 | /* =========================================================== */ 40 | 41 | metadata: { 42 | library: 'ui5.viz', 43 | properties: { 44 | /* === Appereance === */ 45 | 46 | /** 47 | * Sets axis value 48 | */ 49 | value: {type: 'any', group: 'Appereance', defaultValue: null}, 50 | 51 | /** 52 | * Sets axis label title 53 | */ 54 | title: {type: 'string', group: 'Appereance', defaultValue: null}, 55 | 56 | /** 57 | * Sets axis label icon 58 | */ 59 | // icon: { type: "sap.ui.core.URI", group: "Appereance", defaultValue: false } 60 | 61 | /** 62 | * Sets visibility of the element. 63 | */ 64 | visible: { 65 | type: 'boolean', 66 | group: 'Appereance', 67 | defaultValue: true, 68 | }, 69 | }, 70 | aggregations: {}, 71 | associations: {}, 72 | events: { 73 | /** 74 | * Data was updated 75 | * @event axisLabelUpdate 76 | */ 77 | axisLabelUpdate: {}, 78 | }, 79 | }, 80 | 81 | /* =========================================================== */ 82 | /* private attributes */ 83 | /* =========================================================== */ 84 | 85 | /* =========================================================== */ 86 | /* constants */ 87 | /* =========================================================== */ 88 | 89 | /* =========================================================== */ 90 | /* lifecycle methods */ 91 | /* =========================================================== */ 92 | 93 | /** 94 | * Constructor for a new ui5.viz.Chart. 95 | * 96 | * @param {string} [sId] Id for the new control, generated automatically if no id is given 97 | * @param {object} [mSettings] Initial settings for the new control 98 | */ 99 | constructor() { 100 | Element.prototype.constructor.apply(this, arguments) 101 | }, 102 | 103 | /** 104 | * The init() method can be used to set up, for example, internal variables or subcontrols of a composite control. 105 | * If the init() method is implemented, SAPUI5 invokes the method for each control instance directly after the constructor method. 106 | * @private 107 | * @override 108 | */ 109 | init() {}, 110 | 111 | /** 112 | * The exit() method is used to clean up resources and to deregister event handlers. 113 | * If the exit() method is implemented, SAPUI5 core invokes the method for each control instance when it is destroyed. 114 | * @private 115 | * @override 116 | */ 117 | exit() { 118 | // inform observers about control destroy 119 | this.fireAxisLabelUpdate() 120 | }, 121 | 122 | /* =========================================================== */ 123 | /* override methods */ 124 | /* =========================================================== */ 125 | 126 | /** 127 | * Overwrites the method in order to check on supported properties. 128 | * 129 | * @param {string} [sName] Property name to be set 130 | * @param {boolean|string|object} [vValue] Property value to be set 131 | * @param {boolean} [bSuppressInvalidation] Whether invalidation to be suppressed 132 | * @return {ui5.viz.ChartDataPoint} This instance for chaining 133 | * @public 134 | * @override 135 | */ 136 | setProperty(sName, vValue, bSuppressInvalidation) { 137 | // to be compatible with chart type category, we must convert all values to string 138 | if (sName === 'value' && vValue !== null && vValue !== undefined) { 139 | vValue = vValue.toString() 140 | } 141 | 142 | if (['value', 'title', 'visible'].includes(sName)) { 143 | // important: update value, before fire event 144 | Element.prototype.setProperty.call(this, sName, vValue, true) 145 | 146 | // inform observers about data update 147 | this.fireAxisLabelUpdate() 148 | } else { 149 | Element.prototype.setProperty.call( 150 | this, 151 | sName, 152 | vValue, 153 | bSuppressInvalidation 154 | ) 155 | } 156 | 157 | return this 158 | }, 159 | 160 | /* =========================================================== */ 161 | /* public methods */ 162 | /* =========================================================== */ 163 | 164 | /* =========================================================== */ 165 | /* private methods */ 166 | /* =========================================================== */ 167 | }) 168 | }, 169 | /* bExport= */ true 170 | ) 171 | -------------------------------------------------------------------------------- /src/ui5/viz/Color.js: -------------------------------------------------------------------------------- 1 | /* @flow */ 2 | 3 | /** 4 | * @example 5 | * Sample Usage (XML View) 6 | * 7 | * @description 8 | * This element must be used with the ui5.viz.Chart control and was designed to work best in XML views and in combination with data binding. 9 | * 10 | * @type {xml} Markdown code type. 11 | * @code 12 | * 13 | * 14 | * 15 | */ 16 | sap.ui.define( 17 | ['sap/ui/core/Element', './library'], 18 | function (Element) { 19 | /** 20 | * Constructor for a new ui5.viz.Color. 21 | * 22 | * @param {string} [sId] Id for the new control, generated automatically if no id is given 23 | * @param {object} [mSettings] Initial settings for the new control 24 | * 25 | * @class 26 | * The Color control: Color container for bar, line and other chart types. Based on C3.js.. 27 | * 28 | * @extends sap.ui.core.Element 29 | * 30 | * @author PulseShift GmbH 31 | * 32 | * @constructor 33 | * @public 34 | * @alias ui5.viz.Color 35 | */ 36 | return Element.extend('ui5.viz.Color', { 37 | /* =========================================================== */ 38 | /* meta data definition */ 39 | /* =========================================================== */ 40 | 41 | metadata: { 42 | library: 'ui5.viz', 43 | properties: { 44 | /* === Appereance === */ 45 | 46 | /** 47 | * Sets the CSS value for the color 48 | */ 49 | color: { 50 | type: 'sap.ui.core.CSSColor', 51 | group: 'Appereance', 52 | defaultValue: null, 53 | }, 54 | }, 55 | aggregations: {}, 56 | associations: {}, 57 | events: {}, 58 | }, 59 | 60 | /* =========================================================== */ 61 | /* private attributes */ 62 | /* =========================================================== */ 63 | 64 | /* =========================================================== */ 65 | /* constants */ 66 | /* =========================================================== */ 67 | 68 | /* =========================================================== */ 69 | /* lifecycle methods */ 70 | /* =========================================================== */ 71 | 72 | /** 73 | * Constructor for a new ui5.viz.Chart. 74 | * 75 | * @param {string} [sId] Id for the new control, generated automatically if no id is given 76 | * @param {object} [mSettings] Initial settings for the new control 77 | */ 78 | constructor() { 79 | Element.prototype.constructor.apply(this, arguments) 80 | }, 81 | 82 | /** 83 | * The init() method can be used to set up, for example, internal variables or subcontrols of a composite control. 84 | * If the init() method is implemented, SAPUI5 invokes the method for each control instance directly after the constructor method. 85 | * @private 86 | * @override 87 | */ 88 | init() {}, 89 | 90 | /** 91 | * The exit() method is used to clean up resources and to deregister event handlers. 92 | * If the exit() method is implemented, SAPUI5 core invokes the method for each control instance when it is destroyed. 93 | * @private 94 | * @override 95 | */ 96 | // exit() {}, 97 | 98 | /* =========================================================== */ 99 | /* override methods */ 100 | /* =========================================================== */ 101 | 102 | /* =========================================================== */ 103 | /* public methods */ 104 | /* =========================================================== */ 105 | 106 | /* =========================================================== */ 107 | /* private methods */ 108 | /* =========================================================== */ 109 | }) 110 | }, 111 | /* bExport= */ true 112 | ) 113 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/base/ChartArea.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* styling */ 9 | /* ================================================================= */ 10 | 11 | /* Compact Size */ 12 | .sapUiSizeCompact { 13 | } 14 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/base/ChartAxis.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* styling */ 9 | /* ================================================================= */ 10 | 11 | /* Compact Size */ 12 | .sapUiSizeCompact { 13 | } 14 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/base/ChartAxisLabel.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* styling */ 9 | /* ================================================================= */ 10 | 11 | /* Compact Size */ 12 | .sapUiSizeCompact { 13 | } 14 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/base/ChartDataPoint.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* styling */ 9 | /* ================================================================= */ 10 | 11 | /* Compact Size */ 12 | .sapUiSizeCompact { 13 | } 14 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/base/ChartLine.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* styling */ 9 | /* ================================================================= */ 10 | 11 | /* Compact Size */ 12 | .sapUiSizeCompact { 13 | } 14 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/base/ChartRegion.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* styling */ 9 | /* ================================================================= */ 10 | 11 | /* Compact Size */ 12 | .sapUiSizeCompact { 13 | } 14 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/base/ChartSeries.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* styling */ 9 | /* ================================================================= */ 10 | 11 | /* Compact Size */ 12 | .sapUiSizeCompact { 13 | } 14 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/base/library.source.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* globals */ 9 | /* ================================================================= */ 10 | 11 | // @import "../../../../../Base/baseLib/psmaterial/base.less"; 12 | // @import "../../../../sap/ui/core/themes/psmaterial/global.less"; 13 | 14 | // import css of c3 library 15 | @import (inline) '../../libs/c3.css'; 16 | 17 | @import 'Chart.less'; 18 | @import 'ChartArea.less'; 19 | @import 'ChartAxis.less'; 20 | @import 'ChartAxisLabel.less'; 21 | @import 'ChartDataPoint.less'; 22 | @import 'ChartLine.less'; 23 | @import 'ChartSeries.less'; 24 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/psmaterial/library.source.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* globals */ 9 | /* ================================================================= */ 10 | 11 | @import '../base/library.source.less'; 12 | // @import '../../../../../Base/baseLib/psmaterial/base.less'; 13 | // @import '../../../../sap/ui/core/themes/psmaterial/global.less'; 14 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/sap_belize/library.source.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* globals */ 9 | /* ================================================================= */ 10 | 11 | @import '../base/library.source.less'; 12 | // @import '../../../../../Base/baseLib/psmaterial/base.less'; 13 | // @import '../../../../sap/ui/core/themes/psmaterial/global.less'; 14 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/sap_belize_hcb/library.source.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* globals */ 9 | /* ================================================================= */ 10 | 11 | @import '../base/library.source.less'; 12 | // @import '../../../../../Base/baseLib/psmaterial/base.less'; 13 | // @import '../../../../sap/ui/core/themes/psmaterial/global.less'; 14 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/sap_belize_hcw/library.source.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* globals */ 9 | /* ================================================================= */ 10 | 11 | @import '../base/library.source.less'; 12 | // @import '../../../../../Base/baseLib/psmaterial/base.less'; 13 | // @import '../../../../sap/ui/core/themes/psmaterial/global.less'; 14 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/sap_belize_plus/library.source.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* globals */ 9 | /* ================================================================= */ 10 | 11 | @import '../base/library.source.less'; 12 | // @import '../../../../../Base/baseLib/psmaterial/base.less'; 13 | // @import '../../../../sap/ui/core/themes/psmaterial/global.less'; 14 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/sap_bluecrystal/library.source.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* globals */ 9 | /* ================================================================= */ 10 | 11 | @import '../base/library.source.less'; 12 | // @import '../../../../../Base/baseLib/psmaterial/base.less'; 13 | // @import '../../../../sap/ui/core/themes/psmaterial/global.less'; 14 | -------------------------------------------------------------------------------- /src/ui5/viz/themes/sap_hcb/library.source.less: -------------------------------------------------------------------------------- 1 | /** 2 | * UI development toolkit enhancement for HTML5 (OpenUI5) 3 | * (c) Copyright 2016 PulseShift GmbH, all rights reserved. 4 | * Created by Jascha Quintern (fuchsvomwalde) on 27. Jul 2016. 5 | */ 6 | 7 | /* ================================================================= */ 8 | /* globals */ 9 | /* ================================================================= */ 10 | 11 | @import '../base/library.source.less'; 12 | // @import '../../../../../Base/baseLib/psmaterial/base.less'; 13 | // @import '../../../../sap/ui/core/themes/psmaterial/global.less'; 14 | -------------------------------------------------------------------------------- /ui5.yaml: -------------------------------------------------------------------------------- 1 | specVersion: '1.0' 2 | metadata: 3 | name: ui5 4 | type: library --------------------------------------------------------------------------------