web-win-vue 0.4.0 → 0.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-win-vue",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "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:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px}.uwpinput:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.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))}}.side-bar[data-v-cbab5da9]{-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)}.side-bar li[data-v-cbab5da9]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.side-bar li[data-v-cbab5da9]:hover{background:var(--sb-hover-bg, #cecece)}.indicator[data-v-cbab5da9]{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-cbab5da9]{transform:scaleY(1)}.icon[data-v-cbab5da9]{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-cbab5da9]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.side-bar[data-v-cbab5da9]{-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-cbab5da9]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.side-bar li[data-v-cbab5da9]:hover{background:var(--sb-hover-bg, #252525)}.indicator[data-v-cbab5da9]{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-cbab5da9]{transform:scaleY(1)}.icon[data-v-cbab5da9]{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-cbab5da9]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-cbab5da9]{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:100%;background-color:#fff}.iframe-container{width:calc(100% - 380px);height:100%;position:relative;display:inline-block}.container{display:flex;height:calc(100% - .9px);background-color:#fff}.fade-enter-active{transition:all .35s ease}.fade-enter-from{opacity:0;transform:translateY(150px)}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:45px;right:12px;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(480px)}.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-9fb805ed]{-webkit-user-select:none;user-select:none;resize:none;vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;height:17px;font-size:18px;cursor:default;padding:9px 15px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px;vertical-align:top;white-space:pre-wrap;position:relative}.list-box[data-v-9fb805ed]{z-index:999;transform-origin:0 var(--33346aea);-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:#ebebeb;position:absolute;top:var(--6cac650b)}.list-box li[data-v-9fb805ed]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px)}.list-box li.active[data-v-9fb805ed]{background:var(--sb-hover-bg, #6db9f3)}.list-box li[data-v-9fb805ed]:hover{background:var(--sb-hover-bg, #cecece)}.list-box li.active[data-v-9fb805ed]:hover{background:var(--sb-hover-bg, #6db9f3)}.icon[data-v-9fb805ed]{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-9fb805ed]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.list-box[data-v-9fb805ed]{-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)}.list-box li[data-v-9fb805ed]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.list-box li[data-v-9fb805ed]:hover{background:var(--sb-hover-bg, #252525)}.icon[data-v-9fb805ed]{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-9fb805ed]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-9fb805ed]{color:#fff}}.v-enter-active[data-v-9fb805ed],.v-leave-active[data-v-9fb805ed]{transition:all .15s cubic-bezier(.05,-.01,0,1)}.v-enter-from[data-v-9fb805ed],.v-leave-to[data-v-9fb805ed]{transform:scaleY(0)}
+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:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px}.uwpinput:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.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))}}.side-bar[data-v-cbab5da9]{-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)}.side-bar li[data-v-cbab5da9]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.side-bar li[data-v-cbab5da9]:hover{background:var(--sb-hover-bg, #cecece)}.indicator[data-v-cbab5da9]{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-cbab5da9]{transform:scaleY(1)}.icon[data-v-cbab5da9]{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-cbab5da9]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.side-bar[data-v-cbab5da9]{-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-cbab5da9]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.side-bar li[data-v-cbab5da9]:hover{background:var(--sb-hover-bg, #252525)}.indicator[data-v-cbab5da9]{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-cbab5da9]{transform:scaleY(1)}.icon[data-v-cbab5da9]{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-cbab5da9]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-cbab5da9]{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:100%;background-color:#fff}.iframe-container{width:calc(100% - 380px);height:100%;position:relative;display:inline-block}.container{display:flex;height:calc(100% - .9px);background-color:#fff}.fade-enter-active{transition:all .35s ease}.fade-enter-from{opacity:0;transform:translateY(150px)}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:45px;right:12px;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(480px)}.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-5fe19256]{z-index:999;-webkit-user-select:none;user-select:none;resize:none;vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;height:17px;font-size:18px;cursor:default;padding:9px 15px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px;vertical-align:top;white-space:pre-wrap;position:relative}.list-box[data-v-5fe19256]{z-index:1;transform-origin:0 var(--4c8120fa);-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:#ebebebe5;position:absolute;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);box-shadow:0 0 30px #00000080;top:var(--1ae8acfb)}.list-box li[data-v-5fe19256]{height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:all .15s cubic-bezier(.05,-.01,0,1)}.list-box li[data-v-5fe19256]:active{transform:scale(.975)}.list-box li.active[data-v-5fe19256]{background:var(--sb-hover-bg, #6db9f3)}.list-box-button.active[data-v-5fe19256]{background:var(--sb-hover-bg, #6db9f3);outline:2.75px solid #6db9f3}.list-box li[data-v-5fe19256]:hover{background:var(--sb-hover-bg, #cecece)}.list-box li.active[data-v-5fe19256]:hover{background:var(--sb-hover-bg, #6db9f3)}.icon[data-v-5fe19256]{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-5fe19256]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.list-box[data-v-5fe19256]{-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)}.list-box li[data-v-5fe19256]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.list-box li[data-v-5fe19256]:hover{background:var(--sb-hover-bg, #252525)}.icon[data-v-5fe19256]{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-5fe19256]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-5fe19256]{color:#fff}}.v-enter-active[data-v-5fe19256]{box-shadow:0 0 30px #00000080;transition:all .15s cubic-bezier(.05,-.01,0,1)}.v-leave-active[data-v-5fe19256]{box-shadow:0 0 30px #0000;transition:all 75ms cubic-bezier(.05,-.01,0,1)}.v-enter-from[data-v-5fe19256],.v-leave-to[data-v-5fe19256]{transform:scaleY(0)}

package/web-win-vue.mjs

@@ -1,19 +1,19 @@
-import { createElementBlock as u, openBlock as r, renderSlot as $, defineComponent as x, ref as c, createElementVNode as a, createVNode as b, toDisplayString as v, Fragment as C, renderList as R, normalizeClass as V, normalizeStyle as W, watch as U, Transition as S, withCtx as L, createCommentVNode as M, withDirectives as y, vShow as N, onMounted as q, nextTick as G, createBlock as Z, unref as h, vModelCheckbox as j, vModelRadio as P, useCssVars as J, isRef as K } from "vue";
-const g = (e, o) => {
+import { createElementBlock as r, openBlock as u, renderSlot as C, defineComponent as g, ref as c, createElementVNode as a, createVNode as b, toDisplayString as h, Fragment as k, renderList as T, normalizeClass as y, normalizeStyle as S, watch as G, Transition as L, withCtx as M, createCommentVNode as B, withDirectives as $, vShow as R, onMounted as Z, nextTick as j, createBlock as P, unref as p, vModelCheckbox as J, vModelRadio as K, useCssVars as Q } from "vue";
+const _ = (e, o) => {
   const t = e.__vccOpts || e;
-  for (const [l, n] of o)
-    t[l] = n;
+  for (const [l, s] of o)
+    t[l] = s;
   return t;
-}, Q = {
+}, A = {
   __name: "webwin-button",
   setup(e) {
     return console.log("%c✨Welcome to Web-Win-Vue-Button✨", `
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`), (o, t) => (r(), u("button", null, [
-      $(o.$slots, "default", {}, void 0, !0)
+  text-shadow: 0 1px 0 #0078d7;`), (o, t) => (u(), r("button", null, [
+      C(o.$slots, "default", {}, void 0, !0)
     ]));
   }
-}, T = /* @__PURE__ */ g(Q, [["__scopeId", "data-v-85a8a3fa"]]), A = ["value", "placeholder"], B = /* @__PURE__ */ x({
+}, X = /* @__PURE__ */ _(A, [["__scopeId", "data-v-85a8a3fa"]]), ee = ["value", "placeholder"], I = /* @__PURE__ */ g({
   __name: "webwin-inputbox",
   props: { value: String, placeholder: String },
   setup(e) {
@@ -21,24 +21,24 @@ const g = (e, o) => {
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`);
     const o = e, t = c(o.value), l = c(o.placeholder);
-    return (n, s) => (r(), u("input", {
+    return (s, n) => (u(), r("input", {
       type: "text",
       name: "fname",
       class: "uwpinput",
       value: t.value,
       placeholder: l.value,
-      onChange: s[0] || (s[0] = (i) => n.$emit("@change", i))
-    }, null, 40, A));
+      onChange: n[0] || (n[0] = (i) => s.$emit("@change", i))
+    }, null, 40, ee));
   }
-}), ee = { class: "side-bar" }, te = { style: { width: "var(--sb-width, 350px)", margin: "auto" } }, oe = {
+}), te = { class: "side-bar" }, oe = { style: { width: "var(--sb-width, 350px)", margin: "auto" } }, ne = {
   style: { "margin-top": "26px", "margin-bottom": "26px", "margin-left": "18px" },
   class: "title"
-}, ne = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, le = ["onClick"], se = {
+}, le = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, se = ["onClick"], ae = {
   class: "icon",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   "aria-hidden": "true"
-}, ae = ["d"], ie = { class: "label" }, ce = {
+}, ie = ["d"], ce = { class: "label" }, ue = {
   __name: "webwin-item",
   props: {
     items: { type: Array, required: !0 },
@@ -49,7 +49,7 @@ const g = (e, o) => {
   setup(e) {
     return console.log("%c✨Welcome to Web-Win-Vue-Item✨", `
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`), (o, t) => (r(), u("ul", ee, [
+  text-shadow: 0 1px 0 #0078d7;`), (o, t) => (u(), r("ul", te, [
       a("div", null, [
         t[0] || (t[0] = a("li", { style: { "margin-top": "24px" } }, [
           a("svg", {
@@ -66,32 +66,32 @@ const g = (e, o) => {
           ]),
           a("span", { class: "label" }, "主页")
         ], -1)),
-        a("div", te, [
-          b(B, {
+        a("div", oe, [
+          b(I, {
             placeholder: "查找",
             style: { "margin-top": "6px", width: "320px" }
           })
         ]),
-        a("h3", oe, v(e.title), 1)
+        a("h3", ne, h(e.title), 1)
       ]),
-      a("div", ne, [
-        (r(!0), u(C, null, R(e.items, (l, n) => (r(), u("li", {
-          key: n,
-          class: V({ active: n === e.modelValue }),
-          onClick: (s) => o.$emit("update:modelValue", n)
+      a("div", le, [
+        (u(!0), r(k, null, T(e.items, (l, s) => (u(), r("li", {
+          key: s,
+          class: y({ active: s === e.modelValue }),
+          onClick: (n) => o.$emit("update:modelValue", s)
         }, [
           t[1] || (t[1] = a("span", { class: "indicator" }, null, -1)),
-          (r(), u("svg", se, [
+          (u(), r("svg", ae, [
             a("path", {
               d: l.icon
-            }, null, 8, ae)
+            }, null, 8, ie)
           ])),
-          a("span", ie, v(l.name), 1)
-        ], 10, le))), 128))
+          a("span", ce, h(l.name), 1)
+        ], 10, se))), 128))
       ])
     ]));
   }
-}, I = /* @__PURE__ */ g(ce, [["__scopeId", "data-v-cbab5da9"]]);
+}, N = /* @__PURE__ */ _(ue, [["__scopeId", "data-v-cbab5da9"]]);
 console.log("%c✨Welcome to Web-Win-Vue-Tile✨", `
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`);
@@ -151,86 +151,86 @@ const re = {
       this.isHovered = !1, this.glowOpacity = 0;
     }
   }
-}, ue = { class: "tile-content" }, de = { class: "tile-icon" }, me = {
+}, de = { class: "tile-content" }, me = { class: "tile-icon" }, pe = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   width: "24",
   height: "24"
-}, pe = ["d"], he = { class: "tile-title" };
-function ve(e, o, t, l, n, s) {
-  return r(), u("div", {
-    class: V(["tile", t.size]),
-    style: W(s.tileStyle),
-    onMousemove: o[0] || (o[0] = (...i) => s.handleMouseMove && s.handleMouseMove(...i)),
-    onMouseenter: o[1] || (o[1] = (i) => n.isHovered = !0),
-    onMouseleave: o[2] || (o[2] = (...i) => s.handleMouseLeave && s.handleMouseLeave(...i))
+}, he = ["d"], ve = { class: "tile-title" };
+function we(e, o, t, l, s, n) {
+  return u(), r("div", {
+    class: y(["tile", t.size]),
+    style: S(n.tileStyle),
+    onMousemove: o[0] || (o[0] = (...i) => n.handleMouseMove && n.handleMouseMove(...i)),
+    onMouseenter: o[1] || (o[1] = (i) => s.isHovered = !0),
+    onMouseleave: o[2] || (o[2] = (...i) => n.handleMouseLeave && n.handleMouseLeave(...i))
   }, [
-    a("div", ue, [
-      a("div", de, [
-        $(e.$slots, "icon", {}, () => [
-          (r(), u("svg", me, [
+    a("div", de, [
+      a("div", me, [
+        C(e.$slots, "icon", {}, () => [
+          (u(), r("svg", pe, [
             a("path", {
               fill: "white",
               d: t.icon
-            }, null, 8, pe)
+            }, null, 8, he)
           ]))
         ], !0)
       ]),
-      a("div", he, v(t.title), 1)
+      a("div", ve, h(t.title), 1)
     ]),
     a("div", {
       class: "glow-border",
-      style: W(s.glowStyle)
+      style: S(n.glowStyle)
     }, null, 4),
     a("div", {
       class: "pointer-glow",
-      style: W(s.pointerGlowStyle)
+      style: S(n.pointerGlowStyle)
     }, null, 4)
   ], 38);
 }
-const X = /* @__PURE__ */ g(re, [["render", ve], ["__scopeId", "data-v-9ae9ef89"]]), we = { class: "container" }, _e = {
+const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"]]), _e = { class: "container" }, fe = {
   key: "state0",
   class: "iframe-container"
-}, ge = ["src"], fe = {
+}, ge = ["src"], xe = {
   key: "state1",
   class: "iframe-container"
-}, xe = ["src"], Y = {
+}, be = ["src"], D = {
   __name: "webwin-tab",
   props: { menu: Array, url: Array },
   setup(e) {
     console.log("%c✨Welcome to Web-Win-Vue-Tab✨", `
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`);
-    const o = e, t = c(0), l = c(0), n = c(o.url[0]);
-    return U(t, (s) => {
-      console.log("activeIndex changed:", s), console.log("new url:", o.url[s]), n.value = o.url[s], l.value = l.value === 0 ? 1 : 0, console.log("docState:", l.value);
-    }), (s, i) => (r(), u("div", we, [
-      b(I, {
+    const o = e, t = c(0), l = c(0), s = c(o.url[0]);
+    return G(t, (n) => {
+      console.log("activeIndex changed:", n), console.log("new url:", o.url[n]), s.value = o.url[n], l.value = l.value === 0 ? 1 : 0, console.log("docState:", l.value);
+    }), (n, i) => (u(), r("div", _e, [
+      b(N, {
         modelValue: t.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (w) => t.value = w),
+        "onUpdate:modelValue": i[0] || (i[0] = (v) => t.value = v),
         items: e.menu,
         class: "item-1"
       }, null, 8, ["modelValue", "items"]),
-      b(S, {
+      b(L, {
         name: "fade",
         mode: "out-in"
       }, {
-        default: L(() => [
-          l.value === 0 ? (r(), u("div", _e, [
-            y(a("iframe", { src: n.value }, null, 8, ge), [
-              [N, l.value === 0]
+        default: M(() => [
+          l.value === 0 ? (u(), r("div", fe, [
+            $(a("iframe", { src: s.value }, null, 8, ge), [
+              [R, l.value === 0]
             ])
-          ])) : l.value === 1 ? (r(), u("div", fe, [
-            y(a("iframe", { src: n.value }, null, 8, xe), [
-              [N, l.value === 1]
+          ])) : l.value === 1 ? (u(), r("div", xe, [
+            $(a("iframe", { src: s.value }, null, 8, be), [
+              [R, l.value === 1]
             ])
-          ])) : M("", !0)
+          ])) : B("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}, be = ["value", "placeholder"], D = /* @__PURE__ */ x({
+}, ye = ["value", "placeholder"], z = /* @__PURE__ */ g({
   __name: "webwin-passwordbox",
   props: { value: String, placeholder: String },
   setup(e) {
@@ -238,16 +238,16 @@ const X = /* @__PURE__ */ g(re, [["render", ve], ["__scopeId", "data-v-9ae9ef89"
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`);
     const o = e, t = c(o.value), l = c(o.placeholder);
-    return (n, s) => (r(), u("input", {
+    return (s, n) => (u(), r("input", {
       type: "password",
       name: "fname",
       class: "uwppassword",
       value: t.value,
       placeholder: l.value,
-      onChange: s[0] || (s[0] = (i) => n.$emit("@change", i))
-    }, null, 40, be));
+      onChange: n[0] || (n[0] = (i) => s.$emit("@change", i))
+    }, null, 40, ye));
   }
-}), ye = ["data-placeholder"], z = /* @__PURE__ */ x({
+}), $e = ["data-placeholder"], O = /* @__PURE__ */ g({
   __name: "webwin-richeditbox",
   props: {
     value: { type: String, default: "" },
@@ -255,51 +255,51 @@ const X = /* @__PURE__ */ g(re, [["render", ve], ["__scopeId", "data-v-9ae9ef89"
   },
   emits: ["update:value", "change"],
   setup(e, { emit: o }) {
-    const t = e, l = o, n = c(null), s = c(t.placeholder), i = c(t.value);
-    q(() => {
-      n.value && (n.value.textContent = t.value || "", i.value = t.value || "");
+    const t = e, l = o, s = c(null), n = c(t.placeholder), i = c(t.value);
+    Z(() => {
+      s.value && (s.value.textContent = t.value || "", i.value = t.value || "");
     });
-    const w = (d) => {
-      if (!n.value) return;
-      const m = n.value.textContent || "";
-      l("update:value", m), G(() => {
-        if (n.value) {
-          const p = document.createRange(), _ = window.getSelection();
-          p.selectNodeContents(n.value), p.collapse(!1), _?.removeAllRanges(), _?.addRange(p);
+    const v = (w) => {
+      if (!s.value) return;
+      const m = s.value.textContent || "";
+      l("update:value", m), j(() => {
+        if (s.value) {
+          const d = document.createRange(), W = window.getSelection();
+          d.selectNodeContents(s.value), d.collapse(!1), W?.removeAllRanges(), W?.addRange(d);
         }
       });
-    }, f = (d) => {
-      const m = d.target;
+    }, f = (w) => {
+      const m = w.target;
       m.textContent === t.placeholder && (m.textContent = "");
-    }, k = (d) => {
-      const m = d.target, p = m.textContent || "";
-      p !== i.value && (l("change", {
+    }, x = (w) => {
+      const m = w.target, d = m.textContent || "";
+      d !== i.value && (l("change", {
         target: {
-          value: p
+          value: d
         }
-      }), i.value = p), p.trim() === "" && (m.textContent = "");
+      }), i.value = d), d.trim() === "" && (m.textContent = "");
     };
-    return (d, m) => (r(), u("div", {
+    return (w, m) => (u(), r("div", {
       ref_key: "editableDiv",
-      ref: n,
+      ref: s,
       class: "uwprichrditbox",
       contenteditable: "plaintext-only",
-      "data-placeholder": s.value,
-      onInput: w,
+      "data-placeholder": n.value,
+      onInput: v,
       onFocus: f,
-      onBlur: k
-    }, null, 40, ye));
+      onBlur: x
+    }, null, 40, $e));
   }
-}), $e = ["src"], Ce = {
+}), Ce = ["src"], ke = {
   class: "n-name",
   style: { display: "inline-block", "margin-left": "6px" }
-}, ke = { class: "n-text n-title" }, We = { class: "n-vulua" }, O = {
+}, We = { class: "n-text n-title" }, Ve = { class: "n-vulua" }, H = {
   __name: "webwin-notifications",
   props: { name: String, title: String, text: String, img: String },
   setup(e, { expose: o }) {
     const t = e;
-    let l = c(!1), n = c(t.img);
-    const s = () => {
+    let l = c(!1), s = c(t.img);
+    const n = () => {
       l.value = !l.value;
     };
     function i() {
@@ -307,83 +307,83 @@ const X = /* @__PURE__ */ g(re, [["render", ve], ["__scopeId", "data-v-9ae9ef89"
         l.value = !1;
       }, 250);
     }
-    return o({ showNotification: s }), console.log("%c✨Welcome to Web-Win-Vue-Notifications✨", `
+    return o({ showNotification: n }), console.log("%c✨Welcome to Web-Win-Vue-Notifications✨", `
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`), (w, f) => (r(), Z(S, { name: "slide-fade" }, {
-      default: L(() => [
-        h(l) ? (r(), u("div", {
+  text-shadow: 0 1px 0 #0078d7;`), (v, f) => (u(), P(L, { name: "slide-fade" }, {
+      default: M(() => [
+        p(l) ? (u(), r("div", {
           key: 0,
           class: "Notification",
           onClick: i
         }, [
           a("img", {
-            src: h(n),
+            src: p(s),
             style: { "object-fit": "contain", "margin-left": "16px", "margin-right": "0px", display: "inline-block", "vertical-align": "middle", width: "16px", height: "16px" }
-          }, null, 8, $e),
-          a("p", Ce, v(e.name), 1),
-          a("h4", ke, v(e.title), 1),
-          a("p", We, v(e.text), 1)
-        ])) : M("", !0)
+          }, null, 8, Ce),
+          a("p", ke, h(e.name), 1),
+          a("h4", We, h(e.title), 1),
+          a("p", Ve, h(e.text), 1)
+        ])) : B("", !0)
       ]),
       _: 1
     }));
   }
-}, Ve = ["name", "id"], Se = ["for"], Le = /* @__PURE__ */ x({
+}, Se = ["name", "id"], Le = ["for"], Me = /* @__PURE__ */ g({
   __name: "webwin-checkbox",
   props: { name: String, checked: Array },
   setup(e) {
     const o = e, t = c(o.name), l = c(o.checked);
     return console.log("%c✨Welcome to Web-Win-Vue-Checkbox✨", `
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`), (n, s) => (r(), u(C, null, [
-      y(a("input", {
+  text-shadow: 0 1px 0 #0078d7;`), (s, n) => (u(), r(k, null, [
+      $(a("input", {
         type: "checkbox",
         class: "ww-checkbox",
         name: t.value,
         id: t.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (i) => l.value = i),
-        onClick: s[1] || (s[1] = (i) => n.$emit("click", i))
-      }, null, 8, Ve), [
-        [j, l.value]
+        "onUpdate:modelValue": n[0] || (n[0] = (i) => l.value = i),
+        onClick: n[1] || (n[1] = (i) => s.$emit("click", i))
+      }, null, 8, Se), [
+        [J, l.value]
       ]),
       a("label", {
         for: t.value,
         class: "ww-checkbox-label"
       }, [
-        $(n.$slots, "default", {}, void 0, !0)
-      ], 8, Se)
+        C(s.$slots, "default", {}, void 0, !0)
+      ], 8, Le)
     ], 64));
   }
-}), H = /* @__PURE__ */ g(Le, [["__scopeId", "data-v-c289ea76"]]), Me = ["name", "id"], Be = ["for"], Ie = /* @__PURE__ */ x({
+}), E = /* @__PURE__ */ _(Me, [["__scopeId", "data-v-c289ea76"]]), Be = ["name", "id"], Ie = ["for"], Ne = /* @__PURE__ */ g({
   __name: "webwin-radio",
   props: { name: String, checked: Array },
   setup(e) {
     const o = e, t = c(o.name), l = c(o.checked);
     return console.log("%c✨Welcome to Web-Win-Vue-radio✨", `
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`), (n, s) => (r(), u(C, null, [
-      y(a("input", {
+  text-shadow: 0 1px 0 #0078d7;`), (s, n) => (u(), r(k, null, [
+      $(a("input", {
         type: "radio",
         class: "ww-radio",
         name: t.value,
         id: t.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (i) => l.value = i),
-        onClick: s[1] || (s[1] = (i) => n.$emit("click", i))
-      }, null, 8, Me), [
-        [P, l.value]
+        "onUpdate:modelValue": n[0] || (n[0] = (i) => l.value = i),
+        onClick: n[1] || (n[1] = (i) => s.$emit("click", i))
+      }, null, 8, Be), [
+        [K, l.value]
       ]),
       a("label", {
         for: t.value,
         class: "ww-radio-label"
       }, [
-        $(n.$slots, "default", {}, void 0, !0)
-      ], 8, Be)
+        C(s.$slots, "default", {}, void 0, !0)
+      ], 8, Ie)
     ], 64));
   }
-}), E = /* @__PURE__ */ g(Ie, [["__scopeId", "data-v-78978c8c"]]), Ne = { style: { position: "relative" } }, Re = {
+}), F = /* @__PURE__ */ _(Ne, [["__scopeId", "data-v-78978c8c"]]), Re = { style: { position: "relative" } }, Te = {
   key: 0,
   class: "list-box"
-}, Te = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, Xe = ["onClick"], Ye = { class: "label" }, De = {
+}, Xe = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, Ye = ["onClick"], De = { class: "label" }, ze = {
   __name: "webwin-listbox",
   props: {
     items: { type: Array, required: !0 },
@@ -392,60 +392,63 @@ const X = /* @__PURE__ */ g(re, [["render", ve], ["__scopeId", "data-v-9ae9ef89"
   },
   emits: ["update"],
   setup(e, { emit: o }) {
-    J((d) => ({
-      "33346aea": h(f) + "px",
-      "6cac650b": h(w) + "px"
+    Q((d) => ({
+      "4c8120fa": p(x) + "px",
+      "1ae8acfb": p(f) + "px"
     })), console.log("%c✨Welcome to Web-Win-Vue-Item✨", `
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`);
     const t = e, l = o;
-    let n = c(!1), s = c(t.modelValue), i = c(t.title), w = c(0), f = c(0);
-    function k(d) {
-      n.value = !1, s.value = d, i.value = t.items[d].name, l("update", d), setTimeout(() => {
-        w.value = d * -40, f.value = d * 40 + 17.5;
-      }, 200);
+    let s = c(""), n = c(!1), i = c(t.modelValue), v = c(t.title), f = c(0), x = c(0);
+    function w(d) {
+      n.value = !1, s.value = "", i.value = d, v.value = t.items[d].name, l("update", d), setTimeout(() => {
+        f.value = d * -35, x.value = d * 35 + 17.5;
+      }, 100);
+    }
+    function m() {
+      n.value = !n.value, s.value = n.value ? "active" : "";
     }
-    return (d, m) => (r(), u("div", Ne, [
+    return (d, W) => (u(), r("div", Re, [
       a("div", {
-        class: "list-box-button",
-        onClick: m[0] || (m[0] = (p) => K(n) ? n.value = !h(n) : n = !h(n))
-      }, v(h(i)), 1),
-      b(S, null, {
-        default: L(() => [
-          h(n) ? (r(), u("ul", Re, [
-            a("div", Te, [
-              (r(!0), u(C, null, R(e.items, (p, _) => (r(), u("li", {
-                key: _,
-                class: V({ active: _ === h(s) }),
-                onClick: (Oe) => k(_)
+        class: y(["list-box-button", p(s)]),
+        onClick: m
+      }, h(p(v)), 3),
+      b(L, null, {
+        default: M(() => [
+          p(n) ? (u(), r("ul", Te, [
+            a("div", Xe, [
+              (u(!0), r(k, null, T(e.items, (q, V) => (u(), r("li", {
+                key: V,
+                class: y({ active: V === p(i) }),
+                onClick: (He) => w(V)
               }, [
-                a("span", Ye, v(p.name), 1)
-              ], 10, Xe))), 128))
+                a("span", De, h(q.name), 1)
+              ], 10, Ye))), 128))
             ])
-          ])) : M("", !0)
+          ])) : B("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}, F = /* @__PURE__ */ g(De, [["__scopeId", "data-v-9fb805ed"]]), ze = [F, E, H, T, I, X, Y, B, D, z, O], Ee = {
+}, U = /* @__PURE__ */ _(ze, [["__scopeId", "data-v-5fe19256"]]), Oe = [U, F, E, X, N, Y, D, I, z, O, H], Fe = {
   install(e) {
-    ze.forEach((o) => {
-      e.component("winbutton", T), e.component("winitem", I), e.component("wintile", X), e.component("wintab", Y), e.component("wininputbox", B), e.component("winpasswordbox", D), e.component("winricheditbox", z), e.component("winnotifications", O), e.component("wincheckbox", H), e.component("winradio", E), e.component("winlistbox", F);
+    Oe.forEach((o) => {
+      e.component("winbutton", X), e.component("winitem", N), e.component("wintile", Y), e.component("wintab", D), e.component("wininputbox", I), e.component("winpasswordbox", z), e.component("winricheditbox", O), e.component("winnotifications", H), e.component("wincheckbox", E), e.component("winradio", F), e.component("winlistbox", U);
     });
   }
 };
 export {
-  Ee as default,
-  T as winbutton,
-  H as wincheckbox,
-  B as wininputbox,
-  I as winitem,
-  F as winlistbox,
-  O as winnotifications,
-  D as winpasswordbox,
-  E as winradio,
-  z as winricheditbox,
-  Y as wintab,
-  X as wintile
+  Fe as default,
+  X as winbutton,
+  E as wincheckbox,
+  I as wininputbox,
+  N as winitem,
+  U as winlistbox,
+  H as winnotifications,
+  z as winpasswordbox,
+  F as winradio,
+  O as winricheditbox,
+  D as wintab,
+  Y as wintile
 };

package/web-win-vue.umd.js

@@ -1,21 +1,21 @@
-(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c["web-win-vue"]={},c.Vue))})(this,(function(c,e){"use strict";const h=(t,n)=>{const o=t.__vccOpts||t;for(const[a,l]of n)o[a]=l;return o},g=h({__name:"webwin-button",setup(t){return console.log("%c✨Welcome to Web-Win-Vue-Button✨",`
+(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s["web-win-vue"]={},s.Vue))})(this,(function(s,e){"use strict";const u=(t,n)=>{const o=t.__vccOpts||t;for(const[a,i]of n)o[a]=i;return o},g=u({__name:"webwin-button",setup(t){return console.log("%c✨Welcome to Web-Win-Vue-Button✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`),(n,o)=>(e.openBlock(),e.createElementBlock("button",null,[e.renderSlot(n.$slots,"default",{},void 0,!0)]))}},[["__scopeId","data-v-85a8a3fa"]]),N=["value","placeholder"],w=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;`),(n,o)=>(e.openBlock(),e.createElementBlock("button",null,[e.renderSlot(n.$slots,"default",{},void 0,!0)]))}},[["__scopeId","data-v-85a8a3fa"]]),S=["value","placeholder"],f=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 n=t,o=e.ref(n.value),a=e.ref(n.placeholder);return(l,i)=>(e.openBlock(),e.createElementBlock("input",{type:"text",name:"fname",class:"uwpinput",value:o.value,placeholder:a.value,onChange:i[0]||(i[0]=s=>l.$emit("@change",s))},null,40,N))}}),S={class:"side-bar"},W={style:{width:"var(--sb-width, 350px)",margin:"auto"}},L={style:{"margin-top":"26px","margin-bottom":"26px","margin-left":"18px"},class:"title"},M={style:{overflow:"auto",height:"calc( 100% - 240px )"}},D=["onClick"],T={class:"icon",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},I=["d"],z={class:"label"},_=h({__name:"webwin-item",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"Menu"}},emits:["update:modelValue"],setup(t){return console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
+  text-shadow: 0 1px 0 #0078d7;`);const n=t,o=e.ref(n.value),a=e.ref(n.placeholder);return(i,l)=>(e.openBlock(),e.createElementBlock("input",{type:"text",name:"fname",class:"uwpinput",value:o.value,placeholder:a.value,onChange:l[0]||(l[0]=c=>i.$emit("@change",c))},null,40,S))}}),W={class:"side-bar"},L={style:{width:"var(--sb-width, 350px)",margin:"auto"}},M={style:{"margin-top":"26px","margin-bottom":"26px","margin-left":"18px"},class:"title"},D={style:{overflow:"auto",height:"calc( 100% - 240px )"}},T=["onClick"],I={class:"icon",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},z=["d"],R={class:"label"},w=u({__name:"webwin-item",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"Menu"}},emits:["update:modelValue"],setup(t){return console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`),(n,o)=>(e.openBlock(),e.createElementBlock("ul",S,[e.createElementVNode("div",null,[o[0]||(o[0]=e.createElementVNode("li",{style:{"margin-top":"24px"}},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 24 24",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:"M 0.863281 14.628906 L 2.898438 14.628906 L 2.898438 22.773438 C 2.898438 23.253906 3.292969 23.648438 3.773438 23.648438 L 9.734375 23.648438 C 10.214844 23.648438 10.609375 23.253906 10.609375 22.773438 L 10.609375 16.8125 L 14.246094 16.8125 L 14.246094 22.773438 C 14.246094 23.253906 14.636719 23.648438 15.117188 23.648438 L 20.789062 23.648438 C 21.269531 23.648438 21.664062 23.253906 21.664062 22.773438 L 21.664062 14.628906 L 24.136719 14.628906 C 24.484375 14.628906 24.804688 14.410156 24.9375 14.089844 C 25.066406 13.769531 24.992188 13.394531 24.746094 13.144531 L 13.371094 1.609375 C 13.039062 1.277344 12.484375 1.261719 12.152344 1.597656 L 0.265625 13.132812 C 0.00390625 13.378906 -0.0664062 13.757812 0.0625 14.089844 C 0.195312 14.425781 0.515625 14.628906 0.863281 14.628906 Z M 12.734375 3.457031 L 22.042969 12.882812 L 20.789062 12.882812 C 20.308594 12.882812 19.917969 13.277344 19.917969 13.757812 L 19.917969 21.902344 L 15.992188 21.902344 L 15.992188 15.9375 C 15.992188 15.457031 15.597656 15.066406 15.117188 15.066406 L 9.734375 15.066406 C 9.257812 15.066406 8.863281 15.457031 8.863281 15.9375 L 8.863281 21.902344 L 4.644531 21.902344 L 4.644531 13.757812 C 4.644531 13.277344 4.253906 12.882812 3.773438 12.882812 L 3.015625 12.882812 Z M 12.734375 3.457031 "})]),e.createElementVNode("span",{class:"label"},"主页")],-1)),e.createElementVNode("div",W,[e.createVNode(w,{placeholder:"查找",style:{"margin-top":"6px",width:"320px"}})]),e.createElementVNode("h3",L,e.toDisplayString(t.title),1)]),e.createElementVNode("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(a,l)=>(e.openBlock(),e.createElementBlock("li",{key:l,class:e.normalizeClass({active:l===t.modelValue}),onClick:i=>n.$emit("update:modelValue",l)},[o[1]||(o[1]=e.createElementVNode("span",{class:"indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",T,[e.createElementVNode("path",{d:a.icon},null,8,I)])),e.createElementVNode("span",z,e.toDisplayString(a.name),1)],10,D))),128))])]))}},[["__scopeId","data-v-cbab5da9"]]);console.log("%c✨Welcome to Web-Win-Vue-Tile✨",`
+  text-shadow: 0 1px 0 #0078d7;`),(n,o)=>(e.openBlock(),e.createElementBlock("ul",W,[e.createElementVNode("div",null,[o[0]||(o[0]=e.createElementVNode("li",{style:{"margin-top":"24px"}},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 24 24",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:"M 0.863281 14.628906 L 2.898438 14.628906 L 2.898438 22.773438 C 2.898438 23.253906 3.292969 23.648438 3.773438 23.648438 L 9.734375 23.648438 C 10.214844 23.648438 10.609375 23.253906 10.609375 22.773438 L 10.609375 16.8125 L 14.246094 16.8125 L 14.246094 22.773438 C 14.246094 23.253906 14.636719 23.648438 15.117188 23.648438 L 20.789062 23.648438 C 21.269531 23.648438 21.664062 23.253906 21.664062 22.773438 L 21.664062 14.628906 L 24.136719 14.628906 C 24.484375 14.628906 24.804688 14.410156 24.9375 14.089844 C 25.066406 13.769531 24.992188 13.394531 24.746094 13.144531 L 13.371094 1.609375 C 13.039062 1.277344 12.484375 1.261719 12.152344 1.597656 L 0.265625 13.132812 C 0.00390625 13.378906 -0.0664062 13.757812 0.0625 14.089844 C 0.195312 14.425781 0.515625 14.628906 0.863281 14.628906 Z M 12.734375 3.457031 L 22.042969 12.882812 L 20.789062 12.882812 C 20.308594 12.882812 19.917969 13.277344 19.917969 13.757812 L 19.917969 21.902344 L 15.992188 21.902344 L 15.992188 15.9375 C 15.992188 15.457031 15.597656 15.066406 15.117188 15.066406 L 9.734375 15.066406 C 9.257812 15.066406 8.863281 15.457031 8.863281 15.9375 L 8.863281 21.902344 L 4.644531 21.902344 L 4.644531 13.757812 C 4.644531 13.277344 4.253906 12.882812 3.773438 12.882812 L 3.015625 12.882812 Z M 12.734375 3.457031 "})]),e.createElementVNode("span",{class:"label"},"主页")],-1)),e.createElementVNode("div",L,[e.createVNode(f,{placeholder:"查找",style:{"margin-top":"6px",width:"320px"}})]),e.createElementVNode("h3",M,e.toDisplayString(t.title),1)]),e.createElementVNode("div",D,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(a,i)=>(e.openBlock(),e.createElementBlock("li",{key:i,class:e.normalizeClass({active:i===t.modelValue}),onClick:l=>n.$emit("update:modelValue",i)},[o[1]||(o[1]=e.createElementVNode("span",{class:"indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",I,[e.createElementVNode("path",{d:a.icon},null,8,z)])),e.createElementVNode("span",R,e.toDisplayString(a.name),1)],10,T))),128))])]))}},[["__scopeId","data-v-cbab5da9"]]);console.log("%c✨Welcome to Web-Win-Vue-Tile✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`);const R={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 n=t.currentTarget.getBoundingClientRect();this.mouseX=t.clientX-n.left,this.mouseY=t.clientY-n.top;const o=Math.min(this.mouseX,n.width-this.mouseX,this.mouseY,n.height-this.mouseY),a=this.glowRadius;this.glowOpacity=Math.max(0,(a-o)/a)},handleMouseLeave(){this.isHovered=!1,this.glowOpacity=0}}},X={class:"tile-content"},Y={class:"tile-icon"},F={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},O=["d"],H={class:"tile-title"};function j(t,n,o,a,l,i){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tile",o.size]),style:e.normalizeStyle(i.tileStyle),onMousemove:n[0]||(n[0]=(...s)=>i.handleMouseMove&&i.handleMouseMove(...s)),onMouseenter:n[1]||(n[1]=s=>l.isHovered=!0),onMouseleave:n[2]||(n[2]=(...s)=>i.handleMouseLeave&&i.handleMouseLeave(...s))},[e.createElementVNode("div",X,[e.createElementVNode("div",Y,[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",F,[e.createElementVNode("path",{fill:"white",d:o.icon},null,8,O)]))],!0)]),e.createElementVNode("div",H,e.toDisplayString(o.title),1)]),e.createElementVNode("div",{class:"glow-border",style:e.normalizeStyle(i.glowStyle)},null,4),e.createElementVNode("div",{class:"pointer-glow",style:e.normalizeStyle(i.pointerGlowStyle)},null,4)],38)}const b=h(R,[["render",j],["__scopeId","data-v-9ae9ef89"]]),q={class:"container"},U={key:"state0",class:"iframe-container"},G=["src"],P={key:"state1",class:"iframe-container"},Z=["src"],x={__name:"webwin-tab",props:{menu:Array,url:Array},setup(t){console.log("%c✨Welcome to Web-Win-Vue-Tab✨",`
+  text-shadow: 0 1px 0 #0078d7;`);const X={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 n=t.currentTarget.getBoundingClientRect();this.mouseX=t.clientX-n.left,this.mouseY=t.clientY-n.top;const o=Math.min(this.mouseX,n.width-this.mouseX,this.mouseY,n.height-this.mouseY),a=this.glowRadius;this.glowOpacity=Math.max(0,(a-o)/a)},handleMouseLeave(){this.isHovered=!1,this.glowOpacity=0}}},Y={class:"tile-content"},F={class:"tile-icon"},O={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},H=["d"],j={class:"tile-title"};function q(t,n,o,a,i,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tile",o.size]),style:e.normalizeStyle(l.tileStyle),onMousemove:n[0]||(n[0]=(...c)=>l.handleMouseMove&&l.handleMouseMove(...c)),onMouseenter:n[1]||(n[1]=c=>i.isHovered=!0),onMouseleave:n[2]||(n[2]=(...c)=>l.handleMouseLeave&&l.handleMouseLeave(...c))},[e.createElementVNode("div",Y,[e.createElementVNode("div",F,[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",O,[e.createElementVNode("path",{fill:"white",d:o.icon},null,8,H)]))],!0)]),e.createElementVNode("div",j,e.toDisplayString(o.title),1)]),e.createElementVNode("div",{class:"glow-border",style:e.normalizeStyle(l.glowStyle)},null,4),e.createElementVNode("div",{class:"pointer-glow",style:e.normalizeStyle(l.pointerGlowStyle)},null,4)],38)}const b=u(X,[["render",q],["__scopeId","data-v-9ae9ef89"]]),U={class:"container"},G={key:"state0",class:"iframe-container"},P=["src"],Z={key:"state1",class:"iframe-container"},J=["src"],x={__name:"webwin-tab",props:{menu:Array,url:Array},setup(t){console.log("%c✨Welcome to Web-Win-Vue-Tab✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`);const n=t,o=e.ref(0),a=e.ref(0),l=e.ref(n.url[0]);return e.watch(o,i=>{console.log("activeIndex changed:",i),console.log("new url:",n.url[i]),l.value=n.url[i],a.value=a.value===0?1:0,console.log("docState:",a.value)}),(i,s)=>(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(_,{modelValue:o.value,"onUpdate:modelValue":s[0]||(s[0]=p=>o.value=p),items:t.menu,class:"item-1"},null,8,["modelValue","items"]),e.createVNode(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[a.value===0?(e.openBlock(),e.createElementBlock("div",U,[e.withDirectives(e.createElementVNode("iframe",{src:l.value},null,8,G),[[e.vShow,a.value===0]])])):a.value===1?(e.openBlock(),e.createElementBlock("div",P,[e.withDirectives(e.createElementVNode("iframe",{src:l.value},null,8,Z),[[e.vShow,a.value===1]])])):e.createCommentVNode("",!0)]),_:1})]))}},J=["value","placeholder"],k=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 n=t,o=e.ref(0),a=e.ref(0),i=e.ref(n.url[0]);return e.watch(o,l=>{console.log("activeIndex changed:",l),console.log("new url:",n.url[l]),i.value=n.url[l],a.value=a.value===0?1:0,console.log("docState:",a.value)}),(l,c)=>(e.openBlock(),e.createElementBlock("div",U,[e.createVNode(w,{modelValue:o.value,"onUpdate:modelValue":c[0]||(c[0]=m=>o.value=m),items:t.menu,class:"item-1"},null,8,["modelValue","items"]),e.createVNode(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[a.value===0?(e.openBlock(),e.createElementBlock("div",G,[e.withDirectives(e.createElementVNode("iframe",{src:i.value},null,8,P),[[e.vShow,a.value===0]])])):a.value===1?(e.openBlock(),e.createElementBlock("div",Z,[e.withDirectives(e.createElementVNode("iframe",{src:i.value},null,8,J),[[e.vShow,a.value===1]])])):e.createCommentVNode("",!0)]),_:1})]))}},K=["value","placeholder"],k=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 n=t,o=e.ref(n.value),a=e.ref(n.placeholder);return(l,i)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"uwppassword",value:o.value,placeholder:a.value,onChange:i[0]||(i[0]=s=>l.$emit("@change",s))},null,40,J))}}),K=["data-placeholder"],y=e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update:value","change"],setup(t,{emit:n}){const o=t,a=n,l=e.ref(null),i=e.ref(o.placeholder),s=e.ref(o.value);e.onMounted(()=>{l.value&&(l.value.textContent=o.value||"",s.value=o.value||"")});const p=r=>{if(!l.value)return;const d=l.value.textContent||"";a("update:value",d),e.nextTick(()=>{if(l.value){const m=document.createRange(),u=window.getSelection();m.selectNodeContents(l.value),m.collapse(!1),u?.removeAllRanges(),u?.addRange(m)}})},f=r=>{const d=r.target;d.textContent===o.placeholder&&(d.textContent="")},$=r=>{const d=r.target,m=d.textContent||"";m!==s.value&&(a("change",{target:{value:m}}),s.value=m),m.trim()===""&&(d.textContent="")};return(r,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editableDiv",ref:l,class:"uwprichrditbox",contenteditable:"plaintext-only","data-placeholder":i.value,onInput:p,onFocus:f,onBlur:$},null,40,K))}}),Q=["src"],A={class:"n-name",style:{display:"inline-block","margin-left":"6px"}},v={class:"n-text n-title"},ee={class:"n-vulua"},V={__name:"webwin-notifications",props:{name:String,title:String,text:String,img:String},setup(t,{expose:n}){const o=t;let a=e.ref(!1),l=e.ref(o.img);const i=()=>{a.value=!a.value};function s(){a.value&&setTimeout(()=>{a.value=!1},250)}return n({showNotification:i}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
+  text-shadow: 0 1px 0 #0078d7;`);const n=t,o=e.ref(n.value),a=e.ref(n.placeholder);return(i,l)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"uwppassword",value:o.value,placeholder:a.value,onChange:l[0]||(l[0]=c=>i.$emit("@change",c))},null,40,K))}}),Q=["data-placeholder"],y=e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update:value","change"],setup(t,{emit:n}){const o=t,a=n,i=e.ref(null),l=e.ref(o.placeholder),c=e.ref(o.value);e.onMounted(()=>{i.value&&(i.value.textContent=o.value||"",c.value=o.value||"")});const m=p=>{if(!i.value)return;const d=i.value.textContent||"";a("update:value",d),e.nextTick(()=>{if(i.value){const r=document.createRange(),$=window.getSelection();r.selectNodeContents(i.value),r.collapse(!1),$?.removeAllRanges(),$?.addRange(r)}})},h=p=>{const d=p.target;d.textContent===o.placeholder&&(d.textContent="")},_=p=>{const d=p.target,r=d.textContent||"";r!==c.value&&(a("change",{target:{value:r}}),c.value=r),r.trim()===""&&(d.textContent="")};return(p,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editableDiv",ref:i,class:"uwprichrditbox",contenteditable:"plaintext-only","data-placeholder":l.value,onInput:m,onFocus:h,onBlur:_},null,40,Q))}}),A=["src"],v={class:"n-name",style:{display:"inline-block","margin-left":"6px"}},ee={class:"n-text n-title"},te={class:"n-vulua"},V={__name:"webwin-notifications",props:{name:String,title:String,text:String,img:String},setup(t,{expose:n}){const o=t;let a=e.ref(!1),i=e.ref(o.img);const l=()=>{a.value=!a.value};function c(){a.value&&setTimeout(()=>{a.value=!1},250)}return n({showNotification:l}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`),(p,f)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[e.unref(a)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"Notification",onClick:s},[e.createElementVNode("img",{src:e.unref(l),style:{"object-fit":"contain","margin-left":"16px","margin-right":"0px",display:"inline-block","vertical-align":"middle",width:"16px",height:"16px"}},null,8,Q),e.createElementVNode("p",A,e.toDisplayString(t.name),1),e.createElementVNode("h4",v,e.toDisplayString(t.title),1),e.createElementVNode("p",ee,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},te=["name","id"],oe=["for"],C=h(e.defineComponent({__name:"webwin-checkbox",props:{name:String,checked:Array},setup(t){const n=t,o=e.ref(n.name),a=e.ref(n.checked);return console.log("%c✨Welcome to Web-Win-Vue-Checkbox✨",`
+  text-shadow: 0 1px 0 #0078d7;`),(m,h)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[e.unref(a)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"Notification",onClick:c},[e.createElementVNode("img",{src:e.unref(i),style:{"object-fit":"contain","margin-left":"16px","margin-right":"0px",display:"inline-block","vertical-align":"middle",width:"16px",height:"16px"}},null,8,A),e.createElementVNode("p",v,e.toDisplayString(t.name),1),e.createElementVNode("h4",ee,e.toDisplayString(t.title),1),e.createElementVNode("p",te,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},oe=["name","id"],ne=["for"],C=u(e.defineComponent({__name:"webwin-checkbox",props:{name:String,checked:Array},setup(t){const n=t,o=e.ref(n.name),a=e.ref(n.checked);return console.log("%c✨Welcome to Web-Win-Vue-Checkbox✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`),(l,i)=>(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":i[0]||(i[0]=s=>a.value=s),onClick:i[1]||(i[1]=s=>l.$emit("click",s))},null,8,te),[[e.vModelCheckbox,a.value]]),e.createElementVNode("label",{for:o.value,class:"ww-checkbox-label"},[e.renderSlot(l.$slots,"default",{},void 0,!0)],8,oe)],64))}}),[["__scopeId","data-v-c289ea76"]]),ne=["name","id"],le=["for"],B=h(e.defineComponent({__name:"webwin-radio",props:{name:String,checked:Array},setup(t){const n=t,o=e.ref(n.name),a=e.ref(n.checked);return console.log("%c✨Welcome to Web-Win-Vue-radio✨",`
+  text-shadow: 0 1px 0 #0078d7;`),(i,l)=>(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":l[0]||(l[0]=c=>a.value=c),onClick:l[1]||(l[1]=c=>i.$emit("click",c))},null,8,oe),[[e.vModelCheckbox,a.value]]),e.createElementVNode("label",{for:o.value,class:"ww-checkbox-label"},[e.renderSlot(i.$slots,"default",{},void 0,!0)],8,ne)],64))}}),[["__scopeId","data-v-c289ea76"]]),le=["name","id"],ae=["for"],B=u(e.defineComponent({__name:"webwin-radio",props:{name:String,checked:Array},setup(t){const n=t,o=e.ref(n.name),a=e.ref(n.checked);return console.log("%c✨Welcome to Web-Win-Vue-radio✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`),(l,i)=>(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":i[0]||(i[0]=s=>a.value=s),onClick:i[1]||(i[1]=s=>l.$emit("click",s))},null,8,ne),[[e.vModelRadio,a.value]]),e.createElementVNode("label",{for:o.value,class:"ww-radio-label"},[e.renderSlot(l.$slots,"default",{},void 0,!0)],8,le)],64))}}),[["__scopeId","data-v-78978c8c"]]),ae={style:{position:"relative"}},ie={key:0,class:"list-box"},se={style:{overflow:"auto",height:"calc( 100% - 240px )"}},ce=["onClick"],re={class:"label"},E=h({__name:"webwin-listbox",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"itembox"}},emits:["update"],setup(t,{emit:n}){e.useCssVars(r=>({"33346aea":e.unref(f)+"px","6cac650b":e.unref(p)+"px"})),console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
+  text-shadow: 0 1px 0 #0078d7;`),(i,l)=>(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":l[0]||(l[0]=c=>a.value=c),onClick:l[1]||(l[1]=c=>i.$emit("click",c))},null,8,le),[[e.vModelRadio,a.value]]),e.createElementVNode("label",{for:o.value,class:"ww-radio-label"},[e.renderSlot(i.$slots,"default",{},void 0,!0)],8,ae)],64))}}),[["__scopeId","data-v-78978c8c"]]),ie={style:{position:"relative"}},ce={key:0,class:"list-box"},se={style:{overflow:"auto",height:"calc( 100% - 240px )"}},re=["onClick"],de={class:"label"},E=u({__name:"webwin-listbox",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"itembox"}},emits:["update"],setup(t,{emit:n}){e.useCssVars(r=>({"4c8120fa":e.unref(_)+"px","1ae8acfb":e.unref(h)+"px"})),console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`);const o=t,a=n;let l=e.ref(!1),i=e.ref(o.modelValue),s=e.ref(o.title),p=e.ref(0),f=e.ref(0);function $(r){l.value=!1,i.value=r,s.value=o.items[r].name,a("update",r),setTimeout(()=>{p.value=r*-40,f.value=r*40+17.5},200)}return(r,d)=>(e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("div",{class:"list-box-button",onClick:d[0]||(d[0]=m=>e.isRef(l)?l.value=!e.unref(l):l=!e.unref(l))},e.toDisplayString(e.unref(s)),1),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(l)?(e.openBlock(),e.createElementBlock("ul",ie,[e.createElementVNode("div",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(m,u)=>(e.openBlock(),e.createElementBlock("li",{key:u,class:e.normalizeClass({active:u===e.unref(i)}),onClick:_e=>$(u)},[e.createElementVNode("span",re,e.toDisplayString(m.name),1)],10,ce))),128))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-9fb805ed"]]),de=[E,B,C,g,_,b,x,w,k,y,V],me={install(t){de.forEach(n=>{t.component("winbutton",g),t.component("winitem",_),t.component("wintile",b),t.component("wintab",x),t.component("wininputbox",w),t.component("winpasswordbox",k),t.component("winricheditbox",y),t.component("winnotifications",V),t.component("wincheckbox",C),t.component("winradio",B),t.component("winlistbox",E)})}};c.default=me,c.winbutton=g,c.wincheckbox=C,c.wininputbox=w,c.winitem=_,c.winlistbox=E,c.winnotifications=V,c.winpasswordbox=k,c.winradio=B,c.winricheditbox=y,c.wintab=x,c.wintile=b,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+  text-shadow: 0 1px 0 #0078d7;`);const o=t,a=n;let i=e.ref(""),l=e.ref(!1),c=e.ref(o.modelValue),m=e.ref(o.title),h=e.ref(0),_=e.ref(0);function p(r){l.value=!1,i.value="",c.value=r,m.value=o.items[r].name,a("update",r),setTimeout(()=>{h.value=r*-35,_.value=r*35+17.5},100)}function d(){l.value=!l.value,i.value=l.value?"active":""}return(r,$)=>(e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("div",{class:e.normalizeClass(["list-box-button",e.unref(i)]),onClick:d},e.toDisplayString(e.unref(m)),3),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(l)?(e.openBlock(),e.createElementBlock("ul",ce,[e.createElementVNode("div",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(ue,N)=>(e.openBlock(),e.createElementBlock("li",{key:N,class:e.normalizeClass({active:N===e.unref(c)}),onClick:be=>p(N)},[e.createElementVNode("span",de,e.toDisplayString(ue.name),1)],10,re))),128))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-5fe19256"]]),me=[E,B,C,g,w,b,x,f,k,y,V],pe={install(t){me.forEach(n=>{t.component("winbutton",g),t.component("winitem",w),t.component("wintile",b),t.component("wintab",x),t.component("wininputbox",f),t.component("winpasswordbox",k),t.component("winricheditbox",y),t.component("winnotifications",V),t.component("wincheckbox",C),t.component("winradio",B),t.component("winlistbox",E)})}};s.default=pe,s.winbutton=g,s.wincheckbox=C,s.wininputbox=f,s.winitem=w,s.winlistbox=E,s.winnotifications=V,s.winpasswordbox=k,s.winradio=B,s.winricheditbox=y,s.wintab=x,s.wintile=b,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));