element-plus 1.2.0-beta.5 → 1.2.0-beta.6

package/lib/components/progress/src/index.vue_vue_type_script_lang.js

@@ -1,213 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../icon/index.js');
-var icons = require('@element-plus/icons');
-
-var script = vue.defineComponent({
-  name: "ElProgress",
-  components: {
-    ElIcon: index.ElIcon,
-    CircleCheck: icons.CircleCheck,
-    CircleClose: icons.CircleClose,
-    Check: icons.Check,
-    Close: icons.Close,
-    WarningFilled: icons.WarningFilled
-  },
-  props: {
-    type: {
-      type: String,
-      default: "line",
-      validator: (val) => ["line", "circle", "dashboard"].indexOf(val) > -1
-    },
-    percentage: {
-      type: Number,
-      default: 0,
-      validator: (val) => val >= 0 && val <= 100
-    },
-    status: {
-      type: String,
-      default: "",
-      validator: (val) => ["", "success", "exception", "warning"].indexOf(val) > -1
-    },
-    indeterminate: {
-      type: Boolean,
-      default: false
-    },
-    duration: {
-      type: Number,
-      default: 3
-    },
-    strokeWidth: {
-      type: Number,
-      default: 6
-    },
-    strokeLinecap: {
-      type: String,
-      default: "round"
-    },
-    textInside: {
-      type: Boolean,
-      default: false
-    },
-    width: {
-      type: Number,
-      default: 126
-    },
-    showText: {
-      type: Boolean,
-      default: true
-    },
-    color: {
-      type: [String, Array, Function],
-      default: ""
-    },
-    format: {
-      type: Function,
-      default: (percentage) => `${percentage}%`
-    }
-  },
-  setup(props) {
-    const barStyle = vue.computed(() => {
-      return {
-        width: `${props.percentage}%`,
-        animationDuration: `${props.duration}s`,
-        backgroundColor: getCurrentColor(props.percentage)
-      };
-    });
-    const relativeStrokeWidth = vue.computed(() => {
-      return (props.strokeWidth / props.width * 100).toFixed(1);
-    });
-    const radius = vue.computed(() => {
-      if (props.type === "circle" || props.type === "dashboard") {
-        return parseInt(`${50 - parseFloat(relativeStrokeWidth.value) / 2}`, 10);
-      } else {
-        return 0;
-      }
-    });
-    const trackPath = vue.computed(() => {
-      const r = radius.value;
-      const isDashboard = props.type === "dashboard";
-      return `
-          M 50 50
-          m 0 ${isDashboard ? "" : "-"}${r}
-          a ${r} ${r} 0 1 1 0 ${isDashboard ? "-" : ""}${r * 2}
-          a ${r} ${r} 0 1 1 0 ${isDashboard ? "" : "-"}${r * 2}
-          `;
-    });
-    const perimeter = vue.computed(() => {
-      return 2 * Math.PI * radius.value;
-    });
-    const rate = vue.computed(() => {
-      return props.type === "dashboard" ? 0.75 : 1;
-    });
-    const strokeDashoffset = vue.computed(() => {
-      const offset = -1 * perimeter.value * (1 - rate.value) / 2;
-      return `${offset}px`;
-    });
-    const trailPathStyle = vue.computed(() => {
-      return {
-        strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,
-        strokeDashoffset: strokeDashoffset.value
-      };
-    });
-    const circlePathStyle = vue.computed(() => {
-      return {
-        strokeDasharray: `${perimeter.value * rate.value * (props.percentage / 100)}px, ${perimeter.value}px`,
-        strokeDashoffset: strokeDashoffset.value,
-        transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease"
-      };
-    });
-    const stroke = vue.computed(() => {
-      let ret;
-      if (props.color) {
-        ret = getCurrentColor(props.percentage);
-      } else {
-        switch (props.status) {
-          case "success":
-            ret = "#13ce66";
-            break;
-          case "exception":
-            ret = "#ff4949";
-            break;
-          case "warning":
-            ret = "#e6a23c";
-            break;
-          default:
-            ret = "#20a0ff";
-        }
-      }
-      return ret;
-    });
-    const statusIcon = vue.computed(() => {
-      if (props.status === "warning") {
-        return icons.WarningFilled;
-      }
-      if (props.type === "line") {
-        return props.status === "success" ? icons.CircleCheck : icons.CircleClose;
-      } else {
-        return props.status === "success" ? icons.Check : icons.Close;
-      }
-    });
-    const progressTextSize = vue.computed(() => {
-      return props.type === "line" ? 12 + props.strokeWidth * 0.4 : props.width * 0.111111 + 2;
-    });
-    const content = vue.computed(() => {
-      return props.format(props.percentage);
-    });
-    const getCurrentColor = (percentage) => {
-      var _a;
-      const { color } = props;
-      if (typeof color === "function") {
-        return color(percentage);
-      } else if (typeof color === "string") {
-        return color;
-      } else {
-        const span = 100 / color.length;
-        const seriesColors = color.map((seriesColor, index) => {
-          if (typeof seriesColor === "string") {
-            return {
-              color: seriesColor,
-              percentage: (index + 1) * span
-            };
-          }
-          return seriesColor;
-        });
-        const colorArray = seriesColors.sort((a, b) => a.percentage - b.percentage);
-        for (let i = 0; i < colorArray.length; i++) {
-          if (colorArray[i].percentage > percentage) {
-            return colorArray[i].color;
-          }
-        }
-        return (_a = colorArray[colorArray.length - 1]) == null ? void 0 : _a.color;
-      }
-    };
-    const slotData = vue.computed(() => {
-      return {
-        percentage: props.percentage
-      };
-    });
-    return {
-      barStyle,
-      relativeStrokeWidth,
-      radius,
-      trackPath,
-      perimeter,
-      rate,
-      strokeDashoffset,
-      trailPathStyle,
-      circlePathStyle,
-      stroke,
-      statusIcon,
-      progressTextSize,
-      content,
-      getCurrentColor,
-      slotData
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=index.vue_vue_type_script_lang.js.map

package/lib/components/progress/src/index.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/progress/src/index.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-progress\"\n    :class=\"[\n      `el-progress--${type}`,\n      status ? `is-${status}` : '',\n      {\n        'el-progress--without-text': !showText,\n        'el-progress--text-inside': textInside,\n      },\n    ]\"\n    role=\"progressbar\"\n    :aria-valuenow=\"percentage\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n  >\n    <div v-if=\"type === 'line'\" class=\"el-progress-bar\">\n      <div\n        class=\"el-progress-bar__outer\"\n        :style=\"{ height: `${strokeWidth}px` }\"\n      >\n        <div\n          :class=\"[\n            'el-progress-bar__inner',\n            { 'el-progress-bar__inner--indeterminate': indeterminate },\n          ]\"\n          :style=\"barStyle\"\n        >\n          <div\n            v-if=\"(showText || $slots.default) && textInside\"\n            class=\"el-progress-bar__innerText\"\n          >\n            <slot v-bind=\"slotData\">\n              <span>{{ content }}</span>\n            </slot>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      v-else\n      class=\"el-progress-circle\"\n      :style=\"{ height: `${width}px`, width: `${width}px` }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <path\n          class=\"el-progress-circle__track\"\n          :d=\"trackPath\"\n          stroke=\"#e5e9f2\"\n          :stroke-width=\"relativeStrokeWidth\"\n          fill=\"none\"\n          :style=\"trailPathStyle\"\n        />\n        <path\n          class=\"el-progress-circle__path\"\n          :d=\"trackPath\"\n          :stroke=\"stroke\"\n          fill=\"none\"\n          :stroke-linecap=\"strokeLinecap\"\n          :stroke-width=\"percentage ? relativeStrokeWidth : 0\"\n          :style=\"circlePathStyle\"\n        />\n      </svg>\n    </div>\n    <div\n      v-if=\"(showText || $slots.default) && !textInside\"\n      class=\"el-progress__text\"\n      :style=\"{ fontSize: `${progressTextSize}px` }\"\n    >\n      <slot v-bind=\"slotData\">\n        <span v-if=\"!status\">{{ content }}</span>\n        <el-icon v-else><component :is=\"statusIcon\" /></el-icon>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  WarningFilled,\n  CircleCheck,\n  CircleClose,\n  Check,\n  Close,\n} from '@element-plus/icons'\n\nimport type { PropType, SVGAttributes } from 'vue'\n\ntype ProgressFuncType = (percentage: number) => string\n\ninterface IProgressProps {\n  type: string\n  percentage: number\n  status: string\n  indeterminate: boolean\n  duration: number\n  strokeWidth: number\n  strokeLinecap: NonNullable<SVGAttributes['stroke-linecap']>\n  textInside: boolean\n  width: number\n  showText: boolean\n  color:\n    | string\n    | Array<string | { color: string; percentage: number }>\n    | ProgressFuncType\n  format: ProgressFuncType\n}\n\nexport default defineComponent({\n  name: 'ElProgress',\n  components: {\n    ElIcon,\n    CircleCheck,\n    CircleClose,\n    Check,\n    Close,\n    WarningFilled,\n  },\n  props: {\n    type: {\n      type: String,\n      default: 'line',\n      validator: (val: string): boolean =>\n        ['line', 'circle', 'dashboard'].indexOf(val) > -1,\n    },\n    percentage: {\n      type: Number,\n      default: 0,\n      validator: (val: number): boolean => val >= 0 && val <= 100,\n    },\n    status: {\n      type: String,\n      default: '',\n      validator: (val: string): boolean =>\n        ['', 'success', 'exception', 'warning'].indexOf(val) > -1,\n    },\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    duration: {\n      type: Number,\n      default: 3,\n    },\n    strokeWidth: {\n      type: Number,\n      default: 6,\n    },\n    strokeLinecap: {\n      type: String as PropType<IProgressProps['strokeLinecap']>,\n      default: 'round' as IProgressProps['strokeLinecap'],\n    },\n    textInside: {\n      type: Boolean,\n      default: false,\n    },\n    width: {\n      type: Number,\n      default: 126,\n    },\n    showText: {\n      type: Boolean,\n      default: true,\n    },\n    color: {\n      type: [String, Array, Function],\n      default: '',\n    },\n    format: {\n      type: Function,\n      default: (percentage: number): string => `${percentage}%`,\n    },\n  },\n  setup(props: IProgressProps) {\n    const barStyle = computed(() => {\n      return {\n        width: `${props.percentage}%`,\n        animationDuration: `${props.duration}s`,\n        backgroundColor: getCurrentColor(props.percentage),\n      }\n    })\n\n    const relativeStrokeWidth = computed(() => {\n      return ((props.strokeWidth / props.width) * 100).toFixed(1)\n    })\n\n    const radius = computed(() => {\n      if (props.type === 'circle' || props.type === 'dashboard') {\n        return parseInt(`${50 - parseFloat(relativeStrokeWidth.value) / 2}`, 10)\n      } else {\n        return 0\n      }\n    })\n\n    const trackPath = computed(() => {\n      const r = radius.value\n      const isDashboard = props.type === 'dashboard'\n      return `\n          M 50 50\n          m 0 ${isDashboard ? '' : '-'}${r}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '-' : ''}${r * 2}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '' : '-'}${r * 2}\n          `\n    })\n\n    const perimeter = computed(() => {\n      return 2 * Math.PI * radius.value\n    })\n\n    const rate = computed(() => {\n      return props.type === 'dashboard' ? 0.75 : 1\n    })\n\n    const strokeDashoffset = computed(() => {\n      const offset = (-1 * perimeter.value * (1 - rate.value)) / 2\n      return `${offset}px`\n    })\n\n    const trailPathStyle = computed(() => {\n      return {\n        strokeDasharray: `${perimeter.value * rate.value}px, ${\n          perimeter.value\n        }px`,\n        strokeDashoffset: strokeDashoffset.value,\n      }\n    })\n\n    const circlePathStyle = computed(() => {\n      return {\n        strokeDasharray: `${\n          perimeter.value * rate.value * (props.percentage / 100)\n        }px, ${perimeter.value}px`,\n        strokeDashoffset: strokeDashoffset.value,\n        transition: 'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease',\n      }\n    })\n\n    const stroke = computed(() => {\n      let ret\n      if (props.color) {\n        ret = getCurrentColor(props.percentage)\n      } else {\n        switch (props.status) {\n          case 'success':\n            ret = '#13ce66'\n            break\n          case 'exception':\n            ret = '#ff4949'\n            break\n          case 'warning':\n            ret = '#e6a23c'\n            break\n          default:\n            ret = '#20a0ff'\n        }\n      }\n      return ret\n    })\n\n    const statusIcon = computed(() => {\n      if (props.status === 'warning') {\n        return WarningFilled\n      }\n      if (props.type === 'line') {\n        return props.status === 'success' ? CircleCheck : CircleClose\n      } else {\n        return props.status === 'success' ? Check : Close\n      }\n    })\n\n    const progressTextSize = computed(() => {\n      return props.type === 'line'\n        ? 12 + props.strokeWidth * 0.4\n        : props.width * 0.111111 + 2\n    })\n\n    const content = computed(() => {\n      return props.format(props.percentage)\n    })\n\n    const getCurrentColor = (percentage) => {\n      const { color } = props\n      if (typeof color === 'function') {\n        return color(percentage)\n      } else if (typeof color === 'string') {\n        return color\n      } else {\n        const span = 100 / color.length\n        const seriesColors = color.map((seriesColor, index) => {\n          if (typeof seriesColor === 'string') {\n            return {\n              color: seriesColor,\n              percentage: (index + 1) * span,\n            }\n          }\n          return seriesColor\n        })\n        const colorArray = seriesColors.sort(\n          (a, b) => a.percentage - b.percentage\n        )\n\n        for (let i = 0; i < colorArray.length; i++) {\n          if (colorArray[i].percentage > percentage) {\n            return colorArray[i].color\n          }\n        }\n        return colorArray[colorArray.length - 1]?.color\n      }\n    }\n\n    const slotData = computed(() => {\n      return {\n        percentage: props.percentage,\n      }\n    })\n\n    return {\n      barStyle,\n      relativeStrokeWidth,\n      radius,\n      trackPath,\n      perimeter,\n      rate,\n      strokeDashoffset,\n      trailPathStyle,\n      circlePathStyle,\n      stroke,\n      statusIcon,\n      progressTextSize,\n      content,\n      getCurrentColor,\n      slotData,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","CircleCheck","CircleClose","Check","Close","WarningFilled","computed"],"mappings":"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"}

package/lib/components/progress/src/index.vue_vue_type_template_id_556e268a_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_template_id_556e268a_lang.js","sources":["../../../../../../packages/components/progress/src/index.vue?vue&type=template&id=556e268a&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-progress\"\n    :class=\"[\n      `el-progress--${type}`,\n      status ? `is-${status}` : '',\n      {\n        'el-progress--without-text': !showText,\n        'el-progress--text-inside': textInside,\n      },\n    ]\"\n    role=\"progressbar\"\n    :aria-valuenow=\"percentage\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n  >\n    <div v-if=\"type === 'line'\" class=\"el-progress-bar\">\n      <div\n        class=\"el-progress-bar__outer\"\n        :style=\"{ height: `${strokeWidth}px` }\"\n      >\n        <div\n          :class=\"[\n            'el-progress-bar__inner',\n            { 'el-progress-bar__inner--indeterminate': indeterminate },\n          ]\"\n          :style=\"barStyle\"\n        >\n          <div\n            v-if=\"(showText || $slots.default) && textInside\"\n            class=\"el-progress-bar__innerText\"\n          >\n            <slot v-bind=\"slotData\">\n              <span>{{ content }}</span>\n            </slot>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      v-else\n      class=\"el-progress-circle\"\n      :style=\"{ height: `${width}px`, width: `${width}px` }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <path\n          class=\"el-progress-circle__track\"\n          :d=\"trackPath\"\n          stroke=\"#e5e9f2\"\n          :stroke-width=\"relativeStrokeWidth\"\n          fill=\"none\"\n          :style=\"trailPathStyle\"\n        />\n        <path\n          class=\"el-progress-circle__path\"\n          :d=\"trackPath\"\n          :stroke=\"stroke\"\n          fill=\"none\"\n          :stroke-linecap=\"strokeLinecap\"\n          :stroke-width=\"percentage ? relativeStrokeWidth : 0\"\n          :style=\"circlePathStyle\"\n        />\n      </svg>\n    </div>\n    <div\n      v-if=\"(showText || $slots.default) && !textInside\"\n      class=\"el-progress__text\"\n      :style=\"{ fontSize: `${progressTextSize}px` }\"\n    >\n      <slot v-bind=\"slotData\">\n        <span v-if=\"!status\">{{ content }}</span>\n        <el-icon v-else><component :is=\"statusIcon\" /></el-icon>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  WarningFilled,\n  CircleCheck,\n  CircleClose,\n  Check,\n  Close,\n} from '@element-plus/icons'\n\nimport type { PropType, SVGAttributes } from 'vue'\n\ntype ProgressFuncType = (percentage: number) => string\n\ninterface IProgressProps {\n  type: string\n  percentage: number\n  status: string\n  indeterminate: boolean\n  duration: number\n  strokeWidth: number\n  strokeLinecap: NonNullable<SVGAttributes['stroke-linecap']>\n  textInside: boolean\n  width: number\n  showText: boolean\n  color:\n    | string\n    | Array<string | { color: string; percentage: number }>\n    | ProgressFuncType\n  format: ProgressFuncType\n}\n\nexport default defineComponent({\n  name: 'ElProgress',\n  components: {\n    ElIcon,\n    CircleCheck,\n    CircleClose,\n    Check,\n    Close,\n    WarningFilled,\n  },\n  props: {\n    type: {\n      type: String,\n      default: 'line',\n      validator: (val: string): boolean =>\n        ['line', 'circle', 'dashboard'].indexOf(val) > -1,\n    },\n    percentage: {\n      type: Number,\n      default: 0,\n      validator: (val: number): boolean => val >= 0 && val <= 100,\n    },\n    status: {\n      type: String,\n      default: '',\n      validator: (val: string): boolean =>\n        ['', 'success', 'exception', 'warning'].indexOf(val) > -1,\n    },\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    duration: {\n      type: Number,\n      default: 3,\n    },\n    strokeWidth: {\n      type: Number,\n      default: 6,\n    },\n    strokeLinecap: {\n      type: String as PropType<IProgressProps['strokeLinecap']>,\n      default: 'round' as IProgressProps['strokeLinecap'],\n    },\n    textInside: {\n      type: Boolean,\n      default: false,\n    },\n    width: {\n      type: Number,\n      default: 126,\n    },\n    showText: {\n      type: Boolean,\n      default: true,\n    },\n    color: {\n      type: [String, Array, Function],\n      default: '',\n    },\n    format: {\n      type: Function,\n      default: (percentage: number): string => `${percentage}%`,\n    },\n  },\n  setup(props: IProgressProps) {\n    const barStyle = computed(() => {\n      return {\n        width: `${props.percentage}%`,\n        animationDuration: `${props.duration}s`,\n        backgroundColor: getCurrentColor(props.percentage),\n      }\n    })\n\n    const relativeStrokeWidth = computed(() => {\n      return ((props.strokeWidth / props.width) * 100).toFixed(1)\n    })\n\n    const radius = computed(() => {\n      if (props.type === 'circle' || props.type === 'dashboard') {\n        return parseInt(`${50 - parseFloat(relativeStrokeWidth.value) / 2}`, 10)\n      } else {\n        return 0\n      }\n    })\n\n    const trackPath = computed(() => {\n      const r = radius.value\n      const isDashboard = props.type === 'dashboard'\n      return `\n          M 50 50\n          m 0 ${isDashboard ? '' : '-'}${r}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '-' : ''}${r * 2}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '' : '-'}${r * 2}\n          `\n    })\n\n    const perimeter = computed(() => {\n      return 2 * Math.PI * radius.value\n    })\n\n    const rate = computed(() => {\n      return props.type === 'dashboard' ? 0.75 : 1\n    })\n\n    const strokeDashoffset = computed(() => {\n      const offset = (-1 * perimeter.value * (1 - rate.value)) / 2\n      return `${offset}px`\n    })\n\n    const trailPathStyle = computed(() => {\n      return {\n        strokeDasharray: `${perimeter.value * rate.value}px, ${\n          perimeter.value\n        }px`,\n        strokeDashoffset: strokeDashoffset.value,\n      }\n    })\n\n    const circlePathStyle = computed(() => {\n      return {\n        strokeDasharray: `${\n          perimeter.value * rate.value * (props.percentage / 100)\n        }px, ${perimeter.value}px`,\n        strokeDashoffset: strokeDashoffset.value,\n        transition: 'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease',\n      }\n    })\n\n    const stroke = computed(() => {\n      let ret\n      if (props.color) {\n        ret = getCurrentColor(props.percentage)\n      } else {\n        switch (props.status) {\n          case 'success':\n            ret = '#13ce66'\n            break\n          case 'exception':\n            ret = '#ff4949'\n            break\n          case 'warning':\n            ret = '#e6a23c'\n            break\n          default:\n            ret = '#20a0ff'\n        }\n      }\n      return ret\n    })\n\n    const statusIcon = computed(() => {\n      if (props.status === 'warning') {\n        return WarningFilled\n      }\n      if (props.type === 'line') {\n        return props.status === 'success' ? CircleCheck : CircleClose\n      } else {\n        return props.status === 'success' ? Check : Close\n      }\n    })\n\n    const progressTextSize = computed(() => {\n      return props.type === 'line'\n        ? 12 + props.strokeWidth * 0.4\n        : props.width * 0.111111 + 2\n    })\n\n    const content = computed(() => {\n      return props.format(props.percentage)\n    })\n\n    const getCurrentColor = (percentage) => {\n      const { color } = props\n      if (typeof color === 'function') {\n        return color(percentage)\n      } else if (typeof color === 'string') {\n        return color\n      } else {\n        const span = 100 / color.length\n        const seriesColors = color.map((seriesColor, index) => {\n          if (typeof seriesColor === 'string') {\n            return {\n              color: seriesColor,\n              percentage: (index + 1) * span,\n            }\n          }\n          return seriesColor\n        })\n        const colorArray = seriesColors.sort(\n          (a, b) => a.percentage - b.percentage\n        )\n\n        for (let i = 0; i < colorArray.length; i++) {\n          if (colorArray[i].percentage > percentage) {\n            return colorArray[i].color\n          }\n        }\n        return colorArray[colorArray.length - 1]?.color\n      }\n    }\n\n    const slotData = computed(() => {\n      return {\n        percentage: props.percentage,\n      }\n    })\n\n    return {\n      barStyle,\n      relativeStrokeWidth,\n      radius,\n      trackPath,\n      perimeter,\n      rate,\n      strokeDashoffset,\n      trailPathStyle,\n      circlePathStyle,\n      stroke,\n      statusIcon,\n      progressTextSize,\n      content,\n      getCurrentColor,\n      slotData,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;EAgBgC,OAAM;AAAA;;;EAc1B,OAAM;AAAA;qBAcP,SAAQ;;;;;;0BA3CjBA;IACE,2BAAM;;;;;;;;IASN,MAAK;AAAA,IACJ,iBAAe;IAChB,iBAAc;AAAA,IACd,iBAAc;AAAA;IAEH,yCAAXA,8BAAA;MACEC;QACE,OAAM;AAAA,QACL,uCAAoB;;QAErBA;UACG;;;;UAIA,0BAAO;;UAGC,kBAAY,YAAO,YAAY,oCADxCD,8BAAA;YAIEE,iFAAc,iBAAd;cACED,yDAAS;;;;;4BAMnBD;;MAEE,OAAM;AAAA,MACL,uCAAoB,0BAAqB;;wBAE1CA,8BAAA;QACEC;UACE,OAAM;AAAA,UACL,GAAG;UACJ,QAAO;AAAA,UACN,gBAAc;UACf,MAAK;AAAA,UACJ,0BAAO;;QAEVA;UACE,OAAM;AAAA,UACL,GAAG;UACH,QAAQ;UACT,MAAK;AAAA,UACJ,kBAAgB;UAChB,gBAAc,kBAAa;UAC3B,0BAAO;;;;IAKL,kBAAY,YAAO,aAAa,oCADzCD;;MAEE,OAAM;AAAA,MACL,yCAAsB;;MAEvBE,iFAAc,iBAAd;SACe,gCAAbF,+DAAwB,uCACxBG;+BAAgB;8BAAAA,gBAA8BC,4BAAd;;;;;;;;;;;"}

package/lib/components/switch/src/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
-var index_vue_vue_type_template_id_ee4fcade_lang = require('./index.vue_vue_type_template_id_ee4fcade_lang.js');
-
-index_vue_vue_type_script_lang["default"].render = index_vue_vue_type_template_id_ee4fcade_lang.render;
-index_vue_vue_type_script_lang["default"].__file = "packages/components/switch/src/index.vue";
-
-exports["default"] = index_vue_vue_type_script_lang["default"];
-//# sourceMappingURL=index.js.map

package/lib/components/switch/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/components/switch/src/index.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
-export default _default;

package/lib/components/switch/src/index.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/switch/src/index.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-switch\"\n    :class=\"{ 'is-disabled': switchDisabled, 'is-checked': checked }\"\n    role=\"switch\"\n    :aria-checked=\"checked\"\n    :aria-disabled=\"switchDisabled\"\n    @click.prevent=\"switchValue\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"input\"\n      class=\"el-switch__input\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--left',\n        !checked ? 'is-active' : '',\n      ]\"\n    >\n      <el-icon v-if=\"inactiveIcon\"><component :is=\"inactiveIcon\" /></el-icon>\n      <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n        inactiveText\n      }}</span>\n    </span>\n    <span\n      ref=\"core\"\n      class=\"el-switch__core\"\n      :style=\"{ width: (width || 40) + 'px' }\"\n    >\n      <div v-if=\"inlinePrompt\" class=\"el-switch__inner\">\n        <template v-if=\"activeIcon || inactiveIcon\">\n          <el-icon\n            v-if=\"activeIcon\"\n            class=\"is-icon\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"activeIcon\" />\n          </el-icon>\n          <el-icon\n            v-if=\"inactiveIcon\"\n            class=\"is-icon\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"inactiveIcon\" />\n          </el-icon>\n        </template>\n        <template v-else-if=\"activeText || inactiveIcon\">\n          <span\n            v-if=\"activeText\"\n            class=\"is-text\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"!checked\"\n          >\n            {{ activeText.substr(0, 1) }}\n          </span>\n          <span\n            v-if=\"inactiveText\"\n            class=\"is-text\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"checked\"\n          >\n            {{ inactiveText.substr(0, 1) }}\n          </span>\n        </template>\n      </div>\n      <div class=\"el-switch__action\">\n        <el-icon v-if=\"loading\" class=\"is-loading\"><loading /></el-icon>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--right',\n        checked ? 'is-active' : '',\n      ]\"\n    >\n      <el-icon v-if=\"activeIcon\"><component :is=\"activeIcon\" /></el-icon>\n      <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n        activeText\n      }}</span>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  ref,\n  inject,\n  nextTick,\n  watch,\n} from 'vue'\nimport { isPromise } from '@vue/shared'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\nimport { isBool } from '@element-plus/utils/util'\nimport { throwError, debugWarn } from '@element-plus/utils/error'\nimport ElIcon from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons'\n\nimport type { PropType, Component } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\n\ntype ValueType = boolean | string | number\n\ninterface ISwitchProps {\n  modelValue: ValueType\n  value: ValueType\n  disabled: boolean\n  width: number\n  activeIcon: string | Component\n  inactiveIcon: string | Component\n  activeText: string\n  inactiveText: string\n  activeColor: string\n  inactiveColor: string\n  borderColor: string\n  activeValue: ValueType\n  inactiveValue: ValueType\n  name: string\n  validateEvent: boolean\n  id: string\n  loading: boolean\n  beforeChange?: () => Promise<boolean> | boolean\n}\n\nexport default defineComponent({\n  name: 'ElSwitch',\n  components: { ElIcon, Loading },\n  props: {\n    modelValue: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    value: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    width: {\n      type: Number,\n      default: 40,\n    },\n    inlinePrompt: {\n      type: Boolean,\n      default: false,\n    },\n    activeIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    inactiveIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    activeText: {\n      type: String,\n      default: '',\n    },\n    inactiveText: {\n      type: String,\n      default: '',\n    },\n    activeColor: {\n      type: String,\n      default: '',\n    },\n    inactiveColor: {\n      type: String,\n      default: '',\n    },\n    borderColor: {\n      type: String,\n      default: '',\n    },\n    activeValue: {\n      type: [Boolean, String, Number],\n      default: true,\n    },\n    inactiveValue: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    name: {\n      type: String,\n      default: '',\n    },\n    validateEvent: {\n      type: Boolean,\n      default: true,\n    },\n    id: String,\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n    beforeChange: Function as PropType<() => Promise<boolean> | boolean>,\n  },\n  emits: ['update:modelValue', 'change', 'input'],\n  setup(props: ISwitchProps, ctx) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const isModelValue = ref(props.modelValue !== false)\n    const input = ref(null)\n    const core = ref(null)\n\n    const scope = 'ElSwitch'\n\n    watch(\n      () => props.modelValue,\n      () => {\n        isModelValue.value = true\n      }\n    )\n\n    watch(\n      () => props.value,\n      () => {\n        isModelValue.value = false\n      }\n    )\n\n    const actualValue = computed((): ValueType => {\n      return isModelValue.value ? props.modelValue : props.value\n    })\n\n    const checked = computed((): boolean => {\n      return actualValue.value === props.activeValue\n    })\n\n    if (!~[props.activeValue, props.inactiveValue].indexOf(actualValue.value)) {\n      ctx.emit('update:modelValue', props.inactiveValue)\n      ctx.emit('change', props.inactiveValue)\n      ctx.emit('input', props.inactiveValue)\n    }\n\n    watch(checked, () => {\n      input.value.checked = checked.value\n\n      if (props.activeColor || props.inactiveColor) {\n        setBackgroundColor()\n      }\n\n      if (props.validateEvent) {\n        elFormItem.validate?.('change')\n      }\n    })\n\n    const switchDisabled = computed((): boolean => {\n      return props.disabled || props.loading || (elForm || {}).disabled\n    })\n\n    const handleChange = (): void => {\n      const val = checked.value ? props.inactiveValue : props.activeValue\n      ctx.emit('update:modelValue', val)\n      ctx.emit('change', val)\n      ctx.emit('input', val)\n      nextTick(() => {\n        input.value.checked = checked.value\n      })\n    }\n\n    const switchValue = (): void => {\n      if (switchDisabled.value) return\n\n      const { beforeChange } = props\n      if (!beforeChange) {\n        handleChange()\n        return\n      }\n\n      const shouldChange = beforeChange()\n\n      const isExpectType = [isPromise(shouldChange), isBool(shouldChange)].some(\n        (i) => i\n      )\n      if (!isExpectType) {\n        throwError(\n          scope,\n          'beforeChange must return type `Promise<boolean>` or `boolean`'\n        )\n      }\n\n      if (isPromise(shouldChange)) {\n        shouldChange\n          .then((result) => {\n            if (result) {\n              handleChange()\n            }\n          })\n          .catch((e) => {\n            debugWarn(scope, `some error occurred: ${e}`)\n          })\n      } else if (shouldChange) {\n        handleChange()\n      }\n    }\n\n    const setBackgroundColor = (): void => {\n      const newColor = checked.value ? props.activeColor : props.inactiveColor\n      const coreEl = core.value\n      if (props.borderColor) coreEl.style.borderColor = props.borderColor\n      else if (!props.borderColor) coreEl.style.borderColor = newColor\n      coreEl.style.backgroundColor = newColor\n      coreEl.children[0].style.color = newColor\n    }\n\n    const focus = (): void => {\n      input.value?.focus?.()\n    }\n\n    onMounted(() => {\n      if (props.activeColor || props.inactiveColor || props.borderColor) {\n        setBackgroundColor()\n      }\n\n      input.value.checked = checked.value\n    })\n\n    return {\n      input,\n      core,\n      switchDisabled,\n      checked,\n      handleChange,\n      switchValue,\n      focus,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","Loading","inject","elFormKey","elFormItemKey","ref","computed","isPromise","isBool"],"mappings":"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"}

package/lib/components/switch/src/index.vue_vue_type_template_id_ee4fcade_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_template_id_ee4fcade_lang.js","sources":["../../../../../../packages/components/switch/src/index.vue?vue&type=template&id=ee4fcade&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-switch\"\n    :class=\"{ 'is-disabled': switchDisabled, 'is-checked': checked }\"\n    role=\"switch\"\n    :aria-checked=\"checked\"\n    :aria-disabled=\"switchDisabled\"\n    @click.prevent=\"switchValue\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"input\"\n      class=\"el-switch__input\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--left',\n        !checked ? 'is-active' : '',\n      ]\"\n    >\n      <el-icon v-if=\"inactiveIcon\"><component :is=\"inactiveIcon\" /></el-icon>\n      <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n        inactiveText\n      }}</span>\n    </span>\n    <span\n      ref=\"core\"\n      class=\"el-switch__core\"\n      :style=\"{ width: (width || 40) + 'px' }\"\n    >\n      <div v-if=\"inlinePrompt\" class=\"el-switch__inner\">\n        <template v-if=\"activeIcon || inactiveIcon\">\n          <el-icon\n            v-if=\"activeIcon\"\n            class=\"is-icon\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"activeIcon\" />\n          </el-icon>\n          <el-icon\n            v-if=\"inactiveIcon\"\n            class=\"is-icon\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"inactiveIcon\" />\n          </el-icon>\n        </template>\n        <template v-else-if=\"activeText || inactiveIcon\">\n          <span\n            v-if=\"activeText\"\n            class=\"is-text\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"!checked\"\n          >\n            {{ activeText.substr(0, 1) }}\n          </span>\n          <span\n            v-if=\"inactiveText\"\n            class=\"is-text\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"checked\"\n          >\n            {{ inactiveText.substr(0, 1) }}\n          </span>\n        </template>\n      </div>\n      <div class=\"el-switch__action\">\n        <el-icon v-if=\"loading\" class=\"is-loading\"><loading /></el-icon>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--right',\n        checked ? 'is-active' : '',\n      ]\"\n    >\n      <el-icon v-if=\"activeIcon\"><component :is=\"activeIcon\" /></el-icon>\n      <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n        activeText\n      }}</span>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  ref,\n  inject,\n  nextTick,\n  watch,\n} from 'vue'\nimport { isPromise } from '@vue/shared'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\nimport { isBool } from '@element-plus/utils/util'\nimport { throwError, debugWarn } from '@element-plus/utils/error'\nimport ElIcon from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons'\n\nimport type { PropType, Component } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\n\ntype ValueType = boolean | string | number\n\ninterface ISwitchProps {\n  modelValue: ValueType\n  value: ValueType\n  disabled: boolean\n  width: number\n  activeIcon: string | Component\n  inactiveIcon: string | Component\n  activeText: string\n  inactiveText: string\n  activeColor: string\n  inactiveColor: string\n  borderColor: string\n  activeValue: ValueType\n  inactiveValue: ValueType\n  name: string\n  validateEvent: boolean\n  id: string\n  loading: boolean\n  beforeChange?: () => Promise<boolean> | boolean\n}\n\nexport default defineComponent({\n  name: 'ElSwitch',\n  components: { ElIcon, Loading },\n  props: {\n    modelValue: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    value: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    width: {\n      type: Number,\n      default: 40,\n    },\n    inlinePrompt: {\n      type: Boolean,\n      default: false,\n    },\n    activeIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    inactiveIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    activeText: {\n      type: String,\n      default: '',\n    },\n    inactiveText: {\n      type: String,\n      default: '',\n    },\n    activeColor: {\n      type: String,\n      default: '',\n    },\n    inactiveColor: {\n      type: String,\n      default: '',\n    },\n    borderColor: {\n      type: String,\n      default: '',\n    },\n    activeValue: {\n      type: [Boolean, String, Number],\n      default: true,\n    },\n    inactiveValue: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    name: {\n      type: String,\n      default: '',\n    },\n    validateEvent: {\n      type: Boolean,\n      default: true,\n    },\n    id: String,\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n    beforeChange: Function as PropType<() => Promise<boolean> | boolean>,\n  },\n  emits: ['update:modelValue', 'change', 'input'],\n  setup(props: ISwitchProps, ctx) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const isModelValue = ref(props.modelValue !== false)\n    const input = ref(null)\n    const core = ref(null)\n\n    const scope = 'ElSwitch'\n\n    watch(\n      () => props.modelValue,\n      () => {\n        isModelValue.value = true\n      }\n    )\n\n    watch(\n      () => props.value,\n      () => {\n        isModelValue.value = false\n      }\n    )\n\n    const actualValue = computed((): ValueType => {\n      return isModelValue.value ? props.modelValue : props.value\n    })\n\n    const checked = computed((): boolean => {\n      return actualValue.value === props.activeValue\n    })\n\n    if (!~[props.activeValue, props.inactiveValue].indexOf(actualValue.value)) {\n      ctx.emit('update:modelValue', props.inactiveValue)\n      ctx.emit('change', props.inactiveValue)\n      ctx.emit('input', props.inactiveValue)\n    }\n\n    watch(checked, () => {\n      input.value.checked = checked.value\n\n      if (props.activeColor || props.inactiveColor) {\n        setBackgroundColor()\n      }\n\n      if (props.validateEvent) {\n        elFormItem.validate?.('change')\n      }\n    })\n\n    const switchDisabled = computed((): boolean => {\n      return props.disabled || props.loading || (elForm || {}).disabled\n    })\n\n    const handleChange = (): void => {\n      const val = checked.value ? props.inactiveValue : props.activeValue\n      ctx.emit('update:modelValue', val)\n      ctx.emit('change', val)\n      ctx.emit('input', val)\n      nextTick(() => {\n        input.value.checked = checked.value\n      })\n    }\n\n    const switchValue = (): void => {\n      if (switchDisabled.value) return\n\n      const { beforeChange } = props\n      if (!beforeChange) {\n        handleChange()\n        return\n      }\n\n      const shouldChange = beforeChange()\n\n      const isExpectType = [isPromise(shouldChange), isBool(shouldChange)].some(\n        (i) => i\n      )\n      if (!isExpectType) {\n        throwError(\n          scope,\n          'beforeChange must return type `Promise<boolean>` or `boolean`'\n        )\n      }\n\n      if (isPromise(shouldChange)) {\n        shouldChange\n          .then((result) => {\n            if (result) {\n              handleChange()\n            }\n          })\n          .catch((e) => {\n            debugWarn(scope, `some error occurred: ${e}`)\n          })\n      } else if (shouldChange) {\n        handleChange()\n      }\n    }\n\n    const setBackgroundColor = (): void => {\n      const newColor = checked.value ? props.activeColor : props.inactiveColor\n      const coreEl = core.value\n      if (props.borderColor) coreEl.style.borderColor = props.borderColor\n      else if (!props.borderColor) coreEl.style.borderColor = newColor\n      coreEl.style.backgroundColor = newColor\n      coreEl.children[0].style.color = newColor\n    }\n\n    const focus = (): void => {\n      input.value?.focus?.()\n    }\n\n    onMounted(() => {\n      if (props.activeColor || props.inactiveColor || props.borderColor) {\n        setBackgroundColor()\n      }\n\n      input.value.checked = checked.value\n    })\n\n    return {\n      input,\n      core,\n      switchDisabled,\n      checked,\n      handleChange,\n      switchValue,\n      focus,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_resolveDynamicComponent","_createVNode"],"mappings":";;;;;;;;;;;EAuC+B,OAAM;AAAA;;;qBAoC1B,OAAM;;;;;0BA1EfA;IACE,2BAAM,8BACmB,mCAA8B;IACvD,MAAK;AAAA,IACJ,gBAAc;IACd,iBAAe;IACf,kEAAe;;IAEhBC;MACG,IAAI;MACL,KAAI;AAAA,MACJ,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,MAAM;MACN,cAAY;MACZ,eAAa;MACb,UAAU;MACV,iDAAQ;MACR,+DAAe;;KAGT,2CAAiC,uCAD1CD;;MAEG;;;;;;MAMc,sCAAfE;6BAA6B;4BAAAA,gBAAgCC,4BAAhB;;;;OAChC,qBAAgB,sCAA7BH;;QAA4C,eAAa;6BACvD;;IAGJC;MACE,KAAI;AAAA,MACJ,OAAM;AAAA,MACL,mCAAiB;;MAEP,sCAAXD,8BAAA;QACkB,mBAAc,sCAA9BA;UAEU,oCADRE;;YAEE,2BAAM,WACE;;iCAER;gCAAAA,4CAAgB;;;;UAGV,sCADRA;;YAEE,2BAAM,YACG;;iCAET;gCAAAA,4CAAgB;;;;kBAGC,mBAAc,sCAAnCF;UAEU,oCADRA;;YAEE,2BAAM,WACE;YACP,gBAAc;iCAEZ,gBAAW;UAGR,sCADRA;;YAEE,2BAAM,YACG;YACR,eAAa;iCAEX,kBAAa;;;MAItBC,8BAAA;QACiB,iCAAfC;;UAAwB,OAAM;AAAA;+BAAa;YAAAE,gBAAW;AAAA;AAAA;;;;KAIjD,yCAA+B,qCADxCJ;;MAEG;;;;;;MAMc,oCAAfE;6BAA2B;4BAAAA,gBAA8BC,4BAAd;;;;OAC9B,mBAAc,oCAA3BH;;QAAwC,gBAAc;6BACpD;;;;;;;"}