web-win-vue 0.7.6 → 0.7.8

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.
Files changed (5) hide show
  1. package/README.md +8 -3
  2. package/package.json +1 -1
  3. package/style.css +1 -1
  4. package/web-win-vue.es.js +346 -290
  5. package/web-win-vue.umd.js +3 -3
package/README.md CHANGED
@@ -26,6 +26,8 @@ npm install web-win-vue --save
26
26
  以下组件正在开发中，部分内容随时可能变动:
27
27
 
28
28
  - webwin-topappbar
29
+ - webwin-listbox
30
+ - webwin-listview
29
31
 
30
32
  Github Release 目前只会在 稳定版本 发布后推送。
31
33
 
@@ -35,10 +37,13 @@ Github Release 目前只会在 稳定版本 发布后推送。
35
37
 
36
38
  ```sh
37
39
  import { winbutton } from 'web-win-vue'
38
- import 'web-win-vue/web-win-vue.css'
40
+ import 'web-win-vue/style.css'
39
41
  ```
40
42
 
41
- [详细文档](https://hhcl233.github.io/web-win-vue-docs/#/) (不完整)。
43
+ 文档目前暂未制作完成。
44
+
45
+ <!-- [详细文档](https://hhcl233.github.io/web-win-vue-docs/#/) (不完整)。 -->
46
+
42
47
  <!-- 请参阅 [文档](https://ycnjvm44jtxm.feishu.cn/wiki/YmMCwDGo5iNeS3kTCEdchPaXnCe) 。 -->
43
48
 
44
49
  ## Star 历史
@@ -47,4 +52,4 @@ import 'web-win-vue/web-win-vue.css'
47
52
 
48
53
  ## 许可证
49
54
 
50
- [MIT](https://github.com/HHCL233/web-win-vue/blob/main/LICENSE)
55
+ [MIT](https://github.com/HHCL233/web-win-vue/blob/main/LICENSE)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "web-win-vue",
3
- "version": "0.7.6",
3
+ "version": "0.7.8",
4
4
  "description": "基于 Vue3 开发的 Windows10 风格 Web 组件库",
5
5
  "main": "./web-win-vue.umd.js",
6
6
  "module": "./web-win-vue.es.js",
package/style.css CHANGED
@@ -1 +1 @@
1
- .webwin-button[data-v-a059307c]{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}.webwin-button[data-v-a059307c]:active{cursor:default;transition:opacity .3s ease;transform:scale(.97);filter:blur(.5px);outline:0px solid #999999;background:var(--primary-color, #999999)}.webwin-button[data-v-a059307c]:hover{cursor:default;outline:2.75px solid #999999;outline-offset:-2.75px}.webwin-button[data-v-a059307c]:disabled{transition:opacity 0s ease;transform:scale(1);filter:blur(0);outline:0px solid #7A7A7A;color:#919191;background:#ccc;cursor:not-allowed}.webwin-uwpinput[data-v-7641a566]{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}.webwin-uwpinput[data-v-7641a566]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px;background:#fff}.webwin-uwpinput[data-v-7641a566]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.webwin-uwpinput[data-v-7641a566]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.webwin-sidebar[data-v-d1920b87]{width:380px;height:36px;display:inline-flex;align-items:center;background-color:#e6e6e6}.webwin-sidebar.folded[data-v-d1920b87]{opacity:0}.webwin-sidebar-text[data-v-d1920b87]{-webkit-user-select:none;user-select:none;margin-left:16px;font-size:16px;margin-top:0;margin-bottom:0;background-color:#e6e6e6}.webwin-side-bar[data-v-d1920b87]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:380px;font-size:14px;overflow:hidden}.webwin-side-bar.folded[data-v-d1920b87]{width:55px;overflow-x:hidden}.webwin-search-fold[data-v-d1920b87]{display:none!important}.webwin-search-fold.folded[data-v-d1920b87]{display:flex!important;width:24px;margin-bottom:58px}.webwin-title.folded[data-v-d1920b87]{display:none}.webwin-side-bar li[data-v-d1920b87]{position:relative;display:flex;align-items:center;padding:10px 16px}.webwin-inputbox.folded[data-v-d1920b87]{display:none}.webwin-side-bar li[data-v-d1920b87]:hover{background:#cecece}.webwin-label.folded[data-v-d1920b87]{opacity:0}.webwin-indicator[data-v-d1920b87]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:3px;background:#006fd0;transform:scaleY(0);height:26px;line-height:100px;width:4px}.webwin-side-bar li.active .webwin-indicator[data-v-d1920b87]{transform:scaleY(1)}.webwin-icon[data-v-d1920b87]{width:20px;height:38px;margin-right:12px;color:#333;flex-shrink:0}.webwin-label[data-v-d1920b87]{color:#333;white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.webwin-side-bar[data-v-d1920b87]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:380px;font-size:14px;background:#1b1b1b}.webwin-side-bar li[data-v-d1920b87]{position:relative;display:flex;align-items:center;padding:10px 16px}.webwin-side-bar li[data-v-d1920b87]:hover{background:#252525}.webwin-indicator[data-v-d1920b87]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:3px;background:#006fd0;transform:scaleY(0);height:26px;line-height:100px;width:4px}.webwin-side-bar li.active .webwin-indicator[data-v-d1920b87]{transform:scaleY(1)}.webwin-icon[data-v-d1920b87]{width:20px;height:38px;margin-right:12px;color:#fff;flex-shrink:0}.webwin-label[data-v-d1920b87]{color:#fff;white-space:nowrap;font-size:16px}.webwin-title[data-v-d1920b87]{color:#fff}}.webwin-tile[data-v-51adc759]{--tile-color: #0078d7;--glow-color: rgb(0, 0, 0);--glow-radius: 20px;position:relative;background-color:var(--tile-color);color:#fff;overflow:hidden;transition:all .15s cubic-bezier(.78,.12,0,1)}.webwin-tile.small[data-v-51adc759]{width:70px;height:70px}.webwin-tile.medium[data-v-51adc759]{width:150px;height:150px}.webwin-tile.wide[data-v-51adc759]{width:310px;height:150px}.webwin-tile.large[data-v-51adc759]{width:310px;height:310px}.webwin-tile-content[data-v-51adc759]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.webwin-tile-icon[data-v-51adc759]{font-size:24px;margin-bottom:8px}.webwin-tile-title[data-v-51adc759]{-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700;position:absolute;bottom:26px;left:8px}.webwin-glow-border[data-v-51adc759]{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}.webwin-pointer-glow[data-v-51adc759]{position:absolute;top:calc(var(--y) - 50px);left:calc(var(--x) - 50px);width:150px;height:150px;border-radius:60%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);pointer-events:none;z-index:1;transition:opacity .25s ease}.webwin-tile[data-v-51adc759]:active{transform:scale(.9)}.webwin-item-1{display:inline-block;background-color:#e6e6e6}.webwin-iframe{border:none;display:inline-block;width:100%;height:calc(100% - 73.9px);background-color:#fff}.webwin-iframe-container{width:calc(100% - 380px);height:100%;position:relative;display:inline-block;overflow:auto;margin-left:24px}.webwin-iframe-container.folded{width:calc(100% - 55px)}.webwin-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)}.webwin-iframe::-webkit-scrollbar{width:4px;height:16px;background-color:#e6e6e6}.webwin-iframe::-webkit-scrollbar-track{border-radius:0;background-color:#fff0}.webwin-iframe::-webkit-scrollbar-thumb{border-radius:0;background-color:#818181}.webwin-uwppassword[data-v-dd8b91fe]{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}.webwin-uwppassword[data-v-dd8b91fe]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.webwin-uwppassword[data-v-dd8b91fe]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.webwin-uwppassword[data-v-dd8b91fe]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.webwin-uwprichrditbox[data-v-f7a96b3a]{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}.webwin-uwprichrditbox[data-v-f7a96b3a]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.webwin-uwprichrditbox[data-v-f7a96b3a]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}.webwin-uwprichrditbox[data-placeholder][data-v-f7a96b3a]:empty:before{content:attr(data-placeholder);color:#666}@media (prefers-color-scheme: dark){.webwin-uwprichrditbox[data-v-f7a96b3a]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.webwin-notification[data-v-445b06e9]{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:transform .35s cubic-bezier(0,.6,0,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.slide-fade-enter-active[data-v-445b06e9]{transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-leave-active[data-v-445b06e9]{transition:all .55s cubic-bezier(.6,0,0,1)}.slide-fade-enter-from[data-v-445b06e9],.slide-fade-leave-to[data-v-445b06e9]{transform:translate(520px)}.webwin-n-text[data-v-445b06e9]{color:#fff;margin-left:16px}.webwin-n-title[data-v-445b06e9]{margin-top:-2.5px}.webwin-n-vulua[data-v-445b06e9]{margin-left:16px;color:#a3a3a3;margin-top:-18px}.webwin-notification[data-v-445b06e9]:hover{outline:#464646 6px solid;outline-offset:-6px}.webwin-notification[data-v-445b06e9]:active{transform:scale(.925)}.webwin-n-name[data-v-445b06e9]{color:#fff}.webwin-checkbox[type=checkbox][data-v-3b234b99]{position:absolute;opacity:0}.webwin-checkbox-label[data-v-3b234b99]: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}.webwin-checkbox-label[data-v-3b234b99]{display:flex;align-items:center}.webwin-checkbox[type=checkbox]:checked+.webwin-checkbox-label[data-v-3b234b99]:before{background-color:#0077d7;border-color:#0077d7;content:"√";color:#fff;line-height:1.25em;font-size:1.1em;text-align:center}.webwin-checkbox-label[data-v-3b234b99]:hover:before,.webwin-checkbox[type=checkbox]:focus+.webwin-checkbox-label[data-v-3b234b99]:before{border-color:#0077d7}.webwin-checkbox[type=checkbox]:not(:checked):hover+.webwin-checkbox-label[data-v-3b234b99]:before,.webwin-checkbox[type=checkbox]:not(:checked):focus+.webwin-checkbox-label[data-v-3b234b99]:before{border-color:#0077d7}.webwin-checkbox[type=checkbox]:checked:hover+.webwin-checkbox-label[data-v-3b234b99]:before{border-color:#000}.webwin-radio[type=radio][data-v-04fe95c4]{position:absolute;opacity:0}.webwin-radio-label[data-v-04fe95c4]: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}.webwin-radio-label[data-v-04fe95c4]{display:flex;align-items:center}.webwin-radio[type=radio]:checked+.webwin-radio-label[data-v-04fe95c4]: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}.webwin-radio-label[data-v-04fe95c4]:hover:before,.webwin-radio[type=radio]:focus+.webwin-radio-label[data-v-04fe95c4]:before{border-color:#0077d7}.webwin-radio[type=radio]:not(:checked):hover+.webwin-radio-label[data-v-04fe95c4]:before,.webwin-radio[type=radio]:not(:checked):focus+.webwin-radio-label[data-v-04fe95c4]:before{border-color:#0077d7}.webwin-radio[type=radio]:checked:hover+.webwin-radio-label[data-v-04fe95c4]:before{border-color:#000}.webwin-list-box-button[data-v-ac4b4002]{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}.webwin-list-box[data-v-ac4b4002]{z-index:1;transform-origin:0 var(--v1be24303);-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(--v5172b45c)}.webwin-list-box li[data-v-ac4b4002]{height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:all .15s cubic-bezier(.05,-.01,0,1)}.webwin-list-box li[data-v-ac4b4002]:active{transform:scale(.975)}.webwin-list-box li.active[data-v-ac4b4002]{background:var(--sb-hover-bg, #6db9f3);opacity:0}.webwin-list-box-button.active[data-v-ac4b4002]{background:var(--sb-hover-bg, #6db9f3);box-shadow:0 0 0 2px #6db9f3 inset}.webwin-list-box li[data-v-ac4b4002]:hover{background:var(--sb-hover-bg, #cecece)}.webwin-list-box li.active[data-v-ac4b4002]:hover{background:var(--sb-hover-bg, #6db9f3)}.webwin-label[data-v-ac4b4002]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-ac4b4002]{box-shadow:0 0 30px #7d7d7dbf;transition:all .15s cubic-bezier(.05,-.01,0,1)}.v-leave-active[data-v-ac4b4002]{box-shadow:0 0 30px #7d7d7d00;transition:all 75ms cubic-bezier(.05,-.01,0,1)}.v-enter-from[data-v-ac4b4002],.v-leave-to[data-v-ac4b4002]{transform:scaleY(0)}.webwin-progress-bar[data-v-9ef8a457]{width:100%;height:5px;background-color:#e0e0e0}.webwin-progress[data-v-9ef8a457]{background-color:#006fd0;height:5px;transition:width .25s cubic-bezier(0,0,0,1)}.webwin-window-background[data-v-e4bb637e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffbf;z-index:998}.webwin-window[data-v-e4bb637e]{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}.webwin-window-button[data-v-e4bb637e]{display:inline-block;width:244px}.webwin-window-title[data-v-e4bb637e]{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-e4bb637e],.v-leave-active[data-v-e4bb637e]{transition:all .225s cubic-bezier(0,0,0,1)}.webwin-window.v-enter-from[data-v-e4bb637e],.webwin-window.v-leave-to[data-v-e4bb637e]{opacity:0;transform:scale(.75) translate(-50%,-40%)}.webwin-window-background.v-enter-from[data-v-e4bb637e],.webwin-window-background.v-leave-to[data-v-e4bb637e]{opacity:0}.webwin-card[data-v-26a8c2e0]{height:300px;width:300px;background:#e4e4e4}@media (prefers-color-scheme: dark){.webwin-card[data-v-26a8c2e0]{background-color:#1a1a1a;color:#fff}}.webwin-dropdown-container[data-v-2d220786]{transform-origin:center}.webwin-dropdown[data-v-2d220786]{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(--v08042082);top:var(--v6fe54d61);border:2px solid #cdcdcd}.webwin-dropdown_backgroud[data-v-2d220786]{position:fixed;inset:0;background-color:#0000;z-index:100}.webwin-dropdown li[data-v-2d220786]{height:18px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:transform .15s cubic-bezier(.05,-.01,0,1)}.webwin-dropdown li[data-v-2d220786]:active{transform:scale(.975)}.webwin-dropdown li[data-v-2d220786]:hover{background:var(--sb-hover-bg, #cecece)}.webwin-label[data-v-2d220786]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-2d220786]{transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-leave-active[data-v-2d220786]{box-shadow:0 0 30px #7d7d7d00;transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-enter-from[data-v-2d220786],.v-leave-to[data-v-2d220786]{opacity:0;position:fixed}.webwin-topappbar[data-v-ef60c98a]{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%}.webwin-topappbar li[data-v-ef60c98a]{transform-origin:center;position:relative;display:inline-block;align-items:center;padding:10px 15px 0}.webwin-topappbar .webwin-topappbar-item[data-v-ef60c98a]:hover{background:#cecece}.webwin-topappbar-label[data-v-ef60c98a]{color:#333;white-space:nowrap;font-size:16px}.webwin-topappbar-indicator[data-v-ef60c98a]{height:2.5px;background-color:#006fd0;width:26px;margin:8px auto 0;display:block}.webwin-topappbar-indicator-not[data-v-ef60c98a]{height:2.5px;background-color:#006fd000;width:26px;margin:8px auto 0;display:block}@media (prefers-color-scheme: dark){.webwin-topappbar[data-v-ef60c98a]{background-color:#363636;color:#fff}.webwin-topappbar .webwin-topappbar-item[data-v-ef60c98a]:hover{background:#252525;color:#fff}.webwin-topappbar-label[data-v-ef60c98a]{color:#fff}.webwin-topappbar-indicator[data-v-ef60c98a]{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}
1
+ .webwin-button[data-v-a059307c]{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}.webwin-button[data-v-a059307c]:active{cursor:default;transition:opacity .3s ease;transform:scale(.97);filter:blur(.5px);outline:0px solid #999999;background:var(--primary-color, #999999)}.webwin-button[data-v-a059307c]:hover{cursor:default;outline:2.75px solid #999999;outline-offset:-2.75px}.webwin-button[data-v-a059307c]:disabled{transition:opacity 0s ease;transform:scale(1);filter:blur(0);outline:0px solid #7A7A7A;color:#919191;background:#ccc;cursor:not-allowed}.webwin-uwpinput[data-v-7641a566]{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}.webwin-uwpinput[data-v-7641a566]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px;background:#fff}.webwin-uwpinput[data-v-7641a566]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.webwin-uwpinput[data-v-7641a566]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.webwin-sidebar[data-v-d1920b87]{width:380px;height:36px;display:inline-flex;align-items:center;background-color:#e6e6e6}.webwin-sidebar.folded[data-v-d1920b87]{opacity:0}.webwin-sidebar-text[data-v-d1920b87]{-webkit-user-select:none;user-select:none;margin-left:16px;font-size:16px;margin-top:0;margin-bottom:0;background-color:#e6e6e6}.webwin-side-bar[data-v-d1920b87]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:380px;font-size:14px;overflow:hidden}.webwin-side-bar.folded[data-v-d1920b87]{width:55px;overflow-x:hidden}.webwin-search-fold[data-v-d1920b87]{display:none!important}.webwin-search-fold.folded[data-v-d1920b87]{display:flex!important;width:24px;margin-bottom:58px}.webwin-title.folded[data-v-d1920b87]{display:none}.webwin-side-bar li[data-v-d1920b87]{position:relative;display:flex;align-items:center;padding:10px 16px}.webwin-inputbox.folded[data-v-d1920b87]{display:none}.webwin-side-bar li[data-v-d1920b87]:hover{background:#cecece}.webwin-label.folded[data-v-d1920b87]{opacity:0}.webwin-indicator[data-v-d1920b87]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:3px;background:#006fd0;transform:scaleY(0);height:26px;line-height:100px;width:4px}.webwin-side-bar li.active .webwin-indicator[data-v-d1920b87]{transform:scaleY(1)}.webwin-icon[data-v-d1920b87]{width:20px;height:38px;margin-right:12px;color:#333;flex-shrink:0}.webwin-label[data-v-d1920b87]{color:#333;white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.webwin-side-bar[data-v-d1920b87]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:380px;font-size:14px;background:#1b1b1b}.webwin-side-bar li[data-v-d1920b87]{position:relative;display:flex;align-items:center;padding:10px 16px}.webwin-side-bar li[data-v-d1920b87]:hover{background:#252525}.webwin-indicator[data-v-d1920b87]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:3px;background:#006fd0;transform:scaleY(0);height:26px;line-height:100px;width:4px}.webwin-side-bar li.active .webwin-indicator[data-v-d1920b87]{transform:scaleY(1)}.webwin-icon[data-v-d1920b87]{width:20px;height:38px;margin-right:12px;color:#fff;flex-shrink:0}.webwin-label[data-v-d1920b87]{color:#fff;white-space:nowrap;font-size:16px}.webwin-title[data-v-d1920b87]{color:#fff}}.webwin-tile[data-v-51adc759]{--tile-color: #0078d7;--glow-color: rgb(0, 0, 0);--glow-radius: 20px;position:relative;background-color:var(--tile-color);color:#fff;overflow:hidden;transition:all .15s cubic-bezier(.78,.12,0,1)}.webwin-tile.small[data-v-51adc759]{width:70px;height:70px}.webwin-tile.medium[data-v-51adc759]{width:150px;height:150px}.webwin-tile.wide[data-v-51adc759]{width:310px;height:150px}.webwin-tile.large[data-v-51adc759]{width:310px;height:310px}.webwin-tile-content[data-v-51adc759]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.webwin-tile-icon[data-v-51adc759]{font-size:24px;margin-bottom:8px}.webwin-tile-title[data-v-51adc759]{-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700;position:absolute;bottom:26px;left:8px}.webwin-glow-border[data-v-51adc759]{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}.webwin-pointer-glow[data-v-51adc759]{position:absolute;top:calc(var(--y) - 50px);left:calc(var(--x) - 50px);width:150px;height:150px;border-radius:60%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);pointer-events:none;z-index:1;transition:opacity .25s ease}.webwin-tile[data-v-51adc759]:active{transform:scale(.9)}.webwin-item-1{display:inline-block;background-color:#e6e6e6}.webwin-iframe{border:none;display:inline-block;width:100%;height:calc(100% - 73.9px);background-color:#fff}.webwin-iframe-container{width:calc(100% - 380px);height:100%;position:relative;display:inline-block;overflow:auto;margin-left:24px}.webwin-iframe-container.folded{width:calc(100% - 55px)}.webwin-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)}.webwin-iframe::-webkit-scrollbar{width:4px;height:16px;background-color:#e6e6e6}.webwin-iframe::-webkit-scrollbar-track{border-radius:0;background-color:#fff0}.webwin-iframe::-webkit-scrollbar-thumb{border-radius:0;background-color:#818181}.webwin-uwppassword[data-v-dd8b91fe]{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}.webwin-uwppassword[data-v-dd8b91fe]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.webwin-uwppassword[data-v-dd8b91fe]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.webwin-uwppassword[data-v-dd8b91fe]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.webwin-uwprichrditbox[data-v-f7a96b3a]{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}.webwin-uwprichrditbox[data-v-f7a96b3a]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.webwin-uwprichrditbox[data-v-f7a96b3a]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}.webwin-uwprichrditbox[data-placeholder][data-v-f7a96b3a]:empty:before{content:attr(data-placeholder);color:#666}@media (prefers-color-scheme: dark){.webwin-uwprichrditbox[data-v-f7a96b3a]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.webwin-notification[data-v-445b06e9]{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:transform .35s cubic-bezier(0,.6,0,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.slide-fade-enter-active[data-v-445b06e9]{transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-leave-active[data-v-445b06e9]{transition:all .55s cubic-bezier(.6,0,0,1)}.slide-fade-enter-from[data-v-445b06e9],.slide-fade-leave-to[data-v-445b06e9]{transform:translate(520px)}.webwin-n-text[data-v-445b06e9]{color:#fff;margin-left:16px}.webwin-n-title[data-v-445b06e9]{margin-top:-2.5px}.webwin-n-vulua[data-v-445b06e9]{margin-left:16px;color:#a3a3a3;margin-top:-18px}.webwin-notification[data-v-445b06e9]:hover{outline:#464646 6px solid;outline-offset:-6px}.webwin-notification[data-v-445b06e9]:active{transform:scale(.925)}.webwin-n-name[data-v-445b06e9]{color:#fff}.webwin-checkbox[type=checkbox][data-v-3b234b99]{position:absolute;opacity:0}.webwin-checkbox-label[data-v-3b234b99]: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}.webwin-checkbox-label[data-v-3b234b99]{display:flex;align-items:center}.webwin-checkbox[type=checkbox]:checked+.webwin-checkbox-label[data-v-3b234b99]:before{background-color:#0077d7;border-color:#0077d7;content:"√";color:#fff;line-height:1.25em;font-size:1.1em;text-align:center}.webwin-checkbox-label[data-v-3b234b99]:hover:before,.webwin-checkbox[type=checkbox]:focus+.webwin-checkbox-label[data-v-3b234b99]:before{border-color:#0077d7}.webwin-checkbox[type=checkbox]:not(:checked):hover+.webwin-checkbox-label[data-v-3b234b99]:before,.webwin-checkbox[type=checkbox]:not(:checked):focus+.webwin-checkbox-label[data-v-3b234b99]:before{border-color:#0077d7}.webwin-checkbox[type=checkbox]:checked:hover+.webwin-checkbox-label[data-v-3b234b99]:before{border-color:#000}.webwin-radio[type=radio][data-v-04fe95c4]{position:absolute;opacity:0}.webwin-radio-label[data-v-04fe95c4]: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}.webwin-radio-label[data-v-04fe95c4]{display:flex;align-items:center}.webwin-radio[type=radio]:checked+.webwin-radio-label[data-v-04fe95c4]: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}.webwin-radio-label[data-v-04fe95c4]:hover:before,.webwin-radio[type=radio]:focus+.webwin-radio-label[data-v-04fe95c4]:before{border-color:#0077d7}.webwin-radio[type=radio]:not(:checked):hover+.webwin-radio-label[data-v-04fe95c4]:before,.webwin-radio[type=radio]:not(:checked):focus+.webwin-radio-label[data-v-04fe95c4]:before{border-color:#0077d7}.webwin-radio[type=radio]:checked:hover+.webwin-radio-label[data-v-04fe95c4]:before{border-color:#000}.webwin-list-box-button[data-v-ac4b4002]{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}.webwin-list-box[data-v-ac4b4002]{z-index:1;transform-origin:0 var(--v1be24303);-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(--v5172b45c)}.webwin-list-box li[data-v-ac4b4002]{height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:all .15s cubic-bezier(.05,-.01,0,1)}.webwin-list-box li[data-v-ac4b4002]:active{transform:scale(.975)}.webwin-list-box li.active[data-v-ac4b4002]{background:var(--sb-hover-bg, #6db9f3);opacity:0}.webwin-list-box-button.active[data-v-ac4b4002]{background:var(--sb-hover-bg, #6db9f3);box-shadow:0 0 0 2px #6db9f3 inset}.webwin-list-box li[data-v-ac4b4002]:hover{background:var(--sb-hover-bg, #cecece)}.webwin-list-box li.active[data-v-ac4b4002]:hover{background:var(--sb-hover-bg, #6db9f3)}.webwin-label[data-v-ac4b4002]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-ac4b4002]{box-shadow:0 0 30px #7d7d7dbf;transition:all .15s cubic-bezier(.05,-.01,0,1)}.v-leave-active[data-v-ac4b4002]{box-shadow:0 0 30px #7d7d7d00;transition:all 75ms cubic-bezier(.05,-.01,0,1)}.v-enter-from[data-v-ac4b4002],.v-leave-to[data-v-ac4b4002]{transform:scaleY(0)}.webwin-progress-bar[data-v-9ef8a457]{width:100%;height:5px;background-color:#e0e0e0}.webwin-progress[data-v-9ef8a457]{background-color:#006fd0;height:5px;transition:width .25s cubic-bezier(0,0,0,1)}.webwin-window-background[data-v-e4bb637e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffbf;z-index:998}.webwin-window[data-v-e4bb637e]{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}.webwin-window-button[data-v-e4bb637e]{display:inline-block;width:244px}.webwin-window-title[data-v-e4bb637e]{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-e4bb637e],.v-leave-active[data-v-e4bb637e]{transition:all .225s cubic-bezier(0,0,0,1)}.webwin-window.v-enter-from[data-v-e4bb637e],.webwin-window.v-leave-to[data-v-e4bb637e]{opacity:0;transform:scale(.75) translate(-50%,-40%)}.webwin-window-background.v-enter-from[data-v-e4bb637e],.webwin-window-background.v-leave-to[data-v-e4bb637e]{opacity:0}.webwin-card[data-v-26a8c2e0]{height:300px;width:300px;background:#e4e4e4}@media (prefers-color-scheme: dark){.webwin-card[data-v-26a8c2e0]{background-color:#1a1a1a;color:#fff}}.webwin-dropdown-container[data-v-2d220786]{transform-origin:center}.webwin-dropdown[data-v-2d220786]{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(--v08042082);top:var(--v6fe54d61);border:2px solid #cdcdcd}.webwin-dropdown_backgroud[data-v-2d220786]{position:fixed;inset:0;background-color:#0000;z-index:100}.webwin-dropdown li[data-v-2d220786]{height:18px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:transform .15s cubic-bezier(.05,-.01,0,1)}.webwin-dropdown li[data-v-2d220786]:active{transform:scale(.975)}.webwin-dropdown li[data-v-2d220786]:hover{background:var(--sb-hover-bg, #cecece)}.webwin-label[data-v-2d220786]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-2d220786]{transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-leave-active[data-v-2d220786]{box-shadow:0 0 30px #7d7d7d00;transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-enter-from[data-v-2d220786],.v-leave-to[data-v-2d220786]{opacity:0;position:fixed}.webwin-topappbar[data-v-ef60c98a]{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%}.webwin-topappbar li[data-v-ef60c98a]{transform-origin:center;position:relative;display:inline-block;align-items:center;padding:10px 15px 0}.webwin-topappbar .webwin-topappbar-item[data-v-ef60c98a]:hover{background:#cecece}.webwin-topappbar-label[data-v-ef60c98a]{color:#333;white-space:nowrap;font-size:16px}.webwin-topappbar-indicator[data-v-ef60c98a]{height:2.5px;background-color:#006fd0;width:26px;margin:8px auto 0;display:block}.webwin-topappbar-indicator-not[data-v-ef60c98a]{height:2.5px;background-color:#006fd000;width:26px;margin:8px auto 0;display:block}@media (prefers-color-scheme: dark){.webwin-topappbar[data-v-ef60c98a]{background-color:#363636;color:#fff}.webwin-topappbar .webwin-topappbar-item[data-v-ef60c98a]:hover{background:#252525;color:#fff}.webwin-topappbar-label[data-v-ef60c98a]{color:#fff}.webwin-topappbar-indicator[data-v-ef60c98a]{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}.webwin-listview{height:64px;width:100%;background-color:#fff;-webkit-user-select:none;user-select:none;transition:.25s transform cubic-bezier(.075,.82,.165,1)}.webwin-listview:hover{background-color:#e7e7ea}.webwin-listview.active{background-color:#96c5ee}.webwin-listview.active:hover{background-color:#66aceb}.webwin-listview-context{transition:.25s transform cubic-bezier(.075,.82,.165,1)}.webwin-listview:active *{transform:scale(.99)}.webwin-listbox{height:64px;width:100%;background-color:#e7e7e7;-webkit-user-select:none;user-select:none}.webwin-listbox:hover{background-color:#e7e7ea}.webwin-listbox.active{background-color:#96c5ee}.webwin-listbox.active:hover{background-color:#66aceb}