{"version":3,"sources":["webpack:///../../../src/components/VTooltip/VTooltip.ts","webpack:///./src/components/ShortIdInput.vue","webpack:///src/components/ShortIdInput.vue","webpack:///./src/components/ShortIdInput.vue?41d2","webpack:///./src/components/ShortIdInput.vue?d48f"],"names":["mixins","Colorable","Delayable","Dependent","Menuable","extend","name","props","closeDelay","type","Number","String","default","disabled","Boolean","openDelay","openOnHover","openOnFocus","tag","transition","data","calculatedMinWidth","closeDependents","computed","calculatedLeft","this","dimensions","activator","content","unknown","bottom","left","top","right","activatorLeft","attach","offsetLeft","width","nudgeLeft","parseInt","nudgeRight","calcXOverflow","calculatedTop","activatorTop","offsetTop","height","nudgeTop","nudgeBottom","pageYOffset","calcYOverflow","classes","computedTransition","isActive","offsetY","offsetX","styles","maxWidth","convertToUnit","minWidth","zIndex","activeZIndex","beforeMount","$nextTick","value","callActivate","mounted","getSlotType","consoleError","methods","activate","updateDimensions","requestAnimationFrame","startTransition","deactivate","runDelay","genActivatorListeners","listeners","Activatable","options","call","focus","e","getActivator","blur","keydown","keyCode","keyCodes","esc","genActivatorAttributes","genTransition","genContent","$createElement","setBackgroundColor","color","staticClass","class","contentClass","activatorFixed","style","attrs","getScopeIdAttrs","directives","isContentActive","ref","getContentSlot","render","h","showLazyContent","genActivator","callback","expression","_c","_vm","_v","scopedSlots","fn","editableMode","shortId","longId","disabledEdit","saveUserProvidedShortId","watch","nextValue","component","staticRenderFns"],"mappings":"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","file":"static/js/chunk-3826bd56.3fc22406.js","sourcesContent":["import './VTooltip.sass'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Menuable from '../../mixins/menuable'\n\n// Helpers\nimport { convertToUnit, keyCodes, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Colorable, Delayable, Dependent, Menuable).extend({\n  name: 'v-tooltip',\n\n  props: {\n    closeDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    disabled: Boolean,\n    openDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    openOnHover: {\n      type: Boolean,\n      default: true,\n    },\n    openOnFocus: {\n      type: Boolean,\n      default: true,\n    },\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    transition: String,\n  },\n\n  data: () => ({\n    calculatedMinWidth: 0,\n    closeDependents: false,\n  }),\n\n  computed: {\n    calculatedLeft (): string {\n      const { activator, content } = this.dimensions\n      const unknown = !this.bottom && !this.left && !this.top && !this.right\n      const activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left\n      let left = 0\n\n      if (this.top || this.bottom || unknown) {\n        left = (\n          activatorLeft +\n          (activator.width / 2) -\n          (content.width / 2)\n        )\n      } else if (this.left || this.right) {\n        left = (\n          activatorLeft +\n          (this.right ? activator.width : -content.width) +\n          (this.right ? 10 : -10)\n        )\n      }\n\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft)\n      if (this.nudgeRight) left += parseInt(this.nudgeRight)\n\n      return `${this.calcXOverflow(left, this.dimensions.content.width)}px`\n    },\n    calculatedTop (): string {\n      const { activator, content } = this.dimensions\n      const activatorTop = this.attach !== false ? activator.offsetTop : activator.top\n      let top = 0\n\n      if (this.top || this.bottom) {\n        top = (\n          activatorTop +\n          (this.bottom ? activator.height : -content.height) +\n          (this.bottom ? 10 : -10)\n        )\n      } else if (this.left || this.right) {\n        top = (\n          activatorTop +\n          (activator.height / 2) -\n          (content.height / 2)\n        )\n      }\n\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop)\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom)\n      if (this.attach === false) top += this.pageYOffset\n\n      return `${this.calcYOverflow(top)}px`\n    },\n    classes (): object {\n      return {\n        'v-tooltip--top': this.top,\n        'v-tooltip--right': this.right,\n        'v-tooltip--bottom': this.bottom,\n        'v-tooltip--left': this.left,\n        'v-tooltip--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      }\n    },\n    computedTransition (): string {\n      if (this.transition) return this.transition\n\n      return this.isActive ? 'scale-transition' : 'fade-transition'\n    },\n    offsetY (): boolean {\n      return this.top || this.bottom\n    },\n    offsetX (): boolean {\n      return this.left || this.right\n    },\n    styles (): object {\n      return {\n        left: this.calculatedLeft,\n        maxWidth: convertToUnit(this.maxWidth),\n        minWidth: convertToUnit(this.minWidth),\n        top: this.calculatedTop,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.value && this.callActivate()\n    })\n  },\n\n  mounted () {\n    if (getSlotType(this, 'activator', true) === 'v-slot') {\n      consoleError(`v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'`, this)\n    }\n  },\n\n  methods: {\n    activate () {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions()\n      // Start the transition\n      requestAnimationFrame(this.startTransition)\n    },\n    deactivate () {\n      this.runDelay('close')\n    },\n    genActivatorListeners () {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this)\n\n      if (this.openOnFocus) {\n        listeners.focus = (e: Event) => {\n          this.getActivator(e)\n          this.runDelay('open')\n        }\n        listeners.blur = (e: Event) => {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      listeners.keydown = (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.esc) {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      return listeners\n    },\n    genActivatorAttributes () {\n      return {\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genTransition () {\n      const content = this.genContent()\n\n      if (!this.computedTransition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [content])\n    },\n    genContent () {\n      return this.$createElement(\n        'div',\n        this.setBackgroundColor(this.color, {\n          staticClass: 'v-tooltip__content',\n          class: {\n            [this.contentClass]: true,\n            menuable__content__active: this.isActive,\n            'v-tooltip__content--fixed': this.activatorFixed,\n          },\n          style: this.styles,\n          attrs: this.getScopeIdAttrs(),\n          directives: [{\n            name: 'show',\n            value: this.isContentActive,\n          }],\n          ref: 'content',\n        }),\n        this.getContentSlot()\n      )\n    },\n  },\n\n  render (h): VNode {\n    return h(this.tag, {\n      staticClass: 'v-tooltip',\n      class: this.classes,\n    }, [\n      this.showLazyContent(() => [this.genTransition()]),\n      this.genActivator(),\n    ])\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.editableMode)?_c('v-text-field',{attrs:{\"autofocus\":\"\",\"persistent-hint\":\"\",\"append-icon\":\"save\",\"dense\":\"\",\"outlined\":\"\"},on:{\"click:append\":_vm.saveUserProvidedShortId},model:{value:(_vm.shortId),callback:function ($$v) {_vm.shortId=$$v},expression:\"shortId\"}}):_c('div',{staticClass:\"d-flex align-center\"},[_c('span',{staticClass:\"secondary--text caption\"},[_vm._v(\"Short name:\")]),_c('v-tooltip',{staticClass:\"mr-1\",attrs:{\"left\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"small\":\"\"}},on),[_vm._v(\"help_outlined\")])]}}])},[_c('span',[_vm._v(\"A short-name identifies the object in a database or the file-system.\")])]),_vm._v(\" \"+_vm._s(_vm.shortId)+\" \"),(false)?_c('v-icon',{on:{\"click\":function($event){_vm.editableMode = true}}},[_vm._v(\"edit\")]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-text-field\n        v-if=\"editableMode\"\n        autofocus\n        persistent-hint\n        v-model=\"shortId\"\n        append-icon=\"save\"\n        v-on:click:append=\"saveUserProvidedShortId\"\n        dense\n        outlined></v-text-field>\n    <div v-else class=\"d-flex align-center\">\n        <span class=\"secondary--text caption\">Short name:</span>\n        <v-tooltip left class=\"mr-1\">\n            <template v-slot:activator=\"{ on }\">\n                <v-icon small v-on=\"on\">help_outlined</v-icon>\n            </template>\n            <span>A short-name identifies the object in a database or the file-system.</span>\n        </v-tooltip>\n        {{ shortId }}\n        <v-icon v-if=\"false\" @click=\"editableMode = true\">edit</v-icon>\n    </div>\n</template>\n\n<script>\nimport { makeShortId } from '../utils'\nexport default {\n    name: 'ShortIdInput',\n    data() {\n        return {\n            editableMode: false,\n            shortId: ''\n        }\n    },\n    props: {\n        longId: String,\n        disabledEdit: { type: Boolean, default: false }\n    },\n    methods: {\n        saveUserProvidedShortId: function () {\n            this.shortId = makeShortId(this.shortId)\n            this.editableMode = false\n        }\n    },\n    watch: {\n        longId: function (nextValue, prevValue) {\n            this.shortId = makeShortId(nextValue)\n        },\n        shortId: function (nextValue, prevValue) {\n            this.$emit('input', { nextValue })\n        }\n    },\n    mounted() {\n        this.shortId = makeShortId(this.$props.longId)\n        this.$emit('input', { nextValue: this.shortId })\n    }\n}\n</script>\n","import mod from \"-!../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShortIdInput.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShortIdInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShortIdInput.vue?vue&type=template&id=2c45a9f6&\"\nimport script from \"./ShortIdInput.vue?vue&type=script&lang=js&\"\nexport * from \"./ShortIdInput.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}