zartui 0.1.69 → 0.1.72

package/es/field/index.js

@@ -658,7 +658,8 @@ export default createComponent({
     h("div", {
       "class": bem('zt-clear-icon'),
       "on": {
-        "touchstart": this.onClear
+        "touchstart": this.onClear,
+        "click": this.onClear
       }
     }, [h(ClearIcon, {
       "class": bem('zt-clear-size')

package/es/grid/index.css

@@ -0,0 +1 @@
+.zt-grid{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}

package/es/grid/index.js

@@ -0,0 +1,50 @@
+import { createNamespace, addUnit } from '../utils';
+import { BORDER_TOP } from '../utils/constant';
+import { ParentMixin } from '../mixins/relation';
+
+var _createNamespace = createNamespace('grid'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+export default createComponent({
+  mixins: [ParentMixin('ztGrid')],
+  props: {
+    square: Boolean,
+    gutter: [Number, String],
+    iconSize: [Number, String],
+    direction: String,
+    clickable: Boolean,
+    columnNum: {
+      type: [Number, String],
+      default: 4
+    },
+    center: {
+      type: Boolean,
+      default: true
+    },
+    border: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    style: function style() {
+      var gutter = this.gutter;
+
+      if (gutter) {
+        return {
+          paddingLeft: addUnit(gutter)
+        };
+      }
+    }
+  },
+  render: function render() {
+    var _ref;
+
+    var h = arguments[0];
+    return h("div", {
+      "style": this.style,
+      "class": [bem(), (_ref = {}, _ref[BORDER_TOP] = this.border && !this.gutter, _ref)]
+    }, [this.slots()]);
+  }
+});

package/es/grid/index.less

@@ -0,0 +1,6 @@
+@import '../style/var';
+
+.zt-grid {
+  display: flex;
+  flex-wrap: wrap;
+}

package/es/grid/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/base.css';
+import '../index.css';

package/es/grid/style/less.js

@@ -0,0 +1,2 @@
+import '../../style/base.less';
+import '../index.less';

package/es/grid-item/index.css

@@ -0,0 +1 @@
+.zt-grid-item{position:relative;box-sizing:border-box}.zt-grid-item--square{height:0}.zt-grid-item__icon{font-size:28px}.zt-grid-item__icon-wrapper{position:relative}.zt-grid-item__text{color:#646566;font-size:12px;line-height:1.5;word-break:break-all}.zt-grid-item__icon+.zt-grid-item__text{margin-top:8px}.zt-grid-item__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;height:100%;padding:16px 8px;background-color:#fff}.zt-grid-item__content::after{z-index:1;border-width:0 1px 1px 0}.zt-grid-item__content--square{position:absolute;top:0;right:0;left:0}.zt-grid-item__content--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.zt-grid-item__content--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.zt-grid-item__content--horizontal .zt-grid-item__icon+.zt-grid-item__text{margin-top:0;margin-left:8px}.zt-grid-item__content--surround::after{border-width:1px}.zt-grid-item__content--clickable{cursor:pointer}.zt-grid-item__content--clickable:active{background-color:rgba(0,0,0,.04)}

package/es/grid-item/index.js

@@ -0,0 +1,163 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+// Utils
+import { createNamespace, addUnit } from '../utils';
+import { BORDER } from '../utils/constant';
+import { route, routeProps } from '../utils/router'; // Mixins
+
+import { ChildrenMixin } from '../mixins/relation'; // Components
+
+import Info from '../info';
+import Icon from '../icon';
+
+var _createNamespace = createNamespace('grid-item'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+export default createComponent({
+  mixins: [ChildrenMixin('ztGrid')],
+  props: _extends({}, routeProps, {
+    dot: Boolean,
+    text: String,
+    icon: String,
+    iconPrefix: String,
+    // @deprecated
+    info: [Number, String],
+    badge: [Number, String]
+  }),
+  computed: {
+    style: function style() {
+      var _this$parent = this.parent,
+          square = _this$parent.square,
+          gutter = _this$parent.gutter,
+          columnNum = _this$parent.columnNum;
+      var percent = 100 / columnNum + "%";
+      var style = {
+        flexBasis: percent
+      };
+
+      if (square) {
+        style.paddingTop = percent;
+      } else if (gutter) {
+        var gutterValue = addUnit(gutter);
+        style.paddingRight = gutterValue;
+
+        if (this.index >= columnNum) {
+          style.marginTop = gutterValue;
+        }
+      }
+
+      return style;
+    },
+    contentStyle: function contentStyle() {
+      var _this$parent2 = this.parent,
+          square = _this$parent2.square,
+          gutter = _this$parent2.gutter;
+
+      if (square && gutter) {
+        var gutterValue = addUnit(gutter);
+        return {
+          right: gutterValue,
+          bottom: gutterValue,
+          height: 'auto'
+        };
+      }
+    }
+  },
+  methods: {
+    onClick: function onClick(event) {
+      this.$emit('click', event);
+      route(this.$router, this);
+    },
+    genIcon: function genIcon() {
+      var _this$badge;
+
+      var h = this.$createElement;
+      var iconSlot = this.slots('icon');
+      var info = (_this$badge = this.badge) != null ? _this$badge : this.info;
+
+      if (process.env.NODE_ENV === 'development' && this.info) {
+        console.warn('[Zart] GridItem: "info" prop is deprecated, use "badge" prop instead.');
+      }
+
+      if (iconSlot) {
+        return h("div", {
+          "class": bem('icon-wrapper')
+        }, [iconSlot, h(Info, {
+          "attrs": {
+            "dot": this.dot,
+            "info": info
+          }
+        })]);
+      }
+
+      if (this.icon) {
+        return h(Icon, {
+          "attrs": {
+            "name": this.icon,
+            "dot": this.dot,
+            "badge": info,
+            "size": this.parent.iconSize,
+            "classPrefix": this.iconPrefix
+          },
+          "class": bem('icon')
+        });
+      }
+    },
+    getText: function getText() {
+      var h = this.$createElement;
+      var textSlot = this.slots('text');
+
+      if (textSlot) {
+        return textSlot;
+      }
+
+      if (this.text) {
+        return h("span", {
+          "class": bem('text')
+        }, [this.text]);
+      }
+    },
+    genContent: function genContent() {
+      var slot = this.slots();
+
+      if (slot) {
+        return slot;
+      }
+
+      return [this.genIcon(), this.getText()];
+    }
+  },
+  render: function render() {
+    var _ref;
+
+    var h = arguments[0];
+    var _this$parent3 = this.parent,
+        center = _this$parent3.center,
+        border = _this$parent3.border,
+        square = _this$parent3.square,
+        gutter = _this$parent3.gutter,
+        direction = _this$parent3.direction,
+        clickable = _this$parent3.clickable;
+    return h("div", {
+      "class": [bem({
+        square: square
+      })],
+      "style": this.style
+    }, [h("div", {
+      "style": this.contentStyle,
+      "attrs": {
+        "role": clickable ? 'button' : null,
+        "tabindex": clickable ? 0 : null
+      },
+      "class": [bem('content', [direction, {
+        center: center,
+        square: square,
+        clickable: clickable,
+        surround: border && gutter
+      }]), (_ref = {}, _ref[BORDER] = border, _ref)],
+      "on": {
+        "click": this.onClick
+      }
+    }, [this.genContent()])]);
+  }
+});

package/es/grid-item/index.less

@@ -0,0 +1,79 @@
+@import '../style/var';
+
+.zt-grid-item {
+  position: relative;
+  box-sizing: border-box;
+
+  &--square {
+    height: 0;
+  }
+
+  &__icon {
+    font-size: @grid-item-icon-size;
+  }
+
+  &__icon-wrapper {
+    position: relative;
+  }
+
+  &__text {
+    color: @grid-item-text-color;
+    font-size: @grid-item-text-font-size;
+    line-height: 1.5;
+    // https://github.com/youzan/vant/issues/3894
+    word-break: break-all;
+  }
+
+  &__icon + &__text {
+    margin-top: @padding-xs;
+  }
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    height: 100%;
+    padding: @grid-item-content-padding;
+    background-color: @grid-item-content-background-color;
+
+    &::after {
+      z-index: 1;
+      border-width: 0 @border-width-base @border-width-base 0;
+    }
+
+    &--square {
+      position: absolute;
+      top: 0;
+      right: 0;
+      left: 0;
+    }
+
+    &--center {
+      align-items: center;
+      justify-content: center;
+    }
+
+    &--horizontal {
+      flex-direction: row;
+
+      .zt-grid-item__icon + .zt-grid-item__text {
+        margin-top: 0;
+        margin-left: @padding-xs;
+      }
+    }
+
+    &--surround {
+      &::after {
+        border-width: @border-width-base;
+      }
+    }
+
+    &--clickable {
+      cursor: pointer;
+
+      &:active {
+        background-color: @grid-item-content-active-color;
+      }
+    }
+  }
+}

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

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

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

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

package/es/index.js

@@ -23,6 +23,8 @@ import Empty from './empty';
 import Field from './field';
 import FoldDialog from './fold-dialog';
 import Form from './form';
+import Grid from './grid';
+import GridItem from './grid-item';
 import HierarchySelect from './hierarchy-select';
 import Icon from './icon';
 import Image from './image';
@@ -34,6 +36,8 @@ import Lazyload from './lazyload';
 import List from './list';
 import Loading from './loading';
 import Locale from './locale';
+import MediaPicker from './media-picker';
+import MediaPlayer from './media-player';
 import MultiplePicker from './multiple-picker';
 import NavBar from './nav-bar';
 import NoticeBar from './notice-bar';
@@ -70,10 +74,10 @@ import Tabs from './tabs';
 import Tag from './tag';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '0.1.69';
+var version = '0.1.72';
 
 function install(Vue) {
-  var components = [ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Toast, Uploader];
+  var components = [ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Toast, Uploader];
   components.forEach(function (item) {
     if (item.install) {
       Vue.use(item);
@@ -87,7 +91,7 @@ if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue);
 }
 
-export { install, version, ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Toast, Uploader };
+export { install, version, ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Toast, Uploader };
 export default {
   install: install,
   version: version

package/es/media-picker/image/DefaultAudioIcon.js

@@ -0,0 +1,133 @@
+export default {
+  render: function render() {
+    var h = arguments[0];
+    return h("svg", {
+      "attrs": {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": "0 0 112 112"
+      }
+    }, [h("defs", [h("linearGradient", {
+      "attrs": {
+        "x1": "0%",
+        "y1": "0%",
+        "x2": "100%",
+        "y2": "100%",
+        "id": "gf8svfh27b"
+      }
+    }, [h("stop", {
+      "attrs": {
+        "stop-color": "#00C8F0",
+        "offset": "0%"
+      }
+    }), h("stop", {
+      "attrs": {
+        "stop-color": "#0091FA",
+        "offset": "100%"
+      }
+    })]), h("pattern", {
+      "attrs": {
+        "id": "vbf1ym2qvd",
+        "width": "4.8",
+        "height": "4.8",
+        "x": "-4.8",
+        "y": "-4.8",
+        "patternUnits": "userSpaceOnUse"
+      }
+    }, [h("use", {
+      "attrs": {
+        "href": "#shkwixq1qa",
+        "transform": "scale(.5)"
+      }
+    })]), h("filter", {
+      "attrs": {
+        "x": "-15%",
+        "y": "-10.7%",
+        "width": "130%",
+        "height": "130%",
+        "filterUnits": "objectBoundingBox",
+        "id": "300zm3c39e"
+      }
+    }, [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 0 0 0 0 0 0 0 0 0.1 0",
+        "in": "shadowBlurOuter1"
+      }
+    })]), h("image", {
+      "attrs": {
+        "id": "shkwixq1qa",
+        "width": "9.6",
+        "height": "9.6",
+        "href": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGOfPtRkwAAAHhlWElmTU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAABLAAAAAQAAAEsAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAAqgAwAEAAAAAQAAAAoAAAAA1XhEXQAAAAlwSFlzAAALiQAAC4kBN8nLrQAAAVRJREFUGBlNUD1Lw1AUbfNBaLGBQmjaJv0YhFSCEK2THXRz0i2Di+BSnfwF/gV/lEs6SUmaWIRQaSVJE8WCUiElTTwvUx/c9+6597xz3rsFXddLhZ01HA7ZHUhSimx0uVx+FEUxXS6Xc1LIsuyo0WhcaJo2dV132+/3mSAIMhpFu1gsXsuyTPm+/45ihJq2Xq8PFUWxR6NRkiui8ddut1/SNL2s1+si8CvCbDabB5vN5hSnCZzSqqrujcfj30qlMuE47kySJBnKhOwg34fbyWAwsOhOp/NUq9WmjuNEIJqI81arJYL8hrChyK5Wq5AWBOGDZdl7NGeE3Ov1rDiOyTN4fNAF2cutwzCMCClJkjtYzQ3DCHmet6B8BVwCcZZ/hmye533DYkFR1C2aM8uyQjg5DMPoUN5CcUFjTsdIyPrCiD5x76FarT7btv0DPMFcb7rdrvEPt5mqtAu1fboAAAAASUVORK5CYII="
+      }
+    }), h("rect", {
+      "attrs": {
+        "id": "9fuaycxsvc",
+        "x": "0",
+        "y": "0",
+        "width": "112",
+        "height": "112",
+        "rx": "4"
+      }
+    }), h("path", {
+      "attrs": {
+        "d": "M72.3333333,32.6666667 L42.0000157,32.6666667 L40.0400166,65.8751584 C37.1946119,64.6819583 33.9036428,65.492752 31.9379245,67.8712652 C29.9722061,70.2497784 29.7953573,73.6350338 31.5025373,76.2054824 C33.2097173,78.7759309 36.3982842,79.9253271 39.3525239,79.0352002 C42.3067635,78.1450732 44.3299123,75.4253614 44.333348,72.3394959 L45.850014,46.6688417 L71.5166691,46.6688417 L70.3966696,65.8751584 C67.5542782,64.6711219 64.2588471,65.4713547 62.2849419,67.8449374 C60.3110366,70.2185201 60.1246603,73.605093 61.8261752,76.1810114 C63.5276902,78.7569298 66.7153996,79.9140663 69.6727454,79.0293113 C72.6300911,78.1445564 74.6588978,75.4267844 74.6666677,72.3394959 L77,32.6666667 L72.3333333,32.6666667 Z",
+        "id": "hk6404pd3f"
+      }
+    })]), h("g", {
+      "attrs": {
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }
+    }, [h("g", [h("use", {
+      "attrs": {
+        "fill": "url(#gf8svfh27b)",
+        "href": "#9fuaycxsvc"
+      }
+    }), h("use", {
+      "attrs": {
+        "fill": "url(#vbf1ym2qvd)",
+        "href": "#9fuaycxsvc"
+      },
+      "style": "mix-blend-mode:screen"
+    }), h("rect", {
+      "attrs": {
+        "stroke-opacity": ".1",
+        "stroke": "#000",
+        "stroke-width": ".5",
+        "stroke-linejoin": "round",
+        "x": ".25",
+        "y": ".25",
+        "width": "111.5",
+        "height": "111.5",
+        "rx": "4"
+      }
+    })]), h("g", {
+      "attrs": {
+        "fill-rule": "nonzero"
+      }
+    }, [h("use", {
+      "attrs": {
+        "fill": "#000",
+        "filter": "url(#300zm3c39e)",
+        "href": "#hk6404pd3f"
+      }
+    }), h("use", {
+      "attrs": {
+        "fill": "#FFF",
+        "href": "#hk6404pd3f"
+      }
+    })])])]);
+  }
+};

package/es/media-picker/image/DefaultFileIcon.js

@@ -0,0 +1,116 @@
+export default {
+  render: function render() {
+    var h = arguments[0];
+    return h("svg", {
+      "attrs": {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": "0 0 112 112"
+      }
+    }, [h("defs", [h("pattern", {
+      "attrs": {
+        "id": "l36e4grd5c",
+        "width": "5",
+        "height": "5",
+        "x": "-5",
+        "y": "-5",
+        "patternUnits": "userSpaceOnUse"
+      }
+    }, [h("use", {
+      "attrs": {
+        "href": "#xzksy6539a",
+        "transform": "scale(.5)"
+      }
+    })]), h("filter", {
+      "attrs": {
+        "x": "-15%",
+        "y": "-10.7%",
+        "width": "130%",
+        "height": "130%",
+        "filterUnits": "objectBoundingBox",
+        "id": "65hai2lgad"
+      }
+    }, [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 0 0 0 0 0 0 0 0 0.1 0",
+        "in": "shadowBlurOuter1"
+      }
+    })]), h("image", {
+      "attrs": {
+        "id": "xzksy6539a",
+        "width": "10",
+        "height": "10",
+        "href": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGOfPtRkwAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAACqADAAQAAAABAAAACgAAAAA7eLj1AAAAoUlEQVQYGY1Pyw3DIAw14GO5ptkjAiQuXaZbtKP02kE6QBfptSckEPVLsJRbY8nivWeeP0QjQgh3yXnHZ2jKrYJ/r9m5LsaYtxi+w+R774vgFzhLPgAkTq21JzN/QGqtk7XrQK1DJoox3nLO08aIgKEpP7wj66Wyjy+lnFNKBl0EY7TXOna8jvaLc47EsB4jWI/R+vYN16sbCjC00YQO7/gDMR8ujT+u9VgAAAAASUVORK5CYII="
+      }
+    }), h("rect", {
+      "attrs": {
+        "id": "gdcp3kc09b",
+        "x": "0",
+        "y": "0",
+        "width": "112",
+        "height": "112",
+        "rx": "4"
+      }
+    }), h("path", {
+      "attrs": {
+        "d": "M51.9980236,32.6666667 L51.9980236,37.8353939 L58.4495043,37.8353939 L58.4495043,43.0039084 L51.9980236,43.0039084 L51.9980236,48.2190439 L58.4495043,48.2190439 L58.4495043,53.3875583 L51.9980236,53.3875583 L51.9980236,57.9628958 L58.4495043,57.9628958 L58.4495043,66.2938053 C58.4872348,67.2750135 57.7841326,68.112964 56.839682,68.2682223 L56.5767144,68.2932252 L47.4993693,68.2932252 C46.3937071,68.278001 45.4940162,67.3988204 45.4532968,66.2938051 L45.4532968,53.3942117 L51.9980652,53.3942117 L51.9980652,48.2223705 L45.4532968,48.2223705 L45.4532968,43.007235 L51.9980652,43.007235 L51.9980652,37.8353937 L45.4532968,37.8353937 L45.4532968,32.6666667 L40.6,32.6666667 C36.218541,32.6666667 32.6666667,36.218541 32.6666667,40.6 L32.6666667,71.4 C32.6666667,75.781459 36.218541,79.3333333 40.6,79.3333333 L71.4,79.3333333 C75.781459,79.3333333 79.3333333,75.781459 79.3333333,71.4 L79.3333333,40.6 C79.3333333,36.218541 75.781459,32.6666667 71.4,32.6666667 L51.9980236,32.6666667 Z",
+        "id": "rzwz6zsh3e"
+      }
+    })]), h("g", {
+      "attrs": {
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }
+    }, [h("g", [h("use", {
+      "attrs": {
+        "fill": "#FFCD23",
+        "href": "#gdcp3kc09b"
+      }
+    }), h("use", {
+      "attrs": {
+        "fill-opacity": ".4",
+        "fill": "url(#l36e4grd5c)",
+        "href": "#gdcp3kc09b"
+      },
+      "style": "mix-blend-mode:overlay"
+    }), h("rect", {
+      "attrs": {
+        "stroke-opacity": ".1",
+        "stroke": "#000",
+        "stroke-width": ".5",
+        "stroke-linejoin": "round",
+        "x": ".25",
+        "y": ".25",
+        "width": "111.5",
+        "height": "111.5",
+        "rx": "4"
+      }
+    })]), h("g", {
+      "attrs": {
+        "fill-rule": "nonzero"
+      }
+    }, [h("use", {
+      "attrs": {
+        "fill": "#000",
+        "filter": "url(#65hai2lgad)",
+        "href": "#rzwz6zsh3e"
+      }
+    }), h("use", {
+      "attrs": {
+        "fill": "#FFF",
+        "href": "#rzwz6zsh3e"
+      }
+    })])])]);
+  }
+};