@nextcloud/vue 9.0.0-rc.5 → 9.0.0-rc.6

package/dist/chunks/NcProgressBar-Bx8bMkd4.mjs

@@ -1,148 +0,0 @@
-import '../assets/NcProgressBar--z-WqmX4.css';
-import { createElementBlock, openBlock, normalizeClass, normalizeStyle, createElementVNode, useCssVars } from "vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
-const _sfc_main = {
-  name: "NcProgressBar",
-  props: {
-    /**
-     * An integer between 1 and 100
-     */
-    value: {
-      type: Number,
-      default: 0,
-      validator(value) {
-        return value >= 0 && value <= 100;
-      }
-    },
-    /**
-     * Determines the height of the progressbar.
-     * Possible values:
-     * - 'small' (default)
-     * - 'medium'
-     * - Number
-     * @type {'small'|'medium'|number}
-     */
-    size: {
-      type: [String, Number],
-      default: "small",
-      validator(value) {
-        return ["small", "medium"].includes(value) || typeof value === "number";
-      }
-    },
-    /**
-     * Applies an error color to the progressbar if true.
-     */
-    error: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * ProgressBar type
-     */
-    type: {
-      type: String,
-      default: "linear",
-      validator(value) {
-        return ["linear", "circular"].includes(value);
-      }
-    },
-    color: {
-      type: String,
-      default: null
-    }
-  },
-  data() {
-    return {
-      stroke: 4
-    };
-  },
-  computed: {
-    height() {
-      if (this.type === "circular") {
-        if (Number.isInteger(this.size)) {
-          return this.size;
-        }
-        return 44;
-      }
-      if (this.size === "small") {
-        return 4;
-      } else if (this.size === "medium") {
-        return 6;
-      }
-      return this.size;
-    },
-    progress() {
-      return this.value / 100;
-    },
-    radius() {
-      return this.height / 2;
-    },
-    radiusNormalized() {
-      return this.radius - 3 * this.stroke;
-    },
-    circumference() {
-      return this.radiusNormalized * 2 * Math.PI;
-    }
-  }
-};
-const __injectCSSVars__ = () => {
-  useCssVars((_ctx) => ({
-    "497e8a2b": _ctx.color
-  }));
-};
-const __setup__ = _sfc_main.setup;
-_sfc_main.setup = __setup__ ? (props, ctx) => {
-  __injectCSSVars__();
-  return __setup__(props, ctx);
-} : __injectCSSVars__;
-const _hoisted_1 = ["aria-valuenow"];
-const _hoisted_2 = ["height", "width"];
-const _hoisted_3 = ["stroke-dasharray", "stroke-dashoffset", "stroke-width", "r", "cx", "cy"];
-const _hoisted_4 = ["stroke-dasharray", "stroke-dashoffset", "stroke-width", "r", "cx", "cy"];
-const _hoisted_5 = ["value"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return $props.type === "circular" ? (openBlock(), createElementBlock("span", {
-    key: 0,
-    role: "progressbar",
-    "aria-valuenow": $props.value,
-    style: normalizeStyle({ "--progress-bar-height": $options.height + "px" }),
-    class: normalizeClass([{ "progress-bar--error": $props.error }, "progress-bar progress-bar--circular"])
-  }, [
-    (openBlock(), createElementBlock("svg", {
-      height: $options.height,
-      width: $options.height
-    }, [
-      createElementVNode("circle", {
-        stroke: "currentColor",
-        fill: "transparent",
-        "stroke-dasharray": `${$options.progress * $options.circumference} ${(1 - $options.progress) * $options.circumference}`,
-        "stroke-dashoffset": 0.25 * $options.circumference,
-        "stroke-width": $data.stroke,
-        r: $options.radiusNormalized,
-        cx: $options.radius,
-        cy: $options.radius
-      }, null, 8, _hoisted_3),
-      createElementVNode("circle", {
-        stroke: "var(--color-background-darker)",
-        fill: "transparent",
-        "stroke-dasharray": `${(1 - $options.progress) * $options.circumference} ${$options.progress * $options.circumference}`,
-        "stroke-dashoffset": (0.25 - $options.progress) * $options.circumference,
-        "stroke-width": $data.stroke,
-        r: $options.radiusNormalized,
-        cx: $options.radius,
-        cy: $options.radius
-      }, null, 8, _hoisted_4)
-    ], 8, _hoisted_2))
-  ], 14, _hoisted_1)) : (openBlock(), createElementBlock("progress", {
-    key: 1,
-    class: normalizeClass(["progress-bar progress-bar--linear vue", { "progress-bar--error": $props.error }]),
-    style: normalizeStyle({ "--progress-bar-height": $options.height + "px" }),
-    value: $props.value,
-    max: "100"
-  }, null, 14, _hoisted_5));
-}
-const NcProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5e97fe1f"]]);
-export {
-  NcProgressBar as N
-};
-//# sourceMappingURL=NcProgressBar-Bx8bMkd4.mjs.map

package/dist/chunks/NcProgressBar-Bx8bMkd4.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcProgressBar-Bx8bMkd4.mjs","sources":["../../src/components/NcProgressBar/NcProgressBar.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\nThis is a simple progress bar component.\n## Usage:\n\n### Linear\n```vue\n<template>\n\t<span>\n\t\tSmall\n\t\t<NcProgressBar :value=\"20\" />\n\t\t<br>\n\t\tMedium\n\t\t<NcProgressBar :value=\"60\" size=\"medium\" />\n\t\t<br>\n\t\tMedium with color\n\t\t<NcProgressBar :value=\"55\" size=\"medium\" color=\"green\" />\n\t\t<br>\n\t\tError\n\t\t<NcProgressBar :value=\"80\" :error=\"true\" />\n\t</span>\n</template>\n```\n\n### Circular\n```vue\n<template>\n\t<span>\n\t\tDefault\n\t\t<NcProgressBar type=\"circular\" :value=\"55\" />\n\t\t<br />\n\t\tColor\n\t\t<NcProgressBar type=\"circular\" :value=\"70\" color=\"green\" />\n\t\t<br />\n\t\tError\n\t\t<NcProgressBar type=\"circular\" :value=\"60\" :error=\"true\" />\n\t</span>\n</template>\n```\n</docs>\n\n<template>\n\t<span v-if=\"type === 'circular'\"\n\t\trole=\"progressbar\"\n\t\t:aria-valuenow=\"value\"\n\t\t:style=\"{ '--progress-bar-height': height + 'px' }\"\n\t\t:class=\"{ 'progress-bar--error': error }\"\n\t\tclass=\"progress-bar progress-bar--circular\">\n\t\t<svg :height=\"height\"\n\t\t\t:width=\"height\">\n\t\t\t<circle stroke=\"currentColor\"\n\t\t\t\tfill=\"transparent\"\n\t\t\t\t:stroke-dasharray=\"`${progress * circumference} ${(1 - progress) * circumference}`\"\n\t\t\t\t:stroke-dashoffset=\"0.25*circumference\"\n\t\t\t\t:stroke-width=\"stroke\"\n\t\t\t\t:r=\"radiusNormalized\"\n\t\t\t\t:cx=\"radius\"\n\t\t\t\t:cy=\"radius\" />\n\t\t\t<circle stroke=\"var(--color-background-darker)\"\n\t\t\t\tfill=\"transparent\"\n\t\t\t\t:stroke-dasharray=\"`${(1 - progress) * circumference} ${progress * circumference}`\"\n\t\t\t\t:stroke-dashoffset=\"(0.25 - progress) * circumference\"\n\t\t\t\t:stroke-width=\"stroke\"\n\t\t\t\t:r=\"radiusNormalized\"\n\t\t\t\t:cx=\"radius\"\n\t\t\t\t:cy=\"radius\" />\n\t\t</svg>\n\t</span>\n\t<progress v-else\n\t\tclass=\"progress-bar progress-bar--linear vue\"\n\t\t:class=\"{ 'progress-bar--error': error }\"\n\t\t:style=\"{'--progress-bar-height': height + 'px' }\"\n\t\t:value=\"value\"\n\t\tmax=\"100\" />\n</template>\n\n<script>\nexport default {\n\n\tname: 'NcProgressBar',\n\n\tprops: {\n\t\t/**\n\t\t * An integer between 1 and 100\n\t\t */\n\t\tvalue: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t\tvalidator(value) {\n\t\t\t\treturn value >= 0\n\t\t\t\t\t&& value <= 100\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * Determines the height of the progressbar.\n\t\t * Possible values:\n\t\t * - 'small' (default)\n\t\t * - 'medium'\n\t\t * - Number\n\t\t * @type {'small'|'medium'|number}\n\t\t */\n\t\tsize: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: 'small',\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['small', 'medium'].includes(value) || typeof value === 'number'\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * Applies an error color to the progressbar if true.\n\t\t */\n\t\terror: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * ProgressBar type\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'linear',\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['linear', 'circular'].includes(value)\n\t\t\t},\n\t\t},\n\t\tcolor: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tstroke: 4,\n\t\t}\n\t},\n\tcomputed: {\n\t\theight() {\n\t\t\tif (this.type === 'circular') {\n\t\t\t\tif (Number.isInteger(this.size)) {\n\t\t\t\t\treturn this.size\n\t\t\t\t}\n\t\t\t\treturn 44\n\t\t\t}\n\t\t\tif (this.size === 'small') {\n\t\t\t\treturn 4\n\t\t\t} else if (this.size === 'medium') {\n\t\t\t\treturn 6\n\t\t\t}\n\t\t\treturn this.size\n\t\t},\n\t\tprogress() {\n\t\t\treturn this.value / 100\n\t\t},\n\t\tradius() {\n\t\t\treturn this.height / 2\n\t\t},\n\t\tradiusNormalized() {\n\t\t\treturn this.radius - 3 * this.stroke\n\t\t},\n\t\tcircumference() {\n\t\t\treturn this.radiusNormalized * 2 * Math.PI\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.progress-bar {\n\tdisplay: block;\n\theight: var(--progress-bar-height);\n\n\t--progress-bar-color: v-bind(color);\n\n\t&--linear {\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tbackground: var(--color-background-dark);\n\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\n\t\t// Browser specific rules\n\t\t&::-webkit-progress-bar {\n\t\t\theight: var(--progress-bar-height);\n\t\t\tbackground-color: transparent;\n\t\t}\n\t\t&::-webkit-progress-value {\n\t\t\tbackground: var(--progress-bar-color, var(--gradient-primary-background));\n\t\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\t\t}\n\t\t&::-moz-progress-bar {\n\t\t\tbackground: var(--progress-bar-color, var(--gradient-primary-background));\n\t\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\t\t}\n\t}\n\t&--circular {\n\t\twidth: var(--progress-bar-height);\n\t\tcolor: var(--progress-bar-color, var(--color-primary-element));\n\t}\n\t&--error {\n\t\tcolor: var(--color-error) !important;\n\t\t// Override previous values\n\t\t&::-moz-progress-bar {\n\t\t\tbackground: var(--color-error) !important;\n\t\t}\n\t\t&::-webkit-progress-value {\n\t\t\tbackground: var(--color-error) !important;\n\t\t}\n\t}\n}\n\n</style>\n"],"names":["_createElementBlock","_normalizeStyle","_normalizeClass","_createElementVNode"],"mappings":"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"}