@abi-software/gallery 0.4.0 → 0.4.1-beta.0

package/CHANGELOG.md

@@ -7,7 +7,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-## [v0.4.0](https://github.com/alan-wu/mapcore-gallery/compare/v0.3.4-beta.0...v0.4.0)
+## [v0.4.1-beta.0](https://github.com/alan-wu/mapcore-gallery/compare/v0.4.0...v0.4.1-beta.0)
+
+### Commits
+
+- Back to 2.7.14 [`85536f3`](https://github.com/alan-wu/mapcore-gallery/commit/85536f34f378cebeb936ce740b320168b8987df9)
+
+## [v0.4.0](https://github.com/alan-wu/mapcore-gallery/compare/v0.3.4-beta.0...v0.4.0) - 2023-06-12
 
 ### Commits
 

package/dist/gallery.common.js

@@ -9262,36 +9262,124 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4321afdc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/vue-svg-inline-loader/src!./src/components/Gallery.vue?vue&type=template&id=7e932ce8&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"myButton",staticClass:"gallery"},[_c('div',{staticClass:"gallery-strip"},[(_vm.items.length > 1)?_c('a',{class:['oval', 'prev', { disabled: !_vm.isPrevPossible }],attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();return _vm.goPrev.apply(null, arguments)}}},[_c('span',{staticClass:"progress-button"},[_vm._v("‹")])]):_c('div',{staticStyle:{"width":"2rem"}}),_c('div',{staticClass:"filler"}),_c('div',{staticClass:"card-line"},_vm._l((_vm.windowedItems),function(item,index){return _c('span',{key:'card_' + index,class:['key-image-span', { active: _vm.isActive(index) }]},[(item)?_c('card',{attrs:{"data":item,"body-style":_vm.bodyStyle,"image-container-style":_vm.imageContainerStyle,"image-style":_vm.imageStyle,"width":_vm.cardWidth,"height":_vm.cardHeight,"shadow":_vm.shadow,"show-card-details":_vm.showCardDetails},on:{"card-clicked":_vm.cardClicked}}):_vm._e()],1)}),0),_c('div',{staticClass:"filler"}),(_vm.items.length > 1)?_c('a',{class:['oval', 'next', { disabled: !_vm.isNextPossible }],attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();return _vm.goNext.apply(null, arguments)}}},[_c('span',{staticClass:"progress-button"},[_vm._v("›")])]):_c('div',{staticStyle:{"width":"2rem"}})]),_c('div',{style:(_vm.bottomSpacer)}),(_vm.canShowIndicatorBar)?_c('index-indicator',{attrs:{"count":_vm.itemCount,"current":_vm.currentIndex},on:{"clicked":_vm.indicatorClicked}}):_vm._e()],1)}
-var staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"20fd8302-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/vue-svg-inline-loader/src!./src/components/Gallery.vue?vue&type=template&id=7e932ce8&scoped=true&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    ref: "myButton",
+    staticClass: "gallery"
+  }, [_c('div', {
+    staticClass: "gallery-strip"
+  }, [_vm.items.length > 1 ? _c('a', {
+    class: ['oval', 'prev', {
+      disabled: !_vm.isPrevPossible
+    }],
+    attrs: {
+      "href": "#"
+    },
+    on: {
+      "click": function ($event) {
+        $event.preventDefault();
+        return _vm.goPrev.apply(null, arguments);
+      }
+    }
+  }, [_c('span', {
+    staticClass: "progress-button"
+  }, [_vm._v("‹")])]) : _c('div', {
+    staticStyle: {
+      "width": "2rem"
+    }
+  }), _c('div', {
+    staticClass: "filler"
+  }), _c('div', {
+    staticClass: "card-line"
+  }, _vm._l(_vm.windowedItems, function (item, index) {
+    return _c('span', {
+      key: 'card_' + index,
+      class: ['key-image-span', {
+        active: _vm.isActive(index)
+      }]
+    }, [item ? _c('card', {
+      attrs: {
+        "data": item,
+        "body-style": _vm.bodyStyle,
+        "image-container-style": _vm.imageContainerStyle,
+        "image-style": _vm.imageStyle,
+        "width": _vm.cardWidth,
+        "height": _vm.cardHeight,
+        "shadow": _vm.shadow,
+        "show-card-details": _vm.showCardDetails
+      },
+      on: {
+        "card-clicked": _vm.cardClicked
+      }
+    }) : _vm._e()], 1);
+  }), 0), _c('div', {
+    staticClass: "filler"
+  }), _vm.items.length > 1 ? _c('a', {
+    class: ['oval', 'next', {
+      disabled: !_vm.isNextPossible
+    }],
+    attrs: {
+      "href": "#"
+    },
+    on: {
+      "click": function ($event) {
+        $event.preventDefault();
+        return _vm.goNext.apply(null, arguments);
+      }
+    }
+  }, [_c('span', {
+    staticClass: "progress-button"
+  }, [_vm._v("›")])]) : _c('div', {
+    staticStyle: {
+      "width": "2rem"
+    }
+  })]), _c('div', {
+    style: _vm.bottomSpacer
+  }), _vm.canShowIndicatorBar ? _c('index-indicator', {
+    attrs: {
+      "count": _vm.itemCount,
+      "current": _vm.currentIndex
+    },
+    on: {
+      "clicked": _vm.indicatorClicked
+    }
+  }) : _vm._e()], 1);
+};
+var staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/Gallery.vue?vue&type=template&id=7e932ce8&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__("14d9");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4321afdc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/vue-svg-inline-loader/src!./src/components/IndexIndicator.vue?vue&type=template&id=11261dc8&scoped=true&
-var IndexIndicatorvue_type_template_id_11261dc8_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"indicator-container"},_vm._l((_vm.count),function(number,index){return _c('div',{key:'indicator_' + number,class:['indicator', { active: _vm.current === index }],on:{"click":function($event){return _vm.$emit('clicked', index)}}})}),0)}
-var IndexIndicatorvue_type_template_id_11261dc8_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"20fd8302-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/vue-svg-inline-loader/src!./src/components/IndexIndicator.vue?vue&type=template&id=11261dc8&scoped=true&
+var IndexIndicatorvue_type_template_id_11261dc8_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "indicator-container"
+  }, _vm._l(_vm.count, function (number, index) {
+    return _c('div', {
+      key: 'indicator_' + number,
+      class: ['indicator', {
+        active: _vm.current === index
+      }],
+      on: {
+        "click": function ($event) {
+          return _vm.$emit('clicked', index);
+        }
+      }
+    });
+  }), 0);
+};
+var IndexIndicatorvue_type_template_id_11261dc8_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/IndexIndicator.vue?vue&type=template&id=11261dc8&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/vue-svg-inline-loader/src!./src/components/IndexIndicator.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 /* harmony default export */ var IndexIndicatorvue_type_script_lang_js_ = ({
   name: 'IndexIndicator',
   props: {
@@ -9429,10 +9517,124 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var IndexIndicator = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4321afdc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/vue-svg-inline-loader/src!./src/components/Card.vue?vue&type=template&id=2b3cc626&scoped=true&
-var Cardvue_type_template_id_2b3cc626_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-card',{staticClass:"card",style:({ padding: '0px', maxWidth: _vm.width + 'rem' }),attrs:{"shadow":_vm.shadow,"body-style":_vm.bodyStyle}},[_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(!_vm.isReady),expression:"!isReady"}]},[_c('div',{staticClass:"cursor-pointer",style:(_vm.imageContainerStyle),on:{"click":function($event){$event.preventDefault();return _vm.cardClicked.apply(null, arguments)}}},[(_vm.useDefaultImg)?_c('svg',{style:(_vm.imageStyle),attrs:{"data-name":"logo-sparc-wave-primary","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 400 190.585","svg-inline":'',"role":'presentation',"focusable":'false',"tabindex":'-1'}},[_c('defs',[_c('linearGradient',{attrs:{"id":"a","y1":"96.35","x2":"400","y2":"96.35","gradientUnits":"userSpaceOnUse"}},[_c('stop',{attrs:{"offset":"0","stop-color":"#0b00bf"}}),_c('stop',{attrs:{"offset":"1","stop-color":"#bc00fc"}})],1)],1),_c('path',{attrs:{"d":"M396.698 128.625l-146.274-3.38a6.536 6.536 0 00-6.138 3.923l-.06.141-13.674 31.448-27.61-151.224-.01-.068a8.982 8.982 0 00-17.663-.012l-21.596 115.929-160.375 3.907a3.38 3.38 0 00.027 6.759l166.015 2.715a6.594 6.594 0 006.537-5.145l.057-.255 17.854-79.565 27.472 131.326.026.124a6.76 6.76 0 0012.806 1.272l20.808-47.86 141.798-3.276a3.38 3.38 0 000-6.76z","fill":"url(#a)"}}),_c('path',{attrs:{"d":"M25.68 0c15.716 0 25.377 10.093 25.377 26.097v9.516H36.205v-9.516c0-7.353-3.894-11.822-10.526-11.822-6.776 0-10.669 4.469-10.669 11.822 0 3.895 1.298 7.353 5.479 11.391l19.754 18.601C46.586 62.144 52.21 68.778 52.21 79.88c0 16.005-9.95 26.097-25.954 26.097C10.108 105.977.158 95.885.158 79.88v-9.518H15.01v9.518c0 7.353 4.037 11.822 11.245 11.822 7.065 0 11.103-4.469 11.103-11.822 0-4.47-2.163-8.651-6.055-12.258L11.116 48.736C3.043 41.237.159 34.894.159 25.666.159 10.093 9.82 0 25.678 0zM99.797 69.786v35.182H84.945V1.01h25.376c16.005 0 26.097 10.093 26.097 26.097v16.581c0 16.15-10.092 26.098-26.097 26.098zm10.38-13.985c7.209 0 11.392-4.326 11.392-11.68V26.677c0-7.21-4.183-11.681-11.391-11.681h-10.38V55.8zM278.581 108.147H263.73V4.189h26.097c16.005 0 26.098 10.093 26.098 26.098v14.13c0 9.95-4.326 17.736-11.391 22.205 4.182 12.688 10.092 29.991 13.842 41.525h-15.14L290.69 70.37h-12.11zm11.1-51.763c7.21 0 11.39-4.326 11.39-11.534V29.855c0-7.21-4.18-11.68-11.39-11.68h-11.1v38.21zM399.844 73.541v9.519c0 16.005-9.947 26.097-25.952 26.097-16.15 0-26.097-10.092-26.097-26.097V29.277c0-16.005 9.947-26.098 26.097-26.098 16.005 0 25.952 10.093 25.952 26.098v9.516h-14.85v-9.516c0-7.354-4.037-11.822-11.103-11.822-7.21 0-11.247 4.468-11.247 11.822V83.06c0 7.353 4.037 11.822 11.247 11.822 7.066 0 11.103-4.469 11.103-11.822v-9.519z","fill":"#0e0e19"}})]):_c('img',{style:(_vm.imageStyle),attrs:{"src":_vm.thumbnail,"alt":"thumbnail loading ..."}})]),(false)?undefined:_vm._e(),(_vm.showCardDetails)?_c('div',{staticClass:"details"},[(!_vm.data.hideType)?_c('p',[_c('b',[_vm._v(_vm._s(_vm.data.type))])]):_vm._e(),_c('el-popover',{ref:"galleryPopover",attrs:{"disabled":_vm.disableTooltip,"content":_vm.data.title,"placement":"top","trigger":"hover","popper-class":"gallery-popper"}}),_c('p',{directives:[{name:"show",rawName:"v-show",value:(!_vm.data.hideTitle),expression:"!data.hideTitle"},{name:"popover",rawName:"v-popover:galleryPopover",arg:"galleryPopover"}],ref:"titleText",staticClass:"title"},[_vm._v(" "+_vm._s(_vm.data.title)+" ")]),_c('p',{directives:[{name:"show",rawName:"v-show",value:(_vm.data.hideTitle),expression:"data.hideTitle"}],staticClass:"title text-placeholder"}),_c('el-button',{staticClass:"button",on:{"click":function($event){$event.preventDefault();return _vm.cardClicked.apply(null, arguments)}}},[_vm._v(" View "+_vm._s(_vm.data.type))])],1):_vm._e()])])}
-var Cardvue_type_template_id_2b3cc626_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"20fd8302-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/vue-svg-inline-loader/src!./src/components/Card.vue?vue&type=template&id=2b3cc626&scoped=true&
+var Cardvue_type_template_id_2b3cc626_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('el-card', {
+    staticClass: "card",
+    style: {
+      padding: '0px',
+      maxWidth: _vm.width + 'rem'
+    },
+    attrs: {
+      "shadow": _vm.shadow,
+      "body-style": _vm.bodyStyle
+    }
+  }, [_c('div', {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: !_vm.isReady,
+      expression: "!isReady"
+    }]
+  }, [_c('div', {
+    staticClass: "cursor-pointer",
+    style: _vm.imageContainerStyle,
+    on: {
+      "click": function ($event) {
+        $event.preventDefault();
+        return _vm.cardClicked.apply(null, arguments);
+      }
+    }
+  }, [_vm.useDefaultImg ? _c('svg', {
+    style: _vm.imageStyle,
+    attrs: {
+      "data-name": "logo-sparc-wave-primary",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 400 190.585",
+      "svg-inline": '',
+      "role": 'presentation',
+      "focusable": 'false',
+      "tabindex": '-1'
+    }
+  }, [_c('defs', [_c('linearGradient', {
+    attrs: {
+      "id": "a",
+      "y1": "96.35",
+      "x2": "400",
+      "y2": "96.35",
+      "gradientUnits": "userSpaceOnUse"
+    }
+  }, [_c('stop', {
+    attrs: {
+      "offset": "0",
+      "stop-color": "#0b00bf"
+    }
+  }), _c('stop', {
+    attrs: {
+      "offset": "1",
+      "stop-color": "#bc00fc"
+    }
+  })], 1)], 1), _c('path', {
+    attrs: {
+      "d": "M396.698 128.625l-146.274-3.38a6.536 6.536 0 00-6.138 3.923l-.06.141-13.674 31.448-27.61-151.224-.01-.068a8.982 8.982 0 00-17.663-.012l-21.596 115.929-160.375 3.907a3.38 3.38 0 00.027 6.759l166.015 2.715a6.594 6.594 0 006.537-5.145l.057-.255 17.854-79.565 27.472 131.326.026.124a6.76 6.76 0 0012.806 1.272l20.808-47.86 141.798-3.276a3.38 3.38 0 000-6.76z",
+      "fill": "url(#a)"
+    }
+  }), _c('path', {
+    attrs: {
+      "d": "M25.68 0c15.716 0 25.377 10.093 25.377 26.097v9.516H36.205v-9.516c0-7.353-3.894-11.822-10.526-11.822-6.776 0-10.669 4.469-10.669 11.822 0 3.895 1.298 7.353 5.479 11.391l19.754 18.601C46.586 62.144 52.21 68.778 52.21 79.88c0 16.005-9.95 26.097-25.954 26.097C10.108 105.977.158 95.885.158 79.88v-9.518H15.01v9.518c0 7.353 4.037 11.822 11.245 11.822 7.065 0 11.103-4.469 11.103-11.822 0-4.47-2.163-8.651-6.055-12.258L11.116 48.736C3.043 41.237.159 34.894.159 25.666.159 10.093 9.82 0 25.678 0zM99.797 69.786v35.182H84.945V1.01h25.376c16.005 0 26.097 10.093 26.097 26.097v16.581c0 16.15-10.092 26.098-26.097 26.098zm10.38-13.985c7.209 0 11.392-4.326 11.392-11.68V26.677c0-7.21-4.183-11.681-11.391-11.681h-10.38V55.8zM278.581 108.147H263.73V4.189h26.097c16.005 0 26.098 10.093 26.098 26.098v14.13c0 9.95-4.326 17.736-11.391 22.205 4.182 12.688 10.092 29.991 13.842 41.525h-15.14L290.69 70.37h-12.11zm11.1-51.763c7.21 0 11.39-4.326 11.39-11.534V29.855c0-7.21-4.18-11.68-11.39-11.68h-11.1v38.21zM399.844 73.541v9.519c0 16.005-9.947 26.097-25.952 26.097-16.15 0-26.097-10.092-26.097-26.097V29.277c0-16.005 9.947-26.098 26.097-26.098 16.005 0 25.952 10.093 25.952 26.098v9.516h-14.85v-9.516c0-7.354-4.037-11.822-11.103-11.822-7.21 0-11.247 4.468-11.247 11.822V83.06c0 7.353 4.037 11.822 11.247 11.822 7.066 0 11.103-4.469 11.103-11.822v-9.519z",
+      "fill": "#0e0e19"
+    }
+  })]) : _c('img', {
+    style: _vm.imageStyle,
+    attrs: {
+      "src": _vm.thumbnail,
+      "alt": "thumbnail loading ..."
+    }
+  })]), false ? undefined : _vm._e(), _vm.showCardDetails ? _c('div', {
+    staticClass: "details"
+  }, [!_vm.data.hideType ? _c('p', [_c('b', [_vm._v(_vm._s(_vm.data.type))])]) : _vm._e(), _c('el-popover', {
+    ref: "galleryPopover",
+    attrs: {
+      "disabled": _vm.disableTooltip,
+      "content": _vm.data.title,
+      "placement": "top",
+      "trigger": "hover",
+      "popper-class": "gallery-popper"
+    }
+  }), _c('p', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.data.hideTitle,
+      expression: "!data.hideTitle"
+    }, {
+      name: "popover",
+      rawName: "v-popover:galleryPopover",
+      arg: "galleryPopover"
+    }],
+    ref: "titleText",
+    staticClass: "title"
+  }, [_vm._v(" " + _vm._s(_vm.data.title) + " ")]), _c('p', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.data.hideTitle,
+      expression: "data.hideTitle"
+    }],
+    staticClass: "title text-placeholder"
+  }), _c('el-button', {
+    staticClass: "button",
+    on: {
+      "click": function ($event) {
+        $event.preventDefault();
+        return _vm.cardClicked.apply(null, arguments);
+      }
+    }
+  }, [_vm._v(" View " + _vm._s(_vm.data.type))])], 1) : _vm._e()])]);
+};
+var Cardvue_type_template_id_2b3cc626_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/Card.vue?vue&type=template&id=2b3cc626&scoped=true&
 
@@ -9605,52 +9807,6 @@ var axios_default = /*#__PURE__*/__webpack_require__.n(axios);
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 // import { SvgIcon } from '@abi-software/svg-sprite'
 
 
@@ -9870,42 +10026,6 @@ var Card_component = normalizeComponent(
 /* harmony default export */ var Card = (Card_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/vue-svg-inline-loader/src!./src/components/Gallery.vue?vue&type=script&lang=js&
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 function convertRemToPixels(rem) {