web-win-vue 0.4.1 → 0.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-win-vue",
-  "version": "0.4.1",
+  "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-e0bba711]{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-e0bba711]{z-index:1;transform-origin:0 var(--57668b30);-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(--4d9bb7f6)}.list-box li[data-v-e0bba711]{height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px)}.list-box li.active[data-v-e0bba711]{background:var(--sb-hover-bg, #6db9f3)}.list-box-button.active[data-v-e0bba711]{background:var(--sb-hover-bg, #6db9f3);outline:2.75px solid #6db9f3}.list-box li[data-v-e0bba711]:hover{background:var(--sb-hover-bg, #cecece)}.list-box li.active[data-v-e0bba711]:hover{background:var(--sb-hover-bg, #6db9f3)}.icon[data-v-e0bba711]{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-e0bba711]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.list-box[data-v-e0bba711]{-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-e0bba711]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.list-box li[data-v-e0bba711]:hover{background:var(--sb-hover-bg, #252525)}.icon[data-v-e0bba711]{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-e0bba711]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-e0bba711]{color:#fff}}.v-enter-active[data-v-e0bba711],.v-leave-active[data-v-e0bba711]{transition:all .15s cubic-bezier(.05,-.01,0,1)}.v-enter-from[data-v-e0bba711],.v-leave-to[data-v-e0bba711]{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,4 +1,4 @@
-import { createElementBlock as r, openBlock as u, renderSlot as C, defineComponent as f, 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";
+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, s] of o)
@@ -13,7 +13,7 @@ const _ = (e, o) => {
       C(o.$slots, "default", {}, void 0, !0)
     ]));
   }
-}, X = /* @__PURE__ */ _(A, [["__scopeId", "data-v-85a8a3fa"]]), ee = ["value", "placeholder"], I = /* @__PURE__ */ f({
+}, X = /* @__PURE__ */ _(A, [["__scopeId", "data-v-85a8a3fa"]]), ee = ["value", "placeholder"], I = /* @__PURE__ */ g({
   __name: "webwin-inputbox",
   props: { value: String, placeholder: String },
   setup(e) {
@@ -188,10 +188,10 @@ function we(e, o, t, l, s, n) {
     }, null, 4)
   ], 38);
 }
-const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"]]), _e = { class: "container" }, ge = {
+const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"]]), _e = { class: "container" }, fe = {
   key: "state0",
   class: "iframe-container"
-}, fe = ["src"], xe = {
+}, ge = ["src"], xe = {
   key: "state1",
   class: "iframe-container"
 }, be = ["src"], D = {
@@ -216,8 +216,8 @@ const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"
         mode: "out-in"
       }, {
         default: M(() => [
-          l.value === 0 ? (u(), r("div", ge, [
-            $(a("iframe", { src: s.value }, null, 8, fe), [
+          l.value === 0 ? (u(), r("div", fe, [
+            $(a("iframe", { src: s.value }, null, 8, ge), [
               [R, l.value === 0]
             ])
           ])) : l.value === 1 ? (u(), r("div", xe, [
@@ -230,7 +230,7 @@ const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"
       })
     ]));
   }
-}, ye = ["value", "placeholder"], z = /* @__PURE__ */ f({
+}, ye = ["value", "placeholder"], z = /* @__PURE__ */ g({
   __name: "webwin-passwordbox",
   props: { value: String, placeholder: String },
   setup(e) {
@@ -247,7 +247,7 @@ const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"
       onChange: n[0] || (n[0] = (i) => s.$emit("@change", i))
     }, null, 40, ye));
   }
-}), $e = ["data-placeholder"], O = /* @__PURE__ */ f({
+}), $e = ["data-placeholder"], O = /* @__PURE__ */ g({
   __name: "webwin-richeditbox",
   props: {
     value: { type: String, default: "" },
@@ -268,7 +268,7 @@ const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"
           d.selectNodeContents(s.value), d.collapse(!1), W?.removeAllRanges(), W?.addRange(d);
         }
       });
-    }, g = (w) => {
+    }, f = (w) => {
       const m = w.target;
       m.textContent === t.placeholder && (m.textContent = "");
     }, x = (w) => {
@@ -286,7 +286,7 @@ const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"
       contenteditable: "plaintext-only",
       "data-placeholder": n.value,
       onInput: v,
-      onFocus: g,
+      onFocus: f,
       onBlur: x
     }, null, 40, $e));
   }
@@ -309,7 +309,7 @@ const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"
     }
     return o({ showNotification: n }), console.log("%c✨Welcome to Web-Win-Vue-Notifications✨", `
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`), (v, g) => (u(), P(L, { name: "slide-fade" }, {
+  text-shadow: 0 1px 0 #0078d7;`), (v, f) => (u(), P(L, { name: "slide-fade" }, {
       default: M(() => [
         p(l) ? (u(), r("div", {
           key: 0,
@@ -328,7 +328,7 @@ const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"
       _: 1
     }));
   }
-}, Se = ["name", "id"], Le = ["for"], Me = /* @__PURE__ */ f({
+}, Se = ["name", "id"], Le = ["for"], Me = /* @__PURE__ */ g({
   __name: "webwin-checkbox",
   props: { name: String, checked: Array },
   setup(e) {
@@ -354,7 +354,7 @@ const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"
       ], 8, Le)
     ], 64));
   }
-}), E = /* @__PURE__ */ _(Me, [["__scopeId", "data-v-c289ea76"]]), Be = ["name", "id"], Ie = ["for"], Ne = /* @__PURE__ */ f({
+}), 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) {
@@ -393,16 +393,16 @@ const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"
   emits: ["update"],
   setup(e, { emit: o }) {
     Q((d) => ({
-      "57668b30": p(x) + "px",
-      "4d9bb7f6": p(g) + "px"
+      "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 s = c(""), n = c(!1), i = c(t.modelValue), v = c(t.title), g = c(0), x = c(0);
+    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(() => {
-        g.value = d * -35, x.value = d * 35 + 17.5;
+        f.value = d * -35, x.value = d * 35 + 17.5;
       }, 100);
     }
     function m() {
@@ -431,7 +431,7 @@ const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"
       })
     ]));
   }
-}, U = /* @__PURE__ */ _(ze, [["__scopeId", "data-v-e0bba711"]]), Oe = [U, F, E, X, N, Y, D, I, z, O, H], Fe = {
+}, U = /* @__PURE__ */ _(ze, [["__scopeId", "data-v-5fe19256"]]), Oe = [U, F, E, X, N, Y, D, I, z, O, H], Fe = {
   install(e) {
     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);

package/web-win-vue.umd.js

@@ -16,6 +16,6 @@
   color: #0078d7;
   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;`),(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=>({"57668b30":e.unref(_)+"px","4d9bb7f6":e.unref(h)+"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 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-e0bba711"]]),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"}})}));
+  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"}})}));