web-win-vue 0.6.9 → 0.6.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,15 +1,19 @@
1
-
2
1
  {
3
2
  "name": "web-win-vue",
4
- "version": "0.6.9",
3
+ "version": "0.6.11",
5
4
  "description": "",
6
5
  "main": "web-win-vue.mjs",
7
6
  "scripts": {
8
7
  "test": "echo \"Error: no test specified\" && exit 1"
9
8
  },
10
- "keywords": ["Windows","UI","Vue","WebWin","Win","Vue3"],
9
+ "keywords": [
10
+ "Windows",
11
+ "UI",
12
+ "Vue",
13
+ "WebWin",
14
+ "Win",
15
+ "Vue3"
16
+ ],
11
17
  "author": "",
12
18
  "license": "ISC"
13
- }
14
-
15
-
19
+ }
package/web-win-vue.css CHANGED
@@ -1 +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[data-v-227ff99f]{vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;height:18px;padding:10px 14px;background:#fff;color:#000;border:none;font-size:16px}.uwpinput[data-v-227ff99f]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px;background:#fff}.uwpinput[data-v-227ff99f]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.uwpinput[data-v-227ff99f]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.sidebar[data-v-30fc2437]{width:380px;height:36px;display:inline-flex;align-items:center;background-color:#e6e6e6}.sidebar.folded[data-v-30fc2437]{opacity:0}.sidebar-text[data-v-30fc2437]{-webkit-user-select:none;user-select:none;margin-left:16px;font-size:16px;margin-top:0;margin-bottom:0;background-color:#e6e6e6}.side-bar[data-v-30fc2437]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:380px;font-size:var(--sb-fs, 14px);transition:width 0s cubic-bezier(0,.5,0,1);overflow:hidden}.side-bar.folded[data-v-30fc2437]{width:55px;overflow-x:hidden}.search-fold[data-v-30fc2437]{display:none!important}.search-fold.folded[data-v-30fc2437]{display:flex!important;width:24px;margin-bottom:58px}.title.folded[data-v-30fc2437]{display:none}.title[data-v-30fc2437]{transition:all 0s ease}.side-bar li[data-v-30fc2437]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px)}.inputbox.folded[data-v-30fc2437]{display:none}.side-bar li[data-v-30fc2437]:hover{background:var(--sb-hover-bg, #cecece)}.label.folded[data-v-30fc2437]{opacity:0}.indicator[data-v-30fc2437]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:var(--sb-indicator-width, 3px);background:var(--sb-indicator-color, #006fd0);transform:scaleY(0);height:26px;line-height:100px;width:4px}.side-bar li.active .indicator[data-v-30fc2437]{transform:scaleY(1)}.icon[data-v-30fc2437]{width:var(--sb-icon-size, 20px);height:var(--sb-icon-size, 38px);margin-right:var(--sb-icon-mr, 12px);color:var(--sb-icon-color, #333);flex-shrink:0}.label[data-v-30fc2437]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.side-bar[data-v-30fc2437]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 380px);font-size:var(--sb-fs, 14px);background:var(--sb-hover-bg, #1b1b1b)}.side-bar li[data-v-30fc2437]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.side-bar li[data-v-30fc2437]:hover{background:var(--sb-hover-bg, #252525)}.indicator[data-v-30fc2437]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:var(--sb-indicator-width, 3px);background:var(--sb-indicator-color, #006fd0);transform:scaleY(0);height:26px;line-height:100px;width:4px}.side-bar li.active .indicator[data-v-30fc2437]{transform:scaleY(1)}.icon[data-v-30fc2437]{width:var(--sb-icon-size, 20px);height:var(--sb-icon-size, 38px);margin-right:var(--sb-icon-mr, 12px);color:var(--sb-icon-color, #ffffff);flex-shrink:0}.label[data-v-30fc2437]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-30fc2437]{color:#fff}}.tile[data-v-9ae9ef89]{--tile-color: #0078d7;--glow-color: rgba(255, 255, 255, .459);--glow-radius: 20px;position:relative;background-color:var(--tile-color);color:#fff;overflow:hidden;transition:all .25s cubic-bezier(.78,.12,0,1.01)}.tile.small[data-v-9ae9ef89]{width:70px;height:70px}.tile.medium[data-v-9ae9ef89]{width:150px;height:150px}.tile.wide[data-v-9ae9ef89]{width:310px;height:150px}.tile.large[data-v-9ae9ef89]{width:310px;height:310px}.tile-content[data-v-9ae9ef89]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.tile-icon[data-v-9ae9ef89]{font-size:24px;margin-bottom:8px}.tile-title[data-v-9ae9ef89]{-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700;position:absolute;bottom:26px;left:8px}.glow-border[data-v-9ae9ef89]{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--x) var(--y),var(--glow-color) 0%,transparent var(--glow-radius));-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;padding:4px;transition:opacity .2s ease}.pointer-glow[data-v-9ae9ef89]{position:absolute;top:calc(var(--y) - 50px);left:calc(var(--x) - 50px);width:100px;height:100px;border-radius:60%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);pointer-events:none;z-index:1;transition:opacity .3s ease}.tile[data-v-9ae9ef89]:active{transform:scale(.9)}.item-1{display:inline-block;background-color:#e6e6e6}iframe{border:none;display:inline-block;width:100%;height:calc(100% - 73.9px);background-color:#fff}.iframe-container{width:calc(100% - 380px);height:100%;position:relative;display:inline-block;overflow:auto;margin-left:24px}.iframe-container.folded{width:calc(100% - 55px)}.container{display:flex;height:calc(100% - .9px);background-color:#fff}.fade-enter-active{transition:all .35s ease}.fade-enter-from{opacity:0;transform:translateY(300px)}iframe::-webkit-scrollbar{width:4px;height:16px;background-color:#e6e6e6}iframe::-webkit-scrollbar-track{border-radius:0;background-color:#fff0}iframe::-webkit-scrollbar-thumb{border-radius:0;background-color:#818181}.uwppassword[data-v-5ce652ab]{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[data-v-5ce652ab]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwppassword[data-v-5ce652ab]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.uwppassword[data-v-5ce652ab]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.uwprichrditbox[data-v-062c85b9]{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[data-v-062c85b9]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwprichrditbox[data-v-062c85b9]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}.uwprichrditbox[data-placeholder][data-v-062c85b9]:empty:before{content:attr(data-placeholder);color:#666}@media (prefers-color-scheme: dark){.uwprichrditbox[data-v-062c85b9]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.Notification[data-v-55ec523b]{border:rgba(163,163,163,0) 4px solid;-webkit-user-select:none;user-select:none;position:fixed;bottom:24px;right:24px;width:400px;height:150px;background-color:#141414f2;transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-enter-active[data-v-55ec523b]{transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-leave-active[data-v-55ec523b]{transition:all .55s cubic-bezier(.6,0,0,1)}.slide-fade-enter-from[data-v-55ec523b],.slide-fade-leave-to[data-v-55ec523b]{transform:translate(520px)}.n-text[data-v-55ec523b]{color:#fff;margin-left:16px}.n-title[data-v-55ec523b]{margin-top:-2.5px}.n-vulua[data-v-55ec523b]{margin-left:16px;color:#a3a3a3;margin-top:-18px}.Notification[data-v-55ec523b]:hover{border:#5f5f5f 4px solid}.Notification[data-v-55ec523b]:active{transform:scale(.925)}.n-name[data-v-55ec523b]{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-81f2552b]{z-index:10;height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);box-shadow:0 0 0 2px #999 inset;width:300px;background-color:#fff}.list-box[data-v-81f2552b]{z-index:1;transform-origin:0 var(--v61ff2edc);-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 330px);font-size:var(--sb-fs, 14px);background-color:#ebebebf3;position:absolute;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);box-shadow:0 0 30px #7d7d7dbf;top:var(--v34605ad9)}.list-box li[data-v-81f2552b]{height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:all .15s cubic-bezier(.05,-.01,0,1)}.list-box li[data-v-81f2552b]:active{transform:scale(.975)}.list-box li.active[data-v-81f2552b]{background:var(--sb-hover-bg, #6db9f3);opacity:0}.list-box-button.active[data-v-81f2552b]{background:var(--sb-hover-bg, #6db9f3);box-shadow:0 0 0 2px #6db9f3 inset}.list-box li[data-v-81f2552b]:hover{background:var(--sb-hover-bg, #cecece)}.list-box li.active[data-v-81f2552b]:hover{background:var(--sb-hover-bg, #6db9f3)}.label[data-v-81f2552b]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-81f2552b]{box-shadow:0 0 30px #7d7d7dbf;transition:all .15s cubic-bezier(.05,-.01,0,1)}.v-leave-active[data-v-81f2552b]{box-shadow:0 0 30px #7d7d7d00;transition:all 75ms cubic-bezier(.05,-.01,0,1)}.v-enter-from[data-v-81f2552b],.v-leave-to[data-v-81f2552b]{transform:scaleY(0)}.progress-bar[data-v-18bec619]{width:100%;height:5px;background-color:#e0e0e0}.progress[data-v-18bec619]{background-color:#006fd0;height:5px;transition:width .25s cubic-bezier(0,0,0,1)}.window-background[data-v-925d7c12]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffbf;z-index:998}.window[data-v-925d7c12]{background-color:#f2f2f2;margin:auto;min-width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:#006fd0 2px solid;z-index:999}.window-button[data-v-925d7c12]{display:inline-block;width:244px}.window-title[data-v-925d7c12]{font-weight:400;margin-left:24px;margin-right:24px;width:calc(100% - 48px);white-space:pre-line;margin-bottom:8px}.v-enter-active[data-v-925d7c12],.v-leave-active[data-v-925d7c12]{transition:all .225s cubic-bezier(0,0,0,1)}.window.v-enter-from[data-v-925d7c12],.window.v-leave-to[data-v-925d7c12]{opacity:0;transform:scale(.75) translate(-50%,-40%)}.window-background.v-enter-from[data-v-925d7c12],.window-background.v-leave-to[data-v-925d7c12]{opacity:0}.card[data-v-f3f865b5]{height:300px;width:300px;background:var(--primary-color, #e4e4e4)}.dropdown-container[data-v-75185cc0]{transform-origin:center}.dropdown[data-v-75185cc0]{z-index:101;-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 330px);font-size:var(--sb-fs, 14px);background-color:#ebebebf3;position:fixed;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);left:var(--v1b68a8ea);top:var(--v5a2cd86a);border:2px solid #cdcdcd}.dropdown_backgroud[data-v-75185cc0]{position:fixed;inset:0;background-color:#0000;z-index:100}.dropdown li[data-v-75185cc0]{height:18px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:transform .15s cubic-bezier(.05,-.01,0,1)}.dropdown li[data-v-75185cc0]:active{transform:scale(.975)}.dropdown li[data-v-75185cc0]:hover{background:var(--sb-hover-bg, #cecece)}.label[data-v-75185cc0]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-75185cc0]{transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-leave-active[data-v-75185cc0]{box-shadow:0 0 30px #7d7d7d00;transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-enter-from[data-v-75185cc0],.v-leave-to[data-v-75185cc0]{opacity:0;position:fixed}.topappbar[data-v-c8bdff66]{position:sticky;top:0;-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 330px);font-size:var(--sb-fs, 14px);background-color:#ebebebf3;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);width:100%}.topappbar li[data-v-c8bdff66]{transform-origin:center;position:relative;display:inline-block;align-items:center;padding:var(--sb-pad, 10px 15px 0 15px)}.topappbar .topappbar-item[data-v-c8bdff66]:hover{background:var(--sb-hover-bg, #cecece)}.topappbar-label[data-v-c8bdff66]{color:var(--sb-topappbar-label-color, #333);white-space:nowrap;font-size:16px}.topappbar-indicator[data-v-c8bdff66]{height:2.5px;background-color:#006fd0;width:26px;margin:8px auto 0;display:block}.topappbar-indicator-not[data-v-c8bdff66]{height:2.5px;background-color:#006fd000;width:26px;margin:8px auto 0;display:block}.webwin-slider[data-v-33fb48f7]{--l: 2px;--s: 20px;width:600px;appearance:none;background:none;cursor:default;overflow:hidden}.webwin-slider[type=range i][data-v-33fb48f7]::-webkit-slider-thumb{height:var(--s);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 3px inset var(--e858eac8);border-image:linear-gradient(90deg,var(--e858eac8) 50%,#ababab 0) 0 1/ calc(50% - 1px) 100vw/0 calc(100vw + 0px);-webkit-appearance:none;appearance:none}
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[data-v-227ff99f]{vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;height:18px;padding:10px 14px;background:#fff;color:#000;border:none;font-size:16px}.uwpinput[data-v-227ff99f]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px;background:#fff}.uwpinput[data-v-227ff99f]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.uwpinput[data-v-227ff99f]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.sidebar[data-v-30fc2437]{width:380px;height:36px;display:inline-flex;align-items:center;background-color:#e6e6e6}.sidebar.folded[data-v-30fc2437]{opacity:0}.sidebar-text[data-v-30fc2437]{-webkit-user-select:none;user-select:none;margin-left:16px;font-size:16px;margin-top:0;margin-bottom:0;background-color:#e6e6e6}.side-bar[data-v-30fc2437]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:380px;font-size:var(--sb-fs, 14px);transition:width 0s cubic-bezier(0,.5,0,1);overflow:hidden}.side-bar.folded[data-v-30fc2437]{width:55px;overflow-x:hidden}.search-fold[data-v-30fc2437]{display:none!important}.search-fold.folded[data-v-30fc2437]{display:flex!important;width:24px;margin-bottom:58px}.title.folded[data-v-30fc2437]{display:none}.title[data-v-30fc2437]{transition:all 0s ease}.side-bar li[data-v-30fc2437]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px)}.inputbox.folded[data-v-30fc2437]{display:none}.side-bar li[data-v-30fc2437]:hover{background:var(--sb-hover-bg, #cecece)}.label.folded[data-v-30fc2437]{opacity:0}.indicator[data-v-30fc2437]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:var(--sb-indicator-width, 3px);background:var(--sb-indicator-color, #006fd0);transform:scaleY(0);height:26px;line-height:100px;width:4px}.side-bar li.active .indicator[data-v-30fc2437]{transform:scaleY(1)}.icon[data-v-30fc2437]{width:var(--sb-icon-size, 20px);height:var(--sb-icon-size, 38px);margin-right:var(--sb-icon-mr, 12px);color:var(--sb-icon-color, #333);flex-shrink:0}.label[data-v-30fc2437]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.side-bar[data-v-30fc2437]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 380px);font-size:var(--sb-fs, 14px);background:var(--sb-hover-bg, #1b1b1b)}.side-bar li[data-v-30fc2437]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.side-bar li[data-v-30fc2437]:hover{background:var(--sb-hover-bg, #252525)}.indicator[data-v-30fc2437]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:var(--sb-indicator-width, 3px);background:var(--sb-indicator-color, #006fd0);transform:scaleY(0);height:26px;line-height:100px;width:4px}.side-bar li.active .indicator[data-v-30fc2437]{transform:scaleY(1)}.icon[data-v-30fc2437]{width:var(--sb-icon-size, 20px);height:var(--sb-icon-size, 38px);margin-right:var(--sb-icon-mr, 12px);color:var(--sb-icon-color, #ffffff);flex-shrink:0}.label[data-v-30fc2437]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-30fc2437]{color:#fff}}.tile[data-v-9ae9ef89]{--tile-color: #0078d7;--glow-color: rgba(255, 255, 255, .459);--glow-radius: 20px;position:relative;background-color:var(--tile-color);color:#fff;overflow:hidden;transition:all .25s cubic-bezier(.78,.12,0,1.01)}.tile.small[data-v-9ae9ef89]{width:70px;height:70px}.tile.medium[data-v-9ae9ef89]{width:150px;height:150px}.tile.wide[data-v-9ae9ef89]{width:310px;height:150px}.tile.large[data-v-9ae9ef89]{width:310px;height:310px}.tile-content[data-v-9ae9ef89]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.tile-icon[data-v-9ae9ef89]{font-size:24px;margin-bottom:8px}.tile-title[data-v-9ae9ef89]{-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700;position:absolute;bottom:26px;left:8px}.glow-border[data-v-9ae9ef89]{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--x) var(--y),var(--glow-color) 0%,transparent var(--glow-radius));-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;padding:4px;transition:opacity .2s ease}.pointer-glow[data-v-9ae9ef89]{position:absolute;top:calc(var(--y) - 50px);left:calc(var(--x) - 50px);width:100px;height:100px;border-radius:60%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);pointer-events:none;z-index:1;transition:opacity .3s ease}.tile[data-v-9ae9ef89]:active{transform:scale(.9)}.item-1{display:inline-block;background-color:#e6e6e6}iframe{border:none;display:inline-block;width:100%;height:calc(100% - 73.9px);background-color:#fff}.iframe-container{width:calc(100% - 380px);height:100%;position:relative;display:inline-block;overflow:auto;margin-left:24px}.iframe-container.folded{width:calc(100% - 55px)}.container{display:flex;height:calc(100% - .9px);background-color:#fff}.fade-enter-active{transition:all .35s ease}.fade-enter-from{opacity:0;transform:translateY(300px)}iframe::-webkit-scrollbar{width:4px;height:16px;background-color:#e6e6e6}iframe::-webkit-scrollbar-track{border-radius:0;background-color:#fff0}iframe::-webkit-scrollbar-thumb{border-radius:0;background-color:#818181}.uwppassword[data-v-5ce652ab]{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[data-v-5ce652ab]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwppassword[data-v-5ce652ab]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.uwppassword[data-v-5ce652ab]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.uwprichrditbox[data-v-062c85b9]{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[data-v-062c85b9]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwprichrditbox[data-v-062c85b9]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}.uwprichrditbox[data-placeholder][data-v-062c85b9]:empty:before{content:attr(data-placeholder);color:#666}@media (prefers-color-scheme: dark){.uwprichrditbox[data-v-062c85b9]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.Notification[data-v-55ec523b]{border:rgba(163,163,163,0) 4px solid;-webkit-user-select:none;user-select:none;position:fixed;bottom:24px;right:24px;width:400px;height:150px;background-color:#141414f2;transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-enter-active[data-v-55ec523b]{transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-leave-active[data-v-55ec523b]{transition:all .55s cubic-bezier(.6,0,0,1)}.slide-fade-enter-from[data-v-55ec523b],.slide-fade-leave-to[data-v-55ec523b]{transform:translate(520px)}.n-text[data-v-55ec523b]{color:#fff;margin-left:16px}.n-title[data-v-55ec523b]{margin-top:-2.5px}.n-vulua[data-v-55ec523b]{margin-left:16px;color:#a3a3a3;margin-top:-18px}.Notification[data-v-55ec523b]:hover{border:#5f5f5f 4px solid}.Notification[data-v-55ec523b]:active{transform:scale(.925)}.n-name[data-v-55ec523b]{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-6df73cdd]{position:absolute;opacity:0}.ww-radio-label[data-v-6df73cdd]: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-6df73cdd]{display:flex;align-items:center}.ww-radio[type=radio]:checked+.ww-radio-label[data-v-6df73cdd]: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-6df73cdd]:hover:before,.ww-radio[type=radio]:focus+.ww-radio-label[data-v-6df73cdd]:before{border-color:#0077d7}.ww-radio[type=radio]:not(:checked):hover+.ww-radio-label[data-v-6df73cdd]:before,.ww-radio[type=radio]:not(:checked):focus+.ww-radio-label[data-v-6df73cdd]:before{border-color:#0077d7}.ww-radio[type=radio]:checked:hover+.ww-radio-label[data-v-6df73cdd]:before{border-color:#000}.list-box-button[data-v-81f2552b]{z-index:10;height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);box-shadow:0 0 0 2px #999 inset;width:300px;background-color:#fff}.list-box[data-v-81f2552b]{z-index:1;transform-origin:0 var(--v61ff2edc);-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 330px);font-size:var(--sb-fs, 14px);background-color:#ebebebf3;position:absolute;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);box-shadow:0 0 30px #7d7d7dbf;top:var(--v34605ad9)}.list-box li[data-v-81f2552b]{height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:all .15s cubic-bezier(.05,-.01,0,1)}.list-box li[data-v-81f2552b]:active{transform:scale(.975)}.list-box li.active[data-v-81f2552b]{background:var(--sb-hover-bg, #6db9f3);opacity:0}.list-box-button.active[data-v-81f2552b]{background:var(--sb-hover-bg, #6db9f3);box-shadow:0 0 0 2px #6db9f3 inset}.list-box li[data-v-81f2552b]:hover{background:var(--sb-hover-bg, #cecece)}.list-box li.active[data-v-81f2552b]:hover{background:var(--sb-hover-bg, #6db9f3)}.label[data-v-81f2552b]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-81f2552b]{box-shadow:0 0 30px #7d7d7dbf;transition:all .15s cubic-bezier(.05,-.01,0,1)}.v-leave-active[data-v-81f2552b]{box-shadow:0 0 30px #7d7d7d00;transition:all 75ms cubic-bezier(.05,-.01,0,1)}.v-enter-from[data-v-81f2552b],.v-leave-to[data-v-81f2552b]{transform:scaleY(0)}.progress-bar[data-v-18bec619]{width:100%;height:5px;background-color:#e0e0e0}.progress[data-v-18bec619]{background-color:#006fd0;height:5px;transition:width .25s cubic-bezier(0,0,0,1)}.window-background[data-v-925d7c12]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffbf;z-index:998}.window[data-v-925d7c12]{background-color:#f2f2f2;margin:auto;min-width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:#006fd0 2px solid;z-index:999}.window-button[data-v-925d7c12]{display:inline-block;width:244px}.window-title[data-v-925d7c12]{font-weight:400;margin-left:24px;margin-right:24px;width:calc(100% - 48px);white-space:pre-line;margin-bottom:8px}.v-enter-active[data-v-925d7c12],.v-leave-active[data-v-925d7c12]{transition:all .225s cubic-bezier(0,0,0,1)}.window.v-enter-from[data-v-925d7c12],.window.v-leave-to[data-v-925d7c12]{opacity:0;transform:scale(.75) translate(-50%,-40%)}.window-background.v-enter-from[data-v-925d7c12],.window-background.v-leave-to[data-v-925d7c12]{opacity:0}.card[data-v-4a87dc00]{height:300px;width:300px;background:#e4e4e4}@media (prefers-color-scheme: dark){.card[data-v-4a87dc00]{background-color:#1a1a1a;color:#fff}}.dropdown-container[data-v-75185cc0]{transform-origin:center}.dropdown[data-v-75185cc0]{z-index:101;-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 330px);font-size:var(--sb-fs, 14px);background-color:#ebebebf3;position:fixed;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);left:var(--v1b68a8ea);top:var(--v5a2cd86a);border:2px solid #cdcdcd}.dropdown_backgroud[data-v-75185cc0]{position:fixed;inset:0;background-color:#0000;z-index:100}.dropdown li[data-v-75185cc0]{height:18px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:transform .15s cubic-bezier(.05,-.01,0,1)}.dropdown li[data-v-75185cc0]:active{transform:scale(.975)}.dropdown li[data-v-75185cc0]:hover{background:var(--sb-hover-bg, #cecece)}.label[data-v-75185cc0]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-75185cc0]{transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-leave-active[data-v-75185cc0]{box-shadow:0 0 30px #7d7d7d00;transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-enter-from[data-v-75185cc0],.v-leave-to[data-v-75185cc0]{opacity:0;position:fixed}.topappbar[data-v-d499fad9]{position:sticky;top:0;-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:330px;font-size:14px;background-color:#ebebebf3;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);width:100%}.topappbar li[data-v-d499fad9]{transform-origin:center;position:relative;display:inline-block;align-items:center;padding:10px 15px 0}.topappbar .topappbar-item[data-v-d499fad9]:hover{background:#cecece}.topappbar-label[data-v-d499fad9]{color:#333;white-space:nowrap;font-size:16px}.topappbar-indicator[data-v-d499fad9]{height:2.5px;background-color:#006fd0;width:26px;margin:8px auto 0;display:block}.topappbar-indicator-not[data-v-d499fad9]{height:2.5px;background-color:#006fd000;width:26px;margin:8px auto 0;display:block}@media (prefers-color-scheme: dark){.topappbar[data-v-d499fad9]{background-color:#363636;color:#fff}.topappbar .topappbar-item[data-v-d499fad9]:hover{background:#252525;color:#fff}.topappbar-label[data-v-d499fad9]{color:#fff}.topappbar-indicator[data-v-d499fad9]{background-color:#4b99da}}.webwin-slider[data-v-480ca2b0]{--l: 2px;--s: 20px;width:600px;appearance:none;background:none;cursor:default;overflow:hidden}.webwin-slider[type=range i][data-v-480ca2b0]::-webkit-slider-thumb{height:var(--s);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 3px inset var(--v23dfb612);border-image:linear-gradient(90deg,var(--v23dfb612) 50%,#ababab 0) 0 1/ calc(50% - 1px) 100vw/0 calc(100vw + 0px);-webkit-appearance:none;appearance:none}
package/web-win-vue.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { createElementBlock as r, openBlock as c, renderSlot as k, defineComponent as N, ref as u, normalizeClass as f, unref as p, createElementVNode as n, toDisplayString as b, createVNode as V, Fragment as $, renderList as S, normalizeStyle as R, watch as oe, Transition as I, withCtx as W, createCommentVNode as C, withDirectives as B, vShow as Y, onMounted as le, nextTick as ne, createBlock as F, vModelCheckbox as se, vModelRadio as ae, useCssVars as T, isRef as L, createTextVNode as ie, mergeModels as ce, useModel as re, vModelText as ue } from "vue";
1
+ import { createElementBlock as r, openBlock as c, renderSlot as k, defineComponent as N, ref as u, normalizeClass as f, unref as d, createElementVNode as n, toDisplayString as b, createVNode as V, Fragment as $, renderList as S, normalizeStyle as R, watch as oe, Transition as I, withCtx as W, createCommentVNode as C, withDirectives as B, vShow as F, onMounted as le, nextTick as ne, createBlock as L, vModelCheckbox as se, vModelRadio as ae, useCssVars as T, isRef as D, createTextVNode as ie, mergeModels as ce, useModel as re, vModelText as ue } from "vue";
2
2
  const g = (e, l) => {
3
3
  const o = e.__vccOpts || e;
4
4
  for (const [t, s] of l)
@@ -13,7 +13,7 @@ const g = (e, l) => {
13
13
  k(l.$slots, "default", {}, void 0, !0)
14
14
  ]));
15
15
  }
16
- }, D = /* @__PURE__ */ g(de, [["__scopeId", "data-v-85a8a3fa"]]), pe = ["value", "placeholder"], me = /* @__PURE__ */ N({
16
+ }, H = /* @__PURE__ */ g(de, [["__scopeId", "data-v-85a8a3fa"]]), pe = ["value", "placeholder"], me = /* @__PURE__ */ N({
17
17
  __name: "webwin-inputbox",
18
18
  props: { value: String, placeholder: String },
19
19
  setup(e) {
@@ -30,7 +30,7 @@ const g = (e, l) => {
30
30
  onChange: s[0] || (s[0] = (a) => t.$emit("@change", a))
31
31
  }, null, 40, pe));
32
32
  }
33
- }), H = /* @__PURE__ */ g(me, [["__scopeId", "data-v-227ff99f"]]), ve = { class: "sidebar-text" }, he = { style: { width: "var(--sb-width, 350px)", margin: "auto" } }, we = { style: { overflow: "auto", height: "calc( 100% - 240px )", "overflow-x": "hidden" } }, _e = ["onClick"], fe = {
33
+ }), X = /* @__PURE__ */ g(me, [["__scopeId", "data-v-227ff99f"]]), ve = { class: "sidebar-text" }, he = { style: { width: "var(--sb-width, 350px)", margin: "auto" } }, we = { style: { overflow: "auto", height: "calc( 100% - 240px )", "overflow-x": "hidden" } }, _e = ["onClick"], fe = {
34
34
  class: "icon",
35
35
  viewBox: "0 0 1024 1024",
36
36
  fill: "currentColor",
@@ -55,10 +55,10 @@ const g = (e, l) => {
55
55
  t.value === "" ? (t.value = "folded", o("update", !1)) : (t.value = "", o("update", !0));
56
56
  }
57
57
  return (a, i) => (c(), r("ul", {
58
- class: f(["side-bar", p(t)])
58
+ class: f(["side-bar", d(t)])
59
59
  }, [
60
60
  n("div", {
61
- class: f(["sidebar", p(t)])
61
+ class: f(["sidebar", d(t)])
62
62
  }, [
63
63
  n("p", ve, b(e.bartitle), 1)
64
64
  ], 2),
@@ -80,12 +80,12 @@ const g = (e, l) => {
80
80
  })
81
81
  ], -1)),
82
82
  n("span", {
83
- class: f(["label", p(t)])
83
+ class: f(["label", d(t)])
84
84
  }, null, 2)
85
85
  ]),
86
86
  n("li", {
87
87
  onClick: s,
88
- class: f(["search-fold", p(t)])
88
+ class: f(["search-fold", d(t)])
89
89
  }, [
90
90
  i[1] || (i[1] = n("svg", {
91
91
  class: "icon",
@@ -100,26 +100,26 @@ const g = (e, l) => {
100
100
  })
101
101
  ], -1)),
102
102
  n("span", {
103
- class: f(["label", p(t)])
103
+ class: f(["label", d(t)])
104
104
  }, null, 2)
105
105
  ], 2),
106
106
  n("div", he, [
107
- V(H, {
107
+ V(X, {
108
108
  placeholder: "查找",
109
- class: f(["inputbox", p(t)]),
109
+ class: f(["inputbox", d(t)]),
110
110
  style: { "margin-top": "6px", width: "320px", transition: "all 0s ease" }
111
111
  }, null, 8, ["class"])
112
112
  ]),
113
113
  n("h3", {
114
114
  style: { "margin-top": "26px", "margin-bottom": "26px", "margin-left": "18px" },
115
- class: f(["title", p(t)])
115
+ class: f(["title", d(t)])
116
116
  }, b(e.title), 3)
117
117
  ]),
118
118
  n("div", we, [
119
- (c(!0), r($, null, S(e.items, (h, d) => (c(), r("li", {
120
- key: d,
121
- class: f({ active: d === e.modelValue }),
122
- onClick: (v) => a.$emit("update:modelValue", d)
119
+ (c(!0), r($, null, S(e.items, (h, p) => (c(), r("li", {
120
+ key: p,
121
+ class: f({ active: p === e.modelValue }),
122
+ onClick: (v) => a.$emit("update:modelValue", p)
123
123
  }, [
124
124
  i[2] || (i[2] = n("span", { class: "indicator" }, null, -1)),
125
125
  (c(), r("svg", fe, [
@@ -128,13 +128,13 @@ const g = (e, l) => {
128
128
  }, null, 8, ge)
129
129
  ])),
130
130
  n("span", {
131
- class: f(["label", p(t)])
131
+ class: f(["label", d(t)])
132
132
  }, b(h.name), 3)
133
133
  ], 10, _e))), 128))
134
134
  ])
135
135
  ], 2));
136
136
  }
137
- }, X = /* @__PURE__ */ g(be, [["__scopeId", "data-v-30fc2437"]]);
137
+ }, Y = /* @__PURE__ */ g(be, [["__scopeId", "data-v-30fc2437"]]);
138
138
  console.log("%c✨Welcome to Web-Win-Vue-Tile✨", `
139
139
  color: #0078d7;
140
140
  text-shadow: 0 1px 0 #0078d7;`);
@@ -240,19 +240,19 @@ const O = /* @__PURE__ */ g(xe, [["render", Ve], ["__scopeId", "data-v-9ae9ef89"
240
240
  text-shadow: 0 1px 0 #0078d7;`);
241
241
  const l = e, o = u(0), t = u(0), s = u(l.url[0]);
242
242
  let a = u(""), i = u("");
243
- l.titlebar ? a.value = l.titlebartext : a.value = "", oe(o, (d) => {
244
- console.log("activeIndex changed:", d), console.log("new url:", l.url[d]), s.value = l.url[d], t.value = t.value === 0 ? 1 : 0, console.log("docState:", t.value);
243
+ l.titlebar ? a.value = l.titlebartext : a.value = "", oe(o, (p) => {
244
+ console.log("activeIndex changed:", p), console.log("new url:", l.url[p]), s.value = l.url[p], t.value = t.value === 0 ? 1 : 0, console.log("docState:", t.value);
245
245
  });
246
- function h(d) {
247
- d ? i.value = "" : i.value = "folded";
246
+ function h(p) {
247
+ p ? i.value = "" : i.value = "folded";
248
248
  }
249
- return (d, v) => (c(), r("div", Me, [
250
- V(X, {
249
+ return (p, v) => (c(), r("div", Me, [
250
+ V(Y, {
251
251
  modelValue: o.value,
252
252
  "onUpdate:modelValue": v[0] || (v[0] = (x) => o.value = x),
253
253
  items: e.menu,
254
254
  class: "item-1",
255
- bartitle: p(a),
255
+ bartitle: d(a),
256
256
  onUpdate: h
257
257
  }, null, 8, ["modelValue", "items", "bartitle"]),
258
258
  V(I, {
@@ -262,26 +262,26 @@ const O = /* @__PURE__ */ g(xe, [["render", Ve], ["__scopeId", "data-v-9ae9ef89"
262
262
  default: W(() => [
263
263
  t.value === 0 ? (c(), r("div", {
264
264
  key: "state0",
265
- class: f(["iframe-container", p(i)])
265
+ class: f(["iframe-container", d(i)])
266
266
  }, [
267
- k(d.$slots, "default", {}, () => [
267
+ k(p.$slots, "default", {}, () => [
268
268
  B(n("iframe", {
269
269
  src: s.value,
270
270
  style: { "margin-top": "70px" }
271
271
  }, null, 8, Se), [
272
- [Y, t.value === 0]
272
+ [F, t.value === 0]
273
273
  ])
274
274
  ])
275
275
  ], 2)) : t.value === 1 ? (c(), r("div", {
276
276
  key: "state1",
277
- class: f(["iframe-container", p(i)])
277
+ class: f(["iframe-container", d(i)])
278
278
  }, [
279
- k(d.$slots, "default", {}, () => [
279
+ k(p.$slots, "default", {}, () => [
280
280
  B(n("iframe", {
281
281
  src: s.value,
282
282
  style: { "margin-top": "70px" }
283
283
  }, null, 8, Ie), [
284
- [Y, t.value === 1]
284
+ [F, t.value === 1]
285
285
  ])
286
286
  ])
287
287
  ], 2)) : C("", !0)
@@ -328,7 +328,7 @@ const O = /* @__PURE__ */ g(xe, [["render", Ve], ["__scopeId", "data-v-9ae9ef89"
328
328
  m.selectNodeContents(s.value), m.collapse(!1), w?.removeAllRanges(), w?.addRange(m);
329
329
  }
330
330
  });
331
- }, d = (x) => {
331
+ }, p = (x) => {
332
332
  const _ = x.target;
333
333
  _.textContent === o.placeholder && (_.textContent = "");
334
334
  }, v = (x) => {
@@ -346,7 +346,7 @@ const O = /* @__PURE__ */ g(xe, [["render", Ve], ["__scopeId", "data-v-9ae9ef89"
346
346
  contenteditable: "plaintext-only",
347
347
  "data-placeholder": a.value,
348
348
  onInput: h,
349
- onFocus: d,
349
+ onFocus: p,
350
350
  onBlur: v
351
351
  }, null, 40, ze));
352
352
  }
@@ -369,15 +369,15 @@ const O = /* @__PURE__ */ g(xe, [["render", Ve], ["__scopeId", "data-v-9ae9ef89"
369
369
  }
370
370
  return l({ showNotification: a }), console.log("%c✨Welcome to Web-Win-Vue-Notifications✨", `
371
371
  color: #0078d7;
372
- text-shadow: 0 1px 0 #0078d7;`), (h, d) => (c(), F(I, { name: "slide-fade" }, {
372
+ text-shadow: 0 1px 0 #0078d7;`), (h, p) => (c(), L(I, { name: "slide-fade" }, {
373
373
  default: W(() => [
374
- p(t) ? (c(), r("div", {
374
+ d(t) ? (c(), r("div", {
375
375
  key: 0,
376
376
  class: "Notification",
377
377
  onClick: i
378
378
  }, [
379
379
  n("img", {
380
- src: p(s),
380
+ src: d(s),
381
381
  style: { "object-fit": "contain", "margin-left": "16px", "margin-right": "0px", display: "inline-block", "vertical-align": "middle", width: "16px", height: "16px" }
382
382
  }, null, 8, Te),
383
383
  n("p", De, b(e.name), 1),
@@ -440,7 +440,7 @@ const O = /* @__PURE__ */ g(xe, [["render", Ve], ["__scopeId", "data-v-9ae9ef89"
440
440
  ], 8, qe)
441
441
  ], 64));
442
442
  }
443
- }), j = /* @__PURE__ */ g(Ee, [["__scopeId", "data-v-78978c8c"]]), Ge = { style: { position: "relative" } }, Pe = {
443
+ }), j = /* @__PURE__ */ g(Ee, [["__scopeId", "data-v-6df73cdd"]]), Ge = { style: { position: "relative" } }, Pe = {
444
444
  key: 0,
445
445
  class: "list-box"
446
446
  }, je = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, Je = ["onClick"], Ke = { class: "label" }, Qe = {
@@ -453,16 +453,16 @@ const O = /* @__PURE__ */ g(xe, [["render", Ve], ["__scopeId", "data-v-9ae9ef89"
453
453
  emits: ["update"],
454
454
  setup(e, { emit: l }) {
455
455
  T((m) => ({
456
- v61ff2edc: p(v) + "px",
457
- v34605ad9: p(d) + "px"
456
+ v61ff2edc: d(v) + "px",
457
+ v34605ad9: d(p) + "px"
458
458
  })), console.log("%c✨Welcome to Web-Win-Vue-Item✨", `
459
459
  color: #0078d7;
460
460
  text-shadow: 0 1px 0 #0078d7;`);
461
461
  const o = e, t = l;
462
- let s = u(""), a = u(!1), i = u(o.modelValue), h = u(o.title), d = u(-6), v = u(6);
462
+ let s = u(""), a = u(!1), i = u(o.modelValue), h = u(o.title), p = u(-6), v = u(6);
463
463
  function x(m) {
464
464
  a.value = !1, s.value = "", i.value = m, h.value = o.items[m].name, t("update", m), setTimeout(() => {
465
- d.value = m * -35 - 6, v.value = m * 35 + 6;
465
+ p.value = m * -35 - 6, v.value = m * 35 + 6;
466
466
  }, 100);
467
467
  }
468
468
  function _() {
@@ -470,17 +470,17 @@ const O = /* @__PURE__ */ g(xe, [["render", Ve], ["__scopeId", "data-v-9ae9ef89"
470
470
  }
471
471
  return (m, w) => (c(), r("div", Ge, [
472
472
  n("div", {
473
- class: f(["list-box-button", p(s)]),
473
+ class: f(["list-box-button", d(s)]),
474
474
  onClick: _
475
- }, b(p(h)), 3),
475
+ }, b(d(h)), 3),
476
476
  V(I, null, {
477
477
  default: W(() => [
478
- p(a) ? (c(), r("ul", Pe, [
478
+ d(a) ? (c(), r("ul", Pe, [
479
479
  w[0] || (w[0] = n("div", { style: { height: "6px" } }, null, -1)),
480
480
  n("div", je, [
481
481
  (c(!0), r($, null, S(e.items, (y, M) => (c(), r("li", {
482
482
  key: M,
483
- class: f({ active: M === p(i) }),
483
+ class: f({ active: M === d(i) }),
484
484
  onClick: (z) => x(M)
485
485
  }, [
486
486
  n("span", Ke, b(y.name), 1)
@@ -527,23 +527,23 @@ const O = /* @__PURE__ */ g(xe, [["render", Ve], ["__scopeId", "data-v-9ae9ef89"
527
527
  } }), (s, a) => (c(), r($, null, [
528
528
  V(I, null, {
529
529
  default: W(() => [
530
- p(o) ? (c(), r("div", et)) : C("", !0)
530
+ d(o) ? (c(), r("div", et)) : C("", !0)
531
531
  ]),
532
532
  _: 1
533
533
  }),
534
534
  V(I, null, {
535
535
  default: W(() => [
536
- p(o) ? (c(), r("div", tt, [
536
+ d(o) ? (c(), r("div", tt, [
537
537
  n("div", ot, [
538
538
  n("h2", lt, b(e.title), 1),
539
539
  n("div", nt, [
540
540
  k(s.$slots, "default", {}, void 0, !0)
541
541
  ]),
542
542
  n("div", st, [
543
- (c(!0), r($, null, S(e.items, (i, h) => (c(), F(D, {
543
+ (c(!0), r($, null, S(e.items, (i, h) => (c(), L(H, {
544
544
  class: "window-button",
545
545
  key: h,
546
- onClick: a[0] || (a[0] = (d) => L(o) ? o.value = !1 : o = !1)
546
+ onClick: a[0] || (a[0] = (p) => D(o) ? o.value = !1 : o = !1)
547
547
  }, {
548
548
  default: W(() => [
549
549
  ie(b(i.text), 1)
@@ -564,7 +564,7 @@ function rt(e, l) {
564
564
  k(e.$slots, "default", {}, void 0, !0)
565
565
  ]);
566
566
  }
567
- const Z = /* @__PURE__ */ g(it, [["render", rt], ["__scopeId", "data-v-f3f865b5"]]), ut = {
567
+ const Z = /* @__PURE__ */ g(it, [["render", rt], ["__scopeId", "data-v-4a87dc00"]]), ut = {
568
568
  key: 0,
569
569
  class: "dropdown-container"
570
570
  }, dt = { class: "dropdown" }, pt = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, mt = ["onClick"], vt = { class: "label" }, ht = {
@@ -575,32 +575,32 @@ const Z = /* @__PURE__ */ g(it, [["render", rt], ["__scopeId", "data-v-f3f865b5"
575
575
  emits: ["update"],
576
576
  setup(e, { expose: l, emit: o }) {
577
577
  T((w) => ({
578
- v1b68a8ea: p(a) + "px",
579
- v5a2cd86a: p(i) + "px"
578
+ v1b68a8ea: d(a) + "px",
579
+ v5a2cd86a: d(i) + "px"
580
580
  })), console.log("%c✨Welcome to Web-Win-Vue-Item✨", `
581
581
  color: #0078d7;
582
582
  text-shadow: 0 1px 0 #0078d7;`);
583
583
  const t = e, s = o;
584
- let a = u(0), i = u(0), h = u(""), d = u(!1), v = u(0), x = u(t.title || "");
584
+ let a = u(0), i = u(0), h = u(""), p = u(!1), v = u(0), x = u(t.title || "");
585
585
  function _(w) {
586
- d.value = !1, h.value = "", v.value = w, x.value = t.items[w].name, s("update", w);
586
+ p.value = !1, h.value = "", v.value = w, x.value = t.items[w].name, s("update", w);
587
587
  }
588
588
  return l({ showbox: (w, y) => {
589
- d.value = !d.value, h.value = d.value ? "active" : "", a.value = w, i.value = y;
589
+ p.value = !p.value, h.value = p.value ? "active" : "", a.value = w, i.value = y;
590
590
  } }), (w, y) => (c(), r("div", null, [
591
591
  V(I, null, {
592
592
  default: W(() => [
593
- p(d) ? (c(), r("div", ut, [
593
+ d(p) ? (c(), r("div", ut, [
594
594
  n("div", {
595
595
  class: "dropdown_backgroud",
596
- onClick: y[0] || (y[0] = (M) => L(d) ? d.value = !1 : d = !1)
596
+ onClick: y[0] || (y[0] = (M) => D(p) ? p.value = !1 : p = !1)
597
597
  }),
598
598
  n("ul", dt, [
599
599
  y[1] || (y[1] = n("div", { style: { height: "6px" } }, null, -1)),
600
600
  n("div", pt, [
601
601
  (c(!0), r($, null, S(e.items, (M, z) => (c(), r("li", {
602
602
  key: z,
603
- class: f({ active: z === p(v) }),
603
+ class: f({ active: z === d(v) }),
604
604
  onClick: (Wt) => _(z)
605
605
  }, [
606
606
  n("span", vt, b(M.name), 1)
@@ -630,22 +630,22 @@ const Z = /* @__PURE__ */ g(it, [["render", rt], ["__scopeId", "data-v-f3f865b5"
630
630
  function h(v) {
631
631
  s.value = v, o("update", [v, "left"]);
632
632
  }
633
- function d(v) {
633
+ function p(v) {
634
634
  s.value = v, o("update", [v, "right"]);
635
635
  }
636
636
  return (v, x) => (c(), r("ul", wt, [
637
- (c(!0), r($, null, S(p(a), (_, m) => (c(), r("li", {
637
+ (c(!0), r($, null, S(d(a), (_, m) => (c(), r("li", {
638
638
  key: m,
639
- class: f([{ active: m === p(s) }, "topappbar-item"]),
639
+ class: f([{ active: m === d(s) }, "topappbar-item"]),
640
640
  onClick: (w) => h(m)
641
641
  }, [
642
642
  n("span", ft, b(_.name), 1),
643
- m === p(s) ? (c(), r("span", gt)) : C("", !0),
644
- m != p(s) ? (c(), r("span", bt)) : C("", !0)
643
+ m === d(s) ? (c(), r("span", gt)) : C("", !0),
644
+ m != d(s) ? (c(), r("span", bt)) : C("", !0)
645
645
  ], 10, _t))), 128)),
646
- (c(!0), r($, null, S(p(i), (_, m) => (c(), r("li", {
646
+ (c(!0), r($, null, S(d(i), (_, m) => (c(), r("li", {
647
647
  key: m,
648
- onClick: (w) => d(m),
648
+ onClick: (w) => p(m),
649
649
  class: "topappbar-item",
650
650
  style: { float: "right" }
651
651
  }, [
@@ -653,7 +653,7 @@ const Z = /* @__PURE__ */ g(it, [["render", rt], ["__scopeId", "data-v-f3f865b5"
653
653
  ], 8, xt))), 128))
654
654
  ]));
655
655
  }
656
- }, ee = /* @__PURE__ */ g($t, [["__scopeId", "data-v-c8bdff66"]]), kt = {
656
+ }, ee = /* @__PURE__ */ g($t, [["__scopeId", "data-v-d499fad9"]]), kt = {
657
657
  __name: "webwin-range",
658
658
  props: /* @__PURE__ */ ce({
659
659
  color: { type: String, default: "#006fd0" }
@@ -664,36 +664,35 @@ const Z = /* @__PURE__ */ g(it, [["render", rt], ["__scopeId", "data-v-f3f865b5"
664
664
  emits: ["update:modelValue"],
665
665
  setup(e) {
666
666
  T((o) => ({
667
- e858eac8: e.color
667
+ v23dfb612: e.color
668
668
  }));
669
- const l = re(e, "modelValue");
669
+ let l = re(e, "modelValue");
670
670
  return (o, t) => B((c(), r("input", {
671
671
  type: "range",
672
- "onUpdate:modelValue": t[0] || (t[0] = (s) => l.value = s),
672
+ "onUpdate:modelValue": t[0] || (t[0] = (s) => D(l) ? l.value = s : l = s),
673
673
  class: "webwin-slider",
674
674
  min: "1",
675
- max: "100",
676
- value: "50"
675
+ max: "100"
677
676
  }, null, 512)), [
678
- [ue, l.value]
677
+ [ue, d(l)]
679
678
  ]);
680
679
  }
681
- }, te = /* @__PURE__ */ g(kt, [["__scopeId", "data-v-33fb48f7"]]), Ct = [te, ee, A, Z, Q, K, J, j, P, D, X, O, U, H, q, E, G], Mt = {
680
+ }, te = /* @__PURE__ */ g(kt, [["__scopeId", "data-v-480ca2b0"]]), Ct = [te, ee, A, Z, Q, K, J, j, P, H, Y, O, U, X, q, E, G], Mt = {
682
681
  install(e) {
683
682
  Ct.forEach((l) => {
684
- e.component("winbutton", D), e.component("winitem", X), e.component("wintile", O), e.component("wintab", U), e.component("wininputbox", H), e.component("winpasswordbox", q), e.component("winricheditbox", E), e.component("winnotifications", G), e.component("wincheckbox", P), e.component("winradio", j), e.component("wincombobox", J), e.component("winprogressbar", K), e.component("winwindow", Q), e.component("wincard", Z), e.component("windropdown", A), e.component("wintopappbar", ee), e.component("winrange", te);
683
+ e.component("winbutton", H), e.component("winitem", Y), e.component("wintile", O), e.component("wintab", U), e.component("wininputbox", X), e.component("winpasswordbox", q), e.component("winricheditbox", E), e.component("winnotifications", G), e.component("wincheckbox", P), e.component("winradio", j), e.component("wincombobox", J), e.component("winprogressbar", K), e.component("winwindow", Q), e.component("wincard", Z), e.component("windropdown", A), e.component("wintopappbar", ee), e.component("winrange", te);
685
684
  });
686
685
  }
687
686
  };
688
687
  export {
689
688
  Mt as default,
690
- D as winbutton,
689
+ H as winbutton,
691
690
  Z as wincard,
692
691
  P as wincheckbox,
693
692
  J as wincombobox,
694
693
  A as windropdown,
695
- H as wininputbox,
696
- X as winitem,
694
+ X as wininputbox,
695
+ Y as winitem,
697
696
  G as winnotifications,
698
697
  q as winpasswordbox,
699
698
  K as winprogressbar,
@@ -4,22 +4,22 @@
4
4
  color: #0078d7;
5
5
  text-shadow: 0 1px 0 #0078d7;`);const l=t,n=e.ref(l.placeholder);return(o,a)=>(e.openBlock(),e.createElementBlock("input",{type:"text",name:"fname",class:"uwpinput",value:t.value,placeholder:n.value,onChange:a[0]||(a[0]=s=>o.$emit("@change",s))},null,40,R))}}),[["__scopeId","data-v-227ff99f"]]),L={class:"sidebar-text"},H={style:{width:"var(--sb-width, 350px)",margin:"auto"}},X={style:{overflow:"auto",height:"calc( 100% - 240px )","overflow-x":"hidden"}},Y=["onClick"],O={class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true",height:"16"},q=["d"],x=w({__name:"webwin-item",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"Menu"},bartitle:{type:String,default:"Window"}},emits:["update"],setup(t,{emit:l}){console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
6
6
  color: #0078d7;
7
- text-shadow: 0 1px 0 #0078d7;`);const n=l;let o=e.ref("");function a(){o.value===""?(o.value="folded",n("update",!1)):(o.value="",n("update",!0))}return(s,c)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(["side-bar",e.unref(o)])},[e.createElementVNode("div",{class:e.normalizeClass(["sidebar",e.unref(o)])},[e.createElementVNode("p",L,e.toDisplayString(t.bartitle),1)],2),e.createElementVNode("div",null,[e.createElementVNode("li",{style:{"margin-top":"24px",width:"24px"},onClick:a},[c[0]||(c[0]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M63.7 191.4h895.2v64H63.7zM63.7 480.2h895.2v64H63.7zM63.7 767.2h895.2v64H63.7z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(o)])},null,2)]),e.createElementVNode("li",{onClick:a,class:e.normalizeClass(["search-fold",e.unref(o)])},[c[1]||(c[1]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M916.374282 878.7028 661.417543 604.016717c1.402953-1.616824 2.784416-3.254114 4.155646-4.90266 0.367367-0.459464 0.747014-0.909719 1.115404-1.37123 1.308809-1.585101 2.600221-3.181459 3.879354-4.798283 0.337691-0.429789 0.675382-0.86981 1.011027-1.299599 1.209548-1.555425 2.416026-3.122107 3.603061-4.696975 0.347924-0.471744 0.695848-0.931209 1.043772-1.402953 1.176802-1.585101 2.354628-3.181459 3.499707-4.798283 0.318248-0.449231 0.633427-0.889253 0.951675-1.331321 1.197268-1.686409 2.37407-3.39533 3.541663-5.104251 0.285502-0.419556 0.561795-0.829901 0.849344-1.249457 1.257643-1.87265 2.495844-3.755534 3.723811-5.65786 0.23536-0.360204 0.461511-0.727571 0.695848-1.085728 1.127683-1.77032 2.232854-3.551896 3.325745-5.342682 0.268106-0.440022 0.533143-0.87902 0.799202-1.319042 1.052982-1.750877 2.096754-3.50994 3.120061-5.28026 0.255827-0.440022 0.511653-0.87902 0.76748-1.331321 1.035586-1.801019 2.046612-3.611248 3.040243-5.432733 0.226151-0.409322 0.449231-0.819668 0.675382-1.228991 1.052982-1.944282 2.076288-3.90903 3.099594-5.873778l0.533143-1.052982c1.043772-2.046612 2.067079-4.103458 3.069919-6.181793 0.184195-0.358157 0.347924-0.715291 0.521886-1.083681 0.941442-1.954515 1.851161-3.90903 2.75167-5.884011 0.184195-0.400113 0.358157-0.809435 0.541329-1.207501 0.881067-1.954515 1.740644-3.931542 2.579755-5.9055 0.173962-0.398066 0.347924-0.797156 0.511653-1.197268 0.859577-2.036379 1.698688-4.082992 2.506077-6.139837 0.134053-0.316202 0.26606-0.64366 0.38988-0.971118 0.87902-2.240017 1.738597-4.493338 2.568499-6.753821l0.255827-0.707105c0.807389-2.220574 1.595334-4.451382 2.362814-6.691399 0.113587-0.327458 0.215918-0.655939 0.318248-0.973164 0.727571-2.148943 1.432629-4.296863 2.109034-6.465249l0.327458-1.055029c0.663102-2.169409 1.308809-4.349051 1.942235-6.538927l0.277316-0.971118c0.64366-2.272763 1.257643-4.563946 1.851161-6.856152 0.062422-0.225127 0.12382-0.450255 0.186242-0.674359 0.623193-2.455935 1.226944-4.923126 1.801019-7.398504l0.121773-0.542352c0.543376-2.373047 1.065262-4.748141 1.555425-7.141654l0.173962-0.880043c0.471744-2.302439 0.920976-4.626367 1.341554-6.948249l0.163729-0.920976c0.419556-2.353604 0.809435-4.716418 1.167592-7.081279 0.039909-0.26606 0.092098-0.532119 0.121773-0.797156 0.38988-2.518357 0.747014-5.045923 1.065262-7.582699l0.029676-0.23536c0.337691-2.620687 0.633427-5.238304 0.901533-7.868201l0.060375-0.563842c0.245593-2.486634 0.471744-4.982478 0.665149-7.480368l0.052189-0.788969c0.184195-2.445702 0.337691-4.900613 0.469698-7.356548l0.041956-0.849344c0.121773-2.5071 0.224104-5.024433 0.285502-7.541767l0.020466-0.582261c0.062422-2.711761 0.104377-5.424546 0.104377-8.146541 0-178.843224-145.034211-323.876412-323.876412-323.876412-178.844248 0-323.886645 145.033187-323.886645 323.876412 0 178.844248 145.043421 323.876412 323.886645 323.876412 2.701528 0 5.392824-0.029676 8.073886-0.102331l0.490164-0.010233c2.620687-0.062422 5.219885-0.163729 7.819083-0.295735l0.603751-0.031722c2.620687-0.132006 5.239328-0.295735 7.838525-0.50142l0.245593-0.010233c2.578732-0.203638 5.136997-0.429789 7.68503-0.685615l0.583285-0.060375c2.51631-0.255827 5.034666-0.543376 7.53051-0.861624l0.76748-0.092098c2.476401-0.325411 4.952802-0.663102 7.408737-1.043772l0.715291-0.11154c2.364861-0.358157 4.718465-0.747014 7.071046-1.167592l0.777713-0.144286c2.37407-0.417509 4.728698-0.87902 7.083326-1.348718l1.115404-0.23536c2.292206-0.471744 4.583388-0.960885 6.855128-1.484817 0.38988-0.092098 0.777713-0.184195 1.157359-0.276293 2.13871-0.491187 4.256954-1.013073 6.374174-1.555425 0.451278-0.11154 0.900509-0.226151 1.350764-0.347924 2.109034-0.541329 4.195555-1.115404 6.293333-1.698688 0.50142-0.144286 1.00284-0.285502 1.505283-0.429789 2.096754-0.603751 4.185322-1.216711 6.261611-1.862417 0.543376-0.163729 1.075495-0.337691 1.616824-0.50142 1.882883-0.593518 3.755534-1.207501 5.628184-1.830695 0.685615-0.226151 1.360997-0.461511 2.046612-0.685615 1.790786-0.62524 3.581572-1.249457 5.362124-1.895163 0.633427-0.234337 1.2689-0.459464 1.902326-0.695848 1.882883-0.695848 3.755534-1.411139 5.617951-2.13871 0.705058-0.276293 1.402953-0.551562 2.109034-0.827855 1.616824-0.645706 3.233648-1.310855 4.840238-1.986237 0.899486-0.367367 1.790786-0.757247 2.680039-1.134847 1.505283-0.645706 2.998287-1.289366 4.483104-1.954515 0.941442-0.419556 1.87265-0.839111 2.814092-1.2689 1.503237-0.695848 3.007497-1.390673 4.500501-2.109034 0.819668-0.387833 1.629103-0.777713 2.436492-1.174756 1.390673-0.675382 2.774183-1.360997 4.145413-2.058892 1.063215-0.541329 2.128477-1.083681 3.191692-1.63729 1.2689-0.653893 2.52859-1.319042 3.78521-1.994424 1.127683-0.603751 2.242064-1.216711 3.367701-1.832741 1.226944-0.685615 2.455935-1.37123 3.683902-2.067079 1.023306-0.574075 2.046612-1.167592 3.059686-1.759063 1.043772-0.61603 2.098801-1.228991 3.14155-1.853208 1.176802-0.717338 2.364861-1.423419 3.529383-2.148943 1.085728-0.665149 2.160199-1.341554 3.233648-2.016937 1.216711-0.76748 2.426259-1.545192 3.63376-2.332115 1.052982-0.685615 2.086521-1.360997 3.13234-2.058892l0.020466-0.010233 255.611655 275.361465c18.399045 19.822464 46.170552 23.64042 62.59564 9.56996l6.723122-5.752004C937.106466 927.146115 934.764118 898.512984 916.374282 878.7028zM416.63349 630.643144c-131.760906 0-238.604306-106.853633-238.604306-238.603283 0-131.750673 106.8434-238.604306 238.604306-238.604306 131.74965 0 238.594073 106.853633 238.594073 238.604306C655.227564 523.789511 548.38314 630.643144 416.63349 630.643144z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(o)])},null,2)],2),e.createElementVNode("div",H,[e.createVNode(k,{placeholder:"查找",class:e.normalizeClass(["inputbox",e.unref(o)]),style:{"margin-top":"6px",width:"320px",transition:"all 0s ease"}},null,8,["class"])]),e.createElementVNode("h3",{style:{"margin-top":"26px","margin-bottom":"26px","margin-left":"18px"},class:e.normalizeClass(["title",e.unref(o)])},e.toDisplayString(t.title),3)]),e.createElementVNode("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(p,i)=>(e.openBlock(),e.createElementBlock("li",{key:i,class:e.normalizeClass({active:i===t.modelValue}),onClick:m=>s.$emit("update:modelValue",i)},[c[2]||(c[2]=e.createElementVNode("span",{class:"indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",O,[e.createElementVNode("path",{d:p.icon},null,8,q)])),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(o)])},e.toDisplayString(p.name),3)],10,Y))),128))])],2))}},[["__scopeId","data-v-30fc2437"]]);console.log("%c✨Welcome to Web-Win-Vue-Tile✨",`
7
+ text-shadow: 0 1px 0 #0078d7;`);const n=l;let o=e.ref("");function a(){o.value===""?(o.value="folded",n("update",!1)):(o.value="",n("update",!0))}return(s,i)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(["side-bar",e.unref(o)])},[e.createElementVNode("div",{class:e.normalizeClass(["sidebar",e.unref(o)])},[e.createElementVNode("p",L,e.toDisplayString(t.bartitle),1)],2),e.createElementVNode("div",null,[e.createElementVNode("li",{style:{"margin-top":"24px",width:"24px"},onClick:a},[i[0]||(i[0]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M63.7 191.4h895.2v64H63.7zM63.7 480.2h895.2v64H63.7zM63.7 767.2h895.2v64H63.7z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(o)])},null,2)]),e.createElementVNode("li",{onClick:a,class:e.normalizeClass(["search-fold",e.unref(o)])},[i[1]||(i[1]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M916.374282 878.7028 661.417543 604.016717c1.402953-1.616824 2.784416-3.254114 4.155646-4.90266 0.367367-0.459464 0.747014-0.909719 1.115404-1.37123 1.308809-1.585101 2.600221-3.181459 3.879354-4.798283 0.337691-0.429789 0.675382-0.86981 1.011027-1.299599 1.209548-1.555425 2.416026-3.122107 3.603061-4.696975 0.347924-0.471744 0.695848-0.931209 1.043772-1.402953 1.176802-1.585101 2.354628-3.181459 3.499707-4.798283 0.318248-0.449231 0.633427-0.889253 0.951675-1.331321 1.197268-1.686409 2.37407-3.39533 3.541663-5.104251 0.285502-0.419556 0.561795-0.829901 0.849344-1.249457 1.257643-1.87265 2.495844-3.755534 3.723811-5.65786 0.23536-0.360204 0.461511-0.727571 0.695848-1.085728 1.127683-1.77032 2.232854-3.551896 3.325745-5.342682 0.268106-0.440022 0.533143-0.87902 0.799202-1.319042 1.052982-1.750877 2.096754-3.50994 3.120061-5.28026 0.255827-0.440022 0.511653-0.87902 0.76748-1.331321 1.035586-1.801019 2.046612-3.611248 3.040243-5.432733 0.226151-0.409322 0.449231-0.819668 0.675382-1.228991 1.052982-1.944282 2.076288-3.90903 3.099594-5.873778l0.533143-1.052982c1.043772-2.046612 2.067079-4.103458 3.069919-6.181793 0.184195-0.358157 0.347924-0.715291 0.521886-1.083681 0.941442-1.954515 1.851161-3.90903 2.75167-5.884011 0.184195-0.400113 0.358157-0.809435 0.541329-1.207501 0.881067-1.954515 1.740644-3.931542 2.579755-5.9055 0.173962-0.398066 0.347924-0.797156 0.511653-1.197268 0.859577-2.036379 1.698688-4.082992 2.506077-6.139837 0.134053-0.316202 0.26606-0.64366 0.38988-0.971118 0.87902-2.240017 1.738597-4.493338 2.568499-6.753821l0.255827-0.707105c0.807389-2.220574 1.595334-4.451382 2.362814-6.691399 0.113587-0.327458 0.215918-0.655939 0.318248-0.973164 0.727571-2.148943 1.432629-4.296863 2.109034-6.465249l0.327458-1.055029c0.663102-2.169409 1.308809-4.349051 1.942235-6.538927l0.277316-0.971118c0.64366-2.272763 1.257643-4.563946 1.851161-6.856152 0.062422-0.225127 0.12382-0.450255 0.186242-0.674359 0.623193-2.455935 1.226944-4.923126 1.801019-7.398504l0.121773-0.542352c0.543376-2.373047 1.065262-4.748141 1.555425-7.141654l0.173962-0.880043c0.471744-2.302439 0.920976-4.626367 1.341554-6.948249l0.163729-0.920976c0.419556-2.353604 0.809435-4.716418 1.167592-7.081279 0.039909-0.26606 0.092098-0.532119 0.121773-0.797156 0.38988-2.518357 0.747014-5.045923 1.065262-7.582699l0.029676-0.23536c0.337691-2.620687 0.633427-5.238304 0.901533-7.868201l0.060375-0.563842c0.245593-2.486634 0.471744-4.982478 0.665149-7.480368l0.052189-0.788969c0.184195-2.445702 0.337691-4.900613 0.469698-7.356548l0.041956-0.849344c0.121773-2.5071 0.224104-5.024433 0.285502-7.541767l0.020466-0.582261c0.062422-2.711761 0.104377-5.424546 0.104377-8.146541 0-178.843224-145.034211-323.876412-323.876412-323.876412-178.844248 0-323.886645 145.033187-323.886645 323.876412 0 178.844248 145.043421 323.876412 323.886645 323.876412 2.701528 0 5.392824-0.029676 8.073886-0.102331l0.490164-0.010233c2.620687-0.062422 5.219885-0.163729 7.819083-0.295735l0.603751-0.031722c2.620687-0.132006 5.239328-0.295735 7.838525-0.50142l0.245593-0.010233c2.578732-0.203638 5.136997-0.429789 7.68503-0.685615l0.583285-0.060375c2.51631-0.255827 5.034666-0.543376 7.53051-0.861624l0.76748-0.092098c2.476401-0.325411 4.952802-0.663102 7.408737-1.043772l0.715291-0.11154c2.364861-0.358157 4.718465-0.747014 7.071046-1.167592l0.777713-0.144286c2.37407-0.417509 4.728698-0.87902 7.083326-1.348718l1.115404-0.23536c2.292206-0.471744 4.583388-0.960885 6.855128-1.484817 0.38988-0.092098 0.777713-0.184195 1.157359-0.276293 2.13871-0.491187 4.256954-1.013073 6.374174-1.555425 0.451278-0.11154 0.900509-0.226151 1.350764-0.347924 2.109034-0.541329 4.195555-1.115404 6.293333-1.698688 0.50142-0.144286 1.00284-0.285502 1.505283-0.429789 2.096754-0.603751 4.185322-1.216711 6.261611-1.862417 0.543376-0.163729 1.075495-0.337691 1.616824-0.50142 1.882883-0.593518 3.755534-1.207501 5.628184-1.830695 0.685615-0.226151 1.360997-0.461511 2.046612-0.685615 1.790786-0.62524 3.581572-1.249457 5.362124-1.895163 0.633427-0.234337 1.2689-0.459464 1.902326-0.695848 1.882883-0.695848 3.755534-1.411139 5.617951-2.13871 0.705058-0.276293 1.402953-0.551562 2.109034-0.827855 1.616824-0.645706 3.233648-1.310855 4.840238-1.986237 0.899486-0.367367 1.790786-0.757247 2.680039-1.134847 1.505283-0.645706 2.998287-1.289366 4.483104-1.954515 0.941442-0.419556 1.87265-0.839111 2.814092-1.2689 1.503237-0.695848 3.007497-1.390673 4.500501-2.109034 0.819668-0.387833 1.629103-0.777713 2.436492-1.174756 1.390673-0.675382 2.774183-1.360997 4.145413-2.058892 1.063215-0.541329 2.128477-1.083681 3.191692-1.63729 1.2689-0.653893 2.52859-1.319042 3.78521-1.994424 1.127683-0.603751 2.242064-1.216711 3.367701-1.832741 1.226944-0.685615 2.455935-1.37123 3.683902-2.067079 1.023306-0.574075 2.046612-1.167592 3.059686-1.759063 1.043772-0.61603 2.098801-1.228991 3.14155-1.853208 1.176802-0.717338 2.364861-1.423419 3.529383-2.148943 1.085728-0.665149 2.160199-1.341554 3.233648-2.016937 1.216711-0.76748 2.426259-1.545192 3.63376-2.332115 1.052982-0.685615 2.086521-1.360997 3.13234-2.058892l0.020466-0.010233 255.611655 275.361465c18.399045 19.822464 46.170552 23.64042 62.59564 9.56996l6.723122-5.752004C937.106466 927.146115 934.764118 898.512984 916.374282 878.7028zM416.63349 630.643144c-131.760906 0-238.604306-106.853633-238.604306-238.603283 0-131.750673 106.8434-238.604306 238.604306-238.604306 131.74965 0 238.594073 106.853633 238.594073 238.604306C655.227564 523.789511 548.38314 630.643144 416.63349 630.643144z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(o)])},null,2)],2),e.createElementVNode("div",H,[e.createVNode(k,{placeholder:"查找",class:e.normalizeClass(["inputbox",e.unref(o)]),style:{"margin-top":"6px",width:"320px",transition:"all 0s ease"}},null,8,["class"])]),e.createElementVNode("h3",{style:{"margin-top":"26px","margin-bottom":"26px","margin-left":"18px"},class:e.normalizeClass(["title",e.unref(o)])},e.toDisplayString(t.title),3)]),e.createElementVNode("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(p,c)=>(e.openBlock(),e.createElementBlock("li",{key:c,class:e.normalizeClass({active:c===t.modelValue}),onClick:m=>s.$emit("update:modelValue",c)},[i[2]||(i[2]=e.createElementVNode("span",{class:"indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",O,[e.createElementVNode("path",{d:p.icon},null,8,q)])),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(o)])},e.toDisplayString(p.name),3)],10,Y))),128))])],2))}},[["__scopeId","data-v-30fc2437"]]);console.log("%c✨Welcome to Web-Win-Vue-Tile✨",`
8
8
  color: #0078d7;
9
- text-shadow: 0 1px 0 #0078d7;`);const U={props:{size:{default:"medium"},color:{default:"#0078d7"},title:{default:"App"},icon:{default:""},glowColor:{default:"rgba(255,255,255,0.5)"},glowRadius:{default:60}},data(){return{isHovered:!1,mouseX:0,mouseY:0,glowOpacity:0}},computed:{tileStyle(){return{"--tile-color":this.color,"--glow-color":this.glowColor,"--glow-radius":`${this.glowRadius}px`}},glowStyle(){return{"--x":`${this.mouseX}px`,"--y":`${this.mouseY}px`,opacity:this.glowOpacity}},pointerGlowStyle(){return{"--x":`${this.mouseX}px`,"--y":`${this.mouseY}px`,opacity:this.isHovered?1:0}}},methods:{handleMouseMove(t){const l=t.currentTarget.getBoundingClientRect();this.mouseX=t.clientX-l.left,this.mouseY=t.clientY-l.top;const n=Math.min(this.mouseX,l.width-this.mouseX,this.mouseY,l.height-this.mouseY),o=this.glowRadius;this.glowOpacity=Math.max(0,(o-n)/o)},handleMouseLeave(){this.isHovered=!1,this.glowOpacity=0}}},j={class:"tile-content"},P={class:"tile-icon"},G={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},J=["d"],K={class:"tile-title"};function Q(t,l,n,o,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tile",n.size]),style:e.normalizeStyle(s.tileStyle),onMousemove:l[0]||(l[0]=(...c)=>s.handleMouseMove&&s.handleMouseMove(...c)),onMouseenter:l[1]||(l[1]=c=>a.isHovered=!0),onMouseleave:l[2]||(l[2]=(...c)=>s.handleMouseLeave&&s.handleMouseLeave(...c))},[e.createElementVNode("div",j,[e.createElementVNode("div",P,[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",G,[e.createElementVNode("path",{fill:"white",d:n.icon},null,8,J)]))],!0)]),e.createElementVNode("div",K,e.toDisplayString(n.title),1)]),e.createElementVNode("div",{class:"glow-border",style:e.normalizeStyle(s.glowStyle)},null,4),e.createElementVNode("div",{class:"pointer-glow",style:e.normalizeStyle(s.pointerGlowStyle)},null,4)],38)}const V=w(U,[["render",Q],["__scopeId","data-v-9ae9ef89"]]),Z={class:"container"},A=["src"],v=["src"],B={__name:"webwin-tab",props:{menu:Array,url:Array,titlebar:Boolean,titlebartext:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-Tab✨",`
9
+ text-shadow: 0 1px 0 #0078d7;`);const U={props:{size:{default:"medium"},color:{default:"#0078d7"},title:{default:"App"},icon:{default:""},glowColor:{default:"rgba(255,255,255,0.5)"},glowRadius:{default:60}},data(){return{isHovered:!1,mouseX:0,mouseY:0,glowOpacity:0}},computed:{tileStyle(){return{"--tile-color":this.color,"--glow-color":this.glowColor,"--glow-radius":`${this.glowRadius}px`}},glowStyle(){return{"--x":`${this.mouseX}px`,"--y":`${this.mouseY}px`,opacity:this.glowOpacity}},pointerGlowStyle(){return{"--x":`${this.mouseX}px`,"--y":`${this.mouseY}px`,opacity:this.isHovered?1:0}}},methods:{handleMouseMove(t){const l=t.currentTarget.getBoundingClientRect();this.mouseX=t.clientX-l.left,this.mouseY=t.clientY-l.top;const n=Math.min(this.mouseX,l.width-this.mouseX,this.mouseY,l.height-this.mouseY),o=this.glowRadius;this.glowOpacity=Math.max(0,(o-n)/o)},handleMouseLeave(){this.isHovered=!1,this.glowOpacity=0}}},j={class:"tile-content"},P={class:"tile-icon"},G={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},J=["d"],K={class:"tile-title"};function Q(t,l,n,o,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tile",n.size]),style:e.normalizeStyle(s.tileStyle),onMousemove:l[0]||(l[0]=(...i)=>s.handleMouseMove&&s.handleMouseMove(...i)),onMouseenter:l[1]||(l[1]=i=>a.isHovered=!0),onMouseleave:l[2]||(l[2]=(...i)=>s.handleMouseLeave&&s.handleMouseLeave(...i))},[e.createElementVNode("div",j,[e.createElementVNode("div",P,[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",G,[e.createElementVNode("path",{fill:"white",d:n.icon},null,8,J)]))],!0)]),e.createElementVNode("div",K,e.toDisplayString(n.title),1)]),e.createElementVNode("div",{class:"glow-border",style:e.normalizeStyle(s.glowStyle)},null,4),e.createElementVNode("div",{class:"pointer-glow",style:e.normalizeStyle(s.pointerGlowStyle)},null,4)],38)}const V=w(U,[["render",Q],["__scopeId","data-v-9ae9ef89"]]),Z={class:"container"},A=["src"],v=["src"],B={__name:"webwin-tab",props:{menu:Array,url:Array,titlebar:Boolean,titlebartext:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-Tab✨",`
10
10
  color: #0078d7;
11
- text-shadow: 0 1px 0 #0078d7;`);const l=t,n=e.ref(0),o=e.ref(0),a=e.ref(l.url[0]);let s=e.ref(""),c=e.ref("");l.titlebar?s.value=l.titlebartext:s.value="",e.watch(n,i=>{console.log("activeIndex changed:",i),console.log("new url:",l.url[i]),a.value=l.url[i],o.value=o.value===0?1:0,console.log("docState:",o.value)});function p(i){i?c.value="":c.value="folded"}return(i,m)=>(e.openBlock(),e.createElementBlock("div",Z,[e.createVNode(x,{modelValue:n.value,"onUpdate:modelValue":m[0]||(m[0]=h=>n.value=h),items:t.menu,class:"item-1",bartitle:e.unref(s),onUpdate:p},null,8,["modelValue","items","bartitle"]),e.createVNode(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[o.value===0?(e.openBlock(),e.createElementBlock("div",{key:"state0",class:e.normalizeClass(["iframe-container",e.unref(c)])},[e.renderSlot(i.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:a.value,style:{"margin-top":"70px"}},null,8,A),[[e.vShow,o.value===0]])])],2)):o.value===1?(e.openBlock(),e.createElementBlock("div",{key:"state1",class:e.normalizeClass(["iframe-container",e.unref(c)])},[e.renderSlot(i.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:a.value,style:{"margin-top":"70px"}},null,8,v),[[e.vShow,o.value===1]])])],2)):e.createCommentVNode("",!0)]),_:3})]))}},ee=["value","placeholder"],$=w(e.defineComponent({__name:"webwin-passwordbox",props:{value:String,placeholder:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-PasswordBox✨",`
11
+ text-shadow: 0 1px 0 #0078d7;`);const l=t,n=e.ref(0),o=e.ref(0),a=e.ref(l.url[0]);let s=e.ref(""),i=e.ref("");l.titlebar?s.value=l.titlebartext:s.value="",e.watch(n,c=>{console.log("activeIndex changed:",c),console.log("new url:",l.url[c]),a.value=l.url[c],o.value=o.value===0?1:0,console.log("docState:",o.value)});function p(c){c?i.value="":i.value="folded"}return(c,m)=>(e.openBlock(),e.createElementBlock("div",Z,[e.createVNode(x,{modelValue:n.value,"onUpdate:modelValue":m[0]||(m[0]=h=>n.value=h),items:t.menu,class:"item-1",bartitle:e.unref(s),onUpdate:p},null,8,["modelValue","items","bartitle"]),e.createVNode(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[o.value===0?(e.openBlock(),e.createElementBlock("div",{key:"state0",class:e.normalizeClass(["iframe-container",e.unref(i)])},[e.renderSlot(c.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:a.value,style:{"margin-top":"70px"}},null,8,A),[[e.vShow,o.value===0]])])],2)):o.value===1?(e.openBlock(),e.createElementBlock("div",{key:"state1",class:e.normalizeClass(["iframe-container",e.unref(i)])},[e.renderSlot(c.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:a.value,style:{"margin-top":"70px"}},null,8,v),[[e.vShow,o.value===1]])])],2)):e.createCommentVNode("",!0)]),_:3})]))}},ee=["value","placeholder"],$=w(e.defineComponent({__name:"webwin-passwordbox",props:{value:String,placeholder:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-PasswordBox✨",`
12
12
  color: #0078d7;
13
- text-shadow: 0 1px 0 #0078d7;`);const l=t,n=e.ref(l.value),o=e.ref(l.placeholder);return(a,s)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"uwppassword",value:n.value,placeholder:o.value,onChange:s[0]||(s[0]=c=>a.$emit("@change",c))},null,40,ee))}}),[["__scopeId","data-v-5ce652ab"]]),te=["data-placeholder"],E=w(e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update","change"],setup(t,{emit:l}){const n=t,o=l,a=e.ref(null),s=e.ref(n.placeholder),c=e.ref(n.value);e.onMounted(()=>{a.value&&(a.value.textContent=n.value||"",c.value=n.value||"")});const p=h=>{if(!a.value)return;const _=a.value.textContent||"";o("update",_),e.nextTick(()=>{if(a.value){const r=document.createRange(),f=window.getSelection();r.selectNodeContents(a.value),r.collapse(!1),f?.removeAllRanges(),f?.addRange(r)}})},i=h=>{const _=h.target;_.textContent===n.placeholder&&(_.textContent="")},m=h=>{const _=h.target,r=_.textContent||"";r!==c.value&&(o("change",{target:{value:r}}),c.value=r),r.trim()===""&&(_.textContent="")};return(h,_)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editableDiv",ref:a,class:"uwprichrditbox",contenteditable:"plaintext-only","data-placeholder":s.value,onInput:p,onFocus:i,onBlur:m},null,40,te))}}),[["__scopeId","data-v-062c85b9"]]),oe=["src"],ne={class:"n-name",style:{display:"inline-block","margin-left":"6px"}},le={class:"n-text n-title"},ae={class:"n-vulua"},C=w({__name:"webwin-notifications",props:{name:String,title:String,text:String,img:String},setup(t,{expose:l}){const n=t;let o=e.ref(!1),a=e.ref(n.img);const s=()=>{o.value=!o.value};function c(){o.value&&setTimeout(()=>{o.value=!1},250)}return l({showNotification:s}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
13
+ text-shadow: 0 1px 0 #0078d7;`);const l=t,n=e.ref(l.value),o=e.ref(l.placeholder);return(a,s)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"uwppassword",value:n.value,placeholder:o.value,onChange:s[0]||(s[0]=i=>a.$emit("@change",i))},null,40,ee))}}),[["__scopeId","data-v-5ce652ab"]]),te=["data-placeholder"],E=w(e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update","change"],setup(t,{emit:l}){const n=t,o=l,a=e.ref(null),s=e.ref(n.placeholder),i=e.ref(n.value);e.onMounted(()=>{a.value&&(a.value.textContent=n.value||"",i.value=n.value||"")});const p=h=>{if(!a.value)return;const _=a.value.textContent||"";o("update",_),e.nextTick(()=>{if(a.value){const r=document.createRange(),f=window.getSelection();r.selectNodeContents(a.value),r.collapse(!1),f?.removeAllRanges(),f?.addRange(r)}})},c=h=>{const _=h.target;_.textContent===n.placeholder&&(_.textContent="")},m=h=>{const _=h.target,r=_.textContent||"";r!==i.value&&(o("change",{target:{value:r}}),i.value=r),r.trim()===""&&(_.textContent="")};return(h,_)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editableDiv",ref:a,class:"uwprichrditbox",contenteditable:"plaintext-only","data-placeholder":s.value,onInput:p,onFocus:c,onBlur:m},null,40,te))}}),[["__scopeId","data-v-062c85b9"]]),oe=["src"],ne={class:"n-name",style:{display:"inline-block","margin-left":"6px"}},le={class:"n-text n-title"},ae={class:"n-vulua"},C=w({__name:"webwin-notifications",props:{name:String,title:String,text:String,img:String},setup(t,{expose:l}){const n=t;let o=e.ref(!1),a=e.ref(n.img);const s=()=>{o.value=!o.value};function i(){o.value&&setTimeout(()=>{o.value=!1},250)}return l({showNotification:s}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
14
14
  color: #0078d7;
15
- text-shadow: 0 1px 0 #0078d7;`),(p,i)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"Notification",onClick:c},[e.createElementVNode("img",{src:e.unref(a),style:{"object-fit":"contain","margin-left":"16px","margin-right":"0px",display:"inline-block","vertical-align":"middle",width:"16px",height:"16px"}},null,8,oe),e.createElementVNode("p",ne,e.toDisplayString(t.name),1),e.createElementVNode("h4",le,e.toDisplayString(t.title),1),e.createElementVNode("p",ae,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},[["__scopeId","data-v-55ec523b"]]),se=["name","id"],ce=["for"],N=w(e.defineComponent({__name:"webwin-checkbox",props:{name:String,checked:Array},setup(t){const l=t,n=e.ref(l.name),o=e.ref(l.checked);return console.log("%c✨Welcome to Web-Win-Vue-Checkbox✨",`
15
+ text-shadow: 0 1px 0 #0078d7;`),(p,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"Notification",onClick:i},[e.createElementVNode("img",{src:e.unref(a),style:{"object-fit":"contain","margin-left":"16px","margin-right":"0px",display:"inline-block","vertical-align":"middle",width:"16px",height:"16px"}},null,8,oe),e.createElementVNode("p",ne,e.toDisplayString(t.name),1),e.createElementVNode("h4",le,e.toDisplayString(t.title),1),e.createElementVNode("p",ae,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},[["__scopeId","data-v-55ec523b"]]),se=["name","id"],ie=["for"],N=w(e.defineComponent({__name:"webwin-checkbox",props:{name:String,checked:Array},setup(t){const l=t,n=e.ref(l.name),o=e.ref(l.checked);return console.log("%c✨Welcome to Web-Win-Vue-Checkbox✨",`
16
16
  color: #0078d7;
17
- text-shadow: 0 1px 0 #0078d7;`),(a,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"ww-checkbox",name:n.value,id:n.value,"onUpdate:modelValue":s[0]||(s[0]=c=>o.value=c),onClick:s[1]||(s[1]=c=>a.$emit("click",c))},null,8,se),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:n.value,class:"ww-checkbox-label"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,ce)],64))}}),[["__scopeId","data-v-c289ea76"]]),ie=["name","id"],re=["for"],S=w(e.defineComponent({__name:"webwin-radio",props:{name:String,checked:Array},setup(t){const l=t,n=e.ref(l.name),o=e.ref(l.checked);return console.log("%c✨Welcome to Web-Win-Vue-radio✨",`
17
+ text-shadow: 0 1px 0 #0078d7;`),(a,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"ww-checkbox",name:n.value,id:n.value,"onUpdate:modelValue":s[0]||(s[0]=i=>o.value=i),onClick:s[1]||(s[1]=i=>a.$emit("click",i))},null,8,se),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:n.value,class:"ww-checkbox-label"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,ie)],64))}}),[["__scopeId","data-v-c289ea76"]]),ce=["name","id"],re=["for"],S=w(e.defineComponent({__name:"webwin-radio",props:{name:String,checked:Array},setup(t){const l=t,n=e.ref(l.name),o=e.ref(l.checked);return console.log("%c✨Welcome to Web-Win-Vue-radio✨",`
18
18
  color: #0078d7;
19
- text-shadow: 0 1px 0 #0078d7;`),(a,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"radio",class:"ww-radio",name:n.value,id:n.value,"onUpdate:modelValue":s[0]||(s[0]=c=>o.value=c),onClick:s[1]||(s[1]=c=>a.$emit("click",c))},null,8,ie),[[e.vModelRadio,o.value]]),e.createElementVNode("label",{for:n.value,class:"ww-radio-label"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,re)],64))}}),[["__scopeId","data-v-78978c8c"]]),de={style:{position:"relative"}},me={key:0,class:"list-box"},pe={style:{overflow:"auto",height:"calc( 100% - 240px )"}},fe=["onClick"],we={class:"label"},W=w({__name:"webwin-combobox",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"itembox"}},emits:["update"],setup(t,{emit:l}){e.useCssVars(r=>({v61ff2edc:e.unref(m)+"px",v34605ad9:e.unref(i)+"px"})),console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
19
+ text-shadow: 0 1px 0 #0078d7;`),(a,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"radio",class:"ww-radio",name:n.value,id:n.value,"onUpdate:modelValue":s[0]||(s[0]=i=>o.value=i),onClick:s[1]||(s[1]=i=>a.$emit("click",i))},null,8,ce),[[e.vModelRadio,o.value]]),e.createElementVNode("label",{for:n.value,class:"ww-radio-label"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,re)],64))}}),[["__scopeId","data-v-6df73cdd"]]),de={style:{position:"relative"}},me={key:0,class:"list-box"},pe={style:{overflow:"auto",height:"calc( 100% - 240px )"}},fe=["onClick"],we={class:"label"},W=w({__name:"webwin-combobox",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"itembox"}},emits:["update"],setup(t,{emit:l}){e.useCssVars(r=>({v61ff2edc:e.unref(m)+"px",v34605ad9:e.unref(c)+"px"})),console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
20
20
  color: #0078d7;
21
- text-shadow: 0 1px 0 #0078d7;`);const n=t,o=l;let a=e.ref(""),s=e.ref(!1),c=e.ref(n.modelValue),p=e.ref(n.title),i=e.ref(-6),m=e.ref(6);function h(r){s.value=!1,a.value="",c.value=r,p.value=n.items[r].name,o("update",r),setTimeout(()=>{i.value=r*-35-6,m.value=r*35+6},100)}function _(){s.value=!s.value,a.value=s.value?"active":""}return(r,f)=>(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",{class:e.normalizeClass(["list-box-button",e.unref(a)]),onClick:_},e.toDisplayString(e.unref(p)),3),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createElementBlock("ul",me,[f[0]||(f[0]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(g,u)=>(e.openBlock(),e.createElementBlock("li",{key:u,class:e.normalizeClass({active:u===e.unref(c)}),onClick:y=>h(u)},[e.createElementVNode("span",we,e.toDisplayString(g.name),1)],10,fe))),128))]),f[1]||(f[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-81f2552b"]]),_e={class:"progress-bar"},M=w({__name:"webwin-progressbar",props:{progress:{type:Number,default:0}},setup(t){return console.log("%c✨Welcome to Web-Win-Vue-ProgressBar✨",`
21
+ text-shadow: 0 1px 0 #0078d7;`);const n=t,o=l;let a=e.ref(""),s=e.ref(!1),i=e.ref(n.modelValue),p=e.ref(n.title),c=e.ref(-6),m=e.ref(6);function h(r){s.value=!1,a.value="",i.value=r,p.value=n.items[r].name,o("update",r),setTimeout(()=>{c.value=r*-35-6,m.value=r*35+6},100)}function _(){s.value=!s.value,a.value=s.value?"active":""}return(r,f)=>(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",{class:e.normalizeClass(["list-box-button",e.unref(a)]),onClick:_},e.toDisplayString(e.unref(p)),3),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createElementBlock("ul",me,[f[0]||(f[0]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(g,u)=>(e.openBlock(),e.createElementBlock("li",{key:u,class:e.normalizeClass({active:u===e.unref(i)}),onClick:y=>h(u)},[e.createElementVNode("span",we,e.toDisplayString(g.name),1)],10,fe))),128))]),f[1]||(f[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-81f2552b"]]),_e={class:"progress-bar"},M=w({__name:"webwin-progressbar",props:{progress:{type:Number,default:0}},setup(t){return console.log("%c✨Welcome to Web-Win-Vue-ProgressBar✨",`
22
22
  color: #0078d7;
23
- text-shadow: 0 1px 0 #0078d7;`),(l,n)=>(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("div",{class:"progress",style:e.normalizeStyle({width:t.progress+"%"})},null,4)]))}},[["__scopeId","data-v-18bec619"]]),he={key:0,class:"window-background"},ge={key:0,class:"window"},ue={style:{"margin-top":"24px","margin-bottom":"24px"}},be={class:"window-title"},ke={style:{"margin-left":"25px","margin-right":"24px",width:"calc(100% - 48px)"}},xe={style:{"margin-left":"24px","margin-right":"24px",width:"calc(100% - 48px)",display:"Flex",gap:"6px","margin-top":"48px"}},z=w({__name:"webwin-window",props:{items:{type:Array,required:!0,default:[{text:"11"},{text:"11"}]},title:{type:String,default:"Title"}},setup(t,{expose:l}){let n=e.ref("");return l({showDialog:()=>{n.value=!0}}),(a,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",he)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("div",ue,[e.createElementVNode("h2",be,e.toDisplayString(t.title),1),e.createElementVNode("div",ke,[e.renderSlot(a.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(c,p)=>(e.openBlock(),e.createBlock(b,{class:"window-button",key:p,onClick:s[0]||(s[0]=i=>e.isRef(n)?n.value=!1:n=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.text),1)]),_:2},1024))),128))])])])):e.createCommentVNode("",!0)]),_:3})],64))}},[["__scopeId","data-v-925d7c12"]]),ye={},Ve={class:"card"};function Be(t,l){return e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const D=w(ye,[["render",Be],["__scopeId","data-v-f3f865b5"]]),$e={key:0,class:"dropdown-container"},Ee={class:"dropdown"},Ce={style:{overflow:"auto",height:"calc( 100% - 240px )"}},Ne=["onClick"],Se={class:"label"},I=w({__name:"webwin-dropdown",props:{items:{type:Array,required:!0}},emits:["update"],setup(t,{expose:l,emit:n}){e.useCssVars(f=>({v1b68a8ea:e.unref(s)+"px",v5a2cd86a:e.unref(c)+"px"})),console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
23
+ text-shadow: 0 1px 0 #0078d7;`),(l,n)=>(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("div",{class:"progress",style:e.normalizeStyle({width:t.progress+"%"})},null,4)]))}},[["__scopeId","data-v-18bec619"]]),he={key:0,class:"window-background"},ge={key:0,class:"window"},ue={style:{"margin-top":"24px","margin-bottom":"24px"}},be={class:"window-title"},ke={style:{"margin-left":"25px","margin-right":"24px",width:"calc(100% - 48px)"}},xe={style:{"margin-left":"24px","margin-right":"24px",width:"calc(100% - 48px)",display:"Flex",gap:"6px","margin-top":"48px"}},z=w({__name:"webwin-window",props:{items:{type:Array,required:!0,default:[{text:"11"},{text:"11"}]},title:{type:String,default:"Title"}},setup(t,{expose:l}){let n=e.ref("");return l({showDialog:()=>{n.value=!0}}),(a,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",he)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("div",ue,[e.createElementVNode("h2",be,e.toDisplayString(t.title),1),e.createElementVNode("div",ke,[e.renderSlot(a.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(i,p)=>(e.openBlock(),e.createBlock(b,{class:"window-button",key:p,onClick:s[0]||(s[0]=c=>e.isRef(n)?n.value=!1:n=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.text),1)]),_:2},1024))),128))])])])):e.createCommentVNode("",!0)]),_:3})],64))}},[["__scopeId","data-v-925d7c12"]]),ye={},Ve={class:"card"};function Be(t,l){return e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const D=w(ye,[["render",Be],["__scopeId","data-v-4a87dc00"]]),$e={key:0,class:"dropdown-container"},Ee={class:"dropdown"},Ce={style:{overflow:"auto",height:"calc( 100% - 240px )"}},Ne=["onClick"],Se={class:"label"},I=w({__name:"webwin-dropdown",props:{items:{type:Array,required:!0}},emits:["update"],setup(t,{expose:l,emit:n}){e.useCssVars(f=>({v1b68a8ea:e.unref(s)+"px",v5a2cd86a:e.unref(i)+"px"})),console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
24
24
  color: #0078d7;
25
- text-shadow: 0 1px 0 #0078d7;`);const o=t,a=n;let s=e.ref(0),c=e.ref(0),p=e.ref(""),i=e.ref(!1),m=e.ref(0),h=e.ref(o.title||"");function _(f){i.value=!1,p.value="",m.value=f,h.value=o.items[f].name,a("update",f)}return l({showbox:(f,g)=>{i.value=!i.value,p.value=i.value?"active":"",s.value=f,c.value=g}}),(f,g)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(i)?(e.openBlock(),e.createElementBlock("div",$e,[e.createElementVNode("div",{class:"dropdown_backgroud",onClick:g[0]||(g[0]=u=>e.isRef(i)?i.value=!1:i=!1)}),e.createElementVNode("ul",Ee,[g[1]||(g[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(u,y)=>(e.openBlock(),e.createElementBlock("li",{key:y,class:e.normalizeClass({active:y===e.unref(m)}),onClick:ve=>_(y)},[e.createElementVNode("span",Se,e.toDisplayString(u.name),1)],10,Ne))),128))]),g[2]||(g[2]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-75185cc0"]]),We={class:"topappbar"},Me=["onClick"],ze={class:"topappbar-label"},De={key:0,class:"topappbar-indicator"},Ie={key:1,class:"topappbar-indicator-not"},Te=["onClick"],Fe={class:"topappbar-label"},T=w({__name:"webwin-topappbar",props:{items:Array,activeIndex:Number,rightMenu:{type:Array,default:[]}},emits:["update"],setup(t,{emit:l}){const n=l,o=t;let a=e.ref(o.activeIndex||0),s=e.ref(o.items),c=e.ref(o.rightMenu);function p(m){a.value=m,n("update",[m,"left"])}function i(m){a.value=m,n("update",[m,"right"])}return(m,h)=>(e.openBlock(),e.createElementBlock("ul",We,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),(_,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,class:e.normalizeClass([{active:r===e.unref(a)},"topappbar-item"]),onClick:f=>p(r)},[e.createElementVNode("span",ze,e.toDisplayString(_.name),1),r===e.unref(a)?(e.openBlock(),e.createElementBlock("span",De)):e.createCommentVNode("",!0),r!=e.unref(a)?(e.openBlock(),e.createElementBlock("span",Ie)):e.createCommentVNode("",!0)],10,Me))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),(_,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,onClick:f=>i(r),class:"topappbar-item",style:{float:"right"}},[e.createElementVNode("span",Fe,e.toDisplayString(_.name),1)],8,Te))),128))]))}},[["__scopeId","data-v-c8bdff66"]]),F=w({__name:"webwin-range",props:e.mergeModels({color:{type:String,default:"#006fd0"}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){e.useCssVars(n=>({e858eac8:t.color}));const l=e.useModel(t,"modelValue");return(n,o)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",{type:"range","onUpdate:modelValue":o[0]||(o[0]=a=>l.value=a),class:"webwin-slider",min:"1",max:"100",value:"50"},null,512)),[[e.vModelText,l.value]])}},[["__scopeId","data-v-33fb48f7"]]),Re=[F,T,I,D,z,M,W,S,N,b,x,V,B,k,$,E,C],Le={install(t){Re.forEach(l=>{t.component("winbutton",b),t.component("winitem",x),t.component("wintile",V),t.component("wintab",B),t.component("wininputbox",k),t.component("winpasswordbox",$),t.component("winricheditbox",E),t.component("winnotifications",C),t.component("wincheckbox",N),t.component("winradio",S),t.component("wincombobox",W),t.component("winprogressbar",M),t.component("winwindow",z),t.component("wincard",D),t.component("windropdown",I),t.component("wintopappbar",T),t.component("winrange",F)})}};d.default=Le,d.winbutton=b,d.wincard=D,d.wincheckbox=N,d.wincombobox=W,d.windropdown=I,d.wininputbox=k,d.winitem=x,d.winnotifications=C,d.winpasswordbox=$,d.winprogressbar=M,d.winradio=S,d.winrange=F,d.winricheditbox=E,d.wintab=B,d.wintile=V,d.wintopappbar=T,d.winwindow=z,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
25
+ text-shadow: 0 1px 0 #0078d7;`);const o=t,a=n;let s=e.ref(0),i=e.ref(0),p=e.ref(""),c=e.ref(!1),m=e.ref(0),h=e.ref(o.title||"");function _(f){c.value=!1,p.value="",m.value=f,h.value=o.items[f].name,a("update",f)}return l({showbox:(f,g)=>{c.value=!c.value,p.value=c.value?"active":"",s.value=f,i.value=g}}),(f,g)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createElementBlock("div",$e,[e.createElementVNode("div",{class:"dropdown_backgroud",onClick:g[0]||(g[0]=u=>e.isRef(c)?c.value=!1:c=!1)}),e.createElementVNode("ul",Ee,[g[1]||(g[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(u,y)=>(e.openBlock(),e.createElementBlock("li",{key:y,class:e.normalizeClass({active:y===e.unref(m)}),onClick:ve=>_(y)},[e.createElementVNode("span",Se,e.toDisplayString(u.name),1)],10,Ne))),128))]),g[2]||(g[2]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-75185cc0"]]),We={class:"topappbar"},Me=["onClick"],ze={class:"topappbar-label"},De={key:0,class:"topappbar-indicator"},Ie={key:1,class:"topappbar-indicator-not"},Te=["onClick"],Fe={class:"topappbar-label"},T=w({__name:"webwin-topappbar",props:{items:Array,activeIndex:Number,rightMenu:{type:Array,default:[]}},emits:["update"],setup(t,{emit:l}){const n=l,o=t;let a=e.ref(o.activeIndex||0),s=e.ref(o.items),i=e.ref(o.rightMenu);function p(m){a.value=m,n("update",[m,"left"])}function c(m){a.value=m,n("update",[m,"right"])}return(m,h)=>(e.openBlock(),e.createElementBlock("ul",We,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),(_,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,class:e.normalizeClass([{active:r===e.unref(a)},"topappbar-item"]),onClick:f=>p(r)},[e.createElementVNode("span",ze,e.toDisplayString(_.name),1),r===e.unref(a)?(e.openBlock(),e.createElementBlock("span",De)):e.createCommentVNode("",!0),r!=e.unref(a)?(e.openBlock(),e.createElementBlock("span",Ie)):e.createCommentVNode("",!0)],10,Me))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(_,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,onClick:f=>c(r),class:"topappbar-item",style:{float:"right"}},[e.createElementVNode("span",Fe,e.toDisplayString(_.name),1)],8,Te))),128))]))}},[["__scopeId","data-v-d499fad9"]]),F=w({__name:"webwin-range",props:e.mergeModels({color:{type:String,default:"#006fd0"}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){e.useCssVars(n=>({v23dfb612:t.color}));let l=e.useModel(t,"modelValue");return(n,o)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",{type:"range","onUpdate:modelValue":o[0]||(o[0]=a=>e.isRef(l)?l.value=a:l=a),class:"webwin-slider",min:"1",max:"100"},null,512)),[[e.vModelText,e.unref(l)]])}},[["__scopeId","data-v-480ca2b0"]]),Re=[F,T,I,D,z,M,W,S,N,b,x,V,B,k,$,E,C],Le={install(t){Re.forEach(l=>{t.component("winbutton",b),t.component("winitem",x),t.component("wintile",V),t.component("wintab",B),t.component("wininputbox",k),t.component("winpasswordbox",$),t.component("winricheditbox",E),t.component("winnotifications",C),t.component("wincheckbox",N),t.component("winradio",S),t.component("wincombobox",W),t.component("winprogressbar",M),t.component("winwindow",z),t.component("wincard",D),t.component("windropdown",I),t.component("wintopappbar",T),t.component("winrange",F)})}};d.default=Le,d.winbutton=b,d.wincard=D,d.wincheckbox=N,d.wincombobox=W,d.windropdown=I,d.wininputbox=k,d.winitem=x,d.winnotifications=C,d.winpasswordbox=$,d.winprogressbar=M,d.winradio=S,d.winrange=F,d.winricheditbox=E,d.wintab=B,d.wintile=V,d.wintopappbar=T,d.winwindow=z,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));