import { C as e, i as t } from "./components-DaDed2hn.js";
import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
import { t as r } from "./displayText-CtaxzaBz.js";
import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
//#region src/components/on-demand/wt-display-chip-items/wt-display-chip-items.vue?vue&type=script&setup=true&lang.ts
var _ = { class: "wt-display-chip-items" }, v = { key: 0 }, y = ["onClick"], b = /*#__PURE__*/ n(/* @__PURE__ */ u({
	__name: "wt-display-chip-items",
	props: {
		hideFirstItem: { type: Boolean },
		useEmptySymbol: { type: Boolean },
		title: {},
		items: {}
	},
	setup(n) {
		let u = n, b = a(() => u.items?.length ? u.items[0]?.name : u.useEmptySymbol ? "-" : ""), x = a(() => u.items?.length ? u.hideFirstItem ? u.items : u.items.slice(1) : []);
		return (a, S) => (d(), s("div", _, [
			u.title ? (d(), s("p", v, m(n.title) + ":", 1)) : o("", !0),
			u.hideFirstItem ? o("", !0) : p(a.$slots, "first-item", { key: 1 }, () => [c(m(h(r)(b.value)), 1)], !0),
			l(h(t), null, {
				activator: g(({ toggle: t }) => [p(a.$slots, "activator", { toggle: t }, () => [x.value.length ? (d(), s("div", {
					key: 0,
					onClick: t
				}, [l(h(e), null, {
					default: g(() => [c(" +" + m(x.value.length), 1)], void 0, !0),
					_: 1
				})], 8, y)) : o("", !0)], !0)]),
				default: g(() => [p(a.$slots, "items", { items: x.value }, () => [(d(!0), s(i, null, f(x.value, ({ name: e, id: t }) => (d(), s("div", { key: t }, m(e), 1))), 128))], !0)]),
				_: 3
			})
		]));
	}
}), [["__scopeId", "data-v-4c67fbb7"]]);
//#endregion
export { b as default };
