@svar-ui/vue-uploader 2.5.0

package/README.md

@@ -0,0 +1,55 @@
+<div align="center">
+
+# SVAR Vue File Uploader
+
+[![npm](https://img.shields.io/npm/v/@svar-ui/vue-uploader.svg)](https://www.npmjs.com/package/@svar-ui/vue-uploader)
+[![License](https://img.shields.io/github/license/svar-widgets/uploader)](https://github.com/svar-widgets/uploader/blob/main/license.txt)
+[![npm downloads](https://img.shields.io/npm/dm/@svar-ui/vue-uploader.svg)](https://www.npmjs.com/package/@svar-ui/vue-uploader)
+
+</div>
+
+A Vue UI component for easy and intuitive file uploading, allowing users to drag and drop files or select them from their device.
+See the demos [here](https://docs.svar.dev/vue/core/samples-uploader).
+
+### How to Use
+
+To use the widget, simply import the package and include the component in your Vue file:
+
+```vue
+<script setup>
+import { ref } from "vue";
+import { Uploader, UploaderList } from "@svar-ui/vue-uploader";
+
+const data = ref([]);
+const uploadURL = "http://localhost:3000/data";
+
+function handleUpload(ev) {
+	console.log(ev);
+}
+</script>
+
+<template>
+	<UploaderList v-model:data="data" />
+	<Uploader :uploadURL="uploadURL" v-model:data="data" @upload="handleUpload" />
+</template>
+```
+
+### How to Modify
+
+Typically, you don't need to modify the code. However, if you wish to do so, follow these steps:
+
+1. Run `yarn` to install dependencies. Note that this project is a monorepo using `yarn` workspaces, so npm will not work
+2. Start the project in development mode with `yarn start`
+
+### Run Tests
+
+To run the test:
+
+1. Start the test examples with:
+    ```sh
+    yarn start:tests
+    ```
+2. In a separate console, run the end-to-end tests with:
+    ```sh
+    yarn test:cypress
+    ```

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),_=require("@svar-ui/lib-dom"),O=require("@svar-ui/lib-vue"),D=require("@svar-ui/uploader-locales"),L=require("@svar-ui/vue-core"),U="wx-uploader-api",S=(c,u)=>{const o=c.__vccOpts||c;for(const[v,n]of u)o[v]=n;return o},q=["accept","multiple","disabled"],P=["accept","multiple","disabled"],R={key:1,class:"dropzone"},T=Object.assign({name:"UploaderUploader"},{__name:"Uploader",props:e.mergeModels({accept:{default:""},multiple:{type:Boolean,default:!0},folder:{type:Boolean,default:!1},uploadURL:{default:""},apiOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},onchange:{type:Function},onupload:{type:Function}},{data:{default:()=>[]},dataModifiers:{},ready:{default:()=>new Promise(()=>({}))},readyModifiers:{}}),emits:["update:data","update:ready"],setup(c,{expose:u}){const o=e.useModel(c,"data"),v=e.useModel(c,"ready"),n=c,p=e.ref(null),f=e.ref(void 0);let m=0,d={},r=e.inject("wx-i18n",null);r||(r=_.locale(D.en),e.provide("wx-i18n",r));const s=e.inject("wx-i18n",r).getGroup("uploader"),y=(t,l)=>{n.disabled||(l=l||{},t.addEventListener("dragenter",()=>{l.dragEnter&&l.dragEnter(),F()}),t.addEventListener("dragleave",()=>{l.dragEnter&&l.dragLeave(),$()}),t.addEventListener("dragover",a=>a.preventDefault(),!0),t.addEventListener("drop",a=>{a.preventDefault(),d=l,C(a),l.dragEnter&&l.dragLeave()},!0))},x=O.asDirective(y);e.onMounted(()=>{p.value.webkitdirectory=n.folder});function h(t){Array.from(t.target.files).forEach(a=>V(a))}function C(t){Array.from(t.dataTransfer.items).forEach(a=>{const i=a.webkitGetAsEntry();i&&w(i)}),f.value=!1,m=0}function w(t,l){l=l||"",t.isFile?t.file(a=>{V(a)}):t.isDirectory&&t.createReader().readEntries(i=>{i.forEach(k=>{w(k,l+k.name+"/")})})}function V(t){const l={...d,id:_.uid(),status:"client",name:t.name,file:t};l.selected&&l.selected(l),n.onchange&&n.onchange(l),n.multiple?o.value=[...o.value,l]:o.value=[l],b(l),p.value.value=""}function M(t){const l=new FormData;l.append("upload",t.file);const a={method:"POST",body:l};return fetch(n.uploadURL,a).then(i=>i.json()).then(i=>({id:t.id,...i}),()=>({id:t.id,status:"error"})).catch(i=>console.log(i))}function b(t){if(!t)return;const l=typeof n.uploadURL=="function"?n.uploadURL(t):M(t);v.value=l.then(a=>{a.status=a.status||"server",N(t.id,a)}).catch(a=>{N(t.id,{status:"error",error:a})})}function E(){let t="server";for(let l=0;l<o.value.length;l++){if(o.value[l].status==="client")return"client";o.value[l].status==="error"&&(t="error")}return t}function N(t,l){const a=o.value.findIndex(B=>B.id==t),i=o.value[a]={...o.value[a],...l},k={...i,status:E()};i&&i.uploaded&&i.uploaded(k),n.onupload&&n.onupload(k),i.temp&&(o.value=o.value.filter(B=>B.id!=t))}function F(){m===0&&(f.value=!0),m++}function $(){m--,m===0&&(f.value=!1)}function g(t){d=t||{},p.value.click()}return e.provide(U,{open:g,getState:E,droparea:y}),u({open:g,getState:E,droparea:y}),(t,l)=>c.apiOnly?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("input",{type:"file",class:"input",ref_key:"input",ref:p,onchange:h,accept:n.accept,multiple:n.multiple,disabled:n.disabled},null,8,q),e.renderSlot(t.$slots,"default",{},void 0,!0)],64)):e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["label",{active:f.value,"wx-disabled":n.disabled}])},[e.createElementVNode("input",{type:"file",class:"input",ref_key:"input",ref:p,onchange:h,accept:n.accept,multiple:n.multiple,disabled:n.disabled},null,8,P),t.$slots.default?e.renderSlot(t.$slots,"default",{key:0,open:g},void 0,!0):(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("span",null,[e.createTextVNode(e.toDisplayString(e.unref(s)("Drop files here or"))+" ",1),e.createElementVNode("span",{class:"action",onclick:g},e.toDisplayString(e.unref(s)("select files")),1)])]))],2)),[[e.unref(x)]])}}),A=S(T,[["__scopeId","data-v-0c217376"]]),G={key:0,class:"layout"},W={class:"list"},z={class:"name"},I={key:0,class:"size"},K={class:"controls"},H={key:0,class:"icon wxi-spin wxi-loading"},J=["onClick"],Q=["onClick"],X={__name:"UploaderList",props:{data:{default:()=>[]},dataModifiers:{}},emits:["update:data"],setup(c){const u=e.useModel(c,"data");let o=e.inject("wx-i18n",null);o||(o=_.locale(D.en),e.provide("wx-i18n",o));const v=o.getGroup("uploader"),n=["B","KB","MB","GB","TB","PB","EB"];function p(){u.value=[]}function f(d){u.value=u.value.filter(r=>r.id!==d)}function m(d){let r=0;for(;d>1024;)r++,d=d/1024;return Math.round(d*100)/100+" "+v(n[r])}return(d,r)=>u.value.length?(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",{class:"header"},[e.createElementVNode("i",{class:"icon wxi-close",onClick:p})]),e.createElementVNode("div",W,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,s=>(e.openBlock(),e.createElementBlock("div",{key:s.id,class:"row"},[r[2]||(r[2]=e.createElementVNode("div",{class:"file-icon"},null,-1)),e.createElementVNode("div",z,e.toDisplayString(s.name),1),s.file?(e.openBlock(),e.createElementBlock("div",I,e.toDisplayString(m(s.file.size)),1)):e.createCommentVNode("",!0),e.createElementVNode("div",K,[s.status==="client"?(e.openBlock(),e.createElementBlock("i",H)):s.status==="error"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[r[0]||(r[0]=e.createElementVNode("i",{class:"icon wxi-alert"},null,-1)),e.createElementVNode("i",{class:"icon wxi-close",onClick:y=>f(s.id)},null,8,J)],64)):!s.status||s.status==="server"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[r[1]||(r[1]=e.createElementVNode("i",{class:"icon wxi-check"},null,-1)),e.createElementVNode("i",{class:"icon wxi-close",onClick:y=>f(s.id)},null,8,Q)],64)):e.createCommentVNode("",!0)])]))),128))])])):e.createCommentVNode("",!0)}},Y=S(X,[["__scopeId","data-v-80290a0f"]]);Object.defineProperty(exports,"Willow",{enumerable:!0,get:()=>L.Willow});Object.defineProperty(exports,"WillowDark",{enumerable:!0,get:()=>L.WillowDark});exports.Uploader=A;exports.UploaderList=Y;exports.apiKey=U;

package/dist/index.css

@@ -0,0 +1 @@
+.label[data-v-0c217376]{display:flex;align-items:center}.label.active:not(.wx-disabled) .dropzone[data-v-0c217376]{background-color:var(--wx-background-alt)}.input[data-v-0c217376]{position:absolute;width:0;height:0;opacity:0}.dropzone[data-v-0c217376]{display:flex;align-items:center;justify-content:center;padding:var(--wx-padding);border:var(--wx-input-border);border-style:dashed;border-radius:var(--wx-input-border-radius);background:var(--wx-uploader-background)}.label:not(.wx-disabled) .action[data-v-0c217376]{cursor:pointer;color:var(--wx-color-link);text-decoration:underline}.label.wx-disabled .dropzone[data-v-0c217376]{background:var(--wx-color-disabled);color:var(--wx-color-font-disabled)}.layout[data-v-80290a0f]{display:flex;flex-direction:column;width:100%}.header[data-v-80290a0f]{display:flex;align-items:center;justify-content:flex-end;padding:var(--wx-padding);border-bottom:var(--wx-border)}.list[data-v-80290a0f]{overflow:auto}.row[data-v-80290a0f]{display:flex;align-items:center;gap:var(--wx-padding);padding:var(--wx-padding);border-bottom:var(--wx-border)}.name[data-v-80290a0f]{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.icon[data-v-80290a0f]{display:flex;justify-content:center;align-items:center;width:var(--wx-icon-size);height:var(--wx-icon-size);font-size:var(--wx-icon-size);line-height:1;border-radius:var(--wx-border-radius);color:var(--wx-icon-color);cursor:pointer}.icon[data-v-80290a0f]:before{display:block}.icon[data-v-80290a0f]:hover{background-color:var(--wx-background-hover)}.row:hover .wxi-close[data-v-80290a0f]{display:flex}.row:hover .wxi-check[data-v-80290a0f],.row:hover .wxi-alert[data-v-80290a0f],.row .wxi-close[data-v-80290a0f]{display:none}.wxi-check[data-v-80290a0f],.wxi-alert[data-v-80290a0f]{display:flex}

package/dist/index.es.js

@@ -0,0 +1,238 @@
+import { useModel as U, ref as R, inject as $, provide as C, onMounted as b, openBlock as u, createElementBlock as c, Fragment as w, createElementVNode as o, renderSlot as A, withDirectives as q, normalizeClass as H, createTextVNode as J, toDisplayString as E, unref as L, mergeModels as Q, renderList as X, createCommentVNode as D } from "vue";
+import { locale as G, uid as Y } from "@svar-ui/lib-dom";
+import { asDirective as Z } from "@svar-ui/lib-vue";
+import { en as T } from "@svar-ui/uploader-locales";
+import { Willow as we, WillowDark as Ee } from "@svar-ui/vue-core";
+const j = "wx-uploader-api", z = (f, p) => {
+  const n = f.__vccOpts || f;
+  for (const [g, l] of p)
+    n[g] = l;
+  return n;
+}, ee = ["accept", "multiple", "disabled"], te = ["accept", "multiple", "disabled"], ae = {
+  key: 1,
+  class: "dropzone"
+}, le = /* @__PURE__ */ Object.assign({ name: "UploaderUploader" }, {
+  __name: "Uploader",
+  props: /* @__PURE__ */ Q({
+    accept: { default: "" },
+    multiple: { type: Boolean, default: !0 },
+    folder: { type: Boolean, default: !1 },
+    uploadURL: { default: "" },
+    apiOnly: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    onchange: { type: Function },
+    onupload: { type: Function }
+  }, {
+    data: { default: () => [] },
+    dataModifiers: {},
+    ready: { default: () => new Promise(() => ({})) },
+    readyModifiers: {}
+  }),
+  emits: ["update:data", "update:ready"],
+  setup(f, { expose: p }) {
+    const n = U(f, "data"), g = U(f, "ready"), l = f, v = R(null), m = R(void 0);
+    let y = 0, d = {}, i = $("wx-i18n", null);
+    i || (i = G(T), C("wx-i18n", i));
+    const r = $("wx-i18n", i).getGroup("uploader"), _ = (e, t) => {
+      l.disabled || (t = t || {}, e.addEventListener("dragenter", () => {
+        t.dragEnter && t.dragEnter(), K();
+      }), e.addEventListener("dragleave", () => {
+        t.dragEnter && t.dragLeave(), W();
+      }), e.addEventListener("dragover", (a) => a.preventDefault(), !0), e.addEventListener(
+        "drop",
+        (a) => {
+          a.preventDefault(), d = t, N(a), t.dragEnter && t.dragLeave();
+        },
+        !0
+      ));
+    }, I = Z(_);
+    b(() => {
+      v.value.webkitdirectory = l.folder;
+    });
+    function M(e) {
+      Array.from(e.target.files).forEach((a) => S(a));
+    }
+    function N(e) {
+      Array.from(e.dataTransfer.items).forEach((a) => {
+        const s = a.webkitGetAsEntry();
+        s && F(s);
+      }), m.value = !1, y = 0;
+    }
+    function F(e, t) {
+      t = t || "", e.isFile ? e.file((a) => {
+        S(a);
+      }) : e.isDirectory && e.createReader().readEntries((s) => {
+        s.forEach((h) => {
+          F(h, t + h.name + "/");
+        });
+      });
+    }
+    function S(e) {
+      const t = {
+        ...d,
+        id: Y(),
+        status: "client",
+        name: e.name,
+        file: e
+      };
+      t.selected && t.selected(t), l.onchange && l.onchange(t), l.multiple ? n.value = [...n.value, t] : n.value = [t], V(t), v.value.value = "";
+    }
+    function P(e) {
+      const t = new FormData();
+      t.append("upload", e.file);
+      const a = {
+        method: "POST",
+        body: t
+      };
+      return fetch(l.uploadURL, a).then((s) => s.json()).then(
+        (s) => ({ id: e.id, ...s }),
+        () => ({ id: e.id, status: "error" })
+      ).catch((s) => console.log(s));
+    }
+    function V(e) {
+      if (!e) return;
+      const t = typeof l.uploadURL == "function" ? l.uploadURL(e) : P(e);
+      g.value = t.then((a) => {
+        a.status = a.status || "server", O(e.id, a);
+      }).catch((a) => {
+        O(e.id, { status: "error", error: a });
+      });
+    }
+    function x() {
+      let e = "server";
+      for (let t = 0; t < n.value.length; t++) {
+        if (n.value[t].status === "client") return "client";
+        n.value[t].status === "error" && (e = "error");
+      }
+      return e;
+    }
+    function O(e, t) {
+      const a = n.value.findIndex((B) => B.id == e), s = n.value[a] = { ...n.value[a], ...t }, h = { ...s, status: x() };
+      s && s.uploaded && s.uploaded(h), l.onupload && l.onupload(h), s.temp && (n.value = n.value.filter((B) => B.id != e));
+    }
+    function K() {
+      y === 0 && (m.value = !0), y++;
+    }
+    function W() {
+      y--, y === 0 && (m.value = !1);
+    }
+    function k(e) {
+      d = e || {}, v.value.click();
+    }
+    return C(j, { open: k, getState: x, droparea: _ }), p({ open: k, getState: x, droparea: _ }), (e, t) => f.apiOnly ? (u(), c(w, { key: 0 }, [
+      o("input", {
+        type: "file",
+        class: "input",
+        ref_key: "input",
+        ref: v,
+        onchange: M,
+        accept: l.accept,
+        multiple: l.multiple,
+        disabled: l.disabled
+      }, null, 8, ee),
+      A(e.$slots, "default", {}, void 0, !0)
+    ], 64)) : q((u(), c("div", {
+      key: 1,
+      class: H(["label", { active: m.value, "wx-disabled": l.disabled }])
+    }, [
+      o("input", {
+        type: "file",
+        class: "input",
+        ref_key: "input",
+        ref: v,
+        onchange: M,
+        accept: l.accept,
+        multiple: l.multiple,
+        disabled: l.disabled
+      }, null, 8, te),
+      e.$slots.default ? A(e.$slots, "default", {
+        key: 0,
+        open: k
+      }, void 0, !0) : (u(), c("div", ae, [
+        o("span", null, [
+          J(E(L(r)("Drop files here or")) + " ", 1),
+          o("span", {
+            class: "action",
+            onclick: k
+          }, E(L(r)("select files")), 1)
+        ])
+      ]))
+    ], 2)), [
+      [L(I)]
+    ]);
+  }
+}), ge = /* @__PURE__ */ z(le, [["__scopeId", "data-v-0c217376"]]), ne = {
+  key: 0,
+  class: "layout"
+}, ie = { class: "list" }, se = { class: "name" }, oe = {
+  key: 0,
+  class: "size"
+}, re = { class: "controls" }, de = {
+  key: 0,
+  class: "icon wxi-spin wxi-loading"
+}, ue = ["onClick"], ce = ["onClick"], fe = {
+  __name: "UploaderList",
+  props: {
+    data: { default: () => [] },
+    dataModifiers: {}
+  },
+  emits: ["update:data"],
+  setup(f) {
+    const p = U(f, "data");
+    let n = $("wx-i18n", null);
+    n || (n = G(T), C("wx-i18n", n));
+    const g = n.getGroup("uploader"), l = ["B", "KB", "MB", "GB", "TB", "PB", "EB"];
+    function v() {
+      p.value = [];
+    }
+    function m(d) {
+      p.value = p.value.filter((i) => i.id !== d);
+    }
+    function y(d) {
+      let i = 0;
+      for (; d > 1024; )
+        i++, d = d / 1024;
+      return Math.round(d * 100) / 100 + " " + g(l[i]);
+    }
+    return (d, i) => p.value.length ? (u(), c("div", ne, [
+      o("div", { class: "header" }, [
+        o("i", {
+          class: "icon wxi-close",
+          onClick: v
+        })
+      ]),
+      o("div", ie, [
+        (u(!0), c(w, null, X(p.value, (r) => (u(), c("div", {
+          key: r.id,
+          class: "row"
+        }, [
+          i[2] || (i[2] = o("div", { class: "file-icon" }, null, -1)),
+          o("div", se, E(r.name), 1),
+          r.file ? (u(), c("div", oe, E(y(r.file.size)), 1)) : D("", !0),
+          o("div", re, [
+            r.status === "client" ? (u(), c("i", de)) : r.status === "error" ? (u(), c(w, { key: 1 }, [
+              i[0] || (i[0] = o("i", { class: "icon wxi-alert" }, null, -1)),
+              o("i", {
+                class: "icon wxi-close",
+                onClick: (_) => m(r.id)
+              }, null, 8, ue)
+            ], 64)) : !r.status || r.status === "server" ? (u(), c(w, { key: 2 }, [
+              i[1] || (i[1] = o("i", { class: "icon wxi-check" }, null, -1)),
+              o("i", {
+                class: "icon wxi-close",
+                onClick: (_) => m(r.id)
+              }, null, 8, ce)
+            ], 64)) : D("", !0)
+          ])
+        ]))), 128))
+      ])
+    ])) : D("", !0);
+  }
+}, _e = /* @__PURE__ */ z(fe, [["__scopeId", "data-v-80290a0f"]]);
+export {
+  ge as Uploader,
+  _e as UploaderList,
+  we as Willow,
+  Ee as WillowDark,
+  j as apiKey
+};

package/dist/vue-favicon.svg

@@ -0,0 +1,9 @@
+<svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.06631 1.11863e-06L10.5114 2.3209e-06L5.44169 9.00172L-1.9482e-06 9.00172L5.06631 1.11863e-06Z" fill="#079C69"/>
+<path d="M0 9.00122L5.44169 9.00122L7.78709 13.1683L5.06631 17.9994L0 9.00122Z" fill="#079C69"/>
+<path d="M0 9.00122L5.44169 9.00122L7.78709 13.1683L5.06631 17.9994L0 9.00122Z" fill="white" fill-opacity="0.4"/>
+<path d="M5.06738 18L15.2034 2.2291e-06L17.9242 4.83461L10.5125 18L5.06738 18Z" fill="#079C69"/>
+<path d="M20.6439 1.19674e-06L25.7136 9.00173L20.2684 9.00172L15.2021 0L20.6439 1.19674e-06Z" fill="#079C69"/>
+<path d="M20.6439 1.19674e-06L25.7136 9.00173L20.2684 9.00172L15.2021 0L20.6439 1.19674e-06Z" fill="white" fill-opacity="0.4"/>
+<path d="M20.6438 17.9994L15.2021 17.9994L20.2684 9.00122L25.7135 9.00122L20.6438 17.9994Z" fill="#079C69"/>
+</svg>

package/dist-full/index.css

@@ -0,0 +1 @@
+.wx-textarea[data-v-1d12de82]{display:block;resize:vertical;width:var(--wx-input-width);max-width:100%;padding:var(--wx-input-padding);outline:none;min-height:100px;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background)}.wx-textarea[data-v-1d12de82]:focus{border:var(--wx-input-border-focus)}.wx-textarea[data-v-1d12de82]::placeholder{color:var(--wx-input-placeholder-color)}.wx-textarea[disabled][data-v-1d12de82]{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled);resize:none}.wx-textarea[disabled][data-v-1d12de82]::placeholder{color:var(--wx-color-font-disabled)}.wx-textarea.wx-error[data-v-1d12de82]{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-button[data-v-70964093]{display:inline-block;vertical-align:top;text-decoration:none;text-align:center;letter-spacing:normal;text-transform:var(--wx-button-text-transform);font-family:var(--wx-button-font-family);font-size:var(--wx-button-font-size);line-height:var(--wx-button-line-height);font-weight:var(--wx-button-font-weight);padding:var(--wx-button-padding);border:var(--wx-button-border);border-radius:var(--wx-button-border-radius);background-color:var(--wx-button-background);color:var(--wx-button-font-color);cursor:pointer;box-shadow:none;transition:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;min-width:var(--wx-button-width)}.wx-button[data-v-70964093]:hover{background-image:linear-gradient(#0000001a 0% 100%)}.wx-button[data-v-70964093],.wx-button[data-v-70964093]:focus,.wx-button[data-v-70964093]:active{outline:none}.wx-button[disabled][data-v-70964093]{cursor:not-allowed;background:var(--wx-color-disabled);border-color:transparent;color:var(--wx-color-font-disabled)}.wx-block[data-v-70964093]{display:block;width:100%}.wx-square[data-v-70964093]{border-radius:0}i[data-v-70964093]{position:relative;display:inline-block;vertical-align:top;font-size:var(--wx-button-icon-size);line-height:1;height:var(--wx-button-line-height);margin-right:2px;opacity:.7}i[data-v-70964093]:before{display:block;position:relative;top:50%;transform:translateY(-50%)}.wx-icon[data-v-70964093]{padding-left:var(--wx-button-icon-indent);padding-right:var(--wx-button-icon-indent);min-width:auto}.wx-icon i[data-v-70964093]{margin:0;opacity:1}.wx-primary[data-v-70964093]{background-color:var(--wx-color-primary);color:var(--wx-color-primary-font)}.wx-pressed[data-v-70964093],.wx-pressed[data-v-70964093]:hover,.wx-pressed[data-v-70964093]:active,.wx-pressed[disabled][data-v-70964093]{background-color:var(--wx-button-pressed);box-shadow:var(--wx-button-box-shadow)}.wx-primary.wx-pressed[data-v-70964093]:not(:deep([disabled])),.wx-primary.wx-pressed[data-v-70964093]:hover:not(:deep([disabled])),.wx-primary.wx-pressed[data-v-70964093]:active:not(:deep([disabled])){background-color:var(--wx-button-primary-pressed);box-shadow:var(--wx-button-primary-box-shadow)}.wx-danger.wx-pressed[data-v-70964093]:not(:deep([disabled])),.wx-danger.wx-pressed[data-v-70964093]:hover:not(:deep([disabled])),.wx-danger.wx-pressed[data-v-70964093]:active:not(:deep([disabled])){background-color:var(--wx-button-danger-pressed);box-shadow:var(--wx-button-primary-box-shadow)}.wx-secondary[data-v-70964093]{background:var(--wx-color-secondary);color:var(--wx-color-secondary-font);border-color:var(--wx-color-secondary-border)}.wx-secondary[data-v-70964093]:hover:not(:deep([disabled])){background:var(--wx-color-secondary-hover)}.wx-secondary.wx-pressed[data-v-70964093]:not(:deep([disabled])),.wx-secondary.wx-pressed[data-v-70964093]:hover:not(:deep([disabled])),.wx-secondary.wx-pressed[data-v-70964093]:active:not(:deep([disabled])){background:var(--wx-color-secondary-hover);box-shadow:var(--wx-button-primary-box-shadow)}.wx-secondary[disabled][data-v-70964093]{border-color:var(--wx-color-secondary-border-disabled)}.wx-danger[data-v-70964093]{background-color:var(--wx-color-danger);color:var(--wx-button-danger-font-color)}.wx-link[data-v-70964093]{color:var(--wx-color-link);padding:0;border:none;vertical-align:baseline}.wx-link[data-v-70964093],.wx-link[data-v-70964093]:hover,.wx-link[disabled][data-v-70964093]{background:transparent}.wx-link[disabled][data-v-70964093]{color:var(--wx-color-font-disabled)}.wx-checkbox[data-v-8c52065b]{position:relative;display:inline-block;vertical-align:top;max-width:var(--wx-input-width)}input[data-v-8c52065b]{appearance:none;width:0;height:0;opacity:0;position:absolute;left:0;top:0;margin:0;padding:0}label[data-v-8c52065b]{display:flex;flex-wrap:nowrap;align-items:flex-start;font-family:var(--wx-checkbox-font-family);font-size:var(--wx-checkbox-font-size);line-height:var(--wx-checkbox-line-height);font-weight:var(--wx-checkbox-font-weight);color:var(--wx-checkbox-font-color);cursor:pointer}span[data-v-8c52065b]{display:block}span+span[data-v-8c52065b]{margin-left:8px;padding-top:calc((var(--wx-checkbox-height) - var(--wx-checkbox-line-height)) / 2);padding-bottom:calc((var(--wx-checkbox-height) - var(--wx-checkbox-line-height)) / 2)}span[data-v-8c52065b]:first-child{position:relative;flex-shrink:0;padding-top:calc((var(--wx-checkbox-height) - var(--wx-checkbox-size)) / 2);padding-bottom:calc((var(--wx-checkbox-height) - var(--wx-checkbox-size)) / 2)}span[data-v-8c52065b]:first-child:before{content:"";display:block;width:var(--wx-checkbox-size);height:var(--wx-checkbox-size);border:var(--wx-checkbox-border-width) solid var(--wx-checkbox-border-color);border-radius:var(--wx-checkbox-border-radius);background:var(--wx-input-background)}span[data-v-8c52065b]:first-child:after{content:"";position:absolute;display:none;left:50%;top:50%;width:calc(var(--wx-checkbox-size) * .56);height:calc(var(--wx-checkbox-size) * .32);border-style:solid;border-color:var(--wx-color-primary-font);border-width:0 0 calc(var(--wx-checkbox-size) * .12) calc(var(--wx-checkbox-size) * .12);transform:rotate(-45deg);margin-left:calc(var(--wx-checkbox-size) * -.26);margin-top:calc(var(--wx-checkbox-size) * -.24)}input:checked~label span[data-v-8c52065b]:first-child:before{background:var(--wx-color-primary);border-color:transparent}input:checked~label span[data-v-8c52065b]:first-child:after{display:block}input[disabled]~label[data-v-8c52065b]{color:var(--wx-checkbox-border-color-disabled);cursor:not-allowed}input[disabled]:not(:checked)~label span[data-v-8c52065b]:first-child:before{border-color:var(--wx-checkbox-border-color-disabled)}input[disabled]:checked~label span[data-v-8c52065b]:first-child:before{background:var(--wx-checkbox-border-color-disabled)}input[disabled]~label span[data-v-8c52065b]:first-child:after{border-color:var(--wx-input-background)}.wx-checkboxgroup[data-v-53606798]{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin-top:calc(var(--wx-field-gutter) * -1)}.wx-item[data-v-53606798]{flex:0 0 100%;max-width:100%;margin-top:var(--wx-field-gutter)}.wx-checkboxgroup.wx-inline .wx-item[data-v-53606798]{flex:none;padding-right:var(--wx-field-gutter)}.wx-checkboxgroup.wx-grid .wx-item[data-v-53606798]{flex:0 0 50%;max-width:50%;padding-right:var(--wx-field-gutter)}.wx-portal[data-v-5f88a187]{display:none}.wx-popup[data-v-544b37e8]{z-index:var(--wx-popup-z-index);background:var(--wx-popup-background);box-shadow:var(--wx-popup-shadow);border:var(--wx-popup-border);border-radius:var(--wx-popup-border-radius);overflow:hidden}.wx-dropdown[data-v-177328e1]{position:absolute;z-index:5;background:var(--wx-popup-background);box-shadow:var(--wx-popup-shadow);border:var(--wx-popup-border);border-radius:var(--wx-popup-border-radius);overflow:hidden}.wx-top-center[data-v-177328e1]{top:0;left:50%;transform:translate(-50%,-100%) translateY(-2px)}.wx-top-start[data-v-177328e1]{top:0;left:0;transform:translateY(-100%) translateY(-2px)}.wx-top-end[data-v-177328e1]{top:0;right:0;transform:translateY(-100%) translateY(-2px)}.wx-bottom-center[data-v-177328e1]{bottom:0;left:50%;transform:translate(-50%,100%) translateY(2px)}.wx-bottom-start[data-v-177328e1]{bottom:0;left:0;transform:translateY(100%) translateY(2px)}.wx-bottom-end[data-v-177328e1]{bottom:0;right:0;transform:translateY(100%) translateY(2px)}.wx-left-center[data-v-177328e1]{bottom:50%;left:0;transform:translate(-100%,50%) translate(-2px)}.wx-left-start[data-v-177328e1]{top:0;left:0;transform:translate(-100%) translate(-2px)}.wx-left-end[data-v-177328e1]{bottom:0;left:0;transform:translate(-100%) translate(-2px)}.wx-right-center[data-v-177328e1]{bottom:50%;right:0;transform:translate(100%,50%) translate(2px)}.wx-right-start[data-v-177328e1]{top:0;right:0;transform:translate(100%) translate(2px)}.wx-right-end[data-v-177328e1]{bottom:0;right:0;transform:translate(100%) translate(2px)}.wx-portal-node[data-v-92052bd3]{display:none}.wx-colorselect[data-v-4ddfa319]{position:relative;width:var(--wx-input-width)}.wx-selected[data-v-4ddfa319]{position:absolute;left:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%)}.wx-colors[data-v-4ddfa319]{display:flex;flex-wrap:wrap;gap:8px;padding:8px}.wx-color[data-v-4ddfa319]{width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);border-radius:var(--wx-input-border-radius);cursor:pointer}input[data-v-4ddfa319]{display:block;width:100%;height:var(--wx-input-height);outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);padding-left:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden;text-overflow:ellipsis}input.wx-focus[data-v-4ddfa319]{border:var(--wx-input-border-focus)}input[data-v-4ddfa319]::placeholder{color:var(--wx-input-placeholder-color)}input[disabled][data-v-4ddfa319]{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled)}input[disabled][data-v-4ddfa319]::placeholder{color:var(--wx-color-font-disabled)}input[disabled]~.wx-color[data-v-4ddfa319],input[disabled]~.wx-empty[data-v-4ddfa319]{cursor:not-allowed}input.wx-error[data-v-4ddfa319]{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-empty[data-v-4ddfa319]{width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:linear-gradient(to top left,#0000 0% calc(50% - 1px),red 50%,#0000 calc(50% + 1px) 100%);cursor:pointer;-webkit-user-select:none;user-select:none}.wxi-close[data-v-4ddfa319]{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;display:flex;justify-content:center;align-items:center;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);border-radius:var(--wx-input-border-radius);color:var(--wx-input-icon-color);cursor:pointer}.wxi-close[data-v-4ddfa319]:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-colorboard[data-v-38627853]{display:flex;flex-direction:column;gap:12px;padding:8px;width:100%}.wx-color-block[data-v-38627853]{height:140px;width:100%;position:relative;box-shadow:0 1px 3px #0003}.wx-color-block[data-v-38627853]:before,.wx-color-block[data-v-38627853]:after{content:"";width:100%;height:100%;position:absolute}.wx-color-block[data-v-38627853]:before{background-image:linear-gradient(0deg,#000,#fff0);z-index:2}.wx-color-block[data-v-38627853]:after{background-image:linear-gradient(90deg,#fff,#cb998000);z-index:1}.wx-color-block-slider[data-v-38627853]{height:16px;width:16px;margin:-8px 0 0 -8px}.wx-slider[data-v-38627853]{border:2px solid white;border-radius:50%;position:absolute;z-index:3;box-shadow:0 1px 3px #0003}.wx-slider[data-v-38627853]:focus,.wx-slider[data-v-38627853]:hover{outline:none;box-shadow:0 1px 3px #0003,inset 0 0 4px #fff}.wx-color-line[data-v-38627853]{width:100%;height:8px;background-image:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);position:relative;border-radius:6px}.wx-color-line-slider[data-v-38627853]{height:14px;width:14px;margin:0 0 0 -7px;top:-4px}.wx-color-controls[data-v-38627853]{display:flex;flex-wrap:wrap;justify-content:space-between}.wx-color[data-v-38627853],.wx-text[data-v-38627853]{width:calc(50% - 4px)}.wx-color[data-v-38627853]{height:32px}.wx-text[data-v-38627853]{outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding)}.wx-text[data-v-38627853]:focus{border:var(--wx-input-border-focus)}.wx-colorpicker[data-v-4189d31a]{position:relative;width:var(--wx-input-width)}.wx-color[data-v-4189d31a]{width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);border-radius:var(--wx-input-border-radius);cursor:pointer;position:absolute;left:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%)}input[data-v-4189d31a]{display:block;width:100%;height:var(--wx-input-height);outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);padding-left:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden;text-overflow:ellipsis}input.wx-focus[data-v-4189d31a]{border:var(--wx-input-border-focus)}input[data-v-4189d31a]::placeholder{color:var(--wx-input-placeholder-color)}input[disabled][data-v-4189d31a]{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled)}input[disabled][data-v-4189d31a]::placeholder{color:var(--wx-color-font-disabled)}input[disabled]~.wx-color[data-v-4189d31a]{cursor:not-allowed}input.wx-error[data-v-4189d31a]{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wxi-close[data-v-4189d31a]{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color);cursor:pointer}.wxi-close[data-v-4189d31a]:before{display:block}.wxi-close[data-v-4189d31a]:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-list[data-v-9be1ca79]{max-height:250px;overflow-y:auto;position:relative}.wx-list-wrapper[data-v-9be1ca79]{position:relative;width:100%}.wx-list-content[data-v-9be1ca79]{position:absolute;top:0;left:0;right:0}.wx-item[data-v-9be1ca79]{display:flex;flex-wrap:nowrap;align-items:center;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);color:var(--wx-input-font-color);padding:var(--wx-input-padding);cursor:pointer}.wx-item.wx-focus[data-v-9be1ca79]{background:var(--wx-background-hover)}.wx-no-data[data-v-9be1ca79]{padding:var(--wx-input-padding)}.wx-combo[data-v-28ab502d]{position:relative;width:var(--wx-input-width)}input[data-v-28ab502d]{display:block;width:100%;height:var(--wx-input-height);outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden;text-overflow:ellipsis;cursor:pointer}input[data-v-28ab502d]:focus{border:var(--wx-input-border-focus)}input[data-v-28ab502d]::placeholder{color:var(--wx-input-placeholder-color)}input[disabled][data-v-28ab502d]{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled)}input[disabled][data-v-28ab502d]::placeholder{color:var(--wx-color-font-disabled)}input[disabled]~.wx-icon[data-v-28ab502d]{color:var(--wx-color-font-disabled)}input.wx-error[data-v-28ab502d]{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}input.wx-error~.wx-icon[data-v-28ab502d]{color:var(--wx-color-danger)}.wx-icon[data-v-28ab502d]{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon[data-v-28ab502d]:before{display:block}.wx-icon.wxi-close[data-v-28ab502d]{pointer-events:all;cursor:pointer}.wx-icon.wxi-close[data-v-28ab502d]:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-text[data-v-631f81ad]{position:relative;width:var(--wx-input-width)}.wx-text.wx-disabled .wx-icon[data-v-631f81ad]{color:var(--wx-color-font-disabled)}.wx-text.wx-error .wx-icon[data-v-631f81ad]{color:var(--wx-color-danger)}.wx-icon[data-v-631f81ad]{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon[data-v-631f81ad]:before{display:block}.wx-icon-left .wx-icon[data-v-631f81ad]:not(.wxi-close){right:auto;left:var(--wx-input-icon-indent)}.wx-icon.wxi-close[data-v-631f81ad]{pointer-events:all;cursor:pointer}.wx-icon.wxi-close[data-v-631f81ad]:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}input[data-v-631f81ad]{display:block;width:var(--wx-input-width);height:var(--wx-input-height);max-width:100%;padding:var(--wx-input-padding);outline:none;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background);overflow:hidden;text-overflow:ellipsis}input[data-v-631f81ad]:focus{border:var(--wx-input-border-focus)}input[data-v-631f81ad]::placeholder{color:var(--wx-input-placeholder-color)}.wx-icon-left input[data-v-631f81ad]{padding-left:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)}.wx-icon-right input[data-v-631f81ad],.wx-text.wx-clear input[data-v-631f81ad]{padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)}input[disabled][data-v-631f81ad]{cursor:not-allowed!important;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled);pointer-events:none}input[disabled][data-v-631f81ad]::placeholder{color:var(--wx-color-font-disabled)}.wx-error input[data-v-631f81ad]{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-header[data-v-b30b498a]{display:flex;flex-wrap:nowrap;align-items:center;margin-bottom:calc(var(--wx-calendar-gap) * 2);font-size:var(--wx-calendar-header-font-size);line-height:var(--wx-calendar-header-line-height);font-weight:var(--wx-calendar-header-font-weight)}.wx-spacer[data-v-b30b498a],.wx-pager[data-v-b30b498a]{width:var(--wx-calendar-cell-size);height:var(--wx-calendar-cell-size);flex-shrink:0}.wx-pager[data-v-b30b498a]{cursor:pointer;border-radius:50%;line-height:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:var(--wx-calendar-icon-color);font-size:var(--wx-calendar-icon-size)}.wx-pager[data-v-b30b498a]:before{display:block}.wx-pager[data-v-b30b498a]:hover{background-color:var(--wx-background-hover)}.wx-label[data-v-b30b498a]{flex:0 0 calc(100% - var(--wx-calendar-cell-size) * 2);max-width:calc(100% - var(--wx-calendar-cell-size) * 2);text-align:center;color:var(--wx-color-link);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}button[data-v-3b8e0167]{display:inline-block;vertical-align:top;text-decoration:none;text-align:center;letter-spacing:normal;font-family:var(--wx-calendar-controls-font-family);font-size:var(--wx-calendar-controls-font-size);line-height:var(--wx-calendar-controls-line-height);font-weight:var(--wx-calendar-controls-font-weight);text-transform:none;padding:0;border:none;border-radius:0;background:transparent;color:var(--wx-calendar-controls-font-color);cursor:pointer;box-shadow:none;transition:none;max-width:100%;-webkit-user-select:none;user-select:none}button[data-v-3b8e0167],button[data-v-3b8e0167]:focus,button[data-v-3b8e0167]:active{outline:none}button[data-v-3b8e0167]:active{opacity:.8}.wx-weekdays[data-v-29c97e1a]{display:flex;flex-wrap:nowrap;margin-bottom:calc(var(--wx-calendar-gap) * 1.5)}.wx-weekday[data-v-29c97e1a]{flex:0 0 calc(100% / 7);max-width:calc(100% / 7);font-size:var(--wx-font-size-sm);line-height:var(--wx-line-height-sm);color:var(--wx-color-font-alt);text-align:center}.wx-days[data-v-29c97e1a]{display:flex;flex-wrap:wrap}.wx-day[data-v-29c97e1a]{border-radius:var(--wx-calendar-border-radius);flex:0 0 calc(100% / 7);max-width:calc(100% / 7);height:calc(var(--wx-calendar-cell-size) - var(--wx-calendar-line-gap) * 2);margin:calc(var(--wx-calendar-line-gap) / 2) 0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;text-align:center}.wx-day[data-v-29c97e1a]:not(.wx-out):not(.wx-selected){cursor:pointer}.wx-day[data-v-29c97e1a]:not(.wx-out):not(.wx-selected):hover{background:var(--wx-background-hover)}.wx-day.wx-out[data-v-29c97e1a]{color:var(--wx-color-font-disabled)}.wx-day.wx-selected[data-v-29c97e1a]:not(.wx-out){background:var(--wx-color-primary);color:var(--wx-color-primary-font)}.wx-day.wx-selected.wx-left[data-v-29c97e1a]:not(.wx-out){border-radius:calc(var(--wx-calendar-border-radius)) 0 0 calc(var(--wx-calendar-border-radius))}.wx-day.wx-selected.wx-right[data-v-29c97e1a]:not(.wx-out){border-radius:0 calc(var(--wx-calendar-border-radius)) calc(var(--wx-calendar-border-radius)) 0}.wx-day.wx-inrange[data-v-29c97e1a]:not(.wx-out){border-radius:0;background:var(--wx-color-primary-selected)}.wx-day.wx-weekend[data-v-29c97e1a]:not(.wx-selected):not(.wx-out){color:var(--wx-color-primary)}.wx-day.wx-inactive[data-v-29c97e1a]{pointer-events:none}.wx-months[data-v-c646d21e]{display:flex;flex-wrap:wrap;margin:var(--wx-calendar-gap)}.wx-month[data-v-c646d21e]{flex:0 0 calc(100% / 4 - var(--wx-calendar-gap) * 2);max-width:calc(100% / 4 - var(--wx-calendar-gap) * 2);margin:calc(var(--wx-calendar-gap) * 2) var(--wx-calendar-gap);text-align:center;cursor:pointer;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;height:var(--wx-calendar-cell-size);border-radius:var(--wx-calendar-border-radius)}.wx-month.wx-current[data-v-c646d21e]{background:var(--wx-color-primary);color:var(--wx-color-primary-font)}.wx-month[data-v-c646d21e]:not(.wx-current):hover{background-color:var(--wx-background-hover)}.wx-buttons[data-v-c646d21e]{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;margin-top:var(--wx-calendar-gap)}.wx-years[data-v-2068aada]{display:flex;flex-wrap:wrap;margin:var(--wx-calendar-gap)}.wx-year[data-v-2068aada]{flex:0 0 calc(100% / 4 - var(--wx-calendar-gap) * 2);max-width:calc(100% / 4 - var(--wx-calendar-gap) * 2);margin:calc(var(--wx-calendar-gap) * 2) var(--wx-calendar-gap);text-align:center;cursor:pointer;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;height:var(--wx-calendar-cell-size);border-radius:var(--wx-calendar-border-radius)}.wx-year.wx-current[data-v-2068aada]{background:var(--wx-color-primary);color:var(--wx-color-primary-font)}.wx-year[data-v-2068aada]:not(.wx-current):hover{background-color:var(--wx-background-hover)}.wx-prev-decade[data-v-2068aada],.wx-next-decade[data-v-2068aada]{color:var(--wx-color-font-disabled)}.wx-buttons[data-v-2068aada]{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;margin-top:var(--wx-calendar-gap)}.wx-calendar[data-v-50eccb87]{height:auto;width:100%;padding:var(--wx-calendar-padding);cursor:default;font-family:var(--wx-calendar-font-family);font-size:var(--wx-calendar-font-size);line-height:var(--wx-calendar-line-height);font-weight:var(--wx-calendar-font-weight);color:var(--wx-calendar-font-color)}.wx-calendar.wx-part[data-v-50eccb87]{padding-bottom:0}.wx-wrap[data-v-50eccb87]{width:calc(var(--wx-calendar-cell-size) * 7);margin:0 auto}.wx-buttons[data-v-50eccb87]{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;margin-top:calc(var(--wx-calendar-gap) * 2)}.wx-button-item+.wx-button-item[data-v-50eccb87]{margin-left:calc(var(--wx-calendar-gap) * 3)}.wx-datepicker[data-v-cd3abc87]{position:relative;width:var(--wx-input-width)}.wx-rangecalendar[data-v-feba437e]{display:flex;padding-bottom:var(--wx-calendar-padding)}.wx-half[data-v-feba437e]{flex:1}.wx-daterangepicker[data-v-adec1a31]{position:relative;width:var(--wx-input-width)}.wx-fullscreen[data-v-d1d3efed]::backdrop{background-color:var(--wx-background)}.wx-fullscreen[data-v-d1d3efed]{position:relative;height:100%;width:100%;outline:none}.wx-fullscreen-icon[data-v-d1d3efed]{font-size:20px;height:20px;margin:auto}.wx-fullscreen[data-v-d1d3efed] .wx-fullscreen-button{width:40px;height:40px;border:none;border-radius:50%;position:absolute;right:25px;bottom:35px;display:flex;padding:initial}.wx-avatar[data-v-368b71f8]{position:relative;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.wx-avatar img[data-v-368b71f8]{width:100%;height:100%;object-fit:cover}.wx-avatar span[data-v-368b71f8]{text-transform:uppercase}.wx-avatar-overflow .wx-avatar-overflow-badge[data-v-368b71f8]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;text-transform:none}.wx-avatar-stack[data-v-368b71f8]{display:inline-flex;align-items:center}.wx-avatar-root[data-v-368b71f8]{display:block;min-width:0}.wx-icon[data-v-056b809a]{color:var(--wx-color-font-alt);cursor:pointer;font-size:var(--wx-button-icon-size);padding:var(--wx-button-icon-indent);line-height:var(--wx-button-line-height);display:inline-block}.wx-icon[data-v-056b809a]:hover{background-color:var(--wx-background-hover)}.wx-multicombo[data-v-10a21501]{position:relative;width:var(--wx-input-width)}.wx-multicombo.wx-focus .wx-wrapper[data-v-10a21501]{border:var(--wx-input-border-focus)}.wx-multicombo.wx-disabled .wx-wrapper[data-v-10a21501]{border:var(--wx-input-border-disabled);background:var(--wx-input-background-disabled)}.wx-multicombo.wx-disabled .wx-tag[data-v-10a21501]{background:var(--wx-color-disabled);color:var(--wx-color-font-disabled)}.wx-multicombo:not(.wx-disabled) .wx-tag[data-v-10a21501]{padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)}.wx-multicombo.wx-disabled input[data-v-10a21501]{cursor:not-allowed;color:var(--wx-color-font-disabled)}.wx-multicombo.wx-disabled .wx-icon.wxi-angle-down[data-v-10a21501]{color:var(--wx-color-font-disabled)}.wx-multicombo.wx-error .wx-wrapper[data-v-10a21501]{border-color:var(--wx-color-danger)}.wx-multicombo.wx-error input[data-v-10a21501],.wx-multicombo.wx-error .wx-icon.wxi-angle-down[data-v-10a21501]{color:var(--wx-color-danger)}.wx-multicombo.wx-not-empty .wx-tags[data-v-10a21501]{gap:var(--wx-multicombo-tag-gap);padding:var(--wx-multicombo-tag-gap)}.wx-multicombo.wx-not-empty input[data-v-10a21501]{border-top:var(--wx-input-border)}.wx-multicombo.wx-not-empty.wx-focus input[data-v-10a21501]{border-top:var(--wx-input-border-focus)}.wx-multicombo.wx-not-empty.wx-disabled input[data-v-10a21501]{border-top:var(--wx-input-border-disabled)}.wx-multicombo.wx-not-empty.wx-error input[data-v-10a21501]{border-top-color:var(--wx-color-danger)}.wx-wrapper[data-v-10a21501]{border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background)}.wx-tags[data-v-10a21501]{display:flex;flex-wrap:wrap;align-items:flex-start;overflow:hidden}.wx-tag[data-v-10a21501]{position:relative;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);border:var(--wx-multicombo-tag-border);border-radius:var(--wx-multicombo-tag-border-radius);background:var(--wx-multicombo-tag-background);padding:var(--wx-multicombo-tag-pading)}.wx-icon[data-v-10a21501]{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;display:flex;justify-content:center;align-items:center;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon[data-v-10a21501]:before{display:block}.wxi-close[data-v-10a21501]{pointer-events:all;cursor:pointer}.wxi-close[data-v-10a21501]:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-select[data-v-10a21501]{position:relative}input[data-v-10a21501]{display:block;width:100%;height:var(--wx-input-height);outline:none;background:transparent;border:none;border-radius:0;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden;text-overflow:ellipsis;cursor:pointer}.wx-pager[data-v-f24cdcf2]{display:flex;flex-wrap:wrap;gap:var(--wx-padding);align-items:center;padding:var(--wx-padding)}input[data-v-f24cdcf2]{display:block;width:50px;height:var(--wx-input-height);padding:var(--wx-input-padding);outline:none;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background)}input[data-v-f24cdcf2]:focus{border:var(--wx-input-border-focus)}input[data-v-f24cdcf2]::placeholder{color:var(--wx-input-placeholder-color)}.wx-icon[data-v-f24cdcf2]{cursor:pointer;padding:var(--wx-input-padding);border-radius:var(--wx-input-border-radius);font-size:var(--wx-icon-size);line-height:1;color:var(--wx-color-link)}.wx-icon[data-v-f24cdcf2]:before{display:block}.wx-icon[data-v-f24cdcf2]:hover{background-color:var(--wx-background-hover)}.wx-icon.wx-disabled[data-v-f24cdcf2]{cursor:default;pointer-events:none;color:var(--wx-color-font-disabled)}.wx-left[data-v-f24cdcf2],.wx-center[data-v-f24cdcf2],.wx-right[data-v-f24cdcf2]{display:flex;align-items:center;gap:var(--wx-padding)}.wx-radio[data-v-d33061a0]{position:relative;display:inline-block;vertical-align:top;max-width:var(--wx-input-width)}input[data-v-d33061a0]{appearance:none;width:0;height:0;opacity:0;position:absolute;left:0;top:0;margin:0;padding:0}label[data-v-d33061a0]{display:flex;flex-wrap:nowrap;align-items:flex-start;font-family:var(--wx-checkbox-font-family);font-size:var(--wx-checkbox-font-size);line-height:var(--wx-checkbox-line-height);font-weight:var(--wx-checkbox-font-weight);color:var(--wx-checkbox-font-color);cursor:pointer}span[data-v-d33061a0]{display:block}span+span[data-v-d33061a0]{margin-left:8px;padding-top:calc((var(--wx-checkbox-height) - var(--wx-checkbox-line-height)) / 2);padding-bottom:calc((var(--wx-checkbox-height) - var(--wx-checkbox-line-height)) / 2)}span[data-v-d33061a0]:first-child{position:relative;flex-shrink:0;padding-top:calc((var(--wx-checkbox-height) - var(--wx-checkbox-size)) / 2);padding-bottom:calc((var(--wx-checkbox-height) - var(--wx-checkbox-size)) / 2)}span[data-v-d33061a0]:first-child:before{content:"";display:block;width:var(--wx-checkbox-size);height:var(--wx-checkbox-size);border:var(--wx-checkbox-border-width) solid var(--wx-checkbox-border-color);border-radius:50%;background:var(--wx-input-background)}span[data-v-d33061a0]:first-child:after{content:"";position:absolute;display:none;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--wx-checkbox-size) - var(--wx-checkbox-border-width) * 2);height:calc(var(--wx-checkbox-size) - var(--wx-checkbox-border-width) * 2);border-style:solid;border-color:var(--wx-input-background);border-width:calc(var(--wx-checkbox-size) * .2);border-radius:50%}input:checked~label span[data-v-d33061a0]:first-child:before{background:var(--wx-color-primary);border-color:transparent}input:checked~label span[data-v-d33061a0]:first-child:after{display:block}input[disabled]~label[data-v-d33061a0]{color:var(--wx-checkbox-border-color-disabled);cursor:not-allowed}input[disabled]:not(:checked)~label span[data-v-d33061a0]:first-child:before{border-color:var(--wx-checkbox-border-color-disabled)}input[disabled]:checked~label span[data-v-d33061a0]:first-child:before{background:var(--wx-checkbox-border-color-disabled)}.wx-radiogroup[data-v-66be7750]{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin-top:calc(var(--wx-field-gutter) * -1)}.wx-item[data-v-66be7750]{flex:0 0 100%;max-width:100%;margin-top:var(--wx-field-gutter)}.wx-radiogroup.wx-inline .wx-item[data-v-66be7750]{flex:none;padding-right:var(--wx-field-gutter)}.wx-radiogroup.wx-grid .wx-item[data-v-66be7750]{flex:0 0 50%;max-width:50%;padding-right:var(--wx-field-gutter)}.wx-richselect[data-v-2a8d6dde]{position:relative;outline:none;width:var(--wx-input-width);min-height:var(--wx-input-height);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background);cursor:pointer}.wx-richselect[data-v-2a8d6dde]:focus{border:var(--wx-input-border-focus)}.wx-richselect.wx-disabled[data-v-2a8d6dde]{cursor:not-allowed;border:var(--wx-input-border-disabled);background:var(--wx-input-background-disabled)}.wx-richselect.wx-disabled .wx-label[data-v-2a8d6dde],.wx-richselect.wx-disabled .wx-icon[data-v-2a8d6dde]{color:var(--wx-color-font-disabled)}.wx-richselect.wx-error[data-v-2a8d6dde]{border-color:var(--wx-color-danger)}.wx-richselect.wx-error .wx-label[data-v-2a8d6dde],.wx-richselect.wx-error .wx-icon[data-v-2a8d6dde]{color:var(--wx-color-danger)}.wx-label[data-v-2a8d6dde]{display:block;width:100%;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden}.wx-placeholder[data-v-2a8d6dde]{color:var(--wx-input-placeholder-color)}.wx-icon[data-v-2a8d6dde]{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon[data-v-2a8d6dde]:before{display:block}.wx-icon.wxi-close[data-v-2a8d6dde]{pointer-events:all}.wx-icon.wxi-close[data-v-2a8d6dde]:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-nowrap .wx-label[data-v-2a8d6dde]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wx-segmented[data-v-420323a6]{display:inline-flex;flex-wrap:nowrap;background:var(--wx-segmented-background);border:var(--wx-segmented-border);border-radius:var(--wx-segmented-border-radius);padding:var(--wx-segmented-padding);max-width:100%}button[data-v-420323a6]{display:flex;flex-wrap:nowrap;align-items:center;text-decoration:none;text-align:center;letter-spacing:normal;text-transform:var(--wx-button-text-transform);font-family:var(--wx-button-font-family);font-size:var(--wx-button-font-size);line-height:var(--wx-button-line-height);font-weight:var(--wx-button-font-weight);padding:var(--wx-button-padding);border:var(--wx-button-border);border-radius:var(--wx-segmented-border-radius);background:transparent;color:var(--wx-button-font-color);cursor:pointer;box-shadow:none;transition:none;max-width:100%;-webkit-user-select:none;user-select:none}button[data-v-420323a6],button[data-v-420323a6]:focus,button[data-v-420323a6]:active{outline:none}button+button[data-v-420323a6]{margin-left:var(--wx-segmented-padding)}button[data-v-420323a6]:hover{background:var(--wx-segmented-background-hover)}button.wx-selected[data-v-420323a6],button.wx-selected[data-v-420323a6]:hover,button.wx-selected[data-v-420323a6]:focus{background:var(--wx-color-primary);color:var(--wx-color-primary-font);cursor:default}.wx-icon[data-v-420323a6]{position:relative;font-size:var(--wx-button-icon-size);line-height:1;height:var(--wx-button-line-height);opacity:.7}.wx-icon[data-v-420323a6]:before{display:block;position:relative;top:50%;transform:translateY(-50%)}.wx-icon.wx-only[data-v-420323a6]{opacity:1}.wx-icon+.wx-label[data-v-420323a6]{margin-left:4px}.wx-select[data-v-728d15ff]{position:relative;width:var(--wx-input-width)}select[data-v-728d15ff]{appearance:none;display:block;width:100%;height:var(--wx-input-height);outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden!important;text-overflow:ellipsis;cursor:pointer}select[data-v-728d15ff]:focus{border:var(--wx-input-border-focus)}select[disabled][data-v-728d15ff]{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled)}select[disabled]~.wx-placeholder[data-v-728d15ff]{color:var(--wx-color-font-disabled)}select[disabled]~.wx-icon[data-v-728d15ff]{color:var(--wx-color-font-disabled)}select.wx-error[data-v-728d15ff]{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}select.wx-error option[data-v-728d15ff]{color:var(--wx-input-font-color)}select.wx-error~.wx-icon[data-v-728d15ff]{color:var(--wx-color-danger)}.wx-placeholder[data-v-728d15ff]{position:absolute;left:0;top:0;width:100%;border:var(--wx-input-border);border-color:transparent;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-placeholder-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;cursor:pointer;pointer-events:none}.wx-icon[data-v-728d15ff]{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon[data-v-728d15ff]:before{display:block}.wx-icon.wxi-close[data-v-728d15ff]{pointer-events:all;cursor:pointer}.wx-icon.wxi-close[data-v-728d15ff]:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-slider[data-v-922ef4e2]{width:var(--wx-input-width)}label[data-v-922ef4e2]{display:block;margin:var(--wx-slider-label-margin);font-family:var(--wx-slider-label-font-family);font-size:var(--wx-slider-label-font-size);line-height:var(--wx-slider-label-line-height);font-weight:var(--wx-slider-label-font-weight);color:var(--wx-slider-label-font-color)}.wx-slider div[data-v-922ef4e2]{padding:calc((var(--wx-slider-height) - var(--wx-slider-track-height)) / 2) 0}input[data-v-922ef4e2]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:var(--wx-slider-track-height);background:var(--wx-slider-background);border:none;border-radius:var(--wx-slider-track-border-radius);margin:0}input[data-v-922ef4e2]:focus{outline:none}input[data-v-922ef4e2]::-webkit-slider-runnable-track{margin:0;width:100%;height:var(--wx-slider-track-height);border:none;border-radius:var(--wx-slider-track-border-radius);cursor:pointer;background:transparent}input[data-v-922ef4e2]::-webkit-slider-thumb{margin-top:calc((var(--wx-slider-track-height) - var(--wx-slider-thumb-size)) / 2);width:var(--wx-slider-thumb-size);height:var(--wx-slider-thumb-size);background:var(--wx-slider-primary);border:var(--wx-slider-thumb-border);box-shadow:var(--wx-slider-thumb-shadow);border-radius:50%;cursor:pointer;appearance:none}input[data-v-922ef4e2]::-moz-range-track{margin:0;width:100%;height:var(--wx-slider-track-height);border:none;border-radius:var(--wx-slider-track-border-radius);cursor:pointer;background:transparent}input[data-v-922ef4e2]::-moz-range-thumb{margin-top:calc((var(--wx-slider-track-height) - var(--wx-slider-thumb-size)) / 2);width:var(--wx-slider-thumb-size);height:var(--wx-slider-thumb-size);background:var(--wx-slider-primary);border:var(--wx-slider-thumb-border);border-radius:50%;cursor:pointer;appearance:none}input[data-v-922ef4e2]::-moz-range-progress{background-color:var(--wx-slider-primary);height:var(--wx-slider-track-height);border-top-left-radius:var(--wx-slider-track-border-radius);border-bottom-left-radius:var(--wx-slider-track-border-radius)}input[data-v-922ef4e2]::-ms-track{color:transparent;margin:0;width:100%;height:var(--wx-slider-track-height);border:none;border-radius:var(--wx-slider-track-border-radius);cursor:pointer;background:transparent}input[data-v-922ef4e2]::-ms-fill-lower{background:var(--wx-slider-primary);border:.2px solid var(--wx-slider-primary);border-radius:var(--wx-slider-track-border-radius)}input[data-v-922ef4e2]::-ms-fill-upper{background:var(--wx-slider-background);border:.2px solid var(--wx-slider-background);border-radius:var(--wx-slider-track-border-radius)}input[data-v-922ef4e2]::-ms-thumb{margin-top:calc((var(--wx-slider-track-height) - var(--wx-slider-thumb-size)) / 2);width:var(--wx-slider-thumb-size);height:var(--wx-slider-thumb-size);background:var(--wx-slider-primary);border:var(--wx-slider-thumb-border);border-radius:50%;cursor:pointer;appearance:none}input[data-v-922ef4e2]:focus::-ms-fill-lower{background:var(--wx-slider-primary)}input[data-v-922ef4e2]:focus::-ms-fill-upper{background:var(--wx-slider-background)}input[disabled][data-v-922ef4e2]{cursor:not-allowed;background:var(--wx-color-disabled)}input[disabled][data-v-922ef4e2]::-webkit-slider-runnable-track{cursor:not-allowed}input[disabled][data-v-922ef4e2]::-webkit-slider-thumb{cursor:not-allowed;background:var(--wx-background);border:var(--wx-slider-thumb-border-disabled)}input[disabled][data-v-922ef4e2]::-moz-range-track{cursor:not-allowed}input[disabled][data-v-922ef4e2]::-moz-range-thumb{cursor:not-allowed;background:var(--wx-background);border:var(--wx-slider-thumb-border-disabled)}input[disabled][data-v-922ef4e2]::-moz-range-progress{cursor:not-allowed;background:var(--wx-color-disabled)}input[disabled][data-v-922ef4e2]::-ms-track{cursor:not-allowed}input[disabled][data-v-922ef4e2]::-ms-fill-lower{background:var(--wx-color-disabled);border-color:var(--wx-color-disabled)}input[disabled][data-v-922ef4e2]::-ms-fill-upper{background:var(--wx-color-disabled);border-color:var(--wx-color-disabled)}input[disabled][data-v-922ef4e2]::-ms-thumb{cursor:not-allowed;background:var(--wx-background);border:var(--wx-slider-thumb-border-disabled)}input[disabled][data-v-922ef4e2]:focus::-ms-fill-lower{background:var(--wx-color-disabled)}input[disabled][data-v-922ef4e2]:focus::-ms-fill-upper{background:var(--wx-color-disabled)}.wx-switch[data-v-7b3b6d77]{position:relative;display:inline-block;vertical-align:top;margin:0;cursor:default}input[data-v-7b3b6d77]{appearance:none;width:0;height:0;opacity:0;position:absolute;left:0;top:0;margin:0;padding:0}span[data-v-7b3b6d77]{display:block;position:relative;width:var(--wx-switch-width);height:var(--wx-switch-height);border:var(--wx-switch-border-width) solid var(--wx-switch-border-color);border-radius:calc(var(--wx-switch-height) / 2);background-color:var(--wx-switch-background);transition:background-color .4s ease;cursor:pointer;overflow:hidden}span[data-v-7b3b6d77]:before{content:"";position:absolute;left:var(--wx-switch-thumb-offset);top:var(--wx-switch-thumb-offset);height:calc(var(--wx-switch-height) - var(--wx-switch-thumb-offset) * 2 - var(--wx-switch-border-width) * 2);width:calc(var(--wx-switch-height) - var(--wx-switch-thumb-offset) * 2 - var(--wx-switch-border-width) * 2);border:var(--wx-switch-thumb-border);border-radius:50%;background:var(--wx-switch-thumb-background);box-shadow:var(--wx-switch-thumb-shadow);transition:transform .4s ease}input:checked~span[data-v-7b3b6d77]{background-color:var(--wx-switch-primary)}input:checked~span[data-v-7b3b6d77]:before{transform:translate(calc(var(--wx-switch-width) - var(--wx-switch-height)))}input[disabled]~span[data-v-7b3b6d77]{background-color:var(--wx-color-disabled);border-color:var(--wx-switch-border-color-disabled);cursor:not-allowed}input[disabled]~span[data-v-7b3b6d77]:before{border:var(--wx-switch-thumb-border-disabled);background:var(--wx-switch-thumb-background-disabled)}.wx-tabs[data-v-17b81640]{display:inline-flex;flex-wrap:nowrap}button[data-v-17b81640]{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;text-decoration:none;text-align:center;letter-spacing:normal;text-transform:var(--wx-button-text-transform);font-family:var(--wx-button-font-family);font-size:var(--wx-button-font-size);line-height:var(--wx-button-line-height);font-weight:var(--wx-button-font-weight);padding:var(--wx-button-padding);border:var(--wx-button-border);border-width:var(--wx-tabs-border-width);border-radius:0;background:var(--wx-tabs-background);color:var(--wx-button-font-color);cursor:pointer;box-shadow:none;transition:none;max-width:100%;min-width:var(--wx-tabs-cell-min-width);-webkit-user-select:none;user-select:none}button+button[data-v-17b81640]:before{content:"";display:block;position:absolute;left:calc(var(--wx-tabs-border-width) * -1 - var(--wx-tabs-divider-width) / 2);top:50%;transform:translateY(-50%);width:0;height:calc(var(--wx-tabs-border-width) * 2 + var(--wx-tabs-divider-height));border-left:var(--wx-tabs-divider-width) solid var(--wx-tabs-divider-color)}button[data-v-17b81640]:first-child{border-top-left-radius:var(--wx-tabs-border-radius);border-bottom-left-radius:var(--wx-tabs-border-radius)}button[data-v-17b81640]:last-child{border-top-right-radius:var(--wx-tabs-border-radius);border-bottom-right-radius:var(--wx-tabs-border-radius)}button[data-v-17b81640],button[data-v-17b81640]:focus,button[data-v-17b81640]:active{outline:none}button[data-v-17b81640]:hover{background:var(--wx-tabs-background-hover)}button.wx-active[data-v-17b81640],button.wx-active[data-v-17b81640]:hover,button.wx-active[data-v-17b81640]:focus{background:var(--wx-tabs-active-background);color:var(--wx-tabs-active-color);cursor:default}button.wx-active[data-v-17b81640]:before{display:none}button.wx-active+button[data-v-17b81640]:before{display:none}button.wx-active[data-v-17b81640]:after,button[data-v-17b81640]:hover:after{content:"";display:block;position:absolute;left:13px;height:0;width:calc(100% - 26px)}button.wx-active[data-v-17b81640]:after{border-bottom:2px solid var(--wx-tabs-active-border)}button[data-v-17b81640]:not(.wx-active):hover:after{border-bottom:2px solid var(--wx-tabs-hover-border)}.wx-top button.wx-active[data-v-17b81640]:after,.wx-top button[data-v-17b81640]:hover:after{top:100%}.wx-bottom button.wx-active[data-v-17b81640]:after,.wx-bottom button[data-v-17b81640]:hover:after{top:0}.wx-icon[data-v-17b81640]{position:relative;font-size:var(--wx-button-icon-size);line-height:1;height:var(--wx-button-line-height);opacity:.7}.wx-icon[data-v-17b81640]:before{display:block;position:relative;top:50%;transform:translateY(-50%)}.wx-icon.wx-only[data-v-17b81640]{opacity:1}.wx-icon+.wx-label[data-v-17b81640]{margin-left:4px}.wx-counter[data-v-8e2cff06]{display:flex;border:var(--wx-input-border);width:max-content;border-radius:var(--wx-input-border-radius)}.wx-counter[data-v-8e2cff06]:not(:deep(.wx-readonly)):has(:deep(.wx-input:focus)){border:var(--wx-input-border-focus)}.wx-input[data-v-8e2cff06]{box-sizing:border-box;background:var(--wx-background);width:40px;height:30px;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);color:var(--wx-input-font-color);padding-left:8px;padding-right:8px;outline:none;border:none;border-left:var(--wx-input-border);border-right:var(--wx-input-border)}.wx-btn[data-v-8e2cff06]{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:32px;height:30px;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);color:var(--wx-input-font-color);background-color:var(--wx-background-alt);outline:none;border:none;cursor:pointer}.wx-counter:not(:deep(.wx-readonly)):not(:deep(.wx-disabled)) .wx-btn[data-v-8e2cff06]:active{background-color:var(--wx-background-hover)}.wx-dec[data-v-8e2cff06],.wx-inc[data-v-8e2cff06]{fill:var(--wx-color-primary)}.wx-btn-dec[data-v-8e2cff06]{border-radius:2px 0 0 2px}.wx-btn-inc[data-v-8e2cff06]{border-radius:0 2px 2px 0}.wx-error[data-v-8e2cff06],.wx-counter.wx-error[data-v-8e2cff06]:has(:deep(.wx-input:focus)){border:1px solid var(--wx-color-danger)}.wx-error .wx-input[data-v-8e2cff06]{color:var(--wx-color-danger)}.wx-disabled .wx-input[data-v-8e2cff06],.wx-disabled .wx-btn[data-v-8e2cff06]{cursor:not-allowed;color:var(--wx-color-font-disabled)}.wx-disabled .wx-btn[data-v-8e2cff06]{background:var(--wx-color-disabled-alt)}.wx-disabled .wx-btn .wx-dec[data-v-8e2cff06],.wx-disabled .wx-btn .wx-inc[data-v-8e2cff06],.wx-readonly .wx-btn .wx-dec[data-v-8e2cff06],.wx-readonly .wx-btn .wx-inc[data-v-8e2cff06]{fill:var(--wx-color-font-disabled)}.wx-readonly .wx-btn[data-v-8e2cff06]{cursor:default}.wx-notice-fade-enter-from,.wx-notice-fade-leave-to{opacity:0}.wx-notice-fade-enter-active,.wx-notice-fade-leave-active{transition:opacity .4s cubic-bezier(.215,.61,.355,1)}.wx-notice[data-v-5fb6fd9c]{position:relative;background:var(--wx-notice-background);box-shadow:var(--wx-notice-shadow);border:var(--wx-notice-border);border-radius:var(--wx-notice-border-radius);margin:var(--wx-notice-margin);display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;overflow:hidden;font-family:var(--wx-notice-font-family);font-size:var(--wx-notice-font-size);line-height:var(--wx-notice-line-height);font-weight:var(--wx-notice-font-weight);color:var(--wx-notice-font-color);width:var(--wx-notice-width)}.wx-notice[data-v-5fb6fd9c]:before{content:"";display:block;position:absolute;z-index:1;left:0;top:0;width:var(--wx-notice-type-border-width);height:100%;border-top-right-radius:var(--wx-notice-type-border-width);border-bottom-right-radius:var(--wx-notice-type-border-width);background:var(--wx-notice-type-border-color)}.wx-notice[data-v-5fb6fd9c]:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:var(--wx-notice-type-background-opacity);background:transparent}.wx-text[data-v-5fb6fd9c],.wx-button[data-v-5fb6fd9c]{position:relative;z-index:2;padding:var(--wx-notice-padding)}.wx-text[data-v-5fb6fd9c]{flex-shrink:0;word-wrap:break-word;max-width:calc(var(--wx-notice-width) - var(--wx-notice-padding) * 2 - var(--wx-notice-icon-size))}.wxi-close[data-v-5fb6fd9c]{position:relative;display:flex;justify-content:center;align-items:center;font-size:var(--wx-notice-icon-size);line-height:1;width:var(--wx-notice-icon-size);height:var(--wx-notice-icon-size);color:var(--wx-notice-type-icon-color);cursor:pointer}.wxi-close[data-v-5fb6fd9c]:before{display:block;z-index:1}.wxi-close[data-v-5fb6fd9c]:after{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + 4px);height:calc(100% + 4px);border-radius:var(--wx-icon-border-radius)}.wxi-close[data-v-5fb6fd9c]:hover:after{background:var(--wx-background-hover)}.wx-notice.wx-info[data-v-5fb6fd9c],.wx-notice.wx-warning[data-v-5fb6fd9c],.wx-notice.wx-success[data-v-5fb6fd9c],.wx-notice.wx-danger[data-v-5fb6fd9c]{color:var(--wx-notice-type-font-color)}.wx-notice.wx-info[data-v-5fb6fd9c]:before,.wx-notice.wx-info[data-v-5fb6fd9c]:after{background:var(--wx-color-info)}.wx-notice.wx-warning[data-v-5fb6fd9c]:before,.wx-notice.wx-warning[data-v-5fb6fd9c]:after{background:var(--wx-color-warning)}.wx-notice.wx-success[data-v-5fb6fd9c]:before,.wx-notice.wx-success[data-v-5fb6fd9c]:after{background:var(--wx-color-success)}.wx-notice.wx-danger[data-v-5fb6fd9c]:before,.wx-notice.wx-danger[data-v-5fb6fd9c]:after{background:var(--wx-color-danger)}.wx-notice.wx-info .wxi-close[data-v-5fb6fd9c]:after,.wx-notice.wx-warning .wxi-close[data-v-5fb6fd9c]:after,.wx-notice.wx-success .wxi-close[data-v-5fb6fd9c]:after,.wx-notice.wx-danger .wxi-close[data-v-5fb6fd9c]:after{opacity:var(--wx-notice-type-close-hover-opacity)}.wx-notices[data-v-94cee409]{position:fixed;z-index:var(--wx-notice-z-index);top:0;right:0}.wx-modal-overlay-fade-enter-from,.wx-modal-overlay-fade-leave-to{opacity:0}.wx-modal-overlay-fade-enter-active,.wx-modal-overlay-fade-leave-active{transition:opacity .1s}.wx-modal[data-v-74a7889d]{position:fixed;z-index:var(--wx-modal-z-index);top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--wx-modal-backdrop);text-align:center}.wx-window[data-v-74a7889d]{background:var(--wx-modal-background);box-shadow:var(--wx-modal-shadow);border:var(--wx-modal-border);border-radius:var(--wx-modal-border-radius);padding:var(--wx-modal-padding);min-width:var(--wx-modal-width)}.wx-header[data-v-74a7889d]{font-family:var(--wx-modal-header-font-family);font-size:var(--wx-modal-header-font-size);line-height:var(--wx-modal-header-line-height);font-weight:var(--wx-modal-header-font-weight);color:var(--wx-modal-header-font-color);margin-bottom:var(--wx-modal-gutter)}.wx-buttons[data-v-74a7889d]{margin-top:var(--wx-modal-gutter);display:flex;justify-content:center;margin-left:calc(var(--wx-modal-gutter) / -2);margin-right:calc(var(--wx-modal-gutter) / -2)}.wx-buttons>.wx-button[data-v-74a7889d]{flex:1;max-width:50%;padding:0 calc(var(--wx-modal-gutter) / 2)}.wx-field[data-v-44479409]{width:var(--wx-field-width);max-width:100%;margin-bottom:var(--wx-field-gutter)}.wx-field.wx-left[data-v-44479409]{display:flex;flex-wrap:nowrap;align-items:flex-start}.wx-field.wx-left>.wx-label[data-v-44479409]{width:var(--wx-label-width);flex-shrink:0;margin:0 var(--wx-field-gutter) 0 0;padding-top:calc((var(--wx-input-height) - var(--wx-label-line-height)) / 2);text-align:right}.wx-field.wx-left>.wx-field-control[data-v-44479409]{max-width:calc(100% - var(--wx-label-width) - var(--wx-field-gutter))}.wx-field.wx-error .wx-label[data-v-44479409]{color:var(--wx-color-danger)}.wx-field.wx-left .wx-field-control.wx-checkbox[data-v-44479409]{padding-top:calc((var(--wx-input-height) - var(--wx-checkbox-height)) / 2);padding-bottom:calc((var(--wx-input-height) - var(--wx-checkbox-height)) / 2)}.wx-field.wx-left .wx-field-control.wx-slider[data-v-44479409]{padding-top:calc((var(--wx-input-height) - var(--wx-slider-height)) / 2);padding-bottom:calc((var(--wx-input-height) - var(--wx-slider-height)) / 2)}.wx-field.wx-left .wx-field-control.wx-switch[data-v-44479409]{padding-top:calc((var(--wx-input-height) - var(--wx-switch-height)) / 2);padding-bottom:calc((var(--wx-input-height) - var(--wx-switch-height)) / 2)}.wx-label[data-v-44479409]{display:block;margin:var(--wx-label-margin);padding:var(--wx-label-padding);font-family:var(--wx-label-font-family);font-size:var(--wx-label-font-size);line-height:var(--wx-label-line-height);font-weight:var(--wx-label-font-weight);color:var(--wx-label-font-color)}.wx-required .wx-label[data-v-44479409]:after{content:" *";color:var(--wx-color-danger)}.wx-field-control[data-v-44479409]{position:relative;width:100%}.wx-timepicker[data-v-83b8b960]{position:relative;width:var(--wx-input-width)}.wx-wrapper[data-v-83b8b960]{padding:10px 20px}.wx-timer[data-v-83b8b960]{display:flex;text-align:center;justify-content:center;margin-bottom:10px}.wx-digit[data-v-83b8b960]{display:block;width:50px;height:38px;border:none;border-bottom:var(--wx-input-border);font-family:var(--wx-input-font-family);font-size:24px;line-height:28px;padding:5px;text-align:center;color:var(--wx-input-font-color);background-color:transparent;outline:none}.wx-digit[data-v-83b8b960]:focus{border-bottom:var(--wx-input-border-focus)}.wx-separator[data-v-83b8b960]{font-size:24px;line-height:38px}.fade-enter-active[data-v-a73eab10],.fade-leave-active[data-v-a73eab10]{transition:opacity .1s}.fade-enter-from[data-v-a73eab10],.fade-leave-to[data-v-a73eab10]{opacity:0}.wx-modal[data-v-a73eab10]{position:absolute;z-index:var(--wx-modal-z-index);top:0;left:0;width:100%;height:100%;background:var(--wx-modal-backdrop);display:flex;align-items:center;justify-content:center}.wx-window[data-v-a73eab10]{background:var(--wx-modal-background);box-shadow:var(--wx-modal-shadow);border:var(--wx-modal-border);border-radius:var(--wx-modal-border-radius);min-width:var(--wx-modal-width)}.wx-sidearea[data-v-1d0b2764]{position:absolute;z-index:var(--wx-popup-z-index);background:var(--wx-modal-background);box-shadow:var(--wx-modal-shadow);border:var(--wx-modal-border);border-radius:var(--wx-modal-border-radius);min-width:var(--wx-modal-width);height:100vh;max-height:100%}.wx-sidearea.wx-pos-right[data-v-1d0b2764]{right:0;top:0}.wx-willow-theme{--wx-color-primary: #37a9ef;--wx-color-primary-selected: #d5eaf7;--wx-color-primary-font: #fff;--wx-color-secondary: transparent;--wx-color-secondary-hover: rgba(55, 169, 239, .12);--wx-color-secondary-font: var(--wx-color-primary);--wx-color-secondary-font-hover: var(--wx-color-primary);--wx-color-secondary-border: var(--wx-color-primary);--wx-color-secondary-border-disabled: #c0c3ce;--wx-color-success: #77d257;--wx-color-warning: #fcba2e;--wx-color-info: #37a9ef;--wx-color-danger: #fe6158;--wx-color-disabled: #f2f3f7;--wx-color-disabled-alt: #e9e9e9;--wx-color-font: #2c2f3c;--wx-color-font-alt: #9fa1ae;--wx-color-font-disabled: #c0c3ce;--wx-color-link: var(--wx-color-primary);--wx-background: #ffffff;--wx-background-alt: #f2f3f7;--wx-background-hover: #eaedf5;--wx-font-family: "Open Sans", Arial, Helvetica, sans-serif;--wx-font-size: 14px;--wx-line-height: 20px;--wx-font-size-md: 14px;--wx-line-height-md: 24px;--wx-font-size-hd: 16px;--wx-line-height-hd: 30px;--wx-font-size-sm: 12px;--wx-line-height-sm: 16px;--wx-font-weight: 400;--wx-font-weight-md: 600;--wx-font-weight-b: 700;--wx-icon-color: #9fa1ae;--wx-icon-size: var(--wx-line-height);--wx-icon-border-radius: 2px;--wx-border: 1px solid #e6e6e6;--wx-border-radius: 3px;--wx-radius-major: 6px;--wx-border-light: none;--wx-border-medium: 1px solid #eaedf5;--wx-shadow-light: 0px 3px 10px 0px rgba(44, 47, 60, .12), 0px 1px 2px 0px rgba(44, 47, 60, .06);--wx-shadow-medium: 0px 4px 20px 0px rgba(44, 47, 60, .12);--wx-box-shadow: 0px 1px 2px rgba(44, 47, 60, .06), 0px 3px 10px rgba(44, 47, 60, .12);--wx-box-shadow-strong: 0px 4px 20px rgba(44, 47, 60, .16);--wx-padding: 8px;--wx-field-gutter: 16px;--wx-field-width: 400px;--wx-input-font-family: var(--wx-font-family);--wx-input-font-size: var(--wx-font-size);--wx-input-line-height: var(--wx-line-height);--wx-input-font-weight: var(--wx-font-weight);--wx-input-text-align: left;--wx-input-font-color: var(--wx-color-font);--wx-input-background: var(--wx-background);--wx-input-background-disabled: var(--wx-color-disabled);--wx-input-placeholder-color: var(--wx-color-font-alt);--wx-input-border: var(--wx-border);--wx-input-border-focus: 1px solid var(--wx-color-primary);--wx-input-border-disabled: var(--wx-border);--wx-input-border-radius: 3px;--wx-input-height: 32px;--wx-input-width: 100%;--wx-input-padding: 5px 8px;--wx-input-icon-indent: 6px;--wx-input-icon-color: var(--wx-icon-color);--wx-input-icon-size: var(--wx-icon-size);--wx-multicombo-tag-gap: 3px;--wx-multicombo-tag-border: none;--wx-multicombo-tag-border-radius: var(--wx-input-border-radius);--wx-multicombo-tag-pading: 2px 8px;--wx-multicombo-tag-background: var(--wx-background-alt);--wx-checkbox-height: var(--wx-line-height);--wx-checkbox-size: var(--wx-checkbox-height);--wx-checkbox-border-width: 2px;--wx-checkbox-border-color: var(--wx-color-font-alt);--wx-checkbox-border-color-disabled: var(--wx-color-disabled);--wx-checkbox-border-radius: var(--wx-input-border-radius);--wx-checkbox-font-family: var(--wx-font-family);--wx-checkbox-font-size: var(--wx-font-size);--wx-checkbox-line-height: var(--wx-line-height);--wx-checkbox-font-weight: var(--wx-font-weight);--wx-checkbox-font-color: var(--wx-color-font);--wx-label-width: 100px;--wx-label-margin: 0 0 4px;--wx-label-padding: 0;--wx-label-font-family: var(--wx-font-family);--wx-label-font-size: var(--wx-font-size);--wx-label-line-height: var(--wx-line-height);--wx-label-font-weight: var(--wx-font-weight-md);--wx-label-font-color: var(--wx-color-font);--wx-button-font-family: var(--wx-font-family);--wx-button-font-size: var(--wx-font-size-md);--wx-button-line-height: var(--wx-line-height);--wx-button-font-weight: var(--wx-font-weight-md);--wx-button-text-transform: none;--wx-button-font-color: var(--wx-color-font);--wx-button-danger-font-color: #fff;--wx-button-background: var(--wx-background-alt);--wx-button-border: 1px solid transparent;--wx-button-border-radius: var(--wx-border-radius);--wx-button-height: 32px;--wx-button-padding: 5px 16px;--wx-button-icon-indent: 5px;--wx-button-icon-size: 20px;--wx-button-pressed: #d7dde3;--wx-button-danger-pressed: #cb4e46;--wx-button-primary-pressed: #098cdc;--wx-button-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .56) inset, 2px 2px 3px 1px rgba(0, 0, 0, .12) inset;--wx-button-primary-box-shadow: -2px -2px 4px 0px rgba( 255, 255, 255, .26 ) inset, 2px 2px 3px 1px rgba(0, 0, 0, .16) inset;--wx-segmented-background: var(--wx-background-alt);--wx-segmented-background-hover: var(--wx-background-hover);--wx-segmented-border: none;--wx-segmented-border-radius: 6px;--wx-segmented-padding: 0px;--wx-tabs-background: var(--wx-background);--wx-tabs-background-hover: transparent;--wx-tabs-hover-border: #9fa1ae;--wx-tabs-border-width: 1px;--wx-tabs-border-radius: var(--wx-border-radius);--wx-tabs-divider-width: 1px;--wx-tabs-divider-height: 60%;--wx-tabs-divider-color: transparent;--wx-tabs-cell-min-width: 100px;--wx-tabs-active-background: transparent;--wx-tabs-active-color: var(--wx-color-primary);--wx-tabs-active-border: var(--wx-tabs-active-color);--wx-slider-height: 14px;--wx-slider-primary: var(--wx-color-primary);--wx-slider-background: var(--wx-background-alt);--wx-slider-track-height: 4px;--wx-slider-track-border-radius: 2px;--wx-slider-thumb-size: var(--wx-slider-height);--wx-slider-thumb-border: none;--wx-slider-thumb-border-disabled: none;--wx-slider-thumb-shadow: var(--wx-box-shadow-strong);--wx-slider-label-margin: 0 0 5px;--wx-slider-label-font-family: var(--wx-font-family);--wx-slider-label-font-size: var(--wx-font-size);--wx-slider-label-line-height: var(--wx-line-height);--wx-slider-label-font-weight: var(--wx-font-weight-md);--wx-slider-label-font-color: var(--wx-color-font);--wx-switch-primary: var(--wx-color-primary);--wx-switch-background: #9fa1ae;--wx-switch-width: 48px;--wx-switch-height: 24px;--wx-switch-border-width: 0px;--wx-switch-border-color: transparent;--wx-switch-border-color-disabled: transparent;--wx-switch-thumb-offset: 1px;--wx-switch-thumb-border: none;--wx-switch-thumb-border-disabled: 1px solid #c0c3ce;--wx-switch-thumb-background: var(--wx-background);--wx-switch-thumb-background-disabled: var(--wx-color-disabled);--wx-switch-thumb-shadow: none;--wx-popup-z-index: 1001;--wx-popup-background: var(--wx-background);--wx-popup-shadow: var(--wx-shadow-light);--wx-popup-border: 1px solid transparent;--wx-popup-border-radius: var(--wx-border-radius);--wx-modal-z-index: 1000;--wx-modal-background: var(--wx-background);--wx-modal-shadow: var(--wx-shadow-medium);--wx-modal-border: none;--wx-modal-border-radius: var(--wx-border-radius);--wx-modal-width: 280px;--wx-modal-padding: 16px 20px;--wx-modal-gutter: 14px;--wx-modal-backdrop: rgba(108, 114, 131, .2);--wx-modal-header-font-family: var(--wx-font-family);--wx-modal-header-font-size: var(--wx-font-size-hd);--wx-modal-header-line-height: var(--wx-line-height-hd);--wx-modal-header-font-weight: var(--wx-font-weight-b);--wx-modal-header-font-color: #000;--wx-notice-z-index: 1010;--wx-notice-background: var(--wx-background);--wx-notice-shadow: var(--wx-shadow-medium);--wx-notice-border: none;--wx-notice-border-radius: 0 var(--wx-border-radius) var(--wx-border-radius) 0;--wx-notice-margin: 6px 12px;--wx-notice-font-family: var(--wx-font-family);--wx-notice-font-size: var(--wx-font-size);--wx-notice-line-height: var(--wx-line-height);--wx-notice-font-weight: var(--wx-font-weight);--wx-notice-font-color: var(--wx-color-font);--wx-notice-padding: 14px;--wx-notice-width: 240px;--wx-notice-icon-size: var(--wx-icon-size);--wx-notice-icon-color: var(--wx-icon-color);--wx-notice-type-border-width: 4px;--wx-notice-type-border-color: var(--wx-icon-color);--wx-notice-type-font-color: var(--wx-color-font);--wx-notice-type-icon-color: var(--wx-icon-color);--wx-notice-type-background-opacity: 0;--wx-notice-type-close-hover-opacity: 1;--wx-calendar-padding: 16px;--wx-calendar-cell-size: 32px;--wx-calendar-gap: 4px;--wx-calendar-line-gap: 4px;--wx-calendar-border-radius: var(--wx-border-radius);--wx-calendar-font-family: var(--wx-font-family);--wx-calendar-font-size: var(--wx-font-size);--wx-calendar-line-height: var(--wx-line-height);--wx-calendar-font-weight: var(--wx-font-weight);--wx-calendar-font-color: var(--wx-color-font);--wx-calendar-icon-color: var(--wx-icon-color);--wx-calendar-icon-size: var(--wx-icon-size);--wx-calendar-header-font-size: var(--wx-font-size);--wx-calendar-header-line-height: var(--wx-line-height);--wx-calendar-header-font-weight: var(--wx-font-weight-md);--wx-calendar-controls-font-family: var(--wx-button-font-family);--wx-calendar-controls-font-size: var(--wx-font-size);--wx-calendar-controls-line-height: var(--wx-line-height);--wx-calendar-controls-font-weight: var(--wx-font-weight);--wx-calendar-controls-font-color: var(--wx-color-font)}.wx-willow-theme{font-family:var(--wx-font-family);font-size:var(--wx-font-size);line-height:var(--wx-line-height);font-weight:var(--wx-font-weight);font-style:normal;letter-spacing:normal;text-align:left;color:var(--wx-color-font);background:var(--wx-background)}.wx-willow-theme *,.wx-willow-theme *:before,.wx-willow-theme *:after{box-sizing:border-box}.wx-willow-dark-theme{--wx-color-primary: #7a67eb;--wx-color-primary-selected: rgba(122, 103, 235, .3);--wx-color-primary-font: #fff;--wx-color-secondary: transparent;--wx-color-secondary-hover: rgba(122, 103, 235, .12);--wx-color-secondary-font: var(--wx-color-primary);--wx-color-secondary-font-hover: var(--wx-color-primary);--wx-color-secondary-border: var(--wx-color-primary);--wx-color-secondary-border-disabled: #9fa1ae;--wx-color-success: #77d257;--wx-color-warning: #fcba2e;--wx-color-info: var(--wx-color-primary);--wx-color-danger: #fe6158;--wx-color-disabled: #384047;--wx-color-disabled-alt: #44474a;--wx-color-font: rgba(255, 255, 255, .9);--wx-color-font-alt: #9fa1ae;--wx-color-font-disabled: #9fa1ae;--wx-color-link: var(--wx-color-primary);--wx-background: #2a2b2d;--wx-background-alt: #384047;--wx-background-hover: #20262b;--wx-font-family: "Open Sans", Arial, Helvetica, sans-serif;--wx-font-size: 14px;--wx-line-height: 20px;--wx-font-size-md: 14px;--wx-line-height-md: 24px;--wx-font-size-hd: 16px;--wx-line-height-hd: 30px;--wx-font-size-sm: 12px;--wx-line-height-sm: 16px;--wx-font-weight: 400;--wx-font-weight-md: 600;--wx-font-weight-b: 700;--wx-icon-color: #c0c3ce;--wx-icon-size: var(--wx-line-height);--wx-icon-border-radius: 2px;--wx-border: 1px solid #384047;--wx-border-radius: 3px;--wx-radius-major: 6px;--wx-border-light: 1px solid #384047;--wx-border-medium: 1px solid #384047;--wx-shadow-light: 0px 4px 20px 0px rgba(44, 47, 60, .12);--wx-shadow-medium: none;--wx-box-shadow: 0px 4px 48px rgba(44, 47, 60, .18);--wx-box-shadow-strong: 0px 4px 48px rgba(44, 47, 60, .18), 0px 4px 8px rgba(14, 14, 15, .3);--wx-padding: 8px;--wx-field-gutter: 16px;--wx-field-width: 400px;--wx-input-font-family: var(--wx-font-family);--wx-input-font-size: var(--wx-font-size);--wx-input-line-height: var(--wx-line-height);--wx-input-font-weight: var(--wx-font-weight);--wx-input-text-align: left;--wx-input-font-color: var(--wx-color-font);--wx-input-background: var(--wx-background);--wx-input-background-disabled: var(--wx-color-disabled);--wx-input-placeholder-color: var(--wx-color-font-alt);--wx-input-border: var(--wx-border);--wx-input-border-focus: 1px solid var(--wx-color-primary);--wx-input-border-disabled: var(--wx-border);--wx-input-border-radius: 3px;--wx-input-height: 32px;--wx-input-width: 100%;--wx-input-padding: 5px 8px;--wx-input-icon-indent: 6px;--wx-input-icon-color: var(--wx-icon-color);--wx-input-icon-size: var(--wx-icon-size);--wx-multicombo-tag-gap: 3px;--wx-multicombo-tag-border: none;--wx-multicombo-tag-border-radius: var(--wx-input-border-radius);--wx-multicombo-tag-pading: 2px 8px;--wx-multicombo-tag-background: var(--wx-background-alt);--wx-checkbox-height: var(--wx-line-height);--wx-checkbox-size: var(--wx-checkbox-height);--wx-checkbox-border-width: 2px;--wx-checkbox-border-color: var(--wx-color-font-alt);--wx-checkbox-border-color-disabled: var(--wx-color-disabled);--wx-checkbox-border-radius: var(--wx-input-border-radius);--wx-checkbox-font-family: var(--wx-font-family);--wx-checkbox-font-size: var(--wx-font-size);--wx-checkbox-line-height: var(--wx-line-height);--wx-checkbox-font-weight: var(--wx-font-weight);--wx-checkbox-font-color: var(--wx-color-font);--wx-label-width: 100px;--wx-label-margin: 0 0 4px;--wx-label-padding: 0;--wx-label-font-family: var(--wx-font-family);--wx-label-font-size: var(--wx-font-size);--wx-label-line-height: var(--wx-line-height);--wx-label-font-weight: var(--wx-font-weight-md);--wx-label-font-color: var(--wx-color-font);--wx-button-font-family: var(--wx-font-family);--wx-button-font-size: var(--wx-font-size-md);--wx-button-line-height: var(--wx-line-height);--wx-button-font-weight: var(--wx-font-weight-md);--wx-button-text-transform: none;--wx-button-background: var(--wx-background-alt);--wx-button-font-color: var(--wx-color-font);--wx-button-danger-font-color: #fff;--wx-button-border: 1px solid transparent;--wx-button-border-radius: var(--wx-border-radius);--wx-button-height: 32px;--wx-button-padding: 5px 16px;--wx-button-icon-indent: 5px;--wx-button-icon-size: 20px;--wx-button-pressed: #353d44;--wx-button-danger-pressed: #cb4e46;--wx-button-primary-pressed: #5643c7;--wx-button-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .06) inset, 2px 2px 3px 1px rgba(0, 0, 0, .16) inset;--wx-button-primary-box-shadow: -2px -2px 4px 0px rgba( 255, 255, 255, .12 ) inset, 2px 2px 3px 1px rgba(0, 0, 0, .2) inset;--wx-segmented-background: var(--wx-background-alt);--wx-segmented-background-hover: var(--wx-background-hover);--wx-segmented-border: none;--wx-segmented-border-radius: 6px;--wx-segmented-padding: 0px;--wx-tabs-background: var(--wx-background);--wx-tabs-background-hover: transparent;--wx-tabs-hover-border: #9fa1ae;--wx-tabs-border-width: 1px;--wx-tabs-border-radius: var(--wx-border-radius);--wx-tabs-divider-width: 1px;--wx-tabs-divider-height: 60%;--wx-tabs-divider-color: transparent;--wx-tabs-cell-min-width: 100px;--wx-tabs-active-background: transparent;--wx-tabs-active-color: var(--wx-color-primary);--wx-tabs-active-border: var(--wx-tabs-active-color);--wx-slider-height: 14px;--wx-slider-primary: var(--wx-color-primary);--wx-slider-background: var(--wx-background-alt);--wx-slider-track-height: 4px;--wx-slider-track-border-radius: 2px;--wx-slider-thumb-size: var(--wx-slider-height);--wx-slider-thumb-border: none;--wx-slider-thumb-border-disabled: 1px solid var(--wx-color-disabled);--wx-slider-thumb-shadow: none;--wx-slider-label-margin: 0 0 5px;--wx-slider-label-font-family: var(--wx-font-family);--wx-slider-label-font-size: var(--wx-font-size);--wx-slider-label-line-height: var(--wx-line-height);--wx-slider-label-font-weight: var(--wx-font-weight-md);--wx-slider-label-font-color: var(--wx-color-font);--wx-switch-primary: var(--wx-color-primary);--wx-switch-background: #384047;--wx-switch-width: 48px;--wx-switch-height: 24px;--wx-switch-border-width: 0px;--wx-switch-border-color: transparent;--wx-switch-border-color-disabled: transparent;--wx-switch-thumb-offset: 1px;--wx-switch-thumb-border: none;--wx-switch-thumb-border-disabled: 1px solid rgba(255, 255, 255, .7);--wx-switch-thumb-background: rgba(255, 255, 255, .9);--wx-switch-thumb-background-disabled: var(--wx-color-disabled);--wx-switch-thumb-shadow: none;--wx-popup-z-index: 1001;--wx-popup-background: var(--wx-background);--wx-popup-shadow: var(--wx-shadow-light);--wx-popup-border: 1px solid rgba(255, 255, 255, .26);--wx-popup-border-radius: var(--wx-border-radius);--wx-modal-z-index: 1000;--wx-modal-background: var(--wx-background);--wx-modal-shadow: var(--wx-shadow-medium);--wx-modal-border: 1px solid #ffffff42;--wx-modal-border-radius: var(--wx-border-radius);--wx-modal-width: 280px;--wx-modal-padding: 16px 20px;--wx-modal-gutter: 14px;--wx-modal-backdrop: rgba(108, 114, 131, .2);--wx-modal-header-font-family: var(--wx-font-family);--wx-modal-header-font-size: var(--wx-font-size-hd);--wx-modal-header-line-height: var(--wx-line-height-hd);--wx-modal-header-font-weight: var(--wx-font-weight-b);--wx-modal-header-font-color: #fff;--wx-notice-z-index: 1010;--wx-notice-background: var(--wx-background-alt);--wx-notice-shadow: var(--wx-shadow-medium);--wx-notice-border: none;--wx-notice-border-radius: 0 var(--wx-border-radius) var(--wx-border-radius) 0;--wx-notice-margin: 6px 12px;--wx-notice-font-family: var(--wx-font-family);--wx-notice-font-size: var(--wx-font-size);--wx-notice-line-height: var(--wx-line-height);--wx-notice-font-weight: var(--wx-font-weight);--wx-notice-font-color: var(--wx-color-font);--wx-notice-padding: 14px;--wx-notice-width: 240px;--wx-notice-icon-size: var(--wx-icon-size);--wx-notice-icon-color: var(--wx-icon-color);--wx-notice-type-border-width: 4px;--wx-notice-type-border-color: var(--wx-icon-color);--wx-notice-type-font-color: var(--wx-color-font);--wx-notice-type-icon-color: #9fa1ae;--wx-notice-type-background-opacity: 0;--wx-notice-type-close-hover-opacity: 1;--wx-calendar-padding: 16px;--wx-calendar-cell-size: 32px;--wx-calendar-gap: 4px;--wx-calendar-line-gap: 4px;--wx-calendar-border-radius: var(--wx-border-radius);--wx-calendar-font-family: var(--wx-font-family);--wx-calendar-font-size: var(--wx-font-size);--wx-calendar-line-height: var(--wx-line-height);--wx-calendar-font-weight: var(--wx-font-weight);--wx-calendar-font-color: var(--wx-color-font);--wx-calendar-icon-color: var(--wx-icon-color);--wx-calendar-icon-size: var(--wx-icon-size);--wx-calendar-header-font-size: var(--wx-font-size);--wx-calendar-header-line-height: var(--wx-line-height);--wx-calendar-header-font-weight: var(--wx-font-weight-md);--wx-calendar-controls-font-family: var(--wx-button-font-family);--wx-calendar-controls-font-size: var(--wx-font-size);--wx-calendar-controls-line-height: var(--wx-line-height);--wx-calendar-controls-font-weight: var(--wx-font-weight);--wx-calendar-controls-font-color: var(--wx-color-font)}.wx-willow-dark-theme{font-family:var(--wx-font-family);font-size:var(--wx-font-size);line-height:var(--wx-line-height);font-weight:var(--wx-font-weight);font-style:normal;letter-spacing:normal;text-align:left;color:var(--wx-color-font);background:var(--wx-background);color-scheme:dark}.wx-willow-dark-theme *,.wx-willow-dark-theme *:before,.wx-willow-dark-theme *:after{box-sizing:border-box}.label[data-v-0c217376]{display:flex;align-items:center}.label.active:not(.wx-disabled) .dropzone[data-v-0c217376]{background-color:var(--wx-background-alt)}.input[data-v-0c217376]{position:absolute;width:0;height:0;opacity:0}.dropzone[data-v-0c217376]{display:flex;align-items:center;justify-content:center;padding:var(--wx-padding);border:var(--wx-input-border);border-style:dashed;border-radius:var(--wx-input-border-radius);background:var(--wx-uploader-background)}.label:not(.wx-disabled) .action[data-v-0c217376]{cursor:pointer;color:var(--wx-color-link);text-decoration:underline}.label.wx-disabled .dropzone[data-v-0c217376]{background:var(--wx-color-disabled);color:var(--wx-color-font-disabled)}.layout[data-v-80290a0f]{display:flex;flex-direction:column;width:100%}.header[data-v-80290a0f]{display:flex;align-items:center;justify-content:flex-end;padding:var(--wx-padding);border-bottom:var(--wx-border)}.list[data-v-80290a0f]{overflow:auto}.row[data-v-80290a0f]{display:flex;align-items:center;gap:var(--wx-padding);padding:var(--wx-padding);border-bottom:var(--wx-border)}.name[data-v-80290a0f]{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.icon[data-v-80290a0f]{display:flex;justify-content:center;align-items:center;width:var(--wx-icon-size);height:var(--wx-icon-size);font-size:var(--wx-icon-size);line-height:1;border-radius:var(--wx-border-radius);color:var(--wx-icon-color);cursor:pointer}.icon[data-v-80290a0f]:before{display:block}.icon[data-v-80290a0f]:hover{background-color:var(--wx-background-hover)}.row:hover .wxi-close[data-v-80290a0f]{display:flex}.row:hover .wxi-check[data-v-80290a0f],.row:hover .wxi-alert[data-v-80290a0f],.row .wxi-close[data-v-80290a0f]{display:none}.wxi-check[data-v-80290a0f],.wxi-alert[data-v-80290a0f]{display:flex}

package/license.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 XB Software Sp. z o.o.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -0,0 +1,80 @@
+{
+	"name": "@svar-ui/vue-uploader",
+	"version": "2.5.0",
+	"description": "SVAR Vue Uploader library - file upload component with drag and drop support",
+	"productTag": "uploader",
+	"type": "module",
+	"license": "MIT",
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"build:demo": "BUILD_DEMOS=true vite build",
+		"build:full-css": "BUILD_FULL_CSS=true vite build",
+		"lint": "eslint . --report-unused-disable-directives",
+		"preview": "vite preview",
+		"prepare": "husky",
+		"prettier": "prettier --write ./src/ ./demos/"
+	},
+	"exports": {
+		".": {
+			"types": "./types/index.d.ts",
+			"import": "./dist/index.es.js",
+			"require": "./dist/index.cjs",
+			"default": "./dist/index.es.js"
+		},
+		"./style.css": "./dist/index.css",
+		"./all.css": "./dist-full/index.css"
+	},
+	"types": "./types/index.d.ts",
+	"main": "./dist/index.cjs",
+	"module": "./dist/index.es.js",
+	"files": [
+		"dist",
+		"types",
+		"package.json",
+		"dist-full/index.css"
+	],
+	"dependencies": {
+		"@svar-ui/core-locales": "2.5.0",
+		"@svar-ui/lib-data-provider": "1.7.1",
+		"@svar-ui/lib-dom": "0.12.1",
+		"@svar-ui/lib-vue": "1.1.0",
+		"@svar-ui/lib-state": "1.9.6",
+		"@svar-ui/uploader-locales": "2.5.0",
+		"@svar-ui/vue-core": "2.5.0"
+	},
+	"peerDependencies": {
+		"vue": "^3.0.0"
+	},
+	"devDependencies": {
+		"@vitejs/plugin-vue": "^6.0.1",
+		"eslint": "^9.35.0",
+		"eslint-plugin-vue": "^10.5.1",
+		"globals": "^16.5.0",
+		"husky": "9.1.6",
+		"lint-staged": "15.2.10",
+		"prettier": "3.3.3",
+		"vite": "^7.2.2",
+		"vue-router": "^4.6.3"
+	},
+	"homepage": "https://svar.dev/vue/uploader/",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/svar-widgets/vue-uploader.git"
+	},
+	"bugs": {
+		"url": "https://forum.svar.dev"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"lint-staged": {
+		"*.{ts,js,vue}": [
+			"eslint --fix",
+			"prettier --write"
+		],
+		"*.{css,md,json}": [
+			"prettier --write"
+		]
+	}
+}

package/types/index.d.ts

@@ -0,0 +1,47 @@
+import type { DefineComponent } from "vue";
+
+export interface IUploadFile {
+	id: string | number;
+	status?: "client" | "server" | "error";
+	name: string;
+	file?: File;
+	url?: string;
+	[key: string]: any;
+}
+
+export interface IUploadResult {
+	id: string | number;
+	status: "client" | "server" | "error";
+	name: string;
+	file?: File;
+	url?: string;
+	error?: any;
+	[key: string]: any;
+}
+
+export declare const Uploader: DefineComponent<{
+	data?: IUploadFile[];
+	ready?: Promise<any>;
+	accept?: string;
+	multiple?: boolean;
+	folder?: boolean;
+	uploadURL?: string | ((file: IUploadFile) => Promise<IUploadResult>);
+	apiOnly?: boolean;
+	disabled?: boolean;
+	onchange?: (file: IUploadFile) => void;
+	onupload?: (result: IUploadResult) => void;
+}>;
+
+export declare const UploaderList: DefineComponent<{
+	data?: IUploadFile[];
+}>;
+
+export declare const apiKey: string;
+
+export declare const Willow: DefineComponent<{
+	fonts?: boolean;
+}>;
+
+export declare const WillowDark: DefineComponent<{
+	fonts?: boolean;
+}>;