vuetify eingebunden + erster Versuch Combobox

node_modules/vuetify/lib/components/VApp/VApp.js

@@ -0,0 +1,49 @@
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+import '../../../src/stylus/components/_app.styl';
+// Component level mixins
+import AppTheme from './mixins/app-theme';
+import Themeable from '../../mixins/themeable';
+// Directives
+import Resize from '../../directives/resize';
+/* @vue/component */
+export default {
+    name: 'v-app',
+    directives: {
+        Resize: Resize
+    },
+    mixins: [AppTheme, Themeable],
+    props: {
+        id: {
+            type: String,
+            default: 'app'
+        },
+        dark: Boolean
+    },
+    computed: {
+        classes: function classes() {
+            return _extends({
+                'application--is-rtl': this.$vuetify.rtl
+            }, this.themeClasses);
+        }
+    },
+    watch: {
+        dark: function dark() {
+            this.$vuetify.dark = this.dark;
+        }
+    },
+    mounted: function mounted() {
+        this.$vuetify.dark = this.dark;
+    },
+    render: function render(h) {
+        var data = {
+            staticClass: 'application',
+            'class': this.classes,
+            attrs: { 'data-app': true },
+            domProps: { id: this.id }
+        };
+        var wrapper = h('div', { staticClass: 'application--wrap' }, this.$slots.default);
+        return h('div', data, [wrapper]);
+    }
+};
+//# sourceMappingURL=VApp.js.map

node_modules/vuetify/lib/components/VApp/VApp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VApp/VApp.js"],"names":[],"mappings":";;AAAA,OAAO,0CAAP;AAEA;AACA,OAAO,QAAP,MAAqB,oBAArB;AAEA,OAAO,SAAP,MAAsB,wBAAtB;AAEA;AACA,OAAO,MAAP,MAAmB,yBAAnB;AAEA;AACA,eAAe;AACb,UAAM,OADO;AAGb,gBAAY;AACV;AADU,KAHC;AAOb,YAAQ,CACN,QADM,EAEN,SAFM,CAPK;AAYb,WAAO;AACL,YAAI;AACF,kBAAM,MADJ;AAEF,qBAAS;AAFP,SADC;AAKL,cAAM;AALD,KAZM;AAoBb,cAAU;AACR,eADQ,qBACD;AACL;AACE,uCAAuB,KAAK,QAAL,CAAc;AADvC,eAEK,KAAK,YAFV;AAID;AANO,KApBG;AA6Bb,WAAO;AACL,YADK,kBACD;AACF,iBAAK,QAAL,CAAc,IAAd,GAAqB,KAAK,IAA1B;AACD;AAHI,KA7BM;AAmCb,WAnCa,qBAmCN;AACL,aAAK,QAAL,CAAc,IAAd,GAAqB,KAAK,IAA1B;AACD,KArCY;AAuCb,UAvCa,kBAuCL,CAvCK,EAuCJ;AACP,YAAM,OAAO;AACX,yBAAa,aADF;AAEX,qBAAS,KAAK,OAFH;AAGX,mBAAO,EAAE,YAAY,IAAd,EAHI;AAIX,sBAAU,EAAE,IAAI,KAAK,EAAX;AAJC,SAAb;AAOA,YAAM,UAAU,EAAE,KAAF,EAAS,EAAE,aAAa,mBAAf,EAAT,EAA+C,KAAK,MAAL,CAAY,OAA3D,CAAhB;AAEA,eAAO,EAAE,KAAF,EAAS,IAAT,EAAe,CAAC,OAAD,CAAf,CAAP;AACD;AAlDY,CAAf","sourcesContent":["import '../../stylus/components/_app.styl'\n\n// Component level mixins\nimport AppTheme from './mixins/app-theme'\n\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n/* @vue/component */\nexport default {\n  name: 'v-app',\n\n  directives: {\n    Resize\n  },\n\n  mixins: [\n    AppTheme,\n    Themeable\n  ],\n\n  props: {\n    id: {\n      type: String,\n      default: 'app'\n    },\n    dark: Boolean\n  },\n\n  computed: {\n    classes () {\n      return {\n        'application--is-rtl': this.$vuetify.rtl,\n        ...this.themeClasses\n      }\n    }\n  },\n\n  watch: {\n    dark () {\n      this.$vuetify.dark = this.dark\n    }\n  },\n\n  mounted () {\n    this.$vuetify.dark = this.dark\n  },\n\n  render (h) {\n    const data = {\n      staticClass: 'application',\n      'class': this.classes,\n      attrs: { 'data-app': true },\n      domProps: { id: this.id }\n    }\n\n    const wrapper = h('div', { staticClass: 'application--wrap' }, this.$slots.default)\n\n    return h('div', data, [wrapper])\n  }\n}\n"],"sourceRoot":""}

node_modules/vuetify/lib/components/VApp/index.js

@@ -0,0 +1,4 @@
+import VApp from './VApp';
+export { VApp };
+export default VApp;
+//# sourceMappingURL=index.js.map

node_modules/vuetify/lib/components/VApp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VApp/index.js"],"names":[],"mappings":"AAAA,OAAO,IAAP,MAAiB,QAAjB;AAEA,SAAS,IAAT;AACA,eAAe,IAAf","sourcesContent":["import VApp from './VApp'\n\nexport { VApp }\nexport default VApp\n"],"sourceRoot":""}

node_modules/vuetify/lib/components/VApp/mixins/app-theme.js

@@ -0,0 +1,96 @@
+import * as Theme from '../../../util/theme';
+export default {
+    data: function data() {
+        return {
+            style: null
+        };
+    },
+    computed: {
+        parsedTheme: function parsedTheme() {
+            return Theme.parse(this.$vuetify.theme);
+        },
+
+        /** @return string */
+        generatedStyles: function generatedStyles() {
+            var theme = this.parsedTheme;
+            var css = void 0;
+            if (this.$vuetify.options.themeCache != null) {
+                css = this.$vuetify.options.themeCache.get(theme);
+                if (css != null) return css;
+            }
+            css = Theme.genStyles(theme, this.$vuetify.options.customProperties);
+            if (this.$vuetify.options.minifyTheme != null) {
+                css = this.$vuetify.options.minifyTheme(css);
+            }
+            if (this.$vuetify.options.themeCache != null) {
+                this.$vuetify.options.themeCache.set(theme, css);
+            }
+            return css;
+        },
+        vueMeta: function vueMeta() {
+            if (this.$vuetify.theme === false) return {};
+            var options = {
+                cssText: this.generatedStyles,
+                id: 'vuetify-theme-stylesheet',
+                type: 'text/css'
+            };
+            if (this.$vuetify.options.cspNonce) {
+                options.nonce = this.$vuetify.options.cspNonce;
+            }
+            return {
+                style: [options]
+            };
+        }
+    },
+    // Regular vue-meta
+    metaInfo: function metaInfo() {
+        return this.vueMeta;
+    },
+
+    // Nuxt
+    head: function head() {
+        return this.vueMeta;
+    },
+
+    watch: {
+        generatedStyles: function generatedStyles() {
+            !this.meta && this.applyTheme();
+        }
+    },
+    created: function created() {
+        if (this.$vuetify.theme === false) return;
+        if (this.$meta) {
+            // Vue-meta
+            // Handled by metaInfo()/nuxt()
+        } else if (typeof document === 'undefined' && this.$ssrContext) {
+            // SSR
+            var nonce = this.$vuetify.options.cspNonce ? ' nonce="' + this.$vuetify.options.cspNonce + '"' : '';
+            this.$ssrContext.head = this.$ssrContext.head || '';
+            this.$ssrContext.head += '<style type="text/css" id="vuetify-theme-stylesheet"' + nonce + '>' + this.generatedStyles + '</style>';
+        } else if (typeof document !== 'undefined') {
+            // Client-side
+            this.genStyle();
+            this.applyTheme();
+        }
+    },
+
+    methods: {
+        applyTheme: function applyTheme() {
+            if (this.style) this.style.innerHTML = this.generatedStyles;
+        },
+        genStyle: function genStyle() {
+            var style = document.getElementById('vuetify-theme-stylesheet');
+            if (!style) {
+                style = document.createElement('style');
+                style.type = 'text/css';
+                style.id = 'vuetify-theme-stylesheet';
+                if (this.$vuetify.options.cspNonce) {
+                    style.setAttribute('nonce', this.$vuetify.options.cspNonce);
+                }
+                document.head.appendChild(style);
+            }
+            this.style = style;
+        }
+    }
+};
+//# sourceMappingURL=app-theme.js.map