{"version":3,"sources":["webpack:///../../../src/mixins/transitionable/index.ts","webpack:///../../../src/components/VAlert/VAlert.ts","webpack:///./src/views/Skils.vue?508a","webpack:///src/views/Skils.vue","webpack:///./src/views/Skils.vue?09c4","webpack:///../../../src/components/VChip/VChip.ts","webpack:///./src/views/Skils.vue","webpack:///./src/views/Skils.vue?5666"],"names":["name","props","mode","origin","transition","String","mixins","border","type","validator","closeLabel","default","coloredBorder","dense","dismissible","icon","Boolean","val","outlined","prominent","text","value","computed","__cachedBorder","this","data","staticClass","class","setBackgroundColor","$createElement","__cachedDismissible","color","VBtn","small","attrs","$vuetify","lang","t","on","click","VIcon","__cachedIcon","iconColor","classes","VSheet","computedColor","computedIcon","includes","hasColoredIcon","hasText","isDark","created","$attrs","hasOwnProperty","methods","genWrapper","children","$slots","prepend","$scopedSlots","close","toggle","genContent","genAlert","role","style","directives","isActive","setColor","render","h","_vm","_h","_c","_self","_v","_l","cat","key","_s","itm","title","lavel","staticRenderFns","active","activeClass","chipGroup","closeIcon","disabled","draggable","filter","filterIcon","label","link","pill","tag","textColor","proxyClass","groupClasses","hasClose","isClickable","breakingProps","original","replacement","genFilter","left","genClose","right","size","e","tabindex","setTextColor","component","VAlert","VAvatar","VChip","VContainer","VFlex","VLayout"],"mappings":"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","file":"js/chunk-0d7b7e6e.77008b18.js","sourcesContent":["import Vue from 'vue'\n\nexport default Vue.extend({\n  name: 'transitionable',\n\n  props: {\n    mode: String,\n    origin: String,\n    transition: String,\n  },\n})\n","// Styles\nimport './VAlert.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNodeData } from 'vue'\nimport { VNode } from 'vue/types'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Toggleable,\n  Transitionable\n).extend({\n  name: 'v-alert',\n\n  props: {\n    border: {\n      type: String,\n      validator (val: string) {\n        return [\n          'top',\n          'right',\n          'bottom',\n          'left',\n        ].includes(val)\n      },\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    coloredBorder: Boolean,\n    dense: Boolean,\n    dismissible: Boolean,\n    icon: {\n      default: '',\n      type: [Boolean, String],\n      validator (val: boolean | string) {\n        return typeof val === 'string' || val === false\n      },\n    },\n    outlined: Boolean,\n    prominent: Boolean,\n    text: Boolean,\n    type: {\n      type: String,\n      validator (val: string) {\n        return [\n          'info',\n          'error',\n          'success',\n          'warning',\n        ].includes(val)\n      },\n    },\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    __cachedBorder (): VNode | null {\n      if (!this.border) return null\n\n      let data: VNodeData = {\n        staticClass: 'v-alert__border',\n        class: {\n          [`v-alert__border--${this.border}`]: true,\n        },\n      }\n\n      if (this.coloredBorder) {\n        data = this.setBackgroundColor(this.computedColor, data)\n        data.class['v-alert__border--has-color'] = true\n      }\n\n      return this.$createElement('div', data)\n    },\n    __cachedDismissible (): VNode | null {\n      if (!this.dismissible) return null\n\n      const color = this.iconColor\n\n      return this.$createElement(VBtn, {\n        staticClass: 'v-alert__dismissible',\n        props: {\n          color,\n          icon: true,\n          small: true,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: () => (this.isActive = false),\n        },\n      }, [\n        this.$createElement(VIcon, {\n          props: { color },\n        }, '$cancel'),\n      ])\n    },\n    __cachedIcon (): VNode | null {\n      if (!this.computedIcon) return null\n\n      return this.$createElement(VIcon, {\n        staticClass: 'v-alert__icon',\n        props: { color: this.iconColor },\n      }, this.computedIcon)\n    },\n    classes (): object {\n      const classes: Record<string, boolean> = {\n        ...VSheet.options.computed.classes.call(this),\n        'v-alert--border': Boolean(this.border),\n        'v-alert--dense': this.dense,\n        'v-alert--outlined': this.outlined,\n        'v-alert--prominent': this.prominent,\n        'v-alert--text': this.text,\n      }\n\n      if (this.border) {\n        classes[`v-alert--border-${this.border}`] = true\n      }\n\n      return classes\n    },\n    computedColor (): string {\n      return this.color || this.type\n    },\n    computedIcon (): string | boolean {\n      if (this.icon === false) return false\n      if (typeof this.icon === 'string' && this.icon) return this.icon\n      if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false\n\n      return `$${this.type}`\n    },\n    hasColoredIcon (): boolean {\n      return (\n        this.hasText ||\n        (Boolean(this.border) && this.coloredBorder)\n      )\n    },\n    hasText (): boolean {\n      return this.text || this.outlined\n    },\n    iconColor (): string | undefined {\n      return this.hasColoredIcon ? this.computedColor : undefined\n    },\n    isDark (): boolean {\n      if (\n        this.type &&\n        !this.coloredBorder &&\n        !this.outlined\n      ) return true\n\n      return Themeable.options.computed.isDark.call(this)\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('outline')) {\n      breaking('outline', 'outlined', this)\n    }\n  },\n\n  methods: {\n    genWrapper (): VNode {\n      const children = [\n        this.$slots.prepend || this.__cachedIcon,\n        this.genContent(),\n        this.__cachedBorder,\n        this.$slots.append,\n        this.$scopedSlots.close\n          ? this.$scopedSlots.close({ toggle: this.toggle })\n          : this.__cachedDismissible,\n      ]\n\n      const data: VNodeData = {\n        staticClass: 'v-alert__wrapper',\n      }\n\n      return this.$createElement('div', data, children)\n    },\n    genContent (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-alert__content',\n      }, this.$slots.default)\n    },\n    genAlert (): VNode {\n      let data: VNodeData = {\n        staticClass: 'v-alert',\n        attrs: {\n          role: 'alert',\n        },\n        class: this.classes,\n        style: this.styles,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }\n\n      if (!this.coloredBorder) {\n        const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor\n        data = setColor(this.computedColor, data)\n      }\n\n      return this.$createElement('div', data, [this.genWrapper()])\n    },\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (h): VNode {\n    const render = this.genAlert()\n\n    if (!this.transition) return render\n\n    return h('transition', {\n      props: {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode,\n      },\n    }, [render])\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"skils\"},[_c('h1',[_vm._v(\"Skills\")]),_c('v-container',[_c('v-layout',{attrs:{\"wrap\":\"\",\"row\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"lg12\":\"\",\"md12\":\"\"}},[_c('div',{staticClass:\"text-xs-left\"},[_c('v-chip',{staticClass:\"margin-chip\",attrs:{\"color\":\"blue\",\"text-color\":\"white\"}},[_vm._v(\"Beginner Level/Başlangıç\")]),_c('v-chip',{staticClass:\"margin-chip\",attrs:{\"color\":\"orange\",\"text-color\":\"white\"}},[_vm._v(\"Middle Level/Orta\")]),_c('v-chip',{staticClass:\"margin-chip\",attrs:{\"color\":\"red\",\"text-color\":\"white\"}},[_vm._v(\"High Level/İyi\")])],1)]),_vm._l((_vm.skills),function(cat){return _c('v-flex',{key:cat.name,attrs:{\"ml12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"sm12\":\"\",\"xs12\":\"\"}},[_c('v-alert',{staticClass:\"v-alrt\",attrs:{\"sm\":\"\",\"dense\":\"\",\"type\":\"info\"}},[_vm._v(_vm._s(cat.name))]),_vm._l((cat.items),function(itm){return _c('v-chip',{key:itm.title,staticClass:\"margin-chip\",attrs:{\"color\":itm.lavel,\"text-color\":\"white\"}},[_c('v-avatar',[_c('v-icon',[_vm._v(\"account_circle\")])],1),_vm._v(\" \"+_vm._s(itm.title)+\" \")],1)})],2)})],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"skils\"> \n        <h1>Skills</h1>\n  <v-container>\n    <v-layout wrap row >\n      <v-flex xs12 lg12 md12>\n        <div class=\"text-xs-left\">\n    <v-chip class=\"margin-chip\" color=\"blue\" text-color=\"white\">Beginner Level/Başlangıç</v-chip>\n    <v-chip class=\"margin-chip\" color=\"orange\" text-color=\"white\">Middle Level/Orta</v-chip>\n    <v-chip class=\"margin-chip\" color=\"red\" text-color=\"white\">High Level/İyi</v-chip>\n  </div>\n      </v-flex>\n      <v-flex ml12 md12 lg12 sm12 xs12 v-for=\"cat in skills\" :key=\"cat.name\" >\n        <v-alert sm dense type=\"info\" class=\"v-alrt\" >{{cat.name}}</v-alert>\n        <v-chip v-for=\"itm in cat.items\" :key=\"itm.title\" :color=\"itm.lavel\" text-color=\"white\" class=\"margin-chip\">\n          <v-avatar>\n            <v-icon>account_circle</v-icon>\n          </v-avatar>\n          {{itm.title}}\n        </v-chip>\n      </v-flex>\n    </v-layout>\n    \n  </v-container>\n    </div>\n</template>\n<script>\nimport axios from 'axios';\nexport default {\n   name:'Skils',\n      data(){\n        return {\n          skills:[] \n        }\n      },created(){\n        axios.get(\"services/Skills.json\").then(response=>{\n          this.skills = response.data.data;\n        });\n      }\n  }\n</script>\n<style scoped>\n .margin-chip\n {\n   margin: 5px;\n }\n .v-alrt{\n   margin-top: 5px;\n\n }\n</style>\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/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Skils.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/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Skils.vue?vue&type=script&lang=js&\"","// Styles\nimport './VChip.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\nimport { PropValidator, PropType } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory('inputValue')\n).extend({\n  name: 'v-chip',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    activeClass: {\n      type: String,\n      default (): string | undefined {\n        if (!this.chipGroup) return ''\n\n        return this.chipGroup.activeClass\n      },\n    } as any as PropValidator<string>,\n    close: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    disabled: Boolean,\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    outlined: Boolean,\n    pill: Boolean,\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    textColor: String,\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-chip--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-chip': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-chip--clickable': this.isClickable,\n        'v-chip--disabled': this.disabled,\n        'v-chip--draggable': this.draggable,\n        'v-chip--label': this.label,\n        'v-chip--link': this.isLink,\n        'v-chip--no-color': !this.color,\n        'v-chip--outlined': this.outlined,\n        'v-chip--pill': this.pill,\n        'v-chip--removable': this.hasClose,\n        ...this.themeClasses,\n        ...this.sizeableClasses,\n        ...this.groupClasses,\n      }\n    },\n    hasClose (): boolean {\n      return Boolean(this.close)\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.options.computed.isClickable.call(this) ||\n        this.chipGroup\n      )\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['outline', 'outlined'],\n      ['selected', 'input-value'],\n      ['value', 'active'],\n      ['@input', '@active.sync'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      this.$emit('click', e)\n\n      this.chipGroup && this.toggle()\n    },\n    genFilter (): VNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          this.$createElement(VIcon, {\n            staticClass: 'v-chip__filter',\n            props: { left: true },\n          }, this.filterIcon)\n        )\n      }\n\n      return this.$createElement(VExpandXTransition, children)\n    },\n    genClose (): VNode {\n      return this.$createElement(VIcon, {\n        staticClass: 'v-chip__close',\n        props: {\n          right: true,\n          size: 18,\n        },\n        on: {\n          click: (e: Event) => {\n            e.stopPropagation()\n            e.preventDefault()\n\n            this.$emit('click:close')\n            this.$emit('update:active', false)\n          },\n        },\n      }, this.closeIcon)\n    },\n    genContent (): VNode {\n      return this.$createElement('span', {\n        staticClass: 'v-chip__content',\n      }, [\n        this.filter && this.genFilter(),\n        this.$slots.default,\n        this.hasClose && this.genClose(),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    const children = [this.genContent()]\n    let { tag, data } = this.generateRouteLink()\n\n    data.attrs = {\n      ...data.attrs,\n      draggable: this.draggable ? 'true' : undefined,\n      tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs!.tabindex,\n    }\n    data.directives!.push({\n      name: 'show',\n      value: this.active,\n    })\n    data = this.setBackgroundColor(this.color, data)\n\n    const color = this.textColor || (this.outlined && this.color)\n\n    return h(tag, this.setTextColor(color, data), children)\n  },\n})\n","import { render, staticRenderFns } from \"./Skils.vue?vue&type=template&id=b2e37bf0&scoped=true&\"\nimport script from \"./Skils.vue?vue&type=script&lang=js&\"\nexport * from \"./Skils.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Skils.vue?vue&type=style&index=0&id=b2e37bf0&scoped=true&lang=css&\"\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  \"b2e37bf0\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAlert } from 'vuetify/lib/components/VAlert';\nimport { VAvatar } from 'vuetify/lib/components/VAvatar';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VAlert,VAvatar,VChip,VContainer,VFlex,VIcon,VLayout})\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Skils.vue?vue&type=style&index=0&id=b2e37bf0&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Skils.vue?vue&type=style&index=0&id=b2e37bf0&scoped=true&lang=css&\""],"sourceRoot":""}