@zohodesk/components 1.0.0-alpha-238 → 1.0.0-alpha-241

package/es/Tab/docs/Tab__default.docs.js

@@ -0,0 +1,258 @@
+import React from 'react';
+import { TabWrapper, Tabs, Tab, TabContentWrapper, TabContent } from '../';
+import { Container, Box } from '../../Layout';
+import tStyle from './tabdocs.module.css';
+export default class Tab__default extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      tab: 'home'
+    };
+  }
+
+  tabs(selected) {
+    this.setState({
+      tab: selected
+    });
+  }
+
+  componentDidMount() {
+    let tabs = document.getElementById('tabs');
+    let input = document.getElementById('input');
+    input.value = tabs.style.height.replace('px', '');
+    input.addEventListener('change', () => {
+      let tabs = document.getElementById('tabs');
+      let input = document.getElementById('input');
+      tabs.style.height = `${input.value}px`;
+    });
+  }
+
+  render() {
+    let {
+      tab
+    } = this.state;
+    let style = {
+      border: '1px solid #f0f0f0',
+      height: '200px',
+      padding: '10px'
+    };
+    return /*#__PURE__*/React.createElement(Container, {
+      alignBox: "row",
+      wrap: "wrap",
+      alignContent: "start"
+    }, /*#__PURE__*/React.createElement(Box, {
+      style: style,
+      column: "6"
+    }, /*#__PURE__*/React.createElement(TabWrapper, {
+      defaultTab: tab,
+      type: "alpha",
+      onSelect: this.tabs.bind(this)
+    }, /*#__PURE__*/React.createElement(Tabs, {
+      customProps: {
+        DropBoxProps: {
+          needResponsive: false
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Tab, {
+      id: "home",
+      text: "home",
+      isDisabled: true,
+      title: "Title"
+    }), /*#__PURE__*/React.createElement(Tab, {
+      id: "contact",
+      text: "contact"
+    }), /*#__PURE__*/React.createElement(Tab, {
+      id: "profile",
+      text: "profile",
+      customProps: {
+        'data-custom': 'custom'
+      }
+    }), /*#__PURE__*/React.createElement("div", null, "Custom")), /*#__PURE__*/React.createElement(TabContentWrapper, null, /*#__PURE__*/React.createElement(TabContent, {
+      id: "home"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Home")))), /*#__PURE__*/React.createElement(TabContent, {
+      id: "contact"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Contact")))), /*#__PURE__*/React.createElement(TabContent, {
+      id: "profile"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Profile"))))))), /*#__PURE__*/React.createElement(Box, {
+      style: style,
+      column: "6"
+    }, /*#__PURE__*/React.createElement(TabWrapper, {
+      defaultTab: tab,
+      type: "beta",
+      onSelect: this.tabs.bind(this)
+    }, /*#__PURE__*/React.createElement(Tabs, {
+      showTitleInMoreOptions: true
+    }, /*#__PURE__*/React.createElement(Tab, {
+      id: "home",
+      text: "home"
+    }), /*#__PURE__*/React.createElement(Tab, {
+      id: "contact2",
+      title: "alternate"
+    }, "children"), /*#__PURE__*/React.createElement(Tab, {
+      id: "contact",
+      text: "contact"
+    }), /*#__PURE__*/React.createElement(Tab, {
+      id: "profile",
+      text: "profile"
+    })), /*#__PURE__*/React.createElement(TabContentWrapper, null, /*#__PURE__*/React.createElement(TabContent, {
+      id: "home"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Home")))), /*#__PURE__*/React.createElement(TabContent, {
+      id: "contact2"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Contact")))), /*#__PURE__*/React.createElement(TabContent, {
+      id: "contact"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Contact")))), /*#__PURE__*/React.createElement(TabContent, {
+      id: "profile"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Profile"))))))), /*#__PURE__*/React.createElement(Box, {
+      style: style,
+      column: "6"
+    }, /*#__PURE__*/React.createElement(TabWrapper, {
+      defaultTab: tab,
+      type: "delta",
+      needTabBorder: true,
+      isAnimate: true,
+      onSelect: this.tabs.bind(this)
+    }, /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement(Tab, {
+      id: "home",
+      text: "home"
+    }), /*#__PURE__*/React.createElement(Tab, {
+      id: "contact",
+      text: "contact"
+    }), /*#__PURE__*/React.createElement(Tab, {
+      id: "profile",
+      text: "profile"
+    })), /*#__PURE__*/React.createElement(TabContentWrapper, null, /*#__PURE__*/React.createElement(TabContent, {
+      id: "home"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Home")))), /*#__PURE__*/React.createElement(TabContent, {
+      id: "contact"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Contact")))), /*#__PURE__*/React.createElement(TabContent, {
+      id: "profile"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Profile"))))))), /*#__PURE__*/React.createElement(Box, {
+      style: style,
+      column: "6",
+      id: "tabs"
+    }, /*#__PURE__*/React.createElement(TabWrapper, {
+      defaultTab: tab,
+      type: "delta",
+      needTabBorder: true,
+      isAnimate: true,
+      align: "horizontal",
+      onSelect: this.tabs.bind(this),
+      needAppearance: false
+    }, /*#__PURE__*/React.createElement(Tabs, {
+      className: tStyle.tab,
+      itemClass: tStyle.item,
+      itemActiveClass: tStyle.itemActive,
+      moreButtonClass: tStyle.more,
+      moreContainerClass: tStyle.drop,
+      menuItemClass: tStyle.itemmenu
+    }, /*#__PURE__*/React.createElement(Tab, {
+      id: "home",
+      text: "home"
+    }), /*#__PURE__*/React.createElement(Tab, {
+      id: "contact",
+      text: "contact"
+    }), /*#__PURE__*/React.createElement(Tab, {
+      id: "profile",
+      text: "profile"
+    }), /*#__PURE__*/React.createElement(Tab, {
+      id: "profile2",
+      text: "profile2"
+    }), /*#__PURE__*/React.createElement(Tab, {
+      id: "profile3",
+      text: "profile3"
+    }), /*#__PURE__*/React.createElement(Tab, {
+      id: "profile4",
+      text: "profile4"
+    }), /*#__PURE__*/React.createElement(Tab, {
+      id: "profile5",
+      text: "profile5"
+    })), /*#__PURE__*/React.createElement(TabContentWrapper, null, /*#__PURE__*/React.createElement(TabContent, {
+      id: "home"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Home")))), /*#__PURE__*/React.createElement(TabContent, {
+      id: "contact"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Contact")))), /*#__PURE__*/React.createElement(TabContent, {
+      id: "profile"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Profile")))), /*#__PURE__*/React.createElement(TabContent, {
+      id: "profile2"
+    }), /*#__PURE__*/React.createElement(TabContent, {
+      id: "profile3"
+    }), /*#__PURE__*/React.createElement(TabContent, {
+      id: "profile4"
+    }), /*#__PURE__*/React.createElement(TabContent, {
+      id: "profile5"
+    })))), /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        paddingRight: '20px'
+      }
+    }, "Resize Check for Vertical Tab"), /*#__PURE__*/React.createElement("input", {
+      type: "number",
+      step: "20",
+      id: "input"
+    })));
+  }
+
+}
+
+if (false) {
+  Tab__default.docs = {
+    componentGroup: 'Tab',
+    folderName: 'Style Guide',
+    description: ' '
+  };
+}

package/es/Tab/docs/tabdocs.module.css

@@ -0,0 +1,29 @@
+.tab {
+  width: 100px;
+  background-color: black;
+}
+.item {
+  color: #fff;
+  font-size: 12px;
+  padding: 10px;
+}
+
+.itemActive {
+  background-color: red;
+}
+
+.more {
+  color: #fff;
+}
+
+.drop {
+  bottom: -18px;
+}
+
+.itemmenu {
+  outline: 2px solid #000;
+}
+
+.itemBlue {
+  background-color: blue;
+}

package/es/Tag/docs/Tag__custom.docs.js

@@ -0,0 +1,368 @@
+import React, { Component } from 'react';
+import Tag from '../Tag';
+import Icon from '@zohodesk/icons/lib/Icon';
+import styles from '../../common/docStyle.module.css';
+export default class Tag__custom extends Component {
+  render() {
+    let style = {
+      margin: '10px'
+    },
+        titleStyle = {
+      fontSize: '13px',
+      padding: '15px 0',
+      textTransform: 'upperCase'
+    },
+        spanStyle = {
+      display: 'inline-block',
+      margin: '10px 10px 10px 0'
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      style: style
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: titleStyle
+    }, "Default Tag"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      text: "Bharathi",
+      tooltip: "Bharathi Kannan",
+      customClass: {
+        customTag: styles.customTag
+      }
+    })))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: titleStyle
+    }, "Active"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag
+      },
+      text: "Default",
+      imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
+      hasAvatar: true,
+      active: true
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Danger",
+      rounded: false,
+      initial: "TT",
+      hasAvatar: true,
+      active: true,
+      palette: "danger"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Secondary",
+      rounded: false,
+      initial: "TT",
+      hasAvatar: true,
+      active: true,
+      palette: "secondary"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose,
+        customAvatar: styles.tagAvatar
+      },
+      onRemove: () => {},
+      text: "Secondary Active",
+      rounded: false,
+      initial: "TT",
+      hasAvatar: true,
+      active: true,
+      palette: "secondary"
+    })))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: titleStyle
+    }, "Disabled"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.tagDisabled
+      },
+      text: "Bharathi",
+      disabled: true
+    })))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: titleStyle
+    }, "Icon Palette"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Default",
+      imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
+      hasAvatar: true,
+      active: true,
+      closePalette: "danger",
+      onRemove: () => {}
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Danger",
+      rounded: false,
+      initial: "TT",
+      hasAvatar: true,
+      active: true,
+      palette: "danger",
+      closePalette: "primary",
+      onRemove: () => {}
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Default",
+      imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
+      hasAvatar: true,
+      active: true,
+      closePalette: "danger",
+      onRemove: () => {}
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "ZD-open",
+      isBold: true,
+      size: "10"
+    }))))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: titleStyle
+    }, "Palette"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Bharathi",
+      imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
+      hasAvatar: true,
+      palette: "default"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Bharathi",
+      rounded: false,
+      initial: "TT",
+      hasAvatar: true,
+      palette: "danger"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag
+      },
+      text: "Bharathi",
+      palette: "secondary"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag
+      },
+      text: "Bharathi",
+      palette: "pureDotted"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag
+      },
+      text: "Bharathi",
+      palette: "primaryDotted"
+    })))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: titleStyle
+    }, "Rounded"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Bharathi",
+      onRemove: () => {},
+      imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
+      hasAvatar: true
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Bharathi",
+      onRemove: () => {},
+      rounded: false,
+      initial: "TT",
+      hasAvatar: true
+    })))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: titleStyle
+    }, "Size"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Medium",
+      onRemove: () => {},
+      imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
+      hasAvatar: true,
+      size: "medium"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Small",
+      onRemove: () => {},
+      initial: "SM",
+      hasAvatar: true,
+      size: "small"
+    })))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: titleStyle
+    }, "With Avatar"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Bharathi",
+      imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
+      hasAvatar: true
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Bharathi",
+      initial: "TT",
+      hasAvatar: true
+    })), /*#__PURE__*/React.createElement("span", {
+      style: {
+        marginRight: '10px'
+      }
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Bharathi",
+      imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
+      hasAvatar: true,
+      rounded: false
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customAvatar: styles.tagAvatar
+      },
+      text: "Bharathi",
+      rounded: false,
+      initial: "TT",
+      hasAvatar: true
+    })))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: titleStyle
+    }, "With Close"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose
+      },
+      text: "Desk",
+      onRemove: () => {}
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose
+      },
+      text: "Desk",
+      onRemove: () => {},
+      size: "small"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose
+      },
+      text: "Desk",
+      onRemove: () => {},
+      rounded: false
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose
+      },
+      text: "Desk",
+      onRemove: () => {},
+      imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
+      hasAvatar: true,
+      closePalette: "primary"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose
+      },
+      text: "Bharathi",
+      palette: "pureDotted",
+      onRemove: () => {}
+    })), /*#__PURE__*/React.createElement("span", {
+      style: spanStyle
+    }, /*#__PURE__*/React.createElement(Tag, {
+      customClass: {
+        customTag: styles.customTag,
+        customTagClose: styles.customClose
+      },
+      text: "Bharathi",
+      palette: "primaryDotted",
+      onRemove: () => {}
+    })))));
+  }
+
+}
+
+if (false) {
+  Tag__custom.docs = {
+    componentGroup: 'Molecule',
+    folderName: 'Style Guide',
+    description: ' '
+  };
+}