{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/gallery/src/components/Card.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/gallery/src/components/Card.vue","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci8vIGltcG9ydCB7IFN2Z0ljb24gfSBmcm9tICdAYWJpLXNvZnR3YXJlL3N2Zy1zcHJpdGUnCmltcG9ydCBWdWUgZnJvbSAndnVlJwppbXBvcnQgeyBCdXR0b24sIENhcmQsIFBvcG92ZXIsIFRvb2x0aXAsIExvYWRpbmcgfSBmcm9tICdlbGVtZW50LXVpJwppbXBvcnQgR2FsbGVyeUhlbHBlciBmcm9tICcuLi9taXhpbnMvR2FsbGVyeUhlbHBlcnMnClZ1ZS51c2UoQnV0dG9uKQpWdWUudXNlKENhcmQpClZ1ZS51c2UoUG9wb3ZlcikKVnVlLnVzZShUb29sdGlwKQpWdWUudXNlKExvYWRpbmcpCgpmdW5jdGlvbiBpc1ZhbGlkSHR0cFVybChzdHJpbmcpIHsKICBsZXQgdXJsID0gdW5kZWZpbmVkCgogIHRyeSB7CiAgICB1cmwgPSBuZXcgVVJMKHN0cmluZykKICB9IGNhdGNoIChfKSB7CiAgICByZXR1cm4gZmFsc2UKICB9CiAgcmV0dXJuIHVybC5wcm90b2NvbCA9PT0gJ2h0dHA6JyB8fCB1cmwucHJvdG9jb2wgPT09ICdodHRwczonCn0KCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnR2FsbGVyeUNhcmQnLAogIG1peGluczogW0dhbGxlcnlIZWxwZXJdLAogIHByb3BzOiB7CiAgICBkYXRhOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgcmVxdWlyZWQ6IHRydWUsCiAgICB9LAogICAgd2lkdGg6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAzLAogICAgfSwKICAgIGhlaWdodDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDMsCiAgICB9LAogICAgc2hvd0NhcmREZXRhaWxzOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICB9LAogICAgYm9keVN0eWxlOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogKCkgPT4gewogICAgICAgIHJldHVybiB7IHBhZGRpbmc6ICcyMHB4JywgYmFja2dyb3VuZDogJyNmZmZmZmYnIH0KICAgICAgfSwKICAgIH0sCiAgICBpbWFnZVN0eWxlOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogKCkgPT4gewogICAgICAgIHJldHVybiB7fQogICAgICB9LAogICAgfSwKICAgIGltYWdlQ29udGFpbmVyU3R5bGU6IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIHt9CiAgICAgIH0sCiAgICB9LAogICAgc2hhZG93OiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJ2Fsd2F5cycsCiAgICB9LAogIH0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHJvOiBudWxsLAogICAgICB0cmlhbmdsZVNpemU6IDQsCiAgICAgIHRodW1ibmFpbDogdW5kZWZpbmVkLAogICAgICB1c2VEZWZhdWx0SW1nOiBmYWxzZSwKICAgICAgZGlzYWJsZVRvb2x0aXA6IGZhbHNlLAogICAgICB0b29sdGlwQ2FsY3VsYXRlZDogZmFsc2UsCiAgICB9CiAgfSwKICBjb21wdXRlZDogewogICAgaXNSZWFkeSgpIHsKICAgICAgcmV0dXJuIHRoaXMuZGF0YS50aXRsZSAmJiAodGhpcy50aHVtYm5haWwgfHwgdGhpcy51c2VEZWZhdWx0SW1nKSAmJiAodGhpcy5kYXRhLmxpbmsgfHwgdGhpcy5kYXRhLnVzZXJEYXRhKQogICAgfSwKICAgIGltYWdlSGVpZ2h0KCkgewogICAgICByZXR1cm4gdGhpcy5zaG93Q2FyZERldGFpbHMgPyB0aGlzLmhlaWdodCAqIDAuNTI1IDogdGhpcy5oZWlnaHQKICAgIH0sCiAgICBpbWFnZVdpZHRoKCkgewogICAgICByZXR1cm4gdGhpcy53aWR0aCAtIDIgKiB0aGlzLm1hcmdpbkRldGFpbHMKICAgIH0sCiAgICB0cmlhbmdsZUhlaWdodCgpIHsKICAgICAgcmV0dXJuIHRoaXMuaGVpZ2h0ICogMC4yMzcKICAgIH0sCiAgICBtYXJnaW5EZXRhaWxzKCkgewogICAgICByZXR1cm4gdGhpcy5oZWlnaHQgKiAwLjA3NgogICAgfSwKICAgIHR5cGVJY29uKCkgewogICAgICByZXR1cm4gdW5kZWZpbmVkCiAgICB9LAogIH0sCiAgd2F0Y2g6IHsKICAgIGRhdGE6IHsKICAgICAgZGVlcDogdHJ1ZSwKICAgICAgaW1tZWRpYXRlOiB0cnVlLAogICAgICBoYW5kbGVyOiBmdW5jdGlvbiAoKSB7CiAgICAgICAgdGhpcy50aHVtYm5haWwgPSB1bmRlZmluZWQKICAgICAgICB0aGlzLnVzZURlZmF1bHRJbWcgPSBmYWxzZQogICAgICAgIHRoaXMudG9vbHRpcENhbGN1bGF0ZWQgPSBmYWxzZQogICAgICAgIHRoaXMuZGlzYWJsZVRvb2x0aXAgPSBmYWxzZQogICAgICAgIGlmICh0aGlzLmRhdGEudGh1bWJuYWlsKSB7CiAgICAgICAgICBpZiAoaXNWYWxpZEh0dHBVcmwodGhpcy5kYXRhLnRodW1ibmFpbCkgJiYgdGhpcy5kYXRhLm1pbWV0eXBlKSB7CiAgICAgICAgICAgIHRoaXMuZG93bmxvYWRUaHVtYm5haWwodGhpcy5kYXRhLnRodW1ibmFpbCwgeyBmZXRjaEF0dGVtcHRzOiAwIH0pCiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICB0aGlzLnRodW1ibmFpbCA9IHRoaXMuZGF0YS50aHVtYm5haWwKICAgICAgICAgIH0KICAgICAgICB9IGVsc2UgewogICAgICAgICAgdGhpcy51c2VEZWZhdWx0SW1nID0gdHJ1ZQogICAgICAgIH0KICAgICAgICAvL0R5bmFtaWNhbGx5IGNoZWNrIHRpdGxlIGxlbmd0aCB0byBkZXRlcm1pbmUgaWYgcG9wb3ZlciBzaG91bGQgYmUgc2hvd24KICAgICAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7CiAgICAgICAgICB0aGlzLmNhbGN1bGF0ZVNob3dUb29sdGlwKCkKICAgICAgICB9KQogICAgICB9LAogICAgfSwKICB9LAogIG1ldGhvZHM6IHsKICAgIC8qKgogICAgICogT3BlbiBhIG5ldyBsaW5rIGlmIGxpbmsgaXMgcHJvdmlkZS4KICAgICAqIEZpcmUgYW4gZXZlbnQgaWYgdXNlckRhdGEgaXMgcHJvdmlkZS4KICAgICAqLwogICAgY2FyZENsaWNrZWQ6IGZ1bmN0aW9uICgpIHsKICAgICAgaWYgKHRoaXMuZGF0YS5saW5rKSB7CiAgICAgICAgY29uc3QgbGluayA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2EnKQogICAgICAgIGxpbmsuaHJlZiA9IHRoaXMuZGF0YS5saW5rCiAgICAgICAgbGluay50YXJnZXQgPSAnX2JsYW5rJwogICAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQobGluaykKICAgICAgICBsaW5rLmNsaWNrKCkKICAgICAgICBsaW5rLnJlbW92ZSgpCiAgICAgIH0KICAgICAgaWYgKHRoaXMuZGF0YS51c2VyRGF0YSkgewogICAgICAgIHRoaXMuJGVtaXQoJ2NhcmQtY2xpY2tlZCcsIHRoaXMuZGF0YS51c2VyRGF0YSkKICAgICAgfQogICAgfSwKICAgIC8qKgogICAgICogaGFuZGxlIHRodW1ibmFpbCBkb3dubG9hZGluZywsIGl0IHdpbGwgdXNlIGEgZGVmYXVsdCBzdmcgaW1hZ2UgaWYgZmFpbHMKICAgICAqLwogICAgZG93bmxvYWRUaHVtYm5haWw6IGZ1bmN0aW9uICh1cmwsIGluZm8pIHsKICAgICAgdGhpcy5nZXRSZXF1ZXN0KHVybCwge30sIDExMDAwKS50aGVuKAogICAgICAgIChyZXNwb25zZSkgPT4gewogICAgICAgICAgbGV0IGRhdGEgPSByZXNwb25zZS5kYXRhCiAgICAgICAgICBpZiAodHlwZW9mIGRhdGEgPT09ICdzdHJpbmcnICYmIGRhdGEuc3RhcnRzV2l0aCgnZGF0YTonKSkgewogICAgICAgICAgICB0aGlzLnRodW1ibmFpbCA9IHJlc3BvbnNlLmRhdGEKICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgIGlmICh0aGlzLmRhdGEubWltZXR5cGUpIHsKICAgICAgICAgICAgICB0aGlzLnRodW1ibmFpbCA9IGBkYXRhOiR7dGhpcy5kYXRhLm1pbWV0eXBlfTtiYXNlNjQsJHtyZXNwb25zZS5kYXRhfWAKICAgICAgICAgICAgfSBlbHNlIHsKICAgICAgICAgICAgICB0aGlzLnRodW1ibmFpbCA9IHJlc3BvbnNlLmRhdGEKICAgICAgICAgICAgfQogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgKHJlYXNvbikgPT4gewogICAgICAgICAgaWYgKHJlYXNvbi5tZXNzYWdlLmluY2x1ZGVzKCd0aW1lb3V0JykgJiYgcmVhc29uLm1lc3NhZ2UuaW5jbHVkZXMoJ2V4Y2VlZGVkJykgJiYgaW5mby5mZXRjaEF0dGVtcHRzIDwgMykgewogICAgICAgICAgICBpbmZvLmZldGNoQXR0ZW1wdHMgKz0gMQogICAgICAgICAgICB0aGlzLmRvd25sb2FkVGh1bWJuYWlsKHVybCwgaW5mbykKICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgIHRoaXMudXNlRGVmYXVsdEltZyA9IHRydWUKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgICkKICAgIH0sCiAgICAvL2R5bmFtaWNhbGx5IGNhbGN1bGF0ZSBpZiB0b29sdGlwIGlzIHJlcXVpcmVkCiAgICBjYWxjdWxhdGVTaG93VG9vbHRpcDogZnVuY3Rpb24gKCkgewogICAgICBpZiAodGhpcy5kYXRhLmhpZGVUaXRsZSkgewogICAgICAgIHRoaXMuZGlzYWJsZVRvb2x0aXAgPSB0cnVlCiAgICAgICAgdGhpcy50b29sdGlwQ2FsY3VsYXRlZCA9IHRydWUKICAgICAgfSBlbHNlIHsKICAgICAgICBjb25zdCBlbGUgPSB0aGlzLiRyZWZzLnRpdGxlVGV4dAogICAgICAgIC8vQ2hlY2sgaWYgdGl0bGUgdGV4dCBpcyByZW5kZXJlZCB5ZXQKICAgICAgICBpZiAoZWxlICYmIGVsZS5vZmZzZXRQYXJlbnQpIHsKICAgICAgICAgIHRoaXMudG9vbHRpcENhbGN1bGF0ZWQgPSB0cnVlCiAgICAgICAgICBpZiAoZWxlLm9mZnNldFdpZHRoID49IGVsZS5zY3JvbGxXaWR0aCkgdGhpcy5kaXNhYmxlVG9vbHRpcCA9IHRydWUKICAgICAgICAgIGVsc2UgdGhpcy5kaXNhYmxlVG9vbHRpcCA9IGZhbHNlCiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIC8vdGV4dCBub3QgcmVuZGVyZWQgeWV0CiAgICAgICAgICBpZiAodGhpcy5kYXRhLnRpdGxlLmxlbmd0aCA+IDIwKSB0aGlzLmRpc2FibGVUb29sdGlwID0gZmFsc2UKICAgICAgICAgIGVsc2UgdGhpcy5kaXNhYmxlVG9vbHRpcCA9IHRydWUKICAgICAgICB9CiAgICAgIH0KICAgIH0sCiAgfSwKICB1cGRhdGVkOiBmdW5jdGlvbiAoKSB7CiAgICBpZiAoIXRoaXMudG9vbHRpcENhbGN1bGF0ZWQpIHsKICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gewogICAgICAgIHRoaXMuY2FsY3VsYXRlU2hvd1Rvb2x0aXAoKQogICAgICB9KQogICAgfQogIH0sCn0K"},{"version":3,"sources":["Card.vue"],"names":[],"mappings":";AA8CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Card.vue","sourceRoot":"node_modules/@abi-software/gallery/src/components","sourcesContent":["<template>\n  <el-card :shadow=\"shadow\" :body-style=\"bodyStyle\" :style=\"{ padding: '0px', maxWidth: width + 'rem' }\" class=\"card\">\n    <div v-loading=\"!isReady\">\n      <div class=\"cursor-pointer\" :style=\"imageContainerStyle\" @click.prevent=\"cardClicked\">\n        <img v-if=\"useDefaultImg\" src=\"../assets/logo-sparc-wave-primary.svg\" svg-inline :style=\"imageStyle\" />\n        <img v-else :src=\"thumbnail\" alt=\"thumbnail loading ...\" :style=\"imageStyle\" />\n      </div>\n      <div v-if=\"false\" class=\"image-overlay\">\n        <div\n          class=\"triangle-right-corner\"\n          :style=\"`border-left-width: ${triangleHeight * 1.2}rem; border-top-width: ${triangleHeight}rem;`\"\n          @click=\"openLinkInNewTab\"\n        />\n        <el-tooltip class=\"item\" :content=\"`View ${data.type}`\" placement=\"left\">\n          <img\n            class=\"triangle-icon\"\n            :style=\"`height: ${triangleHeight * 0.25}rem;top: ${triangleHeight * 0.15}rem;right: ${triangleHeight * 0.15}rem`\"\n            :src=\"typeIcon\"\n            @click=\"openLinkInNewTab\"\n          />\n        </el-tooltip>\n      </div>\n      <div v-if=\"showCardDetails\" class=\"details\">\n        <p v-if=\"!data.hideType\">\n          <b>{{ data.type }}</b>\n        </p>\n        <el-popover\n          ref=\"galleryPopover\"\n          :disabled=\"disableTooltip\"\n          :content=\"data.title\"\n          placement=\"top\"\n          trigger=\"hover\"\n          popper-class=\"gallery-popper\"\n        />\n        <!--use v-show here to make sure el popover always have a starting location -->\n        <p v-show=\"!data.hideTitle\" ref=\"titleText\" v-popover:galleryPopover class=\"title\">\n          {{ data.title }}\n        </p>\n        <p v-show=\"data.hideTitle\" class=\"title text-placeholder\" />\n        <el-button class=\"button\" @click.prevent=\"cardClicked\"> View {{ data.type }}</el-button>\n      </div>\n    </div>\n  </el-card>\n</template>\n\n<script>\n// import { SvgIcon } from '@abi-software/svg-sprite'\nimport Vue from 'vue'\nimport { Button, Card, Popover, Tooltip, Loading } from 'element-ui'\nimport GalleryHelper from '../mixins/GalleryHelpers'\nVue.use(Button)\nVue.use(Card)\nVue.use(Popover)\nVue.use(Tooltip)\nVue.use(Loading)\n\nfunction isValidHttpUrl(string) {\n  let url = undefined\n\n  try {\n    url = new URL(string)\n  } catch (_) {\n    return false\n  }\n  return url.protocol === 'http:' || url.protocol === 'https:'\n}\n\nexport default {\n  name: 'GalleryCard',\n  mixins: [GalleryHelper],\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n    width: {\n      type: Number,\n      default: 3,\n    },\n    height: {\n      type: Number,\n      default: 3,\n    },\n    showCardDetails: {\n      type: Boolean,\n    },\n    bodyStyle: {\n      type: Object,\n      default: () => {\n        return { padding: '20px', background: '#ffffff' }\n      },\n    },\n    imageStyle: {\n      type: Object,\n      default: () => {\n        return {}\n      },\n    },\n    imageContainerStyle: {\n      type: Object,\n      default: () => {\n        return {}\n      },\n    },\n    shadow: {\n      type: String,\n      default: 'always',\n    },\n  },\n  data() {\n    return {\n      ro: null,\n      triangleSize: 4,\n      thumbnail: undefined,\n      useDefaultImg: false,\n      disableTooltip: false,\n      tooltipCalculated: false,\n    }\n  },\n  computed: {\n    isReady() {\n      return this.data.title && (this.thumbnail || this.useDefaultImg) && (this.data.link || this.data.userData)\n    },\n    imageHeight() {\n      return this.showCardDetails ? this.height * 0.525 : this.height\n    },\n    imageWidth() {\n      return this.width - 2 * this.marginDetails\n    },\n    triangleHeight() {\n      return this.height * 0.237\n    },\n    marginDetails() {\n      return this.height * 0.076\n    },\n    typeIcon() {\n      return undefined\n    },\n  },\n  watch: {\n    data: {\n      deep: true,\n      immediate: true,\n      handler: function () {\n        this.thumbnail = undefined\n        this.useDefaultImg = false\n        this.tooltipCalculated = false\n        this.disableTooltip = false\n        if (this.data.thumbnail) {\n          if (isValidHttpUrl(this.data.thumbnail) && this.data.mimetype) {\n            this.downloadThumbnail(this.data.thumbnail, { fetchAttempts: 0 })\n          } else {\n            this.thumbnail = this.data.thumbnail\n          }\n        } else {\n          this.useDefaultImg = true\n        }\n        //Dynamically check title length to determine if popover should be shown\n        this.$nextTick(() => {\n          this.calculateShowTooltip()\n        })\n      },\n    },\n  },\n  methods: {\n    /**\n     * Open a new link if link is provide.\n     * Fire an event if userData is provide.\n     */\n    cardClicked: function () {\n      if (this.data.link) {\n        const link = document.createElement('a')\n        link.href = this.data.link\n        link.target = '_blank'\n        document.body.appendChild(link)\n        link.click()\n        link.remove()\n      }\n      if (this.data.userData) {\n        this.$emit('card-clicked', this.data.userData)\n      }\n    },\n    /**\n     * handle thumbnail downloading,, it will use a default svg image if fails\n     */\n    downloadThumbnail: function (url, info) {\n      this.getRequest(url, {}, 11000).then(\n        (response) => {\n          let data = response.data\n          if (typeof data === 'string' && data.startsWith('data:')) {\n            this.thumbnail = response.data\n          } else {\n            if (this.data.mimetype) {\n              this.thumbnail = `data:${this.data.mimetype};base64,${response.data}`\n            } else {\n              this.thumbnail = response.data\n            }\n          }\n        },\n        (reason) => {\n          if (reason.message.includes('timeout') && reason.message.includes('exceeded') && info.fetchAttempts < 3) {\n            info.fetchAttempts += 1\n            this.downloadThumbnail(url, info)\n          } else {\n            this.useDefaultImg = true\n          }\n        }\n      )\n    },\n    //dynamically calculate if tooltip is required\n    calculateShowTooltip: function () {\n      if (this.data.hideTitle) {\n        this.disableTooltip = true\n        this.tooltipCalculated = true\n      } else {\n        const ele = this.$refs.titleText\n        //Check if title text is rendered yet\n        if (ele && ele.offsetParent) {\n          this.tooltipCalculated = true\n          if (ele.offsetWidth >= ele.scrollWidth) this.disableTooltip = true\n          else this.disableTooltip = false\n        } else {\n          //text not rendered yet\n          if (this.data.title.length > 20) this.disableTooltip = false\n          else this.disableTooltip = true\n        }\n      }\n    },\n  },\n  updated: function () {\n    if (!this.tooltipCalculated) {\n      this.$nextTick(() => {\n        this.calculateShowTooltip()\n      })\n    }\n  },\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n@import \"~element-ui/packages/theme-chalk/src/button\";\n@import \"~element-ui/packages/theme-chalk/src/card\";\n@import \"~element-ui/packages/theme-chalk/src/loading\";\n@import \"~element-ui/packages/theme-chalk/src/popover\";\n@import \"~element-ui/packages/theme-chalk/src/tooltip\";\n\n.button,\n.button:hover,\n.button:focus {\n  z-index: 10;\n  font-family: Asap;\n  font-size: 14px;\n  font-weight: normal;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  background-color: $app-primary-color;\n  border: $app-primary-color;\n  color: white;\n  cursor: pointer;\n  margin-top: 8px;\n}\n\n.button:hover {\n  background: $app-primary-color;\n  box-shadow: -3px 2px 4px 0 rgba(0, 0, 0, 0.25);\n  color: #fff;\n}\n\n.card {\n  position: relative;\n}\n.details {\n  text-align: left;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.text-placeholder {\n  height: 1rem;\n}\n\n.title {\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\np.bold {\n  font-weight: bold;\n}\n\n.image-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.triangle-icon {\n  position: absolute;\n}\n\n.triangle-right-corner {\n  width: 0;\n  height: 0;\n  border-left: solid transparent;\n  border-top: solid $app-primary-color;\n}\n</style>\n\n<style lang=\"scss\">\n.gallery-popper {\n  background: #f3ecf6 !important;\n  border: 1px solid $app-primary-color;\n  border-radius: 4px;\n  color: #303133 !important;\n  font-size: 12px;\n  line-height: 1rem;\n  height: 1rem;\n  padding: 10px;\n}\n.gallery-popper.el-popper[x-placement^='top'] .popper__arrow {\n  border-top-color: $app-primary-color !important;\n}\n.gallery-popper.el-popper[x-placement^='top'] .popper__arrow:after {\n  border-top-color: #f3ecf6 !important;\n}\n</style>\n"]}]}