w-component-vue 2.2.89 → 2.2.91

package/docs/module-WTimeminute.html

@@ -563,7 +563,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 01 2023 23:52:54 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 08 2023 13:06:30 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteCore.html

@@ -347,7 +347,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 01 2023 23:52:54 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 08 2023 13:06:30 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRange.html

@@ -587,7 +587,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 01 2023 23:52:54 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 08 2023 13:06:30 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRangeCore.html

@@ -371,7 +371,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 01 2023 23:52:54 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 08 2023 13:06:30 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTinymceVueDyn.html

@@ -251,7 +251,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 01 2023 23:52:54 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 08 2023 13:06:30 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTooltip.html

@@ -431,7 +431,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 01 2023 23:52:54 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 08 2023 13:06:30 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTree.html

@@ -1055,7 +1055,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 01 2023 23:52:54 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 08 2023 13:06:30 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconCheckbox.html

@@ -299,7 +299,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 01 2023 23:52:54 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 08 2023 13:06:30 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconToggle.html

@@ -251,7 +251,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 01 2023 23:52:54 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 08 2023 13:06:30 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/vuetifyColor.mjs.html

@@ -147,7 +147,7 @@ export default color2hex
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 01 2023 23:52:54 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Thu Jun 08 2023 13:06:30 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/package.json

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

package/src/AppZoneWDialog.vue

@@ -14,10 +14,10 @@
                     :casename="'slot content'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow1=!WDialog.bShow1">Show({{WDialog.bShow1}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow01=!WDialog.bShow01">Show({{WDialog.bShow01}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow1"
+                    :show.sync="WDialog.bShow01"
                     :title="WDialog.title"
                     @resize="resizeEvent"
                     @click-save="clickSave"
@@ -52,10 +52,10 @@
                     :casename="'icon (fontawesome)'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow2=!WDialog.bShow2">Show({{WDialog.bShow2}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow02=!WDialog.bShow02">Show({{WDialog.bShow02}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow2"
+                    :show.sync="WDialog.bShow02"
                     :title="WDialog.title"
                     :icon="'fas fa-cocktail'"
                     @resize="resizeEvent"
@@ -91,10 +91,10 @@
                     :casename="'title'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow3=!WDialog.bShow3">Show({{WDialog.bShow3}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow03=!WDialog.bShow03">Show({{WDialog.bShow03}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow3"
+                    :show.sync="WDialog.bShow03"
                     :title="'彈窗組件'"
                     @resize="resizeEvent"
                     @click-save="clickSave"
@@ -123,16 +123,60 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-dialog'"
+                    :casename="'long title'"
+                ></demolink>
+
+                <v-btn depressed small elevation="2" @click="WDialog.bShow04a=!WDialog.bShow04a">Show({{WDialog.bShow04a}})</v-btn>
+
+                <w-dialog
+                    :show.sync="WDialog.bShow04a"
+                    :title="'彈窗組件超長標題 Neque porro quisquam est qui dolorem ipsum quia dolor sit amet consectetur'"
+                    :fullscreen="WDialog.bShow04b"
+                    @resize="resizeEvent"
+                    @click-save="clickSave"
+                    @click-close="clickClose"
+                >
+
+                    <template v-slot:content>
+                        <div style="padding:20px;">
+                            <div style="font-size:2rem; margin:20px 0px 30px 0px;">
+                                {{WDialog.text1}}
+                            </div>
+                            <div style="margin:15px 0px;">
+                                {{WDialog.text2}}
+                            </div>
+                            <div style="margin:15px 0px;">
+                                {{WDialog.text3}}
+                            </div>
+                            <div style="margin:15px 0px;">
+                                {{WDialog.text4}}
+                            </div>
+
+                            <v-btn style="margin-right:10px;" depressed small elevation="2" @click="WDialog.bShow04a=!WDialog.bShow04a">Hide Window</v-btn>
+
+                            <v-btn style="margin-right:10px;" depressed small elevation="2" @click="WDialog.bShow04b=!WDialog.bShow04b">Toggle to {{WDialog.bShow04b?'Normal Size':'Fullscreen'}}</v-btn>
+
+                        </div>
+                    </template>
+
+                </w-dialog>
+
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-dialog'"
                     :casename="'headerBackgroundColor'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow4=!WDialog.bShow4">Show({{WDialog.bShow4}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow05=!WDialog.bShow05">Show({{WDialog.bShow05}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow4"
+                    :show.sync="WDialog.bShow05"
                     :title="WDialog.title"
                     :headerBackgroundColor="'pink darken-1'"
                     @resize="resizeEvent"
@@ -168,10 +212,10 @@
                     :casename="'titleColor & headerIconColor & headerBackgroundColor'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow5=!WDialog.bShow5">Show({{WDialog.bShow5}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow06=!WDialog.bShow06">Show({{WDialog.bShow06}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow5"
+                    :show.sync="WDialog.bShow06"
                     :title="WDialog.title"
                     :titleColor="'amber darken-4'"
                     :headerIconColor="'amber darken-4'"
@@ -209,10 +253,10 @@
                     :casename="'headerShadow (no shadow)'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow6=!WDialog.bShow6">Show({{WDialog.bShow6}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow07=!WDialog.bShow07">Show({{WDialog.bShow07}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow6"
+                    :show.sync="WDialog.bShow07"
                     :title="WDialog.title"
                     :headerShadow="false"
                     @resize="resizeEvent"
@@ -248,10 +292,10 @@
                     :casename="'headerShadowStyle'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow7=!WDialog.bShow7">Show({{WDialog.bShow7}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow08=!WDialog.bShow08">Show({{WDialog.bShow08}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow7"
+                    :show.sync="WDialog.bShow08"
                     :title="WDialog.title"
                     :headerShadowStyle="'0 11px 15px -7px rgb(0 100 200 / 20%), 0 24px 38px 3px rgb(0 100 200 / 14%), 0 9px 46px 8px rgb(0 100 200 / 12%)'"
                     @resize="resizeEvent"
@@ -287,10 +331,10 @@
                     :casename="'headerBtns'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow8=!WDialog.bShow8">Show({{WDialog.bShow8}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow09=!WDialog.bShow09">Show({{WDialog.bShow09}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow8"
+                    :show.sync="WDialog.bShow09"
                     :title="WDialog.title"
                     :headerBtns="WDialog.headerBtns"
                     @resize="resizeEvent"
@@ -327,10 +371,10 @@
                     :casename="'slot header-left & header-right'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow9=!WDialog.bShow9">Show({{WDialog.bShow9}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow10=!WDialog.bShow10">Show({{WDialog.bShow10}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow9"
+                    :show.sync="WDialog.bShow10"
                     :title="WDialog.title"
                     @resize="resizeEvent"
                     @click-save="clickSave"
@@ -383,10 +427,10 @@
                     :casename="'saveBtnTooltip & closeBtnTooltip'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow10=!WDialog.bShow10">Show({{WDialog.bShow10}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow11=!WDialog.bShow11">Show({{WDialog.bShow11}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow10"
+                    :show.sync="WDialog.bShow11"
                     :title="WDialog.title"
                     :saveBtnTooltip="'儲存'"
                     :closeBtnTooltip="'關閉'"
@@ -423,10 +467,10 @@
                     :casename="'hasSaveBtn (no save button)'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow11=!WDialog.bShow11">Show({{WDialog.bShow11}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow12=!WDialog.bShow12">Show({{WDialog.bShow12}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow11"
+                    :show.sync="WDialog.bShow12"
                     :title="WDialog.title"
                     :hasSaveBtn="false"
                     @resize="resizeEvent"
@@ -462,10 +506,10 @@
                     :casename="'isModal (not persistent)'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow12=!WDialog.bShow12">Show({{WDialog.bShow12}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow13=!WDialog.bShow13">Show({{WDialog.bShow13}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow12"
+                    :show.sync="WDialog.bShow13"
                     :title="WDialog.title"
                     :isModal="false"
                     @resize="resizeEvent"
@@ -501,10 +545,10 @@
                     :casename="'hasSaveBtn & hasCloseBtn & isModal (no save and close button)'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow13=!WDialog.bShow13">Show({{WDialog.bShow13}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow14=!WDialog.bShow14">Show({{WDialog.bShow14}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow13"
+                    :show.sync="WDialog.bShow14"
                     :title="WDialog.title"
                     :hasSaveBtn="false"
                     :hasCloseBtn="false"
@@ -542,10 +586,10 @@
                     :casename="'closeWithInterceptor'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow14=!WDialog.bShow14">Show({{WDialog.bShow14}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow15=!WDialog.bShow15">Show({{WDialog.bShow15}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow14"
+                    :show.sync="WDialog.bShow15"
                     :title="WDialog.title"
                     :closeWithInterceptor="true"
                     @resize="resizeEvent"
@@ -581,10 +625,10 @@
                     :casename="'contentTextColor & contentBackgroundColor'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow15=!WDialog.bShow15">Show({{WDialog.bShow15}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow16=!WDialog.bShow16">Show({{WDialog.bShow16}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow15"
+                    :show.sync="WDialog.bShow16"
                     :title="WDialog.title"
                     :contentTextColor="'#fff'"
                     :contentBackgroundColor="'cyan darken-2'"
@@ -621,10 +665,10 @@
                     :casename="'maxWidth (narrow width)'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow16=!WDialog.bShow16">Show({{WDialog.bShow16}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow17=!WDialog.bShow17">Show({{WDialog.bShow17}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow16"
+                    :show.sync="WDialog.bShow17"
                     :title="WDialog.title"
                     :maxWidth="500"
                     @resize="resizeEvent"
@@ -660,12 +704,12 @@
                     :casename="'fullscreen'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow17a=!WDialog.bShow17a">Show({{WDialog.bShow17a}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow18a=!WDialog.bShow18a">Show({{WDialog.bShow18a}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow17a"
+                    :show.sync="WDialog.bShow18a"
                     :title="WDialog.title"
-                    :fullscreen="WDialog.bShow17b"
+                    :fullscreen="WDialog.bShow18b"
                     @resize="resizeEvent"
                     @click-save="clickSave"
                     @click-close="clickClose"
@@ -686,9 +730,9 @@
                                 {{WDialog.text4}}
                             </div>
 
-                            <v-btn style="margin-right:10px;" depressed small elevation="2" @click="WDialog.bShow17a=!WDialog.bShow17a">Hide Window</v-btn>
+                            <v-btn style="margin-right:10px;" depressed small elevation="2" @click="WDialog.bShow18a=!WDialog.bShow18a">Hide Window</v-btn>
 
-                            <v-btn style="margin-right:10px;" depressed small elevation="2" @click="WDialog.bShow17b=!WDialog.bShow17b">Toggle to {{WDialog.bShow17b?'Normal Size':'Fullscreen'}}</v-btn>
+                            <v-btn style="margin-right:10px;" depressed small elevation="2" @click="WDialog.bShow18b=!WDialog.bShow18b">Toggle to {{WDialog.bShow18b?'Normal Size':'Fullscreen'}}</v-btn>
 
                         </div>
                     </template>
@@ -704,10 +748,10 @@
                     :casename="'panelBorderRadius'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow18=!WDialog.bShow18">Show({{WDialog.bShow18}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow19=!WDialog.bShow19">Show({{WDialog.bShow19}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow18"
+                    :show.sync="WDialog.bShow19"
                     :title="WDialog.title"
                     :panelBorderRadius="0"
                     @resize="resizeEvent"
@@ -743,10 +787,10 @@
                     :casename="'panelShadow (no shadow)'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow19=!WDialog.bShow19">Show({{WDialog.bShow19}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow20=!WDialog.bShow20">Show({{WDialog.bShow20}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow19"
+                    :show.sync="WDialog.bShow20"
                     :title="WDialog.title"
                     :panelShadow="false"
                     @resize="resizeEvent"
@@ -782,10 +826,10 @@
                     :casename="'panelShadowStyle'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow20=!WDialog.bShow20">Show({{WDialog.bShow20}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow21=!WDialog.bShow21">Show({{WDialog.bShow21}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow20"
+                    :show.sync="WDialog.bShow21"
                     :title="WDialog.title"
                     :panelShadowStyle="'0px 16px 25px rgba(0, 0, 0, 0.43)'"
                     @resize="resizeEvent"
@@ -821,10 +865,10 @@
                     :casename="'scrollable'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow21=!WDialog.bShow21">Show({{WDialog.bShow21}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow22=!WDialog.bShow22">Show({{WDialog.bShow22}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow21"
+                    :show.sync="WDialog.bShow22"
                     :title="WDialog.title"
                     @resize="resizeEvent"
                     @click-save="clickSave"
@@ -862,10 +906,10 @@
                     :casename="'slot content (separate line)'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow22=!WDialog.bShow22">Show({{WDialog.bShow22}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow23=!WDialog.bShow23">Show({{WDialog.bShow23}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow22"
+                    :show.sync="WDialog.bShow23"
                     :title="WDialog.title"
                     @resize="resizeEvent"
                     @click-save="clickSave"
@@ -907,10 +951,10 @@
                     :casename="'slot content (table)'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow23=!WDialog.bShow23">Show({{WDialog.bShow23}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow24=!WDialog.bShow24">Show({{WDialog.bShow24}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow23"
+                    :show.sync="WDialog.bShow24"
                     :title="WDialog.title"
                     :maxWidth="500"
                     @resize="resizeEvent"
@@ -982,10 +1026,10 @@
                     :casename="'slot panel'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow24=!WDialog.bShow24;delayClose()">Show({{WDialog.bShow24}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow25=!WDialog.bShow25;delayClose()">Show({{WDialog.bShow25}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow24"
+                    :show.sync="WDialog.bShow25"
                     :title="WDialog.title"
                     :maxWidth="600"
                     @resize="resizeEvent"
@@ -1022,10 +1066,10 @@
                     :casename="'multi dialogs'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow25a=!WDialog.bShow25a">Show({{WDialog.bShow25a}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow26a=!WDialog.bShow26a">Show({{WDialog.bShow26a}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow25c"
+                    :show.sync="WDialog.bShow26c"
                     :title="WDialog.title"
                     :minWidth="600"
                     @resize="resizeEvent"
@@ -1046,7 +1090,7 @@
                 </w-dialog>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow25b"
+                    :show.sync="WDialog.bShow26b"
                     :title="WDialog.title"
                     :minWidth="900"
                     @resize="resizeEvent"
@@ -1061,7 +1105,7 @@
                                 Here is 2nd window.
                             </div>
 
-                            <v-btn depressed small elevation="2" @click="WDialog.bShow25c=!WDialog.bShow25c">Show({{WDialog.bShow25c}})</v-btn>
+                            <v-btn depressed small elevation="2" @click="WDialog.bShow26c=!WDialog.bShow26c">Show({{WDialog.bShow26c}})</v-btn>
 
                             <div style="height:80px;"></div>
 
@@ -1071,7 +1115,7 @@
                 </w-dialog>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow25a"
+                    :show.sync="WDialog.bShow26a"
                     :title="WDialog.title"
                     :minWidth="1200"
                     @resize="resizeEvent"
@@ -1086,7 +1130,7 @@
                                 Here is 1st window.
                             </div>
 
-                            <v-btn depressed small elevation="2" @click="WDialog.bShow25b=!WDialog.bShow25b">Show({{WDialog.bShow25b}})</v-btn>
+                            <v-btn depressed small elevation="2" @click="WDialog.bShow26b=!WDialog.bShow26b">Show({{WDialog.bShow26b}})</v-btn>
 
                             <div style="height:160px;"></div>
 
@@ -1104,10 +1148,10 @@
                     :casename="'dialogZIndex'"
                 ></demolink>
 
-                <v-btn depressed small elevation="2" @click="WDialog.bShow26=!WDialog.bShow26">Show({{WDialog.bShow26}})</v-btn>
+                <v-btn depressed small elevation="2" @click="WDialog.bShow27=!WDialog.bShow27">Show({{WDialog.bShow27}})</v-btn>
 
                 <w-dialog
-                    :show.sync="WDialog.bShow26"
+                    :show.sync="WDialog.bShow27"
                     :title="WDialog.title"
                     :dialogZIndex="1000"
                     @resize="resizeEvent"
@@ -1157,15 +1201,16 @@ export default {
     data: function() {
         return {
             'WDialog': {
-                'bShow1': false,
-                'bShow2': false,
-                'bShow3': false,
-                'bShow4': false,
-                'bShow5': false,
-                'bShow6': false,
-                'bShow7': false,
-                'bShow8': false,
-                'bShow9': false,
+                'bShow01': false,
+                'bShow02': false,
+                'bShow03': false,
+                'bShow04a': false,
+                'bShow04b': false, //fullscreen
+                'bShow05': false,
+                'bShow06': false,
+                'bShow07': false,
+                'bShow08': false,
+                'bShow09': false,
                 'bShow10': false,
                 'bShow11': false,
                 'bShow12': false,
@@ -1173,20 +1218,21 @@ export default {
                 'bShow14': false,
                 'bShow15': false,
                 'bShow16': false,
-                'bShow17a': false,
-                'bShow17b': true, //fullscreen
-                'bShow18': false,
+                'bShow17': false,
+                'bShow18a': false,
+                'bShow18b': true, //fullscreen
                 'bShow19': false,
                 'bShow20': false,
                 'bShow21': false,
                 'bShow22': false,
                 'bShow23': false,
                 'bShow24': false,
+                'bShow25': false,
                 'iShow24': 0,
-                'bShow25a': false,
-                'bShow25b': false,
-                'bShow25c': false,
-                'bShow26': false,
+                'bShow26a': false,
+                'bShow26b': false,
+                'bShow26c': false,
+                'bShow27': false,
                 'headerBtns': [
                     {
                         icon: 'fas fa-book-reader',
@@ -1254,7 +1300,7 @@ export default {
                 vo.WDialog.iShow24 -= 1
                 if (vo.WDialog.iShow24 <= 0) {
                     clearInterval(t)
-                    vo.WDialog.bShow24 = false
+                    vo.WDialog.bShow25 = false
                 }
             }, 1000)
         },