{"version":3,"sources":["webpack:///./src/components/ArticleAction.vue?8768","webpack:///./src/components/LotCompareTable.vue?b6cf","webpack:///./src/components/OfferData.vue?64a1","webpack:///src/components/OfferData.vue","webpack:///./src/components/OfferData.vue?3023","webpack:///./src/components/OfferData.vue?33da","webpack:///./src/components/ArticleFooter.vue?dd2e","webpack:///./src/components/ArticleAction.vue?3a98","webpack:///src/components/ArticleAction.vue","webpack:///./src/components/ArticleAction.vue?74d4","webpack:///./src/components/ArticleAction.vue?cdae","webpack:///./src/components/ArticleMetaItem.vue?4400","webpack:///src/components/ArticleMetaItem.vue","webpack:///./src/components/ArticleMetaItem.vue?0fa9","webpack:///./src/components/ArticleMetaItem.vue?889f","webpack:///./src/components/ArticleMetaItem.vue?1205","webpack:///./src/components/ArticleFooter.vue?6a99","webpack:///src/components/ArticleFooter.vue","webpack:///./src/components/ArticleFooter.vue?be5f","webpack:///./src/components/ArticleFooter.vue?b858","webpack:///./src/components/ArticleData.vue?894e","webpack:///src/components/ArticleData.vue","webpack:///./src/components/ArticleData.vue?c7f7","webpack:///./src/components/ArticleData.vue?63c1","webpack:///./src/components/ArticleData.vue?3a71","webpack:///./src/components/LotCompareTable.vue?dac5","webpack:///src/components/LotCompareTable.vue","webpack:///./src/components/LotCompareTable.vue?7b74","webpack:///./src/components/LotCompareTable.vue?80e0","webpack:///./src/components/OfferData.vue?7b83"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_b","_d","$root","mobile","up","key","attrs","titleVariant","_t","staticRenderFns","name","props","wrapper","type","Boolean","default","expandable","String","validator","data","minHeight","expanded","methods","toggleExpanded","component","$attrs","variant","inheritAttrs","inline","class","isTitle","tag","computed","Object","keys","includes","on","$event","preventDefault","_e"],"mappings":"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","file":"js/component-article.7e708cf1.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleAction.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LotCompareTable.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"offerdata\"},[_c('b-row',[_c('b-col',_vm._b({},\"b-col\",_vm._d({},[_vm.$root.mobile.up.key,3])),[_c('b-badge',{staticClass:\"offerdata-title\",attrs:{\"pill\":\"\",\"variant\":_vm.titleVariant}},[_vm._t(\"title\")],2)],1),_c('b-col',[_c('div',{staticClass:\"offerdata-header\"},[_vm._t(\"header\")],2),_c('div',{staticClass:\"offerdata-content\"},[_vm._t(\"content\")],2)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section class=\"offerdata\">\r\n    <b-row>\r\n      <b-col :[$root.mobile.up.key]=\"3\">\r\n        <b-badge pill class=\"offerdata-title\" :variant=\"titleVariant\">\r\n          <slot name=\"title\"/>\r\n        </b-badge>\r\n      </b-col>\r\n\r\n      <b-col>\r\n        <div class=\"offerdata-header\">\r\n          <slot name=\"header\"/>\r\n        </div>\r\n        <div class=\"offerdata-content\">\r\n          <slot name=\"content\"/>\r\n        </div>\r\n      </b-col>\r\n    </b-row>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport SCSS_VARIABLES from '@/assets/js/modules/scss-variables'\r\n\r\nconst VARIANTS = [null, ''].concat(Object.keys(SCSS_VARIABLES.colors.theme))\r\n\r\nexport default {\r\n  name: 'Offerdata',\r\n  props: {\r\n    wrapper: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    expandable: {\r\n      type: Boolean,\r\n      default: null\r\n    },\r\n    titleVariant: {\r\n      type: String,\r\n      default: null,\r\n      validator: value => VARIANTS.includes(value)\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      minHeight: 100,\r\n      expanded: this.expandable ? false : null\r\n    }\r\n  },\r\n  methods: {\r\n    toggleExpanded () {\r\n      this.expanded = !this.expanded\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$offerdata-gap: $component-gap * 0.5 !default;\r\n$offerdata-padding-y: $offerdata-gap !default;\r\n$offerdata-padding-x: 0 !default;\r\n$offerdata-border: $border-width $border-style $border-color !default;\r\n$offerdata-font-size: $font-size-sm !default;\r\n\r\n$offerdata-title-gap: 0 !default;\r\n$offerdata-title-font-size: inherit !default;\r\n\r\n$offerdata-item-gap: $offerdata-font-size !default;\r\n$offerdata-item-title-gap: $offerdata-gap !default;\r\n$offerdata-item-separated-border: $offerdata-border !default;\r\n\r\n$offerdata-content-box-shadow-spread: $spacer !default;\r\n$offerdata-content-box-shadow: inset 0 ($offerdata-content-box-shadow-spread * -0.75) $offerdata-content-box-shadow-spread ($offerdata-content-box-shadow-spread * 0.25) $white !default;\r\n$offerdata-content-transition-in: all ease-out 400ms !default;\r\n$offerdata-content-transition-out: all ease-out 300ms !default;\r\n\r\n$offerdata-expander-gap: $offerdata-title-gap * 0.5 !default;\r\n$offerdata-expander-transition-in: transform cubic-bezier(0.35, 0.05, 0.4, 1.5) 500ms !default;\r\n$offerdata-expander-transition-out: transform cubic-bezier(0.35, 0.05, 0.4, 1.5) 200ms !default;\r\n\r\n$offerdata-mobile-breakpoint: $mobile-breakpoint !default;\r\n\r\n$offerdata-mobile-title-gap: $spacer !default;\r\n\r\n.offerdata {\r\n  position: relative;\r\n  margin-top: $offerdata-gap;\r\n  margin-bottom: $offerdata-gap;\r\n  padding: $offerdata-padding-y $offerdata-padding-x 0;\r\n  border-top: $offerdata-border;\r\n  font-size: $offerdata-font-size;\r\n\r\n  .offerdata-title {\r\n    margin-bottom: $offerdata-title-gap;\r\n    font-size: $offerdata-title-font-size;\r\n    text-align: left;\r\n    white-space: normal;\r\n\r\n    > * {\r\n      margin: 0;\r\n      padding: 0;\r\n      width: auto;\r\n      height: auto;\r\n      font-size: inherit;\r\n      font-weight: inherit;\r\n      font-style: inherit;\r\n      color: inherit;\r\n      line-height: inherit;\r\n    }\r\n  }\r\n\r\n  .offerdata-header {\r\n    div {\r\n      font-size: $font-size-base\r\n    }\r\n  }\r\n\r\n  &:not(.is-wrapper) {\r\n    .offerdata-content {\r\n      dl {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        width: 100%;\r\n\r\n        > dt,\r\n        > dd {\r\n          flex: 0 0 50%;\r\n          max-width: 50%;\r\n          margin: 0;\r\n          padding-top: $offerdata-item-gap;\r\n          text-overflow: ellipsis;\r\n          overflow: hidden;\r\n\r\n          .subject-information{\r\n            margin-bottom:10px;\r\n            &:last-child{\r\n              margin-bottom:0;\r\n            }\r\n          }\r\n        }\r\n\r\n        &.separated {\r\n          > dt,\r\n          > dd {\r\n            padding-bottom: $offerdata-item-gap;\r\n            border-bottom: $offerdata-item-separated-border;\r\n          }\r\n\r\n          > dt:nth-last-child(2) {\r\n            padding-bottom: 0;\r\n            border-bottom: 0;\r\n\r\n            + dd {\r\n              padding-bottom: 0;\r\n              border-bottom: 0;\r\n            }\r\n          }\r\n        }\r\n\r\n        > dt:first-child {\r\n          padding-top: 0;\r\n\r\n          + dd {\r\n            padding-top: 0;\r\n          }\r\n        }\r\n\r\n        > dt{\r\n          padding-right: $offerdata-item-gap;\r\n        }\r\n      }\r\n\r\n      table {\r\n        table-layout: fixed;\r\n        width: 100%;\r\n\r\n        thead,\r\n        tbody,\r\n        tfoot {\r\n          > tr {\r\n            > th,\r\n            > td {\r\n              padding-top: $offerdata-item-gap;\r\n            }\r\n          }\r\n\r\n          &:first-child {\r\n            > tr {\r\n              &:first-child {\r\n                > th,\r\n                > td {\r\n                  padding-top: 0;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        thead > tr,\r\n        tbody > tr.thead-tr,\r\n        tfoot > tr.thead-tr {\r\n          > th {\r\n            padding-top: $offerdata-item-title-gap;\r\n            padding-bottom: $offerdata-item-gap;\r\n            border-bottom: $offerdata-item-separated-border;\r\n          }\r\n        }\r\n      }\r\n\r\n      > *:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      &.expand-enter-active {\r\n        transition: $offerdata-content-transition-in;\r\n      }\r\n\r\n      &.expand-leave-active {\r\n        transition: $offerdata-content-transition-out;\r\n      }\r\n    }\r\n\r\n    .offerdata-expander {\r\n      display: block;\r\n      float: right;\r\n      margin-top: $offerdata-expander-gap;\r\n      transition: $offerdata-expander-transition-out;\r\n    }\r\n\r\n    &.is-expandable {\r\n      .offerdata-content {\r\n        position: relative;\r\n        overflow: hidden;\r\n\r\n        &:before {\r\n          display: block;\r\n          content: '';\r\n          position: absolute;\r\n          bottom: 0;\r\n          left: $offerdata-content-box-shadow-spread * -2;\r\n          right: $offerdata-content-box-shadow-spread * -2;\r\n          height: 200%;\r\n          box-shadow: $offerdata-content-box-shadow;\r\n          transition: inherit;\r\n        }\r\n\r\n        &.expand-enter,\r\n        &.expand-leave-to {\r\n          &:before {\r\n            transform: translateY($offerdata-content-box-shadow-spread * 0);\r\n          }\r\n        }\r\n\r\n        &.expand-enter-to,\r\n        &.expand-leave {\r\n          &:before {\r\n            transform: translateY($offerdata-content-box-shadow-spread * 2);\r\n          }\r\n        }\r\n\r\n        &.expand-state-open {\r\n          &:before {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      &.is-expanded {\r\n        .offerdata-expander {\r\n          transform: rotate(-135deg);\r\n          transition: $offerdata-expander-transition-in;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .form-control, .custom-select, .custom-control, .b-custom-control { font-size: $input-font-size; }\r\n  .form-control-sm, .custom-select-sm, .custom-control-sm, .b-custom-control-sm { font-size: $input-font-size-sm; }\r\n  .form-control-lg, .custom-select-lg, .custom-control-lg, .b-custom-control-lg { font-size: $input-font-size-lg; }\r\n\r\n  @include media-breakpoint-down($offerdata-mobile-breakpoint) {\r\n    .offerdata-title {\r\n      margin-bottom: $offerdata-mobile-title-gap;\r\n    }\r\n\r\n    &:not(.is-wrapper){\r\n      .offerdata-content {\r\n        dl {\r\n          display: block;\r\n\r\n          > dt,\r\n          > dd {\r\n            max-width: none;\r\n          }\r\n\r\n          > dd {\r\n            padding-top: 0;\r\n          }\r\n\r\n          &.separated {\r\n            > dt {\r\n              padding-bottom: 0;\r\n              border-bottom: 0 none;\r\n            }\r\n          }\r\n        }\r\n\r\n        table {\r\n          display: block;\r\n\r\n          > thead,\r\n          > tfoot {\r\n            display: none;\r\n          }\r\n\r\n          > tbody {\r\n            display: block;\r\n\r\n            > tr {\r\n              display: block;\r\n\r\n              > th,\r\n              > td {\r\n                display: block;\r\n              }\r\n\r\n              > th {\r\n                ~ td {\r\n                  padding-top: 0;\r\n\r\n                  &[data-th] {\r\n                    &:before {\r\n                      display: block;\r\n                      content: attr(data-th);\r\n                      padding-top: $offerdata-item-gap;\r\n                      font-weight: $table-th-font-weight;\r\n                    }\r\n\r\n                    &:last-child {\r\n                      margin-bottom: calc(#{$offerdata-item-title-gap} - #{$offerdata-item-gap});\r\n                    }\r\n                  }\r\n                }\r\n\r\n                + td {\r\n                  &[data-th] {\r\n                    &:before {\r\n                      margin-top: $offerdata-item-gap;\r\n                      border-top: $offerdata-item-separated-border;\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n\r\n              &:first-child {\r\n                > th,\r\n                > td {\r\n                  &:first-child {\r\n                    padding-top: 0;\r\n                  }\r\n                }\r\n              }\r\n\r\n              &:last-child {\r\n                > th {\r\n                  ~ td {\r\n                    &[data-th] {\r\n                      &:last-child {\r\n                        margin-bottom: 0;\r\n                      }\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OfferData.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OfferData.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OfferData.vue?vue&type=template&id=df45b43a&\"\nimport script from \"./OfferData.vue?vue&type=script&lang=js&\"\nexport * from \"./OfferData.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OfferData.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleFooter.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.inline)?_c('b-button',_vm._b({attrs:{\"variant\":_vm.$attrs.variant || 'primary'}},'b-button',_vm.$attrs,false),[_vm._t(\"default\")],2):_c('section',{staticClass:\"articleaction\"},[_c('b-button',_vm._b({attrs:{\"variant\":_vm.$attrs.variant || 'primary'}},'b-button',_vm.$attrs,false),[_vm._t(\"default\")],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-button v-if=\"inline\" :variant=\"$attrs.variant || 'primary'\" v-bind=\"$attrs\"><slot/></b-button>\r\n\r\n  <section v-else class=\"articleaction\">\r\n    <b-button v-bind=\"$attrs\" :variant=\"$attrs.variant || 'primary'\"><slot/></b-button>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ArticleAction',\r\n  inheritAttrs: false,\r\n  props: {\r\n    inline: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$articleaction-gap: $component-gap * 0.5 !default;\r\n$articleaction-padding-y: $articleaction-gap !default;\r\n$articleaction-padding-x: 0 !default;\r\n$articleaction-border: $border-width $border-style $border-color !default;\r\n$articleaction-font-size: $font-size-sm !default;\r\n\r\n.articleaction {\r\n  position: relative;\r\n  margin-top: $articleaction-gap;\r\n  margin-bottom: $articleaction-gap;\r\n  padding: $articleaction-padding-y $articleaction-padding-x 0;\r\n  border-top: $articleaction-border;\r\n  font-size: $articleaction-font-size;\r\n  text-align: right;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleAction.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleAction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArticleAction.vue?vue&type=template&id=d5432722&\"\nimport script from \"./ArticleAction.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleAction.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArticleAction.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:[{ 'is-title': _vm.isTitle }]},[_c(_vm.tag,_vm._b({tag:\"component\",staticClass:\"article-meta-item\"},'component',_vm.$attrs,false),[_vm._t(\"default\")],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <li :class=\"[{ 'is-title': isTitle }]\">\r\n    <component class=\"article-meta-item\" :is=\"tag\" v-bind=\"$attrs\"><slot/></component>\r\n  </li>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ArticleMetaItem',\r\n  inheritAttrs: false,\r\n  computed: {\r\n    tag () {\r\n      return Object.keys(this.$attrs).includes('href') ? 'a' : 'span'\r\n    },\r\n    isTitle () {\r\n      return this.tag === 'span'\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$article-meta-item-gap: $spacer * 1.5 !default;\r\n\r\n$article-meta-item-link-size: $font-size-base * 2 !default;\r\n$article-meta-item-link-bg: $primary !default;\r\n$article-meta-item-link-font-size: 100% !default;\r\n$article-meta-item-link-color: $white !default;\r\n$article-meta-item-link-hover-bg: darken($primary, 5%) !default;\r\n\r\n$article-meta-item-span-gap: $spacer * 0.25 !default;\r\n$article-meta-item-span-font-weight: $font-weight-bold !default;\r\n\r\n$article-meta-item-mobile-breakpoint: $mobile-breakpoint !default;\r\n\r\n$article-meta-item-mobile-gap: $spacer * 0.5 !default;\r\n\r\n.article-meta {\r\n  > ul {\r\n    >li {\r\n      > a.article-meta-item  {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: $article-meta-item-link-size;\r\n        height: $article-meta-item-link-size;\r\n        background-color: $article-meta-item-link-bg;\r\n        font-size: $article-meta-item-link-font-size;\r\n        color: $article-meta-item-link-color;\r\n        border-radius: 50%;\r\n        text-decoration: none;\r\n\r\n        &:hover {\r\n          background-color: $article-meta-item-link-hover-bg;\r\n        }\r\n      }\r\n\r\n      > span.article-meta-item  {\r\n        padding-left: $article-meta-item-span-gap;\r\n        padding-right: $article-meta-item-span-gap;\r\n        font-weight: $article-meta-item-span-font-weight;\r\n      }\r\n\r\n      &.is-title {\r\n        margin-left: $article-meta-item-gap;\r\n\r\n        &:first-child {\r\n          margin-left: 0;\r\n        }\r\n      }\r\n\r\n      @include media-breakpoint-down($article-meta-item-mobile-breakpoint) {\r\n        &.is-title {\r\n          margin-left: 0;\r\n          margin-top: $article-meta-item-mobile-gap;\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleMetaItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleMetaItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArticleMetaItem.vue?vue&type=template&id=6265a517&\"\nimport script from \"./ArticleMetaItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleMetaItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArticleMetaItem.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleMetaItem.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('footer',{staticClass:\"article-footer\"},[_c('b-row',{attrs:{\"align-v\":\"center\",\"align-h\":\"between\"}},[_c('b-col',_vm._b({},\"b-col\",_vm._d({},[_vm.$root.mobile.up.key,'auto',(\"order-\" + (_vm.$root.mobile.up.key)),'last'])),[_c('nav',{staticClass:\"article-meta\"},[_c('ul',[_vm._t(\"meta\")],2)])]),_c('b-col',_vm._b({},\"b-col\",_vm._d({},[_vm.$root.mobile.up.key,'auto',(\"order-\" + (_vm.$root.mobile.up.key)),'first'])),[_c('div',{staticClass:\"article-backlink\"},[_vm._t(\"backlink\")],2)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <footer class=\"article-footer\">\r\n    <b-row align-v=\"center\" align-h=\"between\">\r\n      <b-col :[$root.mobile.up.key]=\"'auto'\" :[`order-${$root.mobile.up.key}`]=\"'last'\">\r\n        <nav class=\"article-meta\">\r\n          <ul>\r\n            <slot name=\"meta\"/>\r\n          </ul>\r\n        </nav>\r\n      </b-col>\r\n\r\n      <b-col :[$root.mobile.up.key]=\"'auto'\" :[`order-${$root.mobile.up.key}`]=\"'first'\">\r\n        <div class=\"article-backlink\">\r\n          <slot name=\"backlink\"/>\r\n        </div>\r\n      </b-col>\r\n    </b-row>\r\n  </footer>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ArticleFooter'\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$article-footer-gap: $spacer * 3 !default;\r\n$article-footer-padding-y: 0 !default;\r\n$article-footer-padding-x: 0 !default;\r\n\r\n$article-footer-meta-item-padding-y: $spacer * 0.15 !default;\r\n$article-footer-meta-item-padding-x: $article-footer-meta-item-padding-y !default;\r\n\r\n$article-mobile-breakpoint: $mobile-breakpoint !default;\r\n\r\n$article-footer-backlink-mobile-gap: $spacer * 1.5 !default;\r\n\r\n.article-footer {\r\n  margin-top: $article-footer-gap;\r\n  padding: $article-footer-padding-y $article-footer-padding-x;\r\n\r\n  .article-backlink {}\r\n\r\n  .article-meta {\r\n    > ul {\r\n      @include list-unstyled();\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      margin: ($article-footer-meta-item-padding-y * -1) ($article-footer-meta-item-padding-x * -1);\r\n\r\n      > li {\r\n        padding: $article-footer-meta-item-padding-y $article-footer-meta-item-padding-x;\r\n      }\r\n    }\r\n  }\r\n\r\n  @include media-breakpoint-down($article-mobile-breakpoint) {\r\n    .article-backlink {\r\n      margin-top: $article-footer-backlink-mobile-gap;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleFooter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleFooter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArticleFooter.vue?vue&type=template&id=14354267&\"\nimport script from \"./ArticleFooter.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleFooter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArticleFooter.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:[\n    'articledata',\n    {\n      'is-wrapper': _vm.wrapper,\n      'is-expandable': _vm.expandable,\n      'is-expanded': _vm.expanded\n    }\n  ],attrs:{\"aria-expanded\":_vm.expandable ? _vm.expanded ? 'true' : 'false' : null}},[_c('b-row',[_c('b-col',_vm._b({},\"b-col\",_vm._d({},[_vm.$root.mobile.up.key,3])),[_c('b-badge',{staticClass:\"articledata-title\",attrs:{\"pill\":\"\",\"variant\":_vm.titleVariant}},[_vm._t(\"title\")],2)],1),_c('b-col',[(_vm.expandable)?_c('transition-expand',{attrs:{\"minHeight\":_vm.minHeight}},[_c('div',{key:_vm.expanded,staticClass:\"articledata-content\"},[_vm._t(\"default\")],2)]):_c('div',{staticClass:\"articledata-content\"},[_vm._t(\"default\")],2)],1)],1),(_vm.expandable)?_c('a',{staticClass:\"articledata-expander\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toggleExpanded($event)}}},[_c('b-icon',{attrs:{\"icon\":\"plus\",\"scale\":\"1.8\"}})],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section\r\n    :class=\"[\r\n      'articledata',\r\n      {\r\n        'is-wrapper': wrapper,\r\n        'is-expandable': expandable,\r\n        'is-expanded': expanded\r\n      }\r\n    ]\"\r\n    :aria-expanded=\"expandable ? expanded ? 'true' : 'false' : null\"\r\n  >\r\n    <b-row>\r\n      <b-col :[$root.mobile.up.key]=\"3\">\r\n        <b-badge pill class=\"articledata-title\" :variant=\"titleVariant\">\r\n          <slot name=\"title\"/>\r\n        </b-badge>\r\n      </b-col>\r\n\r\n      <b-col>\r\n        <transition-expand v-if=\"expandable\" :minHeight=\"minHeight\">\r\n          <div class=\"articledata-content\" :key=\"expanded\">\r\n            <slot/>\r\n          </div>\r\n        </transition-expand>\r\n\r\n        <div v-else class=\"articledata-content\">\r\n          <slot/>\r\n        </div>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <a v-if=\"expandable\" href=\"#\" class=\"articledata-expander\" @click.prevent=\"toggleExpanded\"><b-icon icon=\"plus\" scale=\"1.8\"/></a>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport SCSS_VARIABLES from '@/assets/js/modules/scss-variables'\r\n\r\nconst VARIANTS = [null, ''].concat(Object.keys(SCSS_VARIABLES.colors.theme))\r\n\r\nexport default {\r\n  name: 'ArticleData',\r\n  props: {\r\n    wrapper: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    expandable: {\r\n      type: Boolean,\r\n      default: null\r\n    },\r\n    titleVariant: {\r\n      type: String,\r\n      default: null,\r\n      validator: value => VARIANTS.includes(value)\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      minHeight: 100,\r\n      expanded: this.expandable ? false : null\r\n    }\r\n  },\r\n  methods: {\r\n    toggleExpanded () {\r\n      this.expanded = !this.expanded\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$articledata-gap: $component-gap * 0.5 !default;\r\n$articledata-padding-y: $articledata-gap !default;\r\n$articledata-padding-x: 0 !default;\r\n$articledata-border: $border-width $border-style $border-color !default;\r\n$articledata-font-size: $font-size-sm !default;\r\n\r\n$articledata-title-gap: 0 !default;\r\n$articledata-title-font-size: inherit !default;\r\n\r\n$articledata-item-gap: $articledata-font-size !default;\r\n$articledata-item-title-gap: $articledata-gap !default;\r\n$articledata-item-separated-border: $articledata-border !default;\r\n\r\n$articledata-content-box-shadow-spread: $spacer !default;\r\n$articledata-content-box-shadow: inset 0 ($articledata-content-box-shadow-spread * -0.75) $articledata-content-box-shadow-spread ($articledata-content-box-shadow-spread * 0.25) $white !default;\r\n$articledata-content-transition-in: all ease-out 400ms !default;\r\n$articledata-content-transition-out: all ease-out 300ms !default;\r\n\r\n$articledata-expander-gap: $articledata-title-gap * 0.5 !default;\r\n$articledata-expander-transition-in: transform cubic-bezier(0.35, 0.05, 0.4, 1.5) 500ms !default;\r\n$articledata-expander-transition-out: transform cubic-bezier(0.35, 0.05, 0.4, 1.5) 200ms !default;\r\n\r\n$articledata-mobile-breakpoint: $mobile-breakpoint !default;\r\n\r\n$articledata-mobile-title-gap: $spacer !default;\r\n\r\n.articledata {\r\n  position: relative;\r\n  margin-top: $articledata-gap;\r\n  margin-bottom: $articledata-gap;\r\n  padding: $articledata-padding-y $articledata-padding-x 0;\r\n  border-top: $articledata-border;\r\n  font-size: $articledata-font-size;\r\n\r\n  .articledata-title {\r\n    margin-bottom: $articledata-title-gap;\r\n    font-size: $articledata-title-font-size;\r\n    text-align: left;\r\n    white-space: normal;\r\n\r\n    > * {\r\n      margin: 0;\r\n      padding: 0;\r\n      width: auto;\r\n      height: auto;\r\n      font-size: inherit;\r\n      font-weight: inherit;\r\n      font-style: inherit;\r\n      color: inherit;\r\n      line-height: inherit;\r\n    }\r\n  }\r\n\r\n  &:not(.is-wrapper) {\r\n    .articledata-content {\r\n      dl {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        width: 100%;\r\n\r\n        > dt,\r\n        > dd {\r\n          flex: 0 0 50%;\r\n          max-width: 50%;\r\n          margin: 0;\r\n          padding-top: $articledata-item-gap;\r\n          text-overflow: ellipsis;\r\n          overflow: hidden;\r\n\r\n          .subject-information{\r\n            margin-bottom:10px;\r\n            &:last-child{\r\n              margin-bottom:0;\r\n            }\r\n          }\r\n        }\r\n\r\n        &.separated {\r\n          > dt,\r\n          > dd {\r\n            padding-bottom: $articledata-item-gap;\r\n            border-bottom: $articledata-item-separated-border;\r\n          }\r\n\r\n          > dt:nth-last-child(2) {\r\n            padding-bottom: 0;\r\n            border-bottom: 0;\r\n\r\n            + dd {\r\n              padding-bottom: 0;\r\n              border-bottom: 0;\r\n            }\r\n          }\r\n        }\r\n\r\n        > dt:first-child {\r\n          padding-top: 0;\r\n\r\n          + dd {\r\n            padding-top: 0;\r\n          }\r\n        }\r\n\r\n        > dt{\r\n          padding-right: $articledata-item-gap;\r\n        }\r\n      }\r\n\r\n      table {\r\n        table-layout: fixed;\r\n        width: 100%;\r\n\r\n        thead,\r\n        tbody,\r\n        tfoot {\r\n          > tr {\r\n            > th,\r\n            > td {\r\n              padding-top: $articledata-item-gap;\r\n            }\r\n          }\r\n\r\n          &:first-child {\r\n            > tr {\r\n              &:first-child {\r\n                > th,\r\n                > td {\r\n                  padding-top: 0;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        thead > tr,\r\n        tbody > tr.thead-tr,\r\n        tfoot > tr.thead-tr {\r\n          > th {\r\n            padding-top: $articledata-item-title-gap;\r\n            padding-bottom: $articledata-item-gap;\r\n            border-bottom: $articledata-item-separated-border;\r\n          }\r\n        }\r\n      }\r\n\r\n      > *:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      &.expand-enter-active {\r\n        transition: $articledata-content-transition-in;\r\n      }\r\n\r\n      &.expand-leave-active {\r\n        transition: $articledata-content-transition-out;\r\n      }\r\n    }\r\n\r\n    .articledata-expander {\r\n      display: block;\r\n      float: right;\r\n      margin-top: $articledata-expander-gap;\r\n      transition: $articledata-expander-transition-out;\r\n    }\r\n\r\n    &.is-expandable {\r\n      .articledata-content {\r\n        position: relative;\r\n        overflow: hidden;\r\n\r\n        &:before {\r\n          display: block;\r\n          content: '';\r\n          position: absolute;\r\n          bottom: 0;\r\n          left: $articledata-content-box-shadow-spread * -2;\r\n          right: $articledata-content-box-shadow-spread * -2;\r\n          height: 200%;\r\n          box-shadow: $articledata-content-box-shadow;\r\n          transition: inherit;\r\n        }\r\n\r\n        &.expand-enter,\r\n        &.expand-leave-to {\r\n          &:before {\r\n            transform: translateY($articledata-content-box-shadow-spread * 0);\r\n          }\r\n        }\r\n\r\n        &.expand-enter-to,\r\n        &.expand-leave {\r\n          &:before {\r\n            transform: translateY($articledata-content-box-shadow-spread * 2);\r\n          }\r\n        }\r\n\r\n        &.expand-state-open {\r\n          &:before {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      &.is-expanded {\r\n        .articledata-expander {\r\n          transform: rotate(-135deg);\r\n          transition: $articledata-expander-transition-in;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .form-control, .custom-select, .custom-control, .b-custom-control { font-size: $input-font-size; }\r\n  .form-control-sm, .custom-select-sm, .custom-control-sm, .b-custom-control-sm { font-size: $input-font-size-sm; }\r\n  .form-control-lg, .custom-select-lg, .custom-control-lg, .b-custom-control-lg { font-size: $input-font-size-lg; }\r\n\r\n  @include media-breakpoint-down($articledata-mobile-breakpoint) {\r\n    .articledata-title {\r\n      margin-bottom: $articledata-mobile-title-gap;\r\n    }\r\n\r\n    &:not(.is-wrapper){\r\n      .articledata-content {\r\n        dl {\r\n          display: block;\r\n\r\n          > dt,\r\n          > dd {\r\n            max-width: none;\r\n          }\r\n\r\n          > dd {\r\n            padding-top: 0;\r\n          }\r\n\r\n          &.separated {\r\n            > dt {\r\n              padding-bottom: 0;\r\n              border-bottom: 0 none;\r\n            }\r\n          }\r\n        }\r\n\r\n        table {\r\n          display: block;\r\n\r\n          > thead,\r\n          > tfoot {\r\n            display: none;\r\n          }\r\n\r\n          > tbody {\r\n            display: block;\r\n\r\n            > tr {\r\n              display: block;\r\n\r\n              > th,\r\n              > td {\r\n                display: block;\r\n              }\r\n\r\n              > th {\r\n                ~ td {\r\n                  padding-top: 0;\r\n\r\n                  &[data-th] {\r\n                    &:before {\r\n                      display: block;\r\n                      content: attr(data-th);\r\n                      padding-top: $articledata-item-gap;\r\n                      font-weight: $table-th-font-weight;\r\n                    }\r\n\r\n                    &:last-child {\r\n                      margin-bottom: calc(#{$articledata-item-title-gap} - #{$articledata-item-gap});\r\n                    }\r\n                  }\r\n                }\r\n\r\n                + td {\r\n                  &[data-th] {\r\n                    &:before {\r\n                      margin-top: $articledata-item-gap;\r\n                      border-top: $articledata-item-separated-border;\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n\r\n              &:first-child {\r\n                > th,\r\n                > td {\r\n                  &:first-child {\r\n                    padding-top: 0;\r\n                  }\r\n                }\r\n              }\r\n\r\n              &:last-child {\r\n                > th {\r\n                  ~ td {\r\n                    &[data-th] {\r\n                      &:last-child {\r\n                        margin-bottom: 0;\r\n                      }\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleData.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleData.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArticleData.vue?vue&type=template&id=f46d7e7e&\"\nimport script from \"./ArticleData.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleData.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArticleData.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleData.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:[\n    'lotcomparedata',\n    {\n      'is-wrapper': _vm.wrapper,\n      'is-expandable': _vm.expandable,\n      'is-expanded': _vm.expanded\n    }\n  ],attrs:{\"aria-expanded\":_vm.expandable ? _vm.expanded ? 'true' : 'false' : null}},[_c('b-row',[_c('b-col',[_c('div',{staticClass:\"header\"},[_c('h3',[_vm._t(\"title\")],2)])])],1),_c('b-row',[_c('b-col',[(_vm.expandable)?_c('transition-expand',{attrs:{\"minHeight\":_vm.minHeight}},[_c('div',{key:_vm.expanded,staticClass:\"lotcomparedata-content\"},[_vm._t(\"default\")],2)]):_c('div',{staticClass:\"lotcomparedata-content\"},[_vm._t(\"default\")],2)],1)],1),(_vm.expandable)?_c('a',{staticClass:\"lotcomparedata-expander\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toggleExpanded($event)}}},[_c('b-icon',{attrs:{\"icon\":\"plus\",\"scale\":\"1.8\"}})],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section\r\n    :class=\"[\r\n      'lotcomparedata',\r\n      {\r\n        'is-wrapper': wrapper,\r\n        'is-expandable': expandable,\r\n        'is-expanded': expanded\r\n      }\r\n    ]\"\r\n    :aria-expanded=\"expandable ? expanded ? 'true' : 'false' : null\"\r\n  >\r\n      <b-row>\r\n        <b-col>\r\n          <div class=\"header\">\r\n            <h3><slot name=\"title\"/></h3>\r\n        </div>\r\n      </b-col>\r\n      </b-row>\r\n\r\n    <b-row>\r\n      <b-col>\r\n        <transition-expand v-if=\"expandable\" :minHeight=\"minHeight\">\r\n          <div class=\"lotcomparedata-content\" :key=\"expanded\">\r\n            <slot/>\r\n          </div>\r\n        </transition-expand>\r\n\r\n        <div v-else class=\"lotcomparedata-content\">\r\n          <slot/>\r\n        </div>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <a v-if=\"expandable\" href=\"#\" class=\"lotcomparedata-expander\" @click.prevent=\"toggleExpanded\"><b-icon icon=\"plus\" scale=\"1.8\"/></a>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport SCSS_VARIABLES from '@/assets/js/modules/scss-variables'\r\n\r\nconst VARIANTS = [null, ''].concat(Object.keys(SCSS_VARIABLES.colors.theme))\r\n\r\nexport default {\r\n  name: 'LotCompareTable',\r\n  props: {\r\n    wrapper: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    expandable: {\r\n      type: Boolean,\r\n      default: null\r\n    },\r\n    titleVariant: {\r\n      type: String,\r\n      default: null,\r\n      validator: value => VARIANTS.includes(value)\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      minHeight: 100,\r\n      expanded: this.expandable ? false : null\r\n    }\r\n  },\r\n  methods: {\r\n    toggleExpanded () {\r\n      this.expanded = !this.expanded\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$lotcomparedata-gap: $component-gap * 0.5 !default;\r\n$lotcomparedata-padding-y: $lotcomparedata-gap !default;\r\n$lotcomparedata-padding-x: 0 !default;\r\n$lotcomparedata-border: $border-width $border-style $border-color !default;\r\n$lotcomparedata-font-size: $base-font-size !default;\r\n\r\n$lotcomparedata-title-gap: 0 !default;\r\n$lotcomparedata-title-font-size: inherit !default;\r\n\r\n$lotcomparedata-item-gap: $lotcomparedata-font-size !default;\r\n$lotcomparedata-item-title-gap: $lotcomparedata-gap !default;\r\n$lotcomparedata-item-separated-border: $lotcomparedata-border !default;\r\n\r\n$lotcomparedata-content-box-shadow-spread: $spacer !default;\r\n$lotcomparedata-content-box-shadow: inset 0 ($lotcomparedata-content-box-shadow-spread * -0.75) $lotcomparedata-content-box-shadow-spread ($lotcomparedata-content-box-shadow-spread * 0.25) $white !default;\r\n$lotcomparedata-content-transition-in: all ease-out 400ms !default;\r\n$lotcomparedata-content-transition-out: all ease-out 300ms !default;\r\n\r\n$lotcomparedata-expander-gap: $lotcomparedata-title-gap * 0.5 !default;\r\n$lotcomparedata-expander-transition-in: transform cubic-bezier(0.35, 0.05, 0.4, 1.5) 500ms !default;\r\n$lotcomparedata-expander-transition-out: transform cubic-bezier(0.35, 0.05, 0.4, 1.5) 200ms !default;\r\n\r\n$lotcomparedata-mobile-breakpoint: $mobile-breakpoint !default;\r\n\r\n$lotcomparedata-mobile-title-gap: $spacer !default;\r\n\r\n.lotcomparedata {\r\n  position: relative;\r\n  margin-top: $lotcomparedata-gap;\r\n  margin-bottom: $lotcomparedata-gap;\r\n  padding: $lotcomparedata-padding-y $lotcomparedata-padding-x 0;\r\n  font-size: $lotcomparedata-font-size;\r\n\r\n  .newvalue {\r\n    margin-bottom: $lotcomparedata-gap * 0.5;\r\n  }\r\n\r\n  .first-col {\r\n    vertical-align: top;\r\n  }\r\n\r\n  .oldvalue {\r\n    color:$gray-600;\r\n  }\r\n\r\n  .header {\r\n    border-bottom: $lotcomparedata-border;\r\n    margin-bottom: calc(#{$lotcomparedata-item-title-gap} - #{$lotcomparedata-item-gap});\r\n  }\r\n\r\n  .lotcomparedata-title {\r\n    margin-bottom: $lotcomparedata-title-gap;\r\n    font-size: $lotcomparedata-title-font-size;\r\n    text-align: left;\r\n    white-space: normal;\r\n\r\n    > * {\r\n      margin: 0;\r\n      padding: 0;\r\n      width: auto;\r\n      height: auto;\r\n      font-size: inherit;\r\n      font-weight: inherit;\r\n      font-style: inherit;\r\n      color: inherit;\r\n      line-height: inherit;\r\n    }\r\n  }\r\n\r\n  &:not(.is-wrapper) {\r\n    .lotcomparedata-content {\r\n      dl {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        width: 100%;\r\n\r\n        > dt,\r\n        > dd {\r\n          flex: 0 0 50%;\r\n          max-width: 50%;\r\n          margin: 0;\r\n          padding-top: $lotcomparedata-item-gap;\r\n          text-overflow: ellipsis;\r\n          overflow: hidden;\r\n\r\n          .subject-information{\r\n            margin-bottom:10px;\r\n            &:last-child{\r\n              margin-bottom:0;\r\n            }\r\n          }\r\n        }\r\n\r\n        &.separated {\r\n          > dt,\r\n          > dd {\r\n            padding-bottom: $lotcomparedata-item-gap;\r\n            border-bottom: $lotcomparedata-item-separated-border;\r\n          }\r\n\r\n          > dt:nth-last-child(2) {\r\n            padding-bottom: 0;\r\n            border-bottom: 0;\r\n\r\n            + dd {\r\n              padding-bottom: 0;\r\n              border-bottom: 0;\r\n            }\r\n          }\r\n        }\r\n\r\n        > dt:first-child {\r\n          padding-top: 0;\r\n\r\n          + dd {\r\n            padding-top: 0;\r\n          }\r\n        }\r\n\r\n        > dt{\r\n          padding-right: $lotcomparedata-item-gap;\r\n        }\r\n      }\r\n\r\n      table {\r\n        table-layout: fixed;\r\n        width: 100%;\r\n\r\n        thead,\r\n        tbody,\r\n        tfoot {\r\n          > tr {\r\n            > th,\r\n            > td {\r\n              padding-top: $lotcomparedata-item-gap;\r\n            }\r\n          }\r\n\r\n          &:first-child {\r\n            > tr {\r\n              &:first-child {\r\n                > th,\r\n                > td {\r\n                  padding-top: 0;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        thead > tr,\r\n        tbody > tr.thead-tr,\r\n        tfoot > tr.thead-tr {\r\n          > th {\r\n            padding-top: $lotcomparedata-item-title-gap;\r\n            padding-bottom: $lotcomparedata-item-gap;\r\n            border-bottom: $lotcomparedata-item-separated-border;\r\n          }\r\n        }\r\n      }\r\n\r\n      > *:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      &.expand-enter-active {\r\n        transition: $lotcomparedata-content-transition-in;\r\n      }\r\n\r\n      &.expand-leave-active {\r\n        transition: $lotcomparedata-content-transition-out;\r\n      }\r\n    }\r\n\r\n    .lotcomparedata-expander {\r\n      display: block;\r\n      float: right;\r\n      margin-top: $lotcomparedata-expander-gap;\r\n      transition: $lotcomparedata-expander-transition-out;\r\n    }\r\n\r\n    &.is-expandable {\r\n      .lotcomparedata-content {\r\n        position: relative;\r\n        overflow: hidden;\r\n\r\n        &:before {\r\n          display: block;\r\n          content: '';\r\n          position: absolute;\r\n          bottom: 0;\r\n          left: $lotcomparedata-content-box-shadow-spread * -2;\r\n          right: $lotcomparedata-content-box-shadow-spread * -2;\r\n          height: 200%;\r\n          box-shadow: $lotcomparedata-content-box-shadow;\r\n          transition: inherit;\r\n        }\r\n\r\n        &.expand-enter,\r\n        &.expand-leave-to {\r\n          &:before {\r\n            transform: translateY($lotcomparedata-content-box-shadow-spread * 0);\r\n          }\r\n        }\r\n\r\n        &.expand-enter-to,\r\n        &.expand-leave {\r\n          &:before {\r\n            transform: translateY($lotcomparedata-content-box-shadow-spread * 2);\r\n          }\r\n        }\r\n\r\n        &.expand-state-open {\r\n          &:before {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      &.is-expanded {\r\n        .lotcomparedata-expander {\r\n          transform: rotate(-135deg);\r\n          transition: $lotcomparedata-expander-transition-in;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .form-control, .custom-select, .custom-control, .b-custom-control { font-size: $input-font-size; }\r\n  .form-control-sm, .custom-select-sm, .custom-control-sm, .b-custom-control-sm { font-size: $input-font-size-sm; }\r\n  .form-control-lg, .custom-select-lg, .custom-control-lg, .b-custom-control-lg { font-size: $input-font-size-lg; }\r\n\r\n  @include media-breakpoint-down($lotcomparedata-mobile-breakpoint) {\r\n    .lotcomparedata-title {\r\n      margin-bottom: $lotcomparedata-mobile-title-gap;\r\n    }\r\n\r\n    &:not(.is-wrapper){\r\n      .lotcomparedata-content {\r\n        dl {\r\n          display: block;\r\n\r\n          > dt,\r\n          > dd {\r\n            max-width: none;\r\n          }\r\n\r\n          > dd {\r\n            padding-top: 0;\r\n          }\r\n\r\n          &.separated {\r\n            > dt {\r\n              padding-bottom: 0;\r\n              border-bottom: 0 none;\r\n            }\r\n          }\r\n        }\r\n\r\n        table {\r\n          display: block;\r\n\r\n          > thead,\r\n          > tfoot {\r\n            display: none;\r\n          }\r\n\r\n          > tbody {\r\n            display: block;\r\n\r\n            > tr {\r\n              display: block;\r\n\r\n              > th ,\r\n              > td {\r\n                display: block;\r\n              }\r\n\r\n              > th {\r\n                ~ td {\r\n                  padding-top: 0;\r\n\r\n                  &[data-th] {\r\n                    &:before {\r\n                      display: block;\r\n                      content: attr(data-th);\r\n                      padding-top: $lotcomparedata-item-gap;\r\n                      font-weight: $table-th-font-weight;\r\n                    }\r\n\r\n                    &:last-child {\r\n                      margin-bottom: calc(#{$lotcomparedata-item-title-gap} - #{$lotcomparedata-item-gap});\r\n                    }\r\n                  }\r\n                }\r\n\r\n                + td {\r\n                  &[data-th] {\r\n                    &:before {\r\n                      margin-top: $lotcomparedata-item-gap;\r\n                      border-top: $lotcomparedata-item-separated-border;\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n\r\n              &:first-child {\r\n                > th,\r\n                > td {\r\n                  &:first-child {\r\n                    padding-top: 0;\r\n                  }\r\n                }\r\n              }\r\n\r\n              &:last-child {\r\n                > th {\r\n                  ~ td {\r\n                    &[data-th] {\r\n                      &:last-child {\r\n                        margin-bottom: 0;\r\n                      }\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LotCompareTable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LotCompareTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LotCompareTable.vue?vue&type=template&id=4a2696c1&\"\nimport script from \"./LotCompareTable.vue?vue&type=script&lang=js&\"\nexport * from \"./LotCompareTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LotCompareTable.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OfferData.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}