web-win-vue 0.6.2 → 0.6.4

package/package.json

@@ -1,7 +1,7 @@
 
 {
   "name": "web-win-vue",
-  "version": "0.6.2",
+  "version": "0.6.4",
   "description": "",
   "main": "web-win-vue.mjs",
   "scripts": {

package/web-win-vue.css

@@ -1 +1 @@
-button[data-v-85a8a3fa]{vertical-align:middle;line-height:16.67px;min-height:16.67px;padding:10px 20px;background:var(--primary-color, #CCCCCC);color:#000;border:none;cursor:default;font-size:16px;filter:blur(0px);transition:filter .3s ease;transform:scale(1);transition:transform .3s ease}button[data-v-85a8a3fa]:active{cursor:default;transition:opacity .3s ease;transform:scale(.97);filter:blur(.5px);outline:0px solid #999999;background:var(--primary-color, #999999)}button[data-v-85a8a3fa]:hover{cursor:default;outline:2.75px solid #999999;outline-offset:-2.75px}button[data-v-85a8a3fa]:disabled{transition:opacity 0s ease;transform:scale(1);filter:blur(0);outline:0px solid #7A7A7A;color:#919191;background:#ccc;cursor:not-allowed}.uwpinput{vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;height:18px;padding:10px 14px;background:#fff;color:#000;border:none;font-size:16px}.uwpinput:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px;background:#fff}.uwpinput:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.uwpinput{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.sidebar[data-v-30fc2437]{width:380px;height:36px;display:inline-flex;align-items:center;background-color:#e6e6e6}.sidebar.folded[data-v-30fc2437]{opacity:0}.sidebar-text[data-v-30fc2437]{-webkit-user-select:none;user-select:none;margin-left:16px;font-size:16px;margin-top:0;margin-bottom:0;background-color:#e6e6e6}.side-bar[data-v-30fc2437]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:380px;font-size:var(--sb-fs, 14px);transition:width 0s cubic-bezier(0,.5,0,1);overflow:hidden}.side-bar.folded[data-v-30fc2437]{width:55px;overflow-x:hidden}.search-fold[data-v-30fc2437]{display:none!important}.search-fold.folded[data-v-30fc2437]{display:flex!important;width:24px;margin-bottom:58px}.title.folded[data-v-30fc2437]{display:none}.title[data-v-30fc2437]{transition:all 0s ease}.side-bar li[data-v-30fc2437]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px)}.inputbox.folded[data-v-30fc2437]{display:none}.side-bar li[data-v-30fc2437]:hover{background:var(--sb-hover-bg, #cecece)}.label.folded[data-v-30fc2437]{opacity:0}.indicator[data-v-30fc2437]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:var(--sb-indicator-width, 3px);background:var(--sb-indicator-color, #006fd0);transform:scaleY(0);height:26px;line-height:100px;width:4px}.side-bar li.active .indicator[data-v-30fc2437]{transform:scaleY(1)}.icon[data-v-30fc2437]{width:var(--sb-icon-size, 20px);height:var(--sb-icon-size, 38px);margin-right:var(--sb-icon-mr, 12px);color:var(--sb-icon-color, #333);flex-shrink:0}.label[data-v-30fc2437]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.side-bar[data-v-30fc2437]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 380px);font-size:var(--sb-fs, 14px);background:var(--sb-hover-bg, #1b1b1b)}.side-bar li[data-v-30fc2437]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.side-bar li[data-v-30fc2437]:hover{background:var(--sb-hover-bg, #252525)}.indicator[data-v-30fc2437]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:var(--sb-indicator-width, 3px);background:var(--sb-indicator-color, #006fd0);transform:scaleY(0);height:26px;line-height:100px;width:4px}.side-bar li.active .indicator[data-v-30fc2437]{transform:scaleY(1)}.icon[data-v-30fc2437]{width:var(--sb-icon-size, 20px);height:var(--sb-icon-size, 38px);margin-right:var(--sb-icon-mr, 12px);color:var(--sb-icon-color, #ffffff);flex-shrink:0}.label[data-v-30fc2437]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-30fc2437]{color:#fff}}.tile[data-v-9ae9ef89]{--tile-color: #0078d7;--glow-color: rgba(255, 255, 255, .459);--glow-radius: 20px;position:relative;background-color:var(--tile-color);color:#fff;overflow:hidden;transition:all .25s cubic-bezier(.78,.12,0,1.01)}.tile.small[data-v-9ae9ef89]{width:70px;height:70px}.tile.medium[data-v-9ae9ef89]{width:150px;height:150px}.tile.wide[data-v-9ae9ef89]{width:310px;height:150px}.tile.large[data-v-9ae9ef89]{width:310px;height:310px}.tile-content[data-v-9ae9ef89]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.tile-icon[data-v-9ae9ef89]{font-size:24px;margin-bottom:8px}.tile-title[data-v-9ae9ef89]{-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700;position:absolute;bottom:26px;left:8px}.glow-border[data-v-9ae9ef89]{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--x) var(--y),var(--glow-color) 0%,transparent var(--glow-radius));-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;padding:4px;transition:opacity .2s ease}.pointer-glow[data-v-9ae9ef89]{position:absolute;top:calc(var(--y) - 50px);left:calc(var(--x) - 50px);width:100px;height:100px;border-radius:60%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);pointer-events:none;z-index:1;transition:opacity .3s ease}.tile[data-v-9ae9ef89]:active{transform:scale(.9)}.item-1{display:inline-block;background-color:#e6e6e6}iframe{border:none;display:inline-block;width:100%;height:calc(100% - 73.9px);background-color:#fff}.iframe-container{width:calc(100% - 380px);height:100%;position:relative;display:inline-block;overflow:auto;margin-left:24px}.iframe-container.folded{width:calc(100% - 55px)}.container{display:flex;height:calc(100% - .9px);background-color:#fff}.fade-enter-active{transition:all .35s ease}.fade-enter-from{opacity:0;transform:translateY(300px)}iframe::-webkit-scrollbar{width:4px;height:16px;background-color:#e6e6e6}iframe::-webkit-scrollbar-track{border-radius:0;background-color:#fff0}iframe::-webkit-scrollbar-thumb{border-radius:0;background-color:#818181}.uwppassword{vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;height:18px;padding:10px 14px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px}.uwppassword:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwppassword:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.uwppassword{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.uwprichrditbox{resize:none;vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;font-size:18px;height:auto;cursor:text;padding:9.5px 14px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px;vertical-align:top;white-space:pre-wrap}.uwprichrditbox:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwprichrditbox:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}.uwprichrditbox[data-placeholder]:empty:before{content:attr(data-placeholder);color:#666}@media (prefers-color-scheme: dark){.uwprichrditbox{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.Notification{border:rgba(163,163,163,0) 4px solid;-webkit-user-select:none;user-select:none;position:fixed;bottom:24px;right:24px;width:400px;height:150px;background-color:#141414f2;transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-enter-active{transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-leave-active{transition:all .55s cubic-bezier(.6,0,0,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translate(520px)}.n-text{color:#fff;margin-left:16px}.n-title{margin-top:-2.5px}.n-vulua{margin-left:16px;color:#a3a3a3;margin-top:-18px}.Notification:hover{border:#5f5f5f 4px solid}.Notification:active{transform:scale(.925)}.n-name{color:#fff}.ww-checkbox[type=checkbox][data-v-c289ea76]{position:absolute;opacity:0}.ww-checkbox-label[data-v-c289ea76]:before{--length: 1.1em;content:"";display:inline-block;width:var(--length);height:var(--length);font-size:1.1em;border:2.5px solid black;margin-right:6px;-webkit-user-select:none;user-select:none}.ww-checkbox-label[data-v-c289ea76]{display:flex;align-items:center}.ww-checkbox[type=checkbox]:checked+.ww-checkbox-label[data-v-c289ea76]:before{background-color:#0077d7;border-color:#0077d7;content:"√";color:#fff;line-height:1.25em;font-size:1.1em;text-align:center}.ww-checkbox-label[data-v-c289ea76]:hover:before,.ww-checkbox[type=checkbox]:focus+.ww-checkbox-label[data-v-c289ea76]:before{border-color:#0077d7}.ww-checkbox[type=checkbox]:not(:checked):hover+.ww-checkbox-label[data-v-c289ea76]:before,.ww-checkbox[type=checkbox]:not(:checked):focus+.ww-checkbox-label[data-v-c289ea76]:before{border-color:#0077d7}.ww-checkbox[type=checkbox]:checked:hover+.ww-checkbox-label[data-v-c289ea76]:before{border-color:#000}.ww-radio[type=radio][data-v-78978c8c]{position:absolute;opacity:0}.ww-radio-label[data-v-78978c8c]:before{--length: 1.1em;content:"";display:inline-block;width:var(--length);height:var(--length);font-size:1.1em;border:2.5px solid black;margin-right:6px;-webkit-user-select:none;user-select:none;border-radius:50px}.ww-radio-label[data-v-78978c8c]{display:flex;align-items:center}.ww-radio[type=radio]:checked+.ww-radio-label[data-v-78978c8c]:before{background-color:#0077d7;border-color:#0077d7;color:#fff;box-shadow:inset 0 0 0 2px #fff;line-height:1.25em;font-size:1.1em;text-align:center}.ww-radio-label[data-v-78978c8c]:hover:before,.ww-radio[type=radio]:focus+.ww-radio-label[data-v-78978c8c]:before{border-color:#0077d7}.ww-radio[type=radio]:not(:checked):hover+.ww-radio-label[data-v-78978c8c]:before,.ww-radio[type=radio]:not(:checked):focus+.ww-radio-label[data-v-78978c8c]:before{border-color:#0077d7}.ww-radio[type=radio]:checked:hover+.ww-radio-label[data-v-78978c8c]:before{border-color:#000}.list-box-button[data-v-846b2b4f]{z-index:10;-webkit-user-select:none;user-select:none;resize:none;vertical-align:middle;display:inline-block;min-width:300px;outline:3px solid #999999;outline-offset:-3px;height:15px;font-size:15px;cursor:default;padding:10px 15px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;vertical-align:top;white-space:pre-wrap;position:relative}.list-box[data-v-846b2b4f]{z-index:1;transform-origin:0 var(--10c6d247);-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 330px);font-size:var(--sb-fs, 14px);background-color:#ebebebf3;position:absolute;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);box-shadow:0 0 30px #7d7d7dbf;top:var(--209dc3e4)}.list-box li[data-v-846b2b4f]{height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:all .15s cubic-bezier(.05,-.01,0,1)}.list-box li[data-v-846b2b4f]:active{transform:scale(.975)}.list-box li.active[data-v-846b2b4f]{background:var(--sb-hover-bg, #6db9f3);opacity:0}.list-box-button.active[data-v-846b2b4f]{background:var(--sb-hover-bg, #6db9f3);outline:3px solid #6db9f3}.list-box li[data-v-846b2b4f]:hover{background:var(--sb-hover-bg, #cecece)}.list-box li.active[data-v-846b2b4f]:hover{background:var(--sb-hover-bg, #6db9f3)}.label[data-v-846b2b4f]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-846b2b4f]{box-shadow:0 0 30px #7d7d7dbf;transition:all .15s cubic-bezier(.05,-.01,0,1)}.v-leave-active[data-v-846b2b4f]{box-shadow:0 0 30px #7d7d7d00;transition:all 75ms cubic-bezier(.05,-.01,0,1)}.v-enter-from[data-v-846b2b4f],.v-leave-to[data-v-846b2b4f]{transform:scaleY(0)}.progress-bar[data-v-18bec619]{width:100%;height:5px;background-color:#e0e0e0}.progress[data-v-18bec619]{background-color:#006fd0;height:5px;transition:width .25s cubic-bezier(0,0,0,1)}.window-background[data-v-925d7c12]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffbf;z-index:998}.window[data-v-925d7c12]{background-color:#f2f2f2;margin:auto;min-width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:#006fd0 2px solid;z-index:999}.window-button[data-v-925d7c12]{display:inline-block;width:244px}.window-title[data-v-925d7c12]{font-weight:400;margin-left:24px;margin-right:24px;width:calc(100% - 48px);white-space:pre-line;margin-bottom:8px}.v-enter-active[data-v-925d7c12],.v-leave-active[data-v-925d7c12]{transition:all .225s cubic-bezier(0,0,0,1)}.window.v-enter-from[data-v-925d7c12],.window.v-leave-to[data-v-925d7c12]{opacity:0;transform:scale(.75) translate(-50%,-40%)}.window-background.v-enter-from[data-v-925d7c12],.window-background.v-leave-to[data-v-925d7c12]{opacity:0}.card[data-v-f3f865b5]{height:300px;width:300px;background:var(--primary-color, #e4e4e4)}.dropdown-container[data-v-75185cc0]{transform-origin:center}.dropdown[data-v-75185cc0]{z-index:101;-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 330px);font-size:var(--sb-fs, 14px);background-color:#ebebebf3;position:fixed;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);left:var(--1b68a8ea);top:var(--5a2cd86a);border:2px solid #cdcdcd}.dropdown_backgroud[data-v-75185cc0]{position:fixed;inset:0;background-color:#0000;z-index:100}.dropdown li[data-v-75185cc0]{height:18px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:transform .15s cubic-bezier(.05,-.01,0,1)}.dropdown li[data-v-75185cc0]:active{transform:scale(.975)}.dropdown li[data-v-75185cc0]:hover{background:var(--sb-hover-bg, #cecece)}.label[data-v-75185cc0]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-75185cc0]{transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-leave-active[data-v-75185cc0]{box-shadow:0 0 30px #7d7d7d00;transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-enter-from[data-v-75185cc0],.v-leave-to[data-v-75185cc0]{opacity:0;position:fixed}
+button[data-v-85a8a3fa]{vertical-align:middle;line-height:16.67px;min-height:16.67px;padding:10px 20px;background:var(--primary-color, #CCCCCC);color:#000;border:none;cursor:default;font-size:16px;filter:blur(0px);transition:filter .3s ease;transform:scale(1);transition:transform .3s ease}button[data-v-85a8a3fa]:active{cursor:default;transition:opacity .3s ease;transform:scale(.97);filter:blur(.5px);outline:0px solid #999999;background:var(--primary-color, #999999)}button[data-v-85a8a3fa]:hover{cursor:default;outline:2.75px solid #999999;outline-offset:-2.75px}button[data-v-85a8a3fa]:disabled{transition:opacity 0s ease;transform:scale(1);filter:blur(0);outline:0px solid #7A7A7A;color:#919191;background:#ccc;cursor:not-allowed}.uwpinput{vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;height:18px;padding:10px 14px;background:#fff;color:#000;border:none;font-size:16px}.uwpinput:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px;background:#fff}.uwpinput:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.uwpinput{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.sidebar[data-v-30fc2437]{width:380px;height:36px;display:inline-flex;align-items:center;background-color:#e6e6e6}.sidebar.folded[data-v-30fc2437]{opacity:0}.sidebar-text[data-v-30fc2437]{-webkit-user-select:none;user-select:none;margin-left:16px;font-size:16px;margin-top:0;margin-bottom:0;background-color:#e6e6e6}.side-bar[data-v-30fc2437]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:380px;font-size:var(--sb-fs, 14px);transition:width 0s cubic-bezier(0,.5,0,1);overflow:hidden}.side-bar.folded[data-v-30fc2437]{width:55px;overflow-x:hidden}.search-fold[data-v-30fc2437]{display:none!important}.search-fold.folded[data-v-30fc2437]{display:flex!important;width:24px;margin-bottom:58px}.title.folded[data-v-30fc2437]{display:none}.title[data-v-30fc2437]{transition:all 0s ease}.side-bar li[data-v-30fc2437]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px)}.inputbox.folded[data-v-30fc2437]{display:none}.side-bar li[data-v-30fc2437]:hover{background:var(--sb-hover-bg, #cecece)}.label.folded[data-v-30fc2437]{opacity:0}.indicator[data-v-30fc2437]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:var(--sb-indicator-width, 3px);background:var(--sb-indicator-color, #006fd0);transform:scaleY(0);height:26px;line-height:100px;width:4px}.side-bar li.active .indicator[data-v-30fc2437]{transform:scaleY(1)}.icon[data-v-30fc2437]{width:var(--sb-icon-size, 20px);height:var(--sb-icon-size, 38px);margin-right:var(--sb-icon-mr, 12px);color:var(--sb-icon-color, #333);flex-shrink:0}.label[data-v-30fc2437]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.side-bar[data-v-30fc2437]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 380px);font-size:var(--sb-fs, 14px);background:var(--sb-hover-bg, #1b1b1b)}.side-bar li[data-v-30fc2437]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.side-bar li[data-v-30fc2437]:hover{background:var(--sb-hover-bg, #252525)}.indicator[data-v-30fc2437]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:var(--sb-indicator-width, 3px);background:var(--sb-indicator-color, #006fd0);transform:scaleY(0);height:26px;line-height:100px;width:4px}.side-bar li.active .indicator[data-v-30fc2437]{transform:scaleY(1)}.icon[data-v-30fc2437]{width:var(--sb-icon-size, 20px);height:var(--sb-icon-size, 38px);margin-right:var(--sb-icon-mr, 12px);color:var(--sb-icon-color, #ffffff);flex-shrink:0}.label[data-v-30fc2437]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-30fc2437]{color:#fff}}.tile[data-v-9ae9ef89]{--tile-color: #0078d7;--glow-color: rgba(255, 255, 255, .459);--glow-radius: 20px;position:relative;background-color:var(--tile-color);color:#fff;overflow:hidden;transition:all .25s cubic-bezier(.78,.12,0,1.01)}.tile.small[data-v-9ae9ef89]{width:70px;height:70px}.tile.medium[data-v-9ae9ef89]{width:150px;height:150px}.tile.wide[data-v-9ae9ef89]{width:310px;height:150px}.tile.large[data-v-9ae9ef89]{width:310px;height:310px}.tile-content[data-v-9ae9ef89]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.tile-icon[data-v-9ae9ef89]{font-size:24px;margin-bottom:8px}.tile-title[data-v-9ae9ef89]{-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700;position:absolute;bottom:26px;left:8px}.glow-border[data-v-9ae9ef89]{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--x) var(--y),var(--glow-color) 0%,transparent var(--glow-radius));-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;padding:4px;transition:opacity .2s ease}.pointer-glow[data-v-9ae9ef89]{position:absolute;top:calc(var(--y) - 50px);left:calc(var(--x) - 50px);width:100px;height:100px;border-radius:60%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);pointer-events:none;z-index:1;transition:opacity .3s ease}.tile[data-v-9ae9ef89]:active{transform:scale(.9)}.item-1{display:inline-block;background-color:#e6e6e6}iframe{border:none;display:inline-block;width:100%;height:calc(100% - 73.9px);background-color:#fff}.iframe-container{width:calc(100% - 380px);height:100%;position:relative;display:inline-block;overflow:auto;margin-left:24px}.iframe-container.folded{width:calc(100% - 55px)}.container{display:flex;height:calc(100% - .9px);background-color:#fff}.fade-enter-active{transition:all .35s ease}.fade-enter-from{opacity:0;transform:translateY(300px)}iframe::-webkit-scrollbar{width:4px;height:16px;background-color:#e6e6e6}iframe::-webkit-scrollbar-track{border-radius:0;background-color:#fff0}iframe::-webkit-scrollbar-thumb{border-radius:0;background-color:#818181}.uwppassword{vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;height:18px;padding:10px 14px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px}.uwppassword:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwppassword:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.uwppassword{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.uwprichrditbox{resize:none;vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;font-size:18px;height:auto;cursor:text;padding:9.5px 14px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px;vertical-align:top;white-space:pre-wrap}.uwprichrditbox:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwprichrditbox:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}.uwprichrditbox[data-placeholder]:empty:before{content:attr(data-placeholder);color:#666}@media (prefers-color-scheme: dark){.uwprichrditbox{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.Notification{border:rgba(163,163,163,0) 4px solid;-webkit-user-select:none;user-select:none;position:fixed;bottom:24px;right:24px;width:400px;height:150px;background-color:#141414f2;transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-enter-active{transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-leave-active{transition:all .55s cubic-bezier(.6,0,0,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translate(520px)}.n-text{color:#fff;margin-left:16px}.n-title{margin-top:-2.5px}.n-vulua{margin-left:16px;color:#a3a3a3;margin-top:-18px}.Notification:hover{border:#5f5f5f 4px solid}.Notification:active{transform:scale(.925)}.n-name{color:#fff}.ww-checkbox[type=checkbox][data-v-c289ea76]{position:absolute;opacity:0}.ww-checkbox-label[data-v-c289ea76]:before{--length: 1.1em;content:"";display:inline-block;width:var(--length);height:var(--length);font-size:1.1em;border:2.5px solid black;margin-right:6px;-webkit-user-select:none;user-select:none}.ww-checkbox-label[data-v-c289ea76]{display:flex;align-items:center}.ww-checkbox[type=checkbox]:checked+.ww-checkbox-label[data-v-c289ea76]:before{background-color:#0077d7;border-color:#0077d7;content:"√";color:#fff;line-height:1.25em;font-size:1.1em;text-align:center}.ww-checkbox-label[data-v-c289ea76]:hover:before,.ww-checkbox[type=checkbox]:focus+.ww-checkbox-label[data-v-c289ea76]:before{border-color:#0077d7}.ww-checkbox[type=checkbox]:not(:checked):hover+.ww-checkbox-label[data-v-c289ea76]:before,.ww-checkbox[type=checkbox]:not(:checked):focus+.ww-checkbox-label[data-v-c289ea76]:before{border-color:#0077d7}.ww-checkbox[type=checkbox]:checked:hover+.ww-checkbox-label[data-v-c289ea76]:before{border-color:#000}.ww-radio[type=radio][data-v-78978c8c]{position:absolute;opacity:0}.ww-radio-label[data-v-78978c8c]:before{--length: 1.1em;content:"";display:inline-block;width:var(--length);height:var(--length);font-size:1.1em;border:2.5px solid black;margin-right:6px;-webkit-user-select:none;user-select:none;border-radius:50px}.ww-radio-label[data-v-78978c8c]{display:flex;align-items:center}.ww-radio[type=radio]:checked+.ww-radio-label[data-v-78978c8c]:before{background-color:#0077d7;border-color:#0077d7;color:#fff;box-shadow:inset 0 0 0 2px #fff;line-height:1.25em;font-size:1.1em;text-align:center}.ww-radio-label[data-v-78978c8c]:hover:before,.ww-radio[type=radio]:focus+.ww-radio-label[data-v-78978c8c]:before{border-color:#0077d7}.ww-radio[type=radio]:not(:checked):hover+.ww-radio-label[data-v-78978c8c]:before,.ww-radio[type=radio]:not(:checked):focus+.ww-radio-label[data-v-78978c8c]:before{border-color:#0077d7}.ww-radio[type=radio]:checked:hover+.ww-radio-label[data-v-78978c8c]:before{border-color:#000}.list-box-button[data-v-846b2b4f]{z-index:10;-webkit-user-select:none;user-select:none;resize:none;vertical-align:middle;display:inline-block;min-width:300px;outline:3px solid #999999;outline-offset:-3px;height:15px;font-size:15px;cursor:default;padding:10px 15px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;vertical-align:top;white-space:pre-wrap;position:relative}.list-box[data-v-846b2b4f]{z-index:1;transform-origin:0 var(--10c6d247);-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 330px);font-size:var(--sb-fs, 14px);background-color:#ebebebf3;position:absolute;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);box-shadow:0 0 30px #7d7d7dbf;top:var(--209dc3e4)}.list-box li[data-v-846b2b4f]{height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:all .15s cubic-bezier(.05,-.01,0,1)}.list-box li[data-v-846b2b4f]:active{transform:scale(.975)}.list-box li.active[data-v-846b2b4f]{background:var(--sb-hover-bg, #6db9f3);opacity:0}.list-box-button.active[data-v-846b2b4f]{background:var(--sb-hover-bg, #6db9f3);outline:3px solid #6db9f3}.list-box li[data-v-846b2b4f]:hover{background:var(--sb-hover-bg, #cecece)}.list-box li.active[data-v-846b2b4f]:hover{background:var(--sb-hover-bg, #6db9f3)}.label[data-v-846b2b4f]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-846b2b4f]{box-shadow:0 0 30px #7d7d7dbf;transition:all .15s cubic-bezier(.05,-.01,0,1)}.v-leave-active[data-v-846b2b4f]{box-shadow:0 0 30px #7d7d7d00;transition:all 75ms cubic-bezier(.05,-.01,0,1)}.v-enter-from[data-v-846b2b4f],.v-leave-to[data-v-846b2b4f]{transform:scaleY(0)}.progress-bar[data-v-18bec619]{width:100%;height:5px;background-color:#e0e0e0}.progress[data-v-18bec619]{background-color:#006fd0;height:5px;transition:width .25s cubic-bezier(0,0,0,1)}.window-background[data-v-925d7c12]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffbf;z-index:998}.window[data-v-925d7c12]{background-color:#f2f2f2;margin:auto;min-width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:#006fd0 2px solid;z-index:999}.window-button[data-v-925d7c12]{display:inline-block;width:244px}.window-title[data-v-925d7c12]{font-weight:400;margin-left:24px;margin-right:24px;width:calc(100% - 48px);white-space:pre-line;margin-bottom:8px}.v-enter-active[data-v-925d7c12],.v-leave-active[data-v-925d7c12]{transition:all .225s cubic-bezier(0,0,0,1)}.window.v-enter-from[data-v-925d7c12],.window.v-leave-to[data-v-925d7c12]{opacity:0;transform:scale(.75) translate(-50%,-40%)}.window-background.v-enter-from[data-v-925d7c12],.window-background.v-leave-to[data-v-925d7c12]{opacity:0}.card[data-v-f3f865b5]{height:300px;width:300px;background:var(--primary-color, #e4e4e4)}.dropdown-container[data-v-75185cc0]{transform-origin:center}.dropdown[data-v-75185cc0]{z-index:101;-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 330px);font-size:var(--sb-fs, 14px);background-color:#ebebebf3;position:fixed;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);left:var(--1b68a8ea);top:var(--5a2cd86a);border:2px solid #cdcdcd}.dropdown_backgroud[data-v-75185cc0]{position:fixed;inset:0;background-color:#0000;z-index:100}.dropdown li[data-v-75185cc0]{height:18px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:transform .15s cubic-bezier(.05,-.01,0,1)}.dropdown li[data-v-75185cc0]:active{transform:scale(.975)}.dropdown li[data-v-75185cc0]:hover{background:var(--sb-hover-bg, #cecece)}.label[data-v-75185cc0]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-75185cc0]{transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-leave-active[data-v-75185cc0]{box-shadow:0 0 30px #7d7d7d00;transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-enter-from[data-v-75185cc0],.v-leave-to[data-v-75185cc0]{opacity:0;position:fixed}.tabbar{position:sticky;top:0;-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 330px);font-size:var(--sb-fs, 14px);background-color:#ebebebf3;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);width:100%}.tabbar li{transform-origin:center;height:18px;position:relative;display:inline-block;align-items:center;padding:var(--sb-pad, 10px 15px)}.tabbar .tabbar-item:hover{background:var(--sb-hover-bg, #cecece)}.label{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px;height:18px}.indicator{height:2.5px;background-color:#006fd0;width:26px;margin:6px auto 0;display:block}

package/web-win-vue.mjs

@@ -1,42 +1,42 @@
-import { createElementBlock as u, openBlock as c, renderSlot as $, defineComponent as I, ref as r, normalizeClass as w, unref as p, createElementVNode as l, toDisplayString as _, createVNode as W, Fragment as C, renderList as R, normalizeStyle as z, watch as ee, Transition as S, withCtx as k, createCommentVNode as M, withDirectives as N, vShow as X, onMounted as te, nextTick as oe, createBlock as Y, vModelCheckbox as le, vModelRadio as ne, useCssVars as F, isRef as O, createTextVNode as se } from "vue";
+import { createElementBlock as r, openBlock as c, renderSlot as $, defineComponent as I, ref as d, normalizeClass as h, unref as p, createElementVNode as l, toDisplayString as _, createVNode as W, Fragment as k, renderList as B, normalizeStyle as z, watch as te, Transition as M, withCtx as C, createCommentVNode as V, withDirectives as R, vShow as X, onMounted as oe, nextTick as le, createBlock as Y, vModelCheckbox as ne, vModelRadio as se, useCssVars as F, isRef as O, createTextVNode as ae } from "vue";
 const y = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [o, i] of n)
-    t[o] = i;
+  for (const [o, a] of n)
+    t[o] = a;
   return t;
-}, ae = {
+}, ie = {
   __name: "webwin-button",
   setup(e) {
     return console.log("%c✨Welcome to Web-Win-Vue-Button✨", `
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`), (n, t) => (c(), u("button", null, [
+  text-shadow: 0 1px 0 #0078d7;`), (n, t) => (c(), r("button", null, [
       $(n.$slots, "default", {}, void 0, !0)
     ]));
   }
-}, T = /* @__PURE__ */ y(ae, [["__scopeId", "data-v-85a8a3fa"]]), ie = ["value", "placeholder"], D = /* @__PURE__ */ I({
+}, T = /* @__PURE__ */ y(ie, [["__scopeId", "data-v-85a8a3fa"]]), ce = ["value", "placeholder"], D = /* @__PURE__ */ I({
   __name: "webwin-inputbox",
   props: { value: String, placeholder: String },
   setup(e) {
     console.log("%c✨Welcome to Web-Win-Vue-InputBox✨", `
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`);
-    const t = r(e.placeholder);
-    return (o, i) => (c(), u("input", {
+    const t = d(e.placeholder);
+    return (o, a) => (c(), r("input", {
       type: "text",
       name: "fname",
       class: "uwpinput",
       value: e.value,
       placeholder: t.value,
-      onChange: i[0] || (i[0] = (s) => o.$emit("@change", s))
-    }, null, 40, ie));
+      onChange: a[0] || (a[0] = (s) => o.$emit("@change", s))
+    }, null, 40, ce));
   }
-}), ce = { class: "sidebar-text" }, re = { style: { width: "var(--sb-width, 350px)", margin: "auto" } }, ue = { style: { overflow: "auto", height: "calc( 100% - 240px )", "overflow-x": "hidden" } }, de = ["onClick"], pe = {
+}), re = { class: "sidebar-text" }, ue = { style: { width: "var(--sb-width, 350px)", margin: "auto" } }, de = { style: { overflow: "auto", height: "calc( 100% - 240px )", "overflow-x": "hidden" } }, pe = ["onClick"], me = {
   class: "icon",
   viewBox: "0 0 1024 1024",
   fill: "currentColor",
   "aria-hidden": "true",
   height: "16"
-}, me = ["d"], ve = {
+}, ve = ["d"], he = {
   __name: "webwin-item",
   props: {
     items: { type: Array, required: !0 },
@@ -50,24 +50,24 @@ const y = (e, n) => {
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`);
     const t = n;
-    let o = r("");
-    function i() {
+    let o = d("");
+    function a() {
       o.value === "" ? (o.value = "folded", t("update", !1)) : (o.value = "", t("update", !0));
     }
-    return (s, a) => (c(), u("ul", {
-      class: w(["side-bar", p(o)])
+    return (s, i) => (c(), r("ul", {
+      class: h(["side-bar", p(o)])
     }, [
       l("div", {
-        class: w(["sidebar", p(o)])
+        class: h(["sidebar", p(o)])
       }, [
-        l("p", ce, _(e.bartitle), 1)
+        l("p", re, _(e.bartitle), 1)
       ], 2),
       l("div", null, [
         l("li", {
           style: { "margin-top": "24px", width: "24px" },
-          onClick: i
+          onClick: a
         }, [
-          a[0] || (a[0] = l("svg", {
+          i[0] || (i[0] = l("svg", {
             class: "icon",
             viewBox: "0 0 1024 1024",
             fill: "currentColor",
@@ -80,14 +80,14 @@ const y = (e, n) => {
             })
           ], -1)),
           l("span", {
-            class: w(["label", p(o)])
+            class: h(["label", p(o)])
           }, null, 2)
         ]),
         l("li", {
-          onClick: i,
-          class: w(["search-fold", p(o)])
+          onClick: a,
+          class: h(["search-fold", p(o)])
         }, [
-          a[1] || (a[1] = l("svg", {
+          i[1] || (i[1] = l("svg", {
             class: "icon",
             viewBox: "0 0 1024 1024",
             fill: "currentColor",
@@ -100,45 +100,45 @@ const y = (e, n) => {
             })
           ], -1)),
           l("span", {
-            class: w(["label", p(o)])
+            class: h(["label", p(o)])
           }, null, 2)
         ], 2),
-        l("div", re, [
+        l("div", ue, [
           W(D, {
             placeholder: "查找",
-            class: w(["inputbox", p(o)]),
+            class: h(["inputbox", p(o)]),
             style: { "margin-top": "6px", width: "320px", transition: "all 0s ease" }
           }, null, 8, ["class"])
         ]),
         l("h3", {
           style: { "margin-top": "26px", "margin-bottom": "26px", "margin-left": "18px" },
-          class: w(["title", p(o)])
+          class: h(["title", p(o)])
         }, _(e.title), 3)
       ]),
-      l("div", ue, [
-        (c(!0), u(C, null, R(e.items, (v, d) => (c(), u("li", {
-          key: d,
-          class: w({ active: d === e.modelValue }),
-          onClick: (g) => s.$emit("update:modelValue", d)
+      l("div", de, [
+        (c(!0), r(k, null, B(e.items, (m, u) => (c(), r("li", {
+          key: u,
+          class: h({ active: u === e.modelValue }),
+          onClick: (f) => s.$emit("update:modelValue", u)
         }, [
-          a[2] || (a[2] = l("span", { class: "indicator" }, null, -1)),
-          (c(), u("svg", pe, [
+          i[2] || (i[2] = l("span", { class: "indicator" }, null, -1)),
+          (c(), r("svg", me, [
             l("path", {
-              d: v.icon
-            }, null, 8, me)
+              d: m.icon
+            }, null, 8, ve)
           ])),
           l("span", {
-            class: w(["label", p(o)])
-          }, _(v.name), 3)
-        ], 10, de))), 128))
+            class: h(["label", p(o)])
+          }, _(m.name), 3)
+        ], 10, pe))), 128))
       ])
     ], 2));
   }
-}, H = /* @__PURE__ */ y(ve, [["__scopeId", "data-v-30fc2437"]]);
+}, H = /* @__PURE__ */ y(he, [["__scopeId", "data-v-30fc2437"]]);
 console.log("%c✨Welcome to Web-Win-Vue-Tile✨", `
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`);
-const he = {
+const we = {
   props: {
     size: { default: "medium" },
     color: { default: "#0078d7" },
@@ -194,28 +194,28 @@ const he = {
       this.isHovered = !1, this.glowOpacity = 0;
     }
   }
-}, we = { class: "tile-content" }, fe = { class: "tile-icon" }, _e = {
+}, _e = { class: "tile-content" }, fe = { class: "tile-icon" }, ge = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   width: "24",
   height: "24"
-}, ge = ["d"], xe = { class: "tile-title" };
-function be(e, n, t, o, i, s) {
-  return c(), u("div", {
-    class: w(["tile", t.size]),
+}, be = ["d"], xe = { class: "tile-title" };
+function ye(e, n, t, o, a, s) {
+  return c(), r("div", {
+    class: h(["tile", t.size]),
     style: z(s.tileStyle),
-    onMousemove: n[0] || (n[0] = (...a) => s.handleMouseMove && s.handleMouseMove(...a)),
-    onMouseenter: n[1] || (n[1] = (a) => i.isHovered = !0),
-    onMouseleave: n[2] || (n[2] = (...a) => s.handleMouseLeave && s.handleMouseLeave(...a))
+    onMousemove: n[0] || (n[0] = (...i) => s.handleMouseMove && s.handleMouseMove(...i)),
+    onMouseenter: n[1] || (n[1] = (i) => a.isHovered = !0),
+    onMouseleave: n[2] || (n[2] = (...i) => s.handleMouseLeave && s.handleMouseLeave(...i))
   }, [
-    l("div", we, [
+    l("div", _e, [
       l("div", fe, [
         $(e.$slots, "icon", {}, () => [
-          (c(), u("svg", _e, [
+          (c(), r("svg", ge, [
             l("path", {
               fill: "white",
               d: t.icon
-            }, null, 8, ge)
+            }, null, 8, be)
           ]))
         ], !0)
       ]),
@@ -231,60 +231,60 @@ function be(e, n, t, o, i, s) {
     }, null, 4)
   ], 38);
 }
-const q = /* @__PURE__ */ y(he, [["render", be], ["__scopeId", "data-v-9ae9ef89"]]), ye = { class: "container" }, $e = ["src"], ke = ["src"], L = {
+const q = /* @__PURE__ */ y(we, [["render", ye], ["__scopeId", "data-v-9ae9ef89"]]), $e = { class: "container" }, ke = ["src"], Ce = ["src"], L = {
   __name: "webwin-tab",
   props: { menu: Array, url: Array, titlebar: Boolean, titlebartext: String },
   setup(e) {
     console.log("%c✨Welcome to Web-Win-Vue-Tab✨", `
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`);
-    const n = e, t = r(0), o = r(0), i = r(n.url[0]);
-    let s = r(""), a = r("");
-    n.titlebar ? s.value = n.titlebartext : s.value = "", ee(t, (d) => {
-      console.log("activeIndex changed:", d), console.log("new url:", n.url[d]), i.value = n.url[d], o.value = o.value === 0 ? 1 : 0, console.log("docState:", o.value);
+    const n = e, t = d(0), o = d(0), a = d(n.url[0]);
+    let s = d(""), i = d("");
+    n.titlebar ? s.value = n.titlebartext : s.value = "", te(t, (u) => {
+      console.log("activeIndex changed:", u), console.log("new url:", n.url[u]), a.value = n.url[u], o.value = o.value === 0 ? 1 : 0, console.log("docState:", o.value);
     });
-    function v(d) {
-      d ? a.value = "" : a.value = "folded";
+    function m(u) {
+      u ? i.value = "" : i.value = "folded";
     }
-    return (d, g) => (c(), u("div", ye, [
+    return (u, f) => (c(), r("div", $e, [
       W(H, {
         modelValue: t.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (x) => t.value = x),
+        "onUpdate:modelValue": f[0] || (f[0] = (b) => t.value = b),
         items: e.menu,
         class: "item-1",
         bartitle: p(s),
-        onUpdate: v
+        onUpdate: m
       }, null, 8, ["modelValue", "items", "bartitle"]),
-      W(S, {
+      W(M, {
         name: "fade",
         mode: "out-in"
       }, {
-        default: k(() => [
-          o.value === 0 ? (c(), u("div", {
+        default: C(() => [
+          o.value === 0 ? (c(), r("div", {
             key: "state0",
-            class: w(["iframe-container", p(a)])
+            class: h(["iframe-container", p(i)])
           }, [
-            $(d.$slots, "default", {}, () => [
-              N(l("iframe", {
-                src: i.value,
+            $(u.$slots, "default", {}, () => [
+              R(l("iframe", {
+                src: a.value,
                 style: { "margin-top": "70px" }
-              }, null, 8, $e), [
+              }, null, 8, ke), [
                 [X, o.value === 0]
               ])
             ])
-          ], 2)) : o.value === 1 ? (c(), u("div", {
+          ], 2)) : o.value === 1 ? (c(), r("div", {
             key: "state1",
-            class: w(["iframe-container", p(a)])
+            class: h(["iframe-container", p(i)])
           }, [
-            $(d.$slots, "default", {}, () => [
-              N(l("iframe", {
-                src: i.value,
+            $(u.$slots, "default", {}, () => [
+              R(l("iframe", {
+                src: a.value,
                 style: { "margin-top": "70px" }
-              }, null, 8, ke), [
+              }, null, 8, Ce), [
                 [X, o.value === 1]
               ])
             ])
-          ], 2)) : M("", !0)
+          ], 2)) : V("", !0)
         ]),
         _: 3
       })
@@ -297,17 +297,17 @@ const q = /* @__PURE__ */ y(he, [["render", be], ["__scopeId", "data-v-9ae9ef89"
     console.log("%c✨Welcome to Web-Win-Vue-PasswordBox✨", `
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`);
-    const n = e, t = r(n.value), o = r(n.placeholder);
-    return (i, s) => (c(), u("input", {
+    const n = e, t = d(n.value), o = d(n.placeholder);
+    return (a, s) => (c(), r("input", {
       type: "password",
       name: "fname",
       class: "uwppassword",
       value: t.value,
       placeholder: o.value,
-      onChange: s[0] || (s[0] = (a) => i.$emit("@change", a))
+      onChange: s[0] || (s[0] = (i) => a.$emit("@change", i))
     }, null, 40, We));
   }
-}), Ce = ["data-placeholder"], E = /* @__PURE__ */ I({
+}), Ve = ["data-placeholder"], E = /* @__PURE__ */ I({
   __name: "webwin-richeditbox",
   props: {
     value: { type: String, default: "" },
@@ -315,135 +315,135 @@ const q = /* @__PURE__ */ y(he, [["render", be], ["__scopeId", "data-v-9ae9ef89"
   },
   emits: ["update", "change"],
   setup(e, { emit: n }) {
-    const t = e, o = n, i = r(null), s = r(t.placeholder), a = r(t.value);
-    te(() => {
-      i.value && (i.value.textContent = t.value || "", a.value = t.value || "");
+    const t = e, o = n, a = d(null), s = d(t.placeholder), i = d(t.value);
+    oe(() => {
+      a.value && (a.value.textContent = t.value || "", i.value = t.value || "");
     });
-    const v = (x) => {
-      if (!i.value) return;
-      const f = i.value.textContent || "";
-      o("update", f), oe(() => {
-        if (i.value) {
-          const m = document.createRange(), h = window.getSelection();
-          m.selectNodeContents(i.value), m.collapse(!1), h?.removeAllRanges(), h?.addRange(m);
+    const m = (b) => {
+      if (!a.value) return;
+      const g = a.value.textContent || "";
+      o("update", g), le(() => {
+        if (a.value) {
+          const v = document.createRange(), w = window.getSelection();
+          v.selectNodeContents(a.value), v.collapse(!1), w?.removeAllRanges(), w?.addRange(v);
         }
       });
-    }, d = (x) => {
-      const f = x.target;
-      f.textContent === t.placeholder && (f.textContent = "");
-    }, g = (x) => {
-      const f = x.target, m = f.textContent || "";
-      m !== a.value && (o("change", {
+    }, u = (b) => {
+      const g = b.target;
+      g.textContent === t.placeholder && (g.textContent = "");
+    }, f = (b) => {
+      const g = b.target, v = g.textContent || "";
+      v !== i.value && (o("change", {
         target: {
-          value: m
+          value: v
         }
-      }), a.value = m), m.trim() === "" && (f.textContent = "");
+      }), i.value = v), v.trim() === "" && (g.textContent = "");
     };
-    return (x, f) => (c(), u("div", {
+    return (b, g) => (c(), r("div", {
       ref_key: "editableDiv",
-      ref: i,
+      ref: a,
       class: "uwprichrditbox",
       contenteditable: "plaintext-only",
       "data-placeholder": s.value,
-      onInput: v,
-      onFocus: d,
-      onBlur: g
-    }, null, 40, Ce));
+      onInput: m,
+      onFocus: u,
+      onBlur: f
+    }, null, 40, Ve));
   }
-}), Ve = ["src"], Se = {
+}), Se = ["src"], Me = {
   class: "n-name",
   style: { display: "inline-block", "margin-left": "6px" }
-}, Me = { class: "n-text n-title" }, Ie = { class: "n-vulua" }, G = {
+}, Ie = { class: "n-text n-title" }, Be = { class: "n-vulua" }, G = {
   __name: "webwin-notifications",
   props: { name: String, title: String, text: String, img: String },
   setup(e, { expose: n }) {
     const t = e;
-    let o = r(!1), i = r(t.img);
+    let o = d(!1), a = d(t.img);
     const s = () => {
       o.value = !o.value;
     };
-    function a() {
+    function i() {
       o.value && setTimeout(() => {
         o.value = !1;
       }, 250);
     }
     return n({ showNotification: s }), console.log("%c✨Welcome to Web-Win-Vue-Notifications✨", `
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`), (v, d) => (c(), Y(S, { name: "slide-fade" }, {
-      default: k(() => [
-        p(o) ? (c(), u("div", {
+  text-shadow: 0 1px 0 #0078d7;`), (m, u) => (c(), Y(M, { name: "slide-fade" }, {
+      default: C(() => [
+        p(o) ? (c(), r("div", {
           key: 0,
           class: "Notification",
-          onClick: a
+          onClick: i
         }, [
           l("img", {
-            src: p(i),
+            src: p(a),
             style: { "object-fit": "contain", "margin-left": "16px", "margin-right": "0px", display: "inline-block", "vertical-align": "middle", width: "16px", height: "16px" }
-          }, null, 8, Ve),
-          l("p", Se, _(e.name), 1),
-          l("h4", Me, _(e.title), 1),
-          l("p", Ie, _(e.text), 1)
-        ])) : M("", !0)
+          }, null, 8, Se),
+          l("p", Me, _(e.name), 1),
+          l("h4", Ie, _(e.title), 1),
+          l("p", Be, _(e.text), 1)
+        ])) : V("", !0)
       ]),
       _: 1
     }));
   }
-}, Be = ["name", "id"], ze = ["for"], Ne = /* @__PURE__ */ I({
+}, Ne = ["name", "id"], ze = ["for"], Re = /* @__PURE__ */ I({
   __name: "webwin-checkbox",
   props: { name: String, checked: Array },
   setup(e) {
-    const n = e, t = r(n.name), o = r(n.checked);
+    const n = e, t = d(n.name), o = d(n.checked);
     return console.log("%c✨Welcome to Web-Win-Vue-Checkbox✨", `
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`), (i, s) => (c(), u(C, null, [
-      N(l("input", {
+  text-shadow: 0 1px 0 #0078d7;`), (a, s) => (c(), r(k, null, [
+      R(l("input", {
         type: "checkbox",
         class: "ww-checkbox",
         name: t.value,
         id: t.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (a) => o.value = a),
-        onClick: s[1] || (s[1] = (a) => i.$emit("click", a))
-      }, null, 8, Be), [
-        [le, o.value]
+        "onUpdate:modelValue": s[0] || (s[0] = (i) => o.value = i),
+        onClick: s[1] || (s[1] = (i) => a.$emit("click", i))
+      }, null, 8, Ne), [
+        [ne, o.value]
       ]),
       l("label", {
         for: t.value,
         class: "ww-checkbox-label"
       }, [
-        $(i.$slots, "default", {}, void 0, !0)
+        $(a.$slots, "default", {}, void 0, !0)
       ], 8, ze)
     ], 64));
   }
-}), P = /* @__PURE__ */ y(Ne, [["__scopeId", "data-v-c289ea76"]]), Re = ["name", "id"], Te = ["for"], De = /* @__PURE__ */ I({
+}), P = /* @__PURE__ */ y(Re, [["__scopeId", "data-v-c289ea76"]]), Te = ["name", "id"], De = ["for"], He = /* @__PURE__ */ I({
   __name: "webwin-radio",
   props: { name: String, checked: Array },
   setup(e) {
-    const n = e, t = r(n.name), o = r(n.checked);
+    const n = e, t = d(n.name), o = d(n.checked);
     return console.log("%c✨Welcome to Web-Win-Vue-radio✨", `
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`), (i, s) => (c(), u(C, null, [
-      N(l("input", {
+  text-shadow: 0 1px 0 #0078d7;`), (a, s) => (c(), r(k, null, [
+      R(l("input", {
         type: "radio",
         class: "ww-radio",
         name: t.value,
         id: t.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (a) => o.value = a),
-        onClick: s[1] || (s[1] = (a) => i.$emit("click", a))
-      }, null, 8, Re), [
-        [ne, o.value]
+        "onUpdate:modelValue": s[0] || (s[0] = (i) => o.value = i),
+        onClick: s[1] || (s[1] = (i) => a.$emit("click", i))
+      }, null, 8, Te), [
+        [se, o.value]
       ]),
       l("label", {
         for: t.value,
         class: "ww-radio-label"
       }, [
-        $(i.$slots, "default", {}, void 0, !0)
-      ], 8, Te)
+        $(a.$slots, "default", {}, void 0, !0)
+      ], 8, De)
     ], 64));
   }
-}), j = /* @__PURE__ */ y(De, [["__scopeId", "data-v-78978c8c"]]), He = { style: { position: "relative" } }, Xe = {
+}), j = /* @__PURE__ */ y(He, [["__scopeId", "data-v-78978c8c"]]), Xe = { style: { position: "relative" } }, Ye = {
   key: 0,
   class: "list-box"
-}, Ye = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, Fe = ["onClick"], Oe = { class: "label" }, qe = {
+}, Fe = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, Oe = ["onClick"], qe = { class: "label" }, Le = {
   __name: "webwin-combobox",
   props: {
     items: { type: Array, required: !0 },
@@ -452,48 +452,48 @@ const q = /* @__PURE__ */ y(he, [["render", be], ["__scopeId", "data-v-9ae9ef89"
   },
   emits: ["update"],
   setup(e, { emit: n }) {
-    F((m) => ({
-      "10c6d247": p(g) + "px",
-      "209dc3e4": p(d) + "px"
+    F((v) => ({
+      "10c6d247": p(f) + "px",
+      "209dc3e4": p(u) + "px"
     })), console.log("%c✨Welcome to Web-Win-Vue-Item✨", `
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`);
     const t = e, o = n;
-    let i = r(""), s = r(!1), a = r(t.modelValue), v = r(t.title), d = r(-6), g = r(6);
-    function x(m) {
-      s.value = !1, i.value = "", a.value = m, v.value = t.items[m].name, o("update", m), setTimeout(() => {
-        d.value = m * -35 - 6, g.value = m * 35 + 6;
+    let a = d(""), s = d(!1), i = d(t.modelValue), m = d(t.title), u = d(-6), f = d(6);
+    function b(v) {
+      s.value = !1, a.value = "", i.value = v, m.value = t.items[v].name, o("update", v), setTimeout(() => {
+        u.value = v * -35 - 6, f.value = v * 35 + 6;
       }, 100);
     }
-    function f() {
-      s.value = !s.value, i.value = s.value ? "active" : "";
+    function g() {
+      s.value = !s.value, a.value = s.value ? "active" : "";
     }
-    return (m, h) => (c(), u("div", He, [
+    return (v, w) => (c(), r("div", Xe, [
       l("div", {
-        class: w(["list-box-button", p(i)]),
-        onClick: f
-      }, _(p(v)), 3),
-      W(S, null, {
-        default: k(() => [
-          p(s) ? (c(), u("ul", Xe, [
-            h[0] || (h[0] = l("div", { style: { height: "6px" } }, null, -1)),
-            l("div", Ye, [
-              (c(!0), u(C, null, R(e.items, (b, V) => (c(), u("li", {
-                key: V,
-                class: w({ active: V === p(a) }),
-                onClick: (B) => x(V)
+        class: h(["list-box-button", p(a)]),
+        onClick: g
+      }, _(p(m)), 3),
+      W(M, null, {
+        default: C(() => [
+          p(s) ? (c(), r("ul", Ye, [
+            w[0] || (w[0] = l("div", { style: { height: "6px" } }, null, -1)),
+            l("div", Fe, [
+              (c(!0), r(k, null, B(e.items, (x, S) => (c(), r("li", {
+                key: S,
+                class: h({ active: S === p(i) }),
+                onClick: (N) => b(S)
               }, [
-                l("span", Oe, _(b.name), 1)
-              ], 10, Fe))), 128))
+                l("span", qe, _(x.name), 1)
+              ], 10, Oe))), 128))
             ]),
-            h[1] || (h[1] = l("div", { style: { height: "6px" } }, null, -1))
-          ])) : M("", !0)
+            w[1] || (w[1] = l("div", { style: { height: "6px" } }, null, -1))
+          ])) : V("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}, J = /* @__PURE__ */ y(qe, [["__scopeId", "data-v-846b2b4f"]]), Le = { class: "progress-bar" }, Ue = {
+}, J = /* @__PURE__ */ y(Le, [["__scopeId", "data-v-846b2b4f"]]), Ue = { class: "progress-bar" }, Ee = {
   __name: "webwin-progressbar",
   props: {
     progress: { type: Number, default: 0 }
@@ -501,128 +501,155 @@ const q = /* @__PURE__ */ y(he, [["render", be], ["__scopeId", "data-v-9ae9ef89"
   setup(e) {
     return console.log("%c✨Welcome to Web-Win-Vue-ProgressBar✨", `
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`), (n, t) => (c(), u("div", Le, [
+  text-shadow: 0 1px 0 #0078d7;`), (n, t) => (c(), r("div", Ue, [
       l("div", {
         class: "progress",
         style: z({ width: e.progress + "%" })
       }, null, 4)
     ]));
   }
-}, K = /* @__PURE__ */ y(Ue, [["__scopeId", "data-v-18bec619"]]), Ee = {
+}, K = /* @__PURE__ */ y(Ee, [["__scopeId", "data-v-18bec619"]]), Ge = {
   key: 0,
   class: "window-background"
-}, Ge = {
+}, Pe = {
   key: 0,
   class: "window"
-}, Pe = { style: { "margin-top": "24px", "margin-bottom": "24px" } }, je = { class: "window-title" }, Je = { style: { "margin-left": "25px", "margin-right": "24px", width: "calc(100% - 48px)" } }, Ke = { style: { "margin-left": "24px", "margin-right": "24px", width: "calc(100% - 48px)", display: "Flex", gap: "6px", "margin-top": "48px" } }, Qe = {
+}, je = { style: { "margin-top": "24px", "margin-bottom": "24px" } }, Je = { class: "window-title" }, Ke = { style: { "margin-left": "25px", "margin-right": "24px", width: "calc(100% - 48px)" } }, Qe = { style: { "margin-left": "24px", "margin-right": "24px", width: "calc(100% - 48px)", display: "Flex", gap: "6px", "margin-top": "48px" } }, Ze = {
   __name: "webwin-window",
   props: {
     items: { type: Array, required: !0, default: [{ text: "11" }, { text: "11" }] },
     title: { type: String, default: "Title" }
   },
   setup(e, { expose: n }) {
-    let t = r("");
+    let t = d("");
     return n({ showDialog: () => {
       t.value = !0;
-    } }), (i, s) => (c(), u(C, null, [
-      W(S, null, {
-        default: k(() => [
-          p(t) ? (c(), u("div", Ee)) : M("", !0)
+    } }), (a, s) => (c(), r(k, null, [
+      W(M, null, {
+        default: C(() => [
+          p(t) ? (c(), r("div", Ge)) : V("", !0)
         ]),
         _: 1
       }),
-      W(S, null, {
-        default: k(() => [
-          p(t) ? (c(), u("div", Ge, [
-            l("div", Pe, [
-              l("h2", je, _(e.title), 1),
-              l("div", Je, [
-                $(i.$slots, "default", {}, void 0, !0)
-              ]),
+      W(M, null, {
+        default: C(() => [
+          p(t) ? (c(), r("div", Pe, [
+            l("div", je, [
+              l("h2", Je, _(e.title), 1),
               l("div", Ke, [
-                (c(!0), u(C, null, R(e.items, (a, v) => (c(), Y(T, {
+                $(a.$slots, "default", {}, void 0, !0)
+              ]),
+              l("div", Qe, [
+                (c(!0), r(k, null, B(e.items, (i, m) => (c(), Y(T, {
                   class: "window-button",
-                  key: v,
-                  onClick: s[0] || (s[0] = (d) => O(t) ? t.value = !1 : t = !1)
+                  key: m,
+                  onClick: s[0] || (s[0] = (u) => O(t) ? t.value = !1 : t = !1)
                 }, {
-                  default: k(() => [
-                    se(_(a.text), 1)
+                  default: C(() => [
+                    ae(_(i.text), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
               ])
             ])
-          ])) : M("", !0)
+          ])) : V("", !0)
         ]),
         _: 3
       })
     ], 64));
   }
-}, Q = /* @__PURE__ */ y(Qe, [["__scopeId", "data-v-925d7c12"]]), Ze = {}, Ae = { class: "card" };
-function et(e, n) {
-  return c(), u("div", Ae, [
+}, Q = /* @__PURE__ */ y(Ze, [["__scopeId", "data-v-925d7c12"]]), Ae = {}, et = { class: "card" };
+function tt(e, n) {
+  return c(), r("div", et, [
     $(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Z = /* @__PURE__ */ y(Ze, [["render", et], ["__scopeId", "data-v-f3f865b5"]]), tt = {
+const Z = /* @__PURE__ */ y(Ae, [["render", tt], ["__scopeId", "data-v-f3f865b5"]]), ot = {
   key: 0,
   class: "dropdown-container"
-}, ot = { class: "dropdown" }, lt = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, nt = ["onClick"], st = { class: "label" }, at = {
+}, lt = { class: "dropdown" }, nt = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, st = ["onClick"], at = { class: "label" }, it = {
   __name: "webwin-dropdown",
   props: {
     items: { type: Array, required: !0 }
   },
   emits: ["update"],
   setup(e, { expose: n, emit: t }) {
-    F((h) => ({
+    F((w) => ({
       "1b68a8ea": p(s) + "px",
-      "5a2cd86a": p(a) + "px"
+      "5a2cd86a": p(i) + "px"
     })), console.log("%c✨Welcome to Web-Win-Vue-Item✨", `
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`);
-    const o = e, i = t;
-    let s = r(0), a = r(0), v = r(""), d = r(!1), g = r(0), x = r(o.title || "");
-    function f(h) {
-      d.value = !1, v.value = "", g.value = h, x.value = o.items[h].name, i("update", h);
+    const o = e, a = t;
+    let s = d(0), i = d(0), m = d(""), u = d(!1), f = d(0), b = d(o.title || "");
+    function g(w) {
+      u.value = !1, m.value = "", f.value = w, b.value = o.items[w].name, a("update", w);
     }
-    return n({ showbox: (h, b) => {
-      d.value = !d.value, v.value = d.value ? "active" : "", s.value = h, a.value = b;
-    } }), (h, b) => (c(), u("div", null, [
-      W(S, null, {
-        default: k(() => [
-          p(d) ? (c(), u("div", tt, [
+    return n({ showbox: (w, x) => {
+      u.value = !u.value, m.value = u.value ? "active" : "", s.value = w, i.value = x;
+    } }), (w, x) => (c(), r("div", null, [
+      W(M, null, {
+        default: C(() => [
+          p(u) ? (c(), r("div", ot, [
             l("div", {
               class: "dropdown_backgroud",
-              onClick: b[0] || (b[0] = (V) => O(d) ? d.value = !1 : d = !1)
+              onClick: x[0] || (x[0] = (S) => O(u) ? u.value = !1 : u = !1)
             }),
-            l("ul", ot, [
-              b[1] || (b[1] = l("div", { style: { height: "6px" } }, null, -1)),
-              l("div", lt, [
-                (c(!0), u(C, null, R(e.items, (V, B) => (c(), u("li", {
-                  key: B,
-                  class: w({ active: B === p(g) }),
-                  onClick: (ct) => f(B)
+            l("ul", lt, [
+              x[1] || (x[1] = l("div", { style: { height: "6px" } }, null, -1)),
+              l("div", nt, [
+                (c(!0), r(k, null, B(e.items, (S, N) => (c(), r("li", {
+                  key: N,
+                  class: h({ active: N === p(f) }),
+                  onClick: (vt) => g(N)
                 }, [
-                  l("span", st, _(V.name), 1)
-                ], 10, nt))), 128))
+                  l("span", at, _(S.name), 1)
+                ], 10, st))), 128))
               ]),
-              b[2] || (b[2] = l("div", { style: { height: "6px" } }, null, -1))
+              x[2] || (x[2] = l("div", { style: { height: "6px" } }, null, -1))
             ])
-          ])) : M("", !0)
+          ])) : V("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}, A = /* @__PURE__ */ y(at, [["__scopeId", "data-v-75185cc0"]]), it = [A, Z, Q, K, J, j, P, T, H, q, L, D, U, E, G], ut = {
+}, A = /* @__PURE__ */ y(it, [["__scopeId", "data-v-75185cc0"]]), ct = { class: "tabbar" }, rt = ["onClick"], ut = { class: "label" }, dt = {
+  key: 0,
+  class: "indicator"
+}, pt = { style: { float: "right" } }, ee = {
+  __name: "webwin-topappbar",
+  props: { menu: Array, activeIndex: Number },
+  emits: ["update"],
+  setup(e) {
+    const n = e;
+    let t = d(n.activeIndex || 0), o = d(n.menu);
+    function a(s) {
+      t.value = s, emit("update", s);
+    }
+    return (s, i) => (c(), r("ul", ct, [
+      (c(!0), r(k, null, B(p(o), (m, u) => (c(), r("li", {
+        key: u,
+        class: h([{ active: u === p(t) }, "tabbar-item"]),
+        onClick: (f) => a(u)
+      }, [
+        l("span", ut, _(m.name), 1),
+        u === p(t) ? (c(), r("span", dt)) : V("", !0)
+      ], 10, rt))), 128)),
+      l("li", pt, [
+        $(s.$slots, "default")
+      ])
+    ]));
+  }
+}, mt = [ee, A, Z, Q, K, J, j, P, T, H, q, L, D, U, E, G], wt = {
   install(e) {
-    it.forEach((n) => {
-      e.component("winbutton", T), e.component("winitem", H), e.component("wintile", q), e.component("wintab", L), e.component("wininputbox", D), e.component("winpasswordbox", U), e.component("winricheditbox", E), e.component("winnotifications", G), e.component("wincheckbox", P), e.component("winradio", j), e.component("wincombobox", J), e.component("winprogressbar", K), e.component("winwindow", Q), e.component("wincard", Z), e.component("windropdown", A);
+    mt.forEach((n) => {
+      e.component("winbutton", T), e.component("winitem", H), e.component("wintile", q), e.component("wintab", L), e.component("wininputbox", D), e.component("winpasswordbox", U), e.component("winricheditbox", E), e.component("winnotifications", G), e.component("wincheckbox", P), e.component("winradio", j), e.component("wincombobox", J), e.component("winprogressbar", K), e.component("winwindow", Q), e.component("wincard", Z), e.component("windropdown", A), e.component("wintopappbar", ee);
     });
   }
 };
 export {
-  ut as default,
+  wt as default,
   T as winbutton,
   Z as wincard,
   P as wincheckbox,
@@ -637,5 +664,6 @@ export {
   E as winricheditbox,
   L as wintab,
   q as wintile,
+  ee as wintopappbar,
   Q as winwindow
 };

package/web-win-vue.umd.js

@@ -1,25 +1,25 @@
 (function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r["web-win-vue"]={},r.Vue))})(this,(function(r,e){"use strict";const _=(t,l)=>{const o=t.__vccOpts||t;for(const[n,s]of l)o[n]=s;return o},b=_({__name:"webwin-button",setup(t){return console.log("%c✨Welcome to Web-Win-Vue-Button✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`),(l,o)=>(e.openBlock(),e.createElementBlock("button",null,[e.renderSlot(l.$slots,"default",{},void 0,!0)]))}},[["__scopeId","data-v-85a8a3fa"]]),I=["value","placeholder"],x=e.defineComponent({__name:"webwin-inputbox",props:{value:String,placeholder:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-InputBox✨",`
+  text-shadow: 0 1px 0 #0078d7;`),(l,o)=>(e.openBlock(),e.createElementBlock("button",null,[e.renderSlot(l.$slots,"default",{},void 0,!0)]))}},[["__scopeId","data-v-85a8a3fa"]]),F=["value","placeholder"],k=e.defineComponent({__name:"webwin-inputbox",props:{value:String,placeholder:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-InputBox✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`);const l=t,o=e.ref(l.placeholder);return(n,s)=>(e.openBlock(),e.createElementBlock("input",{type:"text",name:"fname",class:"uwpinput",value:t.value,placeholder:o.value,onChange:s[0]||(s[0]=a=>n.$emit("@change",a))},null,40,I))}}),F={class:"sidebar-text"},R={style:{width:"var(--sb-width, 350px)",margin:"auto"}},H={style:{overflow:"auto",height:"calc( 100% - 240px )","overflow-x":"hidden"}},L=["onClick"],X={class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true",height:"16"},Y=["d"],k=_({__name:"webwin-item",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"Menu"},bartitle:{type:String,default:"Window"}},emits:["update"],setup(t,{emit:l}){console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
+  text-shadow: 0 1px 0 #0078d7;`);const l=t,o=e.ref(l.placeholder);return(n,s)=>(e.openBlock(),e.createElementBlock("input",{type:"text",name:"fname",class:"uwpinput",value:t.value,placeholder:o.value,onChange:s[0]||(s[0]=a=>n.$emit("@change",a))},null,40,F))}}),R={class:"sidebar-text"},L={style:{width:"var(--sb-width, 350px)",margin:"auto"}},H={style:{overflow:"auto",height:"calc( 100% - 240px )","overflow-x":"hidden"}},X=["onClick"],Y={class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true",height:"16"},O=["d"],x=_({__name:"webwin-item",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"Menu"},bartitle:{type:String,default:"Window"}},emits:["update"],setup(t,{emit:l}){console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`);const o=l;let n=e.ref("");function s(){n.value===""?(n.value="folded",o("update",!1)):(n.value="",o("update",!0))}return(a,i)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(["side-bar",e.unref(n)])},[e.createElementVNode("div",{class:e.normalizeClass(["sidebar",e.unref(n)])},[e.createElementVNode("p",F,e.toDisplayString(t.bartitle),1)],2),e.createElementVNode("div",null,[e.createElementVNode("li",{style:{"margin-top":"24px",width:"24px"},onClick:s},[i[0]||(i[0]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M63.7 191.4h895.2v64H63.7zM63.7 480.2h895.2v64H63.7zM63.7 767.2h895.2v64H63.7z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(n)])},null,2)]),e.createElementVNode("li",{onClick:s,class:e.normalizeClass(["search-fold",e.unref(n)])},[i[1]||(i[1]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M916.374282 878.7028 661.417543 604.016717c1.402953-1.616824 2.784416-3.254114 4.155646-4.90266 0.367367-0.459464 0.747014-0.909719 1.115404-1.37123 1.308809-1.585101 2.600221-3.181459 3.879354-4.798283 0.337691-0.429789 0.675382-0.86981 1.011027-1.299599 1.209548-1.555425 2.416026-3.122107 3.603061-4.696975 0.347924-0.471744 0.695848-0.931209 1.043772-1.402953 1.176802-1.585101 2.354628-3.181459 3.499707-4.798283 0.318248-0.449231 0.633427-0.889253 0.951675-1.331321 1.197268-1.686409 2.37407-3.39533 3.541663-5.104251 0.285502-0.419556 0.561795-0.829901 0.849344-1.249457 1.257643-1.87265 2.495844-3.755534 3.723811-5.65786 0.23536-0.360204 0.461511-0.727571 0.695848-1.085728 1.127683-1.77032 2.232854-3.551896 3.325745-5.342682 0.268106-0.440022 0.533143-0.87902 0.799202-1.319042 1.052982-1.750877 2.096754-3.50994 3.120061-5.28026 0.255827-0.440022 0.511653-0.87902 0.76748-1.331321 1.035586-1.801019 2.046612-3.611248 3.040243-5.432733 0.226151-0.409322 0.449231-0.819668 0.675382-1.228991 1.052982-1.944282 2.076288-3.90903 3.099594-5.873778l0.533143-1.052982c1.043772-2.046612 2.067079-4.103458 3.069919-6.181793 0.184195-0.358157 0.347924-0.715291 0.521886-1.083681 0.941442-1.954515 1.851161-3.90903 2.75167-5.884011 0.184195-0.400113 0.358157-0.809435 0.541329-1.207501 0.881067-1.954515 1.740644-3.931542 2.579755-5.9055 0.173962-0.398066 0.347924-0.797156 0.511653-1.197268 0.859577-2.036379 1.698688-4.082992 2.506077-6.139837 0.134053-0.316202 0.26606-0.64366 0.38988-0.971118 0.87902-2.240017 1.738597-4.493338 2.568499-6.753821l0.255827-0.707105c0.807389-2.220574 1.595334-4.451382 2.362814-6.691399 0.113587-0.327458 0.215918-0.655939 0.318248-0.973164 0.727571-2.148943 1.432629-4.296863 2.109034-6.465249l0.327458-1.055029c0.663102-2.169409 1.308809-4.349051 1.942235-6.538927l0.277316-0.971118c0.64366-2.272763 1.257643-4.563946 1.851161-6.856152 0.062422-0.225127 0.12382-0.450255 0.186242-0.674359 0.623193-2.455935 1.226944-4.923126 1.801019-7.398504l0.121773-0.542352c0.543376-2.373047 1.065262-4.748141 1.555425-7.141654l0.173962-0.880043c0.471744-2.302439 0.920976-4.626367 1.341554-6.948249l0.163729-0.920976c0.419556-2.353604 0.809435-4.716418 1.167592-7.081279 0.039909-0.26606 0.092098-0.532119 0.121773-0.797156 0.38988-2.518357 0.747014-5.045923 1.065262-7.582699l0.029676-0.23536c0.337691-2.620687 0.633427-5.238304 0.901533-7.868201l0.060375-0.563842c0.245593-2.486634 0.471744-4.982478 0.665149-7.480368l0.052189-0.788969c0.184195-2.445702 0.337691-4.900613 0.469698-7.356548l0.041956-0.849344c0.121773-2.5071 0.224104-5.024433 0.285502-7.541767l0.020466-0.582261c0.062422-2.711761 0.104377-5.424546 0.104377-8.146541 0-178.843224-145.034211-323.876412-323.876412-323.876412-178.844248 0-323.886645 145.033187-323.886645 323.876412 0 178.844248 145.043421 323.876412 323.886645 323.876412 2.701528 0 5.392824-0.029676 8.073886-0.102331l0.490164-0.010233c2.620687-0.062422 5.219885-0.163729 7.819083-0.295735l0.603751-0.031722c2.620687-0.132006 5.239328-0.295735 7.838525-0.50142l0.245593-0.010233c2.578732-0.203638 5.136997-0.429789 7.68503-0.685615l0.583285-0.060375c2.51631-0.255827 5.034666-0.543376 7.53051-0.861624l0.76748-0.092098c2.476401-0.325411 4.952802-0.663102 7.408737-1.043772l0.715291-0.11154c2.364861-0.358157 4.718465-0.747014 7.071046-1.167592l0.777713-0.144286c2.37407-0.417509 4.728698-0.87902 7.083326-1.348718l1.115404-0.23536c2.292206-0.471744 4.583388-0.960885 6.855128-1.484817 0.38988-0.092098 0.777713-0.184195 1.157359-0.276293 2.13871-0.491187 4.256954-1.013073 6.374174-1.555425 0.451278-0.11154 0.900509-0.226151 1.350764-0.347924 2.109034-0.541329 4.195555-1.115404 6.293333-1.698688 0.50142-0.144286 1.00284-0.285502 1.505283-0.429789 2.096754-0.603751 4.185322-1.216711 6.261611-1.862417 0.543376-0.163729 1.075495-0.337691 1.616824-0.50142 1.882883-0.593518 3.755534-1.207501 5.628184-1.830695 0.685615-0.226151 1.360997-0.461511 2.046612-0.685615 1.790786-0.62524 3.581572-1.249457 5.362124-1.895163 0.633427-0.234337 1.2689-0.459464 1.902326-0.695848 1.882883-0.695848 3.755534-1.411139 5.617951-2.13871 0.705058-0.276293 1.402953-0.551562 2.109034-0.827855 1.616824-0.645706 3.233648-1.310855 4.840238-1.986237 0.899486-0.367367 1.790786-0.757247 2.680039-1.134847 1.505283-0.645706 2.998287-1.289366 4.483104-1.954515 0.941442-0.419556 1.87265-0.839111 2.814092-1.2689 1.503237-0.695848 3.007497-1.390673 4.500501-2.109034 0.819668-0.387833 1.629103-0.777713 2.436492-1.174756 1.390673-0.675382 2.774183-1.360997 4.145413-2.058892 1.063215-0.541329 2.128477-1.083681 3.191692-1.63729 1.2689-0.653893 2.52859-1.319042 3.78521-1.994424 1.127683-0.603751 2.242064-1.216711 3.367701-1.832741 1.226944-0.685615 2.455935-1.37123 3.683902-2.067079 1.023306-0.574075 2.046612-1.167592 3.059686-1.759063 1.043772-0.61603 2.098801-1.228991 3.14155-1.853208 1.176802-0.717338 2.364861-1.423419 3.529383-2.148943 1.085728-0.665149 2.160199-1.341554 3.233648-2.016937 1.216711-0.76748 2.426259-1.545192 3.63376-2.332115 1.052982-0.685615 2.086521-1.360997 3.13234-2.058892l0.020466-0.010233 255.611655 275.361465c18.399045 19.822464 46.170552 23.64042 62.59564 9.56996l6.723122-5.752004C937.106466 927.146115 934.764118 898.512984 916.374282 878.7028zM416.63349 630.643144c-131.760906 0-238.604306-106.853633-238.604306-238.603283 0-131.750673 106.8434-238.604306 238.604306-238.604306 131.74965 0 238.594073 106.853633 238.594073 238.604306C655.227564 523.789511 548.38314 630.643144 416.63349 630.643144z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(n)])},null,2)],2),e.createElementVNode("div",R,[e.createVNode(x,{placeholder:"查找",class:e.normalizeClass(["inputbox",e.unref(n)]),style:{"margin-top":"6px",width:"320px",transition:"all 0s ease"}},null,8,["class"])]),e.createElementVNode("h3",{style:{"margin-top":"26px","margin-bottom":"26px","margin-left":"18px"},class:e.normalizeClass(["title",e.unref(n)])},e.toDisplayString(t.title),3)]),e.createElementVNode("div",H,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(m,c)=>(e.openBlock(),e.createElementBlock("li",{key:c,class:e.normalizeClass({active:c===t.modelValue}),onClick:w=>a.$emit("update:modelValue",c)},[i[2]||(i[2]=e.createElementVNode("span",{class:"indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",X,[e.createElementVNode("path",{d:m.icon},null,8,Y)])),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(n)])},e.toDisplayString(m.name),3)],10,L))),128))])],2))}},[["__scopeId","data-v-30fc2437"]]);console.log("%c✨Welcome to Web-Win-Vue-Tile✨",`
+  text-shadow: 0 1px 0 #0078d7;`);const o=l;let n=e.ref("");function s(){n.value===""?(n.value="folded",o("update",!1)):(n.value="",o("update",!0))}return(a,i)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(["side-bar",e.unref(n)])},[e.createElementVNode("div",{class:e.normalizeClass(["sidebar",e.unref(n)])},[e.createElementVNode("p",R,e.toDisplayString(t.bartitle),1)],2),e.createElementVNode("div",null,[e.createElementVNode("li",{style:{"margin-top":"24px",width:"24px"},onClick:s},[i[0]||(i[0]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M63.7 191.4h895.2v64H63.7zM63.7 480.2h895.2v64H63.7zM63.7 767.2h895.2v64H63.7z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(n)])},null,2)]),e.createElementVNode("li",{onClick:s,class:e.normalizeClass(["search-fold",e.unref(n)])},[i[1]||(i[1]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M916.374282 878.7028 661.417543 604.016717c1.402953-1.616824 2.784416-3.254114 4.155646-4.90266 0.367367-0.459464 0.747014-0.909719 1.115404-1.37123 1.308809-1.585101 2.600221-3.181459 3.879354-4.798283 0.337691-0.429789 0.675382-0.86981 1.011027-1.299599 1.209548-1.555425 2.416026-3.122107 3.603061-4.696975 0.347924-0.471744 0.695848-0.931209 1.043772-1.402953 1.176802-1.585101 2.354628-3.181459 3.499707-4.798283 0.318248-0.449231 0.633427-0.889253 0.951675-1.331321 1.197268-1.686409 2.37407-3.39533 3.541663-5.104251 0.285502-0.419556 0.561795-0.829901 0.849344-1.249457 1.257643-1.87265 2.495844-3.755534 3.723811-5.65786 0.23536-0.360204 0.461511-0.727571 0.695848-1.085728 1.127683-1.77032 2.232854-3.551896 3.325745-5.342682 0.268106-0.440022 0.533143-0.87902 0.799202-1.319042 1.052982-1.750877 2.096754-3.50994 3.120061-5.28026 0.255827-0.440022 0.511653-0.87902 0.76748-1.331321 1.035586-1.801019 2.046612-3.611248 3.040243-5.432733 0.226151-0.409322 0.449231-0.819668 0.675382-1.228991 1.052982-1.944282 2.076288-3.90903 3.099594-5.873778l0.533143-1.052982c1.043772-2.046612 2.067079-4.103458 3.069919-6.181793 0.184195-0.358157 0.347924-0.715291 0.521886-1.083681 0.941442-1.954515 1.851161-3.90903 2.75167-5.884011 0.184195-0.400113 0.358157-0.809435 0.541329-1.207501 0.881067-1.954515 1.740644-3.931542 2.579755-5.9055 0.173962-0.398066 0.347924-0.797156 0.511653-1.197268 0.859577-2.036379 1.698688-4.082992 2.506077-6.139837 0.134053-0.316202 0.26606-0.64366 0.38988-0.971118 0.87902-2.240017 1.738597-4.493338 2.568499-6.753821l0.255827-0.707105c0.807389-2.220574 1.595334-4.451382 2.362814-6.691399 0.113587-0.327458 0.215918-0.655939 0.318248-0.973164 0.727571-2.148943 1.432629-4.296863 2.109034-6.465249l0.327458-1.055029c0.663102-2.169409 1.308809-4.349051 1.942235-6.538927l0.277316-0.971118c0.64366-2.272763 1.257643-4.563946 1.851161-6.856152 0.062422-0.225127 0.12382-0.450255 0.186242-0.674359 0.623193-2.455935 1.226944-4.923126 1.801019-7.398504l0.121773-0.542352c0.543376-2.373047 1.065262-4.748141 1.555425-7.141654l0.173962-0.880043c0.471744-2.302439 0.920976-4.626367 1.341554-6.948249l0.163729-0.920976c0.419556-2.353604 0.809435-4.716418 1.167592-7.081279 0.039909-0.26606 0.092098-0.532119 0.121773-0.797156 0.38988-2.518357 0.747014-5.045923 1.065262-7.582699l0.029676-0.23536c0.337691-2.620687 0.633427-5.238304 0.901533-7.868201l0.060375-0.563842c0.245593-2.486634 0.471744-4.982478 0.665149-7.480368l0.052189-0.788969c0.184195-2.445702 0.337691-4.900613 0.469698-7.356548l0.041956-0.849344c0.121773-2.5071 0.224104-5.024433 0.285502-7.541767l0.020466-0.582261c0.062422-2.711761 0.104377-5.424546 0.104377-8.146541 0-178.843224-145.034211-323.876412-323.876412-323.876412-178.844248 0-323.886645 145.033187-323.886645 323.876412 0 178.844248 145.043421 323.876412 323.886645 323.876412 2.701528 0 5.392824-0.029676 8.073886-0.102331l0.490164-0.010233c2.620687-0.062422 5.219885-0.163729 7.819083-0.295735l0.603751-0.031722c2.620687-0.132006 5.239328-0.295735 7.838525-0.50142l0.245593-0.010233c2.578732-0.203638 5.136997-0.429789 7.68503-0.685615l0.583285-0.060375c2.51631-0.255827 5.034666-0.543376 7.53051-0.861624l0.76748-0.092098c2.476401-0.325411 4.952802-0.663102 7.408737-1.043772l0.715291-0.11154c2.364861-0.358157 4.718465-0.747014 7.071046-1.167592l0.777713-0.144286c2.37407-0.417509 4.728698-0.87902 7.083326-1.348718l1.115404-0.23536c2.292206-0.471744 4.583388-0.960885 6.855128-1.484817 0.38988-0.092098 0.777713-0.184195 1.157359-0.276293 2.13871-0.491187 4.256954-1.013073 6.374174-1.555425 0.451278-0.11154 0.900509-0.226151 1.350764-0.347924 2.109034-0.541329 4.195555-1.115404 6.293333-1.698688 0.50142-0.144286 1.00284-0.285502 1.505283-0.429789 2.096754-0.603751 4.185322-1.216711 6.261611-1.862417 0.543376-0.163729 1.075495-0.337691 1.616824-0.50142 1.882883-0.593518 3.755534-1.207501 5.628184-1.830695 0.685615-0.226151 1.360997-0.461511 2.046612-0.685615 1.790786-0.62524 3.581572-1.249457 5.362124-1.895163 0.633427-0.234337 1.2689-0.459464 1.902326-0.695848 1.882883-0.695848 3.755534-1.411139 5.617951-2.13871 0.705058-0.276293 1.402953-0.551562 2.109034-0.827855 1.616824-0.645706 3.233648-1.310855 4.840238-1.986237 0.899486-0.367367 1.790786-0.757247 2.680039-1.134847 1.505283-0.645706 2.998287-1.289366 4.483104-1.954515 0.941442-0.419556 1.87265-0.839111 2.814092-1.2689 1.503237-0.695848 3.007497-1.390673 4.500501-2.109034 0.819668-0.387833 1.629103-0.777713 2.436492-1.174756 1.390673-0.675382 2.774183-1.360997 4.145413-2.058892 1.063215-0.541329 2.128477-1.083681 3.191692-1.63729 1.2689-0.653893 2.52859-1.319042 3.78521-1.994424 1.127683-0.603751 2.242064-1.216711 3.367701-1.832741 1.226944-0.685615 2.455935-1.37123 3.683902-2.067079 1.023306-0.574075 2.046612-1.167592 3.059686-1.759063 1.043772-0.61603 2.098801-1.228991 3.14155-1.853208 1.176802-0.717338 2.364861-1.423419 3.529383-2.148943 1.085728-0.665149 2.160199-1.341554 3.233648-2.016937 1.216711-0.76748 2.426259-1.545192 3.63376-2.332115 1.052982-0.685615 2.086521-1.360997 3.13234-2.058892l0.020466-0.010233 255.611655 275.361465c18.399045 19.822464 46.170552 23.64042 62.59564 9.56996l6.723122-5.752004C937.106466 927.146115 934.764118 898.512984 916.374282 878.7028zM416.63349 630.643144c-131.760906 0-238.604306-106.853633-238.604306-238.603283 0-131.750673 106.8434-238.604306 238.604306-238.604306 131.74965 0 238.594073 106.853633 238.594073 238.604306C655.227564 523.789511 548.38314 630.643144 416.63349 630.643144z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(n)])},null,2)],2),e.createElementVNode("div",L,[e.createVNode(k,{placeholder:"查找",class:e.normalizeClass(["inputbox",e.unref(n)]),style:{"margin-top":"6px",width:"320px",transition:"all 0s ease"}},null,8,["class"])]),e.createElementVNode("h3",{style:{"margin-top":"26px","margin-bottom":"26px","margin-left":"18px"},class:e.normalizeClass(["title",e.unref(n)])},e.toDisplayString(t.title),3)]),e.createElementVNode("div",H,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(d,c)=>(e.openBlock(),e.createElementBlock("li",{key:c,class:e.normalizeClass({active:c===t.modelValue}),onClick:f=>a.$emit("update:modelValue",c)},[i[2]||(i[2]=e.createElementVNode("span",{class:"indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",Y,[e.createElementVNode("path",{d:d.icon},null,8,O)])),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(n)])},e.toDisplayString(d.name),3)],10,X))),128))])],2))}},[["__scopeId","data-v-30fc2437"]]);console.log("%c✨Welcome to Web-Win-Vue-Tile✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`);const O={props:{size:{default:"medium"},color:{default:"#0078d7"},title:{default:"App"},icon:{default:""},glowColor:{default:"rgba(255,255,255,0.5)"},glowRadius:{default:60}},data(){return{isHovered:!1,mouseX:0,mouseY:0,glowOpacity:0}},computed:{tileStyle(){return{"--tile-color":this.color,"--glow-color":this.glowColor,"--glow-radius":`${this.glowRadius}px`}},glowStyle(){return{"--x":`${this.mouseX}px`,"--y":`${this.mouseY}px`,opacity:this.glowOpacity}},pointerGlowStyle(){return{"--x":`${this.mouseX}px`,"--y":`${this.mouseY}px`,opacity:this.isHovered?1:0}}},methods:{handleMouseMove(t){const l=t.currentTarget.getBoundingClientRect();this.mouseX=t.clientX-l.left,this.mouseY=t.clientY-l.top;const o=Math.min(this.mouseX,l.width-this.mouseX,this.mouseY,l.height-this.mouseY),n=this.glowRadius;this.glowOpacity=Math.max(0,(n-o)/n)},handleMouseLeave(){this.isHovered=!1,this.glowOpacity=0}}},q={class:"tile-content"},U={class:"tile-icon"},j={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},P=["d"],G={class:"tile-title"};function J(t,l,o,n,s,a){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tile",o.size]),style:e.normalizeStyle(a.tileStyle),onMousemove:l[0]||(l[0]=(...i)=>a.handleMouseMove&&a.handleMouseMove(...i)),onMouseenter:l[1]||(l[1]=i=>s.isHovered=!0),onMouseleave:l[2]||(l[2]=(...i)=>a.handleMouseLeave&&a.handleMouseLeave(...i))},[e.createElementVNode("div",q,[e.createElementVNode("div",U,[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",j,[e.createElementVNode("path",{fill:"white",d:o.icon},null,8,P)]))],!0)]),e.createElementVNode("div",G,e.toDisplayString(o.title),1)]),e.createElementVNode("div",{class:"glow-border",style:e.normalizeStyle(a.glowStyle)},null,4),e.createElementVNode("div",{class:"pointer-glow",style:e.normalizeStyle(a.pointerGlowStyle)},null,4)],38)}const V=_(O,[["render",J],["__scopeId","data-v-9ae9ef89"]]),K={class:"container"},Q=["src"],Z=["src"],E={__name:"webwin-tab",props:{menu:Array,url:Array,titlebar:Boolean,titlebartext:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-Tab✨",`
+  text-shadow: 0 1px 0 #0078d7;`);const q={props:{size:{default:"medium"},color:{default:"#0078d7"},title:{default:"App"},icon:{default:""},glowColor:{default:"rgba(255,255,255,0.5)"},glowRadius:{default:60}},data(){return{isHovered:!1,mouseX:0,mouseY:0,glowOpacity:0}},computed:{tileStyle(){return{"--tile-color":this.color,"--glow-color":this.glowColor,"--glow-radius":`${this.glowRadius}px`}},glowStyle(){return{"--x":`${this.mouseX}px`,"--y":`${this.mouseY}px`,opacity:this.glowOpacity}},pointerGlowStyle(){return{"--x":`${this.mouseX}px`,"--y":`${this.mouseY}px`,opacity:this.isHovered?1:0}}},methods:{handleMouseMove(t){const l=t.currentTarget.getBoundingClientRect();this.mouseX=t.clientX-l.left,this.mouseY=t.clientY-l.top;const o=Math.min(this.mouseX,l.width-this.mouseX,this.mouseY,l.height-this.mouseY),n=this.glowRadius;this.glowOpacity=Math.max(0,(n-o)/n)},handleMouseLeave(){this.isHovered=!1,this.glowOpacity=0}}},U={class:"tile-content"},j={class:"tile-icon"},P={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},G=["d"],J={class:"tile-title"};function K(t,l,o,n,s,a){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tile",o.size]),style:e.normalizeStyle(a.tileStyle),onMousemove:l[0]||(l[0]=(...i)=>a.handleMouseMove&&a.handleMouseMove(...i)),onMouseenter:l[1]||(l[1]=i=>s.isHovered=!0),onMouseleave:l[2]||(l[2]=(...i)=>a.handleMouseLeave&&a.handleMouseLeave(...i))},[e.createElementVNode("div",U,[e.createElementVNode("div",j,[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",P,[e.createElementVNode("path",{fill:"white",d:o.icon},null,8,G)]))],!0)]),e.createElementVNode("div",J,e.toDisplayString(o.title),1)]),e.createElementVNode("div",{class:"glow-border",style:e.normalizeStyle(a.glowStyle)},null,4),e.createElementVNode("div",{class:"pointer-glow",style:e.normalizeStyle(a.pointerGlowStyle)},null,4)],38)}const V=_(q,[["render",K],["__scopeId","data-v-9ae9ef89"]]),Q={class:"container"},Z=["src"],A=["src"],E={__name:"webwin-tab",props:{menu:Array,url:Array,titlebar:Boolean,titlebartext:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-Tab✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`);const l=t,o=e.ref(0),n=e.ref(0),s=e.ref(l.url[0]);let a=e.ref(""),i=e.ref("");l.titlebar?a.value=l.titlebartext:a.value="",e.watch(o,c=>{console.log("activeIndex changed:",c),console.log("new url:",l.url[c]),s.value=l.url[c],n.value=n.value===0?1:0,console.log("docState:",n.value)});function m(c){c?i.value="":i.value="folded"}return(c,w)=>(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(k,{modelValue:o.value,"onUpdate:modelValue":w[0]||(w[0]=h=>o.value=h),items:t.menu,class:"item-1",bartitle:e.unref(a),onUpdate:m},null,8,["modelValue","items","bartitle"]),e.createVNode(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[n.value===0?(e.openBlock(),e.createElementBlock("div",{key:"state0",class:e.normalizeClass(["iframe-container",e.unref(i)])},[e.renderSlot(c.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:s.value,style:{"margin-top":"70px"}},null,8,Q),[[e.vShow,n.value===0]])])],2)):n.value===1?(e.openBlock(),e.createElementBlock("div",{key:"state1",class:e.normalizeClass(["iframe-container",e.unref(i)])},[e.renderSlot(c.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:s.value,style:{"margin-top":"70px"}},null,8,Z),[[e.vShow,n.value===1]])])],2)):e.createCommentVNode("",!0)]),_:3})]))}},A=["value","placeholder"],B=e.defineComponent({__name:"webwin-passwordbox",props:{value:String,placeholder:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-PasswordBox✨",`
+  text-shadow: 0 1px 0 #0078d7;`);const l=t,o=e.ref(0),n=e.ref(0),s=e.ref(l.url[0]);let a=e.ref(""),i=e.ref("");l.titlebar?a.value=l.titlebartext:a.value="",e.watch(o,c=>{console.log("activeIndex changed:",c),console.log("new url:",l.url[c]),s.value=l.url[c],n.value=n.value===0?1:0,console.log("docState:",n.value)});function d(c){c?i.value="":i.value="folded"}return(c,f)=>(e.openBlock(),e.createElementBlock("div",Q,[e.createVNode(x,{modelValue:o.value,"onUpdate:modelValue":f[0]||(f[0]=h=>o.value=h),items:t.menu,class:"item-1",bartitle:e.unref(a),onUpdate:d},null,8,["modelValue","items","bartitle"]),e.createVNode(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[n.value===0?(e.openBlock(),e.createElementBlock("div",{key:"state0",class:e.normalizeClass(["iframe-container",e.unref(i)])},[e.renderSlot(c.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:s.value,style:{"margin-top":"70px"}},null,8,Z),[[e.vShow,n.value===0]])])],2)):n.value===1?(e.openBlock(),e.createElementBlock("div",{key:"state1",class:e.normalizeClass(["iframe-container",e.unref(i)])},[e.renderSlot(c.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:s.value,style:{"margin-top":"70px"}},null,8,A),[[e.vShow,n.value===1]])])],2)):e.createCommentVNode("",!0)]),_:3})]))}},v=["value","placeholder"],$=e.defineComponent({__name:"webwin-passwordbox",props:{value:String,placeholder:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-PasswordBox✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`);const l=t,o=e.ref(l.value),n=e.ref(l.placeholder);return(s,a)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"uwppassword",value:o.value,placeholder:n.value,onChange:a[0]||(a[0]=i=>s.$emit("@change",i))},null,40,A))}}),v=["data-placeholder"],$=e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update","change"],setup(t,{emit:l}){const o=t,n=l,s=e.ref(null),a=e.ref(o.placeholder),i=e.ref(o.value);e.onMounted(()=>{s.value&&(s.value.textContent=o.value||"",i.value=o.value||"")});const m=h=>{if(!s.value)return;const f=s.value.textContent||"";n("update",f),e.nextTick(()=>{if(s.value){const d=document.createRange(),p=window.getSelection();d.selectNodeContents(s.value),d.collapse(!1),p?.removeAllRanges(),p?.addRange(d)}})},c=h=>{const f=h.target;f.textContent===o.placeholder&&(f.textContent="")},w=h=>{const f=h.target,d=f.textContent||"";d!==i.value&&(n("change",{target:{value:d}}),i.value=d),d.trim()===""&&(f.textContent="")};return(h,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editableDiv",ref:s,class:"uwprichrditbox",contenteditable:"plaintext-only","data-placeholder":a.value,onInput:m,onFocus:c,onBlur:w},null,40,v))}}),ee=["src"],te={class:"n-name",style:{display:"inline-block","margin-left":"6px"}},oe={class:"n-text n-title"},ne={class:"n-vulua"},N={__name:"webwin-notifications",props:{name:String,title:String,text:String,img:String},setup(t,{expose:l}){const o=t;let n=e.ref(!1),s=e.ref(o.img);const a=()=>{n.value=!n.value};function i(){n.value&&setTimeout(()=>{n.value=!1},250)}return l({showNotification:a}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
+  text-shadow: 0 1px 0 #0078d7;`);const l=t,o=e.ref(l.value),n=e.ref(l.placeholder);return(s,a)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"uwppassword",value:o.value,placeholder:n.value,onChange:a[0]||(a[0]=i=>s.$emit("@change",i))},null,40,v))}}),ee=["data-placeholder"],B=e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update","change"],setup(t,{emit:l}){const o=t,n=l,s=e.ref(null),a=e.ref(o.placeholder),i=e.ref(o.value);e.onMounted(()=>{s.value&&(s.value.textContent=o.value||"",i.value=o.value||"")});const d=h=>{if(!s.value)return;const w=s.value.textContent||"";n("update",w),e.nextTick(()=>{if(s.value){const m=document.createRange(),p=window.getSelection();m.selectNodeContents(s.value),m.collapse(!1),p?.removeAllRanges(),p?.addRange(m)}})},c=h=>{const w=h.target;w.textContent===o.placeholder&&(w.textContent="")},f=h=>{const w=h.target,m=w.textContent||"";m!==i.value&&(n("change",{target:{value:m}}),i.value=m),m.trim()===""&&(w.textContent="")};return(h,w)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editableDiv",ref:s,class:"uwprichrditbox",contenteditable:"plaintext-only","data-placeholder":a.value,onInput:d,onFocus:c,onBlur:f},null,40,ee))}}),te=["src"],oe={class:"n-name",style:{display:"inline-block","margin-left":"6px"}},ne={class:"n-text n-title"},le={class:"n-vulua"},N={__name:"webwin-notifications",props:{name:String,title:String,text:String,img:String},setup(t,{expose:l}){const o=t;let n=e.ref(!1),s=e.ref(o.img);const a=()=>{n.value=!n.value};function i(){n.value&&setTimeout(()=>{n.value=!1},250)}return l({showNotification:a}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`),(m,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"Notification",onClick:i},[e.createElementVNode("img",{src:e.unref(s),style:{"object-fit":"contain","margin-left":"16px","margin-right":"0px",display:"inline-block","vertical-align":"middle",width:"16px",height:"16px"}},null,8,ee),e.createElementVNode("p",te,e.toDisplayString(t.name),1),e.createElementVNode("h4",oe,e.toDisplayString(t.title),1),e.createElementVNode("p",ne,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},le=["name","id"],ae=["for"],C=_(e.defineComponent({__name:"webwin-checkbox",props:{name:String,checked:Array},setup(t){const l=t,o=e.ref(l.name),n=e.ref(l.checked);return console.log("%c✨Welcome to Web-Win-Vue-Checkbox✨",`
+  text-shadow: 0 1px 0 #0078d7;`),(d,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"Notification",onClick:i},[e.createElementVNode("img",{src:e.unref(s),style:{"object-fit":"contain","margin-left":"16px","margin-right":"0px",display:"inline-block","vertical-align":"middle",width:"16px",height:"16px"}},null,8,te),e.createElementVNode("p",oe,e.toDisplayString(t.name),1),e.createElementVNode("h4",ne,e.toDisplayString(t.title),1),e.createElementVNode("p",le,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},ae=["name","id"],se=["for"],C=_(e.defineComponent({__name:"webwin-checkbox",props:{name:String,checked:Array},setup(t){const l=t,o=e.ref(l.name),n=e.ref(l.checked);return console.log("%c✨Welcome to Web-Win-Vue-Checkbox✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`),(s,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"ww-checkbox",name:o.value,id:o.value,"onUpdate:modelValue":a[0]||(a[0]=i=>n.value=i),onClick:a[1]||(a[1]=i=>s.$emit("click",i))},null,8,le),[[e.vModelCheckbox,n.value]]),e.createElementVNode("label",{for:o.value,class:"ww-checkbox-label"},[e.renderSlot(s.$slots,"default",{},void 0,!0)],8,ae)],64))}}),[["__scopeId","data-v-c289ea76"]]),ie=["name","id"],se=["for"],S=_(e.defineComponent({__name:"webwin-radio",props:{name:String,checked:Array},setup(t){const l=t,o=e.ref(l.name),n=e.ref(l.checked);return console.log("%c✨Welcome to Web-Win-Vue-radio✨",`
+  text-shadow: 0 1px 0 #0078d7;`),(s,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"ww-checkbox",name:o.value,id:o.value,"onUpdate:modelValue":a[0]||(a[0]=i=>n.value=i),onClick:a[1]||(a[1]=i=>s.$emit("click",i))},null,8,ae),[[e.vModelCheckbox,n.value]]),e.createElementVNode("label",{for:o.value,class:"ww-checkbox-label"},[e.renderSlot(s.$slots,"default",{},void 0,!0)],8,se)],64))}}),[["__scopeId","data-v-c289ea76"]]),ie=["name","id"],ce=["for"],S=_(e.defineComponent({__name:"webwin-radio",props:{name:String,checked:Array},setup(t){const l=t,o=e.ref(l.name),n=e.ref(l.checked);return console.log("%c✨Welcome to Web-Win-Vue-radio✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`),(s,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"radio",class:"ww-radio",name:o.value,id:o.value,"onUpdate:modelValue":a[0]||(a[0]=i=>n.value=i),onClick:a[1]||(a[1]=i=>s.$emit("click",i))},null,8,ie),[[e.vModelRadio,n.value]]),e.createElementVNode("label",{for:o.value,class:"ww-radio-label"},[e.renderSlot(s.$slots,"default",{},void 0,!0)],8,se)],64))}}),[["__scopeId","data-v-78978c8c"]]),ce={style:{position:"relative"}},re={key:0,class:"list-box"},de={style:{overflow:"auto",height:"calc( 100% - 240px )"}},me=["onClick"],pe={class:"label"},W=_({__name:"webwin-combobox",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"itembox"}},emits:["update"],setup(t,{emit:l}){e.useCssVars(d=>({"10c6d247":e.unref(w)+"px","209dc3e4":e.unref(c)+"px"})),console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
+  text-shadow: 0 1px 0 #0078d7;`),(s,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"radio",class:"ww-radio",name:o.value,id:o.value,"onUpdate:modelValue":a[0]||(a[0]=i=>n.value=i),onClick:a[1]||(a[1]=i=>s.$emit("click",i))},null,8,ie),[[e.vModelRadio,n.value]]),e.createElementVNode("label",{for:o.value,class:"ww-radio-label"},[e.renderSlot(s.$slots,"default",{},void 0,!0)],8,ce)],64))}}),[["__scopeId","data-v-78978c8c"]]),re={style:{position:"relative"}},de={key:0,class:"list-box"},me={style:{overflow:"auto",height:"calc( 100% - 240px )"}},pe=["onClick"],fe={class:"label"},W=_({__name:"webwin-combobox",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"itembox"}},emits:["update"],setup(t,{emit:l}){e.useCssVars(m=>({"10c6d247":e.unref(f)+"px","209dc3e4":e.unref(c)+"px"})),console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`);const o=t,n=l;let s=e.ref(""),a=e.ref(!1),i=e.ref(o.modelValue),m=e.ref(o.title),c=e.ref(-6),w=e.ref(6);function h(d){a.value=!1,s.value="",i.value=d,m.value=o.items[d].name,n("update",d),setTimeout(()=>{c.value=d*-35-6,w.value=d*35+6},100)}function f(){a.value=!a.value,s.value=a.value?"active":""}return(d,p)=>(e.openBlock(),e.createElementBlock("div",ce,[e.createElementVNode("div",{class:e.normalizeClass(["list-box-button",e.unref(s)]),onClick:f},e.toDisplayString(e.unref(m)),3),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(a)?(e.openBlock(),e.createElementBlock("ul",re,[p[0]||(p[0]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",de,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(g,u)=>(e.openBlock(),e.createElementBlock("li",{key:u,class:e.normalizeClass({active:u===e.unref(i)}),onClick:y=>h(u)},[e.createElementVNode("span",pe,e.toDisplayString(g.name),1)],10,me))),128))]),p[1]||(p[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-846b2b4f"]]),fe={class:"progress-bar"},z=_({__name:"webwin-progressbar",props:{progress:{type:Number,default:0}},setup(t){return console.log("%c✨Welcome to Web-Win-Vue-ProgressBar✨",`
+  text-shadow: 0 1px 0 #0078d7;`);const o=t,n=l;let s=e.ref(""),a=e.ref(!1),i=e.ref(o.modelValue),d=e.ref(o.title),c=e.ref(-6),f=e.ref(6);function h(m){a.value=!1,s.value="",i.value=m,d.value=o.items[m].name,n("update",m),setTimeout(()=>{c.value=m*-35-6,f.value=m*35+6},100)}function w(){a.value=!a.value,s.value=a.value?"active":""}return(m,p)=>(e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("div",{class:e.normalizeClass(["list-box-button",e.unref(s)]),onClick:w},e.toDisplayString(e.unref(d)),3),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(a)?(e.openBlock(),e.createElementBlock("ul",de,[p[0]||(p[0]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(g,u)=>(e.openBlock(),e.createElementBlock("li",{key:u,class:e.normalizeClass({active:u===e.unref(i)}),onClick:y=>h(u)},[e.createElementVNode("span",fe,e.toDisplayString(g.name),1)],10,pe))),128))]),p[1]||(p[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-846b2b4f"]]),we={class:"progress-bar"},z=_({__name:"webwin-progressbar",props:{progress:{type:Number,default:0}},setup(t){return console.log("%c✨Welcome to Web-Win-Vue-ProgressBar✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`),(l,o)=>(e.openBlock(),e.createElementBlock("div",fe,[e.createElementVNode("div",{class:"progress",style:e.normalizeStyle({width:t.progress+"%"})},null,4)]))}},[["__scopeId","data-v-18bec619"]]),we={key:0,class:"window-background"},he={key:0,class:"window"},_e={style:{"margin-top":"24px","margin-bottom":"24px"}},ge={class:"window-title"},ue={style:{"margin-left":"25px","margin-right":"24px",width:"calc(100% - 48px)"}},be={style:{"margin-left":"24px","margin-right":"24px",width:"calc(100% - 48px)",display:"Flex",gap:"6px","margin-top":"48px"}},M=_({__name:"webwin-window",props:{items:{type:Array,required:!0,default:[{text:"11"},{text:"11"}]},title:{type:String,default:"Title"}},setup(t,{expose:l}){let o=e.ref("");return l({showDialog:()=>{o.value=!0}}),(s,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createElementBlock("div",we)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("div",_e,[e.createElementVNode("h2",ge,e.toDisplayString(t.title),1),e.createElementVNode("div",ue,[e.renderSlot(s.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(i,m)=>(e.openBlock(),e.createBlock(b,{class:"window-button",key:m,onClick:a[0]||(a[0]=c=>e.isRef(o)?o.value=!1:o=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.text),1)]),_:2},1024))),128))])])])):e.createCommentVNode("",!0)]),_:3})],64))}},[["__scopeId","data-v-925d7c12"]]),xe={},ke={class:"card"};function ye(t,l){return e.openBlock(),e.createElementBlock("div",ke,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const D=_(xe,[["render",ye],["__scopeId","data-v-f3f865b5"]]),Ve={key:0,class:"dropdown-container"},Ee={class:"dropdown"},Be={style:{overflow:"auto",height:"calc( 100% - 240px )"}},$e=["onClick"],Ne={class:"label"},T=_({__name:"webwin-dropdown",props:{items:{type:Array,required:!0}},emits:["update"],setup(t,{expose:l,emit:o}){e.useCssVars(p=>({"1b68a8ea":e.unref(a)+"px","5a2cd86a":e.unref(i)+"px"})),console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
+  text-shadow: 0 1px 0 #0078d7;`),(l,o)=>(e.openBlock(),e.createElementBlock("div",we,[e.createElementVNode("div",{class:"progress",style:e.normalizeStyle({width:t.progress+"%"})},null,4)]))}},[["__scopeId","data-v-18bec619"]]),he={key:0,class:"window-background"},_e={key:0,class:"window"},ge={style:{"margin-top":"24px","margin-bottom":"24px"}},ue={class:"window-title"},be={style:{"margin-left":"25px","margin-right":"24px",width:"calc(100% - 48px)"}},ke={style:{"margin-left":"24px","margin-right":"24px",width:"calc(100% - 48px)",display:"Flex",gap:"6px","margin-top":"48px"}},M=_({__name:"webwin-window",props:{items:{type:Array,required:!0,default:[{text:"11"},{text:"11"}]},title:{type:String,default:"Title"}},setup(t,{expose:l}){let o=e.ref("");return l({showDialog:()=>{o.value=!0}}),(s,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createElementBlock("div",he)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("div",ge,[e.createElementVNode("h2",ue,e.toDisplayString(t.title),1),e.createElementVNode("div",be,[e.renderSlot(s.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",ke,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(i,d)=>(e.openBlock(),e.createBlock(b,{class:"window-button",key:d,onClick:a[0]||(a[0]=c=>e.isRef(o)?o.value=!1:o=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.text),1)]),_:2},1024))),128))])])])):e.createCommentVNode("",!0)]),_:3})],64))}},[["__scopeId","data-v-925d7c12"]]),xe={},ye={class:"card"};function Ve(t,l){return e.openBlock(),e.createElementBlock("div",ye,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const D=_(xe,[["render",Ve],["__scopeId","data-v-f3f865b5"]]),Ee={key:0,class:"dropdown-container"},$e={class:"dropdown"},Be={style:{overflow:"auto",height:"calc( 100% - 240px )"}},Ne=["onClick"],Ce={class:"label"},I=_({__name:"webwin-dropdown",props:{items:{type:Array,required:!0}},emits:["update"],setup(t,{expose:l,emit:o}){e.useCssVars(p=>({"1b68a8ea":e.unref(a)+"px","5a2cd86a":e.unref(i)+"px"})),console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`);const n=t,s=o;let a=e.ref(0),i=e.ref(0),m=e.ref(""),c=e.ref(!1),w=e.ref(0),h=e.ref(n.title||"");function f(p){c.value=!1,m.value="",w.value=p,h.value=n.items[p].name,s("update",p)}return l({showbox:(p,g)=>{c.value=!c.value,m.value=c.value?"active":"",a.value=p,i.value=g}}),(p,g)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("div",{class:"dropdown_backgroud",onClick:g[0]||(g[0]=u=>e.isRef(c)?c.value=!1:c=!1)}),e.createElementVNode("ul",Ee,[g[1]||(g[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(u,y)=>(e.openBlock(),e.createElementBlock("li",{key:y,class:e.normalizeClass({active:y===e.unref(w)}),onClick:He=>f(y)},[e.createElementVNode("span",Ne,e.toDisplayString(u.name),1)],10,$e))),128))]),g[2]||(g[2]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-75185cc0"]]),Ce=[T,D,M,z,W,S,C,b,k,V,E,x,B,$,N],Se={install(t){Ce.forEach(l=>{t.component("winbutton",b),t.component("winitem",k),t.component("wintile",V),t.component("wintab",E),t.component("wininputbox",x),t.component("winpasswordbox",B),t.component("winricheditbox",$),t.component("winnotifications",N),t.component("wincheckbox",C),t.component("winradio",S),t.component("wincombobox",W),t.component("winprogressbar",z),t.component("winwindow",M),t.component("wincard",D),t.component("windropdown",T)})}};r.default=Se,r.winbutton=b,r.wincard=D,r.wincheckbox=C,r.wincombobox=W,r.windropdown=T,r.wininputbox=x,r.winitem=k,r.winnotifications=N,r.winpasswordbox=B,r.winprogressbar=z,r.winradio=S,r.winricheditbox=$,r.wintab=E,r.wintile=V,r.winwindow=M,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+  text-shadow: 0 1px 0 #0078d7;`);const n=t,s=o;let a=e.ref(0),i=e.ref(0),d=e.ref(""),c=e.ref(!1),f=e.ref(0),h=e.ref(n.title||"");function w(p){c.value=!1,d.value="",f.value=p,h.value=n.items[p].name,s("update",p)}return l({showbox:(p,g)=>{c.value=!c.value,d.value=c.value?"active":"",a.value=p,i.value=g}}),(p,g)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createElementBlock("div",Ee,[e.createElementVNode("div",{class:"dropdown_backgroud",onClick:g[0]||(g[0]=u=>e.isRef(c)?c.value=!1:c=!1)}),e.createElementVNode("ul",$e,[g[1]||(g[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(u,y)=>(e.openBlock(),e.createElementBlock("li",{key:y,class:e.normalizeClass({active:y===e.unref(f)}),onClick:Ue=>w(y)},[e.createElementVNode("span",Ce,e.toDisplayString(u.name),1)],10,Ne))),128))]),g[2]||(g[2]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-75185cc0"]]),Se={class:"tabbar"},We=["onClick"],ze={class:"label"},Me={key:0,class:"indicator"},De={style:{float:"right"}},T={__name:"webwin-topappbar",props:{menu:Array,activeIndex:Number},emits:["update"],setup(t){const l=t;let o=e.ref(l.activeIndex||0),n=e.ref(l.menu);function s(a){o.value=a,emit("update",a)}return(a,i)=>(e.openBlock(),e.createElementBlock("ul",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n),(d,c)=>(e.openBlock(),e.createElementBlock("li",{key:c,class:e.normalizeClass([{active:c===e.unref(o)},"tabbar-item"]),onClick:f=>s(c)},[e.createElementVNode("span",ze,e.toDisplayString(d.name),1),c===e.unref(o)?(e.openBlock(),e.createElementBlock("span",Me)):e.createCommentVNode("",!0)],10,We))),128)),e.createElementVNode("li",De,[e.renderSlot(a.$slots,"default")])]))}},Ie=[T,I,D,M,z,W,S,C,b,x,V,E,k,$,B,N],Te={install(t){Ie.forEach(l=>{t.component("winbutton",b),t.component("winitem",x),t.component("wintile",V),t.component("wintab",E),t.component("wininputbox",k),t.component("winpasswordbox",$),t.component("winricheditbox",B),t.component("winnotifications",N),t.component("wincheckbox",C),t.component("winradio",S),t.component("wincombobox",W),t.component("winprogressbar",z),t.component("winwindow",M),t.component("wincard",D),t.component("windropdown",I),t.component("wintopappbar",T)})}};r.default=Te,r.winbutton=b,r.wincard=D,r.wincheckbox=C,r.wincombobox=W,r.windropdown=I,r.wininputbox=k,r.winitem=x,r.winnotifications=N,r.winpasswordbox=$,r.winprogressbar=z,r.winradio=S,r.winricheditbox=B,r.wintab=E,r.wintile=V,r.wintopappbar=T,r.winwindow=M,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));