@dialpad/dialtone-vue 3.219.0-next.2 → 3.219.0

package/dist/lib/emoji-text-wrapper/emoji-text-wrapper.js

@@ -1,92 +1,62 @@
-import { findShortCodes as a, findEmojis as p } from "../../common/emoji/index.js";
-import { h as n, resolveDynamicComponent as c } from "vue";
-import { ICON_SIZE_MODIFIERS as l } from "../icon/icon-constants.js";
-import o from "../emoji/emoji.js";
-const m = n(c(null)).type, j = {
-  compatConfig: { MODE: 3 },
-  name: "DtEmojiTextWrapper",
-  components: {
-    DtEmoji: o
-  },
-  props: {
-    /**
-     * Element type (tag name) to use for the wrapper.
-     */
-    elementType: {
-      type: String,
-      default: "div"
-    },
-    /**
-     * The icon size to render the emojis at.
-     * @values 100, 200, 300, 400, 500, 600, 700, 800
-     */
-    size: {
-      type: String,
-      default: "500",
-      validator: (e) => Object.keys(l).includes(e)
-    }
-  },
-  data() {
-    return {
-      loadingEmojiJson: !0
-    };
-  },
-  async created() {
-    this.loadingEmojiJson = !1;
-  },
-  methods: {
-    /**
-     * Replaces the valid codes from the text content with a DtEmoji component.
-     * @returns {Array<VNode|string>}
-     */
-    replaceDtEmojis(e, r) {
-      if (!e.length) return r;
-      const s = e.map(
-        (t) => t.replace(/\*/g, "\\*")
-      ), i = new RegExp(`(${s.join("|")})`, "g");
-      return r.split(i).filter((t) => t.trim() !== "").map((t) => e.includes(t) ? n(o, { code: t, size: this.size }) : n("span", { class: "d-emoji-text-wrapper__text" }, t));
-    },
-    /**
-     * Recursively search the Vue virtual DOM to find text
-     * @param VNode
-     * @returns {VNode|*}
-     */
-    searchVNodes(e) {
-      var s;
-      if (!e) return;
-      if (typeof e == "string") return this.searchCodes(e);
-      if (e.type === m) return e;
-      if (typeof e.type == "symbol") return this.searchCodes(e.children);
-      if ((s = e.props) != null && s.innerHTML) return this.searchVNodes(e.props.innerHTML);
-      const r = Array.isArray(e.children) ? e.children : [e.children];
-      return n(e.type, e.props, r.map((i) => this.searchVNodes(i)));
-    },
-    // TODO: Find a way to crawl vue components
-    replaceVueComponentVNodeContent() {
-    },
-    /**
-     * Find codes in text.
-     * @param textContent string
-     * @returns {Array<VNode|string>|string}
-     */
-    searchCodes(e) {
-      const r = a(e), s = p(e), i = [...r, ...s];
-      return i.length === 0 ? e : this.replaceDtEmojis(i, e);
-    }
-  },
-  render() {
-    const e = this.$slots.default ? this.$slots.default() : [];
-    return n(
-      this.elementType,
-      {
-        "data-qa": "emoji-text-wrapper",
-        class: "d-emoji-text-wrapper"
-      },
-      this.loadingEmojiJson ? e : e.map((r) => this.searchVNodes(r))
-    );
-  }
+import { findEmojis as e, findShortCodes as t } from "../../common/emoji/index.js";
+import { ICON_SIZE_MODIFIERS as n } from "../icon/icon-constants.js";
+import r from "../emoji/emoji.js";
+import { h as i, resolveDynamicComponent as a } from "vue";
+//#region components/emoji_text_wrapper/emoji_text_wrapper.vue
+var o = i(a(null)).type, s = {
+	compatConfig: { MODE: 3 },
+	name: "DtEmojiTextWrapper",
+	components: { DtEmoji: r },
+	props: {
+		elementType: {
+			type: String,
+			default: "div"
+		},
+		size: {
+			type: String,
+			default: "500",
+			validator: (e) => Object.keys(n).includes(e)
+		}
+	},
+	data() {
+		return { loadingEmojiJson: !0 };
+	},
+	async created() {
+		this.loadingEmojiJson = !1;
+	},
+	methods: {
+		replaceDtEmojis(e, t) {
+			if (!e.length) return t;
+			let n = e.map((e) => e.replace(/\*/g, "\\*")), a = RegExp(`(${n.join("|")})`, "g");
+			return t.split(a).filter((e) => e.trim() !== "").map((t) => e.includes(t) ? i(r, {
+				code: t,
+				size: this.size
+			}) : i("span", { class: "d-emoji-text-wrapper__text" }, t));
+		},
+		searchVNodes(e) {
+			if (!e) return;
+			if (typeof e == "string") return this.searchCodes(e);
+			if (e.type === o) return e;
+			if (typeof e.type == "symbol") return this.searchCodes(e.children);
+			if (e.props?.innerHTML) return this.searchVNodes(e.props.innerHTML);
+			let t = Array.isArray(e.children) ? e.children : [e.children];
+			return i(e.type, e.props, t.map((e) => this.searchVNodes(e)));
+		},
+		replaceVueComponentVNodeContent() {},
+		searchCodes(n) {
+			let r = t(n), i = e(n), a = [...r, ...i];
+			return a.length === 0 ? n : this.replaceDtEmojis(a, n);
+		}
+	},
+	render() {
+		let e = this.$slots.default ? this.$slots.default() : [];
+		return i(this.elementType, {
+			"data-qa": "emoji-text-wrapper",
+			class: "d-emoji-text-wrapper"
+		}, this.loadingEmojiJson ? e : e.map((e) => this.searchVNodes(e)));
+	}
 };
-export {
-  j as default
-};
-//# sourceMappingURL=emoji-text-wrapper.js.map
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=emoji-text-wrapper.js.map

package/dist/lib/emoji-text-wrapper/emoji-text-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-text-wrapper.js","sources":["../../../components/emoji_text_wrapper/emoji_text_wrapper.vue"],"sourcesContent":["<script>\nimport { DtEmoji } from '../emoji';\nimport { findEmojis, findShortCodes } from '@/common/emoji';\nimport { h, resolveDynamicComponent } from 'vue';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants';\n\nconst COMMENT_TYPE = h(resolveDynamicComponent(null)).type;\n\n/**\n * Wrapper to find and replace shortcodes like :smile: or unicode chars such as 😄 with our custom Emojis implementation.\n * @see https://dialtone.dialpad.com/components/emoji_text_wrapper.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtEmojiTextWrapper',\n\n  components: {\n    DtEmoji,\n  },\n\n  props: {\n    /**\n     * Element type (tag name) to use for the wrapper.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * The icon size to render the emojis at.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (t) => Object.keys(ICON_SIZE_MODIFIERS).includes(t),\n    },\n  },\n\n  data () {\n    return {\n      loadingEmojiJson: true,\n    };\n  },\n\n  async created () {\n    this.loadingEmojiJson = false;\n  },\n\n  methods: {\n    /**\n     * Replaces the valid codes from the text content with a DtEmoji component.\n     * @returns {Array<VNode|string>}\n     */\n    replaceDtEmojis (replaceList, textContent) {\n      if (!replaceList.length) return textContent;\n      // Escape the asterisk to avoid breaking the regex for the asterisk emoji\n      const escapedReplaceList = replaceList.map(item =>\n        item.replace(/\\*/g, '\\\\*'),\n      );\n\n      const regexp = new RegExp(`(${escapedReplaceList.join('|')})`, 'g');\n      const items = textContent.split(regexp);\n\n      return items\n        .filter(item => item.trim() !== '')\n        .map((item) => {\n          if (replaceList.includes(item)) {\n            return h(DtEmoji, { code: item, size: this.size });\n          }\n          return h('span', { class: 'd-emoji-text-wrapper__text' }, item);\n        });\n    },\n\n    /**\n     * Recursively search the Vue virtual DOM to find text\n     * @param VNode\n     * @returns {VNode|*}\n     */\n    searchVNodes (VNode) {\n      if (!VNode) return;\n      if (typeof VNode === 'string') return this.searchCodes(VNode);\n      if (VNode.type === COMMENT_TYPE) return VNode;\n      if (typeof VNode.type === 'symbol') return this.searchCodes(VNode.children);\n      if (VNode.props?.innerHTML) return this.searchVNodes(VNode.props.innerHTML);\n\n      const children = Array.isArray(VNode.children) ? VNode.children : [VNode.children];\n      return h(VNode.type, VNode.props, children.map(VNodeChild => this.searchVNodes(VNodeChild)));\n    },\n\n    // TODO: Find a way to crawl vue components\n    replaceVueComponentVNodeContent () {\n      //\n    },\n\n    /**\n     * Find codes in text.\n     * @param textContent string\n     * @returns {Array<VNode|string>|string}\n     */\n    searchCodes (textContent) {\n      const shortcodes = findShortCodes(textContent);\n      const emojis = findEmojis(textContent);\n\n      const replaceList = [...shortcodes, ...emojis];\n      if (replaceList.length === 0) return textContent;\n      return this.replaceDtEmojis(replaceList, textContent);\n    },\n  },\n\n  render () {\n    const defaultSlotContent = this.$slots.default ? this.$slots.default() : [];\n    return h(\n      this.elementType,\n      {\n        'data-qa': 'emoji-text-wrapper',\n        class: 'd-emoji-text-wrapper',\n      },\n      this.loadingEmojiJson\n        ? defaultSlotContent\n        : defaultSlotContent.map(VNode => this.searchVNodes(VNode)),\n    );\n  },\n};\n</script>\n"],"names":["COMMENT_TYPE","h","resolveDynamicComponent","_sfc_main","DtEmoji","t","ICON_SIZE_MODIFIERS","replaceList","textContent","escapedReplaceList","item","regexp","VNode","_a","children","VNodeChild","shortcodes","findShortCodes","emojis","findEmojis","defaultSlotContent"],"mappings":";;;;AAMA,MAAMA,IAAeC,EAAEC,EAAwB,IAAI,CAAC,EAAE,MAMjDC,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,SAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAM,OAAO,KAAKC,CAAmB,EAAE,SAASD,CAAC;AAAA;;EAIjE,OAAQ;AACN,WAAO;AAAA,MACL,kBAAkB;AAAA;EAEtB;AAAA,EAEA,MAAM,UAAW;AACf,SAAK,mBAAmB;AAAA,EAC1B;AAAA,EAEA,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,gBAAiBE,GAAaC,GAAa;AACzC,UAAI,CAACD,EAAY,OAAQ,QAAOC;AAEhC,YAAMC,IAAqBF,EAAY;AAAA,QAAI,CAAAG,MACzCA,EAAK,QAAQ,OAAO,KAAK;AAAA,SAGrBC,IAAS,IAAI,OAAO,IAAIF,EAAmB,KAAK,GAAG,CAAC,KAAK,GAAG;AAGlE,aAFcD,EAAY,MAAMG,CAAM,EAGnC,OAAO,CAAAD,MAAQA,EAAK,KAAI,MAAO,EAAE,EACjC,IAAI,CAACA,MACAH,EAAY,SAASG,CAAI,IACpBT,EAAEG,GAAS,EAAE,MAAMM,GAAM,MAAM,KAAK,MAAM,IAE5CT,EAAE,QAAQ,EAAE,OAAO,6BAA2B,GAAKS,CAAI,CAC/D;AAAA,IACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,aAAcE,GAAO;;AACnB,UAAI,CAACA,EAAO;AACZ,UAAI,OAAOA,KAAU,SAAU,QAAO,KAAK,YAAYA,CAAK;AAC5D,UAAIA,EAAM,SAASZ,EAAc,QAAOY;AACxC,UAAI,OAAOA,EAAM,QAAS,SAAU,QAAO,KAAK,YAAYA,EAAM,QAAQ;AAC1E,WAAIC,IAAAD,EAAM,UAAN,QAAAC,EAAa,UAAW,QAAO,KAAK,aAAaD,EAAM,MAAM,SAAS;AAE1E,YAAME,IAAW,MAAM,QAAQF,EAAM,QAAQ,IAAIA,EAAM,WAAW,CAACA,EAAM,QAAQ;AACjF,aAAOX,EAAEW,EAAM,MAAMA,EAAM,OAAOE,EAAS,IAAI,CAAAC,MAAc,KAAK,aAAaA,CAAU,CAAC,CAAC;AAAA,IAC7F;AAAA;AAAA,IAGA,kCAAmC;AAAA,IAEnC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,YAAaP,GAAa;AACxB,YAAMQ,IAAaC,EAAeT,CAAW,GACvCU,IAASC,EAAWX,CAAW,GAE/BD,IAAc,CAAC,GAAGS,GAAY,GAAGE,CAAM;AAC7C,aAAIX,EAAY,WAAW,IAAUC,IAC9B,KAAK,gBAAgBD,GAAaC,CAAW;AAAA,IACtD;AAAA;EAGF,SAAU;AACR,UAAMY,IAAqB,KAAK,OAAO,UAAU,KAAK,OAAO,QAAO,IAAK,CAAA;AACzE,WAAOnB;AAAA,MACL,KAAK;AAAA,MACL;AAAA,QACE,WAAW;AAAA,QACX,OAAO;AAAA;MAET,KAAK,mBACDmB,IACAA,EAAmB,IAAI,CAAAR,MAAS,KAAK,aAAaA,CAAK,CAAC;AAAA;EAEhE;AACF;"}
+{"version":3,"file":"emoji-text-wrapper.js","names":[],"sources":["../../../components/emoji_text_wrapper/emoji_text_wrapper.vue"],"sourcesContent":["<script>\nimport { DtEmoji } from '../emoji';\nimport { findEmojis, findShortCodes } from '@/common/emoji';\nimport { h, resolveDynamicComponent } from 'vue';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants';\n\nconst COMMENT_TYPE = h(resolveDynamicComponent(null)).type;\n\n/**\n * Wrapper to find and replace shortcodes like :smile: or unicode chars such as 😄 with our custom Emojis implementation.\n * @see https://dialtone.dialpad.com/components/emoji_text_wrapper.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtEmojiTextWrapper',\n\n  components: {\n    DtEmoji,\n  },\n\n  props: {\n    /**\n     * Element type (tag name) to use for the wrapper.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * The icon size to render the emojis at: 100 to 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (t) => Object.keys(ICON_SIZE_MODIFIERS).includes(t),\n    },\n  },\n\n  data () {\n    return {\n      loadingEmojiJson: true,\n    };\n  },\n\n  async created () {\n    this.loadingEmojiJson = false;\n  },\n\n  methods: {\n    /**\n     * Replaces the valid codes from the text content with a DtEmoji component.\n     * @returns {Array<VNode|string>}\n     */\n    replaceDtEmojis (replaceList, textContent) {\n      if (!replaceList.length) return textContent;\n      // Escape the asterisk to avoid breaking the regex for the asterisk emoji\n      const escapedReplaceList = replaceList.map(item =>\n        item.replace(/\\*/g, '\\\\*'),\n      );\n\n      const regexp = new RegExp(`(${escapedReplaceList.join('|')})`, 'g');\n      const items = textContent.split(regexp);\n\n      return items\n        .filter(item => item.trim() !== '')\n        .map((item) => {\n          if (replaceList.includes(item)) {\n            return h(DtEmoji, { code: item, size: this.size });\n          }\n          return h('span', { class: 'd-emoji-text-wrapper__text' }, item);\n        });\n    },\n\n    /**\n     * Recursively search the Vue virtual DOM to find text\n     * @param VNode\n     * @returns {VNode|*}\n     */\n    searchVNodes (VNode) {\n      if (!VNode) return;\n      if (typeof VNode === 'string') return this.searchCodes(VNode);\n      if (VNode.type === COMMENT_TYPE) return VNode;\n      if (typeof VNode.type === 'symbol') return this.searchCodes(VNode.children);\n      if (VNode.props?.innerHTML) return this.searchVNodes(VNode.props.innerHTML);\n\n      const children = Array.isArray(VNode.children) ? VNode.children : [VNode.children];\n      return h(VNode.type, VNode.props, children.map(VNodeChild => this.searchVNodes(VNodeChild)));\n    },\n\n    // TODO: Find a way to crawl vue components\n    replaceVueComponentVNodeContent () {\n      //\n    },\n\n    /**\n     * Find codes in text.\n     * @param textContent string\n     * @returns {Array<VNode|string>|string}\n     */\n    searchCodes (textContent) {\n      const shortcodes = findShortCodes(textContent);\n      const emojis = findEmojis(textContent);\n\n      const replaceList = [...shortcodes, ...emojis];\n      if (replaceList.length === 0) return textContent;\n      return this.replaceDtEmojis(replaceList, textContent);\n    },\n  },\n\n  render () {\n    const defaultSlotContent = this.$slots.default ? this.$slots.default() : [];\n    return h(\n      this.elementType,\n      {\n        'data-qa': 'emoji-text-wrapper',\n        class: 'd-emoji-text-wrapper',\n      },\n      this.loadingEmojiJson\n        ? defaultSlotContent\n        : defaultSlotContent.map(VNode => this.searchVNodes(VNode)),\n    );\n  },\n};\n</script>\n"],"mappings":";;;;;AAMA,IAAM,IAAe,EAAE,EAAwB,KAAK,CAAC,CAAC,MAMjD,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY,EACV,SAAA,GACD;CAED,OAAO;EAIL,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAY,MAAM,OAAO,KAAK,EAAoB,CAAC,SAAS,EAAE;GAC/D;EACF;CAED,OAAQ;AACN,SAAO,EACL,kBAAkB,IACnB;;CAGH,MAAM,UAAW;AACf,OAAK,mBAAmB;;CAG1B,SAAS;EAKP,gBAAiB,GAAa,GAAa;AACzC,OAAI,CAAC,EAAY,OAAQ,QAAO;GAEhC,IAAM,IAAqB,EAAY,KAAI,MACzC,EAAK,QAAQ,OAAO,MAAM,CAC3B,EAEK,IAAa,OAAO,IAAI,EAAmB,KAAK,IAAI,CAAC,IAAI,IAAI;AAGnE,UAFc,EAAY,MAAM,EAAO,CAGpC,QAAO,MAAQ,EAAK,MAAK,KAAM,GAAE,CACjC,KAAK,MACA,EAAY,SAAS,EAAK,GACrB,EAAE,GAAS;IAAE,MAAM;IAAM,MAAM,KAAK;IAAM,CAAC,GAE7C,EAAE,QAAQ,EAAE,OAAO,8BAA8B,EAAE,EAAK,CAC/D;;EAQN,aAAc,GAAO;AACnB,OAAI,CAAC,EAAO;AACZ,OAAI,OAAO,KAAU,SAAU,QAAO,KAAK,YAAY,EAAM;AAC7D,OAAI,EAAM,SAAS,EAAc,QAAO;AACxC,OAAI,OAAO,EAAM,QAAS,SAAU,QAAO,KAAK,YAAY,EAAM,SAAS;AAC3E,OAAI,EAAM,OAAO,UAAW,QAAO,KAAK,aAAa,EAAM,MAAM,UAAU;GAE3E,IAAM,IAAW,MAAM,QAAQ,EAAM,SAAQ,GAAI,EAAM,WAAW,CAAC,EAAM,SAAS;AAClF,UAAO,EAAE,EAAM,MAAM,EAAM,OAAO,EAAS,KAAI,MAAc,KAAK,aAAa,EAAW,CAAC,CAAC;;EAI9F,kCAAmC;EASnC,YAAa,GAAa;GACxB,IAAM,IAAa,EAAe,EAAY,EACxC,IAAS,EAAW,EAAY,EAEhC,IAAc,CAAC,GAAG,GAAY,GAAG,EAAO;AAE9C,UADI,EAAY,WAAW,IAAU,IAC9B,KAAK,gBAAgB,GAAa,EAAY;;EAExD;CAED,SAAU;EACR,IAAM,IAAqB,KAAK,OAAO,UAAU,KAAK,OAAO,SAAQ,GAAI,EAAE;AAC3E,SAAO,EACL,KAAK,aACL;GACE,WAAW;GACX,OAAO;GACR,EACD,KAAK,mBACD,IACA,EAAmB,KAAI,MAAS,KAAK,aAAa,EAAM,CAAC,CAC9D;;CAEJ"}

package/dist/lib/emoji-text-wrapper/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./emoji-text-wrapper.cjs");exports.DtEmojiTextWrapper=e.default;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./emoji-text-wrapper.cjs`);exports.DtEmojiTextWrapper=e.default;

package/dist/lib/emoji-text-wrapper/index.js

@@ -1,5 +1,2 @@
-import { default as t } from "./emoji-text-wrapper.js";
-export {
-  t as DtEmojiTextWrapper
-};
-//# sourceMappingURL=index.js.map
+import e from "./emoji-text-wrapper.js";
+export { e as DtEmojiTextWrapper };

package/dist/lib/empty-state/empty-state-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={200:"d-empty-state--size-sm",300:"d-empty-state--size-md",400:"d-empty-state--size-lg",sm:"d-empty-state--size-sm",md:"d-empty-state--size-md",lg:"d-empty-state--size-lg"},e={200:"d-empty-state__content--sm",300:"d-empty-state__content--md",400:"d-empty-state__content--lg",sm:"d-empty-state__content--sm",md:"d-empty-state__content--md",lg:"d-empty-state__content--lg"},E={200:"md",300:"xl",400:"2xl",sm:"md",md:"xl",lg:"2xl"},_={200:"200",300:"200",400:void 0,sm:"200",md:"200",lg:void 0},T={200:"sm",300:"md",400:"lg",sm:"sm",md:"md",lg:"lg"},s={200:void 0,300:"300",400:"300",sm:void 0,md:"300",lg:"300"},m={EMPTY_STATE_SIZE_MODIFIERS:t,EMPTY_STATE_CONTENT_SIZE_MODIFIERS:e,EMPTY_STATE_HEADLINE_SIZES:E,EMPTY_STATE_HEADLINE_DENSITIES:_,EMPTY_STATE_BODY_SIZES:T,EMPTY_STATE_BODY_DENSITIES:s};exports.EMPTY_STATE_BODY_DENSITIES=s;exports.EMPTY_STATE_BODY_SIZES=T;exports.EMPTY_STATE_CONTENT_SIZE_MODIFIERS=e;exports.EMPTY_STATE_HEADLINE_DENSITIES=_;exports.EMPTY_STATE_HEADLINE_SIZES=E;exports.EMPTY_STATE_SIZE_MODIFIERS=t;exports.default=m;
-//# sourceMappingURL=empty-state-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={sm:`d-empty-state--size-sm`,md:`d-empty-state--size-md`,lg:`d-empty-state--size-lg`},t={sm:`d-empty-state__content--sm`,md:`d-empty-state__content--md`,lg:`d-empty-state__content--lg`},n={sm:`d-headline--md`,md:`d-headline--xl`,lg:`d-headline--xxl`},r={sm:`d-body--sm`,md:`d-body--sm`,lg:`d-body--md`},i={EMPTY_STATE_SIZE_MODIFIERS:e,EMPTY_STATE_CONTENT_SIZE_MODIFIERS:t,EMPTY_STATE_HEADLINE_SIZE_MODIFIERS:n,EMPTY_STATE_BODY_SIZE_MODIFIERS:r};exports.EMPTY_STATE_BODY_SIZE_MODIFIERS=r,exports.EMPTY_STATE_CONTENT_SIZE_MODIFIERS=t,exports.EMPTY_STATE_HEADLINE_SIZE_MODIFIERS=n,exports.EMPTY_STATE_SIZE_MODIFIERS=e,exports.default=i;
+//# sourceMappingURL=empty-state-constants.cjs.map

package/dist/lib/empty-state/empty-state-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state-constants.cjs","sources":["../../../components/empty_state/empty_state_constants.js"],"sourcesContent":["export const EMPTY_STATE_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  200: 'd-empty-state--size-sm',\n  300: 'd-empty-state--size-md',\n  400: 'd-empty-state--size-lg',\n  // T-shirt aliases (deprecated)\n  sm: 'd-empty-state--size-sm',\n  md: 'd-empty-state--size-md',\n  lg: 'd-empty-state--size-lg',\n};\n\nexport const EMPTY_STATE_CONTENT_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  200: 'd-empty-state__content--sm',\n  300: 'd-empty-state__content--md',\n  400: 'd-empty-state__content--lg',\n  // T-shirt aliases (deprecated)\n  sm: 'd-empty-state__content--sm',\n  md: 'd-empty-state__content--md',\n  lg: 'd-empty-state__content--lg',\n};\n\nexport const EMPTY_STATE_HEADLINE_SIZES = {\n  // Numeric (preferred)\n  200: 'md',\n  300: 'xl',\n  400: '2xl',\n  // T-shirt aliases (deprecated)\n  sm: 'md',\n  md: 'xl',\n  lg: '2xl',\n};\n\nexport const EMPTY_STATE_HEADLINE_DENSITIES = {\n  // Numeric (preferred)\n  200: '200',\n  300: '200',\n  400: undefined,\n  // T-shirt aliases (deprecated)\n  sm: '200',\n  md: '200',\n  lg: undefined,\n};\n\nexport const EMPTY_STATE_BODY_SIZES = {\n  // Numeric (preferred)\n  200: 'sm',\n  300: 'md',\n  400: 'lg',\n  // T-shirt aliases (deprecated)\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n};\n\nexport const EMPTY_STATE_BODY_DENSITIES = {\n  // Numeric (preferred)\n  200: undefined,\n  300: '300',\n  400: '300',\n  // T-shirt aliases (deprecated)\n  sm: undefined,\n  md: '300',\n  lg: '300',\n};\n\nexport default {\n  EMPTY_STATE_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZES,\n  EMPTY_STATE_HEADLINE_DENSITIES,\n  EMPTY_STATE_BODY_SIZES,\n  EMPTY_STATE_BODY_DENSITIES,\n};\n"],"names":["EMPTY_STATE_SIZE_MODIFIERS","EMPTY_STATE_CONTENT_SIZE_MODIFIERS","EMPTY_STATE_HEADLINE_SIZES","EMPTY_STATE_HEADLINE_DENSITIES","EMPTY_STATE_BODY_SIZES","EMPTY_STATE_BODY_DENSITIES","empty_state_constants"],"mappings":"4GAAY,MAACA,EAA6B,CAExC,IAAK,yBACL,IAAK,yBACL,IAAK,yBAEL,GAAI,yBACJ,GAAI,yBACJ,GAAI,wBACN,EAEaC,EAAqC,CAEhD,IAAK,6BACL,IAAK,6BACL,IAAK,6BAEL,GAAI,6BACJ,GAAI,6BACJ,GAAI,4BACN,EAEaC,EAA6B,CAExC,IAAK,KACL,IAAK,KACL,IAAK,MAEL,GAAI,KACJ,GAAI,KACJ,GAAI,KACN,EAEaC,EAAiC,CAE5C,IAAK,MACL,IAAK,MACL,IAAK,OAEL,GAAI,MACJ,GAAI,MACJ,GAAI,MACN,EAEaC,EAAyB,CAEpC,IAAK,KACL,IAAK,KACL,IAAK,KAEL,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAA6B,CAExC,IAAK,OACL,IAAK,MACL,IAAK,MAEL,GAAI,OACJ,GAAI,MACJ,GAAI,KACN,EAEAC,EAAe,CACb,2BAAAN,EACA,mCAAAC,EACA,2BAAAC,EACA,+BAAAC,EACA,uBAAAC,EACA,2BAAAC,CACF"}
+{"version":3,"file":"empty-state-constants.cjs","names":[],"sources":["../../../components/empty_state/empty_state_constants.js"],"sourcesContent":["export const EMPTY_STATE_SIZE_MODIFIERS = {\n  sm: 'd-empty-state--size-sm',\n  md: 'd-empty-state--size-md',\n  lg: 'd-empty-state--size-lg',\n};\n\nexport const EMPTY_STATE_CONTENT_SIZE_MODIFIERS = {\n  sm: 'd-empty-state__content--sm',\n  md: 'd-empty-state__content--md',\n  lg: 'd-empty-state__content--lg',\n};\n\nexport const EMPTY_STATE_HEADLINE_SIZE_MODIFIERS = {\n  sm: 'd-headline--md',\n  md: 'd-headline--xl',\n  lg: 'd-headline--xxl',\n};\n\nexport const EMPTY_STATE_BODY_SIZE_MODIFIERS = {\n  sm: 'd-body--sm',\n  md: 'd-body--sm',\n  lg: 'd-body--md',\n};\n\nexport default {\n  EMPTY_STATE_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n  EMPTY_STATE_BODY_SIZE_MODIFIERS,\n};\n"],"mappings":"+FAAA,IAAa,EAA6B,CACxC,GAAI,yBACJ,GAAI,yBACJ,GAAI,yBACL,CAEY,EAAqC,CAChD,GAAI,6BACJ,GAAI,6BACJ,GAAI,6BACL,CAEY,EAAsC,CACjD,GAAI,iBACJ,GAAI,iBACJ,GAAI,kBACL,CAEY,EAAkC,CAC7C,GAAI,aACJ,GAAI,aACJ,GAAI,aACL,CAED,EAAe,CACb,6BACA,qCACA,sCACA,kCACD"}

package/dist/lib/empty-state/empty-state-constants.js

@@ -1,72 +1,27 @@
-const t = {
-  // Numeric (preferred)
-  200: "d-empty-state--size-sm",
-  300: "d-empty-state--size-md",
-  400: "d-empty-state--size-lg",
-  // T-shirt aliases (deprecated)
-  sm: "d-empty-state--size-sm",
-  md: "d-empty-state--size-md",
-  lg: "d-empty-state--size-lg"
-}, e = {
-  // Numeric (preferred)
-  200: "d-empty-state__content--sm",
-  300: "d-empty-state__content--md",
-  400: "d-empty-state__content--lg",
-  // T-shirt aliases (deprecated)
-  sm: "d-empty-state__content--sm",
-  md: "d-empty-state__content--md",
-  lg: "d-empty-state__content--lg"
-}, s = {
-  // Numeric (preferred)
-  200: "md",
-  300: "xl",
-  400: "2xl",
-  // T-shirt aliases (deprecated)
-  sm: "md",
-  md: "xl",
-  lg: "2xl"
-}, m = {
-  // Numeric (preferred)
-  200: "200",
-  300: "200",
-  400: void 0,
-  // T-shirt aliases (deprecated)
-  sm: "200",
-  md: "200",
-  lg: void 0
-}, d = {
-  // Numeric (preferred)
-  200: "sm",
-  300: "md",
-  400: "lg",
-  // T-shirt aliases (deprecated)
-  sm: "sm",
-  md: "md",
-  lg: "lg"
-}, _ = {
-  // Numeric (preferred)
-  200: void 0,
-  300: "300",
-  400: "300",
-  // T-shirt aliases (deprecated)
-  sm: void 0,
-  md: "300",
-  lg: "300"
+//#region components/empty_state/empty_state_constants.js
+var e = {
+	sm: "d-empty-state--size-sm",
+	md: "d-empty-state--size-md",
+	lg: "d-empty-state--size-lg"
+}, t = {
+	sm: "d-empty-state__content--sm",
+	md: "d-empty-state__content--md",
+	lg: "d-empty-state__content--lg"
 }, n = {
-  EMPTY_STATE_SIZE_MODIFIERS: t,
-  EMPTY_STATE_CONTENT_SIZE_MODIFIERS: e,
-  EMPTY_STATE_HEADLINE_SIZES: s,
-  EMPTY_STATE_HEADLINE_DENSITIES: m,
-  EMPTY_STATE_BODY_SIZES: d,
-  EMPTY_STATE_BODY_DENSITIES: _
+	sm: "d-headline--md",
+	md: "d-headline--xl",
+	lg: "d-headline--xxl"
+}, r = {
+	sm: "d-body--sm",
+	md: "d-body--sm",
+	lg: "d-body--md"
+}, i = {
+	EMPTY_STATE_SIZE_MODIFIERS: e,
+	EMPTY_STATE_CONTENT_SIZE_MODIFIERS: t,
+	EMPTY_STATE_HEADLINE_SIZE_MODIFIERS: n,
+	EMPTY_STATE_BODY_SIZE_MODIFIERS: r
 };
-export {
-  _ as EMPTY_STATE_BODY_DENSITIES,
-  d as EMPTY_STATE_BODY_SIZES,
-  e as EMPTY_STATE_CONTENT_SIZE_MODIFIERS,
-  m as EMPTY_STATE_HEADLINE_DENSITIES,
-  s as EMPTY_STATE_HEADLINE_SIZES,
-  t as EMPTY_STATE_SIZE_MODIFIERS,
-  n as default
-};
-//# sourceMappingURL=empty-state-constants.js.map
+//#endregion
+export { r as EMPTY_STATE_BODY_SIZE_MODIFIERS, t as EMPTY_STATE_CONTENT_SIZE_MODIFIERS, n as EMPTY_STATE_HEADLINE_SIZE_MODIFIERS, e as EMPTY_STATE_SIZE_MODIFIERS, i as default };
+
+//# sourceMappingURL=empty-state-constants.js.map

package/dist/lib/empty-state/empty-state-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state-constants.js","sources":["../../../components/empty_state/empty_state_constants.js"],"sourcesContent":["export const EMPTY_STATE_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  200: 'd-empty-state--size-sm',\n  300: 'd-empty-state--size-md',\n  400: 'd-empty-state--size-lg',\n  // T-shirt aliases (deprecated)\n  sm: 'd-empty-state--size-sm',\n  md: 'd-empty-state--size-md',\n  lg: 'd-empty-state--size-lg',\n};\n\nexport const EMPTY_STATE_CONTENT_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  200: 'd-empty-state__content--sm',\n  300: 'd-empty-state__content--md',\n  400: 'd-empty-state__content--lg',\n  // T-shirt aliases (deprecated)\n  sm: 'd-empty-state__content--sm',\n  md: 'd-empty-state__content--md',\n  lg: 'd-empty-state__content--lg',\n};\n\nexport const EMPTY_STATE_HEADLINE_SIZES = {\n  // Numeric (preferred)\n  200: 'md',\n  300: 'xl',\n  400: '2xl',\n  // T-shirt aliases (deprecated)\n  sm: 'md',\n  md: 'xl',\n  lg: '2xl',\n};\n\nexport const EMPTY_STATE_HEADLINE_DENSITIES = {\n  // Numeric (preferred)\n  200: '200',\n  300: '200',\n  400: undefined,\n  // T-shirt aliases (deprecated)\n  sm: '200',\n  md: '200',\n  lg: undefined,\n};\n\nexport const EMPTY_STATE_BODY_SIZES = {\n  // Numeric (preferred)\n  200: 'sm',\n  300: 'md',\n  400: 'lg',\n  // T-shirt aliases (deprecated)\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n};\n\nexport const EMPTY_STATE_BODY_DENSITIES = {\n  // Numeric (preferred)\n  200: undefined,\n  300: '300',\n  400: '300',\n  // T-shirt aliases (deprecated)\n  sm: undefined,\n  md: '300',\n  lg: '300',\n};\n\nexport default {\n  EMPTY_STATE_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZES,\n  EMPTY_STATE_HEADLINE_DENSITIES,\n  EMPTY_STATE_BODY_SIZES,\n  EMPTY_STATE_BODY_DENSITIES,\n};\n"],"names":["EMPTY_STATE_SIZE_MODIFIERS","EMPTY_STATE_CONTENT_SIZE_MODIFIERS","EMPTY_STATE_HEADLINE_SIZES","EMPTY_STATE_HEADLINE_DENSITIES","EMPTY_STATE_BODY_SIZES","EMPTY_STATE_BODY_DENSITIES","empty_state_constants"],"mappings":"AAAY,MAACA,IAA6B;AAAA;AAAA,EAExC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAqC;AAAA;AAAA,EAEhD,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAA6B;AAAA;AAAA,EAExC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAiC;AAAA;AAAA,EAE5C,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAyB;AAAA;AAAA,EAEpC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAA6B;AAAA;AAAA,EAExC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEAC,IAAe;AAAA,EACb,4BAAAN;AAAA,EACA,oCAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,gCAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,4BAAAC;AACF;"}
+{"version":3,"file":"empty-state-constants.js","names":[],"sources":["../../../components/empty_state/empty_state_constants.js"],"sourcesContent":["export const EMPTY_STATE_SIZE_MODIFIERS = {\n  sm: 'd-empty-state--size-sm',\n  md: 'd-empty-state--size-md',\n  lg: 'd-empty-state--size-lg',\n};\n\nexport const EMPTY_STATE_CONTENT_SIZE_MODIFIERS = {\n  sm: 'd-empty-state__content--sm',\n  md: 'd-empty-state__content--md',\n  lg: 'd-empty-state__content--lg',\n};\n\nexport const EMPTY_STATE_HEADLINE_SIZE_MODIFIERS = {\n  sm: 'd-headline--md',\n  md: 'd-headline--xl',\n  lg: 'd-headline--xxl',\n};\n\nexport const EMPTY_STATE_BODY_SIZE_MODIFIERS = {\n  sm: 'd-body--sm',\n  md: 'd-body--sm',\n  lg: 'd-body--md',\n};\n\nexport default {\n  EMPTY_STATE_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n  EMPTY_STATE_BODY_SIZE_MODIFIERS,\n};\n"],"mappings":";AAAA,IAAa,IAA6B;CACxC,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAqC;CAChD,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAsC;CACjD,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAkC;CAC7C,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAED,IAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/lib/empty-state/empty-state.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../common/utils/index.cjs"),o=require("./empty-state-constants.cjs"),i=require("../stack/stack.cjs"),r=require("../text/text.cjs"),I={key:0,class:"d-empty-state__illustration"},f={key:1,class:"d-empty-state__icon"},C=Object.assign({name:"DtEmptyState"},{__name:"empty_state",props:{size:{type:[String,Number],default:400,validator:s=>Object.keys(o.EMPTY_STATE_SIZE_MODIFIERS).includes(String(s))},headerText:{type:String,required:!0},bodyText:{type:String,default:null}},setup(s){const a=e.useSlots(),c=s,_=e.computed(()=>l.hasSlotContent(a.icon)),u=e.computed(()=>l.hasSlotContent(a.illustration)),S=e.computed(()=>_.value&&(!u.value||d.value)),m=e.computed(()=>u.value&&!d.value),t=e.computed(()=>String(c.size)),d=e.computed(()=>t.value==="sm"||t.value==="200"),y=e.computed(()=>o.EMPTY_STATE_SIZE_MODIFIERS[t.value]),p=e.computed(()=>["d-empty-state",y.value]),E=e.computed(()=>o.EMPTY_STATE_CONTENT_SIZE_MODIFIERS[t.value]),T=e.computed(()=>o.EMPTY_STATE_HEADLINE_SIZES[t.value]),v=e.computed(()=>o.EMPTY_STATE_HEADLINE_DENSITIES[t.value]),b=e.computed(()=>o.EMPTY_STATE_BODY_SIZES[t.value]),h=e.computed(()=>o.EMPTY_STATE_BODY_DENSITIES[t.value]);return e.onMounted(()=>{!c.bodyText&&!l.hasSlotContent(a.body)&&console.error("DtEmptyState: You should provide either bodyText or content on body slot.")}),(n,k)=>(e.openBlock(),e.createBlock(e.unref(i.default),{class:e.normalizeClass(p.value)},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("span",I,[e.renderSlot(n.$slots,"illustration")])):e.createCommentVNode("",!0),S.value?(e.openBlock(),e.createElementBlock("span",f,[e.renderSlot(n.$slots,"icon",{iconSize:"800"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(i.default),{gap:"150",class:e.normalizeClass(["d-empty-state__content",E.value])},{default:e.withCtx(()=>[e.createVNode(e.unref(r.default),{kind:"headline",size:T.value,density:v.value,wrap:"balance",as:"div",class:"d-empty-state__header-text"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.headerText),1)]),_:1},8,["size","density"]),s.bodyText?(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,kind:"body",size:b.value,density:h.value,tone:"secondary",wrap:"balance",as:"p",class:"d-empty-state__body-text"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.bodyText),1)]),_:1},8,["size","density"])):e.createCommentVNode("",!0)]),_:1},8,["class"]),e.renderSlot(n.$slots,"body")]),_:3},8,["class"]))}});exports.default=C;
-//# sourceMappingURL=empty-state.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../stack/stack.cjs`),n=require(`./empty-state-constants.cjs`);let r=require(`vue`);var i={key:0,class:`d-empty-state__illustration`},a={key:1,class:`d-empty-state__icon`},o={__name:`empty_state`,props:{size:{type:String,default:`lg`,validator:e=>Object.keys(n.EMPTY_STATE_SIZE_MODIFIERS).includes(e)},headerText:{type:String,required:!0},bodyText:{type:String,default:null}},setup(o){let s=(0,r.useSlots)(),c=o,l=(0,r.computed)(()=>e.hasSlotContent(s.icon)),u=(0,r.computed)(()=>e.hasSlotContent(s.illustration)),d=(0,r.computed)(()=>c.size===`sm`),f=(0,r.computed)(()=>l.value&&(!u.value||d.value)),p=(0,r.computed)(()=>u.value&&!d.value),m=(0,r.computed)(()=>n.EMPTY_STATE_SIZE_MODIFIERS[c.size]),h=(0,r.computed)(()=>[`d-empty-state`,m.value]),g=(0,r.computed)(()=>n.EMPTY_STATE_CONTENT_SIZE_MODIFIERS[c.size]),_=(0,r.computed)(()=>n.EMPTY_STATE_HEADLINE_SIZE_MODIFIERS[c.size]),v=(0,r.computed)(()=>n.EMPTY_STATE_BODY_SIZE_MODIFIERS[c.size]);return(0,r.onMounted)(()=>{!c.bodyText&&!e.hasSlotContent(s.body)&&console.error(`DtEmptyState: You should provide either bodyText or content on body slot.`)}),(e,n)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(t.default),{class:(0,r.normalizeClass)(h.value)},{default:(0,r.withCtx)(()=>[p.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,i,[(0,r.renderSlot)(e.$slots,`illustration`)])):(0,r.createCommentVNode)(``,!0),f.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,a,[(0,r.renderSlot)(e.$slots,`icon`,{iconSize:`800`})])):(0,r.createCommentVNode)(``,!0),(0,r.createVNode)((0,r.unref)(t.default),{gap:`450`,class:(0,r.normalizeClass)([`d-empty-state__content`,g.value])},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([`d-empty-state__header-text`,_.value])},(0,r.toDisplayString)(o.headerText),3),o.bodyText?((0,r.openBlock)(),(0,r.createElementBlock)(`p`,{key:0,class:(0,r.normalizeClass)([`d-empty-state__body-text`,v.value])},(0,r.toDisplayString)(o.bodyText),3)):(0,r.createCommentVNode)(``,!0)]),_:1},8,[`class`]),(0,r.renderSlot)(e.$slots,`body`)]),_:3},8,[`class`]))}};exports.default=o;
+//# sourceMappingURL=empty-state.cjs.map

package/dist/lib/empty-state/empty-state.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.cjs","sources":["../../../components/empty_state/empty_state.vue"],"sourcesContent":["<template>\n  <dt-stack\n    :class=\"emptyStateClasses\"\n  >\n    <span\n      v-if=\"showIllustration\"\n      class=\"d-empty-state__illustration\"\n    >\n      <!-- @slot Slot for the illustration. Displays when size is 'lg' or 'md'. Overrides icon. -->\n      <slot name=\"illustration\" />\n    </span>\n\n    <span\n      v-if=\"showIcon\"\n      class=\"d-empty-state__icon\"\n    >\n      <!-- @slot Slot for the icon. Displayed if illustration is not provided. -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"'800'\"\n      />\n    </span>\n\n    <dt-stack\n      gap=\"150\"\n      :class=\"['d-empty-state__content', contentClass]\"\n    >\n      <dt-text\n        kind=\"headline\"\n        :size=\"headlineSize\"\n        :density=\"headlineDensity\"\n        wrap=\"balance\"\n        as=\"div\"\n        class=\"d-empty-state__header-text\"\n      >\n        {{ headerText }}\n      </dt-text>\n\n      <dt-text\n        v-if=\"bodyText\"\n        kind=\"body\"\n        :size=\"bodySize\"\n        :density=\"bodyDensity\"\n        tone=\"secondary\"\n        wrap=\"balance\"\n        as=\"p\"\n        class=\"d-empty-state__body-text\"\n      >\n        {{ bodyText }}\n      </dt-text>\n    </dt-stack>\n\n    <slot name=\"body\" />\n  </dt-stack>\n</template>\n\n<script setup>\nimport { useSlots, computed, onMounted } from 'vue';\nimport { DtStack } from '@/components/stack';\nimport { DtText } from '@/components/text';\nimport { hasSlotContent } from '@/common/utils';\nimport {\n  EMPTY_STATE_BODY_DENSITIES,\n  EMPTY_STATE_BODY_SIZES,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_DENSITIES,\n  EMPTY_STATE_HEADLINE_SIZES,\n  EMPTY_STATE_SIZE_MODIFIERS,\n} from './empty_state_constants.js';\n\ndefineOptions({\n  name: 'DtEmptyState',\n});\n\nconst slots = useSlots();\n\nconst props = defineProps({\n  /**\n    * The empty state size.\n    * @values 200, 300, 400\n    */\n  size: {\n    type: [String, Number],\n    default: 400,\n    validator: (s) => Object.keys(EMPTY_STATE_SIZE_MODIFIERS).includes(String(s)),\n  },\n\n  /**\n    * Header text\n    * @type {String}\n    */\n  headerText: {\n    type: String,\n    required: true,\n  },\n\n  /**\n    * Body text\n    * @type {String}\n    */\n  bodyText: {\n    type: String,\n    default: null,\n  },\n});\n\nconst hasIcon = computed(() => {\n  return hasSlotContent(slots.icon);\n});\nconst hasIllustration = computed(() => hasSlotContent(slots.illustration));\n\n/**\n * Icon will be shown in lg and md size only if illustration is not provided\n * Icon will always be shown in sm size\n */\nconst showIcon = computed(() => hasIcon.value && (!hasIllustration.value || isSmallSize.value));\n\n/**\n * Illustration will always be shown in lg and md size\n * Illustration will not be shown in sm size\n */\nconst showIllustration = computed(() => hasIllustration.value && !isSmallSize.value);\n\nconst sizeKey = computed(() => String(props.size));\nconst isSmallSize = computed(() => sizeKey.value === 'sm' || sizeKey.value === '200');\n\nconst sizeClass = computed(() => EMPTY_STATE_SIZE_MODIFIERS[sizeKey.value]);\n\nconst emptyStateClasses = computed(() => ['d-empty-state', sizeClass.value]);\n\nconst contentClass = computed(() => EMPTY_STATE_CONTENT_SIZE_MODIFIERS[sizeKey.value]);\n\nconst headlineSize = computed(() => EMPTY_STATE_HEADLINE_SIZES[sizeKey.value]);\nconst headlineDensity = computed(() => EMPTY_STATE_HEADLINE_DENSITIES[sizeKey.value]);\n\nconst bodySize = computed(() => EMPTY_STATE_BODY_SIZES[sizeKey.value]);\nconst bodyDensity = computed(() => EMPTY_STATE_BODY_DENSITIES[sizeKey.value]);\n\nonMounted(() => {\n  if (!props.bodyText && !hasSlotContent(slots.body)) {\n    console.error('DtEmptyState: You should provide either bodyText or content on body slot.');\n  }\n});\n</script>\n"],"names":["slots","useSlots","props","__props","hasIcon","computed","hasSlotContent","hasIllustration","showIcon","isSmallSize","showIllustration","sizeKey","sizeClass","EMPTY_STATE_SIZE_MODIFIERS","emptyStateClasses","contentClass","EMPTY_STATE_CONTENT_SIZE_MODIFIERS","headlineSize","EMPTY_STATE_HEADLINE_SIZES","headlineDensity","EMPTY_STATE_HEADLINE_DENSITIES","bodySize","EMPTY_STATE_BODY_SIZES","bodyDensity","EMPTY_STATE_BODY_DENSITIES","onMounted","_createBlock","_unref","DtStack","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_ctx","_hoisted_2","_createVNode","DtText"],"mappings":"inBA0EA,MAAMA,EAAQC,EAAAA,SAAQ,EAEhBC,EAAQC,EA8BRC,EAAUC,EAAAA,SAAS,IAChBC,EAAAA,eAAeN,EAAM,IAAI,CACjC,EACKO,EAAkBF,EAAAA,SAAS,IAAMC,EAAAA,eAAeN,EAAM,YAAY,CAAC,EAMnEQ,EAAWH,EAAAA,SAAS,IAAMD,EAAQ,QAAU,CAACG,EAAgB,OAASE,EAAY,MAAM,EAMxFC,EAAmBL,EAAAA,SAAS,IAAME,EAAgB,OAAS,CAACE,EAAY,KAAK,EAE7EE,EAAUN,EAAAA,SAAS,IAAM,OAAOH,EAAM,IAAI,CAAC,EAC3CO,EAAcJ,EAAAA,SAAS,IAAMM,EAAQ,QAAU,MAAQA,EAAQ,QAAU,KAAK,EAE9EC,EAAYP,EAAAA,SAAS,IAAMQ,EAAAA,2BAA2BF,EAAQ,KAAK,CAAC,EAEpEG,EAAoBT,EAAAA,SAAS,IAAM,CAAC,gBAAiBO,EAAU,KAAK,CAAC,EAErEG,EAAeV,EAAAA,SAAS,IAAMW,EAAAA,mCAAmCL,EAAQ,KAAK,CAAC,EAE/EM,EAAeZ,EAAAA,SAAS,IAAMa,EAAAA,2BAA2BP,EAAQ,KAAK,CAAC,EACvEQ,EAAkBd,EAAAA,SAAS,IAAMe,EAAAA,+BAA+BT,EAAQ,KAAK,CAAC,EAE9EU,EAAWhB,EAAAA,SAAS,IAAMiB,EAAAA,uBAAuBX,EAAQ,KAAK,CAAC,EAC/DY,EAAclB,EAAAA,SAAS,IAAMmB,EAAAA,2BAA2Bb,EAAQ,KAAK,CAAC,EAE5Ec,OAAAA,EAAAA,UAAU,IAAM,CACV,CAACvB,EAAM,UAAY,CAACI,EAAAA,eAAeN,EAAM,IAAI,GAC/C,QAAQ,MAAM,2EAA2E,CAE7F,CAAC,wBA7IC0B,EAAAA,YAoDWC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CAnDR,uBAAOd,EAAA,KAAiB,sBAEzB,IAMO,CALCJ,EAAA,OADRmB,EAAAA,YAAAC,EAAAA,mBAMO,OANPC,EAMO,CADLC,aAA4BC,EAAA,OAAA,cAAA,iCAItBzB,EAAA,OADRqB,EAAAA,YAAAC,EAAAA,mBASO,OATPI,EASO,CAJLF,EAAAA,WAGEC,EAAA,OAAA,OAAA,CADC,SAAW,KAAK,CAAA,iCAIrBE,cA2BWR,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CA1BT,IAAI,MACH,iDAAkCb,EAAA,KAAY,CAAA,sBAE/C,IASU,CATVoB,cASUR,EAAAA,MAAAS,EAAAA,OAAA,EAAA,CARR,KAAK,WACJ,KAAMnB,EAAA,MACN,QAASE,EAAA,MACV,KAAK,UACL,GAAG,MACH,MAAM,iDAEN,IAAgB,qCAAbhB,EAAA,UAAU,EAAA,CAAA,+BAIPA,EAAA,wBADRuB,EAAAA,YAWUC,EAAAA,MAAAS,EAAAA,OAAA,EAAA,OATR,KAAK,OACJ,KAAMf,EAAA,MACN,QAASE,EAAA,MACV,KAAK,YACL,KAAK,UACL,GAAG,IACH,MAAM,+CAEN,IAAc,qCAAXpB,EAAA,QAAQ,EAAA,CAAA,gFAIf6B,aAAoBC,EAAA,OAAA,MAAA"}
+{"version":3,"file":"empty-state.cjs","names":[],"sources":["../../../components/empty_state/empty_state.vue"],"sourcesContent":["<template>\n  <dt-stack\n    :class=\"emptyStateClasses\"\n  >\n    <span\n      v-if=\"showIllustration\"\n      class=\"d-empty-state__illustration\"\n    >\n      <!-- @slot Slot for the illustration. Displays when size is 'lg' or 'md'. Overrides icon. -->\n      <slot name=\"illustration\" />\n    </span>\n\n    <span\n      v-if=\"showIcon\"\n      class=\"d-empty-state__icon\"\n    >\n      <!-- @slot Slot for the icon. Displayed if illustration is not provided. -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"'800'\"\n      />\n    </span>\n\n    <dt-stack\n      gap=\"450\"\n      :class=\"['d-empty-state__content', contentClass]\"\n    >\n      <div :class=\"['d-empty-state__header-text', headlineClass]\">\n        {{ headerText }}\n      </div>\n\n      <p\n        v-if=\"bodyText\"\n        :class=\"['d-empty-state__body-text', bodyClass]\"\n      >\n        {{ bodyText }}\n      </p>\n    </dt-stack>\n\n    <slot name=\"body\" />\n  </dt-stack>\n</template>\n\n<script setup>\nimport { useSlots, computed, onMounted } from 'vue';\nimport { DtStack } from '@/components/stack';\nimport { hasSlotContent } from '@/common/utils';\nimport {\n  EMPTY_STATE_BODY_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n  EMPTY_STATE_SIZE_MODIFIERS,\n} from './empty_state_constants.js';\n\nconst slots = useSlots();\n\nconst props = defineProps({\n  /**\n    * The empty state size.\n    * @values 'sm', 'md', 'lg'\n    */\n  size: {\n    type: String,\n    default: 'lg',\n    validator: (s) => Object.keys(EMPTY_STATE_SIZE_MODIFIERS).includes(s),\n  },\n\n  /**\n    * Header text\n    * @type {String}\n    */\n  headerText: {\n    type: String,\n    required: true,\n  },\n\n  /**\n    * Body text\n    * @type {String}\n    */\n  bodyText: {\n    type: String,\n    default: null,\n  },\n});\n\nconst hasIcon = computed(() => {\n  return hasSlotContent(slots.icon);\n});\nconst hasIllustration = computed(() => hasSlotContent(slots.illustration));\nconst isSmallSize = computed(() => props.size === 'sm');\n\n/**\n * Icon will be shown in lg and md size only if illustration is not provided\n * Icon will always be shown in sm size\n */\nconst showIcon = computed(() => hasIcon.value && (!hasIllustration.value || isSmallSize.value));\n\n/**\n * Illustration will always be shown in lg and md size\n * Illustration will not be shown in sm size\n */\nconst showIllustration = computed(() => hasIllustration.value && !isSmallSize.value);\n\nconst sizeClass = computed(() => EMPTY_STATE_SIZE_MODIFIERS[props.size]);\n\nconst emptyStateClasses = computed(() => ['d-empty-state', sizeClass.value]);\n\nconst contentClass = computed(() => EMPTY_STATE_CONTENT_SIZE_MODIFIERS[props.size]);\n\nconst headlineClass = computed(() => EMPTY_STATE_HEADLINE_SIZE_MODIFIERS[props.size]);\n\nconst bodyClass = computed(() => EMPTY_STATE_BODY_SIZE_MODIFIERS[props.size]);\n\nonMounted(() => {\n  if (!props.bodyText && !hasSlotContent(slots.body)) {\n    console.error('DtEmptyState: You should provide either bodyText or content on body slot.');\n  }\n});\n</script>\n"],"mappings":"8jBAsDA,IAAM,GAAA,EAAA,EAAA,WAAkB,CAElB,EAAQ,EA8BR,GAAA,EAAA,EAAA,cACG,EAAA,eAAe,EAAM,KAAK,CACjC,CACI,GAAA,EAAA,EAAA,cAAiC,EAAA,eAAe,EAAM,aAAa,CAAC,CACpE,GAAA,EAAA,EAAA,cAA6B,EAAM,OAAS,KAAK,CAMjD,GAAA,EAAA,EAAA,cAA0B,EAAQ,QAAU,CAAC,EAAgB,OAAS,EAAY,OAAO,CAMzF,GAAA,EAAA,EAAA,cAAkC,EAAgB,OAAS,CAAC,EAAY,MAAM,CAE9E,GAAA,EAAA,EAAA,cAA2B,EAAA,2BAA2B,EAAM,MAAM,CAElE,GAAA,EAAA,EAAA,cAAmC,CAAC,gBAAiB,EAAU,MAAM,CAAC,CAEtE,GAAA,EAAA,EAAA,cAA8B,EAAA,mCAAmC,EAAM,MAAM,CAE7E,GAAA,EAAA,EAAA,cAA+B,EAAA,oCAAoC,EAAM,MAAM,CAE/E,GAAA,EAAA,EAAA,cAA2B,EAAA,gCAAgC,EAAM,MAAM,QAE7E,EAAA,EAAA,eAAgB,CACV,CAAC,EAAM,UAAY,CAAC,EAAA,eAAe,EAAM,KAAK,EAChD,QAAQ,MAAM,4EAA4E,EAE5F,yDA9EW,EAAA,QAAA,CAAA,CAtCR,OAAA,EAAA,EAAA,gBAAO,EAAA,MAAiB,CAAA,CAAA,2BAQlB,CALC,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAKD,OANP,EAMO,EAAA,EAAA,EAAA,YADuB,EAAA,OAAA,eAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAItB,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAQD,OATP,EASO,EAAA,EAAA,EAAA,YADH,EAAA,OAAA,OAAA,CADC,SAAW,MAAK,CAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,+BAkBV,EAAA,QAAA,CAAA,CAbT,IAAI,MACH,OAAA,EAAA,EAAA,gBAAK,CAAA,yBAA6B,EAAA,MAAY,CAAA,6BAIzC,EAAA,EAAA,EAAA,oBAAA,MAAA,CAFA,OAAA,EAAA,EAAA,gBAAK,CAAA,6BAAiC,EAAA,MAAa,CAAA,CAAA,EAAA,EAAA,EAAA,iBACpD,EAAA,WAAU,CAAA,EAAA,CAIP,EAAA,WAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAIJ,IAAA,OAHD,OAAA,EAAA,EAAA,gBAAK,CAAA,2BAA+B,EAAA,MAAS,CAAA,wBAE3C,EAAA,SAAQ,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,oCAIK,EAAA,OAAA,OAAA"}

package/dist/lib/empty-state/empty-state.js

@@ -1,102 +1,56 @@
-import { useSlots as C, computed as e, onMounted as O, openBlock as a, createBlock as _, unref as o, normalizeClass as m, withCtx as n, createElementBlock as T, renderSlot as r, createCommentVNode as c, createVNode as E, createTextVNode as p, toDisplayString as v } from "vue";
-import { hasSlotContent as d } from "../../common/utils/index.js";
-import { EMPTY_STATE_SIZE_MODIFIERS as I, EMPTY_STATE_CONTENT_SIZE_MODIFIERS as P, EMPTY_STATE_HEADLINE_SIZES as w, EMPTY_STATE_HEADLINE_DENSITIES as B, EMPTY_STATE_BODY_SIZES as Z, EMPTY_STATE_BODY_DENSITIES as V } from "./empty-state-constants.js";
-import b from "../stack/stack.js";
-import h from "../text/text.js";
-const $ = {
-  key: 0,
-  class: "d-empty-state__illustration"
-}, j = {
-  key: 1,
-  class: "d-empty-state__icon"
-}, G = /* @__PURE__ */ Object.assign({
-  name: "DtEmptyState"
-}, {
-  __name: "empty_state",
-  props: {
-    /**
-      * The empty state size.
-      * @values 200, 300, 400
-      */
-    size: {
-      type: [String, Number],
-      default: 400,
-      validator: (s) => Object.keys(I).includes(String(s))
-    },
-    /**
-      * Header text
-      * @type {String}
-      */
-    headerText: {
-      type: String,
-      required: !0
-    },
-    /**
-      * Body text
-      * @type {String}
-      */
-    bodyText: {
-      type: String,
-      default: null
-    }
-  },
-  setup(s) {
-    const l = C(), u = s, f = e(() => d(l.icon)), y = e(() => d(l.illustration)), D = e(() => f.value && (!y.value || S.value)), z = e(() => y.value && !S.value), t = e(() => String(u.size)), S = e(() => t.value === "sm" || t.value === "200"), x = e(() => I[t.value]), k = e(() => ["d-empty-state", x.value]), N = e(() => P[t.value]), M = e(() => w[t.value]), Y = e(() => B[t.value]), g = e(() => Z[t.value]), A = e(() => V[t.value]);
-    return O(() => {
-      !u.bodyText && !d(l.body) && console.error("DtEmptyState: You should provide either bodyText or content on body slot.");
-    }), (i, F) => (a(), _(o(b), {
-      class: m(k.value)
-    }, {
-      default: n(() => [
-        z.value ? (a(), T("span", $, [
-          r(i.$slots, "illustration")
-        ])) : c("", !0),
-        D.value ? (a(), T("span", j, [
-          r(i.$slots, "icon", { iconSize: "800" })
-        ])) : c("", !0),
-        E(o(b), {
-          gap: "150",
-          class: m(["d-empty-state__content", N.value])
-        }, {
-          default: n(() => [
-            E(o(h), {
-              kind: "headline",
-              size: M.value,
-              density: Y.value,
-              wrap: "balance",
-              as: "div",
-              class: "d-empty-state__header-text"
-            }, {
-              default: n(() => [
-                p(v(s.headerText), 1)
-              ]),
-              _: 1
-            }, 8, ["size", "density"]),
-            s.bodyText ? (a(), _(o(h), {
-              key: 0,
-              kind: "body",
-              size: g.value,
-              density: A.value,
-              tone: "secondary",
-              wrap: "balance",
-              as: "p",
-              class: "d-empty-state__body-text"
-            }, {
-              default: n(() => [
-                p(v(s.bodyText), 1)
-              ]),
-              _: 1
-            }, 8, ["size", "density"])) : c("", !0)
-          ]),
-          _: 1
-        }, 8, ["class"]),
-        r(i.$slots, "body")
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-});
-export {
-  G as default
+import { hasSlotContent as e } from "../../common/utils/index.js";
+import t from "../stack/stack.js";
+import { EMPTY_STATE_BODY_SIZE_MODIFIERS as n, EMPTY_STATE_CONTENT_SIZE_MODIFIERS as r, EMPTY_STATE_HEADLINE_SIZE_MODIFIERS as i, EMPTY_STATE_SIZE_MODIFIERS as a } from "./empty-state-constants.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, normalizeClass as f, onMounted as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useSlots as v, withCtx as y } from "vue";
+//#region components/empty_state/empty_state.vue
+var b = {
+	key: 0,
+	class: "d-empty-state__illustration"
+}, x = {
+	key: 1,
+	class: "d-empty-state__icon"
+}, S = {
+	__name: "empty_state",
+	props: {
+		size: {
+			type: String,
+			default: "lg",
+			validator: (e) => Object.keys(a).includes(e)
+		},
+		headerText: {
+			type: String,
+			required: !0
+		},
+		bodyText: {
+			type: String,
+			default: null
+		}
+	},
+	setup(S) {
+		let C = v(), w = S, T = o(() => e(C.icon)), E = o(() => e(C.illustration)), D = o(() => w.size === "sm"), O = o(() => T.value && (!E.value || D.value)), k = o(() => E.value && !D.value), A = o(() => a[w.size]), j = o(() => ["d-empty-state", A.value]), M = o(() => r[w.size]), N = o(() => i[w.size]), P = o(() => n[w.size]);
+		return p(() => {
+			!w.bodyText && !e(C.body) && console.error("DtEmptyState: You should provide either bodyText or content on body slot.");
+		}), (e, n) => (m(), s(_(t), { class: f(j.value) }, {
+			default: y(() => [
+				k.value ? (m(), l("span", b, [h(e.$slots, "illustration")])) : c("", !0),
+				O.value ? (m(), l("span", x, [h(e.$slots, "icon", { iconSize: "800" })])) : c("", !0),
+				d(_(t), {
+					gap: "450",
+					class: f(["d-empty-state__content", M.value])
+				}, {
+					default: y(() => [u("div", { class: f(["d-empty-state__header-text", N.value]) }, g(S.headerText), 3), S.bodyText ? (m(), l("p", {
+						key: 0,
+						class: f(["d-empty-state__body-text", P.value])
+					}, g(S.bodyText), 3)) : c("", !0)]),
+					_: 1
+				}, 8, ["class"]),
+				h(e.$slots, "body")
+			]),
+			_: 3
+		}, 8, ["class"]));
+	}
 };
-//# sourceMappingURL=empty-state.js.map
+//#endregion
+export { S as default };
+
+//# sourceMappingURL=empty-state.js.map

package/dist/lib/empty-state/empty-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.js","sources":["../../../components/empty_state/empty_state.vue"],"sourcesContent":["<template>\n  <dt-stack\n    :class=\"emptyStateClasses\"\n  >\n    <span\n      v-if=\"showIllustration\"\n      class=\"d-empty-state__illustration\"\n    >\n      <!-- @slot Slot for the illustration. Displays when size is 'lg' or 'md'. Overrides icon. -->\n      <slot name=\"illustration\" />\n    </span>\n\n    <span\n      v-if=\"showIcon\"\n      class=\"d-empty-state__icon\"\n    >\n      <!-- @slot Slot for the icon. Displayed if illustration is not provided. -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"'800'\"\n      />\n    </span>\n\n    <dt-stack\n      gap=\"150\"\n      :class=\"['d-empty-state__content', contentClass]\"\n    >\n      <dt-text\n        kind=\"headline\"\n        :size=\"headlineSize\"\n        :density=\"headlineDensity\"\n        wrap=\"balance\"\n        as=\"div\"\n        class=\"d-empty-state__header-text\"\n      >\n        {{ headerText }}\n      </dt-text>\n\n      <dt-text\n        v-if=\"bodyText\"\n        kind=\"body\"\n        :size=\"bodySize\"\n        :density=\"bodyDensity\"\n        tone=\"secondary\"\n        wrap=\"balance\"\n        as=\"p\"\n        class=\"d-empty-state__body-text\"\n      >\n        {{ bodyText }}\n      </dt-text>\n    </dt-stack>\n\n    <slot name=\"body\" />\n  </dt-stack>\n</template>\n\n<script setup>\nimport { useSlots, computed, onMounted } from 'vue';\nimport { DtStack } from '@/components/stack';\nimport { DtText } from '@/components/text';\nimport { hasSlotContent } from '@/common/utils';\nimport {\n  EMPTY_STATE_BODY_DENSITIES,\n  EMPTY_STATE_BODY_SIZES,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_DENSITIES,\n  EMPTY_STATE_HEADLINE_SIZES,\n  EMPTY_STATE_SIZE_MODIFIERS,\n} from './empty_state_constants.js';\n\ndefineOptions({\n  name: 'DtEmptyState',\n});\n\nconst slots = useSlots();\n\nconst props = defineProps({\n  /**\n    * The empty state size.\n    * @values 200, 300, 400\n    */\n  size: {\n    type: [String, Number],\n    default: 400,\n    validator: (s) => Object.keys(EMPTY_STATE_SIZE_MODIFIERS).includes(String(s)),\n  },\n\n  /**\n    * Header text\n    * @type {String}\n    */\n  headerText: {\n    type: String,\n    required: true,\n  },\n\n  /**\n    * Body text\n    * @type {String}\n    */\n  bodyText: {\n    type: String,\n    default: null,\n  },\n});\n\nconst hasIcon = computed(() => {\n  return hasSlotContent(slots.icon);\n});\nconst hasIllustration = computed(() => hasSlotContent(slots.illustration));\n\n/**\n * Icon will be shown in lg and md size only if illustration is not provided\n * Icon will always be shown in sm size\n */\nconst showIcon = computed(() => hasIcon.value && (!hasIllustration.value || isSmallSize.value));\n\n/**\n * Illustration will always be shown in lg and md size\n * Illustration will not be shown in sm size\n */\nconst showIllustration = computed(() => hasIllustration.value && !isSmallSize.value);\n\nconst sizeKey = computed(() => String(props.size));\nconst isSmallSize = computed(() => sizeKey.value === 'sm' || sizeKey.value === '200');\n\nconst sizeClass = computed(() => EMPTY_STATE_SIZE_MODIFIERS[sizeKey.value]);\n\nconst emptyStateClasses = computed(() => ['d-empty-state', sizeClass.value]);\n\nconst contentClass = computed(() => EMPTY_STATE_CONTENT_SIZE_MODIFIERS[sizeKey.value]);\n\nconst headlineSize = computed(() => EMPTY_STATE_HEADLINE_SIZES[sizeKey.value]);\nconst headlineDensity = computed(() => EMPTY_STATE_HEADLINE_DENSITIES[sizeKey.value]);\n\nconst bodySize = computed(() => EMPTY_STATE_BODY_SIZES[sizeKey.value]);\nconst bodyDensity = computed(() => EMPTY_STATE_BODY_DENSITIES[sizeKey.value]);\n\nonMounted(() => {\n  if (!props.bodyText && !hasSlotContent(slots.body)) {\n    console.error('DtEmptyState: You should provide either bodyText or content on body slot.');\n  }\n});\n</script>\n"],"names":["slots","useSlots","props","__props","hasIcon","computed","hasSlotContent","hasIllustration","showIcon","isSmallSize","showIllustration","sizeKey","sizeClass","EMPTY_STATE_SIZE_MODIFIERS","emptyStateClasses","contentClass","EMPTY_STATE_CONTENT_SIZE_MODIFIERS","headlineSize","EMPTY_STATE_HEADLINE_SIZES","headlineDensity","EMPTY_STATE_HEADLINE_DENSITIES","bodySize","EMPTY_STATE_BODY_SIZES","bodyDensity","EMPTY_STATE_BODY_DENSITIES","onMounted","_createBlock","_unref","DtStack","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_ctx","_hoisted_2","_createVNode","DtText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,UAAMA,IAAQC,EAAQ,GAEhBC,IAAQC,GA8BRC,IAAUC,EAAS,MAChBC,EAAeN,EAAM,IAAI,CACjC,GACKO,IAAkBF,EAAS,MAAMC,EAAeN,EAAM,YAAY,CAAC,GAMnEQ,IAAWH,EAAS,MAAMD,EAAQ,UAAU,CAACG,EAAgB,SAASE,EAAY,MAAM,GAMxFC,IAAmBL,EAAS,MAAME,EAAgB,SAAS,CAACE,EAAY,KAAK,GAE7EE,IAAUN,EAAS,MAAM,OAAOH,EAAM,IAAI,CAAC,GAC3CO,IAAcJ,EAAS,MAAMM,EAAQ,UAAU,QAAQA,EAAQ,UAAU,KAAK,GAE9EC,IAAYP,EAAS,MAAMQ,EAA2BF,EAAQ,KAAK,CAAC,GAEpEG,IAAoBT,EAAS,MAAM,CAAC,iBAAiBO,EAAU,KAAK,CAAC,GAErEG,IAAeV,EAAS,MAAMW,EAAmCL,EAAQ,KAAK,CAAC,GAE/EM,IAAeZ,EAAS,MAAMa,EAA2BP,EAAQ,KAAK,CAAC,GACvEQ,IAAkBd,EAAS,MAAMe,EAA+BT,EAAQ,KAAK,CAAC,GAE9EU,IAAWhB,EAAS,MAAMiB,EAAuBX,EAAQ,KAAK,CAAC,GAC/DY,IAAclB,EAAS,MAAMmB,EAA2Bb,EAAQ,KAAK,CAAC;AAE5E,WAAAc,EAAU,MAAM;AACd,MAAI,CAACvB,EAAM,YAAY,CAACI,EAAeN,EAAM,IAAI,KAC/C,QAAQ,MAAM,2EAA2E;AAAA,IAE7F,CAAC,mBA7IC0B,EAoDWC,EAAAC,CAAA,GAAA;AAAA,MAnDR,SAAOd,EAAA,KAAiB;AAAA;iBAEzB,MAMO;AAAA,QALCJ,EAAA,SADRmB,KAAAC,EAMO,QANPC,GAMO;AAAA,UADLC,EAA4BC,EAAA,QAAA,cAAA;AAAA;QAItBzB,EAAA,SADRqB,KAAAC,EASO,QATPI,GASO;AAAA,UAJLF,EAGEC,EAAA,QAAA,QAAA,EADC,UAAW,MAAK,CAAA;AAAA;QAIrBE,EA2BWR,EAAAC,CAAA,GAAA;AAAA,UA1BT,KAAI;AAAA,UACH,oCAAkCb,EAAA,KAAY,CAAA;AAAA;qBAE/C,MASU;AAAA,YATVoB,EASUR,EAAAS,CAAA,GAAA;AAAA,cARR,MAAK;AAAA,cACJ,MAAMnB,EAAA;AAAA,cACN,SAASE,EAAA;AAAA,cACV,MAAK;AAAA,cACL,IAAG;AAAA,cACH,OAAM;AAAA;yBAEN,MAAgB;AAAA,oBAAbhB,EAAA,UAAU,GAAA,CAAA;AAAA;;;YAIPA,EAAA,iBADRuB,EAWUC,EAAAS,CAAA,GAAA;AAAA;cATR,MAAK;AAAA,cACJ,MAAMf,EAAA;AAAA,cACN,SAASE,EAAA;AAAA,cACV,MAAK;AAAA,cACL,MAAK;AAAA,cACL,IAAG;AAAA,cACH,OAAM;AAAA;yBAEN,MAAc;AAAA,oBAAXpB,EAAA,QAAQ,GAAA,CAAA;AAAA;;;;;;QAIf6B,EAAoBC,EAAA,QAAA,MAAA;AAAA;;;;;"}
+{"version":3,"file":"empty-state.js","names":[],"sources":["../../../components/empty_state/empty_state.vue"],"sourcesContent":["<template>\n  <dt-stack\n    :class=\"emptyStateClasses\"\n  >\n    <span\n      v-if=\"showIllustration\"\n      class=\"d-empty-state__illustration\"\n    >\n      <!-- @slot Slot for the illustration. Displays when size is 'lg' or 'md'. Overrides icon. -->\n      <slot name=\"illustration\" />\n    </span>\n\n    <span\n      v-if=\"showIcon\"\n      class=\"d-empty-state__icon\"\n    >\n      <!-- @slot Slot for the icon. Displayed if illustration is not provided. -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"'800'\"\n      />\n    </span>\n\n    <dt-stack\n      gap=\"450\"\n      :class=\"['d-empty-state__content', contentClass]\"\n    >\n      <div :class=\"['d-empty-state__header-text', headlineClass]\">\n        {{ headerText }}\n      </div>\n\n      <p\n        v-if=\"bodyText\"\n        :class=\"['d-empty-state__body-text', bodyClass]\"\n      >\n        {{ bodyText }}\n      </p>\n    </dt-stack>\n\n    <slot name=\"body\" />\n  </dt-stack>\n</template>\n\n<script setup>\nimport { useSlots, computed, onMounted } from 'vue';\nimport { DtStack } from '@/components/stack';\nimport { hasSlotContent } from '@/common/utils';\nimport {\n  EMPTY_STATE_BODY_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n  EMPTY_STATE_SIZE_MODIFIERS,\n} from './empty_state_constants.js';\n\nconst slots = useSlots();\n\nconst props = defineProps({\n  /**\n    * The empty state size.\n    * @values 'sm', 'md', 'lg'\n    */\n  size: {\n    type: String,\n    default: 'lg',\n    validator: (s) => Object.keys(EMPTY_STATE_SIZE_MODIFIERS).includes(s),\n  },\n\n  /**\n    * Header text\n    * @type {String}\n    */\n  headerText: {\n    type: String,\n    required: true,\n  },\n\n  /**\n    * Body text\n    * @type {String}\n    */\n  bodyText: {\n    type: String,\n    default: null,\n  },\n});\n\nconst hasIcon = computed(() => {\n  return hasSlotContent(slots.icon);\n});\nconst hasIllustration = computed(() => hasSlotContent(slots.illustration));\nconst isSmallSize = computed(() => props.size === 'sm');\n\n/**\n * Icon will be shown in lg and md size only if illustration is not provided\n * Icon will always be shown in sm size\n */\nconst showIcon = computed(() => hasIcon.value && (!hasIllustration.value || isSmallSize.value));\n\n/**\n * Illustration will always be shown in lg and md size\n * Illustration will not be shown in sm size\n */\nconst showIllustration = computed(() => hasIllustration.value && !isSmallSize.value);\n\nconst sizeClass = computed(() => EMPTY_STATE_SIZE_MODIFIERS[props.size]);\n\nconst emptyStateClasses = computed(() => ['d-empty-state', sizeClass.value]);\n\nconst contentClass = computed(() => EMPTY_STATE_CONTENT_SIZE_MODIFIERS[props.size]);\n\nconst headlineClass = computed(() => EMPTY_STATE_HEADLINE_SIZE_MODIFIERS[props.size]);\n\nconst bodyClass = computed(() => EMPTY_STATE_BODY_SIZE_MODIFIERS[props.size]);\n\nonMounted(() => {\n  if (!props.bodyText && !hasSlotContent(slots.body)) {\n    console.error('DtEmptyState: You should provide either bodyText or content on body slot.');\n  }\n});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsDA,IAAM,IAAQ,GAAU,EAElB,IAAQ,GA8BR,IAAU,QACP,EAAe,EAAM,KAAK,CACjC,EACI,IAAkB,QAAe,EAAe,EAAM,aAAa,CAAC,EACpE,IAAc,QAAe,EAAM,SAAS,KAAK,EAMjD,IAAW,QAAe,EAAQ,UAAU,CAAC,EAAgB,SAAS,EAAY,OAAO,EAMzF,IAAmB,QAAe,EAAgB,SAAS,CAAC,EAAY,MAAM,EAE9E,IAAY,QAAe,EAA2B,EAAM,MAAM,EAElE,IAAoB,QAAe,CAAC,iBAAiB,EAAU,MAAM,CAAC,EAEtE,IAAe,QAAe,EAAmC,EAAM,MAAM,EAE7E,IAAgB,QAAe,EAAoC,EAAM,MAAM,EAE/E,IAAY,QAAe,EAAgC,EAAM,MAAM;SAE7E,QAAgB;AACd,GAAI,CAAC,EAAM,YAAY,CAAC,EAAe,EAAM,KAAK,IAChD,QAAQ,MAAM,4EAA4E;IAE5F,kBArHA,EAuCW,EAAA,EAAA,EAAA,EAtCR,OAAK,EAAE,EAAA,MAAiB,EAAA,EAAA;oBAQlB;IALC,EAAA,SAAA,GAAA,EADR,EAMO,QANP,GAMO,CADL,EAA4B,EAAA,QAAA,eAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAItB,EAAA,SAAA,GAAA,EADR,EASO,QATP,GASO,CAJL,EAGE,EAAA,QAAA,QAAA,EADC,UAAW,OAAK,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAIrB,EAcW,EAAA,EAAA,EAAA;KAbT,KAAI;KACH,OAAK,EAAA,CAAA,0BAA6B,EAAA,MAAY,CAAA;;sBAIzC,CAFN,EAEM,OAAA,EAFA,OAAK,EAAA,CAAA,8BAAiC,EAAA,MAAa,CAAA,EAAA,EAAA,EACpD,EAAA,WAAU,EAAA,EAAA,EAIP,EAAA,YAAA,GAAA,EADR,EAKI,KAAA;;MAHD,OAAK,EAAA,CAAA,4BAA+B,EAAA,MAAS,CAAA;UAE3C,EAAA,SAAQ,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;;;IAIf,EAAoB,EAAA,QAAA,OAAA"}