{"version":3,"sources":["webpack:///./node_modules/vue-expandable-text-line/dist/expandable-text-line.esm.js"],"names":["script","name","props","useClick","Boolean","forceExpand","duration","type","Number","default","collapseTextOnLeaveRatio","data","expandedClass","timeoutOnCollapse","timeoutOnExpand","touch","initialH","initialW","expanded","computed","shouldHover","this","style","transitionDuration","mounted","manageWidth","addClickOrTouchListener","methods","click","el","$refs","classList","contains","collapse","expand","needsExpand","dimensions","dimensionsForExpand","clearTimeout","height","expandHeight","whiteSpace","add","$emit","setTimeout","this$1","dimensionsForCollapse","collapseHeight","scroll","top","behavior","remove","scrollTop","offsetWidth","scrollWidth","lineEl","resetH","ref","getComputedStyle","width","collapseWidth","preH","expandRect","expandWidth","collapseRect","console","warn","window","addEventListener","requestAnimationFrame","setMaxWidth","preW","dim","document","onFirstTouch","onFirstClick","e","removeEventListener","leaveOnClickOutside","event","target","normalizeComponent","template","scopeId","isFunctionalTemplate","moduleIdentifier","shadowMode","createInjector","createInjectorSSR","createInjectorShadow","hook","options","render","staticRenderFns","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","_ssrRegister","$root","$options","shadowRoot","originalRender","h","existing","beforeCreate","concat","HEAD","isOldIE","navigator","test","userAgent","toLowerCase","id","addStyle","styles","css","group","media","ids","Set","has","code","source","map","sources","btoa","unescape","encodeURIComponent","JSON","stringify","element","createElement","setAttribute","undefined","head","getElementsByTagName","appendChild","push","styleSheet","cssText","filter","join","index","size","textNode","createTextNode","nodes","childNodes","removeChild","length","insertBefore","__vue_script__","__vue_render__","_vm","_h","$createElement","_c","_self","_g","staticClass","mouseenter","mouseleave","_t","__vue_staticRenderFns__","_withStripped","__vue_inject_styles__","inject","__vue_scope_id__","__vue_module_identifier__","__vue_is_functional_template__","component","install","Vue","installed","plugin","GlobalVue","global","use"],"mappings":"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","file":"js/chunk-2d0a3a68.31c6805b.js","sourcesContent":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nvar script = {\n  name: 'ExpandableTextLine',\n\n  props: {\n    useClick: Boolean,\n    forceExpand: Boolean,\n    duration: { type: Number, default: 0.2 },\n    collapseTextOnLeaveRatio: { type: Number, default: 1 }\n  },\n\n  data: function data () {\n    return {\n      expandedClass: '__extl-expanded',\n      timeoutOnCollapse: null,\n      timeoutOnExpand: null,\n      touch: false,\n      initialH: null,\n      initialW: null,\n      expanded: false\n    }\n  },\n\n  computed: {\n    shouldHover: function shouldHover () {\n      return !this.useClick && !this.touch\n    },\n    style: function style () {\n      return {\n        transitionDuration: ((this.duration) + \"s\")\n      }\n    }\n  },\n\n  mounted: function mounted () {\n    this.manageWidth();\n    this.addClickOrTouchListener();\n  },\n\n  methods: {\n    click: function click () {\n      var el = this.$refs['text-line'];\n      if (!el.classList.contains(this.expandedClass)) {\n        this.expand();\n      } else {\n        this.collapse();\n      }\n    },\n\n    expand: function expand () {\n      /** @type HTMLElement */\n      var el = this.$refs['text-line'];\n      if (!this.needsExpand(el) && !this.forceExpand) { return }\n      if (this.forceExpand && el.classList.contains(this.expandedClass)) { return }\n      var dimensions = this.dimensionsForExpand(el);\n      clearTimeout(this.timeoutOnCollapse);\n      el.style.height = dimensions.expandHeight;\n      el.style.whiteSpace = 'unset';\n      el.classList.add(this.expandedClass);\n      this.expanded = true;\n      this.$emit('start-expand');\n      this.timeoutOnExpand = setTimeout(function () {\n        el.style.height = 'auto';\n      }, this.duration * 1000);\n    },\n\n    collapse: function collapse () {\n      var this$1 = this;\n\n      if (!this.expanded) { return }\n      if (this.forceExpand) { return }\n      var el = this.$refs['text-line'];\n      var dimensions = this.dimensionsForCollapse(el);\n      clearTimeout(this.timeoutOnExpand);\n      setTimeout(function () {\n        el.style.height = dimensions.collapseHeight;\n        el.scroll({ top: 0, behavior: 'smooth' });\n        this$1.$emit('start-collaps');\n        this$1.timeoutOnCollapse = setTimeout(function () {\n          el.style.whiteSpace = null;\n          el.classList.remove(this$1.expandedClass);\n          el.scrollTop = 0;\n          el.style.height = null;\n          this$1.expanded = false;\n        }, this$1.duration * 1000 * this$1.collapseTextOnLeaveRatio);\n      });\n    },\n\n    needsExpand: function needsExpand (el) {\n      return el.offsetWidth < el.scrollWidth\n    },\n\n    /**\n     * @param {HTMLElement} lineEl\n     * @param {boolean} resetH\n     * @return {{collapseWidth:string, expandWidth:string, collapseHeight:string, expandHeight:string}}\n     */\n    dimensionsForExpand: function dimensionsForExpand (lineEl, resetH) {\n      var ref = getComputedStyle(lineEl);\n      var height = ref.height;\n      var width = ref.width;\n      var collapseHeight = height;\n      var collapseWidth = width;\n      var preH = lineEl.style.height;\n\n      lineEl.style.height = 'auto';\n      lineEl.style.whiteSpace = 'initial';\n      lineEl.classList.add(this.expandedClass);\n\n      var expandRect = getComputedStyle(lineEl);\n      var expandHeight = expandRect.height;\n      var expandWidth = expandRect.width;\n\n      lineEl.style.whiteSpace = null;\n      lineEl.style.height = resetH ? preH : collapseHeight;\n      lineEl.classList.remove(this.expandedClass);\n      // Force repaint to make sure the animation is triggered correctly.\n      // eslint-disable-next-line no-unused-expressions\n      getComputedStyle(lineEl).height;\n\n      return { collapseWidth: collapseWidth, expandWidth: expandWidth, collapseHeight: collapseHeight, expandHeight: expandHeight }\n    },\n\n    /**\n     * @param {HTMLElement} lineEl\n     * @return {{collapseWidth:string, expandWidth:string, collapseHeight:string, expandHeight:string}}\n     */\n    dimensionsForCollapse: function dimensionsForCollapse (lineEl) {\n      var ref = getComputedStyle(lineEl);\n      var height = ref.height;\n      var width = ref.width;\n      var whiteSpace = ref.whiteSpace;\n      var expandHeight = height;\n      var expandWidth = width;\n\n      lineEl.style.height = null;\n      lineEl.style.whiteSpace = 'nowrap';\n      lineEl.classList.remove(this.expandedClass);\n\n      var collapseRect = getComputedStyle(lineEl);\n      var collapseHeight = collapseRect.height;\n      var collapseWidth = collapseRect.width;\n\n      lineEl.style.whiteSpace = whiteSpace;\n      lineEl.style.height = expandHeight;\n      lineEl.classList.add(this.expandedClass);\n\n      // eslint-disable-next-line no-unused-expressions\n      getComputedStyle(lineEl).height;\n\n      return { collapseWidth: collapseWidth, expandWidth: expandWidth, collapseHeight: collapseHeight, expandHeight: expandHeight }\n    },\n\n    manageWidth: function manageWidth () {\n      var this$1 = this;\n\n      var el = this.$refs['text-line'];\n      if (!el) { return }\n      var dimensions = this.dimensionsForExpand(el, true);\n      if (dimensions.collapseWidth !== dimensions.expandWidth) {\n      // this could be a case when the line's paren doesn't have an explicit width\n      // make sure that the line will be the same width in both states (expanded & collapsed)\n        console.warn(\"ExpandableTextLine: The parent width does not seem to be set explicitly. Therefore, the maximum width of the collapsed line must be set on the fly to match the natural dimensions in the expanded state. This can potentially affect performance. Please consider explicitly setting the width of the parent element or the width of the line itself.\");\n        el.style.width = dimensions.expandWidth;\n        window.addEventListener('resize', function () {\n          setTimeout(function () {\n            requestAnimationFrame(function () { this$1.setMaxWidth(el); });\n          }, 10);\n        });\n      }\n    },\n\n    setMaxWidth: function setMaxWidth (el) {\n      var preW = el.style.width;\n      el.style.width = null;\n      if (el.classList.contains(this.expandedClass)) {\n        el.style.width = getComputedStyle(el).width;\n      } else {\n        var dim = this.dimensionsForExpand(el);\n        if (dim.collapseWidth !== dim.expandWidth) {\n          el.style.width = dim.expandWidth;\n        } else {\n          el.style.width = preW;\n        }\n      }\n    },\n\n    addClickOrTouchListener: function addClickOrTouchListener () {\n      document.addEventListener('touchstart', this.onFirstTouch);\n      document.addEventListener('click', this.onFirstClick);\n    },\n\n    onFirstTouch: function onFirstTouch (e) {\n      var this$1 = this;\n\n      this.touch = true;\n      document.removeEventListener('click', this.leaveOnClickOutside);\n      document.removeEventListener('touchstart', this.onFirstTouch);\n      document.addEventListener('touchstart', function (e) {\n        this$1.leaveOnClickOutside(e);\n      });\n      this.leaveOnClickOutside(e);\n    },\n\n    onFirstClick: function onFirstClick (e) {\n      var this$1 = this;\n\n      document.removeEventListener('click', this.onFirstClick);\n      if (!this.touch) {\n        document.removeEventListener('touchstart', this.onFirstTouch);\n        document.addEventListener('click', function (e) {\n          this$1.leaveOnClickOutside(e);\n        });\n        this.leaveOnClickOutside(e);\n      }\n    },\n\n    leaveOnClickOutside: function leaveOnClickOutside (event) {\n      if (this.forceExpand) { return }\n      var el = this.$refs['text-line'];\n      if (!el) { return }\n      if (!el.contains(event.target) &&\n           el.classList.contains(this.expandedClass)) {\n        this.collapse();\n      }\n    }\n  }\n};\n\nfunction normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {\r\n    if (typeof shadowMode !== 'boolean') {\r\n        createInjectorSSR = createInjector;\r\n        createInjector = shadowMode;\r\n        shadowMode = false;\r\n    }\r\n    // Vue.extend constructor export interop.\r\n    var options = typeof script === 'function' ? script.options : script;\r\n    // render functions\r\n    if (template && template.render) {\r\n        options.render = template.render;\r\n        options.staticRenderFns = template.staticRenderFns;\r\n        options._compiled = true;\r\n        // functional template\r\n        if (isFunctionalTemplate) {\r\n            options.functional = true;\r\n        }\r\n    }\r\n    // scopedId\r\n    if (scopeId) {\r\n        options._scopeId = scopeId;\r\n    }\r\n    var hook;\r\n    if (moduleIdentifier) {\r\n        // server build\r\n        hook = function (context) {\r\n            // 2.3 injection\r\n            context =\r\n                context || // cached call\r\n                    (this.$vnode && this.$vnode.ssrContext) || // stateful\r\n                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional\r\n            // 2.2 with runInNewContext: true\r\n            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\r\n                context = __VUE_SSR_CONTEXT__;\r\n            }\r\n            // inject component styles\r\n            if (style) {\r\n                style.call(this, createInjectorSSR(context));\r\n            }\r\n            // register component module identifier for async chunk inference\r\n            if (context && context._registeredComponents) {\r\n                context._registeredComponents.add(moduleIdentifier);\r\n            }\r\n        };\r\n        // used by ssr in case component is cached and beforeCreate\r\n        // never gets called\r\n        options._ssrRegister = hook;\r\n    }\r\n    else if (style) {\r\n        hook = shadowMode\r\n            ? function (context) {\r\n                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));\r\n            }\r\n            : function (context) {\r\n                style.call(this, createInjector(context));\r\n            };\r\n    }\r\n    if (hook) {\r\n        if (options.functional) {\r\n            // register for functional component in vue file\r\n            var originalRender = options.render;\r\n            options.render = function renderWithStyleInjection(h, context) {\r\n                hook.call(context);\r\n                return originalRender(h, context);\r\n            };\r\n        }\r\n        else {\r\n            // inject component registration as beforeCreate hook\r\n            var existing = options.beforeCreate;\r\n            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];\r\n        }\r\n    }\r\n    return script;\r\n}\n\nvar isOldIE = typeof navigator !== 'undefined' &&\r\n    /msie [6-9]\\\\b/.test(navigator.userAgent.toLowerCase());\r\nfunction createInjector(context) {\r\n    return function (id, style) { return addStyle(id, style); };\r\n}\r\nvar HEAD;\r\nvar styles = {};\r\nfunction addStyle(id, css) {\r\n    var group = isOldIE ? css.media || 'default' : id;\r\n    var style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });\r\n    if (!style.ids.has(id)) {\r\n        style.ids.add(id);\r\n        var code = css.source;\r\n        if (css.map) {\r\n            // https://developer.chrome.com/devtools/docs/javascript-debugging\r\n            // this makes source maps inside style tags work properly in Chrome\r\n            code += '\\n/*# sourceURL=' + css.map.sources[0] + ' */';\r\n            // http://stackoverflow.com/a/26603875\r\n            code +=\r\n                '\\n/*# sourceMappingURL=data:application/json;base64,' +\r\n                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +\r\n                    ' */';\r\n        }\r\n        if (!style.element) {\r\n            style.element = document.createElement('style');\r\n            style.element.type = 'text/css';\r\n            if (css.media)\r\n                { style.element.setAttribute('media', css.media); }\r\n            if (HEAD === undefined) {\r\n                HEAD = document.head || document.getElementsByTagName('head')[0];\r\n            }\r\n            HEAD.appendChild(style.element);\r\n        }\r\n        if ('styleSheet' in style.element) {\r\n            style.styles.push(code);\r\n            style.element.styleSheet.cssText = style.styles\r\n                .filter(Boolean)\r\n                .join('\\n');\r\n        }\r\n        else {\r\n            var index = style.ids.size - 1;\r\n            var textNode = document.createTextNode(code);\r\n            var nodes = style.element.childNodes;\r\n            if (nodes[index])\r\n                { style.element.removeChild(nodes[index]); }\r\n            if (nodes.length)\r\n                { style.element.insertBefore(textNode, nodes[index]); }\r\n            else\r\n                { style.element.appendChild(textNode); }\r\n        }\r\n    }\r\n}\n\n/* script */\nvar __vue_script__ = script;\n\n/* template */\nvar __vue_render__ = function() {\n  var _vm = this;\n  var _h = _vm.$createElement;\n  var _c = _vm._self._c || _h;\n  return _c(\n    \"div\",\n    _vm._g(\n      {\n        ref: \"text-line\",\n        staticClass: \"expandable-text-line\",\n        style: _vm.style\n      },\n      _vm.shouldHover\n        ? { mouseenter: _vm.expand, mouseleave: _vm.collapse }\n        : { click: _vm.click }\n    ),\n    [_vm._t(\"default\")],\n    2\n  )\n};\nvar __vue_staticRenderFns__ = [];\n__vue_render__._withStripped = true;\n\n  /* style */\n  var __vue_inject_styles__ = function (inject) {\n    if (!inject) { return }\n    inject(\"data-v-729a014b_0\", { source: \"\\n*[data-v-729a014b] {\\n  will-change: height;\\n  transform: translateZ(0);\\n  backface-visibility: hidden;\\n  perspective: 1000px;\\n}\\n\", map: {\"version\":3,\"sources\":[\"/Users/maxim/PROJECTs/job/vue-expandable-text-line/src/ExpandableTextLine.vue\"],\"names\":[],\"mappings\":\";AAmOA;EACA,mBAAA;EACA,wBAAA;EACA,2BAAA;EACA,mBAAA;AACA\",\"file\":\"ExpandableTextLine.vue\",\"sourcesContent\":[\"<template>\\n  <div\\n    ref=\\\"text-line\\\"\\n    class=\\\"expandable-text-line\\\"\\n    :style=\\\"style\\\"\\n    v-on=\\\"shouldHover ? { mouseenter: expand, mouseleave: collapse } : { click }\\\">\\n    <slot />\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  name: 'ExpandableTextLine',\\n\\n  props: {\\n    useClick: Boolean,\\n    forceExpand: Boolean,\\n    duration: { type: Number, default: 0.2 },\\n    collapseTextOnLeaveRatio: { type: Number, default: 1 }\\n  },\\n\\n  data () {\\n    return {\\n      expandedClass: '__extl-expanded',\\n      timeoutOnCollapse: null,\\n      timeoutOnExpand: null,\\n      touch: false,\\n      initialH: null,\\n      initialW: null,\\n      expanded: false\\n    }\\n  },\\n\\n  computed: {\\n    shouldHover () {\\n      return !this.useClick && !this.touch\\n    },\\n    style () {\\n      return {\\n        transitionDuration: `${this.duration}s`\\n      }\\n    }\\n  },\\n\\n  mounted () {\\n    this.manageWidth()\\n    this.addClickOrTouchListener()\\n  },\\n\\n  methods: {\\n    click () {\\n      const el = this.$refs['text-line']\\n      if (!el.classList.contains(this.expandedClass)) {\\n        this.expand()\\n      } else {\\n        this.collapse()\\n      }\\n    },\\n\\n    expand () {\\n      /** @type HTMLElement */\\n      const el = this.$refs['text-line']\\n      if (!this.needsExpand(el) && !this.forceExpand) { return }\\n      if (this.forceExpand && el.classList.contains(this.expandedClass)) { return }\\n      const dimensions = this.dimensionsForExpand(el)\\n      clearTimeout(this.timeoutOnCollapse)\\n      el.style.height = dimensions.expandHeight\\n      el.style.whiteSpace = 'unset'\\n      el.classList.add(this.expandedClass)\\n      this.expanded = true\\n      this.$emit('start-expand')\\n      this.timeoutOnExpand = setTimeout(() => {\\n        el.style.height = 'auto'\\n      }, this.duration * 1000)\\n    },\\n\\n    collapse () {\\n      if (!this.expanded) { return }\\n      if (this.forceExpand) { return }\\n      const el = this.$refs['text-line']\\n      const dimensions = this.dimensionsForCollapse(el)\\n      clearTimeout(this.timeoutOnExpand)\\n      setTimeout(() => {\\n        el.style.height = dimensions.collapseHeight\\n        el.scroll({ top: 0, behavior: 'smooth' })\\n        this.$emit('start-collaps')\\n        this.timeoutOnCollapse = setTimeout(() => {\\n          el.style.whiteSpace = null\\n          el.classList.remove(this.expandedClass)\\n          el.scrollTop = 0\\n          el.style.height = null\\n          this.expanded = false\\n        }, this.duration * 1000 * this.collapseTextOnLeaveRatio)\\n      })\\n    },\\n\\n    needsExpand (el) {\\n      return el.offsetWidth < el.scrollWidth\\n    },\\n\\n    /**\\n     * @param {HTMLElement} lineEl\\n     * @param {boolean} resetH\\n     * @return {{collapseWidth:string, expandWidth:string, collapseHeight:string, expandHeight:string}}\\n     */\\n    dimensionsForExpand (lineEl, resetH) {\\n      let { height, width } = getComputedStyle(lineEl)\\n      const collapseHeight = height\\n      const collapseWidth = width\\n      const preH = lineEl.style.height\\n\\n      lineEl.style.height = 'auto'\\n      lineEl.style.whiteSpace = 'initial'\\n      lineEl.classList.add(this.expandedClass)\\n\\n      const expandRect = getComputedStyle(lineEl)\\n      const expandHeight = expandRect.height\\n      const expandWidth = expandRect.width\\n\\n      lineEl.style.whiteSpace = null\\n      lineEl.style.height = resetH ? preH : collapseHeight\\n      lineEl.classList.remove(this.expandedClass)\\n      // Force repaint to make sure the animation is triggered correctly.\\n      // eslint-disable-next-line no-unused-expressions\\n      getComputedStyle(lineEl).height\\n\\n      return { collapseWidth, expandWidth, collapseHeight, expandHeight }\\n    },\\n\\n    /**\\n     * @param {HTMLElement} lineEl\\n     * @return {{collapseWidth:string, expandWidth:string, collapseHeight:string, expandHeight:string}}\\n     */\\n    dimensionsForCollapse (lineEl) {\\n      let { height, width, whiteSpace } = getComputedStyle(lineEl)\\n      const expandHeight = height\\n      const expandWidth = width\\n\\n      lineEl.style.height = null\\n      lineEl.style.whiteSpace = 'nowrap'\\n      lineEl.classList.remove(this.expandedClass)\\n\\n      const collapseRect = getComputedStyle(lineEl)\\n      const collapseHeight = collapseRect.height\\n      const collapseWidth = collapseRect.width\\n\\n      lineEl.style.whiteSpace = whiteSpace\\n      lineEl.style.height = expandHeight\\n      lineEl.classList.add(this.expandedClass)\\n\\n      // eslint-disable-next-line no-unused-expressions\\n      getComputedStyle(lineEl).height\\n\\n      return { collapseWidth, expandWidth, collapseHeight, expandHeight }\\n    },\\n\\n    manageWidth () {\\n      const el = this.$refs['text-line']\\n      if (!el) return\\n      const dimensions = this.dimensionsForExpand(el, true)\\n      if (dimensions.collapseWidth !== dimensions.expandWidth) {\\n      // this could be a case when the line's paren doesn't have an explicit width\\n      // make sure that the line will be the same width in both states (expanded & collapsed)\\n        console.warn(`ExpandableTextLine: The parent width does not seem to be set explicitly. Therefore, the maximum width of the collapsed line must be set on the fly to match the natural dimensions in the expanded state. This can potentially affect performance. Please consider explicitly setting the width of the parent element or the width of the line itself.`)\\n        el.style.width = dimensions.expandWidth\\n        window.addEventListener('resize', () => {\\n          setTimeout(() => {\\n            requestAnimationFrame(() => { this.setMaxWidth(el) })\\n          }, 10)\\n        })\\n      }\\n    },\\n\\n    setMaxWidth (el) {\\n      const preW = el.style.width\\n      el.style.width = null\\n      if (el.classList.contains(this.expandedClass)) {\\n        el.style.width = getComputedStyle(el).width\\n      } else {\\n        const dim = this.dimensionsForExpand(el)\\n        if (dim.collapseWidth !== dim.expandWidth) {\\n          el.style.width = dim.expandWidth\\n        } else {\\n          el.style.width = preW\\n        }\\n      }\\n    },\\n\\n    addClickOrTouchListener () {\\n      document.addEventListener('touchstart', this.onFirstTouch)\\n      document.addEventListener('click', this.onFirstClick)\\n    },\\n\\n    onFirstTouch (e) {\\n      this.touch = true\\n      document.removeEventListener('click', this.leaveOnClickOutside)\\n      document.removeEventListener('touchstart', this.onFirstTouch)\\n      document.addEventListener('touchstart', e => {\\n        this.leaveOnClickOutside(e)\\n      })\\n      this.leaveOnClickOutside(e)\\n    },\\n\\n    onFirstClick (e) {\\n      document.removeEventListener('click', this.onFirstClick)\\n      if (!this.touch) {\\n        document.removeEventListener('touchstart', this.onFirstTouch)\\n        document.addEventListener('click', e => {\\n          this.leaveOnClickOutside(e)\\n        })\\n        this.leaveOnClickOutside(e)\\n      }\\n    },\\n\\n    leaveOnClickOutside (event) {\\n      if (this.forceExpand) return\\n      const el = this.$refs['text-line']\\n      if (!el) return\\n      if (!el.contains(event.target) &&\\n           el.classList.contains(this.expandedClass)) {\\n        this.collapse()\\n      }\\n    }\\n  }\\n}\\n</script>\\n<style scoped>\\n* {\\n  will-change: height;\\n  transform: translateZ(0);\\n  backface-visibility: hidden;\\n  perspective: 1000px;\\n}\\n</style>\\n<style lang=\\\"scss\\\">\\n  $blocks: p, h1, h2, h3, h4, h5, h6, ol, ul, pre, address, blockquote, dl, div, fieldset, form, hr, noscript, table;\\n  @mixin all-blocks {\\n    @each $el in $blocks {\\n      #{$el} { @content }\\n    }\\n  }\\n\\n  .expandable-text-line {\\n    box-sizing: border-box;\\n    white-space: nowrap;\\n    text-overflow: ellipsis;\\n    overflow: hidden;\\n    cursor: pointer;\\n    width: 100%;\\n    max-width: 100vw;\\n    transition: height 0.1s;\\n\\n    @include all-blocks {\\n      display: inline;\\n\\n      &:not(:first-child)::before {\\n        content: \\\"\\\\00a0 \\\"\\n      }\\n      &:not(:last-child)::after {\\n        content: \\\"\\\\00a0 \\\"\\n      }\\n    }\\n\\n    br {\\n      display: none;\\n    }\\n\\n    &.__extl-expanded {\\n      max-height: 100%;\\n      overflow: auto;\\n      cursor: auto;\\n\\n      @include all-blocks {\\n        display: block;\\n\\n        &:before {\\n          content: none\\n        }\\n\\n        &:first-child {\\n          margin-top: 0;\\n        }\\n      }\\n\\n      br {\\n        display: inline;\\n      }\\n    }\\n  }\\n</style>\\n\"]}, media: undefined })\n,inject(\"data-v-729a014b_1\", { source: \"@charset \\\"UTF-8\\\";\\n.expandable-text-line {\\n  box-sizing: border-box;\\n  white-space: nowrap;\\n  text-overflow: ellipsis;\\n  overflow: hidden;\\n  cursor: pointer;\\n  width: 100%;\\n  max-width: 100vw;\\n  transition: height 0.1s;\\n}\\n.expandable-text-line p {\\n  display: inline;\\n}\\n.expandable-text-line p:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line p:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h1 {\\n  display: inline;\\n}\\n.expandable-text-line h1:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h1:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h2 {\\n  display: inline;\\n}\\n.expandable-text-line h2:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h2:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h3 {\\n  display: inline;\\n}\\n.expandable-text-line h3:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h3:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h4 {\\n  display: inline;\\n}\\n.expandable-text-line h4:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h4:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h5 {\\n  display: inline;\\n}\\n.expandable-text-line h5:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h5:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h6 {\\n  display: inline;\\n}\\n.expandable-text-line h6:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h6:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line ol {\\n  display: inline;\\n}\\n.expandable-text-line ol:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line ol:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line ul {\\n  display: inline;\\n}\\n.expandable-text-line ul:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line ul:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line pre {\\n  display: inline;\\n}\\n.expandable-text-line pre:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line pre:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line address {\\n  display: inline;\\n}\\n.expandable-text-line address:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line address:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line blockquote {\\n  display: inline;\\n}\\n.expandable-text-line blockquote:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line blockquote:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line dl {\\n  display: inline;\\n}\\n.expandable-text-line dl:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line dl:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line div {\\n  display: inline;\\n}\\n.expandable-text-line div:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line div:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line fieldset {\\n  display: inline;\\n}\\n.expandable-text-line fieldset:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line fieldset:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line form {\\n  display: inline;\\n}\\n.expandable-text-line form:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line form:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line hr {\\n  display: inline;\\n}\\n.expandable-text-line hr:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line hr:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line noscript {\\n  display: inline;\\n}\\n.expandable-text-line noscript:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line noscript:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line table {\\n  display: inline;\\n}\\n.expandable-text-line table:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line table:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line br {\\n  display: none;\\n}\\n.expandable-text-line.__extl-expanded {\\n  max-height: 100%;\\n  overflow: auto;\\n  cursor: auto;\\n}\\n.expandable-text-line.__extl-expanded p {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded p:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded p:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded h1 {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded h1:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded h1:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded h2 {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded h2:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded h2:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded h3 {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded h3:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded h3:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded h4 {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded h4:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded h4:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded h5 {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded h5:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded h5:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded h6 {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded h6:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded h6:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded ol {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded ol:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded ol:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded ul {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded ul:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded ul:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded pre {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded pre:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded pre:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded address {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded address:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded address:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded blockquote {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded blockquote:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded blockquote:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded dl {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded dl:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded dl:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded div {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded div:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded div:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded fieldset {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded fieldset:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded fieldset:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded form {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded form:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded form:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded hr {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded hr:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded hr:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded noscript {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded noscript:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded noscript:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded table {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded table:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded table:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded br {\\n  display: inline;\\n}\\n\\n/*# sourceMappingURL=ExpandableTextLine.vue.map */\", map: {\"version\":3,\"sources\":[\"ExpandableTextLine.vue\",\"/Users/maxim/PROJECTs/job/vue-expandable-text-line/src/ExpandableTextLine.vue\"],\"names\":[],\"mappings\":\"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\",\"file\":\"ExpandableTextLine.vue\",\"sourcesContent\":[\"@charset \\\"UTF-8\\\";\\n.expandable-text-line {\\n  box-sizing: border-box;\\n  white-space: nowrap;\\n  text-overflow: ellipsis;\\n  overflow: hidden;\\n  cursor: pointer;\\n  width: 100%;\\n  max-width: 100vw;\\n  transition: height 0.1s;\\n}\\n.expandable-text-line p {\\n  display: inline;\\n}\\n.expandable-text-line p:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line p:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h1 {\\n  display: inline;\\n}\\n.expandable-text-line h1:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h1:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h2 {\\n  display: inline;\\n}\\n.expandable-text-line h2:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h2:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h3 {\\n  display: inline;\\n}\\n.expandable-text-line h3:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h3:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h4 {\\n  display: inline;\\n}\\n.expandable-text-line h4:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h4:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h5 {\\n  display: inline;\\n}\\n.expandable-text-line h5:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h5:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h6 {\\n  display: inline;\\n}\\n.expandable-text-line h6:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line h6:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line ol {\\n  display: inline;\\n}\\n.expandable-text-line ol:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line ol:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line ul {\\n  display: inline;\\n}\\n.expandable-text-line ul:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line ul:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line pre {\\n  display: inline;\\n}\\n.expandable-text-line pre:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line pre:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line address {\\n  display: inline;\\n}\\n.expandable-text-line address:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line address:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line blockquote {\\n  display: inline;\\n}\\n.expandable-text-line blockquote:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line blockquote:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line dl {\\n  display: inline;\\n}\\n.expandable-text-line dl:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line dl:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line div {\\n  display: inline;\\n}\\n.expandable-text-line div:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line div:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line fieldset {\\n  display: inline;\\n}\\n.expandable-text-line fieldset:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line fieldset:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line form {\\n  display: inline;\\n}\\n.expandable-text-line form:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line form:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line hr {\\n  display: inline;\\n}\\n.expandable-text-line hr:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line hr:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line noscript {\\n  display: inline;\\n}\\n.expandable-text-line noscript:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line noscript:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line table {\\n  display: inline;\\n}\\n.expandable-text-line table:not(:first-child)::before {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line table:not(:last-child)::after {\\n  content: \\\" \\\";\\n}\\n.expandable-text-line br {\\n  display: none;\\n}\\n.expandable-text-line.__extl-expanded {\\n  max-height: 100%;\\n  overflow: auto;\\n  cursor: auto;\\n}\\n.expandable-text-line.__extl-expanded p {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded p:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded p:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded h1 {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded h1:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded h1:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded h2 {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded h2:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded h2:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded h3 {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded h3:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded h3:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded h4 {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded h4:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded h4:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded h5 {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded h5:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded h5:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded h6 {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded h6:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded h6:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded ol {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded ol:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded ol:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded ul {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded ul:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded ul:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded pre {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded pre:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded pre:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded address {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded address:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded address:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded blockquote {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded blockquote:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded blockquote:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded dl {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded dl:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded dl:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded div {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded div:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded div:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded fieldset {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded fieldset:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded fieldset:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded form {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded form:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded form:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded hr {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded hr:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded hr:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded noscript {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded noscript:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded noscript:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded table {\\n  display: block;\\n}\\n.expandable-text-line.__extl-expanded table:before {\\n  content: none;\\n}\\n.expandable-text-line.__extl-expanded table:first-child {\\n  margin-top: 0;\\n}\\n.expandable-text-line.__extl-expanded br {\\n  display: inline;\\n}\\n\\n/*# sourceMappingURL=ExpandableTextLine.vue.map */\",\"<template>\\n  <div\\n    ref=\\\"text-line\\\"\\n    class=\\\"expandable-text-line\\\"\\n    :style=\\\"style\\\"\\n    v-on=\\\"shouldHover ? { mouseenter: expand, mouseleave: collapse } : { click }\\\">\\n    <slot />\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  name: 'ExpandableTextLine',\\n\\n  props: {\\n    useClick: Boolean,\\n    forceExpand: Boolean,\\n    duration: { type: Number, default: 0.2 },\\n    collapseTextOnLeaveRatio: { type: Number, default: 1 }\\n  },\\n\\n  data () {\\n    return {\\n      expandedClass: '__extl-expanded',\\n      timeoutOnCollapse: null,\\n      timeoutOnExpand: null,\\n      touch: false,\\n      initialH: null,\\n      initialW: null,\\n      expanded: false\\n    }\\n  },\\n\\n  computed: {\\n    shouldHover () {\\n      return !this.useClick && !this.touch\\n    },\\n    style () {\\n      return {\\n        transitionDuration: `${this.duration}s`\\n      }\\n    }\\n  },\\n\\n  mounted () {\\n    this.manageWidth()\\n    this.addClickOrTouchListener()\\n  },\\n\\n  methods: {\\n    click () {\\n      const el = this.$refs['text-line']\\n      if (!el.classList.contains(this.expandedClass)) {\\n        this.expand()\\n      } else {\\n        this.collapse()\\n      }\\n    },\\n\\n    expand () {\\n      /** @type HTMLElement */\\n      const el = this.$refs['text-line']\\n      if (!this.needsExpand(el) && !this.forceExpand) { return }\\n      if (this.forceExpand && el.classList.contains(this.expandedClass)) { return }\\n      const dimensions = this.dimensionsForExpand(el)\\n      clearTimeout(this.timeoutOnCollapse)\\n      el.style.height = dimensions.expandHeight\\n      el.style.whiteSpace = 'unset'\\n      el.classList.add(this.expandedClass)\\n      this.expanded = true\\n      this.$emit('start-expand')\\n      this.timeoutOnExpand = setTimeout(() => {\\n        el.style.height = 'auto'\\n      }, this.duration * 1000)\\n    },\\n\\n    collapse () {\\n      if (!this.expanded) { return }\\n      if (this.forceExpand) { return }\\n      const el = this.$refs['text-line']\\n      const dimensions = this.dimensionsForCollapse(el)\\n      clearTimeout(this.timeoutOnExpand)\\n      setTimeout(() => {\\n        el.style.height = dimensions.collapseHeight\\n        el.scroll({ top: 0, behavior: 'smooth' })\\n        this.$emit('start-collaps')\\n        this.timeoutOnCollapse = setTimeout(() => {\\n          el.style.whiteSpace = null\\n          el.classList.remove(this.expandedClass)\\n          el.scrollTop = 0\\n          el.style.height = null\\n          this.expanded = false\\n        }, this.duration * 1000 * this.collapseTextOnLeaveRatio)\\n      })\\n    },\\n\\n    needsExpand (el) {\\n      return el.offsetWidth < el.scrollWidth\\n    },\\n\\n    /**\\n     * @param {HTMLElement} lineEl\\n     * @param {boolean} resetH\\n     * @return {{collapseWidth:string, expandWidth:string, collapseHeight:string, expandHeight:string}}\\n     */\\n    dimensionsForExpand (lineEl, resetH) {\\n      let { height, width } = getComputedStyle(lineEl)\\n      const collapseHeight = height\\n      const collapseWidth = width\\n      const preH = lineEl.style.height\\n\\n      lineEl.style.height = 'auto'\\n      lineEl.style.whiteSpace = 'initial'\\n      lineEl.classList.add(this.expandedClass)\\n\\n      const expandRect = getComputedStyle(lineEl)\\n      const expandHeight = expandRect.height\\n      const expandWidth = expandRect.width\\n\\n      lineEl.style.whiteSpace = null\\n      lineEl.style.height = resetH ? preH : collapseHeight\\n      lineEl.classList.remove(this.expandedClass)\\n      // Force repaint to make sure the animation is triggered correctly.\\n      // eslint-disable-next-line no-unused-expressions\\n      getComputedStyle(lineEl).height\\n\\n      return { collapseWidth, expandWidth, collapseHeight, expandHeight }\\n    },\\n\\n    /**\\n     * @param {HTMLElement} lineEl\\n     * @return {{collapseWidth:string, expandWidth:string, collapseHeight:string, expandHeight:string}}\\n     */\\n    dimensionsForCollapse (lineEl) {\\n      let { height, width, whiteSpace } = getComputedStyle(lineEl)\\n      const expandHeight = height\\n      const expandWidth = width\\n\\n      lineEl.style.height = null\\n      lineEl.style.whiteSpace = 'nowrap'\\n      lineEl.classList.remove(this.expandedClass)\\n\\n      const collapseRect = getComputedStyle(lineEl)\\n      const collapseHeight = collapseRect.height\\n      const collapseWidth = collapseRect.width\\n\\n      lineEl.style.whiteSpace = whiteSpace\\n      lineEl.style.height = expandHeight\\n      lineEl.classList.add(this.expandedClass)\\n\\n      // eslint-disable-next-line no-unused-expressions\\n      getComputedStyle(lineEl).height\\n\\n      return { collapseWidth, expandWidth, collapseHeight, expandHeight }\\n    },\\n\\n    manageWidth () {\\n      const el = this.$refs['text-line']\\n      if (!el) return\\n      const dimensions = this.dimensionsForExpand(el, true)\\n      if (dimensions.collapseWidth !== dimensions.expandWidth) {\\n      // this could be a case when the line's paren doesn't have an explicit width\\n      // make sure that the line will be the same width in both states (expanded & collapsed)\\n        console.warn(`ExpandableTextLine: The parent width does not seem to be set explicitly. Therefore, the maximum width of the collapsed line must be set on the fly to match the natural dimensions in the expanded state. This can potentially affect performance. Please consider explicitly setting the width of the parent element or the width of the line itself.`)\\n        el.style.width = dimensions.expandWidth\\n        window.addEventListener('resize', () => {\\n          setTimeout(() => {\\n            requestAnimationFrame(() => { this.setMaxWidth(el) })\\n          }, 10)\\n        })\\n      }\\n    },\\n\\n    setMaxWidth (el) {\\n      const preW = el.style.width\\n      el.style.width = null\\n      if (el.classList.contains(this.expandedClass)) {\\n        el.style.width = getComputedStyle(el).width\\n      } else {\\n        const dim = this.dimensionsForExpand(el)\\n        if (dim.collapseWidth !== dim.expandWidth) {\\n          el.style.width = dim.expandWidth\\n        } else {\\n          el.style.width = preW\\n        }\\n      }\\n    },\\n\\n    addClickOrTouchListener () {\\n      document.addEventListener('touchstart', this.onFirstTouch)\\n      document.addEventListener('click', this.onFirstClick)\\n    },\\n\\n    onFirstTouch (e) {\\n      this.touch = true\\n      document.removeEventListener('click', this.leaveOnClickOutside)\\n      document.removeEventListener('touchstart', this.onFirstTouch)\\n      document.addEventListener('touchstart', e => {\\n        this.leaveOnClickOutside(e)\\n      })\\n      this.leaveOnClickOutside(e)\\n    },\\n\\n    onFirstClick (e) {\\n      document.removeEventListener('click', this.onFirstClick)\\n      if (!this.touch) {\\n        document.removeEventListener('touchstart', this.onFirstTouch)\\n        document.addEventListener('click', e => {\\n          this.leaveOnClickOutside(e)\\n        })\\n        this.leaveOnClickOutside(e)\\n      }\\n    },\\n\\n    leaveOnClickOutside (event) {\\n      if (this.forceExpand) return\\n      const el = this.$refs['text-line']\\n      if (!el) return\\n      if (!el.contains(event.target) &&\\n           el.classList.contains(this.expandedClass)) {\\n        this.collapse()\\n      }\\n    }\\n  }\\n}\\n</script>\\n<style scoped>\\n* {\\n  will-change: height;\\n  transform: translateZ(0);\\n  backface-visibility: hidden;\\n  perspective: 1000px;\\n}\\n</style>\\n<style lang=\\\"scss\\\">\\n  $blocks: p, h1, h2, h3, h4, h5, h6, ol, ul, pre, address, blockquote, dl, div, fieldset, form, hr, noscript, table;\\n  @mixin all-blocks {\\n    @each $el in $blocks {\\n      #{$el} { @content }\\n    }\\n  }\\n\\n  .expandable-text-line {\\n    box-sizing: border-box;\\n    white-space: nowrap;\\n    text-overflow: ellipsis;\\n    overflow: hidden;\\n    cursor: pointer;\\n    width: 100%;\\n    max-width: 100vw;\\n    transition: height 0.1s;\\n\\n    @include all-blocks {\\n      display: inline;\\n\\n      &:not(:first-child)::before {\\n        content: \\\"\\\\00a0 \\\"\\n      }\\n      &:not(:last-child)::after {\\n        content: \\\"\\\\00a0 \\\"\\n      }\\n    }\\n\\n    br {\\n      display: none;\\n    }\\n\\n    &.__extl-expanded {\\n      max-height: 100%;\\n      overflow: auto;\\n      cursor: auto;\\n\\n      @include all-blocks {\\n        display: block;\\n\\n        &:before {\\n          content: none\\n        }\\n\\n        &:first-child {\\n          margin-top: 0;\\n        }\\n      }\\n\\n      br {\\n        display: inline;\\n      }\\n    }\\n  }\\n</style>\\n\"]}, media: undefined });\n\n  };\n  /* scoped */\n  var __vue_scope_id__ = \"data-v-729a014b\";\n  /* module identifier */\n  var __vue_module_identifier__ = undefined;\n  /* functional template */\n  var __vue_is_functional_template__ = false;\n  /* style inject SSR */\n  \n  /* style inject shadow dom */\n  \n\n  \n  var component = normalizeComponent(\n    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },\n    __vue_inject_styles__,\n    __vue_script__,\n    __vue_scope_id__,\n    __vue_is_functional_template__,\n    __vue_module_identifier__,\n    false,\n    createInjector,\n    undefined,\n    undefined\n  );\n\n// Import vue component\n\n// Declare install function executed by Vue.use()\nfunction install (Vue) {\n  // @ts-ignore\n  if (install.installed) { return }\n  // @ts-ignore\n  install.installed = true;\n  Vue.component('ExpandableTextLine', component);\n}\n\n// Create module definition for Vue.use()\nvar plugin = {\n  install: install\n};\n\n// Auto-install when vue is found (eg. in browser via <script> tag)\nvar GlobalVue = null;\nif (typeof window !== 'undefined') {\n  GlobalVue = window.Vue;\n} else if (typeof global !== 'undefined') {\n  // @ts-ignore\n  GlobalVue = global.Vue;\n}\nif (GlobalVue) {\n  GlobalVue.use(plugin);\n}\n\nexport default component;\nexport { install };\n"],"sourceRoot":""}