@dialpad/dialtone-vue 3.220.0-next.5 → 3.220.0

package/dist/Toast-uu-6tNXS.js

@@ -1,555 +0,0 @@
-import e, { extractVueListeners as t } from "./common/utils/index.js";
-import { t as n } from "./_plugin-vue_export-helper-BTgDAbhb.js";
-import { ICON_SIZE_MODIFIERS as r } from "./lib/icon/iconconstants.js";
-import { NOTICE_KINDS as i } from "./lib/notice/noticeconstants.js";
-import a from "./lib/notice/noticeicon.js";
-import o from "./lib/notice/noticecontent.js";
-import s from "./lib/notice/noticeaction.js";
-import { TOAST_ALTERNATE_KINDS as c, TOAST_LAYOUTS as l, TOAST_MIN_DURATION as u, TOAST_ROLES as d } from "./lib/toast/toastconstants.js";
-import { createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, mergeProps as v, normalizeClass as y, openBlock as b, renderSlot as x, resolveComponent as S, resolveDynamicComponent as C, toDisplayString as w, withCtx as T } from "vue";
-import { DtIconAlertTriangle as E, DtIconBell as D, DtIconInfo as O, DtIconSparkle as k } from "@dialpad/dialtone-icons/vue";
-//#region components/Toast/Layouts/ToastLayoutDefault.vue
-var A = {
-	name: "ToastLayoutDefault",
-	components: {
-		DtNoticeIcon: a,
-		DtNoticeContent: o,
-		DtNoticeAction: s
-	},
-	inheritAttrs: !1,
-	props: {
-		isShown: {
-			type: Boolean,
-			default: !1
-		},
-		headerId: {
-			type: String,
-			default() {
-				return e.getUniqueString();
-			}
-		},
-		contentId: {
-			type: String,
-			default() {
-				return e.getUniqueString();
-			}
-		},
-		headerText: {
-			type: String,
-			default: void 0
-		},
-		message: {
-			type: String,
-			default: ""
-		},
-		role: {
-			type: String,
-			default: "status",
-			validator: (e) => d.includes(e)
-		},
-		kind: {
-			type: String,
-			default: "base",
-			validator: (e) => i.includes(e)
-		},
-		important: {
-			type: Boolean,
-			default: !1
-		},
-		showClose: {
-			type: Boolean,
-			default: !0
-		},
-		showIcon: {
-			type: Boolean,
-			default: !0
-		},
-		showAction: {
-			type: Boolean,
-			default: !0
-		},
-		iconClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		headerClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		contentClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		actionClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		}
-	},
-	emits: ["close"],
-	computed: {
-		kindClass() {
-			return {
-				critical: "d-toast--critical",
-				info: "d-toast--info",
-				positive: "d-toast--positive",
-				warning: "d-toast--warning",
-				base: "d-toast--base"
-			}[this.kind];
-		},
-		toastListeners() {
-			return t(this.$attrs);
-		}
-	}
-}, j = ["aria-hidden"], M = { class: "d-toast__dialog" };
-function N(e, t, n, r, i, a) {
-	let o = S("dt-notice-icon"), s = S("dt-notice-content"), c = S("dt-notice-action");
-	return n.isShown ? (b(), m("div", {
-		key: 0,
-		class: y([
-			"d-toast",
-			a.kindClass,
-			e.$attrs.class,
-			{ "d-toast--important": n.important }
-		]),
-		"data-qa": "dt-toast",
-		"aria-hidden": (!n.isShown).toString()
-	}, [h("div", M, [
-		n.showIcon ? (b(), f(o, v({
-			key: 0,
-			kind: n.kind,
-			"icon-class": n.iconClass,
-			class: { "d-notice__icon--has-title": n.headerText || e.$slots.header }
-		}, a.toastListeners), {
-			default: T(() => [x(e.$slots, "icon")]),
-			_: 3
-		}, 16, [
-			"kind",
-			"icon-class",
-			"class"
-		])) : p("", !0),
-		_(s, v({
-			"header-id": n.headerId,
-			"content-id": n.contentId,
-			"header-text": n.headerText,
-			"header-class": n.headerClass,
-			"content-class": n.contentClass,
-			role: n.role
-		}, a.toastListeners), {
-			header: T(() => [x(e.$slots, "header")]),
-			default: T(() => [x(e.$slots, "default", {}, () => [g(w(n.message), 1)])]),
-			_: 3
-		}, 16, [
-			"header-id",
-			"content-id",
-			"header-text",
-			"header-class",
-			"content-class",
-			"role"
-		]),
-		_(c, v({
-			"show-action": n.showAction,
-			"show-close": n.showClose,
-			"action-class": n.actionClass
-		}, a.toastListeners, { onClose: t[0] || (t[0] = (t) => e.$emit("close")) }), {
-			default: T(() => [x(e.$slots, "action")]),
-			_: 3
-		}, 16, [
-			"show-action",
-			"show-close",
-			"action-class"
-		])
-	])], 10, j)) : p("", !0);
-}
-var P = /* @__PURE__ */ n(A, [["render", N]]), F = new Map([
-	["info", O],
-	["positive", O],
-	["warning", E],
-	["critical", O],
-	["base", D],
-	["gradient", k]
-]), I = {
-	compatConfig: { MODE: 3 },
-	name: "DtToastLayoutAlternateIcon",
-	components: {
-		DtIconInfo: O,
-		DtIconAlertTriangle: E,
-		DtIconBell: D,
-		DtIconSparkle: k
-	},
-	props: {
-		kind: {
-			type: String,
-			default: "base",
-			validator(e) {
-				return c.includes(e);
-			}
-		},
-		size: {
-			type: String,
-			default: "400",
-			validator: (e) => Object.keys(r).includes(e)
-		},
-		iconClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		}
-	},
-	computed: { defaultIcon() {
-		return F.get(this.kind);
-	} }
-};
-function L(e, t, n, r, i, a) {
-	return b(), m("div", {
-		"aria-hidden": "true",
-		class: y(["d-toast-layout-alternate__icon", n.iconClass])
-	}, [x(e.$slots, "default", {}, () => [a.defaultIcon ? (b(), f(C(a.defaultIcon), {
-		key: 0,
-		size: n.size
-	}, null, 8, ["size"])) : p("", !0)])], 2);
-}
-//#endregion
-//#region components/Toast/Layouts/ToastLayoutAlternate.vue
-var R = {
-	name: "ToastLayoutAlternate",
-	components: {
-		DtNoticeAction: s,
-		DtNoticeContent: o,
-		DtToastLayoutAlternateIcon: /* @__PURE__ */ n(I, [["render", L]])
-	},
-	inheritAttrs: !1,
-	props: {
-		isShown: {
-			type: Boolean,
-			default: !1
-		},
-		headerId: {
-			type: String,
-			default() {
-				return e.getUniqueString();
-			}
-		},
-		contentId: {
-			type: String,
-			default() {
-				return e.getUniqueString();
-			}
-		},
-		headerText: {
-			type: String,
-			default: void 0
-		},
-		message: {
-			type: String,
-			default: ""
-		},
-		role: {
-			type: String,
-			default: "status",
-			validator: (e) => d.includes(e)
-		},
-		kind: {
-			type: String,
-			default: "base",
-			validator: (e) => c.includes(e)
-		},
-		showClose: {
-			type: Boolean,
-			default: !0
-		},
-		showIcon: {
-			type: Boolean,
-			default: !0
-		},
-		iconClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		headerClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		contentClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		actionClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		}
-	},
-	computed: {
-		kindClass() {
-			return {
-				critical: "d-toast-alternate--critical",
-				info: "d-toast-alternate--info",
-				positive: "d-toast-alternate--positive",
-				warning: "d-toast-alternate--warning",
-				gradient: "d-toast-alternate--gradient"
-			}[this.kind];
-		},
-		toastListeners() {
-			return t(this.$attrs);
-		}
-	}
-}, z = ["aria-hidden"], B = { class: "d-toast-alternate__dialog" }, V = { class: "d-toast-alternate__header" }, H = { class: "d-toast-alternate__content" };
-function U(e, t, n, r, i, a) {
-	let o = S("dt-toast-layout-alternate-icon"), s = S("dt-notice-content"), c = S("dt-notice-action");
-	return n.isShown ? (b(), m("div", {
-		key: 0,
-		class: y([
-			"d-toast-alternate",
-			e.$attrs.class,
-			a.kindClass
-		]),
-		"data-qa": "dt-toast",
-		"aria-hidden": (!n.isShown).toString()
-	}, [h("div", B, [h("div", V, [
-		n.showIcon ? (b(), f(o, v({
-			key: 0,
-			kind: n.kind,
-			"icon-class": n.iconClass,
-			size: "200"
-		}, a.toastListeners), {
-			default: T(() => [x(e.$slots, "icon")]),
-			_: 3
-		}, 16, ["kind", "icon-class"])) : p("", !0),
-		_(s, v({
-			"header-id": n.headerId,
-			"content-id": n.contentId,
-			"header-text": n.headerText,
-			"header-class": n.headerClass,
-			"content-class": n.contentClass,
-			role: n.role
-		}, a.toastListeners), {
-			header: T(() => [x(e.$slots, "header")]),
-			_: 3
-		}, 16, [
-			"header-id",
-			"content-id",
-			"header-text",
-			"header-class",
-			"content-class",
-			"role"
-		]),
-		_(c, v({
-			"show-action": !1,
-			"show-close": n.showClose,
-			"action-class": n.actionClass,
-			"button-size": 100
-		}, a.toastListeners, { onClose: t[0] || (t[0] = (t) => e.$emit("close")) }), null, 16, ["show-close", "action-class"])
-	]), h("div", H, [x(e.$slots, "default", {}, () => [g(w(n.message), 1)])])])], 10, z)) : p("", !0);
-}
-var W = /* @__PURE__ */ n(R, [["render", U]]), G = {
-	compatConfig: { MODE: 3 },
-	name: "DtToast",
-	components: {
-		ToastLayoutDefault: P,
-		ToastLayoutAlternate: W
-	},
-	inheritAttrs: !1,
-	props: {
-		headerId: {
-			type: String,
-			default: void 0
-		},
-		contentId: {
-			type: String,
-			default: void 0
-		},
-		headerText: {
-			type: String,
-			default: void 0
-		},
-		message: {
-			type: String,
-			default: void 0
-		},
-		role: {
-			type: String,
-			default: "status"
-		},
-		kind: {
-			type: String,
-			default: void 0
-		},
-		important: {
-			type: Boolean,
-			default: !1
-		},
-		open: {
-			type: Boolean,
-			default: !1
-		},
-		showClose: {
-			type: Boolean,
-			default: !0
-		},
-		showIcon: {
-			type: Boolean,
-			default: !0
-		},
-		showAction: {
-			type: Boolean,
-			default: !0
-		},
-		duration: {
-			type: Number,
-			default: null,
-			validator: (e) => e >= u
-		},
-		layout: {
-			type: String,
-			default: "default",
-			validator: (e) => l.includes(e)
-		},
-		iconClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		headerClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		contentClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		actionClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		}
-	},
-	emits: ["close", "update:open"],
-	data() {
-		return {
-			isShown: !1,
-			minDuration: u
-		};
-	},
-	computed: {
-		shouldSetTimeout() {
-			return !!this.duration && this.duration >= this.minDuration;
-		},
-		selectedLayout() {
-			return this.layout === "alternate" ? W : P;
-		}
-	},
-	watch: { open: {
-		handler: function(e) {
-			this.isShown = e, e ? this.setTimeout() : clearTimeout(this.displayTimer);
-		},
-		immediate: !0
-	} },
-	unmounted() {
-		clearTimeout(this.displayTimer);
-	},
-	methods: {
-		setTimeout() {
-			this.shouldSetTimeout && (this.displayTimer = setTimeout(() => {
-				this.isShown = !1, this.$emit("update:open", !1);
-			}, this.duration));
-		},
-		handleClose() {
-			this.isShown = !1, this.$emit("close"), this.$emit("update:open", !1);
-		}
-	}
-};
-function K(e, t, n, r, i, a) {
-	return b(), f(C(a.selectedLayout), v({
-		"is-shown": i.isShown,
-		"header-id": n.headerId,
-		"content-id": n.contentId,
-		"header-text": n.headerText,
-		message: n.message,
-		role: n.role,
-		kind: n.kind,
-		important: n.important,
-		"show-close": n.showClose,
-		"show-icon": n.showIcon,
-		"show-action": n.showAction,
-		"icon-class": n.iconClass,
-		"header-class": n.headerClass,
-		"content-class": n.contentClass,
-		"action-class": n.actionClass
-	}, e.$attrs, { onClose: a.handleClose }), {
-		icon: T(() => [x(e.$slots, "icon")]),
-		header: T(() => [x(e.$slots, "header")]),
-		action: T(() => [x(e.$slots, "action")]),
-		default: T(() => [x(e.$slots, "default", {}, () => [g(w(n.message), 1)])]),
-		_: 3
-	}, 16, [
-		"is-shown",
-		"header-id",
-		"content-id",
-		"header-text",
-		"message",
-		"role",
-		"kind",
-		"important",
-		"show-close",
-		"show-icon",
-		"show-action",
-		"icon-class",
-		"header-class",
-		"content-class",
-		"action-class",
-		"onClose"
-	]);
-}
-var q = /* @__PURE__ */ n(G, [["render", K]]);
-//#endregion
-export { q as t };
-
-//# sourceMappingURL=Toast-uu-6tNXS.js.map

package/dist/Toast-uu-6tNXS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast-uu-6tNXS.js","names":[],"sources":["../components/Toast/Layouts/ToastLayoutDefault.vue","../components/Toast/Layouts/ToastLayoutAlternateIcon.vue","../components/Toast/Layouts/ToastLayoutAlternate.vue","../components/Toast/Toast.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast',\n      kindClass,\n      $attrs.class,\n      { 'd-toast--important': important },\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast__dialog\">\n      <dt-notice-icon\n        v-if=\"showIcon\"\n        :kind=\"kind\"\n        :icon-class=\"iconClass\"\n        :class=\"{ 'd-notice__icon--has-title': headerText || $slots.header }\"\n        v-bind=\"toastListeners\"\n      >\n        <!-- @slot Slot for custom icon -->\n        <slot name=\"icon\" />\n      </dt-notice-icon>\n      <dt-notice-content\n        :header-id=\"headerId\"\n        :content-id=\"contentId\"\n        :header-text=\"headerText\"\n        :header-class=\"headerClass\"\n        :content-class=\"contentClass\"\n        :role=\"role\"\n        v-bind=\"toastListeners\"\n      >\n        <template #header>\n          <!-- @slot Slot for the header -->\n          <slot name=\"header\" />\n        </template>\n        <!-- @slot the main textual content of the toast -->\n        <slot>\n          {{ message }}\n        </slot>\n      </dt-notice-content>\n      <dt-notice-action\n        :show-action=\"showAction\"\n        :show-close=\"showClose\"\n        :action-class=\"actionClass\"\n        v-bind=\"toastListeners\"\n        @close=\"$emit('close')\"\n      >\n        <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n        <slot name=\"action\" />\n      </dt-notice-action>\n    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport { DtNoticeIcon, DtNoticeContent, DtNoticeAction, NOTICE_KINDS } from '@/components/Notice';\nimport { TOAST_ROLES } from '../ToastConstants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutDefault',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets an ID on the header element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the header.\n     */\n    headerId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Header text of the toast. This can be left blank to remove the header from the toast entirely.\n     */\n    headerText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validator: (role) => {\n        return TOAST_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Severity level of the toast, sets the icon and background\n     * @values base, critical, info, positive, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows the close button in the toast\n     * @values true, false\n     */\n    showClose: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Shows the icon in the toast\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Shows the action in the toast\n     * @values true, false\n     */\n    showAction: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the icon wrapper element.\n     */\n    iconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the header wrapper element.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the action wrapper element.\n     */\n    actionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: ['close'],\n\n  computed: {\n    kindClass () {\n      const kindClasses = {\n        critical: 'd-toast--critical',\n        info: 'd-toast--info',\n        positive: 'd-toast--positive',\n        warning: 'd-toast--warning',\n        base: 'd-toast--base',\n      };\n\n      return kindClasses[this.kind];\n    },\n\n    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    aria-hidden=\"true\"\n    :class=\"['d-toast-layout-alternate__icon', iconClass]\"\n  >\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        v-if=\"defaultIcon\"\n        :size=\"size\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconAlertTriangle,\n  DtIconBell,\n  DtIconSparkle,\n} from '@dialpad/dialtone-icons/vue';\nimport { TOAST_ALTERNATE_KINDS } from '../ToastConstants.js';\nimport { ICON_SIZE_MODIFIERS } from '@/components/Icon/IconConstants.js';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['positive', DtIconInfo],\n  ['warning', DtIconAlertTriangle],\n  ['critical', DtIconInfo],\n  ['base', DtIconBell],\n  ['gradient', DtIconSparkle],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtToastLayoutAlternateIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconAlertTriangle,\n    DtIconBell,\n    DtIconSparkle,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, critical, info, positive, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator (kind) {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    size: {\n      type: String,\n      default: '400',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Additional class name for the icon wrapper element.\n     */\n    iconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast-alternate',\n      $attrs.class,\n      kindClass,\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast-alternate__dialog\">\n      <div class=\"d-toast-alternate__header\">\n        <dt-toast-layout-alternate-icon\n          v-if=\"showIcon\"\n          :kind=\"kind\"\n          :icon-class=\"iconClass\"\n          size=\"200\"\n          v-bind=\"toastListeners\"\n        >\n          <slot name=\"icon\" />\n        </dt-toast-layout-alternate-icon>\n        <dt-notice-content\n          :header-id=\"headerId\"\n          :content-id=\"contentId\"\n          :header-text=\"headerText\"\n          :header-class=\"headerClass\"\n          :content-class=\"contentClass\"\n          :role=\"role\"\n          v-bind=\"toastListeners\"\n        >\n          <template #header>\n            <slot name=\"header\" />\n          </template>\n        </dt-notice-content>\n\n        <!-- Close Button -->\n        <dt-notice-action\n          :show-action=\"false\"\n          :show-close=\"showClose\"\n          :action-class=\"actionClass\"\n          :button-size=\"100\"\n          v-bind=\"toastListeners\"\n          @close=\"$emit('close')\"\n        />\n      </div>\n      <!-- Content Section -->\n      <div class=\"d-toast-alternate__content\">\n        <slot>\n          {{ message }}\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport DtToastLayoutAlternateIcon from './ToastLayoutAlternateIcon.vue';\nimport { DtNoticeAction, DtNoticeContent } from '@/components/Notice';\nimport { TOAST_ROLES, TOAST_ALTERNATE_KINDS } from '../ToastConstants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutAlternate',\n\n  components: {\n    DtNoticeAction,\n    DtNoticeContent,\n    DtToastLayoutAlternateIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets an ID on the header element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the header.\n     */\n    headerId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Header text of the toast. This can be left blank to remove the header from the toast entirely.\n     */\n    headerText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validator: (role) => {\n        return TOAST_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Severity level of the toast, sets the icon and background\n     * @values base, critical, info, positive, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Shows the close button in the toast\n     * @values true, false\n     */\n    showClose: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Shows the icon in the toast\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the icon wrapper element.\n     */\n    iconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the header wrapper element.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the action wrapper element.\n     */\n    actionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  computed: {\n    kindClass () {\n      const kindClasses = {\n        critical: 'd-toast-alternate--critical',\n        info: 'd-toast-alternate--info',\n        positive: 'd-toast-alternate--positive',\n        warning: 'd-toast-alternate--warning',\n        gradient: 'd-toast-alternate--gradient',\n      };\n\n      return kindClasses[this.kind];\n    },\n\n    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <component\n    :is=\"selectedLayout\"\n    :is-shown=\"isShown\"\n    :header-id=\"headerId\"\n    :content-id=\"contentId\"\n    :header-text=\"headerText\"\n    :message=\"message\"\n    :role=\"role\"\n    :kind=\"kind\"\n    :important=\"important\"\n    :show-close=\"showClose\"\n    :show-icon=\"showIcon\"\n    :show-action=\"showAction\"\n    :icon-class=\"iconClass\"\n    :header-class=\"headerClass\"\n    :content-class=\"contentClass\"\n    :action-class=\"actionClass\"\n    v-bind=\"$attrs\"\n    @close=\"handleClose\"\n  >\n    <!-- @slot Slot for custom icon -->\n    <template #icon>\n      <slot name=\"icon\" />\n    </template>\n    <template #header>\n      <!-- @slot Slot for the header -->\n      <slot name=\"header\" />\n    </template>\n    <!-- @slot the main textual content of the toast -->\n    <slot>\n      {{ message }}\n    </slot>\n    <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n    <template #action>\n      <slot name=\"action\" />\n    </template>\n  </component>\n</template>\n\n<script>\nimport { TOAST_MIN_DURATION, TOAST_LAYOUTS } from './ToastConstants.js';\nimport ToastLayoutDefault from './Layouts/ToastLayoutDefault.vue';\nimport ToastLayoutAlternate from './Layouts/ToastLayoutAlternate.vue';\n\n/**\n * A toast notice, sometimes called a snackbar, is a time-based message that appears based on users' actions.\n * It contains at-a-glance information about outcomes and can be paired with actions.\n * @see https://dialtone.dialpad.com/components/toast.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtToast',\n\n  components: {\n    ToastLayoutDefault,\n    ToastLayoutAlternate,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Sets an ID on the header element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the header.\n     */\n    headerId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Header text of the toast. This can be left blank to remove the header from the toast entirely.\n     */\n    headerText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n    },\n\n    /**\n     * Severity level of the toast, could be different depending on which toast layout is used.\n     * @values base, critical, info, positive, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls whether the toast is shown. If a valid duration is provided, the toast will disappear\n     * after reaching the duration time, so it's convenient to use `v-model` with this prop to update\n     * the data in your component.\n     * Supports v-model\n     * @values true, false\n     */\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows the close button in the toast.\n     * @values true, false\n     */\n    showClose: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Shows the icon in the toast.\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Shows the action in the toast.\n     * @values true, false\n     */\n    showAction: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The duration in ms the toast will display before disappearing.\n     * The toast won't disappear if the duration is not provided.\n     * If it's provided, it should be equal to or greater than 6000.\n     */\n    duration: {\n      type: Number,\n      default: null,\n      validator: (duration) => {\n        return duration >= TOAST_MIN_DURATION;\n      },\n    },\n\n    /**\n     * The layout / styling you wish to use for the toast.\n     * @values default, alternate\n     */\n    layout: {\n      type: String,\n      default: 'default',\n      validator: (layout) => {\n        return TOAST_LAYOUTS.includes(layout);\n      },\n    },\n\n    /**\n     * Additional class name for the icon wrapper element.\n     */\n    iconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the header wrapper element.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the action wrapper element.\n     */\n    actionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Sync open value\n     *\n     * @event update:open\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      isShown: false,\n      minDuration: TOAST_MIN_DURATION,\n    };\n  },\n\n  computed: {\n    shouldSetTimeout () {\n      return !!this.duration && this.duration >= this.minDuration;\n    },\n\n    selectedLayout () {\n      return this.layout === 'alternate' ? ToastLayoutAlternate : ToastLayoutDefault;\n    },\n  },\n\n  watch: {\n    open: {\n      handler: function (open) {\n        this.isShown = open;\n        if (open) {\n          this.setTimeout();\n        } else {\n          clearTimeout(this.displayTimer);\n        }\n      },\n\n      immediate: true,\n    },\n  },\n\n  unmounted () {\n    clearTimeout(this.displayTimer);\n  },\n\n  methods: {\n    setTimeout () {\n      if (this.shouldSetTimeout) {\n        this.displayTimer = setTimeout(() => {\n          this.isShown = false;\n          this.$emit('update:open', false);\n        }, this.duration);\n      }\n    },\n\n    handleClose () {\n      this.isShown = false;\n      this.$emit('close');\n      this.$emit('update:open', false);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/UseResizableCalculations-BbtEWPKc.cjs

@@ -1,2 +0,0 @@
-const e=require(`./ResizableUtils-NEOy9Sop.cjs`);function t(e,t,n){let r=e;return t!==void 0&&(r=Math.max(r,t)),n!==void 0&&(r=Math.min(r,n)),r}function n(e,n,r=`system`){return t(e,r===`user`?n.userMinSizePixels:n.systemMinSizePixels??n.userMinSizePixels,r===`user`?n.userMaxSizePixels:n.systemMaxSizePixels??n.userMaxSizePixels)}function r(t,n){return{userMinSizePixels:t.userMinSize?e.o(t.userMinSize,n):void 0,userMaxSizePixels:t.userMaxSize?e.o(t.userMaxSize,n):void 0}}function i(e,t){return e===void 0||t===void 0?e:Math.max(e,t)}function a(e,t){return e===void 0||t===void 0?e:Math.min(e,t)}function o(t,n,r,o){let s=t.systemMinSize?e.o(t.systemMinSize,n):r,c=t.systemMaxSize?e.o(t.systemMaxSize,n):o;return{systemMinSizePixels:i(s,r),systemMaxSizePixels:a(c,o)}}function s(t,n){let{userMinSizePixels:i,userMaxSizePixels:a}=r(t,n),{systemMinSizePixels:s,systemMaxSizePixels:c}=o(t,n,i,a);return{userMinSizePixels:i,userMaxSizePixels:a,systemMinSizePixels:s,systemMaxSizePixels:c,collapseSizePixels:t.collapseSize?e.o(t.collapseSize,n,{clampToContainer:!1}):void 0}}function c(e){function n(e,t,n){return t.resizable===!1||n.resizable===!1?{constrainedCursorPosition:e,beforePanelSize:t.pixelSize||0,afterPanelSize:n.pixelSize||0,isValidResize:!1}:null}function r(e,n){return t(e,n.userMinSizePixels,n.userMaxSizePixels)}function i(e,t,n){let r=e.userMinSizePixels;if(r===void 0||!n)return t;let i=n.findIndex(t=>t.id===e.id),a=n.slice(i+1).reduce((e,t)=>e+(t.pixelSize||0),0);return t-r-a}function a(e,t,n,r){if(!r)return t-e;let i=r.findIndex(e=>e.id===n.id),a=r.slice(i+1).reduce((e,t)=>e+(t.pixelSize||0),0);return t-e-a}function o(e,t,o,s,c,l,u){let d=n(e,t,o);if(d)return d;let f=u||0,p=e-f,m=s-e,h=r(p,t),g=r(m,o),_=i(o,s,l),v=f+h,y=Math.min(v,_),b;return y<v?(b=y,h=b-f,g=a(b,s,o,l)):(b=v,g=a(b,s,o,l)),{constrainedCursorPosition:b,beforePanelSize:h,afterPanelSize:g,isValidResize:h>=10&&g>=10}}return{processResizeMove:o}}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
-//# sourceMappingURL=UseResizableCalculations-BbtEWPKc.cjs.map

package/dist/UseResizableCalculations-BbtEWPKc.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"UseResizableCalculations-BbtEWPKc.cjs","names":[],"sources":["../components/Resizable/Composables/ConstraintResolver.ts","../components/Resizable/Composables/UseResizableCalculations.ts"],"sourcesContent":["/**\n * Constraint Resolver\n *\n * Pure functions for resolving the constraint hierarchy for resizable panels.\n * No DOM access, no Vue reactivity, no side effects.\n *\n * @see computeLayout.ts\n * @see ../resizable_constants.ts\n */\n\nimport type { ResizablePanelConfig } from '../ResizableConstants';\nimport { parseSizeToPixels } from '../ResizableUtils';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\n/**\n * Result of constraint hierarchy calculation.\n * User limits are absolute boundaries; system limits are the operating range within user limits.\n */\nexport interface ConstraintHierarchy {\n  // User drag limits (absolute boundaries)\n  userMinSizePixels?: number;\n  userMaxSizePixels?: number;\n  // System scaling limits (operating range within user limits)\n  systemMinSizePixels?: number;\n  systemMaxSizePixels?: number;\n  // Auto-collapse threshold (container width, not panel width)\n  collapseSizePixels?: number;\n}\n\n// ============================================================================\n// CLAMPING PRIMITIVE\n// ============================================================================\n\n/**\n * Clamp a value to optional min/max bounds.\n * Single source of truth for all constraint clamping in the resizable system.\n */\nexport function clampSize(value: number, min?: number, max?: number): number {\n  let result = value;\n  if (min !== undefined) result = Math.max(result, min);\n  if (max !== undefined) result = Math.min(result, max);\n  return result;\n}\n\n/**\n * Resolve effective min/max for a given constraint tier, then clamp.\n * - 'user' tier: uses userMin/userMax only\n * - 'system' tier: uses systemMin/systemMax, falling back to userMin/userMax\n */\nexport function clampToTier(\n  value: number,\n  constraints: ConstraintHierarchy,\n  tier: 'user' | 'system' = 'system'\n): number {\n  const min = tier === 'user'\n    ? constraints.userMinSizePixels\n    : (constraints.systemMinSizePixels ?? constraints.userMinSizePixels);\n  const max = tier === 'user'\n    ? constraints.userMaxSizePixels\n    : (constraints.systemMaxSizePixels ?? constraints.userMaxSizePixels);\n  return clampSize(value, min, max);\n}\n\n// ============================================================================\n// INTERNAL HELPERS\n// ============================================================================\n\n/**\n * Resolve user constraints (drag limits) from panel config.\n */\nexport function resolveUserConstraints(\n  panelConfig: ResizablePanelConfig,\n  containerSize: number\n): { userMinSizePixels?: number; userMaxSizePixels?: number } {\n  return {\n    userMinSizePixels: panelConfig.userMinSize ? parseSizeToPixels(panelConfig.userMinSize, containerSize) : undefined,\n    userMaxSizePixels: panelConfig.userMaxSize ? parseSizeToPixels(panelConfig.userMaxSize, containerSize) : undefined,\n  };\n}\n\n/**\n * Clamp system min to be at least user min.\n * System constraints that exceed user boundaries are silently clamped\n * since this is expected behavior during constraint resolution.\n */\nexport function clampSystemMin(systemMin: number | undefined, userMin: number | undefined): number | undefined {\n  if (systemMin === undefined || userMin === undefined) return systemMin;\n  return Math.max(systemMin, userMin);\n}\n\n/**\n * Clamp system max to be at most user max.\n * System constraints that exceed user boundaries are silently clamped\n * since this is expected behavior during constraint resolution.\n */\nexport function clampSystemMax(systemMax: number | undefined, userMax: number | undefined): number | undefined {\n  if (systemMax === undefined || userMax === undefined) return systemMax;\n  return Math.min(systemMax, userMax);\n}\n\n/**\n * Resolve system constraints with fallback to user constraints.\n * System limits are silently clamped to stay within user limits.\n */\nexport function resolveSystemConstraints(\n  panelConfig: ResizablePanelConfig,\n  containerSize: number,\n  userMinSizePixels?: number,\n  userMaxSizePixels?: number\n): { systemMinSizePixels?: number; systemMaxSizePixels?: number } {\n  // Calculate system limits from props, or fall back to user limits\n  const rawSystemMin = panelConfig.systemMinSize\n    ? parseSizeToPixels(panelConfig.systemMinSize, containerSize)\n    : userMinSizePixels;\n  const rawSystemMax = panelConfig.systemMaxSize\n    ? parseSizeToPixels(panelConfig.systemMaxSize, containerSize)\n    : userMaxSizePixels;\n\n  // Validate and clamp system limits within user limits\n  const systemMinSizePixels = clampSystemMin(rawSystemMin, userMinSizePixels);\n  const systemMaxSizePixels = clampSystemMax(rawSystemMax, userMaxSizePixels);\n\n  return { systemMinSizePixels, systemMaxSizePixels };\n}\n\n// ============================================================================\n// PUBLIC API\n// ============================================================================\n\n/**\n * Calculate the complete constraint hierarchy for a panel.\n *\n * This separates user drag limits from system scaling limits:\n * - User limits (userMinSize/userMaxSize) are absolute boundaries for user dragging\n * - System limits (systemMinSize/systemMaxSize) are the operating range for viewport resize\n * - System limits must be within user limits (clamped silently if not)\n *\n * @param panelConfig - Panel configuration\n * @param containerSize - Current container size in pixels\n * @returns Complete constraint hierarchy with all pixel values\n */\nexport function calculateConstraintHierarchy(\n  panelConfig: ResizablePanelConfig,\n  containerSize: number\n): ConstraintHierarchy {\n  // Resolve user constraints (drag limits)\n  const { userMinSizePixels, userMaxSizePixels } = resolveUserConstraints(panelConfig, containerSize);\n\n  // Resolve system constraints (viewport resize limits) with fallback to user limits\n  const { systemMinSizePixels, systemMaxSizePixels } = resolveSystemConstraints(\n    panelConfig,\n    containerSize,\n    userMinSizePixels,\n    userMaxSizePixels\n  );\n\n  // Calculate collapse threshold (container width trigger, NOT a panel size)\n  // Don't clamp to container - this threshold is compared AGAINST the container width\n  const collapseSizePixels = panelConfig.collapseSize\n    ? parseSizeToPixels(panelConfig.collapseSize, containerSize, { clampToContainer: false })\n    : undefined;\n\n  return {\n    userMinSizePixels,\n    userMaxSizePixels,\n    systemMinSizePixels,\n    systemMaxSizePixels,\n    collapseSizePixels,\n  };\n}\n","import { MIN_PANEL_SIZE_PX } from '../ResizableConstants';\nimport type { ResizablePanelState } from '../ResizableConstants';\nimport { clampSize } from './ConstraintResolver';\n\n// ============================================================================\n// RESIZE HANDLING\n// ============================================================================\n\nexport interface ResizeHandler {\n  processResizeMove: (\n    rawCursorPosition: number,\n    beforePanel: ResizablePanelState,\n    afterPanel: ResizablePanelState,\n    containerSizeValue: number,\n    handleId?: string,\n    allPanels?: ResizablePanelState[],\n    beforePanelLeft?: number\n  ) => ResizeMoveResult;\n}\n\nexport interface ResizeMoveResult {\n  constrainedCursorPosition: number;\n  beforePanelSize: number;\n  afterPanelSize: number;\n  isValidResize: boolean;\n}\n\nexport function useResizeHandling(containerSize?: () => number) {\n  function checkPanelsResizable(\n    rawCursorPosition: number,\n    beforePanel: ResizablePanelState,\n    afterPanel: ResizablePanelState\n  ): ResizeMoveResult | null {\n    if (beforePanel.resizable === false || afterPanel.resizable === false) {\n      return {\n        constrainedCursorPosition: rawCursorPosition,\n        beforePanelSize: beforePanel.pixelSize || 0,\n        afterPanelSize: afterPanel.pixelSize || 0,\n        isValidResize: false,\n      };\n    }\n    return null;\n  }\n\n  function applyPanelConstraints(proposedSize: number, panel: ResizablePanelState): number {\n    return clampSize(proposedSize, panel.userMinSizePixels, panel.userMaxSizePixels);\n  }\n\n  function calculateMaxCursorForAfterPanel(\n    afterPanel: ResizablePanelState,\n    containerSizeValue: number,\n    allPanels?: ResizablePanelState[]\n  ): number {\n    const minPixels = afterPanel.userMinSizePixels;\n\n    if (minPixels === undefined || !allPanels) {\n      return containerSizeValue;\n    }\n\n    const afterPanelIndex = allPanels.findIndex(p => p.id === afterPanel.id);\n    const panelsAfterThis = allPanels.slice(afterPanelIndex + 1);\n    const totalFixedSpaceAfter = panelsAfterThis.reduce((sum, panel) => sum + (panel.pixelSize || 0), 0);\n\n    return containerSizeValue - minPixels - totalFixedSpaceAfter;\n  }\n\n  function calculateAfterPanelSize(\n    cursorPosition: number,\n    containerSizeValue: number,\n    afterPanel: ResizablePanelState,\n    allPanels?: ResizablePanelState[]\n  ): number {\n    if (!allPanels) {\n      return containerSizeValue - cursorPosition;\n    }\n\n    const afterPanelIndex = allPanels.findIndex(p => p.id === afterPanel.id);\n    const panelsAfterThis = allPanels.slice(afterPanelIndex + 1);\n    const totalFixedSpaceAfter = panelsAfterThis.reduce((sum, panel) => sum + (panel.pixelSize || 0), 0);\n\n    return containerSizeValue - cursorPosition - totalFixedSpaceAfter;\n  }\n\n  function processResizeMove(\n    rawCursorPosition: number,\n    beforePanel: ResizablePanelState,\n    afterPanel: ResizablePanelState,\n    containerSizeValue: number,\n    handleId?: string,\n    allPanels?: ResizablePanelState[],\n    beforePanelLeft?: number\n  ): ResizeMoveResult {\n    const nonResizableResult = checkPanelsResizable(rawCursorPosition, beforePanel, afterPanel);\n    if (nonResizableResult) return nonResizableResult;\n\n    const beforeLeft = beforePanelLeft || 0;\n    const proposedBeforeSize = rawCursorPosition - beforeLeft;\n    const proposedAfterSize = containerSizeValue - rawCursorPosition;\n\n    let constrainedBeforeSize = applyPanelConstraints(proposedBeforeSize, beforePanel);\n    let constrainedAfterSize = applyPanelConstraints(proposedAfterSize, afterPanel);\n\n    const maxCursorForAfterPanel = calculateMaxCursorForAfterPanel(afterPanel, containerSizeValue, allPanels);\n    const beforePanelCursor = beforeLeft + constrainedBeforeSize;\n    const effectiveCursor = Math.min(beforePanelCursor, maxCursorForAfterPanel);\n\n    let constrainedCursorPosition;\n\n    if (effectiveCursor < beforePanelCursor) {\n      constrainedCursorPosition = effectiveCursor;\n      constrainedBeforeSize = constrainedCursorPosition - beforeLeft;\n      constrainedAfterSize = calculateAfterPanelSize(\n        constrainedCursorPosition,\n        containerSizeValue,\n        afterPanel,\n        allPanels\n      );\n    } else {\n      constrainedCursorPosition = beforePanelCursor;\n      constrainedAfterSize = calculateAfterPanelSize(\n        constrainedCursorPosition,\n        containerSizeValue,\n        afterPanel,\n        allPanels\n      );\n    }\n\n    return {\n      constrainedCursorPosition,\n      beforePanelSize: constrainedBeforeSize,\n      afterPanelSize: constrainedAfterSize,\n      isValidResize: constrainedBeforeSize >= MIN_PANEL_SIZE_PX && constrainedAfterSize >= MIN_PANEL_SIZE_PX,\n    };\n  }\n\n  return {\n    processResizeMove,\n  };\n}\n"],"mappings":"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"}