12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- import {
- isArray,
- assign,
- reduce
- } from 'min-dash';
- /**
- * A component that manages shape styles
- */
- export default function Styles() {
- var defaultTraits = {
- 'no-fill': {
- fill: 'none'
- },
- 'no-border': {
- strokeOpacity: 0.0
- },
- 'no-events': {
- pointerEvents: 'none'
- }
- };
- var self = this;
- /**
- * Builds a style definition from a className, a list of traits and an object of additional attributes.
- *
- * @param {String} className
- * @param {Array<String>} traits
- * @param {Object} additionalAttrs
- *
- * @return {Object} the style defintion
- */
- this.cls = function(className, traits, additionalAttrs) {
- var attrs = this.style(traits, additionalAttrs);
- return assign(attrs, { 'class': className });
- };
- /**
- * Builds a style definition from a list of traits and an object of additional attributes.
- *
- * @param {Array<String>} traits
- * @param {Object} additionalAttrs
- *
- * @return {Object} the style defintion
- */
- this.style = function(traits, additionalAttrs) {
- if (!isArray(traits) && !additionalAttrs) {
- additionalAttrs = traits;
- traits = [];
- }
- var attrs = reduce(traits, function(attrs, t) {
- return assign(attrs, defaultTraits[t] || {});
- }, {});
- return additionalAttrs ? assign(attrs, additionalAttrs) : attrs;
- };
- this.computeStyle = function(custom, traits, defaultStyles) {
- if (!isArray(traits)) {
- defaultStyles = traits;
- traits = [];
- }
- return self.style(traits || [], assign({}, defaultStyles, custom || {}));
- };
- }
|