w-component-vue 2.3.51 → 2.3.53

package/g.mjs

@@ -1,352 +0,0 @@
-let fps1: [
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Calendar.app",
-        size: "256.5mb",
-        tester: "Perter",
-        priority: "L4",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Chrome.app",
-        size: "496.7mb",
-        tester: "Chloe",
-        priority: "L4",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Webstorm.app",
-        size: "128.6mb",
-        tester: "Adrian",
-        priority: "L4",
-    },
-    {
-        type: "folder",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Webs",
-        size: "",
-        tester: "",
-        priority: "",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Webs/web_infors.json",
-        size: "92.2kb",
-        tester: "Carl",
-        priority: "L3",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Webs/Shareco/s1.txt",
-        size: "5.4kb",
-        tester: "Charissa",
-        priority: "L4",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Webs/Shareco/s2.txt",
-        size: "7.3kb",
-        tester: "Dexter",
-        priority: "L4",
-    },
-    {
-        type: "folder",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Webs/Guess",
-        size: "",
-        tester: "",
-        priority: "",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Webs/Guess/s3.txt",
-        size: "21.6kb",
-        tester: "Ashley",
-        priority: "L4",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Webs/Guess/s4.txt",
-        size: "82.7kb",
-        tester: "Dwight",
-        priority: "L4",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/Regulator.ini",
-        size: "2.5kb",
-        tester: "Laura",
-        priority: "L5",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Systems/Regulator/vers/settings-v01.st",
-        size: "56.2kb",
-        tester: "Mavis",
-        priority: "L5",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Systems/Regulator/vers/settings-v02.st",
-        size: "87.2kb",
-        tester: "Geraint",
-        priority: "L5",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Systems/Regulator/vers/settings-v03.st",
-        size: "224.2kb",
-        tester: "Penelope",
-        priority: "L5",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Systems/Regulator/vers/settings-v04.st",
-        size: "72.7kb",
-        tester: "Heman",
-        priority: "L5",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications/Systems/Regulator/vers/settings-v05.st",
-        size: "91.2kb",
-        tester: "Tessa",
-        priority: "L5",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device01.iso",
-        size: "1.2gb",
-        tester: "Una",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device02.iso",
-        size: "1.3gb",
-        tester: "Jasper",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device03.iso",
-        size: "1.1gb",
-        tester: "Violet",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device04.iso",
-        size: "1.7gb",
-        tester: "Perter",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device05.iso",
-        size: "2.0gb",
-        tester: "Winifred",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device06.iso",
-        size: "1.7gb",
-        tester: "Lance",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device07.iso",
-        size: "2.1gb",
-        tester: "Marvin",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device08.iso",
-        size: "1.5gb",
-        tester: "Nat",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device09.iso",
-        size: "1.8gb",
-        tester: "Nahum",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device10.iso",
-        size: "1.6gb",
-        tester: "Nicholas",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device11.iso",
-        size: "1.2gb",
-        tester: "Ralph",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device12.iso",
-        size: "2.2gb",
-        tester: "Rudolph",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device13.iso",
-        size: "1.9gb",
-        tester: "Rory",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device14.iso",
-        size: "1.2gb",
-        tester: "Jacqueline",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device15.iso",
-        size: "1.7gb",
-        tester: "Kathy",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device16.iso",
-        size: "1.1gb",
-        tester: "Melinda",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device17.iso",
-        size: "1.9gb",
-        tester: "Sharon",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device18.iso",
-        size: "1.2gb",
-        tester: "Philippa",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device19.iso",
-        size: "1.5gb",
-        tester: "Thelma",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Applications//Systems/device20.iso",
-        size: "1.4gb",
-        tester: "Stewart",
-        priority: "L2",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Documents/design-simple/src/index.txt",
-        size: "6.7kb",
-        tester: "Steve",
-        priority: "L1",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Documents/design-simple/src/bootstrap.txt",
-        size: "251.7kb",
-        tester: "Theobald",
-        priority: "L1",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Documents/design-material/src/btn.txt",
-        size: "241.2b",
-        tester: "Padraic",
-        priority: "L1",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Documents/design-material/src/card.txt",
-        size: "4.7kb",
-        tester: "Napoleon",
-        priority: "L1",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Documents/design-material/src/window.txt",
-        size: "7.2kb",
-        tester: "Lionel",
-        priority: "L1",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Downloads/October.pdf",
-        size: "16.9kb",
-        tester: "Olive",
-        priority: "L1",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Downloads/November.pdf",
-        size: "94.5kb",
-        tester: "Molly",
-        priority: "L1",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Downloads/Tutorial.html",
-        size: "22.7kb",
-        tester: "Melanie",
-        priority: "L1",
-    },
-    {
-        type: "folder",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Uploads",
-        size: "",
-        tester: "",
-        priority: "",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Videos/Tutorials/Basic layouts.mp4",
-        size: "862.7mb",
-        tester: "Lindsay",
-        priority: "L3",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Videos/Tutorials/Advanced techniques.mp4",
-        size: "626.5mb",
-        tester: "Jarvis",
-        priority: "L3",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Videos/Tutorials/All about app.mp4",
-        size: "796.2mb",
-        tester: "Gaston",
-        priority: "L3",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Videos/Intro.mov",
-        size: "852.8mb",
-        tester: "Dermot",
-        priority: "L3",
-    },
-    {
-        type: "file",
-        path: "/aaa/bbb/ccc/ddd/eee/fff/ggg/hhh/iii/jjj/Videos/Conference introduction.avi",
-        size: "676.7mb",
-        tester: "Hector",
-        priority: "L3",
-    }
-]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "w-component-vue",
-  "version": "2.3.51",
+  "version": "2.3.53",
   "main": "dist/w-component-vue.umd.js",
   "dependencies": {
     "@mdi/js": "^7.2.96",

package/src/App.vue

@@ -173,6 +173,11 @@
             ></AppZoneWCheckbox>
 
 
+            <AppZoneWLevelGrade
+                v-if="useCmpName==='WLevelGrade'"
+            ></AppZoneWLevelGrade>
+
+
             <AppZoneWAlert
                 v-if="useCmpName==='WAlert'"
             ></AppZoneWAlert>
@@ -434,6 +439,7 @@ import AppZoneWProgressBar from './AppZoneWProgressBar.vue'
 import AppZoneWProgressCircle from './AppZoneWProgressCircle.vue'
 import AppZoneWSwitch from './AppZoneWSwitch.vue'
 import AppZoneWCheckbox from './AppZoneWCheckbox.vue'
+import AppZoneWLevelGrade from './AppZoneWLevelGrade.vue'
 import AppZoneWAlert from './AppZoneWAlert.vue'
 import AppZoneWGroupTags from './AppZoneWGroupTags.vue'
 import AppZoneWGroupDragdrop from './AppZoneWGroupDragdrop.vue'
@@ -501,6 +507,7 @@ export default {
         AppZoneWProgressCircle,
         AppZoneWSwitch,
         AppZoneWCheckbox,
+        AppZoneWLevelGrade,
         AppZoneWAlert,
         AppZoneWGroupTags,
         AppZoneWGroupDragdrop,
@@ -565,6 +572,12 @@ export default {
                         { name: 'WProgressCircle' },
                     ]
                 },
+                {
+                    name: 'special',
+                    cmps: [
+                        { name: 'WLevelGrade' },
+                    ]
+                },
                 {
                     name: 'panel',
                     cmps: [

package/src/AppZoneWLevelGrade.vue

@@ -0,0 +1,265 @@
+<template>
+    <div>
+
+
+        <div class="head1"><span style="cursor:pointer;" title="open for copy link to view component" onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')">w-level-grade</span></div>
+
+
+        <div style="padding:0px;">
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-level-grade'"
+                    :casename="'default'"
+                ></demolink>
+
+                <w-level-grade
+                    :levels="WLevelGrade.levels"
+                    :value="12"
+                ></w-level-grade>
+
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-level-grade'"
+                    :casename="'keyColor & keyLow & keyUp & keyDelimiter & keyText'"
+                ></demolink>
+
+                <w-level-grade
+                    :levels="WLevelGrade.levelsForKey"
+                    :value="55"
+                    :keyColor="'c'"
+                    :keyLow="'min'"
+                    :keyUp="'max'"
+                    :keyDelimiter="'dlm'"
+                    :keyText="'t'"
+                ></w-level-grade>
+
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-level-grade'"
+                    :casename="'tickDig'"
+                ></demolink>
+
+                <w-level-grade
+                    :levels="WLevelGrade.levelsForDig"
+                    :value="0.12"
+                    :tickDig="2"
+                ></w-level-grade>
+
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-level-grade'"
+                    :casename="'tickDig & text'"
+                ></demolink>
+
+                <w-level-grade
+                    :levels="WLevelGrade.levelsForText"
+                    :value="0.12"
+                    :tickDig="2"
+                ></w-level-grade>
+
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-level-grade'"
+                    :casename="'tickDig & text & spaceForText'"
+                ></demolink>
+
+                <w-level-grade
+                    :levels="WLevelGrade.levelsForText"
+                    :value="0.12"
+                    :tickDig="2"
+                    :spaceForText="10"
+                ></w-level-grade>
+
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-level-grade'"
+                    :casename="'gradeSize'"
+                ></demolink>
+
+                <w-level-grade
+                    :levels="WLevelGrade.levels"
+                    :value="12"
+                    :gradeSize="26"
+                ></w-level-grade>
+
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-level-grade'"
+                    :casename="'gradeTextFontSize & gradeTextColor'"
+                ></demolink>
+
+                <w-level-grade
+                    :levels="WLevelGrade.levels"
+                    :value="12"
+                    :gradeTextFontSize="'0.8rem'"
+                    :gradeTextColor="'#a44'"
+                ></w-level-grade>
+
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-level-grade'"
+                    :casename="'spaceForGrade'"
+                ></demolink>
+
+                <w-level-grade
+                    :levels="WLevelGrade.levels"
+                    :value="12"
+                    :spaceForGrade="10"
+                ></w-level-grade>
+
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-level-grade'"
+                    :casename="'arrowColor'"
+                ></demolink>
+
+                <w-level-grade
+                    :levels="WLevelGrade.levels"
+                    :value="12"
+                    :arrowColor="'#AD1457'"
+                ></w-level-grade>
+
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-level-grade'"
+                    :casename="'arrowSize'"
+                ></demolink>
+
+                <w-level-grade
+                    :levels="WLevelGrade.levels"
+                    :value="12"
+                    :arrowSize="8"
+                ></w-level-grade>
+
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-level-grade'"
+                    :casename="'slot low & up & delimiter & text'"
+                ></demolink>
+
+                <w-level-grade
+                    :levels="WLevelGrade.levelsForSep"
+                    :value="0.12"
+                >
+                    <template v-slot:low="props">
+                        <span v-if="props.level.up<=0.4">
+                            {{props.level.low}}
+                        </span>
+                        <span v-else>
+
+                        </span>
+                    </template>
+                    <template v-slot:up="props">
+                        <span v-if="props.level.up<=0.4">
+                            {{props.level.up}}
+                        </span>
+                        <span v-else>
+                            0.4
+                        </span>
+                    </template>
+                    <template v-slot:delimiter="props">
+                        <span v-if="props.level.up<=0.4">
+                            ~
+                        </span>
+                        <span v-else>
+                            >
+                        </span>
+                    </template>
+                    <template v-slot:text="props">
+                        <span style="color:#db0b39" v-if="props.klevel===0">
+                            {{props.level.text}}
+                        </span>
+                        <span style="color:#bc8d12" v-if="props.klevel===1">
+                            {{props.level.text}}
+                        </span>
+                        <span style="color:#6fa036" v-if="props.klevel===2">
+                            {{props.level.text}}
+                        </span>
+                    </template>
+                </w-level-grade>
+
+            </div>
+
+
+        </div>
+
+
+    </div>
+</template>
+
+<script>
+import demolink from './components/demolink.vue'
+import WLevelGrade from './components/WLevelGrade.vue'
+
+
+export default {
+    components: {
+        demolink,
+        WLevelGrade,
+    },
+    props: {
+    },
+    data: function() {
+        return {
+            'WLevelGrade': {
+                'levels': [{ 'color': 'rgba(180, 30, 60, 1)', 'low': 40, 'up': 45, 'delimiter': '-', 'text': '' }, { 'color': 'rgba(193, 36, 37, 1)', 'low': 35, 'up': 40, 'delimiter': '-', 'text': '' }, { 'color': 'rgba(205, 45, 27, 1)', 'low': 30, 'up': 35, 'delimiter': '-', 'text': '' }, { 'color': 'rgba(218, 56, 36, 1)', 'low': 25, 'up': 30, 'delimiter': '-', 'text': '' }, { 'color': 'rgba(236, 68, 40, 1)', 'low': 20, 'up': 25, 'delimiter': '-', 'text': '' }, { 'color': 'rgba(252, 91, 46, 1)', 'low': 15, 'up': 20, 'delimiter': '-', 'text': '' }, { 'color': 'rgba(254, 153, 68, 1)', 'low': 10, 'up': 15, 'delimiter': '-', 'text': '' }, { 'color': 'rgba(254, 207, 143, 1)', 'low': 5, 'up': 10, 'delimiter': '-', 'text': '' }, { 'color': 'rgba(255, 230, 200, 1)', 'low': 0, 'up': 5, 'delimiter': '-', 'text': '' }],
+                'levelsForKey': [{ 'c': 'rgba(225, 227, 24, 1)', 'min': 70, 'max': 80, 'dlm': '-', 't': '' }, { 'c': 'rgba(136, 210, 73, 1)', 'min': 60, 'max': 70, 'dlm': '-', 't': '' }, { 'c': 'rgba(70, 185, 111, 1)', 'min': 50, 'max': 60, 'dlm': '-', 't': '' }, { 'c': 'rgba(32, 156, 135, 1)', 'min': 40, 'max': 50, 'dlm': '-', 't': '' }, { 'c': 'rgba(40, 127, 141, 1)', 'min': 30, 'max': 40, 'dlm': '-', 't': '' }, { 'c': 'rgba(52, 95, 139, 1)', 'min': 20, 'max': 30, 'dlm': '-', 't': '' }, { 'c': 'rgba(116, 127, 171, 0.857)', 'min': 10, 'max': 20, 'dlm': '-', 't': '' }, { 'c': 'rgba(200, 200, 200, 0.5)', 'min': 0, 'max': 10, 'dlm': '-', 't': '' }],
+                'levelsForDig': [
+                    { 'color': '#EC407A', 'low': 0.45, 'up': 0.72, 'delimiter': '-', 'text': '' },
+                    { 'color': '#FFEB3B', 'low': 0.2, 'up': 0.45, 'delimiter': '-', 'text': '' },
+                    { 'color': '#8BC34A', 'low': 0, 'up': 0.2, 'delimiter': '-', 'text': '' },
+                ],
+                'levelsForText': [
+                    { 'color': '#EC407A', 'low': 0.45, 'up': 0.72, 'delimiter': '-', 'text': '(High)' },
+                    { 'color': '#FFEB3B', 'low': 0.2, 'up': 0.45, 'delimiter': '-', 'text': '(Medium)' },
+                    { 'color': '#8BC34A', 'low': 0, 'up': 0.2, 'delimiter': '-', 'text': '(Low)' },
+                ],
+                'levelsForSep': [
+                    { 'color': '#EC407A', 'low': 0.4, 'up': 1e20, 'delimiter': '', 'text': '(High)' },
+                    { 'color': '#FFEB3B', 'low': 0.2, 'up': 0.4, 'delimiter': '', 'text': '(Medium)' },
+                    { 'color': '#8BC34A', 'low': 0, 'up': 0.2, 'delimiter': '', 'text': '(Low)' },
+                ],
+            },
+            'actions': [
+            ],
+        }
+    },
+    methods: {
+    }
+}
+</script>
+
+<style scoped>
+</style>

package/src/components/WComponentVue.vue

@@ -31,6 +31,7 @@ import WInputCheckbox from './WInputCheckbox.vue'
 import WInputRadio from './WInputRadio.vue'
 import WJsonView from './WJsonView.vue'
 import WLeafletVueDyn from './WLeafletVueDyn.vue'
+import WLevelGrade from './WLevelGrade.vue'
 import WListCheck from './WListCheck.vue'
 import WListExpand from './WListExpand.vue'
 import WListExpandItem from './WListExpandItem.vue'
@@ -115,6 +116,7 @@ let WComponentVue = {
         Vue.component('w-input-radio', WInputRadio)
         Vue.component('w-json-view', WJsonView)
         Vue.component('w-leaflet-vue-dyn', WLeafletVueDyn)
+        Vue.component('w-level-grade', WLevelGrade)
         Vue.component('w-list-check', WListCheck)
         Vue.component('w-list-expand', WListExpand)
         Vue.component('w-list-expand-item', WListExpandItem)