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

package/dist/useResizableCalculations-DAajatT4.js

@@ -0,0 +1,80 @@
+import { o as e } from "./resizable_utils-BComtrMV.js";
+//#region components/resizable/composables/constraintResolver.ts
+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(t.userMinSize, n) : void 0,
+		userMaxSizePixels: t.userMaxSize ? e(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(t.systemMinSize, n) : r, c = t.systemMaxSize ? e(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(t.collapseSize, n, { clampToContainer: !1 }) : void 0
+	};
+}
+//#endregion
+//#region components/resizable/composables/useResizableCalculations.ts
+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 };
+}
+//#endregion
+export { s as n, n as r, c as t };
+
+//# sourceMappingURL=useResizableCalculations-DAajatT4.js.map

package/dist/useResizableCalculations-DAajatT4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizableCalculations-DAajatT4.js","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 '../resizable_constants';\nimport { parseSizeToPixels } from '../resizable_utils';\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 '../resizable_constants';\nimport type { ResizablePanelState } from '../resizable_constants';\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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.222.0-next.2",
+  "version": "3.222.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
@@ -46,28 +46,26 @@
     "overlayscrollbars": "2.10.0",
     "regex-combined-emojis": "1.6.0",
     "tippy.js": "6.3.7",
-    "@dialpad/dialtone-emojis": "1.2.6-next.1",
-    "@dialpad/dialtone-icons": "4.54.0-next.1"
+    "@dialpad/dialtone-icons": "4.54.0",
+    "@dialpad/dialtone-emojis": "1.2.5"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "10.3.0",
     "@storybook/addon-docs": "10.3.0",
     "@storybook/addon-links": "10.3.0",
-    "@storybook/test-runner": "^0.24.2",
+    "@storybook/test-runner": "^0.24.4",
     "@storybook/vue3-vite": "10.3.0",
-    "@vitejs/plugin-react": "6.0.1",
     "@vue/test-utils": "^2.4.0",
     "@vueless/storybook-dark-mode": "^10.0.7",
     "react": "19.2.4",
-    "react-dom": "19.2.4",
     "storybook": "10.3.0",
     "vue": "^3.3.4",
-    "@dialpad/dialtone-css": "8.80.0-next.9",
+    "@dialpad/dialtone-css": "8.80.0",
     "@dialpad/generator-dialtone": "0.1.0"
   },
   "peerDependencies": {
     "vue": ">=3.2",
-    "@dialpad/dialtone-css": "^8.80.0-next.9"
+    "@dialpad/dialtone-css": "^8.80.0"
   },
   "bugs": {
     "email": "dialtone@dialpad.com"

package/dist/Combobox-By01ETlj.js

@@ -1,229 +0,0 @@
-import { COMPONENT_SIZES as e } from "./common/constants/sizes.js";
-import { getUniqueString as t, hasSlotContent as n } from "./common/utils/index.js";
-import { t as r } from "./_plugin-vue_export-helper-BTgDAbhb.js";
-import i from "./common/mixins/keyboard-list-navigation.js";
-import a from "./lib/combobox/combobox-loading-list.js";
-import o from "./lib/combobox/combobox-empty-list.js";
-import { COMBOBOX_LABEL_SIZES as s } from "./lib/combobox/combobox-constants.js";
-import { createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, mergeProps as f, normalizeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, withCtx as _, withKeys as v, withModifiers as y } from "vue";
-//#region components/Combobox/Combobox.vue
-var b = {
-	name: "DtCombobox",
-	components: {
-		ComboboxLoadingList: a,
-		ComboboxEmptyList: o
-	},
-	mixins: [i({
-		indexKey: "highlightIndex",
-		idKey: "highlightId",
-		listElementKey: "getListElement",
-		afterHighlightMethod: "afterHighlight",
-		beginningOfListMethod: "beginningOfListMethod",
-		endOfListMethod: "endOfListMethod",
-		activeItemKey: "activeItemEl"
-	})],
-	props: {
-		label: {
-			type: String,
-			required: !0
-		},
-		showLabel: {
-			type: Boolean,
-			default: !0
-		},
-		size: {
-			type: [String, Number],
-			default: null,
-			validator: (t) => t === null || Object.values(s).includes(t) || Object.keys(e).includes(String(t))
-		},
-		description: {
-			type: String,
-			default: ""
-		},
-		listId: {
-			type: String,
-			default() {
-				return t();
-			}
-		},
-		onBeginningOfList: {
-			type: Function,
-			default: null
-		},
-		onEndOfList: {
-			type: Function,
-			default: null
-		},
-		showList: {
-			type: Boolean,
-			default: !1
-		},
-		listRenderedOutside: {
-			type: Boolean,
-			default: !1
-		},
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		emptyList: {
-			type: Boolean,
-			default: !1
-		},
-		emptyStateMessage: {
-			type: String,
-			default: ""
-		},
-		emptyStateClass: {
-			type: [
-				String,
-				Object,
-				Array
-			],
-			default: ""
-		},
-		clickOnSelect: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: [
-		"select",
-		"escape",
-		"highlight",
-		"opened"
-	],
-	data() {
-		return {
-			outsideRenderedListRef: null,
-			hasSlotContent: n
-		};
-	},
-	computed: {
-		inputProps() {
-			return {
-				label: this.label,
-				showLabel: this.showLabel,
-				size: this.size,
-				description: this.description,
-				role: "combobox",
-				"aria-label": this.label,
-				"aria-expanded": this.showList.toString(),
-				"aria-owns": this.listId,
-				"aria-haspopup": "listbox",
-				"aria-activedescendant": this.activeItemId,
-				"aria-controls": this.listId
-			};
-		},
-		listProps() {
-			return {
-				role: "listbox",
-				id: this.listId,
-				class: "d-ps-relative",
-				"aria-label": this.label
-			};
-		},
-		beginningOfListMethod() {
-			return this.onBeginningOfList || this.jumpToEnd;
-		},
-		endOfListMethod() {
-			return this.onEndOfList || this.jumpToBeginning;
-		},
-		activeItemId() {
-			if (!(!this.showList || this.highlightIndex < 0 || this.loading)) return this.highlightId;
-		},
-		activeItemEl() {
-			return this.highlightId ? this.getListElement().querySelector("#" + this.highlightId) : "";
-		}
-	},
-	watch: {
-		showList(e) {
-			this.listRenderedOutside || (this.setInitialHighlightIndex(), this.$emit("opened", e)), !e && this.outsideRenderedListRef && (this.outsideRenderedListRef.removeEventListener("mousemove", this.onMouseHighlight), this.outsideRenderedListRef = null);
-		},
-		loading() {
-			this.$nextTick(() => {
-				this.setInitialHighlightIndex();
-			});
-		},
-		$props: {
-			deep: !0,
-			immediate: !0,
-			handler() {
-				this.validateEmptyListProps();
-			}
-		}
-	},
-	created() {
-		this.validateEmptyListProps();
-	},
-	methods: {
-		onMouseHighlight(e) {
-			if (this.loading) return;
-			let t = e.target.closest("li");
-			t && this.highlightId !== t.id && this.setHighlightId(t.id);
-		},
-		getListElement() {
-			return this.outsideRenderedListRef ?? this.$refs.listWrapper?.querySelector(`#${this.listId}`);
-		},
-		clearHighlightIndex() {
-			this.showList && this.setHighlightIndex(-1);
-		},
-		afterHighlight() {
-			this.loading || this.$emit("highlight", this.highlightIndex);
-		},
-		onEnterKey() {
-			this.loading || this.emptyList || this.highlightIndex >= 0 && (this.$emit("select", this.highlightIndex), this.clickOnSelect && this.activeItemEl?.click());
-		},
-		onEscapeKey() {
-			this.$emit("escape");
-		},
-		onOpen(e, t) {
-			this.outsideRenderedListRef = t, this.outsideRenderedListRef?.addEventListener("mousemove", this.onMouseHighlight), this.$emit("opened", e), e && this.setInitialHighlightIndex();
-		},
-		onKeyValidation(e, t) {
-			!this.showList || !this.getListElement() || this[t](e);
-		},
-		setInitialHighlightIndex() {
-			this.showList && this.$nextTick(() => {
-				this.setHighlightIndex(this.loading ? -1 : 0);
-			});
-		},
-		validateEmptyListProps() {
-			this.$slots.emptyListItem || this.emptyList && !this.emptyStateMessage && console.error("Invalid props: you must pass both props emptyList and emptyStateMessage to show the\n      empty message.");
-		}
-	}
-}, x = { "data-qa": "dt-combobox-input-wrapper" };
-function S(e, t, n, r, i, a) {
-	let o = g("combobox-loading-list"), s = g("combobox-empty-list");
-	return m(), u("div", { onKeydown: [
-		t[3] || (t[3] = v(y((e) => a.onKeyValidation(e, "onEscapeKey"), ["stop"]), ["esc"])),
-		t[4] || (t[4] = v(y((e) => a.onKeyValidation(e, "onEnterKey"), ["exact"]), ["enter"])),
-		t[5] || (t[5] = v(y((e) => a.onKeyValidation(e, "onUpKey"), ["stop", "prevent"]), ["up"])),
-		t[6] || (t[6] = v(y((e) => a.onKeyValidation(e, "onDownKey"), ["stop", "prevent"]), ["down"])),
-		t[7] || (t[7] = v(y((e) => a.onKeyValidation(e, "onHomeKey"), ["stop", "prevent"]), ["home"])),
-		t[8] || (t[8] = v(y((e) => a.onKeyValidation(e, "onEndKey"), ["stop", "prevent"]), ["end"]))
-	] }, [d("div", x, [h(e.$slots, "input", { inputProps: a.inputProps })]), n.showList ? (m(), u("div", {
-		key: 0,
-		ref: "listWrapper",
-		"data-qa": "dt-combobox-list-wrapper",
-		onMouseleave: t[0] || (t[0] = (...e) => a.clearHighlightIndex && a.clearHighlightIndex(...e)),
-		onFocusout: t[1] || (t[1] = (...e) => a.clearHighlightIndex && a.clearHighlightIndex(...e)),
-		onMousemoveCapture: t[2] || (t[2] = (...e) => a.onMouseHighlight && a.onMouseHighlight(...e))
-	}, [n.loading && !n.listRenderedOutside ? (m(), c(o, p(f({ key: 0 }, a.listProps)), null, 16)) : n.emptyList && (n.emptyStateMessage || i.hasSlotContent(e.$slots.emptyListItem)) && !n.listRenderedOutside ? (m(), c(s, f({ key: 1 }, a.listProps, {
-		message: n.emptyStateMessage,
-		"item-class": n.emptyStateClass
-	}), {
-		default: _(() => [h(e.$slots, "emptyListItem")]),
-		_: 3
-	}, 16, ["message", "item-class"])) : h(e.$slots, "list", {
-		key: 2,
-		listProps: a.listProps,
-		opened: a.onOpen,
-		clearHighlightIndex: a.clearHighlightIndex
-	})], 544)) : l("", !0)], 32);
-}
-var C = /* @__PURE__ */ r(b, [["render", S]]);
-//#endregion
-export { C as t };
-
-//# sourceMappingURL=Combobox-By01ETlj.js.map

package/dist/Combobox-By01ETlj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox-By01ETlj.js","names":[],"sources":["../components/Combobox/Combobox.vue"],"sourcesContent":["<!-- eslint-disable vuejs-accessibility/no-static-element-interactions -->\n<template>\n  <div\n    @keydown.esc.stop=\"onKeyValidation($event, 'onEscapeKey')\"\n    @keydown.enter.exact=\"onKeyValidation($event, 'onEnterKey')\"\n    @keydown.up.stop.prevent=\"onKeyValidation($event, 'onUpKey')\"\n    @keydown.down.stop.prevent=\"onKeyValidation($event, 'onDownKey')\"\n    @keydown.home.stop.prevent=\"onKeyValidation($event, 'onHomeKey')\"\n    @keydown.end.stop.prevent=\"onKeyValidation($event, 'onEndKey')\"\n  >\n    <div data-qa=\"dt-combobox-input-wrapper\">\n      <!-- @slot Slot for the combobox input element -->\n      <slot\n        name=\"input\"\n        :input-props=\"inputProps\"\n      />\n    </div>\n\n    <div\n      v-if=\"showList\"\n      ref=\"listWrapper\"\n      data-qa=\"dt-combobox-list-wrapper\"\n      @mouseleave=\"clearHighlightIndex\"\n      @focusout=\"clearHighlightIndex\"\n      @mousemove.capture=\"onMouseHighlight\"\n    >\n      <combobox-loading-list\n        v-if=\"loading && !listRenderedOutside\"\n        v-bind=\"listProps\"\n      />\n      <combobox-empty-list\n        v-else-if=\"emptyList && (emptyStateMessage || hasSlotContent($slots.emptyListItem)) && !listRenderedOutside\"\n        v-bind=\"listProps\"\n        :message=\"emptyStateMessage\"\n        :item-class=\"emptyStateClass\"\n      >\n        <slot name=\"emptyListItem\" />\n      </combobox-empty-list>\n      <!-- @slot Slot for the combobox list element -->\n      <slot\n        v-else\n        name=\"list\"\n        :list-props=\"listProps\"\n        :opened=\"onOpen\"\n        :clear-highlight-index=\"clearHighlightIndex\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport ComboboxLoadingList from './ComboboxLoadingList.vue';\nimport ComboboxEmptyList from './ComboboxEmptyList.vue';\nimport { DtKeyboardListNavigationMixin } from '@/common/mixins';\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\nimport { COMBOBOX_LABEL_SIZES } from '@/components/Combobox';\nimport { COMPONENT_SIZES } from '@/common/constants';\n\n/**\n * A combobox is a semantic component that displays an input element combined with a listbox,\n * which enables the user to select items from the list.\n * @see https://dialtone.dialpad.com/components/combobox.html\n */\nexport default {\n  name: 'DtCombobox',\n\n  components: {\n    ComboboxLoadingList,\n    ComboboxEmptyList,\n  },\n\n  mixins: [\n    DtKeyboardListNavigationMixin({\n      indexKey: 'highlightIndex',\n      idKey: 'highlightId',\n      listElementKey: 'getListElement',\n      afterHighlightMethod: 'afterHighlight',\n      beginningOfListMethod: 'beginningOfListMethod',\n      endOfListMethod: 'endOfListMethod',\n      activeItemKey: 'activeItemEl',\n    }),\n  ],\n\n  props: {\n    /**\n     * String to use for the input label.\n     */\n    label: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Determines visibility of input label.\n     * @values true, false\n     */\n    showLabel: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Size of the input.\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: null,\n      validator: (t) => t === null\n        || Object.values(COMBOBOX_LABEL_SIZES).includes(t)\n        || Object.keys(COMPONENT_SIZES).includes(String(t)),\n    },\n\n    /**\n     * Description for the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Sets an ID on the list element of the component. Used by several aria attributes\n     * as well as when deriving the IDs for each item.\n     */\n    listId: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * A method that will be called when the selection goes past the beginning of the list.\n     */\n    onBeginningOfList: {\n      type: Function,\n      default: null,\n    },\n\n    /**\n     * A method that will be called when the selection goes past the end of the list.\n     */\n    onEndOfList: {\n      type: Function,\n      default: null,\n    },\n\n    /**\n     * Determines when to show the list element and also controls the aria-expanded attribute.\n     * @values true, false\n     */\n    showList: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If the list is rendered outside the component, like when using popover as the list wrapper.\n     * @values true, false\n     */\n    listRenderedOutside: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines when to show the skeletons and also controls aria-busy attribute.\n     * @values true, false\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.\n     * @values true, false\n     */\n    emptyList: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Message to show when the list is empty\n     */\n    emptyStateMessage: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the empty list element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    emptyStateClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Programmatically click on the active list item element when a selection\n     * comes from keyboard navigation, i.e. pressing the \"Enter\" key.\n     * @values true, false\n     */\n    clickOnSelect: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired when item selected\n     *\n     * @event select\n     * @type {Number}\n     */\n    'select',\n\n    /**\n     * Event fired when pressing escape\n     *\n     * @event escape\n     */\n    'escape',\n\n    /**\n     * Event fired when the highlight changes\n     *\n     * @event highlight\n     * @type {Number}\n     */\n    'highlight',\n\n    /**\n     * Event fired when list is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean}\n     */\n    'opened',\n  ],\n\n  data () {\n    return {\n      // If the list is rendered at the root, rather than as a child\n      // of this component, this is the ref to that dom element. Set\n      // by the onOpen method.\n      outsideRenderedListRef: null,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputProps () {\n      return {\n        label: this.label,\n        showLabel: this.showLabel,\n        size: this.size,\n        description: this.description,\n        role: 'combobox',\n        'aria-label': this.label,\n        'aria-expanded': this.showList.toString(),\n        'aria-owns': this.listId,\n        'aria-haspopup': 'listbox',\n        'aria-activedescendant': this.activeItemId,\n        'aria-controls': this.listId,\n      };\n    },\n\n    listProps () {\n      return {\n        role: 'listbox',\n        id: this.listId,\n        // The list has to be positioned relatively so that the auto-scroll can\n        // calculate the correct offset for the list items.\n        class: 'd-ps-relative',\n        'aria-label': this.label,\n      };\n    },\n\n    beginningOfListMethod () {\n      return this.onBeginningOfList || this.jumpToEnd;\n    },\n\n    endOfListMethod () {\n      return this.onEndOfList || this.jumpToBeginning;\n    },\n\n    activeItemId () {\n      if (!this.showList || this.highlightIndex < 0 || this.loading) {\n        return;\n      }\n      return this.highlightId;\n    },\n\n    activeItemEl () {\n      if (!this.highlightId) return '';\n      return this.getListElement().querySelector('#' + this.highlightId);\n    },\n  },\n\n  watch: {\n    showList (showList) {\n      // When the list's visibility changes reset the highlight index.\n\n      if (!this.listRenderedOutside) {\n        this.setInitialHighlightIndex();\n        this.$emit('opened', showList);\n      }\n\n      if (!showList && this.outsideRenderedListRef) {\n        this.outsideRenderedListRef.removeEventListener('mousemove', this.onMouseHighlight);\n        this.outsideRenderedListRef = null;\n      }\n    },\n\n    loading () {\n      this.$nextTick(() => {\n        this.setInitialHighlightIndex();\n      });\n    },\n\n    $props: {\n      deep: true,\n      immediate: true,\n      handler () {\n        this.validateEmptyListProps();\n      },\n    },\n  },\n\n  created () {\n    this.validateEmptyListProps();\n  },\n\n  methods: {\n    onMouseHighlight (e) {\n      if (this.loading) return;\n\n      const liElement = e.target.closest('li');\n\n      if (liElement && this.highlightId !== liElement.id) {\n        this.setHighlightId(liElement.id);\n      }\n    },\n\n    getListElement () {\n      return this.outsideRenderedListRef ?? this.$refs.listWrapper?.querySelector(`#${this.listId}`);\n    },\n\n    clearHighlightIndex () {\n      if (this.showList) {\n        this.setHighlightIndex(-1);\n      }\n    },\n\n    afterHighlight () {\n      if (this.loading) return;\n      this.$emit('highlight', this.highlightIndex);\n    },\n\n    onEnterKey () {\n      if (this.loading || this.emptyList) return;\n\n      if (this.highlightIndex >= 0) {\n        this.$emit('select', this.highlightIndex);\n\n        if (this.clickOnSelect) {\n          this.activeItemEl?.click();\n        }\n      }\n    },\n\n    onEscapeKey () {\n      this.$emit('escape');\n    },\n\n    onOpen (open, contentRef) {\n      this.outsideRenderedListRef = contentRef;\n      this.outsideRenderedListRef?.addEventListener('mousemove', this.onMouseHighlight);\n      this.$emit('opened', open);\n\n      if (open) {\n        this.setInitialHighlightIndex();\n      }\n    },\n\n    onKeyValidation (e, eventHandler) {\n      if (!this.showList || !this.getListElement()) return;\n\n      this[eventHandler](e);\n    },\n\n    setInitialHighlightIndex () {\n      if (!this.showList) return;\n      this.$nextTick(() => {\n      // When the list's is shown, reset the highlight index.\n      // If the list is loading, set to -1\n        this.setHighlightIndex(this.loading ? -1 : 0);\n      });\n    },\n\n    validateEmptyListProps () {\n      if (this.$slots.emptyListItem) { return; }\n\n      if (this.emptyList && !this.emptyStateMessage) {\n        console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the\n      empty message.`);\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/Combobox-D4hc1-41.cjs

@@ -1,3 +0,0 @@
-require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./common/constants/sizes.cjs`),t=require(`./common/utils/index.cjs`),n=require(`./_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`./common/mixins/keyboard-list-navigation.cjs`),i=require(`./lib/combobox/combobox-loading-list.cjs`),a=require(`./lib/combobox/combobox-empty-list.cjs`),o=require(`./lib/combobox/combobox-constants.cjs`);let s=require(`vue`);var c={name:`DtCombobox`,components:{ComboboxLoadingList:i.default,ComboboxEmptyList:a.default},mixins:[r.default({indexKey:`highlightIndex`,idKey:`highlightId`,listElementKey:`getListElement`,afterHighlightMethod:`afterHighlight`,beginningOfListMethod:`beginningOfListMethod`,endOfListMethod:`endOfListMethod`,activeItemKey:`activeItemEl`})],props:{label:{type:String,required:!0},showLabel:{type:Boolean,default:!0},size:{type:[String,Number],default:null,validator:t=>t===null||Object.values(o.COMBOBOX_LABEL_SIZES).includes(t)||Object.keys(e.COMPONENT_SIZES).includes(String(t))},description:{type:String,default:``},listId:{type:String,default(){return t.getUniqueString()}},onBeginningOfList:{type:Function,default:null},onEndOfList:{type:Function,default:null},showList:{type:Boolean,default:!1},listRenderedOutside:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},emptyList:{type:Boolean,default:!1},emptyStateMessage:{type:String,default:``},emptyStateClass:{type:[String,Object,Array],default:``},clickOnSelect:{type:Boolean,default:!1}},emits:[`select`,`escape`,`highlight`,`opened`],data(){return{outsideRenderedListRef:null,hasSlotContent:t.hasSlotContent}},computed:{inputProps(){return{label:this.label,showLabel:this.showLabel,size:this.size,description:this.description,role:`combobox`,"aria-label":this.label,"aria-expanded":this.showList.toString(),"aria-owns":this.listId,"aria-haspopup":`listbox`,"aria-activedescendant":this.activeItemId,"aria-controls":this.listId}},listProps(){return{role:`listbox`,id:this.listId,class:`d-ps-relative`,"aria-label":this.label}},beginningOfListMethod(){return this.onBeginningOfList||this.jumpToEnd},endOfListMethod(){return this.onEndOfList||this.jumpToBeginning},activeItemId(){if(!(!this.showList||this.highlightIndex<0||this.loading))return this.highlightId},activeItemEl(){return this.highlightId?this.getListElement().querySelector(`#`+this.highlightId):``}},watch:{showList(e){this.listRenderedOutside||(this.setInitialHighlightIndex(),this.$emit(`opened`,e)),!e&&this.outsideRenderedListRef&&(this.outsideRenderedListRef.removeEventListener(`mousemove`,this.onMouseHighlight),this.outsideRenderedListRef=null)},loading(){this.$nextTick(()=>{this.setInitialHighlightIndex()})},$props:{deep:!0,immediate:!0,handler(){this.validateEmptyListProps()}}},created(){this.validateEmptyListProps()},methods:{onMouseHighlight(e){if(this.loading)return;let t=e.target.closest(`li`);t&&this.highlightId!==t.id&&this.setHighlightId(t.id)},getListElement(){return this.outsideRenderedListRef??this.$refs.listWrapper?.querySelector(`#${this.listId}`)},clearHighlightIndex(){this.showList&&this.setHighlightIndex(-1)},afterHighlight(){this.loading||this.$emit(`highlight`,this.highlightIndex)},onEnterKey(){this.loading||this.emptyList||this.highlightIndex>=0&&(this.$emit(`select`,this.highlightIndex),this.clickOnSelect&&this.activeItemEl?.click())},onEscapeKey(){this.$emit(`escape`)},onOpen(e,t){this.outsideRenderedListRef=t,this.outsideRenderedListRef?.addEventListener(`mousemove`,this.onMouseHighlight),this.$emit(`opened`,e),e&&this.setInitialHighlightIndex()},onKeyValidation(e,t){!this.showList||!this.getListElement()||this[t](e)},setInitialHighlightIndex(){this.showList&&this.$nextTick(()=>{this.setHighlightIndex(this.loading?-1:0)})},validateEmptyListProps(){this.$slots.emptyListItem||this.emptyList&&!this.emptyStateMessage&&console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the
-      empty message.`)}}},l={"data-qa":`dt-combobox-input-wrapper`};function u(e,t,n,r,i,a){let o=(0,s.resolveComponent)(`combobox-loading-list`),c=(0,s.resolveComponent)(`combobox-empty-list`);return(0,s.openBlock)(),(0,s.createElementBlock)(`div`,{onKeydown:[t[3]||(t[3]=(0,s.withKeys)((0,s.withModifiers)(e=>a.onKeyValidation(e,`onEscapeKey`),[`stop`]),[`esc`])),t[4]||(t[4]=(0,s.withKeys)((0,s.withModifiers)(e=>a.onKeyValidation(e,`onEnterKey`),[`exact`]),[`enter`])),t[5]||(t[5]=(0,s.withKeys)((0,s.withModifiers)(e=>a.onKeyValidation(e,`onUpKey`),[`stop`,`prevent`]),[`up`])),t[6]||(t[6]=(0,s.withKeys)((0,s.withModifiers)(e=>a.onKeyValidation(e,`onDownKey`),[`stop`,`prevent`]),[`down`])),t[7]||(t[7]=(0,s.withKeys)((0,s.withModifiers)(e=>a.onKeyValidation(e,`onHomeKey`),[`stop`,`prevent`]),[`home`])),t[8]||(t[8]=(0,s.withKeys)((0,s.withModifiers)(e=>a.onKeyValidation(e,`onEndKey`),[`stop`,`prevent`]),[`end`]))]},[(0,s.createElementVNode)(`div`,l,[(0,s.renderSlot)(e.$slots,`input`,{inputProps:a.inputProps})]),n.showList?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,ref:`listWrapper`,"data-qa":`dt-combobox-list-wrapper`,onMouseleave:t[0]||(t[0]=(...e)=>a.clearHighlightIndex&&a.clearHighlightIndex(...e)),onFocusout:t[1]||(t[1]=(...e)=>a.clearHighlightIndex&&a.clearHighlightIndex(...e)),onMousemoveCapture:t[2]||(t[2]=(...e)=>a.onMouseHighlight&&a.onMouseHighlight(...e))},[n.loading&&!n.listRenderedOutside?((0,s.openBlock)(),(0,s.createBlock)(o,(0,s.normalizeProps)((0,s.mergeProps)({key:0},a.listProps)),null,16)):n.emptyList&&(n.emptyStateMessage||i.hasSlotContent(e.$slots.emptyListItem))&&!n.listRenderedOutside?((0,s.openBlock)(),(0,s.createBlock)(c,(0,s.mergeProps)({key:1},a.listProps,{message:n.emptyStateMessage,"item-class":n.emptyStateClass}),{default:(0,s.withCtx)(()=>[(0,s.renderSlot)(e.$slots,`emptyListItem`)]),_:3},16,[`message`,`item-class`])):(0,s.renderSlot)(e.$slots,`list`,{key:2,listProps:a.listProps,opened:a.onOpen,clearHighlightIndex:a.clearHighlightIndex})],544)):(0,s.createCommentVNode)(``,!0)],32)}var d=n.t(c,[[`render`,u]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
-//# sourceMappingURL=Combobox-D4hc1-41.cjs.map

package/dist/Combobox-D4hc1-41.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox-D4hc1-41.cjs","names":[],"sources":["../components/Combobox/Combobox.vue"],"sourcesContent":["<!-- eslint-disable vuejs-accessibility/no-static-element-interactions -->\n<template>\n  <div\n    @keydown.esc.stop=\"onKeyValidation($event, 'onEscapeKey')\"\n    @keydown.enter.exact=\"onKeyValidation($event, 'onEnterKey')\"\n    @keydown.up.stop.prevent=\"onKeyValidation($event, 'onUpKey')\"\n    @keydown.down.stop.prevent=\"onKeyValidation($event, 'onDownKey')\"\n    @keydown.home.stop.prevent=\"onKeyValidation($event, 'onHomeKey')\"\n    @keydown.end.stop.prevent=\"onKeyValidation($event, 'onEndKey')\"\n  >\n    <div data-qa=\"dt-combobox-input-wrapper\">\n      <!-- @slot Slot for the combobox input element -->\n      <slot\n        name=\"input\"\n        :input-props=\"inputProps\"\n      />\n    </div>\n\n    <div\n      v-if=\"showList\"\n      ref=\"listWrapper\"\n      data-qa=\"dt-combobox-list-wrapper\"\n      @mouseleave=\"clearHighlightIndex\"\n      @focusout=\"clearHighlightIndex\"\n      @mousemove.capture=\"onMouseHighlight\"\n    >\n      <combobox-loading-list\n        v-if=\"loading && !listRenderedOutside\"\n        v-bind=\"listProps\"\n      />\n      <combobox-empty-list\n        v-else-if=\"emptyList && (emptyStateMessage || hasSlotContent($slots.emptyListItem)) && !listRenderedOutside\"\n        v-bind=\"listProps\"\n        :message=\"emptyStateMessage\"\n        :item-class=\"emptyStateClass\"\n      >\n        <slot name=\"emptyListItem\" />\n      </combobox-empty-list>\n      <!-- @slot Slot for the combobox list element -->\n      <slot\n        v-else\n        name=\"list\"\n        :list-props=\"listProps\"\n        :opened=\"onOpen\"\n        :clear-highlight-index=\"clearHighlightIndex\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport ComboboxLoadingList from './ComboboxLoadingList.vue';\nimport ComboboxEmptyList from './ComboboxEmptyList.vue';\nimport { DtKeyboardListNavigationMixin } from '@/common/mixins';\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\nimport { COMBOBOX_LABEL_SIZES } from '@/components/Combobox';\nimport { COMPONENT_SIZES } from '@/common/constants';\n\n/**\n * A combobox is a semantic component that displays an input element combined with a listbox,\n * which enables the user to select items from the list.\n * @see https://dialtone.dialpad.com/components/combobox.html\n */\nexport default {\n  name: 'DtCombobox',\n\n  components: {\n    ComboboxLoadingList,\n    ComboboxEmptyList,\n  },\n\n  mixins: [\n    DtKeyboardListNavigationMixin({\n      indexKey: 'highlightIndex',\n      idKey: 'highlightId',\n      listElementKey: 'getListElement',\n      afterHighlightMethod: 'afterHighlight',\n      beginningOfListMethod: 'beginningOfListMethod',\n      endOfListMethod: 'endOfListMethod',\n      activeItemKey: 'activeItemEl',\n    }),\n  ],\n\n  props: {\n    /**\n     * String to use for the input label.\n     */\n    label: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Determines visibility of input label.\n     * @values true, false\n     */\n    showLabel: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Size of the input.\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: null,\n      validator: (t) => t === null\n        || Object.values(COMBOBOX_LABEL_SIZES).includes(t)\n        || Object.keys(COMPONENT_SIZES).includes(String(t)),\n    },\n\n    /**\n     * Description for the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Sets an ID on the list element of the component. Used by several aria attributes\n     * as well as when deriving the IDs for each item.\n     */\n    listId: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * A method that will be called when the selection goes past the beginning of the list.\n     */\n    onBeginningOfList: {\n      type: Function,\n      default: null,\n    },\n\n    /**\n     * A method that will be called when the selection goes past the end of the list.\n     */\n    onEndOfList: {\n      type: Function,\n      default: null,\n    },\n\n    /**\n     * Determines when to show the list element and also controls the aria-expanded attribute.\n     * @values true, false\n     */\n    showList: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If the list is rendered outside the component, like when using popover as the list wrapper.\n     * @values true, false\n     */\n    listRenderedOutside: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines when to show the skeletons and also controls aria-busy attribute.\n     * @values true, false\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.\n     * @values true, false\n     */\n    emptyList: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Message to show when the list is empty\n     */\n    emptyStateMessage: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the empty list element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    emptyStateClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Programmatically click on the active list item element when a selection\n     * comes from keyboard navigation, i.e. pressing the \"Enter\" key.\n     * @values true, false\n     */\n    clickOnSelect: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired when item selected\n     *\n     * @event select\n     * @type {Number}\n     */\n    'select',\n\n    /**\n     * Event fired when pressing escape\n     *\n     * @event escape\n     */\n    'escape',\n\n    /**\n     * Event fired when the highlight changes\n     *\n     * @event highlight\n     * @type {Number}\n     */\n    'highlight',\n\n    /**\n     * Event fired when list is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean}\n     */\n    'opened',\n  ],\n\n  data () {\n    return {\n      // If the list is rendered at the root, rather than as a child\n      // of this component, this is the ref to that dom element. Set\n      // by the onOpen method.\n      outsideRenderedListRef: null,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputProps () {\n      return {\n        label: this.label,\n        showLabel: this.showLabel,\n        size: this.size,\n        description: this.description,\n        role: 'combobox',\n        'aria-label': this.label,\n        'aria-expanded': this.showList.toString(),\n        'aria-owns': this.listId,\n        'aria-haspopup': 'listbox',\n        'aria-activedescendant': this.activeItemId,\n        'aria-controls': this.listId,\n      };\n    },\n\n    listProps () {\n      return {\n        role: 'listbox',\n        id: this.listId,\n        // The list has to be positioned relatively so that the auto-scroll can\n        // calculate the correct offset for the list items.\n        class: 'd-ps-relative',\n        'aria-label': this.label,\n      };\n    },\n\n    beginningOfListMethod () {\n      return this.onBeginningOfList || this.jumpToEnd;\n    },\n\n    endOfListMethod () {\n      return this.onEndOfList || this.jumpToBeginning;\n    },\n\n    activeItemId () {\n      if (!this.showList || this.highlightIndex < 0 || this.loading) {\n        return;\n      }\n      return this.highlightId;\n    },\n\n    activeItemEl () {\n      if (!this.highlightId) return '';\n      return this.getListElement().querySelector('#' + this.highlightId);\n    },\n  },\n\n  watch: {\n    showList (showList) {\n      // When the list's visibility changes reset the highlight index.\n\n      if (!this.listRenderedOutside) {\n        this.setInitialHighlightIndex();\n        this.$emit('opened', showList);\n      }\n\n      if (!showList && this.outsideRenderedListRef) {\n        this.outsideRenderedListRef.removeEventListener('mousemove', this.onMouseHighlight);\n        this.outsideRenderedListRef = null;\n      }\n    },\n\n    loading () {\n      this.$nextTick(() => {\n        this.setInitialHighlightIndex();\n      });\n    },\n\n    $props: {\n      deep: true,\n      immediate: true,\n      handler () {\n        this.validateEmptyListProps();\n      },\n    },\n  },\n\n  created () {\n    this.validateEmptyListProps();\n  },\n\n  methods: {\n    onMouseHighlight (e) {\n      if (this.loading) return;\n\n      const liElement = e.target.closest('li');\n\n      if (liElement && this.highlightId !== liElement.id) {\n        this.setHighlightId(liElement.id);\n      }\n    },\n\n    getListElement () {\n      return this.outsideRenderedListRef ?? this.$refs.listWrapper?.querySelector(`#${this.listId}`);\n    },\n\n    clearHighlightIndex () {\n      if (this.showList) {\n        this.setHighlightIndex(-1);\n      }\n    },\n\n    afterHighlight () {\n      if (this.loading) return;\n      this.$emit('highlight', this.highlightIndex);\n    },\n\n    onEnterKey () {\n      if (this.loading || this.emptyList) return;\n\n      if (this.highlightIndex >= 0) {\n        this.$emit('select', this.highlightIndex);\n\n        if (this.clickOnSelect) {\n          this.activeItemEl?.click();\n        }\n      }\n    },\n\n    onEscapeKey () {\n      this.$emit('escape');\n    },\n\n    onOpen (open, contentRef) {\n      this.outsideRenderedListRef = contentRef;\n      this.outsideRenderedListRef?.addEventListener('mousemove', this.onMouseHighlight);\n      this.$emit('opened', open);\n\n      if (open) {\n        this.setInitialHighlightIndex();\n      }\n    },\n\n    onKeyValidation (e, eventHandler) {\n      if (!this.showList || !this.getListElement()) return;\n\n      this[eventHandler](e);\n    },\n\n    setInitialHighlightIndex () {\n      if (!this.showList) return;\n      this.$nextTick(() => {\n      // When the list's is shown, reset the highlight index.\n      // If the list is loading, set to -1\n        this.setHighlightIndex(this.loading ? -1 : 0);\n      });\n    },\n\n    validateEmptyListProps () {\n      if (this.$slots.emptyListItem) { return; }\n\n      if (this.emptyList && !this.emptyStateMessage) {\n        console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the\n      empty message.`);\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}