web-win-vue 0.6.5 → 0.6.6

package/package.json

@@ -1,7 +1,7 @@
 
 {
   "name": "web-win-vue",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "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(--v10c6d247);-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(--v209dc3e4)}.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(--v1b68a8ea);top:var(--v5a2cd86a);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}.topappbar{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%}.topappbar li{transform-origin:center;height:22px;position:relative;display:inline-block;align-items:center;padding:var(--sb-pad, 10px 15px)}.topappbar .topappbar-item:hover{background:var(--sb-hover-bg, #cecece)}.topappbar-label{color:var(--sb-topappbar-label-color, #333);white-space:nowrap;font-size:16px}.topappbar-indicator{height:2.5px;background-color:#006fd0;width:26px;margin:8px auto 0;display:block}
+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(--v10c6d247);-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(--v209dc3e4)}.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(--v1b68a8ea);top:var(--v5a2cd86a);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}.topappbar{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%}.topappbar li{transform-origin:center;position:relative;display:inline-block;align-items:center;padding:var(--sb-pad, 10px 15px 0 15px)}.topappbar .topappbar-item:hover{background:var(--sb-hover-bg, #cecece)}.topappbar-label{color:var(--sb-topappbar-label-color, #333);white-space:nowrap;font-size:16px}.topappbar-indicator{height:2.5px;background-color:#006fd0;width:26px;margin:8px auto 0;display:block}.topappbar-indicator-not{height:2.5px;background-color:#006fd000;width:26px;margin:8px auto 0;display:block}

package/web-win-vue.mjs

@@ -1,4 +1,4 @@
-import { createElementBlock as r, openBlock as c, renderSlot as k, defineComponent as B, ref as u, normalizeClass as f, unref as p, createElementVNode as l, toDisplayString as g, createVNode as W, Fragment as $, renderList as M, normalizeStyle as z, watch as te, Transition as I, 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 L, createTextVNode as ae } from "vue";
+import { createElementBlock as r, openBlock as c, renderSlot as k, defineComponent as B, ref as u, normalizeClass as f, unref as p, createElementVNode as l, toDisplayString as g, createVNode as V, Fragment as $, renderList as M, normalizeStyle as z, watch as te, Transition as I, withCtx as W, createCommentVNode as C, 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 L, createTextVNode as ae } from "vue";
 const y = (e, n) => {
   const o = e.__vccOpts || e;
   for (const [t, a] of n)
@@ -104,7 +104,7 @@ const y = (e, n) => {
           }, null, 2)
         ], 2),
         l("div", ue, [
-          W(D, {
+          V(D, {
             placeholder: "查找",
             class: f(["inputbox", p(t)]),
             style: { "margin-top": "6px", width: "320px", transition: "all 0s ease" }
@@ -247,7 +247,7 @@ const O = /* @__PURE__ */ y(we, [["render", ye], ["__scopeId", "data-v-9ae9ef89"
       d ? i.value = "" : i.value = "folded";
     }
     return (d, v) => (c(), r("div", $e, [
-      W(H, {
+      V(H, {
         modelValue: o.value,
         "onUpdate:modelValue": v[0] || (v[0] = (b) => o.value = b),
         items: e.menu,
@@ -255,11 +255,11 @@ const O = /* @__PURE__ */ y(we, [["render", ye], ["__scopeId", "data-v-9ae9ef89"
         bartitle: p(s),
         onUpdate: h
       }, null, 8, ["modelValue", "items", "bartitle"]),
-      W(I, {
+      V(I, {
         name: "fade",
         mode: "out-in"
       }, {
-        default: C(() => [
+        default: W(() => [
           t.value === 0 ? (c(), r("div", {
             key: "state0",
             class: f(["iframe-container", p(i)])
@@ -284,7 +284,7 @@ const O = /* @__PURE__ */ y(we, [["render", ye], ["__scopeId", "data-v-9ae9ef89"
                 [X, t.value === 1]
               ])
             ])
-          ], 2)) : V("", !0)
+          ], 2)) : C("", !0)
         ]),
         _: 3
       })
@@ -370,7 +370,7 @@ const O = /* @__PURE__ */ y(we, [["render", ye], ["__scopeId", "data-v-9ae9ef89"
     return n({ showNotification: s }), console.log("%c✨Welcome to Web-Win-Vue-Notifications✨", `
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`), (h, d) => (c(), Y(I, { name: "slide-fade" }, {
-      default: C(() => [
+      default: W(() => [
         p(t) ? (c(), r("div", {
           key: 0,
           class: "Notification",
@@ -383,7 +383,7 @@ const O = /* @__PURE__ */ y(we, [["render", ye], ["__scopeId", "data-v-9ae9ef89"
           l("p", Me, g(e.name), 1),
           l("h4", Ie, g(e.title), 1),
           l("p", Be, g(e.text), 1)
-        ])) : V("", !0)
+        ])) : C("", !0)
       ]),
       _: 1
     }));
@@ -473,8 +473,8 @@ const O = /* @__PURE__ */ y(we, [["render", ye], ["__scopeId", "data-v-9ae9ef89"
         class: f(["list-box-button", p(a)]),
         onClick: _
       }, g(p(h)), 3),
-      W(I, null, {
-        default: C(() => [
+      V(I, null, {
+        default: W(() => [
           p(s) ? (c(), r("ul", Ye, [
             w[0] || (w[0] = l("div", { style: { height: "6px" } }, null, -1)),
             l("div", Fe, [
@@ -487,7 +487,7 @@ const O = /* @__PURE__ */ y(we, [["render", ye], ["__scopeId", "data-v-9ae9ef89"
               ], 10, Le))), 128))
             ]),
             w[1] || (w[1] = l("div", { style: { height: "6px" } }, null, -1))
-          ])) : V("", !0)
+          ])) : C("", !0)
         ]),
         _: 1
       })
@@ -525,14 +525,14 @@ const O = /* @__PURE__ */ y(we, [["render", ye], ["__scopeId", "data-v-9ae9ef89"
     return n({ showDialog: () => {
       o.value = !0;
     } }), (a, s) => (c(), r($, null, [
-      W(I, null, {
-        default: C(() => [
-          p(o) ? (c(), r("div", Ge)) : V("", !0)
+      V(I, null, {
+        default: W(() => [
+          p(o) ? (c(), r("div", Ge)) : C("", !0)
         ]),
         _: 1
       }),
-      W(I, null, {
-        default: C(() => [
+      V(I, null, {
+        default: W(() => [
           p(o) ? (c(), r("div", Pe, [
             l("div", je, [
               l("h2", Je, g(e.title), 1),
@@ -545,14 +545,14 @@ const O = /* @__PURE__ */ y(we, [["render", ye], ["__scopeId", "data-v-9ae9ef89"
                   key: h,
                   onClick: s[0] || (s[0] = (d) => L(o) ? o.value = !1 : o = !1)
                 }, {
-                  default: C(() => [
+                  default: W(() => [
                     ae(g(i.text), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
               ])
             ])
-          ])) : V("", !0)
+          ])) : C("", !0)
         ]),
         _: 3
       })
@@ -588,8 +588,8 @@ const Z = /* @__PURE__ */ y(Ae, [["render", tt], ["__scopeId", "data-v-f3f865b5"
     return n({ showbox: (w, x) => {
       d.value = !d.value, h.value = d.value ? "active" : "", s.value = w, i.value = x;
     } }), (w, x) => (c(), r("div", null, [
-      W(I, null, {
-        default: C(() => [
+      V(I, null, {
+        default: W(() => [
           p(d) ? (c(), r("div", ot, [
             l("div", {
               class: "dropdown_backgroud",
@@ -601,14 +601,14 @@ const Z = /* @__PURE__ */ y(Ae, [["render", tt], ["__scopeId", "data-v-f3f865b5"
                 (c(!0), r($, null, M(e.items, (S, N) => (c(), r("li", {
                   key: N,
                   class: f({ active: N === p(v) }),
-                  onClick: (ht) => _(N)
+                  onClick: (wt) => _(N)
                 }, [
                   l("span", at, g(S.name), 1)
                 ], 10, st))), 128))
               ]),
               x[2] || (x[2] = l("div", { style: { height: "6px" } }, null, -1))
             ])
-          ])) : V("", !0)
+          ])) : C("", !0)
         ]),
         _: 1
       })
@@ -617,7 +617,10 @@ const Z = /* @__PURE__ */ y(Ae, [["render", tt], ["__scopeId", "data-v-f3f865b5"
 }, A = /* @__PURE__ */ y(it, [["__scopeId", "data-v-75185cc0"]]), ct = { class: "topappbar" }, rt = ["onClick"], ut = { class: "topappbar-label" }, dt = {
   key: 0,
   class: "topappbar-indicator"
-}, pt = ["onClick"], mt = { class: "topappbar-label" }, ee = {
+}, pt = {
+  key: 1,
+  class: "topappbar-indicator-not"
+}, mt = ["onClick"], vt = { class: "topappbar-label" }, ee = {
   __name: "webwin-topappbar",
   props: { items: Array, activeIndex: Number, rightMenu: { type: Array, default: [] } },
   emits: ["update"],
@@ -637,7 +640,8 @@ const Z = /* @__PURE__ */ y(Ae, [["render", tt], ["__scopeId", "data-v-f3f865b5"
         onClick: (w) => h(m)
       }, [
         l("span", ut, g(_.name), 1),
-        m === p(a) ? (c(), r("span", dt)) : V("", !0)
+        m === p(a) ? (c(), r("span", dt)) : C("", !0),
+        m != p(a) ? (c(), r("span", pt)) : C("", !0)
       ], 10, rt))), 128)),
       (c(!0), r($, null, M(p(i), (_, m) => (c(), r("li", {
         key: m,
@@ -645,19 +649,19 @@ const Z = /* @__PURE__ */ y(Ae, [["render", tt], ["__scopeId", "data-v-f3f865b5"
         class: "topappbar-item",
         style: { float: "right" }
       }, [
-        l("span", mt, g(_.name), 1)
-      ], 8, pt))), 128))
+        l("span", vt, g(_.name), 1)
+      ], 8, mt))), 128))
     ]));
   }
-}, vt = [ee, A, Z, Q, K, J, j, P, T, H, O, q, D, U, E, G], _t = {
+}, ht = [ee, A, Z, Q, K, J, j, P, T, H, O, q, D, U, E, G], ft = {
   install(e) {
-    vt.forEach((n) => {
+    ht.forEach((n) => {
       e.component("winbutton", T), e.component("winitem", H), e.component("wintile", O), e.component("wintab", q), 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 {
-  _t as default,
+  ft as default,
   T as winbutton,
   Z as wincard,
   P as wincheckbox,

package/web-win-vue.umd.js

@@ -22,4 +22,4 @@
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`),(l,n)=>(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("div",{class:"progress",style:e.normalizeStyle({width:t.progress+"%"})},null,4)]))}},[["__scopeId","data-v-18bec619"]]),we={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"}},z=_({__name:"webwin-window",props:{items:{type:Array,required:!0,default:[{text:"11"},{text:"11"}]},title:{type:String,default:"Title"}},setup(t,{expose:l}){let n=e.ref("");return l({showDialog:()=>{n.value=!0}}),(s,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",we)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(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,p)=>(e.openBlock(),e.createBlock(b,{class:"window-button",key:p,onClick:a[0]||(a[0]=c=>e.isRef(n)?n.value=!1:n=!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"]]),Be={key:0,class:"dropdown-container"},Ee={class:"dropdown"},$e={style:{overflow:"auto",height:"calc( 100% - 240px )"}},Ce=["onClick"],Ne={class:"label"},I=_({__name:"webwin-dropdown",props:{items:{type:Array,required:!0}},emits:["update"],setup(t,{expose:l,emit:n}){e.useCssVars(f=>({v1b68a8ea:e.unref(a)+"px",v5a2cd86a:e.unref(i)+"px"})),console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`);const o=t,s=n;let a=e.ref(0),i=e.ref(0),p=e.ref(""),c=e.ref(!1),m=e.ref(0),w=e.ref(o.title||"");function h(f){c.value=!1,p.value="",m.value=f,w.value=o.items[f].name,s("update",f)}return l({showbox:(f,g)=>{c.value=!c.value,p.value=c.value?"active":"",a.value=f,i.value=g}}),(f,g)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createElementBlock("div",Be,[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",$e,[(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(m)}),onClick:je=>h(y)},[e.createElementVNode("span",Ne,e.toDisplayString(u.name),1)],10,Ce))),128))]),g[2]||(g[2]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-75185cc0"]]),Se={class:"topappbar"},We=["onClick"],Me={class:"topappbar-label"},ze={key:0,class:"topappbar-indicator"},De=["onClick"],Ie={class:"topappbar-label"},T={__name:"webwin-topappbar",props:{items:Array,activeIndex:Number,rightMenu:{type:Array,default:[]}},emits:["update"],setup(t,{emit:l}){const n=l,o=t;let s=e.ref(o.activeIndex||0),a=e.ref(o.items),i=e.ref(o.rightMenu);function p(m){s.value=m,n("update",[m,"left"])}function c(m){s.value=m,n("update",[m,"right"])}return(m,w)=>(e.openBlock(),e.createElementBlock("ul",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(h,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,class:e.normalizeClass([{active:r===e.unref(s)},"topappbar-item"]),onClick:f=>p(r)},[e.createElementVNode("span",Me,e.toDisplayString(h.name),1),r===e.unref(s)?(e.openBlock(),e.createElementBlock("span",ze)):e.createCommentVNode("",!0)],10,We))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(h,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,onClick:f=>c(r),class:"topappbar-item",style:{float:"right"}},[e.createElementVNode("span",Ie,e.toDisplayString(h.name),1)],8,De))),128))]))}},Te=[T,I,D,z,M,W,S,N,b,x,V,B,k,E,$,C],Fe={install(t){Te.forEach(l=>{t.component("winbutton",b),t.component("winitem",x),t.component("wintile",V),t.component("wintab",B),t.component("wininputbox",k),t.component("winpasswordbox",E),t.component("winricheditbox",$),t.component("winnotifications",C),t.component("wincheckbox",N),t.component("winradio",S),t.component("wincombobox",W),t.component("winprogressbar",M),t.component("winwindow",z),t.component("wincard",D),t.component("windropdown",I),t.component("wintopappbar",T)})}};d.default=Fe,d.winbutton=b,d.wincard=D,d.wincheckbox=N,d.wincombobox=W,d.windropdown=I,d.wininputbox=k,d.winitem=x,d.winnotifications=C,d.winpasswordbox=E,d.winprogressbar=M,d.winradio=S,d.winricheditbox=$,d.wintab=B,d.wintile=V,d.wintopappbar=T,d.winwindow=z,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+  text-shadow: 0 1px 0 #0078d7;`);const o=t,s=n;let a=e.ref(0),i=e.ref(0),p=e.ref(""),c=e.ref(!1),m=e.ref(0),w=e.ref(o.title||"");function h(f){c.value=!1,p.value="",m.value=f,w.value=o.items[f].name,s("update",f)}return l({showbox:(f,g)=>{c.value=!c.value,p.value=c.value?"active":"",a.value=f,i.value=g}}),(f,g)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createElementBlock("div",Be,[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",$e,[(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(m)}),onClick:Pe=>h(y)},[e.createElementVNode("span",Ne,e.toDisplayString(u.name),1)],10,Ce))),128))]),g[2]||(g[2]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-75185cc0"]]),Se={class:"topappbar"},We=["onClick"],Me={class:"topappbar-label"},ze={key:0,class:"topappbar-indicator"},De={key:1,class:"topappbar-indicator-not"},Ie=["onClick"],Te={class:"topappbar-label"},T={__name:"webwin-topappbar",props:{items:Array,activeIndex:Number,rightMenu:{type:Array,default:[]}},emits:["update"],setup(t,{emit:l}){const n=l,o=t;let s=e.ref(o.activeIndex||0),a=e.ref(o.items),i=e.ref(o.rightMenu);function p(m){s.value=m,n("update",[m,"left"])}function c(m){s.value=m,n("update",[m,"right"])}return(m,w)=>(e.openBlock(),e.createElementBlock("ul",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(h,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,class:e.normalizeClass([{active:r===e.unref(s)},"topappbar-item"]),onClick:f=>p(r)},[e.createElementVNode("span",Me,e.toDisplayString(h.name),1),r===e.unref(s)?(e.openBlock(),e.createElementBlock("span",ze)):e.createCommentVNode("",!0),r!=e.unref(s)?(e.openBlock(),e.createElementBlock("span",De)):e.createCommentVNode("",!0)],10,We))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(h,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,onClick:f=>c(r),class:"topappbar-item",style:{float:"right"}},[e.createElementVNode("span",Te,e.toDisplayString(h.name),1)],8,Ie))),128))]))}},Fe=[T,I,D,z,M,W,S,N,b,x,V,B,k,E,$,C],Re={install(t){Fe.forEach(l=>{t.component("winbutton",b),t.component("winitem",x),t.component("wintile",V),t.component("wintab",B),t.component("wininputbox",k),t.component("winpasswordbox",E),t.component("winricheditbox",$),t.component("winnotifications",C),t.component("wincheckbox",N),t.component("winradio",S),t.component("wincombobox",W),t.component("winprogressbar",M),t.component("winwindow",z),t.component("wincard",D),t.component("windropdown",I),t.component("wintopappbar",T)})}};d.default=Re,d.winbutton=b,d.wincard=D,d.wincheckbox=N,d.wincombobox=W,d.windropdown=I,d.wininputbox=k,d.winitem=x,d.winnotifications=C,d.winpasswordbox=E,d.winprogressbar=M,d.winradio=S,d.winricheditbox=$,d.wintab=B,d.wintile=V,d.wintopappbar=T,d.winwindow=z,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));