@dialpad/dialtone-vue 3.223.1 → 3.224.0-next.2

package/dist/lib/presence/presence.js

@@ -1,41 +1,2 @@
-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 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);
-}
-var p = /* @__PURE__ */ e(l, [["render", f]]);
-//#endregion
-export { p as default };
-
-//# sourceMappingURL=presence.js.map
+import { t as e } from "../../Presence-CGgyodnC.js";
+export { e as default };

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"progress-circle-constants.cjs","names":[],"sources":["../../../components/ProgressCircle/ProgressCircleConstants.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,4 +1,4 @@
-//#region components/progress_circle/progress_circle_constants.js
+//#region components/ProgressCircle/ProgressCircleConstants.js
 var e = {
 	100: "d-progress-circle--size-100",
 	200: "d-progress-circle--size-200",

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"progress-circle-constants.js","names":[],"sources":["../../../components/ProgressCircle/ProgressCircleConstants.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 @@
-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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/validators/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`./progress-circle-constants.cjs`);let r=require(`vue`);var i={name:`DtProgressCircle`,props:{ariaLabel:{type:String,required:!0},progress:{type:Number,default:0,validator:e=>e>=0&&e<=100},size:{type:[String,Number],default:500,validator:e.ordinalSizeValidator(n.PROGRESS_CIRCLE_SIZES)},kind:{type:String,default:`default`,validator:e=>Object.keys(n.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 n.PROGRESS_CIRCLE_SIZES[this.size]},kindClass(){return n.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))}}}},a=[`aria-label`,`aria-valuenow`],o={key:0},s=[`id`],c=[`d`,`stroke-width`],l=[`d`,`stroke-width`];function u(e,t,n,i,u,d){return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([`d-progress-circle`,[d.sizeClass,d.kindClass]]),role:`progressbar`,"aria-label":n.ariaLabel,tabindex:`-1`,"aria-valuenow":n.progress,"aria-valuemin":`0`,"aria-valuemax":`100`,"data-qa":`dt-progress-circle`},[((0,r.openBlock)(),(0,r.createElementBlock)(`svg`,{class:`d-progress-circle__bar`,style:(0,r.normalizeStyle)(d.cssVars),viewBox:`0 0 24 24`},[d.isAi?((0,r.openBlock)(),(0,r.createElementBlock)(`defs`,o,[(0,r.createElementVNode)(`linearGradient`,{id:d.aiGradientId,x1:`0%`,y1:`0%`,x2:`100%`,y2:`100%`},[...t[0]||(t[0]=[(0,r.createElementVNode)(`stop`,{offset:`0%`,"stop-color":`var(--dt-color-brand-gold)`},null,-1),(0,r.createElementVNode)(`stop`,{offset:`33%`,"stop-color":`var(--dt-color-brand-red)`},null,-1),(0,r.createElementVNode)(`stop`,{offset:`66%`,"stop-color":`var(--dt-color-brand-magenta)`},null,-1),(0,r.createElementVNode)(`stop`,{offset:`100%`,"stop-color":`var(--dt-color-brand-purple)`},null,-1)])],8,s)])):(0,r.createCommentVNode)(``,!0),n.progress<=95?((0,r.openBlock)(),(0,r.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,c)):(0,r.createCommentVNode)(``,!0),n.progress>0?((0,r.openBlock)(),(0,r.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,r.normalizeStyle)(d.fillStrokeStyle)},null,12,l)):(0,r.createCommentVNode)(``,!0)],4))],10,a)}var d=t.t(i,[[`render`,u]]);exports.default=d;
 //# sourceMappingURL=progress-circle.cjs.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"progress-circle.cjs","names":[],"sources":["../../../components/ProgressCircle/ProgressCircle.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 './ProgressCircleConstants';\nimport { ordinalSizeValidator } from '@/common/validators';\n\nexport default {\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, Number],\n      default: 500,\n      validator: ordinalSizeValidator(PROGRESS_CIRCLE_SIZES),\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,9 +1,9 @@
-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 },
+import { ordinalSizeValidator as e } from "../../common/validators/index.js";
+import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { PROGRESS_CIRCLE_KINDS as n, PROGRESS_CIRCLE_SIZES as r } from "./progress-circle-constants.js";
+import { createCommentVNode as i, createElementBlock as a, createElementVNode as o, normalizeClass as s, normalizeStyle as c, openBlock as l } from "vue";
+//#region components/ProgressCircle/ProgressCircle.vue
+var u = {
 	name: "DtProgressCircle",
 	props: {
 		ariaLabel: {
@@ -16,14 +16,14 @@ var l = {
 			validator: (e) => e >= 0 && e <= 100
 		},
 		size: {
-			type: String,
-			default: "500",
-			validator: (e) => Object.keys(n).includes(e)
+			type: [String, Number],
+			default: 500,
+			validator: e(r)
 		},
 		kind: {
 			type: String,
 			default: "default",
-			validator: (e) => Object.keys(t).includes(e)
+			validator: (e) => Object.keys(n).includes(e)
 		}
 	},
 	data() {
@@ -43,10 +43,10 @@ var l = {
 			return this.isAi ? { stroke: `url(#${this.aiGradientId})` } : {};
 		},
 		sizeClass() {
-			return n[this.size];
+			return r[this.size];
 		},
 		kindClass() {
-			return t[this.kind];
+			return n[this.kind];
 		},
 		circleRadius() {
 			return 12 - this.strokeWidth / 2;
@@ -69,10 +69,10 @@ var l = {
 			};
 		}
 	}
-}, 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]]),
+}, d = ["aria-label", "aria-valuenow"], f = { key: 0 }, p = ["id"], m = ["d", "stroke-width"], h = ["d", "stroke-width"];
+function g(e, t, n, r, u, g) {
+	return l(), a("div", {
+		class: s(["d-progress-circle", [g.sizeClass, g.kindClass]]),
 		role: "progressbar",
 		"aria-label": n.ariaLabel,
 		tabindex: "-1",
@@ -80,56 +80,56 @@ function h(e, t, n, l, h, g) {
 		"aria-valuemin": "0",
 		"aria-valuemax": "100",
 		"data-qa": "dt-progress-circle"
-	}, [(c(), i("svg", {
+	}, [(l(), a("svg", {
 		class: "d-progress-circle__bar",
-		style: s(g.cssVars),
+		style: c(g.cssVars),
 		viewBox: "0 0 24 24"
 	}, [
-		g.isAi ? (c(), i("defs", d, [a("linearGradient", {
+		g.isAi ? (l(), a("defs", f, [o("linearGradient", {
 			id: g.aiGradientId,
 			x1: "0%",
 			y1: "0%",
 			x2: "100%",
 			y2: "100%"
 		}, [...t[0] || (t[0] = [
-			a("stop", {
+			o("stop", {
 				offset: "0%",
 				"stop-color": "var(--dt-color-brand-gold)"
 			}, null, -1),
-			a("stop", {
+			o("stop", {
 				offset: "33%",
 				"stop-color": "var(--dt-color-brand-red)"
 			}, null, -1),
-			a("stop", {
+			o("stop", {
 				offset: "66%",
 				"stop-color": "var(--dt-color-brand-magenta)"
 			}, null, -1),
-			a("stop", {
+			o("stop", {
 				offset: "100%",
 				"stop-color": "var(--dt-color-brand-purple)"
 			}, null, -1)
-		])], 8, f)])) : r("", !0),
-		n.progress <= 95 ? (c(), i("path", {
+		])], 8, p)])) : i("", !0),
+		n.progress <= 95 ? (l(), a("path", {
 			key: 1,
 			d: g.circlePath,
 			class: "d-progress-circle__shape d-progress-circle__shape--track",
 			fill: "none",
-			"stroke-width": h.strokeWidth,
+			"stroke-width": u.strokeWidth,
 			"stroke-linecap": "round"
-		}, null, 8, p)) : r("", !0),
-		n.progress > 0 ? (c(), i("path", {
+		}, null, 8, m)) : i("", !0),
+		n.progress > 0 ? (l(), a("path", {
 			key: 2,
 			d: g.circlePath,
 			class: "d-progress-circle__shape d-progress-circle__shape--fill",
 			fill: "none",
-			"stroke-width": h.strokeWidth,
+			"stroke-width": u.strokeWidth,
 			"stroke-linecap": "round",
-			style: s(g.fillStrokeStyle)
-		}, null, 12, m)) : r("", !0)
-	], 4))], 10, u);
+			style: c(g.fillStrokeStyle)
+		}, null, 12, h)) : i("", !0)
+	], 4))], 10, d);
 }
-var g = /* @__PURE__ */ e(l, [["render", h]]);
+var _ = /* @__PURE__ */ t(u, [["render", g]]);
 //#endregion
-export { g as default };
+export { _ as default };
 
 //# sourceMappingURL=progress-circle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress-circle.js","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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"}
+{"version":3,"file":"progress-circle.js","names":[],"sources":["../../../components/ProgressCircle/ProgressCircle.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 './ProgressCircleConstants';\nimport { ordinalSizeValidator } from '@/common/validators';\n\nexport default {\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, Number],\n      default: 500,\n      validator: ordinalSizeValidator(PROGRESS_CIRCLE_SIZES),\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/prose/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./prose-constants.cjs`),t=require(`./prose.cjs`);exports.DtProse=t.default,exports.PROSE_ALLOWED_ATTRIBUTES=e.PROSE_ALLOWED_ATTRIBUTES,exports.PROSE_DENSITY_MODIFIERS=e.PROSE_DENSITY_MODIFIERS,exports.PROSE_DISALLOWED_ELEMENTS=e.PROSE_DISALLOWED_ELEMENTS,exports.PROSE_SIZE_MODIFIERS=e.PROSE_SIZE_MODIFIERS;

package/dist/lib/prose/index.js

@@ -0,0 +1,3 @@
+import { PROSE_ALLOWED_ATTRIBUTES as e, PROSE_DENSITY_MODIFIERS as t, PROSE_DISALLOWED_ELEMENTS as n, PROSE_SIZE_MODIFIERS as r } from "./prose-constants.js";
+import i from "./prose.js";
+export { i as DtProse, e as PROSE_ALLOWED_ATTRIBUTES, t as PROSE_DENSITY_MODIFIERS, n as PROSE_DISALLOWED_ELEMENTS, r as PROSE_SIZE_MODIFIERS };

package/dist/lib/prose/prose-constants.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={100:`d-prose--size-100`,200:`d-prose--size-200`,300:``},t={100:`d-prose--density-100`,200:``,300:`d-prose--density-300`},n=[`form`,`input`,`select`,`textarea`,`button`,`fieldset`,`output`,`datalist`,`progress`,`meter`,`optgroup`,`option`],r=[`aria-`],i=[`href`,`src`,`cite`],a=/^\s*(javascript|vbscript|data|blob|file):/i;function o(e){return!a.test(e??``)}var s={_global:[`id`,`lang`,`dir`,`translate`,`title`,`role`],a:[`href`,`target`,`rel`,`hreflang`],img:[`src`,`alt`,`width`,`height`,`loading`,`decoding`],th:[`scope`,`colspan`,`rowspan`,`headers`],td:[`colspan`,`rowspan`,`headers`],ol:[`start`,`reversed`,`type`],blockquote:[`cite`],q:[`cite`],ins:[`cite`],del:[`cite`],time:[`datetime`],abbr:[`title`],input:[`type`,`checked`,`disabled`],details:[`open`],table:[`summary`],col:[`span`],colgroup:[`span`]};exports.PROSE_ALLOWED_ATTRIBUTES=s,exports.PROSE_DENSITY_MODIFIERS=t,exports.PROSE_DISALLOWED_ELEMENTS=n,exports.PROSE_SIZE_MODIFIERS=e,exports._PROSE_ALLOWED_ATTRIBUTE_PREFIXES=r,exports._PROSE_URL_ATTRIBUTES=i,exports._isSafeProseUrl=o;
+//# sourceMappingURL=prose-constants.cjs.map

package/dist/lib/prose/prose-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prose-constants.cjs","names":[],"sources":["../../../components/Prose/ProseConstants.js"],"sourcesContent":["export const PROSE_SIZE_MODIFIERS = {\n  100: 'd-prose--size-100',\n  200: 'd-prose--size-200',\n  300: '',\n};\n\nexport const PROSE_DENSITY_MODIFIERS = {\n  100: 'd-prose--density-100',\n  200: '',\n  300: 'd-prose--density-300',\n};\n\nexport const PROSE_DISALLOWED_ELEMENTS = [\n  'form', 'input', 'select', 'textarea', 'button',\n  'fieldset', 'output', 'datalist', 'progress', 'meter',\n  'optgroup', 'option',\n];\n\nexport const _PROSE_ALLOWED_ATTRIBUTE_PREFIXES = ['aria-'];\n\nexport const _PROSE_URL_ATTRIBUTES = ['href', 'src', 'cite'];\n\nconst UNSAFE_URL_SCHEME = /^\\s*(javascript|vbscript|data|blob|file):/i;\n\nexport function _isSafeProseUrl (value) {\n  return !UNSAFE_URL_SCHEME.test(value ?? '');\n}\n\nexport const PROSE_ALLOWED_ATTRIBUTES = {\n  _global: ['id', 'lang', 'dir', 'translate', 'title', 'role'],\n  a: ['href', 'target', 'rel', 'hreflang'],\n  img: ['src', 'alt', 'width', 'height', 'loading', 'decoding'],\n  th: ['scope', 'colspan', 'rowspan', 'headers'],\n  td: ['colspan', 'rowspan', 'headers'],\n  ol: ['start', 'reversed', 'type'],\n  blockquote: ['cite'],\n  q: ['cite'],\n  ins: ['cite'],\n  del: ['cite'],\n  time: ['datetime'],\n  abbr: ['title'],\n  input: ['type', 'checked', 'disabled'],\n  details: ['open'],\n  table: ['summary'],\n  col: ['span'],\n  colgroup: ['span'],\n};\n"],"mappings":"mEAAA,IAAa,EAAuB,CAClC,IAAK,oBACL,IAAK,oBACL,IAAK,GACN,CAEY,EAA0B,CACrC,IAAK,uBACL,IAAK,GACL,IAAK,uBACN,CAEY,EAA4B,CACvC,OAAQ,QAAS,SAAU,WAAY,SACvC,WAAY,SAAU,WAAY,WAAY,QAC9C,WAAY,SACb,CAEY,EAAoC,CAAC,QAAQ,CAE7C,EAAwB,CAAC,OAAQ,MAAO,OAAO,CAEtD,EAAoB,6CAE1B,SAAgB,EAAiB,EAAO,CACtC,MAAO,CAAC,EAAkB,KAAK,GAAS,GAAG,CAG7C,IAAa,EAA2B,CACtC,QAAS,CAAC,KAAM,OAAQ,MAAO,YAAa,QAAS,OAAO,CAC5D,EAAG,CAAC,OAAQ,SAAU,MAAO,WAAW,CACxC,IAAK,CAAC,MAAO,MAAO,QAAS,SAAU,UAAW,WAAW,CAC7D,GAAI,CAAC,QAAS,UAAW,UAAW,UAAU,CAC9C,GAAI,CAAC,UAAW,UAAW,UAAU,CACrC,GAAI,CAAC,QAAS,WAAY,OAAO,CACjC,WAAY,CAAC,OAAO,CACpB,EAAG,CAAC,OAAO,CACX,IAAK,CAAC,OAAO,CACb,IAAK,CAAC,OAAO,CACb,KAAM,CAAC,WAAW,CAClB,KAAM,CAAC,QAAQ,CACf,MAAO,CAAC,OAAQ,UAAW,WAAW,CACtC,QAAS,CAAC,OAAO,CACjB,MAAO,CAAC,UAAU,CAClB,IAAK,CAAC,OAAO,CACb,SAAU,CAAC,OAAO,CACnB"}

package/dist/lib/prose/prose-constants.js

@@ -0,0 +1,89 @@
+//#region components/Prose/ProseConstants.js
+var e = {
+	100: "d-prose--size-100",
+	200: "d-prose--size-200",
+	300: ""
+}, t = {
+	100: "d-prose--density-100",
+	200: "",
+	300: "d-prose--density-300"
+}, n = [
+	"form",
+	"input",
+	"select",
+	"textarea",
+	"button",
+	"fieldset",
+	"output",
+	"datalist",
+	"progress",
+	"meter",
+	"optgroup",
+	"option"
+], r = ["aria-"], i = [
+	"href",
+	"src",
+	"cite"
+], a = /^\s*(javascript|vbscript|data|blob|file):/i;
+function o(e) {
+	return !a.test(e ?? "");
+}
+var s = {
+	_global: [
+		"id",
+		"lang",
+		"dir",
+		"translate",
+		"title",
+		"role"
+	],
+	a: [
+		"href",
+		"target",
+		"rel",
+		"hreflang"
+	],
+	img: [
+		"src",
+		"alt",
+		"width",
+		"height",
+		"loading",
+		"decoding"
+	],
+	th: [
+		"scope",
+		"colspan",
+		"rowspan",
+		"headers"
+	],
+	td: [
+		"colspan",
+		"rowspan",
+		"headers"
+	],
+	ol: [
+		"start",
+		"reversed",
+		"type"
+	],
+	blockquote: ["cite"],
+	q: ["cite"],
+	ins: ["cite"],
+	del: ["cite"],
+	time: ["datetime"],
+	abbr: ["title"],
+	input: [
+		"type",
+		"checked",
+		"disabled"
+	],
+	details: ["open"],
+	table: ["summary"],
+	col: ["span"],
+	colgroup: ["span"]
+};
+//#endregion
+export { s as PROSE_ALLOWED_ATTRIBUTES, t as PROSE_DENSITY_MODIFIERS, n as PROSE_DISALLOWED_ELEMENTS, e as PROSE_SIZE_MODIFIERS, r as _PROSE_ALLOWED_ATTRIBUTE_PREFIXES, i as _PROSE_URL_ATTRIBUTES, o as _isSafeProseUrl };
+
+//# sourceMappingURL=prose-constants.js.map

package/dist/lib/prose/prose-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prose-constants.js","names":[],"sources":["../../../components/Prose/ProseConstants.js"],"sourcesContent":["export const PROSE_SIZE_MODIFIERS = {\n  100: 'd-prose--size-100',\n  200: 'd-prose--size-200',\n  300: '',\n};\n\nexport const PROSE_DENSITY_MODIFIERS = {\n  100: 'd-prose--density-100',\n  200: '',\n  300: 'd-prose--density-300',\n};\n\nexport const PROSE_DISALLOWED_ELEMENTS = [\n  'form', 'input', 'select', 'textarea', 'button',\n  'fieldset', 'output', 'datalist', 'progress', 'meter',\n  'optgroup', 'option',\n];\n\nexport const _PROSE_ALLOWED_ATTRIBUTE_PREFIXES = ['aria-'];\n\nexport const _PROSE_URL_ATTRIBUTES = ['href', 'src', 'cite'];\n\nconst UNSAFE_URL_SCHEME = /^\\s*(javascript|vbscript|data|blob|file):/i;\n\nexport function _isSafeProseUrl (value) {\n  return !UNSAFE_URL_SCHEME.test(value ?? '');\n}\n\nexport const PROSE_ALLOWED_ATTRIBUTES = {\n  _global: ['id', 'lang', 'dir', 'translate', 'title', 'role'],\n  a: ['href', 'target', 'rel', 'hreflang'],\n  img: ['src', 'alt', 'width', 'height', 'loading', 'decoding'],\n  th: ['scope', 'colspan', 'rowspan', 'headers'],\n  td: ['colspan', 'rowspan', 'headers'],\n  ol: ['start', 'reversed', 'type'],\n  blockquote: ['cite'],\n  q: ['cite'],\n  ins: ['cite'],\n  del: ['cite'],\n  time: ['datetime'],\n  abbr: ['title'],\n  input: ['type', 'checked', 'disabled'],\n  details: ['open'],\n  table: ['summary'],\n  col: ['span'],\n  colgroup: ['span'],\n};\n"],"mappings":";AAAA,IAAa,IAAuB;CAClC,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAEY,IAA0B;CACrC,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAEY,IAA4B;CACvC;CAAQ;CAAS;CAAU;CAAY;CACvC;CAAY;CAAU;CAAY;CAAY;CAC9C;CAAY;CACb,EAEY,IAAoC,CAAC,QAAQ,EAE7C,IAAwB;CAAC;CAAQ;CAAO;CAAO,EAEtD,IAAoB;AAE1B,SAAgB,EAAiB,GAAO;AACtC,QAAO,CAAC,EAAkB,KAAK,KAAS,GAAG;;AAG7C,IAAa,IAA2B;CACtC,SAAS;EAAC;EAAM;EAAQ;EAAO;EAAa;EAAS;EAAO;CAC5D,GAAG;EAAC;EAAQ;EAAU;EAAO;EAAW;CACxC,KAAK;EAAC;EAAO;EAAO;EAAS;EAAU;EAAW;EAAW;CAC7D,IAAI;EAAC;EAAS;EAAW;EAAW;EAAU;CAC9C,IAAI;EAAC;EAAW;EAAW;EAAU;CACrC,IAAI;EAAC;EAAS;EAAY;EAAO;CACjC,YAAY,CAAC,OAAO;CACpB,GAAG,CAAC,OAAO;CACX,KAAK,CAAC,OAAO;CACb,KAAK,CAAC,OAAO;CACb,MAAM,CAAC,WAAW;CAClB,MAAM,CAAC,QAAQ;CACf,OAAO;EAAC;EAAQ;EAAW;EAAW;CACtC,SAAS,CAAC,OAAO;CACjB,OAAO,CAAC,UAAU;CAClB,KAAK,CAAC,OAAO;CACb,UAAU,CAAC,OAAO;CACnB"}

package/dist/lib/prose/prose.cjs

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/validators/index.cjs`),t=require(`./prose-constants.cjs`);let n=require(`vue`);var r=Object.assign({name:`DtProse`},{__name:`Prose`,props:{size:{type:[String,Number],default:300,validator:e.ordinalSizeValidator(t.PROSE_SIZE_MODIFIERS)},density:{type:[String,Number],default:200,validator:e=>Object.keys(t.PROSE_DENSITY_MODIFIERS).includes(String(e))}},setup(e){let r=e,i=(0,n.computed)(()=>[`d-prose`,t.PROSE_SIZE_MODIFIERS[String(r.size)],t.PROSE_DENSITY_MODIFIERS[String(r.density)]].filter(Boolean)),a=(0,n.ref)(null);function o(e){return e.includes(`-`)}function s(e,n){return t.PROSE_DISALLOWED_ELEMENTS.includes(n)?!(n===`input`&&e.getAttribute(`type`)===`checkbox`&&e.parentElement?.tagName.toLowerCase()===`li`):!1}function c(e,n){let r=t.PROSE_ALLOWED_ATTRIBUTES._global||[],i=t.PROSE_ALLOWED_ATTRIBUTES[n]||[],a=[...r,...i],o=[];for(let n of e.attributes){if(t._PROSE_URL_ATTRIBUTES.includes(n.name)&&!t._isSafeProseUrl(n.value)){o.push(n.name);continue}a.includes(n.name)||t._PROSE_ALLOWED_ATTRIBUTE_PREFIXES.some(e=>n.name.startsWith(e))||o.push(n.name)}for(let t of o)e.removeAttribute(t)}function l(){if(!a.value)return;let e=document.createTreeWalker(a.value,NodeFilter.SHOW_ELEMENT),t=e.nextNode();for(;t;){let n=t.tagName.toLowerCase();c(t,n),t=e.nextNode()}}function u(){if(!a.value)return;let e=document.createTreeWalker(a.value,NodeFilter.SHOW_ELEMENT),t=e.nextNode();for(;t;){let n=t.tagName.toLowerCase();o(n)?console.error(`DtProse: Custom element <${n}> is not allowed inside prose content. Only plain HTML elements are permitted.`):s(t,n)&&console.error(`DtProse: <${n}> is not allowed inside prose content. Form elements and interactive controls should not be used in prose blocks.`),t=e.nextNode()}}return(0,n.onMounted)(l),(0,n.onUpdated)(l),process.env.NODE_ENV!==`production`&&((0,n.onMounted)(u),(0,n.onUpdated)(u)),(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`proseRef`,ref:a,class:(0,n.normalizeClass)(i.value),"data-qa":`dt-prose`},[(0,n.renderSlot)(e.$slots,`default`)],2))}});exports.default=r;
+//# sourceMappingURL=prose.cjs.map

package/dist/lib/prose/prose.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prose.cjs","names":[],"sources":["../../../components/Prose/Prose.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <div\n    ref=\"proseRef\"\n    :class=\"proseClasses\"\n    data-qa=\"dt-prose\"\n  >\n    <!-- @slot Default slot for raw HTML content -->\n    <slot />\n  </div>\n</template>\n\n<script setup>\ndefineOptions({ name: 'DtProse' });\n\nimport { computed, ref, onMounted, onUpdated } from 'vue';\nimport { ordinalSizeValidator } from '@/common/validators';\nimport {\n  PROSE_DISALLOWED_ELEMENTS,\n  PROSE_ALLOWED_ATTRIBUTES,\n  _PROSE_ALLOWED_ATTRIBUTE_PREFIXES,\n  _PROSE_URL_ATTRIBUTES,\n  PROSE_SIZE_MODIFIERS,\n  PROSE_DENSITY_MODIFIERS,\n  _isSafeProseUrl,\n} from './ProseConstants.js';\n\nconst props = defineProps({\n  /**\n   * The size of the prose typography scale.\n   * @values 100, 200, 300\n   */\n  size: {\n    type: [String, Number],\n    default: 300,\n    validator: ordinalSizeValidator(PROSE_SIZE_MODIFIERS),\n  },\n\n  /**\n   * The density (line-height) of prose content.\n   * @values 100, 200, 300\n   */\n  density: {\n    type: [String, Number],\n    default: 200,\n    validator: (s) => Object.keys(PROSE_DENSITY_MODIFIERS).includes(String(s)),\n  },\n});\n\nconst proseClasses = computed(() => [\n  'd-prose',\n  PROSE_SIZE_MODIFIERS[String(props.size)],\n  PROSE_DENSITY_MODIFIERS[String(props.density)],\n].filter(Boolean));\n\nconst proseRef = ref(null);\n\nfunction isCustomElement (tagName) {\n  return tagName.includes('-');\n}\n\nfunction isDisallowedElement (node, tagName) {\n  if (!PROSE_DISALLOWED_ELEMENTS.includes(tagName)) return false;\n\n  // Exception: <input type=\"checkbox\"> inside <li> (task list pattern)\n  return !(\n    tagName === 'input' &&\n    node.getAttribute('type') === 'checkbox' &&\n    node.parentElement?.tagName.toLowerCase() === 'li'\n  );\n}\n\nfunction stripDisallowedAttributes (node, tagName) {\n  const allowedGlobal = PROSE_ALLOWED_ATTRIBUTES._global || [];\n  const allowedForTag = PROSE_ALLOWED_ATTRIBUTES[tagName] || [];\n  const allowed = [...allowedGlobal, ...allowedForTag];\n\n  const attrsToRemove = [];\n  for (const attr of node.attributes) {\n    if (_PROSE_URL_ATTRIBUTES.includes(attr.name) && !_isSafeProseUrl(attr.value)) {\n      attrsToRemove.push(attr.name);\n      continue;\n    }\n    if (allowed.includes(attr.name)) continue;\n    if (_PROSE_ALLOWED_ATTRIBUTE_PREFIXES.some(prefix => attr.name.startsWith(prefix))) continue;\n    attrsToRemove.push(attr.name);\n  }\n  for (const attrName of attrsToRemove) {\n    node.removeAttribute(attrName);\n  }\n}\n\nfunction sanitizeContent () {\n  if (!proseRef.value) return;\n\n  const walker = document.createTreeWalker(\n    proseRef.value,\n    NodeFilter.SHOW_ELEMENT,\n  );\n\n  let node = walker.nextNode();\n  while (node) {\n    const tagName = node.tagName.toLowerCase();\n    stripDisallowedAttributes(node, tagName);\n\n    node = walker.nextNode();\n  }\n}\n\nfunction validateContent () {\n  if (!proseRef.value) return;\n\n  const walker = document.createTreeWalker(\n    proseRef.value,\n    NodeFilter.SHOW_ELEMENT,\n  );\n\n  let node = walker.nextNode();\n  while (node) {\n    const tagName = node.tagName.toLowerCase();\n\n    if (isCustomElement(tagName)) {\n      console.error(\n        `DtProse: Custom element <${tagName}> is not allowed inside prose content. ` +\n        'Only plain HTML elements are permitted.',\n      );\n    } else if (isDisallowedElement(node, tagName)) {\n      console.error(\n        `DtProse: <${tagName}> is not allowed inside prose content. ` +\n        'Form elements and interactive controls should not be used in prose blocks.',\n      );\n    }\n\n    node = walker.nextNode();\n  }\n}\n\nonMounted(sanitizeContent);\nonUpdated(sanitizeContent);\n\nif (process.env.NODE_ENV !== 'production') {\n  onMounted(validateContent);\n  onUpdated(validateContent);\n}\n</script>\n"],"mappings":"0gBA2BA,IAAM,EAAQ,EAsBR,GAAA,EAAA,EAAA,cAA8B,CAClC,UACA,EAAA,qBAAqB,OAAO,EAAM,KAAK,EACvC,EAAA,wBAAwB,OAAO,EAAM,QAAQ,EAC9C,CAAC,OAAO,QAAQ,CAAC,CAEZ,GAAA,EAAA,EAAA,KAAe,KAAK,CAE1B,SAAS,EAAiB,EAAS,CACjC,OAAO,EAAQ,SAAS,IAAI,CAG9B,SAAS,EAAqB,EAAM,EAAS,CAI3C,OAHK,EAAA,0BAA0B,SAAS,EAAQ,CAGzC,EACL,IAAY,SACZ,EAAK,aAAa,OAAO,GAAK,YAC9B,EAAK,eAAe,QAAQ,aAAa,GAAK,MANS,GAU3D,SAAS,EAA2B,EAAM,EAAS,CACjD,IAAM,EAAgB,EAAA,yBAAyB,SAAW,EAAE,CACtD,EAAgB,EAAA,yBAAyB,IAAY,EAAE,CACvD,EAAU,CAAC,GAAG,EAAe,GAAG,EAAc,CAE9C,EAAgB,EAAE,CACxB,IAAK,IAAM,KAAQ,EAAK,WAAY,CAClC,GAAI,EAAA,sBAAsB,SAAS,EAAK,KAAK,EAAI,CAAC,EAAA,gBAAgB,EAAK,MAAM,CAAE,CAC7E,EAAc,KAAK,EAAK,KAAK,CAC7B,SAEE,EAAQ,SAAS,EAAK,KAAK,EAC3B,EAAA,kCAAkC,KAAK,GAAU,EAAK,KAAK,WAAW,EAAO,CAAC,EAClF,EAAc,KAAK,EAAK,KAAK,CAE/B,IAAK,IAAM,KAAY,EACrB,EAAK,gBAAgB,EAAS,CAIlC,SAAS,GAAmB,CAC1B,GAAI,CAAC,EAAS,MAAO,OAErB,IAAM,EAAS,SAAS,iBACtB,EAAS,MACT,WAAW,aACZ,CAEG,EAAO,EAAO,UAAU,CAC5B,KAAO,GAAM,CACX,IAAM,EAAU,EAAK,QAAQ,aAAa,CAC1C,EAA0B,EAAM,EAAQ,CAExC,EAAO,EAAO,UAAU,EAI5B,SAAS,GAAmB,CAC1B,GAAI,CAAC,EAAS,MAAO,OAErB,IAAM,EAAS,SAAS,iBACtB,EAAS,MACT,WAAW,aACZ,CAEG,EAAO,EAAO,UAAU,CAC5B,KAAO,GAAM,CACX,IAAM,EAAU,EAAK,QAAQ,aAAa,CAEtC,EAAgB,EAAQ,CAC1B,QAAQ,MACN,4BAA4B,EAAQ,gFAErC,CACQ,EAAoB,EAAM,EAAQ,EAC3C,QAAQ,MACN,aAAa,EAAQ,mHAEtB,CAGH,EAAO,EAAO,UAAU,SAI5B,EAAA,EAAA,WAAU,EAAgB,EAC1B,EAAA,EAAA,WAAU,EAAgB,CAE1B,QAAA,IAAA,WAA6B,gBAC3B,EAAA,EAAA,WAAU,EAAgB,EAC1B,EAAA,EAAA,WAAU,EAAgB,qDArIpB,MAAA,SANA,WAAJ,IAAI,EACH,OAAA,EAAA,EAAA,gBAAO,EAAA,MAAY,CACpB,UAAQ,8BAGA,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA"}

package/dist/lib/prose/prose.js

@@ -0,0 +1,69 @@
+import { ordinalSizeValidator as e } from "../../common/validators/index.js";
+import { PROSE_ALLOWED_ATTRIBUTES as t, PROSE_DENSITY_MODIFIERS as n, PROSE_DISALLOWED_ELEMENTS as r, PROSE_SIZE_MODIFIERS as i, _PROSE_ALLOWED_ATTRIBUTE_PREFIXES as a, _PROSE_URL_ATTRIBUTES as o, _isSafeProseUrl as s } from "./prose-constants.js";
+import { computed as c, createElementBlock as l, normalizeClass as u, onMounted as d, onUpdated as f, openBlock as p, ref as m, renderSlot as h } from "vue";
+//#region components/Prose/Prose.vue
+var g = /* @__PURE__ */ Object.assign({ name: "DtProse" }, {
+	__name: "Prose",
+	props: {
+		size: {
+			type: [String, Number],
+			default: 300,
+			validator: e(i)
+		},
+		density: {
+			type: [String, Number],
+			default: 200,
+			validator: (e) => Object.keys(n).includes(String(e))
+		}
+	},
+	setup(e) {
+		let g = e, _ = c(() => [
+			"d-prose",
+			i[String(g.size)],
+			n[String(g.density)]
+		].filter(Boolean)), v = m(null);
+		function y(e) {
+			return e.includes("-");
+		}
+		function b(e, t) {
+			return r.includes(t) ? !(t === "input" && e.getAttribute("type") === "checkbox" && e.parentElement?.tagName.toLowerCase() === "li") : !1;
+		}
+		function x(e, n) {
+			let r = t._global || [], i = t[n] || [], c = [...r, ...i], l = [];
+			for (let t of e.attributes) {
+				if (o.includes(t.name) && !s(t.value)) {
+					l.push(t.name);
+					continue;
+				}
+				c.includes(t.name) || a.some((e) => t.name.startsWith(e)) || l.push(t.name);
+			}
+			for (let t of l) e.removeAttribute(t);
+		}
+		function S() {
+			if (!v.value) return;
+			let e = document.createTreeWalker(v.value, NodeFilter.SHOW_ELEMENT), t = e.nextNode();
+			for (; t;) {
+				let n = t.tagName.toLowerCase();
+				x(t, n), t = e.nextNode();
+			}
+		}
+		function C() {
+			if (!v.value) return;
+			let e = document.createTreeWalker(v.value, NodeFilter.SHOW_ELEMENT), t = e.nextNode();
+			for (; t;) {
+				let n = t.tagName.toLowerCase();
+				y(n) ? console.error(`DtProse: Custom element <${n}> is not allowed inside prose content. Only plain HTML elements are permitted.`) : b(t, n) && console.error(`DtProse: <${n}> is not allowed inside prose content. Form elements and interactive controls should not be used in prose blocks.`), t = e.nextNode();
+			}
+		}
+		return d(S), f(S), process.env.NODE_ENV !== "production" && (d(C), f(C)), (e, t) => (p(), l("div", {
+			ref_key: "proseRef",
+			ref: v,
+			class: u(_.value),
+			"data-qa": "dt-prose"
+		}, [h(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=prose.js.map

package/dist/lib/prose/prose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prose.js","names":[],"sources":["../../../components/Prose/Prose.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <div\n    ref=\"proseRef\"\n    :class=\"proseClasses\"\n    data-qa=\"dt-prose\"\n  >\n    <!-- @slot Default slot for raw HTML content -->\n    <slot />\n  </div>\n</template>\n\n<script setup>\ndefineOptions({ name: 'DtProse' });\n\nimport { computed, ref, onMounted, onUpdated } from 'vue';\nimport { ordinalSizeValidator } from '@/common/validators';\nimport {\n  PROSE_DISALLOWED_ELEMENTS,\n  PROSE_ALLOWED_ATTRIBUTES,\n  _PROSE_ALLOWED_ATTRIBUTE_PREFIXES,\n  _PROSE_URL_ATTRIBUTES,\n  PROSE_SIZE_MODIFIERS,\n  PROSE_DENSITY_MODIFIERS,\n  _isSafeProseUrl,\n} from './ProseConstants.js';\n\nconst props = defineProps({\n  /**\n   * The size of the prose typography scale.\n   * @values 100, 200, 300\n   */\n  size: {\n    type: [String, Number],\n    default: 300,\n    validator: ordinalSizeValidator(PROSE_SIZE_MODIFIERS),\n  },\n\n  /**\n   * The density (line-height) of prose content.\n   * @values 100, 200, 300\n   */\n  density: {\n    type: [String, Number],\n    default: 200,\n    validator: (s) => Object.keys(PROSE_DENSITY_MODIFIERS).includes(String(s)),\n  },\n});\n\nconst proseClasses = computed(() => [\n  'd-prose',\n  PROSE_SIZE_MODIFIERS[String(props.size)],\n  PROSE_DENSITY_MODIFIERS[String(props.density)],\n].filter(Boolean));\n\nconst proseRef = ref(null);\n\nfunction isCustomElement (tagName) {\n  return tagName.includes('-');\n}\n\nfunction isDisallowedElement (node, tagName) {\n  if (!PROSE_DISALLOWED_ELEMENTS.includes(tagName)) return false;\n\n  // Exception: <input type=\"checkbox\"> inside <li> (task list pattern)\n  return !(\n    tagName === 'input' &&\n    node.getAttribute('type') === 'checkbox' &&\n    node.parentElement?.tagName.toLowerCase() === 'li'\n  );\n}\n\nfunction stripDisallowedAttributes (node, tagName) {\n  const allowedGlobal = PROSE_ALLOWED_ATTRIBUTES._global || [];\n  const allowedForTag = PROSE_ALLOWED_ATTRIBUTES[tagName] || [];\n  const allowed = [...allowedGlobal, ...allowedForTag];\n\n  const attrsToRemove = [];\n  for (const attr of node.attributes) {\n    if (_PROSE_URL_ATTRIBUTES.includes(attr.name) && !_isSafeProseUrl(attr.value)) {\n      attrsToRemove.push(attr.name);\n      continue;\n    }\n    if (allowed.includes(attr.name)) continue;\n    if (_PROSE_ALLOWED_ATTRIBUTE_PREFIXES.some(prefix => attr.name.startsWith(prefix))) continue;\n    attrsToRemove.push(attr.name);\n  }\n  for (const attrName of attrsToRemove) {\n    node.removeAttribute(attrName);\n  }\n}\n\nfunction sanitizeContent () {\n  if (!proseRef.value) return;\n\n  const walker = document.createTreeWalker(\n    proseRef.value,\n    NodeFilter.SHOW_ELEMENT,\n  );\n\n  let node = walker.nextNode();\n  while (node) {\n    const tagName = node.tagName.toLowerCase();\n    stripDisallowedAttributes(node, tagName);\n\n    node = walker.nextNode();\n  }\n}\n\nfunction validateContent () {\n  if (!proseRef.value) return;\n\n  const walker = document.createTreeWalker(\n    proseRef.value,\n    NodeFilter.SHOW_ELEMENT,\n  );\n\n  let node = walker.nextNode();\n  while (node) {\n    const tagName = node.tagName.toLowerCase();\n\n    if (isCustomElement(tagName)) {\n      console.error(\n        `DtProse: Custom element <${tagName}> is not allowed inside prose content. ` +\n        'Only plain HTML elements are permitted.',\n      );\n    } else if (isDisallowedElement(node, tagName)) {\n      console.error(\n        `DtProse: <${tagName}> is not allowed inside prose content. ` +\n        'Form elements and interactive controls should not be used in prose blocks.',\n      );\n    }\n\n    node = walker.nextNode();\n  }\n}\n\nonMounted(sanitizeContent);\nonUpdated(sanitizeContent);\n\nif (process.env.NODE_ENV !== 'production') {\n  onMounted(validateContent);\n  onUpdated(validateContent);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,IAAM,IAAQ,GAsBR,IAAe,QAAe;GAClC;GACA,EAAqB,OAAO,EAAM,KAAK;GACvC,EAAwB,OAAO,EAAM,QAAQ;GAC9C,CAAC,OAAO,QAAQ,CAAC,EAEZ,IAAW,EAAI,KAAK;EAE1B,SAAS,EAAiB,GAAS;AACjC,UAAO,EAAQ,SAAS,IAAI;;EAG9B,SAAS,EAAqB,GAAM,GAAS;AAI3C,UAHK,EAA0B,SAAS,EAAQ,GAGzC,EACL,MAAY,WACZ,EAAK,aAAa,OAAO,KAAK,cAC9B,EAAK,eAAe,QAAQ,aAAa,KAAK,QANS;;EAU3D,SAAS,EAA2B,GAAM,GAAS;GACjD,IAAM,IAAgB,EAAyB,WAAW,EAAE,EACtD,IAAgB,EAAyB,MAAY,EAAE,EACvD,IAAU,CAAC,GAAG,GAAe,GAAG,EAAc,EAE9C,IAAgB,EAAE;AACxB,QAAK,IAAM,KAAQ,EAAK,YAAY;AAClC,QAAI,EAAsB,SAAS,EAAK,KAAK,IAAI,CAAC,EAAgB,EAAK,MAAM,EAAE;AAC7E,OAAc,KAAK,EAAK,KAAK;AAC7B;;AAEE,MAAQ,SAAS,EAAK,KAAK,IAC3B,EAAkC,MAAK,MAAU,EAAK,KAAK,WAAW,EAAO,CAAC,IAClF,EAAc,KAAK,EAAK,KAAK;;AAE/B,QAAK,IAAM,KAAY,EACrB,GAAK,gBAAgB,EAAS;;EAIlC,SAAS,IAAmB;AAC1B,OAAI,CAAC,EAAS,MAAO;GAErB,IAAM,IAAS,SAAS,iBACtB,EAAS,OACT,WAAW,aACZ,EAEG,IAAO,EAAO,UAAU;AAC5B,UAAO,IAAM;IACX,IAAM,IAAU,EAAK,QAAQ,aAAa;AAG1C,IAFA,EAA0B,GAAM,EAAQ,EAExC,IAAO,EAAO,UAAU;;;EAI5B,SAAS,IAAmB;AAC1B,OAAI,CAAC,EAAS,MAAO;GAErB,IAAM,IAAS,SAAS,iBACtB,EAAS,OACT,WAAW,aACZ,EAEG,IAAO,EAAO,UAAU;AAC5B,UAAO,IAAM;IACX,IAAM,IAAU,EAAK,QAAQ,aAAa;AAc1C,IAZI,EAAgB,EAAQ,GAC1B,QAAQ,MACN,4BAA4B,EAAQ,gFAErC,GACQ,EAAoB,GAAM,EAAQ,IAC3C,QAAQ,MACN,aAAa,EAAQ,mHAEtB,EAGH,IAAO,EAAO,UAAU;;;SAI5B,EAAU,EAAgB,EAC1B,EAAU,EAAgB,EAE1B,QAAA,IAAA,aAA6B,iBAC3B,EAAU,EAAgB,EAC1B,EAAU,EAAgB,mBA5I1B,EAOM,OAAA;YANA;GAAJ,KAAI;GACH,OAAK,EAAE,EAAA,MAAY;GACpB,WAAQ;MAGR,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/lib/radio/radio-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={warning:`d-radio--warning`,error:`d-radio--error`,success:`d-radio--success`},t={RADIO_INPUT_VALIDATION_CLASSES:e};exports.RADIO_INPUT_VALIDATION_CLASSES=e,exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={warning:`d-radio--warning`,critical:`d-radio--critical`,positive:`d-radio--positive`},t={RADIO_INPUT_VALIDATION_CLASSES:e};exports.RADIO_INPUT_VALIDATION_CLASSES=e,exports.default=t;
 //# sourceMappingURL=radio-constants.cjs.map

package/dist/lib/radio/radio-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-constants.cjs","names":[],"sources":["../../../components/radio/radio_constants.js"],"sourcesContent":["export const RADIO_INPUT_VALIDATION_CLASSES = {\n  warning: 'd-radio--warning',\n  error: 'd-radio--error',\n  success: 'd-radio--success',\n};\n\nexport default {\n  RADIO_INPUT_VALIDATION_CLASSES,\n};\n"],"mappings":"+FAAA,IAAa,EAAiC,CAC5C,QAAS,mBACT,MAAO,iBACP,QAAS,mBACV,CAED,EAAe,CACb,iCACD"}
+{"version":3,"file":"radio-constants.cjs","names":[],"sources":["../../../components/Radio/RadioConstants.js"],"sourcesContent":["export const RADIO_INPUT_VALIDATION_CLASSES = {\n  warning: 'd-radio--warning',\n  critical: 'd-radio--critical',\n  positive: 'd-radio--positive',\n};\n\nexport default {\n  RADIO_INPUT_VALIDATION_CLASSES,\n};\n"],"mappings":"+FAAA,IAAa,EAAiC,CAC5C,QAAS,mBACT,SAAU,oBACV,SAAU,oBACX,CAED,EAAe,CACb,iCACD"}

package/dist/lib/radio/radio-constants.js

@@ -1,8 +1,8 @@
-//#region components/radio/radio_constants.js
+//#region components/Radio/RadioConstants.js
 var e = {
 	warning: "d-radio--warning",
-	error: "d-radio--error",
-	success: "d-radio--success"
+	critical: "d-radio--critical",
+	positive: "d-radio--positive"
 }, t = { RADIO_INPUT_VALIDATION_CLASSES: e };
 //#endregion
 export { e as RADIO_INPUT_VALIDATION_CLASSES, t as default };

package/dist/lib/radio/radio-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-constants.js","names":[],"sources":["../../../components/radio/radio_constants.js"],"sourcesContent":["export const RADIO_INPUT_VALIDATION_CLASSES = {\n  warning: 'd-radio--warning',\n  error: 'd-radio--error',\n  success: 'd-radio--success',\n};\n\nexport default {\n  RADIO_INPUT_VALIDATION_CLASSES,\n};\n"],"mappings":";AAAA,IAAa,IAAiC;CAC5C,SAAS;CACT,OAAO;CACP,SAAS;CACV,EAED,IAAe,EACb,mCACD"}
+{"version":3,"file":"radio-constants.js","names":[],"sources":["../../../components/Radio/RadioConstants.js"],"sourcesContent":["export const RADIO_INPUT_VALIDATION_CLASSES = {\n  warning: 'd-radio--warning',\n  critical: 'd-radio--critical',\n  positive: 'd-radio--positive',\n};\n\nexport default {\n  RADIO_INPUT_VALIDATION_CLASSES,\n};\n"],"mappings":";AAAA,IAAa,IAAiC;CAC5C,SAAS;CACT,UAAU;CACV,UAAU;CACX,EAED,IAAe,EACb,mCACD"}

package/dist/lib/radio/radio.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../common/mixins/input.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`../validation-messages/validation-messages.cjs`),i=require(`./radio-constants.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtRadio`,components:{DtValidationMessages:r.default},mixins:[t.InputMixin,t.CheckableMixin,t.GroupableMixin,t.MessagesMixin],inheritAttrs:!1,props:{value:{type:[String,Number],default:``}},emits:[`input`,`update:modelValue`,`focus`,`focusin`,`focusout`],data(){return{hasSlotContent:e.hasSlotContent}},computed:{inputValidationClass(){return i.RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState]},radioGroupValue(){return this.groupContext?.selectedValue},inputListeners(){return{input:()=>{},focusin:e=>this.$emit(`focusin`,e),focusout:e=>this.$emit(`focusout`,e),change:e=>this.emitValue(e.target.value)}},hasMessages(){return this.formattedMessages.length&&this.showMessages}},watch:{radioGroupValue:{immediate:!0,handler(e){this.hasGroup&&(this.internalChecked=e===this.value)}}},methods:{removeClassStyleAttrs:e.removeClassStyleAttrs,addClassStyleAttrs:e.addClassStyleAttrs,emitValue(e){e!==this.radioGroupValue&&(this.setGroupValue(e),this.$emit(`input`,e),this.$emit(`update:modelValue`,e))}}},s={class:`d-radio__input`},c=[`checked`,`name`,`value`,`disabled`],l={key:0,class:`d-radio__messages`,"data-qa":`radio-description-messages`};function u(e,t,n,r,i,o){let u=(0,a.resolveComponent)(`dt-validation-messages`);return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({class:e.rootClass},o.addClassStyleAttrs(e.$attrs)),[(0,a.createElementVNode)(`label`,{class:(0,a.normalizeClass)([`d-radio-group`,{"d-radio-group--disabled":e.internalDisabled}])},[(0,a.createElementVNode)(`div`,s,[(0,a.createElementVNode)(`input`,(0,a.mergeProps)({checked:e.internalChecked,name:e.internalName,value:n.value,disabled:e.internalDisabled,type:`radio`,class:[`d-radio`,o.inputValidationClass,e.inputClass]},o.removeClassStyleAttrs(e.$attrs),(0,a.toHandlers)(o.inputListeners,!0)),null,16,c)]),(0,a.createElementVNode)(`div`,(0,a.mergeProps)({class:[e.labelClass,`d-radio__copy d-radio__label`]},e.labelChildProps,{"data-qa":`radio-label`}),[(0,a.renderSlot)(e.$slots,`default`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.label),1)])],16)],2),e.$slots.description||e.description||o.hasMessages?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,l,[e.$slots.description||e.description?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({key:0,class:[`d-description`,e.descriptionClass]},e.descriptionChildProps,{"data-qa":`radio-description`}),[(0,a.renderSlot)(e.$slots,`description`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.description),1)])],16)):(0,a.createCommentVNode)(``,!0),(0,a.createVNode)(u,(0,a.mergeProps)({"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass},e.messagesChildProps,{"data-qa":`dt-radio-validation-messages`}),null,16,[`validation-messages`,`show-messages`,`class`])])):(0,a.createCommentVNode)(``,!0)],16)}var d=n.t(o,[[`render`,u]]);exports.default=d;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/constants/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../common/mixins/input.cjs`),r=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),i=require(`../validation-messages/validation-messages.cjs`),a=require(`../text/text-constants.cjs`),o=require(`../text/text.cjs`),s=require(`./radio-constants.cjs`);let c=require(`vue`);var l={name:`DtRadio`,components:{DtValidationMessages:i.default,DtText:o.default},mixins:[n.InputMixin,n.CheckableMixin,n.GroupableMixin,n.MessagesMixin],inheritAttrs:!1,props:{value:{type:[String,Number],default:``},showLabel:{type:Boolean,default:!0},labelSize:{type:[String,Number],default:null,validator:e=>a.TEXT_SIZE_MODIFIERS.label.includes(String(e))},labelStrength:{type:String,default:null,validator:e=>Object.keys(a.TEXT_STRENGTH_MODIFIERS).includes(e)}},emits:[`update:modelValue`,`focus`,`focusin`,`focusout`],data(){return{hasSlotContent:t.hasSlotContent,messagesId:t.getUniqueString()}},computed:{hasLabelContent(){return!!(this.$slots.default||this.label)},hasLabel(){return this.showLabel&&this.hasLabelContent},resolvedLabelSize(){return this.labelSize??300},inputValidationClass(){return s.RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState]},radioGroupValue(){return this.groupContext?.selectedValue},inputListeners(){return{input:()=>{},focusin:e=>this.$emit(`focusin`,e),focusout:e=>this.$emit(`focusout`,e),change:e=>this.emitValue(e.target.value)}},hasMessages(){return this.formattedMessages.length&&this.showMessages},ariaInvalid(){return t.getValidationState(this.formattedMessages)===e.VALIDATION_MESSAGE_TYPES.CRITICAL?`true`:void 0},ariaDescribedBy(){return this.showMessages&&this.formattedMessages.length>0?this.messagesId:void 0}},watch:{radioGroupValue:{immediate:!0,handler(e){this.hasGroup&&(this.internalChecked=e===this.value)}}},mounted(){this.runValidations()},methods:{removeClassStyleAttrs:t.removeClassStyleAttrs,runValidations(){!this.hasLabelContent&&!this.$attrs[`aria-label`]&&console.info(`[Dialtone] A label is required for accessibility. Provide a label prop and use show-label="false" to hide it visually.`)},emitValue(e){e!==this.radioGroupValue&&(this.setGroupValue(e),this.$emit(`update:modelValue`,e))}}},u={class:`d-radio__input`},d=[`checked`,`name`,`value`,`disabled`,`aria-label`,`aria-invalid`,`aria-describedby`],f={class:`d-radio__messages`,"data-qa":`radio-description-messages`};function p(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-text`),s=(0,c.resolveComponent)(`dt-validation-messages`);return(0,c.openBlock)(),(0,c.createElementBlock)(`div`,{class:(0,c.normalizeClass)(e.$attrs.class),style:(0,c.normalizeStyle)(e.$attrs.style)},[(0,c.createElementVNode)(`label`,{class:(0,c.normalizeClass)([`d-radio-group`,{"d-radio-group--disabled":e.internalDisabled}])},[(0,c.createElementVNode)(`div`,u,[(0,c.createElementVNode)(`input`,(0,c.mergeProps)({checked:e.internalChecked,name:e.internalName,value:n.value,disabled:e.internalDisabled,type:`radio`,class:[`d-radio`,a.inputValidationClass,e.inputClass],"aria-label":!n.showLabel&&e.label?e.label:void 0,"aria-invalid":a.ariaInvalid,"aria-describedby":a.ariaDescribedBy},a.removeClassStyleAttrs(e.$attrs),(0,c.toHandlers)(a.inputListeners,!0)),null,16,d)]),a.hasLabel?((0,c.openBlock)(),(0,c.createBlock)(o,(0,c.mergeProps)({key:0,as:`div`,kind:`label`,size:a.resolvedLabelSize,strength:n.labelStrength??`normal`,tone:e.internalDisabled?`disabled`:`primary`,class:[e.labelClass,`d-radio__copy d-radio__label`]},e.labelChildProps,{"data-qa":`radio-label`}),{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`default`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(e.label),1)])]),_:3},16,[`size`,`strength`,`tone`,`class`])):(0,c.createCommentVNode)(``,!0)],2),(0,c.createElementVNode)(`div`,f,[e.$slots.description||e.description?((0,c.openBlock)(),(0,c.createBlock)(o,(0,c.mergeProps)({key:0,kind:`body`,size:200,tone:`tertiary`,as:`div`,class:[`d-description`,e.descriptionClass]},e.descriptionChildProps,{"data-qa":`radio-description`}),{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`description`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(e.description),1)])]),_:3},16,[`class`])):(0,c.createCommentVNode)(``,!0),(0,c.createVNode)(s,(0,c.mergeProps)(e.messagesChildProps,{id:i.messagesId,"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass,"data-qa":`dt-radio-validation-messages`}),null,16,[`id`,`validation-messages`,`show-messages`,`class`])])],6)}var m=r.t(l,[[`render`,p]]);exports.default=m;
 //# sourceMappingURL=radio.cjs.map