@dialpad/dialtone-vue 3.223.0-next.2 → 3.223.0-next.4

package/dist/TextList-B6XFfQfD.js

@@ -0,0 +1,88 @@
+import { DT_TEXT_LIST_CONTEXT as e, DT_TEXT_LIST_DEFAULT_TYPE as t, DT_TEXT_LIST_ORDERED_MARKERS as n, DT_TEXT_LIST_UNORDERED_MARKERS as r } from "./lib/text-list/text-list-constants.js";
+import { textListGapValidator as i, textListMarkerToneValidator as a, textListMarkerValidator as o, textListTypeValidator as s } from "./lib/text-list/validators.js";
+import { computed as c, createBlock as l, defineComponent as u, normalizeClass as d, onMounted as f, openBlock as p, provide as m, ref as h, renderSlot as g, resolveDynamicComponent as _, toRef as v, withCtx as y } from "vue";
+//#endregion
+//#region components/TextList/TextList.vue
+var b = /* @__PURE__ */ u({
+	name: "DtTextList",
+	__name: "TextList",
+	props: {
+		type: {
+			type: String,
+			default: t,
+			validator: s
+		},
+		marker: {
+			type: String,
+			default: void 0,
+			validator: o
+		},
+		markerTone: {
+			type: String,
+			default: void 0,
+			validator: a
+		},
+		gap: {
+			type: String,
+			default: void 0,
+			validator: i
+		},
+		start: {
+			type: Number,
+			default: void 0
+		},
+		reversed: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		let i = t, a = h(null);
+		m(e, { type: v(i, "type") });
+		let o = c(() => i.type === "ordered"), s = c(() => o.value ? "ol" : "ul"), u = c(() => i.marker === "none" ? "list" : void 0), b = c(() => o.value ? i.start : void 0), x = c(() => o.value && i.reversed ? !0 : void 0), S = c(() => [
+			"d-text-list",
+			i.gap ? `d-text-list--gap-${i.gap}` : null,
+			{ "d-text-list--ordered": o.value },
+			i.marker ? `d-text-list--marker-${i.marker}` : null,
+			i.markerTone ? `d-text-list--marker-tone-${i.markerTone}` : null
+		]), C = (e) => console.warn(`[DtTextList] ${e}`);
+		function w() {
+			o.value || (i.start !== void 0 && C("The start prop only applies when type=\"ordered\"."), i.reversed && C("The reversed prop only applies when type=\"ordered\"."));
+		}
+		function T() {
+			!i.marker || i.marker === "none" || (i.type === "ordered" && r.includes(i.marker) && C(`The marker="${i.marker}" value is usually used with type="unordered".`), i.type === "unordered" && n.includes(i.marker) && C(`The marker="${i.marker}" value is usually used with type="ordered".`));
+		}
+		function E() {
+			let e = a.value?.$el ?? a.value;
+			if (e) {
+				for (let t of e.children) if (t.tagName !== "LI") {
+					C("Use DtTextListItem or a native li as the direct child of DtTextList.");
+					break;
+				}
+			}
+		}
+		return f(() => {
+			process.env.NODE_ENV !== "production" && (w(), T(), E());
+		}), (e, t) => (p(), l(_(s.value), {
+			ref_key: "listRef",
+			ref: a,
+			"data-qa": "dt-text-list",
+			class: d(S.value),
+			role: u.value,
+			start: b.value,
+			reversed: x.value
+		}, {
+			default: y(() => [g(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"class",
+			"role",
+			"start",
+			"reversed"
+		]));
+	}
+});
+//#endregion
+export { b as t };
+
+//# sourceMappingURL=TextList-B6XFfQfD.js.map

package/dist/TextList-B6XFfQfD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextList-B6XFfQfD.js","names":[],"sources":["../components/TextList/TextList.vue","../components/TextList/TextList.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <component\n    :is=\"listElement\"\n    ref=\"listRef\"\n    data-qa=\"dt-text-list\"\n    :class=\"textListClasses\"\n    :role=\"role\"\n    :start=\"orderedStart\"\n    :reversed=\"orderedReversed\"\n  >\n    <!-- @slot Text list items. Use DtTextListItem as the direct child. -->\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\n// @ts-nocheck\nimport {\n  computed,\n  onMounted,\n  provide,\n  ref,\n  toRef,\n} from 'vue';\nimport {\n  DT_TEXT_LIST_CONTEXT,\n  DT_TEXT_LIST_DEFAULT_TYPE,\n  DT_TEXT_LIST_ORDERED_MARKERS,\n  DT_TEXT_LIST_UNORDERED_MARKERS,\n} from './TextListConstants';\nimport {\n  textListGapValidator,\n  textListMarkerToneValidator,\n  textListMarkerValidator,\n  textListTypeValidator,\n} from './Validators';\n\ndefineOptions({\n  name: 'DtTextList',\n});\n\nconst props = defineProps({\n  /**\n   * Semantic list type. Sets the rendered element to `ul` or `ol`.\n   * @values unordered, ordered\n   */\n  type: {\n    type: String,\n    default: DT_TEXT_LIST_DEFAULT_TYPE,\n    validator: textListTypeValidator,\n  },\n\n  /**\n   * Visual marker style. Leave unset for automatic depth-aware markers.\n   * @values disc, circle, square, decimal, lower-alpha, upper-alpha, lower-roman, upper-roman, none\n   */\n  marker: {\n    type: String,\n    default: undefined,\n    validator: textListMarkerValidator,\n  },\n\n  /**\n   * Marker foreground tone. Uses the same tone vocabulary as DtText.\n   * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, info, info-strong, neutral-black, neutral-white\n   */\n  markerTone: {\n    type: String,\n    default: undefined,\n    validator: textListMarkerToneValidator,\n  },\n\n  /**\n   * Space between list items and before nested lists.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400\n   */\n  gap: {\n    type: String,\n    default: undefined,\n    validator: textListGapValidator,\n  },\n\n  /**\n   * Starting number for ordered lists.\n   */\n  start: {\n    type: Number,\n    default: undefined,\n  },\n\n  /**\n   * Reverse ordered list numbering.\n   */\n  reversed: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst listRef = ref(null);\n\nprovide(DT_TEXT_LIST_CONTEXT, {\n  type: toRef(props, 'type'),\n});\n\nconst isOrdered = computed(() => props.type === 'ordered');\nconst listElement = computed(() => isOrdered.value ? 'ol' : 'ul');\n// Safari drops list semantics when list-style is none; restore them explicitly.\nconst role = computed(() => props.marker === 'none' ? 'list' : undefined);\nconst orderedStart = computed(() => isOrdered.value ? props.start : undefined);\nconst orderedReversed = computed(() => isOrdered.value && props.reversed ? true : undefined);\n\nconst textListClasses = computed(() => [\n  'd-text-list',\n  props.gap ? `d-text-list--gap-${props.gap}` : null,\n  {\n    'd-text-list--ordered': isOrdered.value,\n  },\n  props.marker ? `d-text-list--marker-${props.marker}` : null,\n  props.markerTone ? `d-text-list--marker-tone-${props.markerTone}` : null,\n]);\n\n// eslint-disable-next-line no-console\nconst warn = message => console.warn(`[DtTextList] ${message}`);\n\nfunction validateOrderedOnlyProps () {\n  if (isOrdered.value) return;\n\n  if (props.start !== undefined) {\n    warn('The start prop only applies when type=\"ordered\".');\n  }\n\n  if (props.reversed) {\n    warn('The reversed prop only applies when type=\"ordered\".');\n  }\n}\n\nfunction validateMarkerFamily () {\n  if (!props.marker || props.marker === 'none') return;\n\n  if (props.type === 'ordered' && DT_TEXT_LIST_UNORDERED_MARKERS.includes(props.marker)) {\n    warn(`The marker=\"${props.marker}\" value is usually used with type=\"unordered\".`);\n  }\n\n  if (props.type === 'unordered' && DT_TEXT_LIST_ORDERED_MARKERS.includes(props.marker)) {\n    warn(`The marker=\"${props.marker}\" value is usually used with type=\"ordered\".`);\n  }\n}\n\nfunction validateChildren () {\n  const rootElement = listRef.value?.$el ?? listRef.value;\n  if (!rootElement) return;\n\n  for (const child of rootElement.children) {\n    if (child.tagName === 'LI') continue;\n\n    warn('Use DtTextListItem or a native li as the direct child of DtTextList.');\n    break;\n  }\n}\n\nonMounted(() => {\n  if (process.env.NODE_ENV !== 'production') {\n    validateOrderedOnlyProps();\n    validateMarkerFamily();\n    validateChildren();\n  }\n});\n</script>\n","<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <component\n    :is=\"listElement\"\n    ref=\"listRef\"\n    data-qa=\"dt-text-list\"\n    :class=\"textListClasses\"\n    :role=\"role\"\n    :start=\"orderedStart\"\n    :reversed=\"orderedReversed\"\n  >\n    <!-- @slot Text list items. Use DtTextListItem as the direct child. -->\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\n// @ts-nocheck\nimport {\n  computed,\n  onMounted,\n  provide,\n  ref,\n  toRef,\n} from 'vue';\nimport {\n  DT_TEXT_LIST_CONTEXT,\n  DT_TEXT_LIST_DEFAULT_TYPE,\n  DT_TEXT_LIST_ORDERED_MARKERS,\n  DT_TEXT_LIST_UNORDERED_MARKERS,\n} from './TextListConstants';\nimport {\n  textListGapValidator,\n  textListMarkerToneValidator,\n  textListMarkerValidator,\n  textListTypeValidator,\n} from './Validators';\n\ndefineOptions({\n  name: 'DtTextList',\n});\n\nconst props = defineProps({\n  /**\n   * Semantic list type. Sets the rendered element to `ul` or `ol`.\n   * @values unordered, ordered\n   */\n  type: {\n    type: String,\n    default: DT_TEXT_LIST_DEFAULT_TYPE,\n    validator: textListTypeValidator,\n  },\n\n  /**\n   * Visual marker style. Leave unset for automatic depth-aware markers.\n   * @values disc, circle, square, decimal, lower-alpha, upper-alpha, lower-roman, upper-roman, none\n   */\n  marker: {\n    type: String,\n    default: undefined,\n    validator: textListMarkerValidator,\n  },\n\n  /**\n   * Marker foreground tone. Uses the same tone vocabulary as DtText.\n   * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, info, info-strong, neutral-black, neutral-white\n   */\n  markerTone: {\n    type: String,\n    default: undefined,\n    validator: textListMarkerToneValidator,\n  },\n\n  /**\n   * Space between list items and before nested lists.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400\n   */\n  gap: {\n    type: String,\n    default: undefined,\n    validator: textListGapValidator,\n  },\n\n  /**\n   * Starting number for ordered lists.\n   */\n  start: {\n    type: Number,\n    default: undefined,\n  },\n\n  /**\n   * Reverse ordered list numbering.\n   */\n  reversed: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst listRef = ref(null);\n\nprovide(DT_TEXT_LIST_CONTEXT, {\n  type: toRef(props, 'type'),\n});\n\nconst isOrdered = computed(() => props.type === 'ordered');\nconst listElement = computed(() => isOrdered.value ? 'ol' : 'ul');\n// Safari drops list semantics when list-style is none; restore them explicitly.\nconst role = computed(() => props.marker === 'none' ? 'list' : undefined);\nconst orderedStart = computed(() => isOrdered.value ? props.start : undefined);\nconst orderedReversed = computed(() => isOrdered.value && props.reversed ? true : undefined);\n\nconst textListClasses = computed(() => [\n  'd-text-list',\n  props.gap ? `d-text-list--gap-${props.gap}` : null,\n  {\n    'd-text-list--ordered': isOrdered.value,\n  },\n  props.marker ? `d-text-list--marker-${props.marker}` : null,\n  props.markerTone ? `d-text-list--marker-tone-${props.markerTone}` : null,\n]);\n\n// eslint-disable-next-line no-console\nconst warn = message => console.warn(`[DtTextList] ${message}`);\n\nfunction validateOrderedOnlyProps () {\n  if (isOrdered.value) return;\n\n  if (props.start !== undefined) {\n    warn('The start prop only applies when type=\"ordered\".');\n  }\n\n  if (props.reversed) {\n    warn('The reversed prop only applies when type=\"ordered\".');\n  }\n}\n\nfunction validateMarkerFamily () {\n  if (!props.marker || props.marker === 'none') return;\n\n  if (props.type === 'ordered' && DT_TEXT_LIST_UNORDERED_MARKERS.includes(props.marker)) {\n    warn(`The marker=\"${props.marker}\" value is usually used with type=\"unordered\".`);\n  }\n\n  if (props.type === 'unordered' && DT_TEXT_LIST_ORDERED_MARKERS.includes(props.marker)) {\n    warn(`The marker=\"${props.marker}\" value is usually used with type=\"ordered\".`);\n  }\n}\n\nfunction validateChildren () {\n  const rootElement = listRef.value?.$el ?? listRef.value;\n  if (!rootElement) return;\n\n  for (const child of rootElement.children) {\n    if (child.tagName === 'LI') continue;\n\n    warn('Use DtTextListItem or a native li as the direct child of DtTextList.');\n    break;\n  }\n}\n\nonMounted(() => {\n  if (process.env.NODE_ENV !== 'production') {\n    validateOrderedOnlyProps();\n    validateMarkerFamily();\n    validateChildren();\n  }\n});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0CA,IAAM,IAAQ,GA0DR,IAAU,EAAI,KAAK;AAEzB,IAAQ,GAAsB,EAC5B,MAAM,EAAM,GAAO,OAAO,EAC3B,CAAC;EAEF,IAAM,IAAY,QAAe,EAAM,SAAS,UAAU,EACpD,IAAc,QAAe,EAAU,QAAQ,OAAO,KAAK,EAE3D,IAAO,QAAe,EAAM,WAAW,SAAS,SAAS,KAAA,EAAU,EACnE,IAAe,QAAe,EAAU,QAAQ,EAAM,QAAQ,KAAA,EAAU,EACxE,IAAkB,QAAe,EAAU,SAAS,EAAM,WAAW,KAAO,KAAA,EAAU,EAEtF,IAAkB,QAAe;GACrC;GACA,EAAM,MAAM,oBAAoB,EAAM,QAAQ;GAC9C,EACE,wBAAwB,EAAU,OACnC;GACD,EAAM,SAAS,uBAAuB,EAAM,WAAW;GACvD,EAAM,aAAa,4BAA4B,EAAM,eAAe;GACrE,CAAC,EAGI,KAAO,MAAW,QAAQ,KAAK,gBAAgB,IAAU;EAE/D,SAAS,IAA4B;AAC/B,KAAU,UAEV,EAAM,UAAU,KAAA,KAClB,EAAK,qDAAmD,EAGtD,EAAM,YACR,EAAK,wDAAsD;;EAI/D,SAAS,IAAwB;AAC3B,IAAC,EAAM,UAAU,EAAM,WAAW,WAElC,EAAM,SAAS,aAAa,EAA+B,SAAS,EAAM,OAAO,IACnF,EAAK,eAAe,EAAM,OAAO,gDAAgD,EAG/E,EAAM,SAAS,eAAe,EAA6B,SAAS,EAAM,OAAO,IACnF,EAAK,eAAe,EAAM,OAAO,8CAA8C;;EAInF,SAAS,IAAoB;GAC3B,IAAM,IAAc,EAAQ,OAAO,OAAO,EAAQ;AAC7C,UAEL;SAAK,IAAM,KAAS,EAAY,SAC1B,OAAM,YAAY,MAEtB;OAAK,uEAAuE;AAC5E;;;;SAIJ,QAAgB;AACd,GAAA,QAAA,IAAA,aAA6B,iBAC3B,GAA0B,EAC1B,GAAsB,EACtB,GAAkB;IAEpB,kBAtKA,EAWY,EAVL,EAAA,MAAW,EAAA;YACZ;GAAJ,KAAI;GACJ,WAAQ;GACP,OAAK,EAAE,EAAA,MAAe;GACtB,MAAM,EAAA;GACN,OAAO,EAAA;GACP,UAAU,EAAA;;oBAGH,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/TextList-Dd-ROFiI.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./lib/text-list/text-list-constants.cjs`),t=require(`./lib/text-list/validators.cjs`);let n=require(`vue`);var r=(0,n.defineComponent)({name:`DtTextList`,__name:`TextList`,props:{type:{type:String,default:e.DT_TEXT_LIST_DEFAULT_TYPE,validator:t.textListTypeValidator},marker:{type:String,default:void 0,validator:t.textListMarkerValidator},markerTone:{type:String,default:void 0,validator:t.textListMarkerToneValidator},gap:{type:String,default:void 0,validator:t.textListGapValidator},start:{type:Number,default:void 0},reversed:{type:Boolean,default:!1}},setup(t){let r=t,i=(0,n.ref)(null);(0,n.provide)(e.DT_TEXT_LIST_CONTEXT,{type:(0,n.toRef)(r,`type`)});let a=(0,n.computed)(()=>r.type===`ordered`),o=(0,n.computed)(()=>a.value?`ol`:`ul`),s=(0,n.computed)(()=>r.marker===`none`?`list`:void 0),c=(0,n.computed)(()=>a.value?r.start:void 0),l=(0,n.computed)(()=>a.value&&r.reversed?!0:void 0),u=(0,n.computed)(()=>[`d-text-list`,r.gap?`d-text-list--gap-${r.gap}`:null,{"d-text-list--ordered":a.value},r.marker?`d-text-list--marker-${r.marker}`:null,r.markerTone?`d-text-list--marker-tone-${r.markerTone}`:null]),d=e=>console.warn(`[DtTextList] ${e}`);function f(){a.value||(r.start!==void 0&&d(`The start prop only applies when type="ordered".`),r.reversed&&d(`The reversed prop only applies when type="ordered".`))}function p(){!r.marker||r.marker===`none`||(r.type===`ordered`&&e.DT_TEXT_LIST_UNORDERED_MARKERS.includes(r.marker)&&d(`The marker="${r.marker}" value is usually used with type="unordered".`),r.type===`unordered`&&e.DT_TEXT_LIST_ORDERED_MARKERS.includes(r.marker)&&d(`The marker="${r.marker}" value is usually used with type="ordered".`))}function m(){let e=i.value?.$el??i.value;if(e){for(let t of e.children)if(t.tagName!==`LI`){d(`Use DtTextListItem or a native li as the direct child of DtTextList.`);break}}}return(0,n.onMounted)(()=>{process.env.NODE_ENV!==`production`&&(f(),p(),m())}),(e,t)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(o.value),{ref_key:`listRef`,ref:i,"data-qa":`dt-text-list`,class:(0,n.normalizeClass)(u.value),role:s.value,start:c.value,reversed:l.value},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`,`role`,`start`,`reversed`]))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=TextList-Dd-ROFiI.cjs.map

package/dist/TextList-Dd-ROFiI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextList-Dd-ROFiI.cjs","names":[],"sources":["../components/TextList/TextList.vue","../components/TextList/TextList.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <component\n    :is=\"listElement\"\n    ref=\"listRef\"\n    data-qa=\"dt-text-list\"\n    :class=\"textListClasses\"\n    :role=\"role\"\n    :start=\"orderedStart\"\n    :reversed=\"orderedReversed\"\n  >\n    <!-- @slot Text list items. Use DtTextListItem as the direct child. -->\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\n// @ts-nocheck\nimport {\n  computed,\n  onMounted,\n  provide,\n  ref,\n  toRef,\n} from 'vue';\nimport {\n  DT_TEXT_LIST_CONTEXT,\n  DT_TEXT_LIST_DEFAULT_TYPE,\n  DT_TEXT_LIST_ORDERED_MARKERS,\n  DT_TEXT_LIST_UNORDERED_MARKERS,\n} from './TextListConstants';\nimport {\n  textListGapValidator,\n  textListMarkerToneValidator,\n  textListMarkerValidator,\n  textListTypeValidator,\n} from './Validators';\n\ndefineOptions({\n  name: 'DtTextList',\n});\n\nconst props = defineProps({\n  /**\n   * Semantic list type. Sets the rendered element to `ul` or `ol`.\n   * @values unordered, ordered\n   */\n  type: {\n    type: String,\n    default: DT_TEXT_LIST_DEFAULT_TYPE,\n    validator: textListTypeValidator,\n  },\n\n  /**\n   * Visual marker style. Leave unset for automatic depth-aware markers.\n   * @values disc, circle, square, decimal, lower-alpha, upper-alpha, lower-roman, upper-roman, none\n   */\n  marker: {\n    type: String,\n    default: undefined,\n    validator: textListMarkerValidator,\n  },\n\n  /**\n   * Marker foreground tone. Uses the same tone vocabulary as DtText.\n   * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, info, info-strong, neutral-black, neutral-white\n   */\n  markerTone: {\n    type: String,\n    default: undefined,\n    validator: textListMarkerToneValidator,\n  },\n\n  /**\n   * Space between list items and before nested lists.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400\n   */\n  gap: {\n    type: String,\n    default: undefined,\n    validator: textListGapValidator,\n  },\n\n  /**\n   * Starting number for ordered lists.\n   */\n  start: {\n    type: Number,\n    default: undefined,\n  },\n\n  /**\n   * Reverse ordered list numbering.\n   */\n  reversed: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst listRef = ref(null);\n\nprovide(DT_TEXT_LIST_CONTEXT, {\n  type: toRef(props, 'type'),\n});\n\nconst isOrdered = computed(() => props.type === 'ordered');\nconst listElement = computed(() => isOrdered.value ? 'ol' : 'ul');\n// Safari drops list semantics when list-style is none; restore them explicitly.\nconst role = computed(() => props.marker === 'none' ? 'list' : undefined);\nconst orderedStart = computed(() => isOrdered.value ? props.start : undefined);\nconst orderedReversed = computed(() => isOrdered.value && props.reversed ? true : undefined);\n\nconst textListClasses = computed(() => [\n  'd-text-list',\n  props.gap ? `d-text-list--gap-${props.gap}` : null,\n  {\n    'd-text-list--ordered': isOrdered.value,\n  },\n  props.marker ? `d-text-list--marker-${props.marker}` : null,\n  props.markerTone ? `d-text-list--marker-tone-${props.markerTone}` : null,\n]);\n\n// eslint-disable-next-line no-console\nconst warn = message => console.warn(`[DtTextList] ${message}`);\n\nfunction validateOrderedOnlyProps () {\n  if (isOrdered.value) return;\n\n  if (props.start !== undefined) {\n    warn('The start prop only applies when type=\"ordered\".');\n  }\n\n  if (props.reversed) {\n    warn('The reversed prop only applies when type=\"ordered\".');\n  }\n}\n\nfunction validateMarkerFamily () {\n  if (!props.marker || props.marker === 'none') return;\n\n  if (props.type === 'ordered' && DT_TEXT_LIST_UNORDERED_MARKERS.includes(props.marker)) {\n    warn(`The marker=\"${props.marker}\" value is usually used with type=\"unordered\".`);\n  }\n\n  if (props.type === 'unordered' && DT_TEXT_LIST_ORDERED_MARKERS.includes(props.marker)) {\n    warn(`The marker=\"${props.marker}\" value is usually used with type=\"ordered\".`);\n  }\n}\n\nfunction validateChildren () {\n  const rootElement = listRef.value?.$el ?? listRef.value;\n  if (!rootElement) return;\n\n  for (const child of rootElement.children) {\n    if (child.tagName === 'LI') continue;\n\n    warn('Use DtTextListItem or a native li as the direct child of DtTextList.');\n    break;\n  }\n}\n\nonMounted(() => {\n  if (process.env.NODE_ENV !== 'production') {\n    validateOrderedOnlyProps();\n    validateMarkerFamily();\n    validateChildren();\n  }\n});\n</script>\n","<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <component\n    :is=\"listElement\"\n    ref=\"listRef\"\n    data-qa=\"dt-text-list\"\n    :class=\"textListClasses\"\n    :role=\"role\"\n    :start=\"orderedStart\"\n    :reversed=\"orderedReversed\"\n  >\n    <!-- @slot Text list items. Use DtTextListItem as the direct child. -->\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\n// @ts-nocheck\nimport {\n  computed,\n  onMounted,\n  provide,\n  ref,\n  toRef,\n} from 'vue';\nimport {\n  DT_TEXT_LIST_CONTEXT,\n  DT_TEXT_LIST_DEFAULT_TYPE,\n  DT_TEXT_LIST_ORDERED_MARKERS,\n  DT_TEXT_LIST_UNORDERED_MARKERS,\n} from './TextListConstants';\nimport {\n  textListGapValidator,\n  textListMarkerToneValidator,\n  textListMarkerValidator,\n  textListTypeValidator,\n} from './Validators';\n\ndefineOptions({\n  name: 'DtTextList',\n});\n\nconst props = defineProps({\n  /**\n   * Semantic list type. Sets the rendered element to `ul` or `ol`.\n   * @values unordered, ordered\n   */\n  type: {\n    type: String,\n    default: DT_TEXT_LIST_DEFAULT_TYPE,\n    validator: textListTypeValidator,\n  },\n\n  /**\n   * Visual marker style. Leave unset for automatic depth-aware markers.\n   * @values disc, circle, square, decimal, lower-alpha, upper-alpha, lower-roman, upper-roman, none\n   */\n  marker: {\n    type: String,\n    default: undefined,\n    validator: textListMarkerValidator,\n  },\n\n  /**\n   * Marker foreground tone. Uses the same tone vocabulary as DtText.\n   * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, info, info-strong, neutral-black, neutral-white\n   */\n  markerTone: {\n    type: String,\n    default: undefined,\n    validator: textListMarkerToneValidator,\n  },\n\n  /**\n   * Space between list items and before nested lists.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400\n   */\n  gap: {\n    type: String,\n    default: undefined,\n    validator: textListGapValidator,\n  },\n\n  /**\n   * Starting number for ordered lists.\n   */\n  start: {\n    type: Number,\n    default: undefined,\n  },\n\n  /**\n   * Reverse ordered list numbering.\n   */\n  reversed: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst listRef = ref(null);\n\nprovide(DT_TEXT_LIST_CONTEXT, {\n  type: toRef(props, 'type'),\n});\n\nconst isOrdered = computed(() => props.type === 'ordered');\nconst listElement = computed(() => isOrdered.value ? 'ol' : 'ul');\n// Safari drops list semantics when list-style is none; restore them explicitly.\nconst role = computed(() => props.marker === 'none' ? 'list' : undefined);\nconst orderedStart = computed(() => isOrdered.value ? props.start : undefined);\nconst orderedReversed = computed(() => isOrdered.value && props.reversed ? true : undefined);\n\nconst textListClasses = computed(() => [\n  'd-text-list',\n  props.gap ? `d-text-list--gap-${props.gap}` : null,\n  {\n    'd-text-list--ordered': isOrdered.value,\n  },\n  props.marker ? `d-text-list--marker-${props.marker}` : null,\n  props.markerTone ? `d-text-list--marker-tone-${props.markerTone}` : null,\n]);\n\n// eslint-disable-next-line no-console\nconst warn = message => console.warn(`[DtTextList] ${message}`);\n\nfunction validateOrderedOnlyProps () {\n  if (isOrdered.value) return;\n\n  if (props.start !== undefined) {\n    warn('The start prop only applies when type=\"ordered\".');\n  }\n\n  if (props.reversed) {\n    warn('The reversed prop only applies when type=\"ordered\".');\n  }\n}\n\nfunction validateMarkerFamily () {\n  if (!props.marker || props.marker === 'none') return;\n\n  if (props.type === 'ordered' && DT_TEXT_LIST_UNORDERED_MARKERS.includes(props.marker)) {\n    warn(`The marker=\"${props.marker}\" value is usually used with type=\"unordered\".`);\n  }\n\n  if (props.type === 'unordered' && DT_TEXT_LIST_ORDERED_MARKERS.includes(props.marker)) {\n    warn(`The marker=\"${props.marker}\" value is usually used with type=\"ordered\".`);\n  }\n}\n\nfunction validateChildren () {\n  const rootElement = listRef.value?.$el ?? listRef.value;\n  if (!rootElement) return;\n\n  for (const child of rootElement.children) {\n    if (child.tagName === 'LI') continue;\n\n    warn('Use DtTextListItem or a native li as the direct child of DtTextList.');\n    break;\n  }\n}\n\nonMounted(() => {\n  if (process.env.NODE_ENV !== 'production') {\n    validateOrderedOnlyProps();\n    validateMarkerFamily();\n    validateChildren();\n  }\n});\n</script>\n"],"mappings":"umBA0CA,IAAM,EAAQ,EA0DR,GAAA,EAAA,EAAA,KAAc,KAAK,EAEzB,EAAA,EAAA,SAAQ,EAAA,qBAAsB,CAC5B,MAAA,EAAA,EAAA,OAAY,EAAO,OAAO,CAC3B,CAAC,CAEF,IAAM,GAAA,EAAA,EAAA,cAA2B,EAAM,OAAS,UAAU,CACpD,GAAA,EAAA,EAAA,cAA6B,EAAU,MAAQ,KAAO,KAAK,CAE3D,GAAA,EAAA,EAAA,cAAsB,EAAM,SAAW,OAAS,OAAS,IAAA,GAAU,CACnE,GAAA,EAAA,EAAA,cAA8B,EAAU,MAAQ,EAAM,MAAQ,IAAA,GAAU,CACxE,GAAA,EAAA,EAAA,cAAiC,EAAU,OAAS,EAAM,SAAW,GAAO,IAAA,GAAU,CAEtF,GAAA,EAAA,EAAA,cAAiC,CACrC,cACA,EAAM,IAAM,oBAAoB,EAAM,MAAQ,KAC9C,CACE,uBAAwB,EAAU,MACnC,CACD,EAAM,OAAS,uBAAuB,EAAM,SAAW,KACvD,EAAM,WAAa,4BAA4B,EAAM,aAAe,KACrE,CAAC,CAGI,EAAO,GAAW,QAAQ,KAAK,gBAAgB,IAAU,CAE/D,SAAS,GAA4B,CAC/B,EAAU,QAEV,EAAM,QAAU,IAAA,IAClB,EAAK,mDAAmD,CAGtD,EAAM,UACR,EAAK,sDAAsD,EAI/D,SAAS,GAAwB,CAC3B,CAAC,EAAM,QAAU,EAAM,SAAW,SAElC,EAAM,OAAS,WAAa,EAAA,+BAA+B,SAAS,EAAM,OAAO,EACnF,EAAK,eAAe,EAAM,OAAO,gDAAgD,CAG/E,EAAM,OAAS,aAAe,EAAA,6BAA6B,SAAS,EAAM,OAAO,EACnF,EAAK,eAAe,EAAM,OAAO,8CAA8C,EAInF,SAAS,GAAoB,CAC3B,IAAM,EAAc,EAAQ,OAAO,KAAO,EAAQ,MAC7C,KAEL,KAAK,IAAM,KAAS,EAAY,SAC1B,KAAM,UAAY,KAEtB,GAAK,uEAAuE,CAC5E,eAIJ,EAAA,EAAA,eAAgB,CACd,QAAA,IAAA,WAA6B,eAC3B,GAA0B,CAC1B,GAAsB,CACtB,GAAkB,GAEpB,2EArKO,EAAA,MAAW,CAAA,SACZ,UAAJ,IAAI,EACJ,UAAQ,eACP,OAAA,EAAA,EAAA,gBAAO,EAAA,MAAe,CACtB,KAAM,EAAA,MACN,MAAO,EAAA,MACP,SAAU,EAAA,kCAGH,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA"}

package/dist/TextListItem-DIlrCkaM.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./common/utils/index.cjs`),t=require(`./lib/text-list/text-list-constants.cjs`),n=require(`./lib/text-list/validators.cjs`);let r=require(`vue`);var i=[`value`],a=(0,r.defineComponent)({name:`DtTextListItem`,__name:`TextListItem`,props:{value:{type:Number,default:void 0},markerTone:{type:String,default:void 0,validator:n.textListMarkerToneValidator},markerClass:{type:[String,Array,Object],default:``},contentClass:{type:[String,Array,Object],default:``}},setup(n){let a=n,o=(0,r.useSlots)(),s=(0,r.inject)(t.DT_TEXT_LIST_CONTEXT,null),c=(0,r.computed)(()=>s?(0,r.unref)(s.type):void 0),l=(0,r.computed)(()=>e.hasSlotContent(o.marker)),u=(0,r.computed)(()=>c.value===`ordered`?a.value:void 0),d=(0,r.computed)(()=>[`d-text-list__item`,{"d-text-list__item--custom-marker":l.value},a.markerTone?`d-text-list__item--marker-tone-${a.markerTone}`:null]),f=e=>console.warn(`[DtTextListItem] ${e}`);return(0,r.onMounted)(()=>{process.env.NODE_ENV!==`production`&&(s||f(`DtTextListItem must be used inside DtTextList.`),a.value!==void 0&&c.value!==`ordered`&&f(`The value prop only applies inside a DtTextList with type="ordered".`))}),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`li`,{"data-qa":`dt-text-list-item`,class:(0,r.normalizeClass)(d.value),value:u.value},[l.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:0,"data-qa":`dt-text-list-item-marker`,class:(0,r.normalizeClass)([`d-text-list__item-marker`,n.markerClass]),"aria-hidden":`true`},[(0,r.renderSlot)(e.$slots,`marker`)],2)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,{"data-qa":`dt-text-list-item-content`,class:(0,r.normalizeClass)([`d-text-list__item-content`,n.contentClass])},[(0,r.renderSlot)(e.$slots,`default`)],2)],10,i))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=TextListItem-DIlrCkaM.cjs.map

package/dist/TextListItem-DIlrCkaM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextListItem-DIlrCkaM.cjs","names":[],"sources":["../components/TextList/TextListItem.vue","../components/TextList/TextListItem.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <li\n    data-qa=\"dt-text-list-item\"\n    :class=\"textListItemClasses\"\n    :value=\"orderedValue\"\n  >\n    <span\n      v-if=\"hasCustomMarker\"\n      data-qa=\"dt-text-list-item-marker\"\n      class=\"d-text-list__item-marker\"\n      :class=\"markerClass\"\n      aria-hidden=\"true\"\n    >\n      <!-- @slot Custom marker content. Decorative by default. -->\n      <slot name=\"marker\" />\n    </span>\n    <div\n      data-qa=\"dt-text-list-item-content\"\n      :class=\"['d-text-list__item-content', contentClass]\"\n    >\n      <!-- @slot Text list item content. -->\n      <slot />\n    </div>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\n// @ts-nocheck\nimport {\n  computed,\n  inject,\n  onMounted,\n  unref,\n  useSlots,\n} from 'vue';\nimport { hasSlotContent } from '@/common/utils';\nimport { DT_TEXT_LIST_CONTEXT } from './TextListConstants';\nimport { textListMarkerToneValidator } from './Validators';\n\ndefineOptions({\n  name: 'DtTextListItem',\n});\n\nconst props = defineProps({\n  /**\n   * Native `li` value for ordered lists.\n   */\n  value: {\n    type: Number,\n    default: undefined,\n  },\n\n  /**\n   * Marker foreground tone for this item. Overrides the parent DtTextList markerTone.\n   * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, info, info-strong, neutral-black, neutral-white\n   */\n  markerTone: {\n    type: String,\n    default: undefined,\n    validator: textListMarkerToneValidator,\n  },\n\n  /**\n   * Additional class name for the marker wrapper.\n   */\n  markerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n   * Additional class name for the content wrapper.\n   */\n  contentClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n});\n\nconst slots = useSlots();\nconst parentContext = inject(DT_TEXT_LIST_CONTEXT, null);\nconst parentType = computed(() => parentContext ? unref(parentContext.type) : undefined);\nconst hasCustomMarker = computed(() => hasSlotContent(slots.marker));\nconst orderedValue = computed(() => parentType.value === 'ordered' ? props.value : undefined);\nconst textListItemClasses = computed(() => [\n  'd-text-list__item',\n  { 'd-text-list__item--custom-marker': hasCustomMarker.value },\n  props.markerTone ? `d-text-list__item--marker-tone-${props.markerTone}` : null,\n]);\n\n// eslint-disable-next-line no-console\nconst warn = message => console.warn(`[DtTextListItem] ${message}`);\n\nonMounted(() => {\n  if (process.env.NODE_ENV !== 'production') {\n    if (!parentContext) {\n      warn('DtTextListItem must be used inside DtTextList.');\n    }\n\n    if (props.value !== undefined && parentType.value !== 'ordered') {\n      warn('The value prop only applies inside a DtTextList with type=\"ordered\".');\n    }\n  }\n});\n</script>\n","<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <li\n    data-qa=\"dt-text-list-item\"\n    :class=\"textListItemClasses\"\n    :value=\"orderedValue\"\n  >\n    <span\n      v-if=\"hasCustomMarker\"\n      data-qa=\"dt-text-list-item-marker\"\n      class=\"d-text-list__item-marker\"\n      :class=\"markerClass\"\n      aria-hidden=\"true\"\n    >\n      <!-- @slot Custom marker content. Decorative by default. -->\n      <slot name=\"marker\" />\n    </span>\n    <div\n      data-qa=\"dt-text-list-item-content\"\n      :class=\"['d-text-list__item-content', contentClass]\"\n    >\n      <!-- @slot Text list item content. -->\n      <slot />\n    </div>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\n// @ts-nocheck\nimport {\n  computed,\n  inject,\n  onMounted,\n  unref,\n  useSlots,\n} from 'vue';\nimport { hasSlotContent } from '@/common/utils';\nimport { DT_TEXT_LIST_CONTEXT } from './TextListConstants';\nimport { textListMarkerToneValidator } from './Validators';\n\ndefineOptions({\n  name: 'DtTextListItem',\n});\n\nconst props = defineProps({\n  /**\n   * Native `li` value for ordered lists.\n   */\n  value: {\n    type: Number,\n    default: undefined,\n  },\n\n  /**\n   * Marker foreground tone for this item. Overrides the parent DtTextList markerTone.\n   * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, info, info-strong, neutral-black, neutral-white\n   */\n  markerTone: {\n    type: String,\n    default: undefined,\n    validator: textListMarkerToneValidator,\n  },\n\n  /**\n   * Additional class name for the marker wrapper.\n   */\n  markerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n   * Additional class name for the content wrapper.\n   */\n  contentClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n});\n\nconst slots = useSlots();\nconst parentContext = inject(DT_TEXT_LIST_CONTEXT, null);\nconst parentType = computed(() => parentContext ? unref(parentContext.type) : undefined);\nconst hasCustomMarker = computed(() => hasSlotContent(slots.marker));\nconst orderedValue = computed(() => parentType.value === 'ordered' ? props.value : undefined);\nconst textListItemClasses = computed(() => [\n  'd-text-list__item',\n  { 'd-text-list__item--custom-marker': hasCustomMarker.value },\n  props.markerTone ? `d-text-list__item--marker-tone-${props.markerTone}` : null,\n]);\n\n// eslint-disable-next-line no-console\nconst warn = message => console.warn(`[DtTextListItem] ${message}`);\n\nonMounted(() => {\n  if (process.env.NODE_ENV !== 'production') {\n    if (!parentContext) {\n      warn('DtTextListItem must be used inside DtTextList.');\n    }\n\n    if (props.value !== undefined && parentType.value !== 'ordered') {\n      warn('The value prop only applies inside a DtTextList with type=\"ordered\".');\n    }\n  }\n});\n</script>\n"],"mappings":"ogBA4CA,IAAM,EAAQ,EAoCR,GAAA,EAAA,EAAA,WAAkB,CAClB,GAAA,EAAA,EAAA,QAAuB,EAAA,qBAAsB,KAAK,CAClD,GAAA,EAAA,EAAA,cAA4B,GAAA,EAAA,EAAA,OAAsB,EAAc,KAAK,CAAG,IAAA,GAAU,CAClF,GAAA,EAAA,EAAA,cAAiC,EAAA,eAAe,EAAM,OAAO,CAAC,CAC9D,GAAA,EAAA,EAAA,cAA8B,EAAW,QAAU,UAAY,EAAM,MAAQ,IAAA,GAAU,CACvF,GAAA,EAAA,EAAA,cAAqC,CACzC,oBACA,CAAE,mCAAoC,EAAgB,MAAO,CAC7D,EAAM,WAAa,kCAAkC,EAAM,aAAe,KAC3E,CAAC,CAGI,EAAO,GAAW,QAAQ,KAAK,oBAAoB,IAAU,QAEnE,EAAA,EAAA,eAAgB,CACd,QAAA,IAAA,WAA6B,eACtB,GACH,EAAK,iDAAiD,CAGpD,EAAM,QAAU,IAAA,IAAa,EAAW,QAAU,WACpD,EAAK,uEAAuE,GAGhF,oDAhFK,KAAA,CArBH,UAAQ,oBACP,OAAA,EAAA,EAAA,gBAAO,EAAA,MAAmB,CAC1B,MAAO,EAAA,QAGA,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAQD,OAAA,OAPL,UAAQ,2BACR,OAAA,EAAA,EAAA,gBAAK,CAAC,2BACE,EAAA,YAAW,CAAA,CACnB,cAAY,0BAGU,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,EAAA,EAAA,EAAA,oBAQlB,MAAA,CALJ,UAAQ,4BACP,OAAA,EAAA,EAAA,gBAAK,CAAA,4BAAgC,EAAA,aAAY,CAAA,oBAG1C,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/TextListItem-ImUi_FWh.js

@@ -0,0 +1,62 @@
+import { hasSlotContent as e } from "./common/utils/index.js";
+import { DT_TEXT_LIST_CONTEXT as t } from "./lib/text-list/text-list-constants.js";
+import { textListMarkerToneValidator as n } from "./lib/text-list/validators.js";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, inject as c, normalizeClass as l, onMounted as u, openBlock as d, renderSlot as f, unref as p, useSlots as m } from "vue";
+//#region components/TextList/TextListItem.vue?vue&type=script&setup=true&lang.ts
+var h = ["value"], g = /* @__PURE__ */ s({
+	name: "DtTextListItem",
+	__name: "TextListItem",
+	props: {
+		value: {
+			type: Number,
+			default: void 0
+		},
+		markerTone: {
+			type: String,
+			default: void 0,
+			validator: n
+		},
+		markerClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		contentClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		}
+	},
+	setup(n) {
+		let s = n, g = m(), _ = c(t, null), v = r(() => _ ? p(_.type) : void 0), y = r(() => e(g.marker)), b = r(() => v.value === "ordered" ? s.value : void 0), x = r(() => [
+			"d-text-list__item",
+			{ "d-text-list__item--custom-marker": y.value },
+			s.markerTone ? `d-text-list__item--marker-tone-${s.markerTone}` : null
+		]), S = (e) => console.warn(`[DtTextListItem] ${e}`);
+		return u(() => {
+			process.env.NODE_ENV !== "production" && (_ || S("DtTextListItem must be used inside DtTextList."), s.value !== void 0 && v.value !== "ordered" && S("The value prop only applies inside a DtTextList with type=\"ordered\"."));
+		}), (e, t) => (d(), a("li", {
+			"data-qa": "dt-text-list-item",
+			class: l(x.value),
+			value: b.value
+		}, [y.value ? (d(), a("span", {
+			key: 0,
+			"data-qa": "dt-text-list-item-marker",
+			class: l(["d-text-list__item-marker", n.markerClass]),
+			"aria-hidden": "true"
+		}, [f(e.$slots, "marker")], 2)) : i("", !0), o("div", {
+			"data-qa": "dt-text-list-item-content",
+			class: l(["d-text-list__item-content", n.contentClass])
+		}, [f(e.$slots, "default")], 2)], 10, h));
+	}
+});
+//#endregion
+export { g as t };
+
+//# sourceMappingURL=TextListItem-ImUi_FWh.js.map

package/dist/TextListItem-ImUi_FWh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextListItem-ImUi_FWh.js","names":[],"sources":["../components/TextList/TextListItem.vue","../components/TextList/TextListItem.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <li\n    data-qa=\"dt-text-list-item\"\n    :class=\"textListItemClasses\"\n    :value=\"orderedValue\"\n  >\n    <span\n      v-if=\"hasCustomMarker\"\n      data-qa=\"dt-text-list-item-marker\"\n      class=\"d-text-list__item-marker\"\n      :class=\"markerClass\"\n      aria-hidden=\"true\"\n    >\n      <!-- @slot Custom marker content. Decorative by default. -->\n      <slot name=\"marker\" />\n    </span>\n    <div\n      data-qa=\"dt-text-list-item-content\"\n      :class=\"['d-text-list__item-content', contentClass]\"\n    >\n      <!-- @slot Text list item content. -->\n      <slot />\n    </div>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\n// @ts-nocheck\nimport {\n  computed,\n  inject,\n  onMounted,\n  unref,\n  useSlots,\n} from 'vue';\nimport { hasSlotContent } from '@/common/utils';\nimport { DT_TEXT_LIST_CONTEXT } from './TextListConstants';\nimport { textListMarkerToneValidator } from './Validators';\n\ndefineOptions({\n  name: 'DtTextListItem',\n});\n\nconst props = defineProps({\n  /**\n   * Native `li` value for ordered lists.\n   */\n  value: {\n    type: Number,\n    default: undefined,\n  },\n\n  /**\n   * Marker foreground tone for this item. Overrides the parent DtTextList markerTone.\n   * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, info, info-strong, neutral-black, neutral-white\n   */\n  markerTone: {\n    type: String,\n    default: undefined,\n    validator: textListMarkerToneValidator,\n  },\n\n  /**\n   * Additional class name for the marker wrapper.\n   */\n  markerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n   * Additional class name for the content wrapper.\n   */\n  contentClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n});\n\nconst slots = useSlots();\nconst parentContext = inject(DT_TEXT_LIST_CONTEXT, null);\nconst parentType = computed(() => parentContext ? unref(parentContext.type) : undefined);\nconst hasCustomMarker = computed(() => hasSlotContent(slots.marker));\nconst orderedValue = computed(() => parentType.value === 'ordered' ? props.value : undefined);\nconst textListItemClasses = computed(() => [\n  'd-text-list__item',\n  { 'd-text-list__item--custom-marker': hasCustomMarker.value },\n  props.markerTone ? `d-text-list__item--marker-tone-${props.markerTone}` : null,\n]);\n\n// eslint-disable-next-line no-console\nconst warn = message => console.warn(`[DtTextListItem] ${message}`);\n\nonMounted(() => {\n  if (process.env.NODE_ENV !== 'production') {\n    if (!parentContext) {\n      warn('DtTextListItem must be used inside DtTextList.');\n    }\n\n    if (props.value !== undefined && parentType.value !== 'ordered') {\n      warn('The value prop only applies inside a DtTextList with type=\"ordered\".');\n    }\n  }\n});\n</script>\n","<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <li\n    data-qa=\"dt-text-list-item\"\n    :class=\"textListItemClasses\"\n    :value=\"orderedValue\"\n  >\n    <span\n      v-if=\"hasCustomMarker\"\n      data-qa=\"dt-text-list-item-marker\"\n      class=\"d-text-list__item-marker\"\n      :class=\"markerClass\"\n      aria-hidden=\"true\"\n    >\n      <!-- @slot Custom marker content. Decorative by default. -->\n      <slot name=\"marker\" />\n    </span>\n    <div\n      data-qa=\"dt-text-list-item-content\"\n      :class=\"['d-text-list__item-content', contentClass]\"\n    >\n      <!-- @slot Text list item content. -->\n      <slot />\n    </div>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\n// @ts-nocheck\nimport {\n  computed,\n  inject,\n  onMounted,\n  unref,\n  useSlots,\n} from 'vue';\nimport { hasSlotContent } from '@/common/utils';\nimport { DT_TEXT_LIST_CONTEXT } from './TextListConstants';\nimport { textListMarkerToneValidator } from './Validators';\n\ndefineOptions({\n  name: 'DtTextListItem',\n});\n\nconst props = defineProps({\n  /**\n   * Native `li` value for ordered lists.\n   */\n  value: {\n    type: Number,\n    default: undefined,\n  },\n\n  /**\n   * Marker foreground tone for this item. Overrides the parent DtTextList markerTone.\n   * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, info, info-strong, neutral-black, neutral-white\n   */\n  markerTone: {\n    type: String,\n    default: undefined,\n    validator: textListMarkerToneValidator,\n  },\n\n  /**\n   * Additional class name for the marker wrapper.\n   */\n  markerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n   * Additional class name for the content wrapper.\n   */\n  contentClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n});\n\nconst slots = useSlots();\nconst parentContext = inject(DT_TEXT_LIST_CONTEXT, null);\nconst parentType = computed(() => parentContext ? unref(parentContext.type) : undefined);\nconst hasCustomMarker = computed(() => hasSlotContent(slots.marker));\nconst orderedValue = computed(() => parentType.value === 'ordered' ? props.value : undefined);\nconst textListItemClasses = computed(() => [\n  'd-text-list__item',\n  { 'd-text-list__item--custom-marker': hasCustomMarker.value },\n  props.markerTone ? `d-text-list__item--marker-tone-${props.markerTone}` : null,\n]);\n\n// eslint-disable-next-line no-console\nconst warn = message => console.warn(`[DtTextListItem] ${message}`);\n\nonMounted(() => {\n  if (process.env.NODE_ENV !== 'production') {\n    if (!parentContext) {\n      warn('DtTextListItem must be used inside DtTextList.');\n    }\n\n    if (props.value !== undefined && parentType.value !== 'ordered') {\n      warn('The value prop only applies inside a DtTextList with type=\"ordered\".');\n    }\n  }\n});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,IAAM,IAAQ,GAoCR,IAAQ,GAAU,EAClB,IAAgB,EAAO,GAAsB,KAAK,EAClD,IAAa,QAAe,IAAgB,EAAM,EAAc,KAAK,GAAG,KAAA,EAAU,EAClF,IAAkB,QAAe,EAAe,EAAM,OAAO,CAAC,EAC9D,IAAe,QAAe,EAAW,UAAU,YAAY,EAAM,QAAQ,KAAA,EAAU,EACvF,IAAsB,QAAe;GACzC;GACA,EAAE,oCAAoC,EAAgB,OAAO;GAC7D,EAAM,aAAa,kCAAkC,EAAM,eAAe;GAC3E,CAAC,EAGI,KAAO,MAAW,QAAQ,KAAK,oBAAoB,IAAU;SAEnE,QAAgB;AACd,GAAA,QAAA,IAAA,aAA6B,iBACtB,KACH,EAAK,iDAAiD,EAGpD,EAAM,UAAU,KAAA,KAAa,EAAW,UAAU,aACpD,EAAK,yEAAuE;IAGhF,kBAtGA,EAsBK,MAAA;GArBH,WAAQ;GACP,OAAK,EAAE,EAAA,MAAmB;GAC1B,OAAO,EAAA;MAGA,EAAA,SAAA,GAAA,EADR,EASO,QAAA;;GAPL,WAAQ;GACR,OAAK,EAAA,CAAC,4BACE,EAAA,YAAW,CAAA;GACnB,eAAY;MAGZ,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAExB,EAMM,OAAA;GALJ,WAAQ;GACP,OAAK,EAAA,CAAA,6BAAgC,EAAA,aAAY,CAAA;MAGlD,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,IAAA,EAAA"}