@dialpad/dialtone-vue 3.218.2 → 3.218.4

package/dist/lib/presence/presence.js

@@ -1,55 +1,41 @@
-import { PRESENCE_STATES as s, PRESENCE_STATES_LIST as a } from "./presence-constants.js";
-import { openBlock as t, createElementBlock as r, toDisplayString as c, createCommentVNode as i, createElementVNode as o, normalizeClass as l } from "vue";
-import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const d = {
-  compatConfig: { MODE: 3 },
-  name: "DtPresence",
-  props: {
-    /**
-     * Determines the color of the inner presence circle, indicating status.
-     * Accepts one of 4 values: 'busy', 'away', 'active', 'offline'
-     * @values busy, away, active, offline
-     */
-    presence: {
-      type: String,
-      default: s.ACTIVE,
-      validator: (n) => a.includes(n)
-    },
-    /**
-     * Since Presence is a visual element, we need SRs to read out any state changes
-     * that occur.
-     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.
-     */
-    srText: {
-      type: String,
-      default: null
-    }
-  }
-}, p = ["aria-live"], f = {
-  key: 0,
-  "data-qa": "dt-presence-sr-text",
-  class: "sr-only"
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { PRESENCE_STATES as t, PRESENCE_STATES_LIST as n } from "./presence-constants.js";
+import { createCommentVNode as r, createElementBlock as i, createElementVNode as a, normalizeClass as o, openBlock as s, toDisplayString as c } from "vue";
+//#region components/presence/presence.vue
+var l = {
+	compatConfig: { MODE: 3 },
+	name: "DtPresence",
+	props: {
+		presence: {
+			type: String,
+			default: t.ACTIVE,
+			validator: (e) => n.includes(e)
+		},
+		srText: {
+			type: String,
+			default: null
+		}
+	}
+}, u = ["aria-live"], d = {
+	key: 0,
+	"data-qa": "dt-presence-sr-text",
+	class: "sr-only"
 };
-function m(n, u, e, E, S, y) {
-  return t(), r("div", {
-    class: "d-presence",
-    "data-qa": "dt-presence",
-    role: "status",
-    "aria-live": n.$attrs.ariaLive || "off"
-  }, [
-    e.srText ? (t(), r("span", f, c(e.srText), 1)) : i("", !0),
-    o("div", {
-      class: l(["d-presence__inner", {
-        "d-presence__inner--active": e.presence === "active",
-        "d-presence__inner--away": e.presence === "away",
-        "d-presence__inner--busy": e.presence === "busy",
-        "d-presence__inner--offline": e.presence === "offline"
-      }])
-    }, null, 2)
-  ], 8, p);
+function f(e, t, n, l, f, p) {
+	return s(), i("div", {
+		class: "d-presence",
+		"data-qa": "dt-presence",
+		role: "status",
+		"aria-live": e.$attrs.ariaLive || "off"
+	}, [n.srText ? (s(), i("span", d, c(n.srText), 1)) : r("", !0), a("div", { class: o(["d-presence__inner", {
+		"d-presence__inner--active": n.presence === "active",
+		"d-presence__inner--away": n.presence === "away",
+		"d-presence__inner--busy": n.presence === "busy",
+		"d-presence__inner--offline": n.presence === "offline"
+	}]) }, null, 2)], 8, u);
 }
-const C = /* @__PURE__ */ _(d, [["render", m]]);
-export {
-  C as default
-};
-//# sourceMappingURL=presence.js.map
+var p = /* @__PURE__ */ e(l, [["render", f]]);
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=presence.js.map

package/dist/lib/presence/presence.js.map

@@ -1 +1 @@
-{"version":3,"file":"presence.js","sources":["../../../components/presence/presence.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-presence\"\n    data-qa=\"dt-presence\"\n    role=\"status\"\n    :aria-live=\"$attrs.ariaLive || 'off'\"\n  >\n    <span\n      v-if=\"srText\"\n      data-qa=\"dt-presence-sr-text\"\n      class=\"sr-only\"\n    >{{ srText }} </span>\n    <div\n      class=\"d-presence__inner\"\n      :class=\"{\n        'd-presence__inner--active': presence === 'active',\n        'd-presence__inner--away': presence === 'away',\n        'd-presence__inner--busy': presence === 'busy',\n        'd-presence__inner--offline': presence === 'offline',\n      }\"\n    />\n  </div>\n</template>\n\n<script>\nimport { PRESENCE_STATES, PRESENCE_STATES_LIST } from './presence_constants';\n/**\n * Presence is a user status visual indicator element.\n * @see https://dialtone.dialpad.com/components/presence.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtPresence',\n  props: {\n\n    /**\n     * Determines the color of the inner presence circle, indicating status.\n     * Accepts one of 4 values: 'busy', 'away', 'active', 'offline'\n     * @values busy, away, active, offline\n     */\n    presence: {\n      type: String,\n      default: PRESENCE_STATES.ACTIVE,\n      validator: (role) => {\n        return PRESENCE_STATES_LIST.includes(role);\n      },\n    },\n\n    /**\n     * Since Presence is a visual element, we need SRs to read out any state changes\n     * that occur.\n     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.\n     */\n    srText: {\n      type: String,\n      default: null,\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","PRESENCE_STATES","role","PRESENCE_STATES_LIST","_createElementBlock","_ctx","$props","_hoisted_2","_toDisplayString","_createElementVNode"],"mappings":";;;AA8BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAASC,EAAgB;AAAA,MACzB,WAAW,CAACC,MACHC,EAAqB,SAASD,CAAI;AAAA;;;;;;IAS7C,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;AAGf;;EAjDM,WAAQ;AAAA,EACR,OAAM;;;cATVE,EAoBM,OAAA;AAAA,IAnBJ,OAAM;AAAA,IACN,WAAQ;AAAA,IACR,MAAK;AAAA,IACJ,aAAWC,EAAA,OAAO,YAAQ;AAAA;IAGnBC,EAAA,eADRF,EAIqB,QAJrBG,GAIqBC,EAAjBF,EAAA,MAAM,GAAA,CAAA;IACVG,EAQE,OAAA;AAAA,MAPA,UAAM,qBAAmB;AAAA,qCACsBH,EAAA,aAAQ;AAAA,mCAAkDA,EAAA,aAAQ;AAAA,mCAAgDA,EAAA,aAAQ;AAAA,sCAAmDA,EAAA,aAAQ;AAAA;;;;;"}
+{"version":3,"file":"presence.js","names":[],"sources":["../../../components/presence/presence.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-presence\"\n    data-qa=\"dt-presence\"\n    role=\"status\"\n    :aria-live=\"$attrs.ariaLive || 'off'\"\n  >\n    <span\n      v-if=\"srText\"\n      data-qa=\"dt-presence-sr-text\"\n      class=\"sr-only\"\n    >{{ srText }} </span>\n    <div\n      class=\"d-presence__inner\"\n      :class=\"{\n        'd-presence__inner--active': presence === 'active',\n        'd-presence__inner--away': presence === 'away',\n        'd-presence__inner--busy': presence === 'busy',\n        'd-presence__inner--offline': presence === 'offline',\n      }\"\n    />\n  </div>\n</template>\n\n<script>\nimport { PRESENCE_STATES, PRESENCE_STATES_LIST } from './presence_constants';\n/**\n * Presence is a user status visual indicator element.\n * @see https://dialtone.dialpad.com/components/presence.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtPresence',\n  props: {\n\n    /**\n     * Determines the color of the inner presence circle, indicating status.\n     * Accepts one of 4 values: 'busy', 'away', 'active', 'offline'\n     * @values busy, away, active, offline\n     */\n    presence: {\n      type: String,\n      default: PRESENCE_STATES.ACTIVE,\n      validator: (role) => {\n        return PRESENCE_STATES_LIST.includes(role);\n      },\n    },\n\n    /**\n     * Since Presence is a visual element, we need SRs to read out any state changes\n     * that occur.\n     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.\n     */\n    srText: {\n      type: String,\n      default: null,\n    },\n  },\n};\n</script>\n"],"mappings":";;;;AA8BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,OAAO;EAOL,UAAU;GACR,MAAM;GACN,SAAS,EAAgB;GACzB,YAAY,MACH,EAAqB,SAAS,EAAK;GAE7C;EAOD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EACF;CACF;;CAjDK,WAAQ;CACR,OAAM;;;aATV,EAoBM,OAAA;EAnBJ,OAAM;EACN,WAAQ;EACR,MAAK;EACJ,aAAW,EAAA,OAAO,YAAQ;KAGnB,EAAA,UAAA,GAAA,EADR,EAIqB,QAJrB,GAIqB,EAAjB,EAAA,OAAM,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EACV,EAQE,OAAA,EAPA,OAAK,EAAA,CAAC,qBAAmB;+BACsB,EAAA,aAAQ;6BAAkD,EAAA,aAAQ;6BAAgD,EAAA,aAAQ;gCAAmD,EAAA,aAAQ"}

package/dist/lib/progress-circle/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./progress-circle.cjs"),S=require("./progress-circle-constants.cjs");exports.DtProgressCircle=E.default;exports.PROGRESS_CIRCLE_KINDS=S.PROGRESS_CIRCLE_KINDS;exports.PROGRESS_CIRCLE_KIND_DEFAULT=S.PROGRESS_CIRCLE_KIND_DEFAULT;exports.PROGRESS_CIRCLE_SIZES=S.PROGRESS_CIRCLE_SIZES;exports.PROGRESS_CIRCLE_SIZE_DEFAULT=S.PROGRESS_CIRCLE_SIZE_DEFAULT;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./progress-circle-constants.cjs`),t=require(`./progress-circle.cjs`);exports.DtProgressCircle=t.default,exports.PROGRESS_CIRCLE_KINDS=e.PROGRESS_CIRCLE_KINDS,exports.PROGRESS_CIRCLE_KIND_DEFAULT=e.PROGRESS_CIRCLE_KIND_DEFAULT,exports.PROGRESS_CIRCLE_SIZES=e.PROGRESS_CIRCLE_SIZES,exports.PROGRESS_CIRCLE_SIZE_DEFAULT=e.PROGRESS_CIRCLE_SIZE_DEFAULT;

package/dist/lib/progress-circle/index.js

@@ -1,10 +1,3 @@
-import { default as S } from "./progress-circle.js";
-import { PROGRESS_CIRCLE_KINDS as C, PROGRESS_CIRCLE_KIND_DEFAULT as I, PROGRESS_CIRCLE_SIZES as r, PROGRESS_CIRCLE_SIZE_DEFAULT as L } from "./progress-circle-constants.js";
-export {
-  S as DtProgressCircle,
-  C as PROGRESS_CIRCLE_KINDS,
-  I as PROGRESS_CIRCLE_KIND_DEFAULT,
-  r as PROGRESS_CIRCLE_SIZES,
-  L as PROGRESS_CIRCLE_SIZE_DEFAULT
-};
-//# sourceMappingURL=index.js.map
+import { PROGRESS_CIRCLE_KINDS as e, PROGRESS_CIRCLE_KIND_DEFAULT as t, PROGRESS_CIRCLE_SIZES as n, PROGRESS_CIRCLE_SIZE_DEFAULT as r } from "./progress-circle-constants.js";
+import i from "./progress-circle.js";
+export { i as DtProgressCircle, e as PROGRESS_CIRCLE_KINDS, t as PROGRESS_CIRCLE_KIND_DEFAULT, n as PROGRESS_CIRCLE_SIZES, r as PROGRESS_CIRCLE_SIZE_DEFAULT };

package/dist/lib/progress-circle/progress-circle-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={100:"d-progress-circle--size-100",200:"d-progress-circle--size-200",300:"d-progress-circle--size-300",400:"d-progress-circle--size-400",500:"d-progress-circle--size-500",600:"d-progress-circle--size-600",700:"d-progress-circle--size-700",800:"d-progress-circle--size-800"},e="500",s={default:"",brand:"d-progress-circle--brand",critical:"d-progress-circle--critical",positive:"d-progress-circle--positive",warning:"d-progress-circle--warning",info:"d-progress-circle--info",ai:"d-progress-circle--ai"},i="default";exports.PROGRESS_CIRCLE_KINDS=s;exports.PROGRESS_CIRCLE_KIND_DEFAULT=i;exports.PROGRESS_CIRCLE_SIZES=r;exports.PROGRESS_CIRCLE_SIZE_DEFAULT=e;
-//# sourceMappingURL=progress-circle-constants.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={100:`d-progress-circle--size-100`,200:`d-progress-circle--size-200`,300:`d-progress-circle--size-300`,400:`d-progress-circle--size-400`,500:`d-progress-circle--size-500`,600:`d-progress-circle--size-600`,700:`d-progress-circle--size-700`,800:`d-progress-circle--size-800`},t=`500`,n={default:``,brand:`d-progress-circle--brand`,critical:`d-progress-circle--critical`,positive:`d-progress-circle--positive`,warning:`d-progress-circle--warning`,info:`d-progress-circle--info`,ai:`d-progress-circle--ai`},r=`default`;exports.PROGRESS_CIRCLE_KINDS=n,exports.PROGRESS_CIRCLE_KIND_DEFAULT=r,exports.PROGRESS_CIRCLE_SIZES=e,exports.PROGRESS_CIRCLE_SIZE_DEFAULT=t;
+//# sourceMappingURL=progress-circle-constants.cjs.map

package/dist/lib/progress-circle/progress-circle-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"progress-circle-constants.cjs","sources":["../../../components/progress_circle/progress_circle_constants.js"],"sourcesContent":["/**\n * @values 100, 200, 300, 400, 500, 600, 700, 800\n */\nexport const PROGRESS_CIRCLE_SIZES = {\n  100: 'd-progress-circle--size-100',\n  200: 'd-progress-circle--size-200',\n  300: 'd-progress-circle--size-300',\n  400: 'd-progress-circle--size-400',\n  500: 'd-progress-circle--size-500',\n  600: 'd-progress-circle--size-600',\n  700: 'd-progress-circle--size-700',\n  800: 'd-progress-circle--size-800',\n};\n\nexport const PROGRESS_CIRCLE_SIZE_DEFAULT = '500';\n\n/**\n * @values default, brand, critical, positive, warning, info, ai\n */\nexport const PROGRESS_CIRCLE_KINDS = {\n  default: '',\n  brand: 'd-progress-circle--brand',\n  critical: 'd-progress-circle--critical',\n  positive: 'd-progress-circle--positive',\n  warning: 'd-progress-circle--warning',\n  info: 'd-progress-circle--info',\n  ai: 'd-progress-circle--ai',\n};\n\nexport const PROGRESS_CIRCLE_KIND_DEFAULT = 'default';\n"],"names":["PROGRESS_CIRCLE_SIZES","PROGRESS_CIRCLE_SIZE_DEFAULT","PROGRESS_CIRCLE_KINDS","PROGRESS_CIRCLE_KIND_DEFAULT"],"mappings":"gFAGY,MAACA,EAAwB,CACnC,IAAK,8BACL,IAAK,8BACL,IAAK,8BACL,IAAK,8BACL,IAAK,8BACL,IAAK,8BACL,IAAK,8BACL,IAAK,6BACP,EAEaC,EAA+B,MAK/BC,EAAwB,CACnC,QAAS,GACT,MAAO,2BACP,SAAU,8BACV,SAAU,8BACV,QAAS,6BACT,KAAM,0BACN,GAAI,uBACN,EAEaC,EAA+B"}
+{"version":3,"file":"progress-circle-constants.cjs","names":[],"sources":["../../../components/progress_circle/progress_circle_constants.js"],"sourcesContent":["/**\n * @values 100, 200, 300, 400, 500, 600, 700, 800\n */\nexport const PROGRESS_CIRCLE_SIZES = {\n  100: 'd-progress-circle--size-100',\n  200: 'd-progress-circle--size-200',\n  300: 'd-progress-circle--size-300',\n  400: 'd-progress-circle--size-400',\n  500: 'd-progress-circle--size-500',\n  600: 'd-progress-circle--size-600',\n  700: 'd-progress-circle--size-700',\n  800: 'd-progress-circle--size-800',\n};\n\nexport const PROGRESS_CIRCLE_SIZE_DEFAULT = '500';\n\n/**\n * @values default, brand, critical, positive, warning, info, ai\n */\nexport const PROGRESS_CIRCLE_KINDS = {\n  default: '',\n  brand: 'd-progress-circle--brand',\n  critical: 'd-progress-circle--critical',\n  positive: 'd-progress-circle--positive',\n  warning: 'd-progress-circle--warning',\n  info: 'd-progress-circle--info',\n  ai: 'd-progress-circle--ai',\n};\n\nexport const PROGRESS_CIRCLE_KIND_DEFAULT = 'default';\n"],"mappings":"mEAGA,IAAa,EAAwB,CACnC,IAAK,8BACL,IAAK,8BACL,IAAK,8BACL,IAAK,8BACL,IAAK,8BACL,IAAK,8BACL,IAAK,8BACL,IAAK,8BACN,CAEY,EAA+B,MAK/B,EAAwB,CACnC,QAAS,GACT,MAAO,2BACP,SAAU,8BACV,SAAU,8BACV,QAAS,6BACT,KAAM,0BACN,GAAI,wBACL,CAEY,EAA+B"}

package/dist/lib/progress-circle/progress-circle-constants.js

@@ -1,25 +1,23 @@
-const r = {
-  100: "d-progress-circle--size-100",
-  200: "d-progress-circle--size-200",
-  300: "d-progress-circle--size-300",
-  400: "d-progress-circle--size-400",
-  500: "d-progress-circle--size-500",
-  600: "d-progress-circle--size-600",
-  700: "d-progress-circle--size-700",
-  800: "d-progress-circle--size-800"
-}, s = "500", e = {
-  default: "",
-  brand: "d-progress-circle--brand",
-  critical: "d-progress-circle--critical",
-  positive: "d-progress-circle--positive",
-  warning: "d-progress-circle--warning",
-  info: "d-progress-circle--info",
-  ai: "d-progress-circle--ai"
-}, c = "default";
-export {
-  e as PROGRESS_CIRCLE_KINDS,
-  c as PROGRESS_CIRCLE_KIND_DEFAULT,
-  r as PROGRESS_CIRCLE_SIZES,
-  s as PROGRESS_CIRCLE_SIZE_DEFAULT
-};
-//# sourceMappingURL=progress-circle-constants.js.map
+//#region components/progress_circle/progress_circle_constants.js
+var e = {
+	100: "d-progress-circle--size-100",
+	200: "d-progress-circle--size-200",
+	300: "d-progress-circle--size-300",
+	400: "d-progress-circle--size-400",
+	500: "d-progress-circle--size-500",
+	600: "d-progress-circle--size-600",
+	700: "d-progress-circle--size-700",
+	800: "d-progress-circle--size-800"
+}, t = "500", n = {
+	default: "",
+	brand: "d-progress-circle--brand",
+	critical: "d-progress-circle--critical",
+	positive: "d-progress-circle--positive",
+	warning: "d-progress-circle--warning",
+	info: "d-progress-circle--info",
+	ai: "d-progress-circle--ai"
+}, r = "default";
+//#endregion
+export { n as PROGRESS_CIRCLE_KINDS, r as PROGRESS_CIRCLE_KIND_DEFAULT, e as PROGRESS_CIRCLE_SIZES, t as PROGRESS_CIRCLE_SIZE_DEFAULT };
+
+//# sourceMappingURL=progress-circle-constants.js.map

package/dist/lib/progress-circle/progress-circle-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-circle-constants.js","sources":["../../../components/progress_circle/progress_circle_constants.js"],"sourcesContent":["/**\n * @values 100, 200, 300, 400, 500, 600, 700, 800\n */\nexport const PROGRESS_CIRCLE_SIZES = {\n  100: 'd-progress-circle--size-100',\n  200: 'd-progress-circle--size-200',\n  300: 'd-progress-circle--size-300',\n  400: 'd-progress-circle--size-400',\n  500: 'd-progress-circle--size-500',\n  600: 'd-progress-circle--size-600',\n  700: 'd-progress-circle--size-700',\n  800: 'd-progress-circle--size-800',\n};\n\nexport const PROGRESS_CIRCLE_SIZE_DEFAULT = '500';\n\n/**\n * @values default, brand, critical, positive, warning, info, ai\n */\nexport const PROGRESS_CIRCLE_KINDS = {\n  default: '',\n  brand: 'd-progress-circle--brand',\n  critical: 'd-progress-circle--critical',\n  positive: 'd-progress-circle--positive',\n  warning: 'd-progress-circle--warning',\n  info: 'd-progress-circle--info',\n  ai: 'd-progress-circle--ai',\n};\n\nexport const PROGRESS_CIRCLE_KIND_DEFAULT = 'default';\n"],"names":["PROGRESS_CIRCLE_SIZES","PROGRESS_CIRCLE_SIZE_DEFAULT","PROGRESS_CIRCLE_KINDS","PROGRESS_CIRCLE_KIND_DEFAULT"],"mappings":"AAGY,MAACA,IAAwB;AAAA,EACnC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAEaC,IAA+B,OAK/BC,IAAwB;AAAA,EACnC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,IAAI;AACN,GAEaC,IAA+B;"}
+{"version":3,"file":"progress-circle-constants.js","names":[],"sources":["../../../components/progress_circle/progress_circle_constants.js"],"sourcesContent":["/**\n * @values 100, 200, 300, 400, 500, 600, 700, 800\n */\nexport const PROGRESS_CIRCLE_SIZES = {\n  100: 'd-progress-circle--size-100',\n  200: 'd-progress-circle--size-200',\n  300: 'd-progress-circle--size-300',\n  400: 'd-progress-circle--size-400',\n  500: 'd-progress-circle--size-500',\n  600: 'd-progress-circle--size-600',\n  700: 'd-progress-circle--size-700',\n  800: 'd-progress-circle--size-800',\n};\n\nexport const PROGRESS_CIRCLE_SIZE_DEFAULT = '500';\n\n/**\n * @values default, brand, critical, positive, warning, info, ai\n */\nexport const PROGRESS_CIRCLE_KINDS = {\n  default: '',\n  brand: 'd-progress-circle--brand',\n  critical: 'd-progress-circle--critical',\n  positive: 'd-progress-circle--positive',\n  warning: 'd-progress-circle--warning',\n  info: 'd-progress-circle--info',\n  ai: 'd-progress-circle--ai',\n};\n\nexport const PROGRESS_CIRCLE_KIND_DEFAULT = 'default';\n"],"mappings":";AAGA,IAAa,IAAwB;CACnC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAEY,IAA+B,OAK/B,IAAwB;CACnC,SAAS;CACT,OAAO;CACP,UAAU;CACV,UAAU;CACV,SAAS;CACT,MAAM;CACN,IAAI;CACL,EAEY,IAA+B"}

package/dist/lib/progress-circle/progress-circle.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./progress-circle-constants.cjs"),r=require("vue"),d=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u={compatConfig:{MODE:3},name:"DtProgressCircle",props:{ariaLabel:{type:String,required:!0},progress:{type:Number,default:0,validator:e=>e>=0&&e<=100},size:{type:String,default:"500",validator:e=>Object.keys(c.PROGRESS_CIRCLE_SIZES).includes(e)},kind:{type:String,default:"default",validator:e=>Object.keys(c.PROGRESS_CIRCLE_KINDS).includes(e)}},data(){return{strokeWidth:3.25,uid:Math.random().toString(36).substring(2,9)}},computed:{isAi(){return this.kind==="ai"},aiGradientId(){return`progress-circle-ai-gradient-${this.uid}`},fillStrokeStyle(){return this.isAi?{stroke:`url(#${this.aiGradientId})`}:{}},sizeClass(){return c.PROGRESS_CIRCLE_SIZES[this.size]},kindClass(){return c.PROGRESS_CIRCLE_KINDS[this.kind]},circleRadius(){return 12-this.strokeWidth/2},circleCircumference(){return 2*Math.PI*this.circleRadius},circlePath(){const e=this.circleRadius,s=12-e,o=12+e;return`M 12 ${s} A ${e} ${e} 0 0 1 12 ${o} A ${e} ${e} 0 0 1 12 ${s} Z`},cssVars(){const e=this.circleCircumference,s=5,o=this.progress>0&&this.progress<s?s:this.progress,i=e*o/100,a=this.strokeWidth,t=a/2,l=this.progress>0&&this.progress<100,n=l?a:0;return{"--stroke-dasharray":!l&&this.progress>=100?"none":e,"--fill-dashoffset":e-Math.max(0,i-n),"--fill-rotate":`${l?t/e*360:0}deg`,"--track-dasharray":!l&&this.progress<=0?"none":`${Math.max(0,e-i-n)} ${e}`,"--track-dashoffset":-(i+(l?t:0))}}}},h=["aria-label","aria-valuenow"],p={key:0},_=["id"],g=["d","stroke-width"],k=["d","stroke-width"];function m(e,s,o,i,a,t){return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["d-progress-circle",[t.sizeClass,t.kindClass]]),role:"progressbar","aria-label":o.ariaLabel,tabindex:"-1","aria-valuenow":o.progress,"aria-valuemin":"0","aria-valuemax":"100","data-qa":"dt-progress-circle"},[(r.openBlock(),r.createElementBlock("svg",{class:"d-progress-circle__bar",style:r.normalizeStyle(t.cssVars),viewBox:"0 0 24 24"},[t.isAi?(r.openBlock(),r.createElementBlock("defs",p,[r.createElementVNode("linearGradient",{id:t.aiGradientId,x1:"0%",y1:"0%",x2:"100%",y2:"100%"},[...s[0]||(s[0]=[r.createElementVNode("stop",{offset:"0%","stop-color":"var(--dt-color-brand-gold)"},null,-1),r.createElementVNode("stop",{offset:"33%","stop-color":"var(--dt-color-brand-red)"},null,-1),r.createElementVNode("stop",{offset:"66%","stop-color":"var(--dt-color-brand-magenta)"},null,-1),r.createElementVNode("stop",{offset:"100%","stop-color":"var(--dt-color-brand-purple)"},null,-1)])],8,_)])):r.createCommentVNode("",!0),o.progress<=95?(r.openBlock(),r.createElementBlock("path",{key:1,d:t.circlePath,class:"d-progress-circle__shape d-progress-circle__shape--track",fill:"none","stroke-width":a.strokeWidth,"stroke-linecap":"round"},null,8,g)):r.createCommentVNode("",!0),o.progress>0?(r.openBlock(),r.createElementBlock("path",{key:2,d:t.circlePath,class:"d-progress-circle__shape d-progress-circle__shape--fill",fill:"none","stroke-width":a.strokeWidth,"stroke-linecap":"round",style:r.normalizeStyle(t.fillStrokeStyle)},null,12,k)):r.createCommentVNode("",!0)],4))],10,h)}const f=d._(u,[["render",m]]);exports.default=f;
-//# sourceMappingURL=progress-circle.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./progress-circle-constants.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtProgressCircle`,props:{ariaLabel:{type:String,required:!0},progress:{type:Number,default:0,validator:e=>e>=0&&e<=100},size:{type:String,default:`500`,validator:e=>Object.keys(t.PROGRESS_CIRCLE_SIZES).includes(e)},kind:{type:String,default:`default`,validator:e=>Object.keys(t.PROGRESS_CIRCLE_KINDS).includes(e)}},data(){return{strokeWidth:3.25,uid:Math.random().toString(36).substring(2,9)}},computed:{isAi(){return this.kind===`ai`},aiGradientId(){return`progress-circle-ai-gradient-${this.uid}`},fillStrokeStyle(){return this.isAi?{stroke:`url(#${this.aiGradientId})`}:{}},sizeClass(){return t.PROGRESS_CIRCLE_SIZES[this.size]},kindClass(){return t.PROGRESS_CIRCLE_KINDS[this.kind]},circleRadius(){return 12-this.strokeWidth/2},circleCircumference(){return 2*Math.PI*this.circleRadius},circlePath(){let e=this.circleRadius,t=12-e;return`M 12 ${t} A ${e} ${e} 0 0 1 12 ${12+e} A ${e} ${e} 0 0 1 12 ${t} Z`},cssVars(){let e=this.circleCircumference,t=e*(this.progress>0&&this.progress<5?5:this.progress)/100,n=this.strokeWidth,r=n/2,i=this.progress>0&&this.progress<100,a=i?n:0;return{"--stroke-dasharray":!i&&this.progress>=100?`none`:e,"--fill-dashoffset":e-Math.max(0,t-a),"--fill-rotate":`${i?r/e*360:0}deg`,"--track-dasharray":!i&&this.progress<=0?`none`:`${Math.max(0,e-t-a)} ${e}`,"--track-dashoffset":-(t+(i?r:0))}}}},i=[`aria-label`,`aria-valuenow`],a={key:0},o=[`id`],s=[`d`,`stroke-width`],c=[`d`,`stroke-width`];function l(e,t,r,l,u,d){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`d-progress-circle`,[d.sizeClass,d.kindClass]]),role:`progressbar`,"aria-label":r.ariaLabel,tabindex:`-1`,"aria-valuenow":r.progress,"aria-valuemin":`0`,"aria-valuemax":`100`,"data-qa":`dt-progress-circle`},[((0,n.openBlock)(),(0,n.createElementBlock)(`svg`,{class:`d-progress-circle__bar`,style:(0,n.normalizeStyle)(d.cssVars),viewBox:`0 0 24 24`},[d.isAi?((0,n.openBlock)(),(0,n.createElementBlock)(`defs`,a,[(0,n.createElementVNode)(`linearGradient`,{id:d.aiGradientId,x1:`0%`,y1:`0%`,x2:`100%`,y2:`100%`},[...t[0]||(t[0]=[(0,n.createElementVNode)(`stop`,{offset:`0%`,"stop-color":`var(--dt-color-brand-gold)`},null,-1),(0,n.createElementVNode)(`stop`,{offset:`33%`,"stop-color":`var(--dt-color-brand-red)`},null,-1),(0,n.createElementVNode)(`stop`,{offset:`66%`,"stop-color":`var(--dt-color-brand-magenta)`},null,-1),(0,n.createElementVNode)(`stop`,{offset:`100%`,"stop-color":`var(--dt-color-brand-purple)`},null,-1)])],8,o)])):(0,n.createCommentVNode)(``,!0),r.progress<=95?((0,n.openBlock)(),(0,n.createElementBlock)(`path`,{key:1,d:d.circlePath,class:`d-progress-circle__shape d-progress-circle__shape--track`,fill:`none`,"stroke-width":u.strokeWidth,"stroke-linecap":`round`},null,8,s)):(0,n.createCommentVNode)(``,!0),r.progress>0?((0,n.openBlock)(),(0,n.createElementBlock)(`path`,{key:2,d:d.circlePath,class:`d-progress-circle__shape d-progress-circle__shape--fill`,fill:`none`,"stroke-width":u.strokeWidth,"stroke-linecap":`round`,style:(0,n.normalizeStyle)(d.fillStrokeStyle)},null,12,c)):(0,n.createCommentVNode)(``,!0)],4))],10,i)}var u=e.t(r,[[`render`,l]]);exports.default=u;
+//# sourceMappingURL=progress-circle.cjs.map

package/dist/lib/progress-circle/progress-circle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"progress-circle.cjs","sources":["../../../components/progress_circle/progress_circle.vue"],"sourcesContent":["<script>\n/**\n * Circular SVG progress indicator for determinate upload or processing progress.\n * @see https://dialtone.dialpad.com/components/progress-circle.html\n */\nimport { PROGRESS_CIRCLE_SIZES, PROGRESS_CIRCLE_KINDS } from './progress_circle_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtProgressCircle',\n  props: {\n    /** Accessible label read by screen readers. */\n    ariaLabel: { type: String, required: true },\n    /** Current progress value (0–100). */\n    progress: {\n      type: Number,\n      default: 0,\n      validator: (v) => v >= 0 && v <= 100,\n    },\n\n    /**\n     * The size of the progress indicator, aligning to Dialtone icon sizes.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (s) => Object.keys(PROGRESS_CIRCLE_SIZES).includes(s),\n    },\n\n    /**\n     * The color variant of the progress indicator.\n     * @values default, brand, critical, positive, warning, info, ai\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(PROGRESS_CIRCLE_KINDS).includes(k),\n    },\n  },\n\n  data () {\n    return {\n      strokeWidth: 3.25,\n      uid: Math.random().toString(36).substring(2, 9),\n    };\n  },\n\n  computed: {\n    // SVG stroke doesn't support CSS gradients, so the \"ai\" kind uses an inline\n    // SVG <linearGradient> referenced via url(#id) instead of a CSS variable.\n    isAi () {\n      return this.kind === 'ai';\n    },\n\n    // Unique per-instance to avoid collisions when multiple progress circles coexist.\n    aiGradientId () {\n      return `progress-circle-ai-gradient-${this.uid}`;\n    },\n\n    fillStrokeStyle () {\n      return this.isAi ? { stroke: `url(#${this.aiGradientId})` } : {};\n    },\n\n    sizeClass () {\n      return PROGRESS_CIRCLE_SIZES[this.size];\n    },\n\n    kindClass () {\n      return PROGRESS_CIRCLE_KINDS[this.kind];\n    },\n\n    circleRadius () {\n      return 12 - (this.strokeWidth / 2);\n    },\n\n    circleCircumference () {\n      return 2 * Math.PI * this.circleRadius;\n    },\n\n    // Draws a full circle as two arcs so getTotalLength() returns the circumference.\n    circlePath () {\n      const r = this.circleRadius;\n      const top = 12 - r;\n      const bottom = 12 + r;\n      return `M 12 ${top} A ${r} ${r} 0 0 1 12 ${bottom} A ${r} ${r} 0 0 1 12 ${top} Z`;\n    },\n\n    // stroke-dasharray/offset control how much of the circle is visually \"filled\".\n    cssVars () {\n      const C = this.circleCircumference;\n      const MIN_VISUAL_PROGRESS = 5;\n      const visualProgress = (this.progress > 0 && this.progress < MIN_VISUAL_PROGRESS)\n        ? MIN_VISUAL_PROGRESS\n        : this.progress;\n      const fillLength = C * visualProgress / 100;\n      const sw = this.strokeWidth;\n      const capArc = sw / 2;\n\n      // When both arcs are visible, round linecaps extend capArc past each endpoint.\n      // Shorten each arc by capArc at both ends (total sw per arc) so the caps meet\n      // exactly at each junction without overlapping. Rotate the fill forward by\n      // capArc so its start cap lands at 12 o'clock.\n      const both = this.progress > 0 && this.progress < 100;\n      const adj = both ? sw : 0;\n\n      return {\n        // Full-circle arcs use 'none' to avoid round-cap overlap at the path seam.\n        '--stroke-dasharray': (!both && this.progress >= 100) ? 'none' : C,\n        '--fill-dashoffset': C - Math.max(0, fillLength - adj),\n        '--fill-rotate': `${both ? (capArc / C * 360) : 0}deg`,\n        '--track-dasharray': (!both && this.progress <= 0) ? 'none' : `${Math.max(0, C - fillLength - adj)} ${C}`,\n        '--track-dashoffset': -(fillLength + (both ? capArc : 0)),\n      };\n    },\n  },\n\n};\n</script>\n\n<template>\n  <div\n    class=\"d-progress-circle\"\n    :class=\"[sizeClass, kindClass]\"\n    role=\"progressbar\"\n    :aria-label=\"ariaLabel\"\n    tabindex=\"-1\"\n    :aria-valuenow=\"progress\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    data-qa=\"dt-progress-circle\"\n  >\n    <svg\n      class=\"d-progress-circle__bar\"\n      :style=\"cssVars\"\n      viewBox=\"0 0 24 24\"\n    >\n      <defs v-if=\"isAi\">\n        <linearGradient\n          :id=\"aiGradientId\"\n          x1=\"0%\"\n          y1=\"0%\"\n          x2=\"100%\"\n          y2=\"100%\"\n        >\n          <!-- This emulates the AI gradient, for which each color isn't directly mappable to a CSS variable -->\n          <stop\n            offset=\"0%\"\n            stop-color=\"var(--dt-color-brand-gold)\"\n          />\n          <stop\n            offset=\"33%\"\n            stop-color=\"var(--dt-color-brand-red)\"\n          />\n          <stop\n            offset=\"66%\"\n            stop-color=\"var(--dt-color-brand-magenta)\"\n          />\n          <stop\n            offset=\"100%\"\n            stop-color=\"var(--dt-color-brand-purple)\"\n          />\n        </linearGradient>\n      </defs>\n      <path\n        v-if=\"progress <= 95\"\n        :d=\"circlePath\"\n        class=\"d-progress-circle__shape d-progress-circle__shape--track\"\n        fill=\"none\"\n        :stroke-width=\"strokeWidth\"\n        stroke-linecap=\"round\"\n      />\n      <path\n        v-if=\"progress > 0\"\n        :d=\"circlePath\"\n        class=\"d-progress-circle__shape d-progress-circle__shape--fill\"\n        fill=\"none\"\n        :stroke-width=\"strokeWidth\"\n        stroke-linecap=\"round\"\n        :style=\"fillStrokeStyle\"\n      />\n    </svg>\n  </div>\n</template>\n"],"names":["_sfc_main","v","s","PROGRESS_CIRCLE_SIZES","k","PROGRESS_CIRCLE_KINDS","r","top","bottom","C","MIN_VISUAL_PROGRESS","visualProgress","fillLength","sw","capArc","both","adj","_createElementBlock","_normalizeClass","$options","$props","_hoisted_2","_createElementVNode","$data"],"mappings":"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"}
+{"version":3,"file":"progress-circle.cjs","names":[],"sources":["../../../components/progress_circle/progress_circle.vue"],"sourcesContent":["<script>\n/**\n * Circular SVG progress indicator for determinate upload or processing progress.\n * @see https://dialtone.dialpad.com/components/progress-circle.html\n */\nimport { PROGRESS_CIRCLE_SIZES, PROGRESS_CIRCLE_KINDS } from './progress_circle_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtProgressCircle',\n  props: {\n    /** Accessible label read by screen readers. */\n    ariaLabel: { type: String, required: true },\n    /** Current progress value (0–100). */\n    progress: {\n      type: Number,\n      default: 0,\n      validator: (v) => v >= 0 && v <= 100,\n    },\n\n    /**\n     * The size of the progress indicator, aligning to Dialtone icon sizes.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (s) => Object.keys(PROGRESS_CIRCLE_SIZES).includes(s),\n    },\n\n    /**\n     * The color variant of the progress indicator.\n     * @values default, brand, critical, positive, warning, info, ai\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(PROGRESS_CIRCLE_KINDS).includes(k),\n    },\n  },\n\n  data () {\n    return {\n      strokeWidth: 3.25,\n      uid: Math.random().toString(36).substring(2, 9),\n    };\n  },\n\n  computed: {\n    // SVG stroke doesn't support CSS gradients, so the \"ai\" kind uses an inline\n    // SVG <linearGradient> referenced via url(#id) instead of a CSS variable.\n    isAi () {\n      return this.kind === 'ai';\n    },\n\n    // Unique per-instance to avoid collisions when multiple progress circles coexist.\n    aiGradientId () {\n      return `progress-circle-ai-gradient-${this.uid}`;\n    },\n\n    fillStrokeStyle () {\n      return this.isAi ? { stroke: `url(#${this.aiGradientId})` } : {};\n    },\n\n    sizeClass () {\n      return PROGRESS_CIRCLE_SIZES[this.size];\n    },\n\n    kindClass () {\n      return PROGRESS_CIRCLE_KINDS[this.kind];\n    },\n\n    circleRadius () {\n      return 12 - (this.strokeWidth / 2);\n    },\n\n    circleCircumference () {\n      return 2 * Math.PI * this.circleRadius;\n    },\n\n    // Draws a full circle as two arcs so getTotalLength() returns the circumference.\n    circlePath () {\n      const r = this.circleRadius;\n      const top = 12 - r;\n      const bottom = 12 + r;\n      return `M 12 ${top} A ${r} ${r} 0 0 1 12 ${bottom} A ${r} ${r} 0 0 1 12 ${top} Z`;\n    },\n\n    // stroke-dasharray/offset control how much of the circle is visually \"filled\".\n    cssVars () {\n      const C = this.circleCircumference;\n      const MIN_VISUAL_PROGRESS = 5;\n      const visualProgress = (this.progress > 0 && this.progress < MIN_VISUAL_PROGRESS)\n        ? MIN_VISUAL_PROGRESS\n        : this.progress;\n      const fillLength = C * visualProgress / 100;\n      const sw = this.strokeWidth;\n      const capArc = sw / 2;\n\n      // When both arcs are visible, round linecaps extend capArc past each endpoint.\n      // Shorten each arc by capArc at both ends (total sw per arc) so the caps meet\n      // exactly at each junction without overlapping. Rotate the fill forward by\n      // capArc so its start cap lands at 12 o'clock.\n      const both = this.progress > 0 && this.progress < 100;\n      const adj = both ? sw : 0;\n\n      return {\n        // Full-circle arcs use 'none' to avoid round-cap overlap at the path seam.\n        '--stroke-dasharray': (!both && this.progress >= 100) ? 'none' : C,\n        '--fill-dashoffset': C - Math.max(0, fillLength - adj),\n        '--fill-rotate': `${both ? (capArc / C * 360) : 0}deg`,\n        '--track-dasharray': (!both && this.progress <= 0) ? 'none' : `${Math.max(0, C - fillLength - adj)} ${C}`,\n        '--track-dashoffset': -(fillLength + (both ? capArc : 0)),\n      };\n    },\n  },\n\n};\n</script>\n\n<template>\n  <div\n    class=\"d-progress-circle\"\n    :class=\"[sizeClass, kindClass]\"\n    role=\"progressbar\"\n    :aria-label=\"ariaLabel\"\n    tabindex=\"-1\"\n    :aria-valuenow=\"progress\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    data-qa=\"dt-progress-circle\"\n  >\n    <svg\n      class=\"d-progress-circle__bar\"\n      :style=\"cssVars\"\n      viewBox=\"0 0 24 24\"\n    >\n      <defs v-if=\"isAi\">\n        <linearGradient\n          :id=\"aiGradientId\"\n          x1=\"0%\"\n          y1=\"0%\"\n          x2=\"100%\"\n          y2=\"100%\"\n        >\n          <!-- This emulates the AI gradient, for which each color isn't directly mappable to a CSS variable -->\n          <stop\n            offset=\"0%\"\n            stop-color=\"var(--dt-color-brand-gold)\"\n          />\n          <stop\n            offset=\"33%\"\n            stop-color=\"var(--dt-color-brand-red)\"\n          />\n          <stop\n            offset=\"66%\"\n            stop-color=\"var(--dt-color-brand-magenta)\"\n          />\n          <stop\n            offset=\"100%\"\n            stop-color=\"var(--dt-color-brand-purple)\"\n          />\n        </linearGradient>\n      </defs>\n      <path\n        v-if=\"progress <= 95\"\n        :d=\"circlePath\"\n        class=\"d-progress-circle__shape d-progress-circle__shape--track\"\n        fill=\"none\"\n        :stroke-width=\"strokeWidth\"\n        stroke-linecap=\"round\"\n      />\n      <path\n        v-if=\"progress > 0\"\n        :d=\"circlePath\"\n        class=\"d-progress-circle__shape d-progress-circle__shape--fill\"\n        fill=\"none\"\n        :stroke-width=\"strokeWidth\"\n        stroke-linecap=\"round\"\n        :style=\"fillStrokeStyle\"\n      />\n    </svg>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/lib/progress-circle/progress-circle.js

@@ -1,151 +1,135 @@
-import { PROGRESS_CIRCLE_KINDS as u, PROGRESS_CIRCLE_SIZES as p } from "./progress-circle-constants.js";
-import { openBlock as o, createElementBlock as l, normalizeClass as g, normalizeStyle as f, createElementVNode as c, createCommentVNode as n } from "vue";
-import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const k = {
-  compatConfig: { MODE: 3 },
-  name: "DtProgressCircle",
-  props: {
-    /** Accessible label read by screen readers. */
-    ariaLabel: { type: String, required: !0 },
-    /** Current progress value (0–100). */
-    progress: {
-      type: Number,
-      default: 0,
-      validator: (r) => r >= 0 && r <= 100
-    },
-    /**
-     * The size of the progress indicator, aligning to Dialtone icon sizes.
-     * @values 100, 200, 300, 400, 500, 600, 700, 800
-     */
-    size: {
-      type: String,
-      default: "500",
-      validator: (r) => Object.keys(p).includes(r)
-    },
-    /**
-     * The color variant of the progress indicator.
-     * @values default, brand, critical, positive, warning, info, ai
-     */
-    kind: {
-      type: String,
-      default: "default",
-      validator: (r) => Object.keys(u).includes(r)
-    }
-  },
-  data() {
-    return {
-      strokeWidth: 3.25,
-      uid: Math.random().toString(36).substring(2, 9)
-    };
-  },
-  computed: {
-    // SVG stroke doesn't support CSS gradients, so the "ai" kind uses an inline
-    // SVG <linearGradient> referenced via url(#id) instead of a CSS variable.
-    isAi() {
-      return this.kind === "ai";
-    },
-    // Unique per-instance to avoid collisions when multiple progress circles coexist.
-    aiGradientId() {
-      return `progress-circle-ai-gradient-${this.uid}`;
-    },
-    fillStrokeStyle() {
-      return this.isAi ? { stroke: `url(#${this.aiGradientId})` } : {};
-    },
-    sizeClass() {
-      return p[this.size];
-    },
-    kindClass() {
-      return u[this.kind];
-    },
-    circleRadius() {
-      return 12 - this.strokeWidth / 2;
-    },
-    circleCircumference() {
-      return 2 * Math.PI * this.circleRadius;
-    },
-    // Draws a full circle as two arcs so getTotalLength() returns the circumference.
-    circlePath() {
-      const r = this.circleRadius, s = 12 - r, t = 12 + r;
-      return `M 12 ${s} A ${r} ${r} 0 0 1 12 ${t} A ${r} ${r} 0 0 1 12 ${s} Z`;
-    },
-    // stroke-dasharray/offset control how much of the circle is visually "filled".
-    cssVars() {
-      const r = this.circleCircumference, s = 5, t = this.progress > 0 && this.progress < s ? s : this.progress, d = r * t / 100, i = this.strokeWidth, e = i / 2, a = this.progress > 0 && this.progress < 100, h = a ? i : 0;
-      return {
-        // Full-circle arcs use 'none' to avoid round-cap overlap at the path seam.
-        "--stroke-dasharray": !a && this.progress >= 100 ? "none" : r,
-        "--fill-dashoffset": r - Math.max(0, d - h),
-        "--fill-rotate": `${a ? e / r * 360 : 0}deg`,
-        "--track-dasharray": !a && this.progress <= 0 ? "none" : `${Math.max(0, r - d - h)} ${r}`,
-        "--track-dashoffset": -(d + (a ? e : 0))
-      };
-    }
-  }
-}, m = ["aria-label", "aria-valuenow"], S = { key: 0 }, y = ["id"], b = ["d", "stroke-width"], C = ["d", "stroke-width"];
-function v(r, s, t, d, i, e) {
-  return o(), l("div", {
-    class: g(["d-progress-circle", [e.sizeClass, e.kindClass]]),
-    role: "progressbar",
-    "aria-label": t.ariaLabel,
-    tabindex: "-1",
-    "aria-valuenow": t.progress,
-    "aria-valuemin": "0",
-    "aria-valuemax": "100",
-    "data-qa": "dt-progress-circle"
-  }, [
-    (o(), l("svg", {
-      class: "d-progress-circle__bar",
-      style: f(e.cssVars),
-      viewBox: "0 0 24 24"
-    }, [
-      e.isAi ? (o(), l("defs", S, [
-        c("linearGradient", {
-          id: e.aiGradientId,
-          x1: "0%",
-          y1: "0%",
-          x2: "100%",
-          y2: "100%"
-        }, [...s[0] || (s[0] = [
-          c("stop", {
-            offset: "0%",
-            "stop-color": "var(--dt-color-brand-gold)"
-          }, null, -1),
-          c("stop", {
-            offset: "33%",
-            "stop-color": "var(--dt-color-brand-red)"
-          }, null, -1),
-          c("stop", {
-            offset: "66%",
-            "stop-color": "var(--dt-color-brand-magenta)"
-          }, null, -1),
-          c("stop", {
-            offset: "100%",
-            "stop-color": "var(--dt-color-brand-purple)"
-          }, null, -1)
-        ])], 8, y)
-      ])) : n("", !0),
-      t.progress <= 95 ? (o(), l("path", {
-        key: 1,
-        d: e.circlePath,
-        class: "d-progress-circle__shape d-progress-circle__shape--track",
-        fill: "none",
-        "stroke-width": i.strokeWidth,
-        "stroke-linecap": "round"
-      }, null, 8, b)) : n("", !0),
-      t.progress > 0 ? (o(), l("path", {
-        key: 2,
-        d: e.circlePath,
-        class: "d-progress-circle__shape d-progress-circle__shape--fill",
-        fill: "none",
-        "stroke-width": i.strokeWidth,
-        "stroke-linecap": "round",
-        style: f(e.fillStrokeStyle)
-      }, null, 12, C)) : n("", !0)
-    ], 4))
-  ], 10, m);
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { PROGRESS_CIRCLE_KINDS as t, PROGRESS_CIRCLE_SIZES as n } from "./progress-circle-constants.js";
+import { createCommentVNode as r, createElementBlock as i, createElementVNode as a, normalizeClass as o, normalizeStyle as s, openBlock as c } from "vue";
+//#region components/progress_circle/progress_circle.vue
+var l = {
+	compatConfig: { MODE: 3 },
+	name: "DtProgressCircle",
+	props: {
+		ariaLabel: {
+			type: String,
+			required: !0
+		},
+		progress: {
+			type: Number,
+			default: 0,
+			validator: (e) => e >= 0 && e <= 100
+		},
+		size: {
+			type: String,
+			default: "500",
+			validator: (e) => Object.keys(n).includes(e)
+		},
+		kind: {
+			type: String,
+			default: "default",
+			validator: (e) => Object.keys(t).includes(e)
+		}
+	},
+	data() {
+		return {
+			strokeWidth: 3.25,
+			uid: Math.random().toString(36).substring(2, 9)
+		};
+	},
+	computed: {
+		isAi() {
+			return this.kind === "ai";
+		},
+		aiGradientId() {
+			return `progress-circle-ai-gradient-${this.uid}`;
+		},
+		fillStrokeStyle() {
+			return this.isAi ? { stroke: `url(#${this.aiGradientId})` } : {};
+		},
+		sizeClass() {
+			return n[this.size];
+		},
+		kindClass() {
+			return t[this.kind];
+		},
+		circleRadius() {
+			return 12 - this.strokeWidth / 2;
+		},
+		circleCircumference() {
+			return 2 * Math.PI * this.circleRadius;
+		},
+		circlePath() {
+			let e = this.circleRadius, t = 12 - e;
+			return `M 12 ${t} A ${e} ${e} 0 0 1 12 ${12 + e} A ${e} ${e} 0 0 1 12 ${t} Z`;
+		},
+		cssVars() {
+			let e = this.circleCircumference, t = e * (this.progress > 0 && this.progress < 5 ? 5 : this.progress) / 100, n = this.strokeWidth, r = n / 2, i = this.progress > 0 && this.progress < 100, a = i ? n : 0;
+			return {
+				"--stroke-dasharray": !i && this.progress >= 100 ? "none" : e,
+				"--fill-dashoffset": e - Math.max(0, t - a),
+				"--fill-rotate": `${i ? r / e * 360 : 0}deg`,
+				"--track-dasharray": !i && this.progress <= 0 ? "none" : `${Math.max(0, e - t - a)} ${e}`,
+				"--track-dashoffset": -(t + (i ? r : 0))
+			};
+		}
+	}
+}, u = ["aria-label", "aria-valuenow"], d = { key: 0 }, f = ["id"], p = ["d", "stroke-width"], m = ["d", "stroke-width"];
+function h(e, t, n, l, h, g) {
+	return c(), i("div", {
+		class: o(["d-progress-circle", [g.sizeClass, g.kindClass]]),
+		role: "progressbar",
+		"aria-label": n.ariaLabel,
+		tabindex: "-1",
+		"aria-valuenow": n.progress,
+		"aria-valuemin": "0",
+		"aria-valuemax": "100",
+		"data-qa": "dt-progress-circle"
+	}, [(c(), i("svg", {
+		class: "d-progress-circle__bar",
+		style: s(g.cssVars),
+		viewBox: "0 0 24 24"
+	}, [
+		g.isAi ? (c(), i("defs", d, [a("linearGradient", {
+			id: g.aiGradientId,
+			x1: "0%",
+			y1: "0%",
+			x2: "100%",
+			y2: "100%"
+		}, [...t[0] || (t[0] = [
+			a("stop", {
+				offset: "0%",
+				"stop-color": "var(--dt-color-brand-gold)"
+			}, null, -1),
+			a("stop", {
+				offset: "33%",
+				"stop-color": "var(--dt-color-brand-red)"
+			}, null, -1),
+			a("stop", {
+				offset: "66%",
+				"stop-color": "var(--dt-color-brand-magenta)"
+			}, null, -1),
+			a("stop", {
+				offset: "100%",
+				"stop-color": "var(--dt-color-brand-purple)"
+			}, null, -1)
+		])], 8, f)])) : r("", !0),
+		n.progress <= 95 ? (c(), i("path", {
+			key: 1,
+			d: g.circlePath,
+			class: "d-progress-circle__shape d-progress-circle__shape--track",
+			fill: "none",
+			"stroke-width": h.strokeWidth,
+			"stroke-linecap": "round"
+		}, null, 8, p)) : r("", !0),
+		n.progress > 0 ? (c(), i("path", {
+			key: 2,
+			d: g.circlePath,
+			class: "d-progress-circle__shape d-progress-circle__shape--fill",
+			fill: "none",
+			"stroke-width": h.strokeWidth,
+			"stroke-linecap": "round",
+			style: s(g.fillStrokeStyle)
+		}, null, 12, m)) : r("", !0)
+	], 4))], 10, u);
 }
-const P = /* @__PURE__ */ _(k, [["render", v]]);
-export {
-  P as default
-};
-//# sourceMappingURL=progress-circle.js.map
+var g = /* @__PURE__ */ e(l, [["render", h]]);
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=progress-circle.js.map