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

package/dist/lib/message-input/message-input-link.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-input-link.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"500\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            size=\"md\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/message-input/message-input-link.js

@@ -1,202 +0,0 @@
-import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import { DialtoneLocalization as t } from "../../localization/index.js";
-import n from "../button/button.js";
-import r from "../stack/stack.js";
-import i from "../popover/popover.js";
-import a from "../input/input.js";
-import o from "./message-input-button.js";
-import { createBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, openBlock as d, resolveComponent as f, toDisplayString as p, withCtx as m, withKeys as h, withModifiers as g } from "vue";
-import { DtIconLink2 as _ } from "@dialpad/dialtone-icons/vue3";
-//#region recipes/conversation_view/message_input/message_input_link.vue
-var v = {
-	compatConfig: { MODE: 3 },
-	name: "MessageInputLink",
-	components: {
-		DtPopover: i,
-		DtInput: a,
-		DtButton: n,
-		DtStack: r,
-		DtIconLink2: _,
-		DtRecipeMessageInputButton: o
-	},
-	props: {
-		open: {
-			type: Boolean,
-			default: !1
-		},
-		linkButtonOptions: {
-			type: Object,
-			required: !0
-		},
-		isSelectionActive: {
-			type: Function,
-			default: () => {}
-		}
-	},
-	emits: [
-		"set-link",
-		"remove-link",
-		"opened"
-	],
-	data() {
-		return {
-			linkText: "",
-			linkInput: "",
-			isOpen: !1,
-			i18n: new t()
-		};
-	},
-	computed: {
-		anchorButtonLabel() {
-			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL");
-		},
-		textInputLabel() {
-			return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL");
-		},
-		linkInputLabel() {
-			return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL");
-		},
-		linkInputPlaceHolder() {
-			return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER");
-		},
-		removeButtonLabel() {
-			return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL");
-		},
-		cancelButtonLabel() {
-			return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL");
-		},
-		confirmButtonLabel() {
-			return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL");
-		}
-	},
-	watch: { open: {
-		immediate: !0,
-		handler(e) {
-			this.isOpen = e;
-		}
-	} },
-	methods: { setInitialValues(e, t) {
-		this.linkText = e, this.linkInput = t;
-	} }
-}, y = { class: "d-recipe-message-input__link-dialog-title" };
-function b(e, t, n, r, i, a) {
-	let o = f("dt-icon-link2"), _ = f("dt-recipe-message-input-button"), v = f("dt-input"), b = f("dt-button"), x = f("dt-stack"), S = f("dt-popover");
-	return d(), s(S, {
-		open: i.isOpen,
-		placement: "bottom-start",
-		"content-class": "d-recipe-message-input__link-popover",
-		"data-qa": "dt-message-input-link-popover",
-		"show-close-button": !1,
-		onOpened: t[12] || (t[12] = (t) => e.$emit("opened", t))
-	}, {
-		anchor: m(() => [u(_, {
-			"aria-label": a.anchorButtonLabel["aria-label"],
-			"tooltip-text": a.anchorButtonLabel["tooltip-text"],
-			"keyboard-shortcut-text": n.linkButtonOptions.keyboardShortcutText,
-			"data-qa": "message-input-link-btn",
-			"is-active": n.isSelectionActive("link"),
-			onClick: t[0] || (t[0] = (e) => i.isOpen = !0)
-		}, {
-			icon: m(() => [u(o, {
-				class: "d-recipe-message-input__button-stack-icon",
-				size: "200"
-			})]),
-			_: 1
-		}, 8, [
-			"aria-label",
-			"tooltip-text",
-			"keyboard-shortcut-text",
-			"is-active"
-		])]),
-		content: m(() => [u(x, { gap: "500" }, {
-			default: m(() => [
-				c("div", y, p(i.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE")), 1),
-				u(v, {
-					modelValue: i.linkText,
-					"onUpdate:modelValue": t[1] || (t[1] = (e) => i.linkText = e),
-					"input-aria-label": a.textInputLabel,
-					size: "xs",
-					"data-qa": "dt-message-input-link-text-input",
-					label: a.textInputLabel,
-					"input-wrapper-class": "d-recipe-message-input__link-input",
-					onClick: t[2] || (t[2] = g(() => {}, ["stop"])),
-					onFocus: t[3] || (t[3] = g(() => {}, ["stop"])),
-					onKeydown: t[4] || (t[4] = h((t) => e.$emit("set-link", i.linkText, i.linkInput), ["enter"]))
-				}, null, 8, [
-					"modelValue",
-					"input-aria-label",
-					"label"
-				]),
-				u(v, {
-					modelValue: i.linkInput,
-					"onUpdate:modelValue": t[5] || (t[5] = (e) => i.linkInput = e),
-					"input-aria-label": a.linkInputLabel,
-					size: "xs",
-					"data-qa": "dt-message-input-link-input",
-					placeholder: a.linkInputPlaceHolder,
-					label: a.linkInputLabel,
-					"input-wrapper-class": "d-recipe-message-input__link-input",
-					onClick: t[6] || (t[6] = g(() => {}, ["stop"])),
-					onFocus: t[7] || (t[7] = g(() => {}, ["stop"])),
-					onKeydown: t[8] || (t[8] = h((t) => e.$emit("set-link", i.linkText, i.linkInput), ["enter"]))
-				}, null, 8, [
-					"modelValue",
-					"input-aria-label",
-					"placeholder",
-					"label"
-				]),
-				u(x, {
-					direction: "row",
-					class: "d-recipe-message-input__link-dialog-buttons"
-				}, {
-					default: m(() => [u(b, {
-						"aria-label": a.removeButtonLabel,
-						title: a.removeButtonLabel,
-						importance: "clear",
-						kind: "danger",
-						size: "md",
-						"data-qa": "dt-message-input-link-remove-btn",
-						onClick: t[9] || (t[9] = (t) => e.$emit("remove-link", i.linkText, i.linkInput))
-					}, {
-						default: m(() => [l(p(a.removeButtonLabel), 1)]),
-						_: 1
-					}, 8, ["aria-label", "title"]), u(x, {
-						direction: "row",
-						gap: "400"
-					}, {
-						default: m(() => [u(b, {
-							"aria-label": a.cancelButtonLabel,
-							title: a.cancelButtonLabel,
-							importance: "clear",
-							kind: "muted",
-							size: "md",
-							"data-qa": "dt-message-input-link-cancel-btn",
-							onClick: t[10] || (t[10] = (e) => i.isOpen = !1)
-						}, {
-							default: m(() => [l(p(a.cancelButtonLabel), 1)]),
-							_: 1
-						}, 8, ["aria-label", "title"]), u(b, {
-							size: "md",
-							"aria-label": a.confirmButtonLabel,
-							title: a.confirmButtonLabel,
-							"data-qa": "dt-message-input-link-confirm-btn",
-							onClick: t[11] || (t[11] = (t) => e.$emit("set-link", i.linkText, i.linkInput))
-						}, {
-							default: m(() => [l(p(a.confirmButtonLabel), 1)]),
-							_: 1
-						}, 8, ["aria-label", "title"])]),
-						_: 1
-					})]),
-					_: 1
-				})
-			]),
-			_: 1
-		})]),
-		_: 1
-	}, 8, ["open"]);
-}
-var x = /* @__PURE__ */ e(v, [["render", b]]);
-//#endregion
-export { x as default };
-
-//# sourceMappingURL=message-input-link.js.map

package/dist/lib/message-input/message-input-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-input-link.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"500\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            size=\"md\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;;;;;AAgHA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV,WAAA;EACA,SAAA;EACA,UAAA;EACA,SAAA;EACA;EACA,4BAAA;EACD;CAED,OAAO;EACL,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAED,mBAAmB;GACjB,MAAM;GACN,UAAU;GACX;EAED,mBAAmB;GACjB,MAAM;GACN,eAAe;GAChB;EACF;CAED,OAAO;EAAC;EAAY;EAAe;EAAS;CAE5C,OAAQ;AACN,SAAO;GACL,UAAU;GACV,WAAW;GACX,QAAQ;GACR,MAAM,IAAI,GAAsB;GACjC;;CAGH,UAAU;EACR,oBAAqB;AAAE,UAAO,KAAK,KAAK,IAAI,2CAA2C;;EACvF,iBAAkB;AAAE,UAAO,KAAK,KAAK,GAAG,yCAAyC;;EACjF,iBAAkB;AAAE,UAAO,KAAK,KAAK,GAAG,yCAAyC;;EACjF,uBAAwB;AAAE,UAAO,KAAK,KAAK,GAAG,+CAA+C;;EAC7F,oBAAqB;AAAE,UAAO,KAAK,KAAK,GAAG,2CAA2C;;EACtF,oBAAqB;AAAE,UAAO,KAAK,KAAK,GAAG,2CAA2C;;EACtF,qBAAsB;AAAE,UAAO,KAAK,KAAK,GAAG,4CAA4C;;EACzF;CAED,OAAO,EACL,MAAM;EACJ,WAAW;EACX,QAAS,GAAO;AACd,QAAK,SAAS;;EAEjB,EACF;CAED,SAAS,EACP,iBAAkB,GAAU,GAAW;AAErC,EADA,KAAK,WAAW,GAChB,KAAK,YAAY;IAEpB;CACF,QApJS,OAAM,6CAA2C;;;aA7BzD,EAmGa,GAAA;EAlGV,MAAM,EAAA;EACP,WAAU;EACV,iBAAc;EACd,WAAQ;EACP,qBAAmB;EACnB,UAAM,EAAA,QAAA,EAAA,OAAA,MAAE,EAAA,MAAK,UAAW,EAAM;;EAEpB,QAAM,QAekB,CAdjC,EAciC,GAAA;GAb9B,cAAY,EAAA,kBAAiB;GAC7B,gBAAc,EAAA,kBAAiB;GAC/B,0BAAwB,EAAA,kBAAkB;GAC3C,WAAQ;GACP,aAAW,EAAA,kBAAiB,OAAA;GAC5B,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,SAAM;;GAEH,MAAI,QAIX,CAHF,EAGE,GAAA;IAFA,OAAM;IACN,MAAK;;;;;;;;;EAMF,SAAO,QAuEL,CAtEX,EAsEW,GAAA,EAtED,KAAI,OAAK,EAAA;oBAKX;IAJN,EAIM,OAJN,GAIM,EADD,EAAA,KAAK,GAAE,2CAAA,CAAA,EAAA,EAAA;IAEZ,EAUE,GAAA;iBATS,EAAA;mDAAA,EAAA,WAAQ;KAChB,oBAAkB,EAAA;KACnB,MAAK;KACL,WAAQ;KACP,OAAO,EAAA;KACR,uBAAoB;KACnB,SAAK,EAAA,OAAA,EAAA,KAAA,QAAN,IAAW,CAAA,OAAA,CAAA;KACV,SAAK,EAAA,OAAA,EAAA,KAAA,QAAN,IAAW,CAAA,OAAA,CAAA;KACV,WAAO,EAAA,OAAA,EAAA,KAAA,GAAA,MAAQ,EAAA,MAAK,YAAa,EAAA,UAAU,EAAA,UAAS,EAAA,CAAA,QAAA,CAAA;;;;;;IAEvD,EAWE,GAAA;iBAVS,EAAA;mDAAA,EAAA,YAAS;KACjB,oBAAkB,EAAA;KACnB,MAAK;KACL,WAAQ;KACP,aAAa,EAAA;KACb,OAAO,EAAA;KACR,uBAAoB;KACnB,SAAK,EAAA,OAAA,EAAA,KAAA,QAAN,IAAW,CAAA,OAAA,CAAA;KACV,SAAK,EAAA,OAAA,EAAA,KAAA,QAAN,IAAW,CAAA,OAAA,CAAA;KACV,WAAO,EAAA,OAAA,EAAA,KAAA,GAAA,MAAQ,EAAA,MAAK,YAAa,EAAA,UAAU,EAAA,UAAS,EAAA,CAAA,QAAA,CAAA;;;;;;;IAEvD,EAwCW,GAAA;KAvCT,WAAU;KACV,OAAM;;sBAYM,CAVZ,EAUY,GAAA;MATT,cAAY,EAAA;MACZ,OAAO,EAAA;MACR,YAAW;MACX,MAAK;MACL,MAAK;MACL,WAAQ;MACP,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,eAAgB,EAAA,UAAU,EAAA,UAAS;;uBAEzB,CAAA,EAAA,EAApB,EAAA,kBAAiB,EAAA,EAAA,CAAA,CAAA;;qCAEtB,EAwBW,GAAA;MAvBT,WAAU;MACV,KAAI;;uBAYQ,CAVZ,EAUY,GAAA;OATT,cAAY,EAAA;OACZ,OAAO,EAAA;OACR,YAAW;OACX,MAAK;OACL,MAAK;OACL,WAAQ;OACP,SAAK,EAAA,QAAA,EAAA,OAAA,MAAE,EAAA,SAAM;;wBAES,CAAA,EAAA,EAApB,EAAA,kBAAiB,EAAA,EAAA,CAAA,CAAA;;sCAEtB,EAQY,GAAA;OAPV,MAAK;OACJ,cAAY,EAAA;OACZ,OAAO,EAAA;OACR,WAAQ;OACP,SAAK,EAAA,QAAA,EAAA,OAAA,MAAE,EAAA,MAAK,YAAa,EAAA,UAAU,EAAA,UAAS;;wBAErB,CAAA,EAAA,EAArB,EAAA,mBAAkB,EAAA,EAAA,CAAA,CAAA"}

package/dist/lib/message-input/message-input-topbar.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../../localization/index.cjs`),n=require(`../stack/stack.cjs`),r=require(`./message-input-button.cjs`);let i=require(`vue`),a=require(`@dialpad/dialtone-icons/vue3`);var o={compatConfig:{MODE:3},name:`DtRecipeMessageInputTopbar`,components:{DtStack:n.default,DtIconListBullet:a.DtIconListBullet,DtIconBold:a.DtIconBold,DtIconItalic:a.DtIconItalic,DtIconStrikethrough:a.DtIconStrikethrough,DtIconListOrdered:a.DtIconListOrdered,DtIconQuote:a.DtIconQuote,DtIconCode:a.DtIconCode,DtIconCodeBlock:a.DtIconCodeBlock,DtRecipeMessageInputButton:r.default},props:{boldButtonOptions:{type:Object,default:()=>({})},italicButtonOptions:{type:Object,default:()=>({})},strikeButtonOptions:{type:Object,default:()=>({})},bulletListButtonOptions:{type:Object,default:()=>({})},orderedListButtonOptions:{type:Object,default:()=>({})},blockQuoteButtonOptions:{type:Object,default:()=>({})},codeButtonOptions:{type:Object,default:()=>({})},codeBlockButtonOptions:{type:Object,default:()=>({})},isSelectionActive:{type:Function,default:()=>{}}},emits:[`click`],data(){return{i18n:new t.DialtoneLocalization}},computed:{boldButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL`)},italicButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL`)},strikeButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL`)},bulletListButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL`)},orderedListButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL`)},blockQuoteButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL`)},codeButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL`)},codeBlockButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL`)}}};function s(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-bold`),c=(0,i.resolveComponent)(`dt-recipe-message-input-button`),l=(0,i.resolveComponent)(`dt-icon-italic`),u=(0,i.resolveComponent)(`dt-icon-strikethrough`),d=(0,i.resolveComponent)(`dt-icon-list-bullet`),f=(0,i.resolveComponent)(`dt-icon-list-ordered`),p=(0,i.resolveComponent)(`dt-icon-quote`),m=(0,i.resolveComponent)(`dt-icon-code`),h=(0,i.resolveComponent)(`dt-icon-code-block`),g=(0,i.resolveComponent)(`dt-stack`);return(0,i.openBlock)(),(0,i.createBlock)(g,{direction:`row`,gap:`200`,class:`d-recipe-message-input__button-stack`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{"aria-label":o.boldButtonLabel[`aria-label`],"tooltip-text":o.boldButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.boldButtonOptions.keyboardShortcutText,"data-qa":`bold`,"is-active":n.isSelectionActive(`bold`),onClick:t[0]||(t[0]=t=>e.$emit(`click`,`bold`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.italicButtonLabel[`aria-label`],"tooltip-text":o.italicButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.italicButtonOptions.keyboardShortcutText,"data-qa":`italic`,"is-active":n.isSelectionActive(`italic`),onClick:t[1]||(t[1]=t=>e.$emit(`click`,`italic`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(l,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.strikeButtonLabel[`aria-label`],"tooltip-text":o.strikeButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.strikeButtonOptions.keyboardShortcutText,"data-qa":`strikethrough`,"is-active":n.isSelectionActive(`strike`),onClick:t[2]||(t[2]=t=>e.$emit(`click`,`strike`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(u,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[8]||(t[8]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.renderSlot)(e.$slots,`link`),t[9]||(t[9]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.bulletListButtonLabel[`aria-label`],"tooltip-text":o.bulletListButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.bulletListButtonOptions.keyboardShortcutText,"data-qa":`bullet-list`,"is-active":n.isSelectionActive(`bulletList`),onClick:t[3]||(t[3]=t=>e.$emit(`click`,`bulletList`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(d,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.orderedListButtonLabel[`aria-label`],"tooltip-text":o.orderedListButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.orderedListButtonOptions.keyboardShortcutText,"data-qa":`ordered-list`,"is-active":n.isSelectionActive(`orderedList`),onClick:t[4]||(t[4]=t=>e.$emit(`click`,`orderedList`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(f,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[10]||(t[10]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.blockQuoteButtonLabel[`aria-label`],"tooltip-text":o.blockQuoteButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.blockQuoteButtonOptions.keyboardShortcutText,"data-qa":`blockquote`,"is-active":n.isSelectionActive(`blockquote`),onClick:t[5]||(t[5]=t=>e.$emit(`click`,`blockquote`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(p,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[11]||(t[11]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.codeButtonLabel[`aria-label`],"tooltip-text":o.codeButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.codeButtonOptions.keyboardShortcutText,"data-qa":`code`,"is-active":n.isSelectionActive(`code`),onClick:t[6]||(t[6]=t=>e.$emit(`click`,`code`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(m,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.codeBlockButtonLabel[`aria-label`],"tooltip-text":o.codeBlockButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.codeBlockButtonOptions.keyboardShortcutText,"data-qa":`code-block`,"is-active":n.isSelectionActive(`codeBlock`),onClick:t[7]||(t[7]=t=>e.$emit(`click`,`codeBlock`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(h,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`])]),_:3})}var c=e.t(o,[[`render`,s]]);exports.default=c;
-//# sourceMappingURL=message-input-topbar.cjs.map

package/dist/lib/message-input/message-input-topbar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-input-topbar.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/message-input/message-input-topbar.js

@@ -1,265 +0,0 @@
-import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import { DialtoneLocalization as t } from "../../localization/index.js";
-import n from "../stack/stack.js";
-import r from "./message-input-button.js";
-import { createBlock as i, createElementVNode as a, createVNode as o, openBlock as s, renderSlot as c, resolveComponent as l, withCtx as u } from "vue";
-import { DtIconBold as d, DtIconCode as f, DtIconCodeBlock as p, DtIconItalic as m, DtIconListBullet as h, DtIconListOrdered as g, DtIconQuote as _, DtIconStrikethrough as v } from "@dialpad/dialtone-icons/vue3";
-//#region recipes/conversation_view/message_input/message_input_topbar.vue
-var y = {
-	compatConfig: { MODE: 3 },
-	name: "DtRecipeMessageInputTopbar",
-	components: {
-		DtStack: n,
-		DtIconListBullet: h,
-		DtIconBold: d,
-		DtIconItalic: m,
-		DtIconStrikethrough: v,
-		DtIconListOrdered: g,
-		DtIconQuote: _,
-		DtIconCode: f,
-		DtIconCodeBlock: p,
-		DtRecipeMessageInputButton: r
-	},
-	props: {
-		boldButtonOptions: {
-			type: Object,
-			default: () => ({})
-		},
-		italicButtonOptions: {
-			type: Object,
-			default: () => ({})
-		},
-		strikeButtonOptions: {
-			type: Object,
-			default: () => ({})
-		},
-		bulletListButtonOptions: {
-			type: Object,
-			default: () => ({})
-		},
-		orderedListButtonOptions: {
-			type: Object,
-			default: () => ({})
-		},
-		blockQuoteButtonOptions: {
-			type: Object,
-			default: () => ({})
-		},
-		codeButtonOptions: {
-			type: Object,
-			default: () => ({})
-		},
-		codeBlockButtonOptions: {
-			type: Object,
-			default: () => ({})
-		},
-		isSelectionActive: {
-			type: Function,
-			default: () => {}
-		}
-	},
-	emits: ["click"],
-	data() {
-		return { i18n: new t() };
-	},
-	computed: {
-		boldButtonLabel() {
-			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL");
-		},
-		italicButtonLabel() {
-			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL");
-		},
-		strikeButtonLabel() {
-			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL");
-		},
-		bulletListButtonLabel() {
-			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL");
-		},
-		orderedListButtonLabel() {
-			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL");
-		},
-		blockQuoteButtonLabel() {
-			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL");
-		},
-		codeButtonLabel() {
-			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL");
-		},
-		codeBlockButtonLabel() {
-			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL");
-		}
-	}
-};
-function b(e, t, n, r, d, f) {
-	let p = l("dt-icon-bold"), m = l("dt-recipe-message-input-button"), h = l("dt-icon-italic"), g = l("dt-icon-strikethrough"), _ = l("dt-icon-list-bullet"), v = l("dt-icon-list-ordered"), y = l("dt-icon-quote"), b = l("dt-icon-code"), x = l("dt-icon-code-block"), S = l("dt-stack");
-	return s(), i(S, {
-		direction: "row",
-		gap: "200",
-		class: "d-recipe-message-input__button-stack"
-	}, {
-		default: u(() => [
-			o(m, {
-				"aria-label": f.boldButtonLabel["aria-label"],
-				"tooltip-text": f.boldButtonLabel["tooltip-text"],
-				"keyboard-shortcut-text": n.boldButtonOptions.keyboardShortcutText,
-				"data-qa": "bold",
-				"is-active": n.isSelectionActive("bold"),
-				onClick: t[0] || (t[0] = (t) => e.$emit("click", "bold", t))
-			}, {
-				icon: u(() => [o(p, {
-					class: "d-recipe-message-input__button-stack-icon",
-					size: "200"
-				})]),
-				_: 1
-			}, 8, [
-				"aria-label",
-				"tooltip-text",
-				"keyboard-shortcut-text",
-				"is-active"
-			]),
-			o(m, {
-				"aria-label": f.italicButtonLabel["aria-label"],
-				"tooltip-text": f.italicButtonLabel["tooltip-text"],
-				"keyboard-shortcut-text": n.italicButtonOptions.keyboardShortcutText,
-				"data-qa": "italic",
-				"is-active": n.isSelectionActive("italic"),
-				onClick: t[1] || (t[1] = (t) => e.$emit("click", "italic", t))
-			}, {
-				icon: u(() => [o(h, {
-					class: "d-recipe-message-input__button-stack-icon",
-					size: "200"
-				})]),
-				_: 1
-			}, 8, [
-				"aria-label",
-				"tooltip-text",
-				"keyboard-shortcut-text",
-				"is-active"
-			]),
-			o(m, {
-				"aria-label": f.strikeButtonLabel["aria-label"],
-				"tooltip-text": f.strikeButtonLabel["tooltip-text"],
-				"keyboard-shortcut-text": n.strikeButtonOptions.keyboardShortcutText,
-				"data-qa": "strikethrough",
-				"is-active": n.isSelectionActive("strike"),
-				onClick: t[2] || (t[2] = (t) => e.$emit("click", "strike", t))
-			}, {
-				icon: u(() => [o(g, {
-					class: "d-recipe-message-input__button-stack-icon",
-					size: "200"
-				})]),
-				_: 1
-			}, 8, [
-				"aria-label",
-				"tooltip-text",
-				"keyboard-shortcut-text",
-				"is-active"
-			]),
-			t[8] || (t[8] = a("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1)),
-			c(e.$slots, "link"),
-			t[9] || (t[9] = a("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1)),
-			o(m, {
-				"aria-label": f.bulletListButtonLabel["aria-label"],
-				"tooltip-text": f.bulletListButtonLabel["tooltip-text"],
-				"keyboard-shortcut-text": n.bulletListButtonOptions.keyboardShortcutText,
-				"data-qa": "bullet-list",
-				"is-active": n.isSelectionActive("bulletList"),
-				onClick: t[3] || (t[3] = (t) => e.$emit("click", "bulletList", t))
-			}, {
-				icon: u(() => [o(_, {
-					class: "d-recipe-message-input__button-stack-icon",
-					size: "200"
-				})]),
-				_: 1
-			}, 8, [
-				"aria-label",
-				"tooltip-text",
-				"keyboard-shortcut-text",
-				"is-active"
-			]),
-			o(m, {
-				"aria-label": f.orderedListButtonLabel["aria-label"],
-				"tooltip-text": f.orderedListButtonLabel["tooltip-text"],
-				"keyboard-shortcut-text": n.orderedListButtonOptions.keyboardShortcutText,
-				"data-qa": "ordered-list",
-				"is-active": n.isSelectionActive("orderedList"),
-				onClick: t[4] || (t[4] = (t) => e.$emit("click", "orderedList", t))
-			}, {
-				icon: u(() => [o(v, {
-					class: "d-recipe-message-input__button-stack-icon",
-					size: "200"
-				})]),
-				_: 1
-			}, 8, [
-				"aria-label",
-				"tooltip-text",
-				"keyboard-shortcut-text",
-				"is-active"
-			]),
-			t[10] || (t[10] = a("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1)),
-			o(m, {
-				"aria-label": f.blockQuoteButtonLabel["aria-label"],
-				"tooltip-text": f.blockQuoteButtonLabel["tooltip-text"],
-				"keyboard-shortcut-text": n.blockQuoteButtonOptions.keyboardShortcutText,
-				"data-qa": "blockquote",
-				"is-active": n.isSelectionActive("blockquote"),
-				onClick: t[5] || (t[5] = (t) => e.$emit("click", "blockquote", t))
-			}, {
-				icon: u(() => [o(y, {
-					class: "d-recipe-message-input__button-stack-icon",
-					size: "200"
-				})]),
-				_: 1
-			}, 8, [
-				"aria-label",
-				"tooltip-text",
-				"keyboard-shortcut-text",
-				"is-active"
-			]),
-			t[11] || (t[11] = a("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1)),
-			o(m, {
-				"aria-label": f.codeButtonLabel["aria-label"],
-				"tooltip-text": f.codeButtonLabel["tooltip-text"],
-				"keyboard-shortcut-text": n.codeButtonOptions.keyboardShortcutText,
-				"data-qa": "code",
-				"is-active": n.isSelectionActive("code"),
-				onClick: t[6] || (t[6] = (t) => e.$emit("click", "code", t))
-			}, {
-				icon: u(() => [o(b, {
-					class: "d-recipe-message-input__button-stack-icon",
-					size: "200"
-				})]),
-				_: 1
-			}, 8, [
-				"aria-label",
-				"tooltip-text",
-				"keyboard-shortcut-text",
-				"is-active"
-			]),
-			o(m, {
-				"aria-label": f.codeBlockButtonLabel["aria-label"],
-				"tooltip-text": f.codeBlockButtonLabel["tooltip-text"],
-				"keyboard-shortcut-text": n.codeBlockButtonOptions.keyboardShortcutText,
-				"data-qa": "code-block",
-				"is-active": n.isSelectionActive("codeBlock"),
-				onClick: t[7] || (t[7] = (t) => e.$emit("click", "codeBlock", t))
-			}, {
-				icon: u(() => [o(x, {
-					class: "d-recipe-message-input__button-stack-icon",
-					size: "200"
-				})]),
-				_: 1
-			}, 8, [
-				"aria-label",
-				"tooltip-text",
-				"keyboard-shortcut-text",
-				"is-active"
-			])
-		]),
-		_: 3
-	});
-}
-var x = /* @__PURE__ */ e(y, [["render", b]]);
-//#endregion
-export { x as default };
-
-//# sourceMappingURL=message-input-topbar.js.map

package/dist/lib/message-input/message-input-topbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-input-topbar.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/message-input/message-input.cjs

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../message_input-B45NFtUx.cjs`);exports.default=e.t;

package/dist/lib/message-input/message-input.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../message_input-DQQ3d8vG.js";
-export { e as default };

package/dist/lib/presence/presence.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"presence.cjs","names":[],"sources":["../../../components/presence/presence.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-presence\"\n    data-qa=\"dt-presence\"\n    role=\"status\"\n    :aria-live=\"$attrs.ariaLive || 'off'\"\n  >\n    <span\n      v-if=\"srText\"\n      data-qa=\"dt-presence-sr-text\"\n      class=\"sr-only\"\n    >{{ srText }} </span>\n    <div\n      class=\"d-presence__inner\"\n      :class=\"{\n        'd-presence__inner--active': presence === 'active',\n        'd-presence__inner--away': presence === 'away',\n        'd-presence__inner--busy': presence === 'busy',\n        'd-presence__inner--offline': presence === 'offline',\n      }\"\n    />\n  </div>\n</template>\n\n<script>\nimport { PRESENCE_STATES, PRESENCE_STATES_LIST } from './presence_constants';\n/**\n * Presence is a user status visual indicator element.\n * @see https://dialtone.dialpad.com/components/presence.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtPresence',\n  props: {\n\n    /**\n     * Determines the color of the inner presence circle, indicating status.\n     * Accepts one of 4 values: 'busy', 'away', 'active', 'offline'\n     * @values busy, away, active, offline\n     */\n    presence: {\n      type: String,\n      default: PRESENCE_STATES.ACTIVE,\n      validator: (role) => {\n        return PRESENCE_STATES_LIST.includes(role);\n      },\n    },\n\n    /**\n     * Since Presence is a visual element, we need SRs to read out any state changes\n     * that occur.\n     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.\n     */\n    srText: {\n      type: String,\n      default: null,\n    },\n  },\n};\n</script>\n"],"mappings":"8PA8BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,aACN,MAAO,CAOL,SAAU,CACR,KAAM,OACN,QAAS,EAAA,gBAAgB,OACzB,UAAY,GACH,EAAA,qBAAqB,SAAS,EAAK,CAE7C,CAOD,OAAQ,CACN,KAAM,OACN,QAAS,KACV,CACF,CACF,0BAjDK,UAAQ,sBACR,MAAM,oFAWJ,MAAA,CAnBJ,MAAM,aACN,UAAQ,cACR,KAAK,SACJ,YAAW,EAAA,OAAO,UAAQ,QAGnB,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAGa,OAJrB,GAAA,EAAA,EAAA,iBAII,EAAA,OAAM,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,EAAA,EAAA,EAAA,oBASR,MAAA,CAPA,OAAA,EAAA,EAAA,gBAAK,CAAC,oBAAmB,6BACsB,EAAA,WAAQ,mCAAkD,EAAA,WAAQ,iCAAgD,EAAA,WAAQ,oCAAmD,EAAA,WAAQ"}

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

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

package/dist/lib/recipes/eslint.config.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=[{files:[`**/*.story.vue`],rules:{"vue/no-v-html":`off`}}];exports.default=e;
-//# sourceMappingURL=eslint.config.cjs.map

package/dist/lib/recipes/eslint.config.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"eslint.config.cjs","names":[],"sources":["../../../recipes/eslint.config.js"],"sourcesContent":["export default [\n  {\n    files: ['**/*.story.vue'],\n    rules: {\n      'vue/no-v-html': 'off',\n    },\n  },\n];\n"],"mappings":"+FAAA,IAAA,EAAe,CACb,CACE,MAAO,CAAC,iBAAiB,CACzB,MAAO,CACL,gBAAiB,MAClB,CACF,CACF"}

package/dist/lib/recipes/eslint.config.js

@@ -1,9 +0,0 @@
-//#region recipes/eslint.config.js
-var e = [{
-	files: ["**/*.story.vue"],
-	rules: { "vue/no-v-html": "off" }
-}];
-//#endregion
-export { e as default };
-
-//# sourceMappingURL=eslint.config.js.map

package/dist/lib/recipes/eslint.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"eslint.config.js","names":[],"sources":["../../../recipes/eslint.config.js"],"sourcesContent":["export default [\n  {\n    files: ['**/*.story.vue'],\n    rules: {\n      'vue/no-v-html': 'off',\n    },\n  },\n];\n"],"mappings":";AAAA,IAAA,IAAe,CACb;CACE,OAAO,CAAC,iBAAiB;CACzB,OAAO,EACL,iBAAiB,OAClB;CACF,CACF"}

package/dist/lib/rich-text-editor/markdownRenderer.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../markdownRenderer-DCgGQseq.cjs`);exports.renderEditorToMarkdown=e.t;

package/dist/lib/rich-text-editor/markdownRenderer.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../markdownRenderer-vnndXQhE.js";
-export { e as renderEditorToMarkdown };

package/dist/lib/settings-menu-button/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./settings-menu-button.cjs`);exports.DtRecipeSettingsMenuButton=e.default;