w-component-vue 2.3.67 → 2.3.69

package/docs/examples/w-group-baggage_tagTextFontSize_contentShiftTopFromBaseline.html

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.67/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.69/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {

package/docs/examples/{w-group-check_backgroundColorActive.html → w-group-chip-check_backgroundColorActive.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.67/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.69/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,16 +125,16 @@
                 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-group-check</span>
+            >w-group-chip-check</span>
         </div>
         <div class="bk">
             <div class="item">backgroundColorActive</div>
 
-            <w-group-check
-                :items="WGroupCheck.object.items"
-                v-model="WGroupCheck.object.selects"
+            <w-group-chip-check
+                :items="WGroupChipCheck.object.items"
+                v-model="WGroupChipCheck.object.selects"
                 :background-color-active="'light-blue darken-2'"
-            ></w-group-check>
+            ></w-group-chip-check>
         </div>
     </v-app>
 
@@ -148,7 +148,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupCheck: {
+        WGroupChipCheck: {
           string: {
             items: [
               "Dashboard",
@@ -239,7 +239,7 @@
             selects: [
               {
                 text: "Dashboard",
-                icon: "mdi-account-supervisor-circle",
+                icon: "mdi-view-dashboard",
                 tooltip: "tooltip for Dashboard"
               },
               {

package/docs/examples/{w-group-check_backgroundColor_backgroundColorHover.html → w-group-chip-check_backgroundColor_backgroundColorHover.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.67/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.69/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,17 +125,17 @@
                 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-group-check</span>
+            >w-group-chip-check</span>
         </div>
         <div class="bk">
             <div class="item">backgroundColor &amp; backgroundColorHover</div>
 
-            <w-group-check
-                :items="WGroupCheck.object.items"
-                v-model="WGroupCheck.object.selects"
+            <w-group-chip-check
+                :items="WGroupChipCheck.object.items"
+                v-model="WGroupChipCheck.object.selects"
                 :background-color="'grey lighten-4'"
                 :background-color-hover="'grey lighten-2'"
-            ></w-group-check>
+            ></w-group-chip-check>
         </div>
     </v-app>
 
@@ -149,7 +149,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupCheck: {
+        WGroupChipCheck: {
           string: {
             items: [
               "Dashboard",
@@ -240,7 +240,7 @@
             selects: [
               {
                 text: "Dashboard",
-                icon: "mdi-account-supervisor-circle",
+                icon: "mdi-view-dashboard",
                 tooltip: "tooltip for Dashboard"
               },
               {

package/docs/examples/{w-group-check_borderColor_borderColorHover_borderColorActive.html → w-group-chip-check_borderColor_borderColorHover_borderColorActive.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.67/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.69/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,20 +125,20 @@
                 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-group-check</span>
+            >w-group-chip-check</span>
         </div>
         <div class="bk">
             <div
                 class="item"
             >borderColor &amp; borderColorHover &amp; borderColorActive</div>
 
-            <w-group-check
-                :items="WGroupCheck.object.items"
-                v-model="WGroupCheck.object.selects"
+            <w-group-chip-check
+                :items="WGroupChipCheck.object.items"
+                v-model="WGroupChipCheck.object.selects"
                 :border-color="'grey'"
                 :border-color-hover="'grey darken-2'"
                 :border-color-active="'transparent'"
-            ></w-group-check>
+            ></w-group-chip-check>
         </div>
     </v-app>
 
@@ -152,7 +152,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupCheck: {
+        WGroupChipCheck: {
           string: {
             items: [
               "Dashboard",
@@ -243,7 +243,7 @@
             selects: [
               {
                 text: "Dashboard",
-                icon: "mdi-account-supervisor-circle",
+                icon: "mdi-view-dashboard",
                 tooltip: "tooltip for Dashboard"
               },
               {

package/docs/examples/{w-group-check_borderRadius.html → w-group-chip-check_borderRadius.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.67/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.69/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,16 +125,16 @@
                 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-group-check</span>
+            >w-group-chip-check</span>
         </div>
         <div class="bk">
             <div class="item">borderRadius</div>
 
-            <w-group-check
-                :items="WGroupCheck.object.items"
-                v-model="WGroupCheck.object.selects"
+            <w-group-chip-check
+                :items="WGroupChipCheck.object.items"
+                v-model="WGroupChipCheck.object.selects"
                 :border-radius="0"
-            ></w-group-check>
+            ></w-group-chip-check>
         </div>
     </v-app>
 
@@ -148,7 +148,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupCheck: {
+        WGroupChipCheck: {
           string: {
             items: [
               "Dashboard",
@@ -239,7 +239,7 @@
             selects: [
               {
                 text: "Dashboard",
-                icon: "mdi-account-supervisor-circle",
+                icon: "mdi-view-dashboard",
                 tooltip: "tooltip for Dashboard"
               },
               {

package/docs/examples/{w-group-check_borderRadius_borderRadiusStyle_paddingStyle.html → w-group-chip-check_borderRadius_borderRadiusStyle_paddingStyle.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.67/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.69/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,20 +125,20 @@
                 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-group-check</span>
+            >w-group-chip-check</span>
         </div>
         <div class="bk">
             <div
                 class="item"
             >borderRadius &amp; borderRadiusStyle &amp; paddingStyle</div>
 
-            <w-group-check
-                :items="WGroupCheck.object.items"
-                v-model="WGroupCheck.object.selects"
+            <w-group-chip-check
+                :items="WGroupChipCheck.object.items"
+                v-model="WGroupChipCheck.object.selects"
                 :border-radius="20"
                 :border-radius-style="{top:true}"
                 :padding-style="{v:3,h:20}"
-            ></w-group-check>
+            ></w-group-chip-check>
         </div>
     </v-app>
 
@@ -152,7 +152,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupCheck: {
+        WGroupChipCheck: {
           string: {
             items: [
               "Dashboard",
@@ -243,7 +243,7 @@
             selects: [
               {
                 text: "Dashboard",
-                icon: "mdi-account-supervisor-circle",
+                icon: "mdi-view-dashboard",
                 tooltip: "tooltip for Dashboard"
               },
               {

package/docs/examples/{w-group-check_borderWidth_borderColor_borderColorHover_borderColorActive.html → w-group-chip-check_borderWidth_borderColor_borderColorHover_borderColorActive.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.67/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.69/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,16 +125,16 @@
                 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-group-check</span>
+            >w-group-chip-check</span>
         </div>
         <div class="bk">
             <div
                 class="item"
             >borderWidth &amp; borderColor &amp; borderColorHover &amp; borderColorActive</div>
 
-            <w-group-check
-                :items="WGroupCheck.object.items"
-                v-model="WGroupCheck.object.selects"
+            <w-group-chip-check
+                :items="WGroupChipCheck.object.items"
+                v-model="WGroupChipCheck.object.selects"
                 :border-width="{top:2,bottom:2,left:2,right:2}"
                 _1borderwidth="{top:1}"
                 _2borderwidth="{bottom:1}"
@@ -143,7 +143,7 @@
                 :border-color="'grey'"
                 :border-color-hover="'grey darken-2'"
                 :border-color-active="'#fff'"
-            ></w-group-check>
+            ></w-group-chip-check>
         </div>
     </v-app>
 
@@ -157,7 +157,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupCheck: {
+        WGroupChipCheck: {
           string: {
             items: [
               "Dashboard",
@@ -248,7 +248,7 @@
             selects: [
               {
                 text: "Dashboard",
-                icon: "mdi-account-supervisor-circle",
+                icon: "mdi-view-dashboard",
                 tooltip: "tooltip for Dashboard"
               },
               {

package/docs/examples/{w-group-check_click (console.log).html → w-group-chip-check_click (console.log).html }

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.67/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.69/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,16 +125,16 @@
                 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-group-check</span>
+            >w-group-chip-check</span>
         </div>
         <div class="bk">
             <div class="item">click (console.log)</div>
 
-            <w-group-check
-                :items="WGroupCheck.string.items"
-                v-model="WGroupCheck.string.selects"
+            <w-group-chip-check
+                :items="WGroupChipCheck.string.items"
+                v-model="WGroupChipCheck.string.selects"
                 @click="ckBtn"
-            ></w-group-check>
+            ></w-group-chip-check>
         </div>
     </v-app>
 
@@ -148,7 +148,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupCheck: {
+        WGroupChipCheck: {
           string: {
             items: [
               "Dashboard",
@@ -239,7 +239,7 @@
             selects: [
               {
                 text: "Dashboard",
-                icon: "mdi-account-supervisor-circle",
+                icon: "mdi-view-dashboard",
                 tooltip: "tooltip for Dashboard"
               },
               {

package/docs/examples/{w-group-check_default.html → w-group-chip-check_default.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.67/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.69/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,15 +125,15 @@
                 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-group-check</span>
+            >w-group-chip-check</span>
         </div>
         <div class="bk">
             <div class="item">default</div>
 
-            <w-group-check
-                :items="WGroupCheck.string.items"
-                v-model="WGroupCheck.string.selects"
-            ></w-group-check>
+            <w-group-chip-check
+                :items="WGroupChipCheck.string.items"
+                v-model="WGroupChipCheck.string.selects"
+            ></w-group-chip-check>
         </div>
     </v-app>
 
@@ -147,7 +147,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupCheck: {
+        WGroupChipCheck: {
           string: {
             items: [
               "Dashboard",
@@ -238,7 +238,7 @@
             selects: [
               {
                 text: "Dashboard",
-                icon: "mdi-account-supervisor-circle",
+                icon: "mdi-view-dashboard",
                 tooltip: "tooltip for Dashboard"
               },
               {

package/docs/examples/{w-group-check_group (only one).html → w-group-chip-check_group (only one).html }

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.67/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.69/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,22 +125,22 @@
                 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-group-check</span>
+            >w-group-chip-check</span>
         </div>
         <div class="bk">
             <div class="item">group (only one)</div>
 
             <div style="padding:10px 0px;">
                 <!-- 因使用group故marginStyle會被取消, 此處添加padding只是讓排版一致 -->
-                <w-group-check
-                    :items="WGroupCheck.objectOne.items"
-                    v-model="WGroupCheck.objectOne.selects"
+                <w-group-chip-check
+                    :items="WGroupChipCheck.objectOne.items"
+                    v-model="WGroupChipCheck.objectOne.selects"
                     :group="true"
                     :border-color="'#aaa'"
                     :border-color-hover="'#aaa'"
                     :border-color-active="'orange lighten-2'"
                     :shadow-active="false"
-                ></w-group-check>
+                ></w-group-chip-check>
             </div>
         </div>
     </v-app>
@@ -155,7 +155,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupCheck: {
+        WGroupChipCheck: {
           string: {
             items: [
               "Dashboard",
@@ -246,7 +246,7 @@
             selects: [
               {
                 text: "Dashboard",
-                icon: "mdi-account-supervisor-circle",
+                icon: "mdi-view-dashboard",
                 tooltip: "tooltip for Dashboard"
               },
               {

package/docs/examples/{w-group-check_group_borderColor_borderColorHover_borderColorActive.html → w-group-chip-check_group_borderColor_borderColorHover_borderColorActive.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.67/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.69/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,7 +125,7 @@
                 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-group-check</span>
+            >w-group-chip-check</span>
         </div>
         <div class="bk">
             <div
@@ -134,18 +134,18 @@
 
             <div style="padding:10px 0px;">
                 <!-- 因使用group故marginStyle會被取消, 此處添加padding只是讓排版一致 -->
-                <w-group-check
-                    :items="WGroupCheck.object.items"
-                    v-model="WGroupCheck.object.selects"
+                <w-group-chip-check
+                    :items="WGroupChipCheck.object.items"
+                    v-model="WGroupChipCheck.object.selects"
                     :group="true"
                     :border-color="'#ccc'"
-                    :border-color-hover="'orange lighten-2'"
+                    :border-color-hover="'#ccc'"
                     :border-color-active="'orange lighten-2'"
                     :text-color-active="'orange darken-3'"
                     :icon-color-active="'orange darken-3'"
                     :background-color-active="'orange lighten-5'"
                     :shadow-active="false"
-                ></w-group-check>
+                ></w-group-chip-check>
             </div>
         </div>
     </v-app>
@@ -160,7 +160,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupCheck: {
+        WGroupChipCheck: {
           string: {
             items: [
               "Dashboard",
@@ -251,7 +251,7 @@
             selects: [
               {
                 text: "Dashboard",
-                icon: "mdi-account-supervisor-circle",
+                icon: "mdi-view-dashboard",
                 tooltip: "tooltip for Dashboard"
               },
               {

package/docs/examples/{w-group-check_group_groupBorderRadiusStyle_groupShift_borderRadius.html → w-group-chip-check_group_groupBorderRadiusStyle_groupShift_borderRadius.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.67/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.69/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,7 +125,7 @@
                 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-group-check</span>
+            >w-group-chip-check</span>
         </div>
         <div class="bk">
             <div
@@ -135,9 +135,9 @@
             <div style="margin:20px 0px">
                 <div style="padding-left:20px; margin-bottom:-1px;">
                     <!-- 因上下皆有border, 故需負margin-bottom來吃掉重複border -->
-                    <w-group-check
-                        :items="WGroupCheck.object.items"
-                        v-model="WGroupCheck.object.selects"
+                    <w-group-chip-check
+                        :items="WGroupChipCheck.object.items"
+                        v-model="WGroupChipCheck.object.selects"
                         :group="true"
                         :group-border-radius-style="{top:true}"
                         :group-shift="7"
@@ -147,7 +147,7 @@
                         :border-color-active="'orange lighten-2'"
                         :shadow-active="false"
                         :margin-style="{}"
-                    ></w-group-check>
+                    ></w-group-chip-check>
                 </div>
                 <div
                     style="border:1px solid #aaa; padding:15px; font-size:0.85rem;"
@@ -158,11 +158,11 @@
                 <div
                     style="border:1px solid #aaa; padding:15px; font-size:0.85rem;"
                 >Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div>
-                <div style="padding-left:20px; margin-top:-0.5px;">
-                    <!-- 因上下皆有border, 故需負margin-top來吃掉重複border, 0.5因渲染問題為手動調整結果 -->
-                    <w-group-check
-                        :items="WGroupCheck.object.items"
-                        v-model="WGroupCheck.object.selects"
+                <div style="padding-left:20px; margin-top:-1px;">
+                    <!-- 因上下皆有border, 故需負margin-top來吃掉重複border -->
+                    <w-group-chip-check
+                        :items="WGroupChipCheck.object.items"
+                        v-model="WGroupChipCheck.object.selects"
                         :group="true"
                         :group-border-radius-style="{bottom:true}"
                         :group-shift="7"
@@ -172,7 +172,7 @@
                         :border-color-active="'orange lighten-2'"
                         :shadow-active="false"
                         :margin-style="{}"
-                    ></w-group-check>
+                    ></w-group-chip-check>
                 </div>
             </div>
         </div>
@@ -188,7 +188,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupCheck: {
+        WGroupChipCheck: {
           string: {
             items: [
               "Dashboard",
@@ -279,7 +279,7 @@
             selects: [
               {
                 text: "Dashboard",
-                icon: "mdi-account-supervisor-circle",
+                icon: "mdi-view-dashboard",
                 tooltip: "tooltip for Dashboard"
               },
               {

package/docs/examples/{w-group-check_icon (fontawesome).html → w-group-chip-check_icon (fontawesome).html }

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.67/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.69/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,15 +125,15 @@
                 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-group-check</span>
+            >w-group-chip-check</span>
         </div>
         <div class="bk">
             <div class="item">icon (fontawesome)</div>
 
-            <w-group-check
-                :items="WGroupCheck.objectFA.items"
-                v-model="WGroupCheck.objectFA.selects"
-            ></w-group-check>
+            <w-group-chip-check
+                :items="WGroupChipCheck.objectFA.items"
+                v-model="WGroupChipCheck.objectFA.selects"
+            ></w-group-chip-check>
         </div>
     </v-app>
 
@@ -147,7 +147,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupCheck: {
+        WGroupChipCheck: {
           string: {
             items: [
               "Dashboard",
@@ -238,7 +238,7 @@
             selects: [
               {
                 text: "Dashboard",
-                icon: "mdi-account-supervisor-circle",
+                icon: "mdi-view-dashboard",
                 tooltip: "tooltip for Dashboard"
               },
               {