zartui 2.0.22 → 2.0.24

package/es/calendar/index.js

@@ -166,6 +166,7 @@ export default createComponent({
       this.scrollIntoView();
     },
     onCancel: function onCancel() {
+      this.$emit('input', false);
       this.$emit('cancel');
     },
     init: function init() {

package/es/cascader/index.js

@@ -4,6 +4,7 @@ import Tabs from '../tabs';
 import Icon from '../icon';
 import Button from '../button';
 import Divider from "../divider";
+import Popup from '../popup';
 
 var _createNamespace = createNamespace('cascader'),
     createComponent = _createNamespace[0],
@@ -22,7 +23,20 @@ export default createComponent({
       default: function _default() {
         return [];
       }
-    }
+    },
+    poppable: {
+      type: Boolean,
+      default: true
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      default: true
+    },
+    closeOnPopstate: {
+      type: Boolean,
+      default: true
+    },
+    show: Boolean
   },
   data: function data() {
     return {
@@ -74,6 +88,11 @@ export default createComponent({
     this.updateTabs();
   },
   methods: {
+    onClickOverlay: function onClickOverlay() {
+      if (this.closeOnClickOverlay) {
+        this.onCancel();
+      }
+    },
     getSelectedOptionsByValue: function getSelectedOptionsByValue(options, value) {
       for (var i = 0; i < options.length; i++) {
         var option = options[i];
@@ -170,7 +189,7 @@ export default createComponent({
         tabIndex: tabIndex,
         selectedOptions: selectedOptions
       };
-      this.$emit('input', option[this.valueKey]);
+      this.$emit('update:value', option[this.valueKey]);
       this.$emit('change', eventParams);
 
       if (!option[this.childrenKey]) {
@@ -178,6 +197,7 @@ export default createComponent({
       }
     },
     onCancel: function onCancel() {
+      this.$emit('update:show', false);
       this.$emit('cancel');
     },
     renderHeader: function renderHeader() {
@@ -190,7 +210,7 @@ export default createComponent({
     },
     renderDivider: function renderDivider() {
       var h = this.$createElement;
-      return h("zt-divider", {
+      return h(Divider, {
         "style": {
           margin: 0
         }
@@ -277,12 +297,32 @@ export default createComponent({
           "click": this.onCancel
         }
       }, ["\u53D6\u6D88"]);
+    },
+    renderCascade: function renderCascade() {
+      var h = this.$createElement;
+      return h("div", {
+        "class": bem()
+      }, [this.renderHeader(), this.renderDivider(), this.renderTabs(), this.renderDivider(), this.renderMenu()]);
     }
   },
   render: function render() {
     var h = arguments[0];
-    return h("div", {
-      "class": bem()
-    }, [this.renderHeader(), this.renderDivider(), this.renderTabs(), this.renderDivider(), this.renderMenu()]);
+
+    if (this.poppable) {
+      return h(Popup, {
+        "attrs": {
+          "value": this.show,
+          "round": true,
+          "position": "bottom",
+          "get-container": "body",
+          "safe-area-inset-bottom": true,
+          "closeOnPopstate": this.closeOnPopstate,
+          "closeOnClickOverlay": this.closeOnClickOverlay,
+          "customOnClickOverlay": this.onClickOverlay
+        }
+      }, [this.renderCascade()]);
+    }
+
+    return this.renderCascade();
   }
 });

package/es/cascader/style/index.js

@@ -1,6 +1,8 @@
 import '../../style/base.css';
+import '../../overlay/index.css';
 import '../../info/index.css';
 import '../../icon/index.css';
+import '../../popup/index.css';
 import '../../loading/index.css';
 import '../../button/index.css';
 import '../../tab/index.css';

package/es/cascader/style/less.js

@@ -1,6 +1,8 @@
 import '../../style/base.less';
+import '../../overlay/index.less';
 import '../../info/index.less';
 import '../../icon/index.less';
+import '../../popup/index.less';
 import '../../loading/index.less';
 import '../../button/index.less';
 import '../../tab/index.less';

package/es/collapse-item/index.css

@@ -1 +1 @@
-.zt-collapse-item{position:relative}.zt-collapse-item__container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:transparent}.zt-collapse-item__container .zt-cell{padding-left:12px;background-color:transparent}.zt-collapse-item__container .zt-cell .zt-cell__title{color:#2d4b73}.zt-collapse-item__bar{width:4px;height:16px;background:#0091fa}.zt-collapse-item__title--iconWhite .zt-icon::before{color:#fff!important}.zt-collapse-item__title--titleWhite .zt-cell__title .zt-cell__title-content{color:#fff}.zt-collapse-item__title--titleWhite .zt-cell__value{color:#fff}.zt-collapse-item__title .zt-cell__title{font-weight:700;font-family:PingFangSC-Semibold}.zt-collapse-item__title .zt-cell__right-icon::before{-webkit-transform:rotate(90deg) translateZ(0);transform:rotate(90deg) translateZ(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;color:rgba(0,0,0,.2)}.zt-collapse-item__title::after{right:16px;display:none}.zt-collapse-item__title--expanded .zt-cell__right-icon::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);color:#0091fa}.zt-collapse-item__title--expanded::after{display:block}.zt-collapse-item__title--borderless::after{display:none}.zt-collapse-item__title--disabled{cursor:not-allowed}.zt-collapse-item__title--disabled,.zt-collapse-item__title--disabled .zt-cell__right-icon{color:#c8c9cc}.zt-collapse-item__title--disabled:active{background-color:#fff}.zt-collapse-item__wrapper{overflow:hidden;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out;will-change:height}.zt-collapse-item__content{color:#2d4b73;font-size:14px;line-height:20px;background-color:transparent}
+.zt-collapse-item{position:relative}.zt-collapse-item__title{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:transparent;padding:10px 16px}.zt-collapse-item__title .zt-cell{padding-left:12px}.zt-collapse-item__bar{position:absolute;left:0;width:4px;height:16px;background:#0091fa}.zt-collapse-item__bar--custom{background:#fff}.zt-collapse-item__icon{font-size:24px;color:rgba(0,0,0,.2);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.zt-collapse-item__icon--expanded{color:#0091fa;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.zt-collapse-item__icon--custom{color:#fff}.zt-collapse-item__text{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-weight:700;font-size:16px;color:#2d4b73;line-height:20px}.zt-collapse-item__text--custom{color:#fff}.zt-collapse-item__text--disabled{cursor:not-allowed}.zt-collapse-item__wrapper{overflow:hidden;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out;will-change:height}.zt-collapse-item__content{color:#2d4b73;font-size:14px;line-height:20px;background-color:transparent}

package/es/collapse-item/index.js

@@ -1,32 +1,26 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 // Utils
 import { createNamespace } from '../utils';
 import { raf, doubleRaf } from '../utils/dom/raf'; // Mixins
 
 import { ChildrenMixin } from '../mixins/relation'; // Components
 
-import Cell from '../cell';
-import { cellProps } from '../cell/shared';
+import Icon from '../icon';
 
 var _createNamespace = createNamespace('collapse-item'),
     createComponent = _createNamespace[0],
     bem = _createNamespace[1];
 
-var CELL_SLOTS = ['title', 'icon', 'right-icon'];
 export default createComponent({
   mixins: [ChildrenMixin('ztCollapse')],
-  props: _extends({}, cellProps, {
+  props: {
     name: [Number, String],
-    disabled: Boolean,
-    isLink: {
-      type: Boolean,
-      default: true
-    },
+    title: [Number, String],
     titleBG: {
       type: String,
       default: ""
-    }
-  }),
+    },
+    color: String
+  },
   data: function data() {
     return {
       show: null,
@@ -106,9 +100,7 @@ export default createComponent({
   },
   methods: {
     onClick: function onClick() {
-      if (!this.disabled) {
-        this.toggle();
-      }
+      this.toggle();
     },
     // @exposed-api
     toggle: function toggle(expanded) {
@@ -130,54 +122,35 @@ export default createComponent({
       }
     },
     genTitle: function genTitle() {
-      var _this3 = this;
-
       var h = this.$createElement;
-      var border = this.border,
-          disabled = this.disabled,
-          expanded = this.expanded,
-          titleBG = this.titleBG;
-      var titleSlots = CELL_SLOTS.reduce(function (slots, name) {
-        if (_this3.slots(name)) {
-          slots[name] = function () {
-            return _this3.slots(name);
-          };
-        }
-
-        return slots;
-      }, {});
-
-      if (this.slots('value')) {
-        titleSlots.default = function () {
-          return _this3.slots('value');
-        };
-      }
-
+      var expanded = this.expanded,
+          titleBG = this.titleBG,
+          color = this.color;
       return h("div", {
-        "class": bem("container") + " half-border-bottom",
-        "style": titleBG ? "background:" + titleBG + ";color:#fff;" : ""
-      }, [h("div", {
-        "class": bem("bar"),
-        "style": titleBG ? 'background-color:#fff;' : ''
-      }), h(Cell, {
-        "attrs": {
-          "role": "button",
-          "tabindex": disabled ? -1 : 0,
-          "aria-expanded": String(expanded)
-        },
-        "class": bem('title', {
-          disabled: disabled,
-          expanded: expanded,
-          borderless: !border,
-          iconWhite: titleBG,
-          titleWhite: titleBG
-        }),
+        "class": [bem("title"), expanded ? " half-border-bottom" : ""],
+        "style": titleBG ? "background:" + titleBG + ";color:#fff;" : "",
         "on": {
           "click": this.onClick
+        }
+      }, [h("span", {
+        "class": bem("bar", {
+          custom: titleBG
+        }),
+        "style": color ? "background:" + color + ";" : ''
+      }), h("span", {
+        "class": bem("text", {
+          custom: titleBG
+        }),
+        "style": color ? "color:" + color + ";" : ''
+      }, [this.title]), h(Icon, {
+        "attrs": {
+          "name": "keyboard-arrow-up"
         },
-        "scopedSlots": titleSlots,
-        "style": titleBG ? "background:" + titleBG + ";color:#fff;" : "",
-        "props": _extends({}, this.$props)
+        "style": color ? "color:" + color + ";" : '',
+        "class": bem('icon', {
+          expanded: expanded,
+          custom: titleBG
+        })
       })]);
     },
     genContent: function genContent() {

package/es/collapse-item/index.less

@@ -4,88 +4,53 @@
 .zt-collapse-item {
   position: relative;
 
-  &__container {
+  &__title {
     display: flex;
     align-items: center;
-    background-color: transparent;
+    background-color: @collapse-item-content-background-color;
+    padding: @collapse-item-title-padding;
     .zt-cell {
-      padding-left: 12px;
-      background-color: transparent;
-      .zt-cell__title {
-        color: rgba(45, 75, 115, 1)
-      }
+      padding-left: @collapse-item-title-cell-padding;
     }
   }
   &__bar {
-    width: 4px;
-    height: 16px;
-    background: #0091FA;
-  }
-
-  &__title {
-    &--iconWhite {
-      .zt-icon::before {
-        color: #fff!important;
-      }
-    }
-
-    &--titleWhite {
-      .zt-cell__title {
-        .zt-cell__title-content {
-          color: #fff;
-        }
-      }
-
-      .zt-cell__value {
-        color: #fff;
-      }
+    position: absolute;
+    left: 0;
+    width: @collapse-item-bar-width;
+    height: @collapse-item-bar-height;
+    background: @blue;
+    &--custom {
+      background: @white;
     }
+  }
+  &__icon {
+    font-size: @collapse-item-icon-font-size;
+    color: @gray-a2;
+    transition: transform 0.3s;
 
-    .zt-cell__title {
-      font-weight: bold;
-      font-family: PingFangSC-Semibold;
-    }
-    .zt-cell__right-icon::before {
-      // using translateZ to fix safari rendering issues
-      // see: https://github.com/youzan/vant/issues/8608
-      transform: rotate(90deg) translateZ(0);
-      transition: transform @collapse-item-transition-duration;
-      color: @gray-a2;
+    &--expanded {
+      color: @blue;
+      transform: rotate(-180deg);
     }
 
-    &::after {
-      right: @padding-md;
-      display: none;
+    &--custom {
+      color: @white;
     }
+  }
 
-    &--expanded {
-      .zt-cell__right-icon::before {
-        transform: rotate(-90deg);
-        color: @blue;
-      }
-
-      &::after {
-        display: block;
-      }
-    }
+  &__text {
+    flex: 1;
+    font-weight: @font-weight-bold;
+    font-size: @collapse-item-title-font-size;
+    color: @collapse-item-content-text-color;
+    line-height: @collapse-item-content-line-height;
 
-    &--borderless {
-      &::after {
-        display: none;
-      }
+    &--custom {
+      color: @white;
     }
 
     &--disabled {
       cursor: not-allowed;
-
-      &,
-      & .zt-cell__right-icon {
-        color: @collapse-item-title-disabled-color;
-      }
-
-      &:active {
-        background-color: @white;
-      }
     }
   }
 

package/es/collapse-item/style/index.js

@@ -1,5 +1,4 @@
 import '../../style/base.css';
 import '../../info/index.css';
 import '../../icon/index.css';
-import '../../cell/index.css';
 import '../index.css';

package/es/collapse-item/style/less.js

@@ -1,5 +1,4 @@
 import '../../style/base.less';
 import '../../info/index.less';
 import '../../icon/index.less';
-import '../../cell/index.less';
 import '../index.less';

package/es/datetime-picker/DatePicker.js

@@ -42,7 +42,17 @@ export default createComponent({
       });
     },
     maxDate: function maxDate(value) {
-      if (this.innerValue.valueOf() >= value.valueOf()) {
+      var value1 = "";
+      var value2 = "";
+
+      try {
+        value1 = this.innerValue.valueOf();
+        value2 = value.valueOf();
+      } catch (error) {
+        console.warn("zartui datetime-picker maxDate valueOf error", error);
+      }
+
+      if (value1 && value2 && value1 >= value2) {
         this.innerValue = value;
       } else {
         this.updateInnerValue();
@@ -51,8 +61,16 @@ export default createComponent({
     value: function value(val) {
       val = this.formatValue(val);
 
-      if (val && val.valueOf() !== this.innerValue.valueOf()) {
-        this.innerValue = val;
+      try {
+        if (val && val.valueOf() !== this.innerValue.valueOf()) {
+          this.innerValue = val;
+        }
+      } catch (error) {
+        console.warn("zartui datetime-picker value valueOf error", error);
+
+        if (val && this.innerValue === null) {
+          this.innerValue = val;
+        }
       }
     }
   },

package/es/datetime-picker/shared.js

@@ -154,6 +154,7 @@ export var TimePickerMixin = {
       this.$emit('confirm', this.innerValue);
     },
     onCancel: function onCancel() {
+      this.$emit('update:showPicker', false);
       this.$emit('cancel');
     }
   },

package/es/empty/images/Developing.js

@@ -0,0 +1,221 @@
+export default {
+  render: function render() {
+    var h = arguments[0];
+    return h("svg", {
+      "attrs": {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": "0 0 200 200"
+      }
+    }, [h("defs", [h("filter", {
+      "attrs": {
+        "x": "-21.9%",
+        "y": "-16.7%",
+        "width": "143.8%",
+        "height": "146.7%",
+        "filterUnits": "objectBoundingBox",
+        "id": "361vbezwz__cla56gkuic"
+      }
+    }, [h("feOffset", {
+      "attrs": {
+        "dy": "2",
+        "in": "SourceAlpha",
+        "result": "shadowOffsetOuter1"
+      }
+    }), h("feGaussianBlur", {
+      "attrs": {
+        "stdDeviation": "2",
+        "in": "shadowOffsetOuter1",
+        "result": "shadowBlurOuter1"
+      }
+    }), h("feColorMatrix", {
+      "attrs": {
+        "values": "0 0 0 0 0 0 0 0 0 0.568627451 0 0 0 0 0.980392157 0 0 0 0.242009943 0",
+        "in": "shadowBlurOuter1"
+      }
+    })]), h("filter", {
+      "attrs": {
+        "x": "-38.6%",
+        "y": "-29.5%",
+        "width": "177.3%",
+        "height": "177.1%",
+        "filterUnits": "objectBoundingBox",
+        "id": "361vbezwz__q0cdghmuqe"
+      }
+    }, [h("feOffset", {
+      "attrs": {
+        "dy": "2",
+        "in": "SourceAlpha",
+        "result": "shadowOffsetOuter1"
+      }
+    }), h("feGaussianBlur", {
+      "attrs": {
+        "stdDeviation": "2.5",
+        "in": "shadowOffsetOuter1",
+        "result": "shadowBlurOuter1"
+      }
+    }), h("feColorMatrix", {
+      "attrs": {
+        "values": "0 0 0 0 0 0 0 0 0 0.568627451 0 0 0 0 0.980392157 0 0 0 0.242009943 0",
+        "in": "shadowBlurOuter1"
+      }
+    })]), h("filter", {
+      "attrs": {
+        "x": "-35.4%",
+        "y": "-162.5%",
+        "width": "170.8%",
+        "height": "525%",
+        "filterUnits": "objectBoundingBox",
+        "id": "361vbezwz__s7qq7y856g"
+      }
+    }, [h("feOffset", {
+      "attrs": {
+        "dy": "2",
+        "in": "SourceAlpha",
+        "result": "shadowOffsetOuter1"
+      }
+    }), h("feGaussianBlur", {
+      "attrs": {
+        "stdDeviation": "2.5",
+        "in": "shadowOffsetOuter1",
+        "result": "shadowBlurOuter1"
+      }
+    }), h("feColorMatrix", {
+      "attrs": {
+        "values": "0 0 0 0 0 0 0 0 0 0.568627451 0 0 0 0 0.980392157 0 0 0 0.242009943 0",
+        "in": "shadowBlurOuter1"
+      }
+    })]), h("linearGradient", {
+      "attrs": {
+        "x1": "50%",
+        "y1": "7.10247992%",
+        "x2": "50%",
+        "y2": "106.117243%",
+        "id": "361vbezwz__e1axvis34b"
+      }
+    }, [h("stop", {
+      "attrs": {
+        "stop-color": "#C3E6FF",
+        "offset": "0%"
+      }
+    }), h("stop", {
+      "attrs": {
+        "stop-color": "#F0FAFF",
+        "offset": "100%"
+      }
+    })]), h("linearGradient", {
+      "attrs": {
+        "x1": "50%",
+        "y1": "0%",
+        "x2": "50%",
+        "y2": "100%",
+        "id": "361vbezwz__8yfr6mnt5a"
+      }
+    }, [h("stop", {
+      "attrs": {
+        "stop-color": "#73C8FF",
+        "offset": "0%"
+      }
+    }), h("stop", {
+      "attrs": {
+        "stop-color": "#0091FA",
+        "offset": "100%"
+      }
+    })]), h("path", {
+      "attrs": {
+        "d": "M33.9840832,18.0485271 L34.1397811,18.092718 C35.9680641,18.7069479 37.665919,19.6433088 39.1508611,20.8547227 L39.5176132,21.1632792 C40.0028807,21.5885487 40.2120672,22.2358867 40.0744362,22.8523003 L40.032762,23.0056133 C39.6594765,24.1056234 39.7406748,25.3023428 40.2521987,26.3399731 L40.3683888,26.5597942 C40.973319,27.5544672 41.9485822,28.2734013 43.0814911,28.5681346 L43.3265928,28.6247448 C43.9671965,28.7639693 44.4745485,29.2356695 44.6564138,29.8475418 L44.692518,29.9911472 C45.0709575,31.8385398 45.1000682,33.737323 44.7798498,35.5926403 L44.6925175,36.0555093 C44.5593166,36.6850554 44.0886755,37.1887163 43.4715259,37.3765731 L43.3265928,37.4142323 C42.1645088,37.6520351 41.1481614,38.3305503 40.4942726,39.2973717 L40.3683919,39.4945347 C39.799387,40.5012284 39.653023,41.6832203 39.9536823,42.7898072 L40.0249603,43.0256874 C40.2260964,43.6310468 40.0777019,44.2915564 39.6467988,44.7561127 L39.5332258,44.8680245 C38.052689,46.1421612 36.3450615,47.1334124 34.498152,47.7924258 L34.0695097,47.9385857 C33.9561296,47.969783 33.8399402,47.9893883 33.7227843,47.997186 L33.5466014,48 C33.0981234,47.9984635 32.6682989,47.8334174 32.33852,47.5401764 L32.2197015,47.4242708 C30.647563,45.6394165 27.9018795,45.4459335 26.0870555,46.99211 C25.9825444,47.0811504 25.8824416,47.1750184 25.7870809,47.2733859 L25.6476382,47.4242708 C25.2046961,47.8900742 24.5443103,48.0818144 23.9213694,47.9360412 L23.7665626,47.8925299 C21.9645955,47.2836737 20.2898835,46.3615037 18.8216781,45.1711692 L18.4589749,44.868025 C17.9739714,44.4456681 17.7623709,43.8017221 17.8955123,43.1864445 L17.9360211,43.033367 C18.3125848,41.9407427 18.2390608,40.7499876 17.7377683,39.7140606 L17.6238091,39.4945381 C17.0205166,38.5014867 16.0481211,37.7828649 14.9179318,37.4865629 L14.67341,37.4295875 C14.0307509,37.2892936 13.5227795,36.8144479 13.3430449,36.1997579 L13.3074821,36.0555107 C12.9290426,34.2081181 12.8999319,32.3093349 13.2201498,30.4540176 L13.3074818,29.991149 C13.4381359,29.3588497 13.9090618,28.8519304 14.5280277,28.6626933 L14.6734065,28.62475 C15.8277511,28.3913748 16.8396419,27.7231934 17.4963917,26.7686691 L17.6316104,26.5597995 C18.2044883,25.5462123 18.3487621,24.3552519 18.0402793,23.2427238 L17.967237,23.0056187 C17.7629824,22.3981552 17.9113625,21.7340763 18.344731,21.267884 L18.4589709,21.1556062 C19.8837773,19.9241986 21.5201562,18.9543023 23.2901123,18.2906172 L23.735339,18.1311012 C24.3551362,17.9271354 25.0340049,18.073051 25.5096852,18.501701 L25.6242203,18.6147149 C26.4074536,19.4829298 27.5033844,20.0115837 28.6739596,20.0933047 L28.9258529,20.1039364 C30.1256982,20.0816502 31.2633577,19.5895895 32.0898289,18.7427253 L32.2509002,18.5686559 C32.6925471,18.0958778 33.3574885,17.900528 33.9840832,18.0485271 Z M29.0130295,23.5265071 C23.7110956,23.519402 19.4072031,27.7553117 19.3999999,32.9876694 C19.3929245,38.1298092 23.5383101,42.3206764 28.7136582,42.4703992 L28.9869792,42.4745313 C34.1997383,42.4745313 38.4442742,38.3797113 38.59582,33.2701969 L38.5999999,33.0003548 L38.5961908,32.7310413 C38.4517644,27.6282461 34.2185233,23.5334865 29.0130295,23.5265071 Z M29.0086863,26.6845111 C32.463133,26.6891427 35.2753305,29.3940738 35.3959674,32.7742022 L35.3999999,33.0004096 C35.3953743,36.4141606 32.6507945,39.1933223 29.2210604,39.3125421 L28.9913194,39.3165272 C25.4566935,39.3117941 22.5952002,36.4801879 22.5999999,32.9919527 C22.604802,29.5037142 25.4740637,26.6797744 29.0086863,26.6845111 Z M29.0043431,29.8425151 C27.2370318,29.8401468 25.802401,31.2521167 25.7999999,32.9962359 C25.7976828,34.6802115 27.1313786,36.0581247 28.8140797,36.1532809 L28.9956597,36.1585232 L29.1773713,36.1535262 C30.8007912,36.0639798 32.1017893,34.7817228 32.1946938,33.1797345 L32.1999999,33.0004644 L32.1949435,32.8214863 C32.1009767,31.162289 30.7090662,29.8448008 29.0043431,29.8425151 Z",
+        "id": "361vbezwz__0egysp8hmd"
+      }
+    }), h("path", {
+      "attrs": {
+        "d": "M39.2047448,56.3942048 C40.0726395,58.3846619 41.6805634,59.978318 43.6809259,60.8275824 L41.4914697,63.017355 C41.5726371,64.3587801 41.0852288,65.6863376 40.1087572,66.6628091 C38.2537668,68.5177995 35.2462332,68.5177995 33.3912428,66.6628091 C31.5362524,64.8078187 31.5362524,61.8002851 33.3912428,59.9452947 C34.3677144,58.9688231 35.6952718,58.4814149 37.036697,58.5625822 L39.2047448,56.3942048 Z M35.0882991,61.642351 C34.170567,62.5600831 34.170567,64.0480208 35.0882991,64.9657529 C36.0060311,65.8834849 37.4939689,65.8834849 38.4117009,64.9657529 C39.329433,64.0480208 39.329433,62.5600831 38.4117009,61.642351 C37.4939689,60.7246189 36.0060311,60.7246189 35.0882991,61.642351 Z M47,46 C47.8253625,46 48.6173615,46.1428457 49.3526235,46.4051634 L45.0502525,50.7071068 L49.2928932,54.9497475 L53.5948366,50.6473765 C53.8571543,51.3826385 54,52.1746375 54,53 C54,56.8659932 50.8659932,60 47,60 C43.1340068,60 40,56.8659932 40,53 C40,49.1340068 43.1340068,46 47,46 Z",
+        "id": "361vbezwz__3f4p3ywv0f"
+      }
+    }), h("rect", {
+      "attrs": {
+        "id": "361vbezwz__g0b74wfyeh",
+        "x": "20",
+        "y": "76",
+        "width": "24",
+        "height": "4",
+        "rx": "2"
+      }
+    })]), h("g", {
+      "attrs": {
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }
+    }, [h("path", {
+      "attrs": {
+        "fill": "#E6F5FF",
+        "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z",
+        "transform": "translate(20 20)"
+      }
+    }), h("path", {
+      "attrs": {
+        "d": "M86,68 L118,68 C122.418278,68 126,71.581722 126,76 L126,124 C126,128.418278 122.418278,132 118,132 L86,132 C81.581722,132 78,128.418278 78,124 L78,76 C78,71.581722 81.581722,68 86,68 Z",
+        "fill": "#73C8FF",
+        "opacity": ".24220203",
+        "transform": "translate(20 20)"
+      }
+    }), h("path", {
+      "attrs": {
+        "d": "M12,0 L52,0 C58.627417,-1.21743675e-15 64,5.372583 64,12 L64,76 C64,82.627417 58.627417,88 52,88 L12,88 C5.372583,88 8.11624501e-16,82.627417 0,76 L0,12 C-8.11624501e-16,5.372583 5.372583,1.21743675e-15 12,0 Z",
+        "stroke": "url(#361vbezwz__8yfr6mnt5a)",
+        "stroke-width": "8",
+        "fill": "url(#361vbezwz__e1axvis34b)",
+        "transform": "translate(65 54)"
+      }
+    }), h("g", {
+      "attrs": {
+        "transform": "translate(65 54)"
+      }
+    }, [h("use", {
+      "attrs": {
+        "fill": "#000",
+        "filter": "url(#361vbezwz__cla56gkuic)",
+        "href": "#361vbezwz__0egysp8hmd"
+      }
+    }), h("use", {
+      "attrs": {
+        "fill": "#FFF",
+        "href": "#361vbezwz__0egysp8hmd"
+      }
+    })]), h("g", {
+      "attrs": {
+        "transform": "translate(65 54)"
+      }
+    }, [h("use", {
+      "attrs": {
+        "fill": "#000",
+        "filter": "url(#361vbezwz__q0cdghmuqe)",
+        "href": "#361vbezwz__3f4p3ywv0f"
+      }
+    }), h("use", {
+      "attrs": {
+        "fill": "#FFF",
+        "href": "#361vbezwz__3f4p3ywv0f"
+      }
+    })]), h("g", {
+      "attrs": {
+        "transform": "translate(65 54)"
+      }
+    }, [h("use", {
+      "attrs": {
+        "fill": "#000",
+        "filter": "url(#361vbezwz__s7qq7y856g)",
+        "href": "#361vbezwz__g0b74wfyeh"
+      }
+    }), h("use", {
+      "attrs": {
+        "fill": "#FFF",
+        "href": "#361vbezwz__g0b74wfyeh"
+      }
+    })]), h("path", {
+      "attrs": {
+        "d": "M20,4 L44,4 L44,8 C44,10.209139 42.209139,12 40,12 L24,12 C21.790861,12 20,10.209139 20,8 L20,4 L20,4 Z",
+        "fill": "#6EC6FF",
+        "transform": "translate(65 54)"
+      }
+    })])]);
+  }
+};