@nubisco/ui 5.19.1 → 5.21.0

package/dist/Select-DIw08nte.js

@@ -1,437 +0,0 @@
-import { t as e } from "./Icon-rREAqsu0.js";
-import { t } from "./Label-DGK5nxFy.js";
-import { t as n } from "./Message-CHkTWe0K.js";
-import { t as r } from "./Grid-iox-7xyH.js";
-import { useMenuSurface as i } from "./composables/useMenuSurface.composable.mjs";
-import { Fragment as a, Teleport as ee, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, normalizeStyle as te, onBeforeUnmount as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useId as C, vModelText as ne, watch as re, withCtx as w, withDirectives as ie, withKeys as ae, withModifiers as T } from "vue";
-import { regular as E } from "@nubisco/ui/icons/caret-down";
-import { regular as D } from "@nubisco/ui/icons/caret-up";
-//#region src/components/Select.vue?vue&type=script&setup=true&lang.ts
-var oe = [
-	"id",
-	"aria-expanded",
-	"aria-disabled",
-	"aria-required",
-	"disabled"
-], se = [
-	"id",
-	"aria-expanded",
-	"aria-disabled",
-	"aria-required",
-	"disabled"
-], O = {
-	key: 1,
-	class: "nb-select__inner-label"
-}, ce = {
-	key: 0,
-	class: "nb-select__asterisk",
-	"aria-hidden": "true"
-}, le = ["aria-multiselectable"], ue = ["aria-labelledby"], de = ["id"], fe = [
-	"aria-selected",
-	"aria-disabled",
-	"onMouseenter",
-	"onClick"
-], pe = {
-	key: 0,
-	class: "nb-select__option-check",
-	"aria-hidden": "true"
-}, me = {
-	key: 0,
-	viewBox: "0 0 10 8",
-	fill: "none",
-	width: "10",
-	height: "8"
-}, he = { class: "nb-select__option-label" }, ge = {
-	key: 0,
-	class: "nb-select__empty"
-}, _e = ["placeholder", "onKeydown"], k = /* @__PURE__ */ p({
-	__name: "Select",
-	props: {
-		modelValue: { default: null },
-		options: { default: () => [] },
-		multiple: {
-			type: Boolean,
-			default: !1
-		},
-		creatable: {
-			type: Boolean,
-			default: !1
-		},
-		createPlaceholder: { default: "" },
-		placeholder: { default: "Select…" },
-		name: { default: "" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		required: {
-			type: Boolean,
-			default: !1
-		},
-		id: { default: void 0 },
-		label: { default: "" },
-		error: { default: "" },
-		warning: { default: "" },
-		helper: { default: "" },
-		variant: { default: "default" },
-		size: { default: "md" }
-	},
-	emits: [
-		"update:modelValue",
-		"change",
-		"create"
-	],
-	setup(p, { expose: k, emit: ve }) {
-		let A = p, j = ve, M = v("");
-		function ye() {
-			let e = M.value.trim();
-			e && (j("create", e), M.value = "");
-		}
-		let N = v(!1), P = v(!1), F = v(-1), I = v(null), L = v(null), R = v(null);
-		i(R);
-		let z = v({
-			position: "fixed",
-			top: "0px",
-			left: "0px",
-			width: "0px",
-			zIndex: "9999"
-		}), be = `nb-select-${C()}`, B = o(() => A.id ?? be), V = o(() => A.modelValue == null ? [] : Array.isArray(A.modelValue) ? A.modelValue : [A.modelValue]), H = o(() => {
-			if (!(A.multiple || V.value.length !== 1)) return (A.options ?? []).find((e) => e.value === V.value[0])?.icon;
-		}), U = o(() => {
-			if (V.value.length === 0) return "";
-			let e = A.options ?? [];
-			return A.multiple ? V.value.length === 1 ? e.find((e) => e.value === V.value[0])?.label ?? String(V.value[0]) : V.value.length === 2 ? V.value.map((t) => e.find((e) => e.value === t)?.label ?? String(t)).join(", ") : `${V.value.length} selected` : e.find((e) => e.value === V.value[0])?.label ?? String(V.value[0]);
-		});
-		function W(e) {
-			return V.value.includes(e);
-		}
-		let xe = o(() => {
-			let e = [];
-			return (A.options ?? []).forEach((t, n) => {
-				let r = e[e.length - 1];
-				(!r || r.name !== t.group) && e.push({
-					key: `${e.length}:${t.group ?? ""}`,
-					name: t.group,
-					labelId: `${B.value}-group-${e.length}`,
-					entries: []
-				}), e[e.length - 1].entries.push({
-					option: t,
-					index: n
-				});
-			}), e;
-		});
-		function G(e, t) {
-			let n = A.options ?? [];
-			for (let r = e + t; r >= 0 && r < n.length; r += t) if (!n[r].disabled) return r;
-			return e;
-		}
-		function K(e) {
-			if (e.disabled) return;
-			let t;
-			if (A.multiple) {
-				let n = [...V.value], r = n.indexOf(e.value);
-				r >= 0 ? n.splice(r, 1) : n.push(e.value), t = n;
-			} else t = e.value, Y();
-			j("update:modelValue", t), j("change", t);
-		}
-		function q() {
-			if (!L.value) return;
-			let e = L.value.getBoundingClientRect(), t = R.value?.offsetHeight ?? 0, n = window.innerHeight - e.bottom, r = e.top;
-			z.value = {
-				position: "fixed",
-				top: t > 0 && n < t && r > n ? `${e.top - t}px` : `${e.bottom}px`,
-				left: `${e.left}px`,
-				width: `${e.width}px`,
-				zIndex: "9999"
-			};
-		}
-		function J() {
-			if (A.disabled) return;
-			N.value = !0, q();
-			let e = A.options ?? [];
-			F.value = V.value.length > 0 ? Math.max(0, e.findIndex((e) => e.value === V.value[0])) : -1, m(() => {
-				q(), $();
-			});
-		}
-		function Y() {
-			N.value = !1, F.value = -1;
-		}
-		function X() {
-			N.value ? Y() : J();
-		}
-		function Z(e) {
-			let t = e.target, n = I.value?.contains(t) ?? !1, r = R.value?.contains(t) ?? !1;
-			!n && !r && Y();
-		}
-		function Q() {
-			N.value && q();
-		}
-		re(N, (e) => {
-			e ? (document.addEventListener("mousedown", Z), window.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q)) : (document.removeEventListener("mousedown", Z), window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q));
-		}), g(() => {
-			document.removeEventListener("mousedown", Z), window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q);
-		});
-		function Se(e) {
-			let t = A.options ?? [];
-			if (!N.value) {
-				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), J());
-				return;
-			}
-			e.key === "Escape" ? (Y(), e.preventDefault()) : e.key === "Tab" ? Y() : e.key === "ArrowDown" ? (e.preventDefault(), F.value = G(F.value, 1), $()) : e.key === "ArrowUp" ? (e.preventDefault(), F.value > 0 && (F.value = G(F.value, -1)), $()) : (e.key === "Enter" || e.key === " ") && F.value >= 0 && (e.preventDefault(), K(t[F.value]));
-		}
-		function $() {
-			m(() => {
-				!R.value || F.value < 0 || R.value.querySelectorAll(".nb-select__option")[F.value]?.scrollIntoView({ block: "nearest" });
-			});
-		}
-		let Ce = o(() => [
-			"nb-select",
-			`nb-select--${A.variant}`,
-			`nb-select--${A.size}`,
-			{
-				"nb-select--open": N.value,
-				"nb-select--focused": P.value && !N.value,
-				"nb-select--error": !!A.error,
-				"nb-select--warning": !A.error && !!A.warning,
-				"nb-select--multiple": A.multiple
-			}
-		]);
-		return k({
-			open: J,
-			close: Y
-		}), (i, o) => (_(), l(a, null, [u("div", {
-			ref_key: "rootRef",
-			ref: I,
-			class: h(Ce.value),
-			onKeydown: Se
-		}, [p.variant === "default" ? (_(), l(a, { key: 0 }, [
-			i.$slots.label ? b(i.$slots, "label", { key: 0 }) : p.label ? (_(), s(t, {
-				key: 1,
-				for: B.value,
-				required: p.required,
-				disabled: p.disabled
-			}, {
-				default: w(() => [d(x(p.label), 1)]),
-				_: 1
-			}, 8, [
-				"for",
-				"required",
-				"disabled"
-			])) : c("", !0),
-			u("button", {
-				id: B.value,
-				ref_key: "triggerRef",
-				ref: L,
-				type: "button",
-				class: "nb-select__trigger",
-				role: "combobox",
-				"aria-expanded": N.value,
-				"aria-haspopup": "listbox",
-				"aria-disabled": p.disabled || void 0,
-				"aria-required": p.required || void 0,
-				disabled: p.disabled || void 0,
-				onClick: X,
-				onFocus: o[0] ||= (e) => P.value = !0,
-				onBlur: o[1] ||= (e) => P.value = !1
-			}, [
-				u("span", { class: h(["nb-select__value", {
-					"nb-select__value--placeholder": !U.value,
-					"nb-select__value--with-icon": !!H.value
-				}]) }, [H.value ? (_(), s(e, {
-					key: 0,
-					class: "nb-select__value-icon",
-					name: H.value,
-					size: 16
-				}, null, 8, ["name"])) : c("", !0), U.value ? b(i.$slots, "value", {
-					key: 1,
-					values: V.value
-				}, () => [d(x(U.value), 1)]) : (_(), l(a, { key: 2 }, [d(x(p.placeholder), 1)], 64))], 2),
-				p.error ? (_(), s(n, {
-					key: 0,
-					variant: "error",
-					"icon-only": !0,
-					class: "nb-select__status-icon"
-				}, {
-					default: w(() => [d(x(p.error), 1)]),
-					_: 1
-				})) : p.warning ? (_(), s(n, {
-					key: 1,
-					variant: "warning",
-					"icon-only": !0,
-					class: "nb-select__status-icon"
-				}, {
-					default: w(() => [d(x(p.warning), 1)]),
-					_: 1
-				})) : c("", !0),
-				f(r, {
-					align: "center",
-					justify: "center",
-					class: "nb-select__caret"
-				}, {
-					default: w(() => [f(e, {
-						name: N.value ? S(D) : S(E),
-						size: 16
-					}, null, 8, ["name"])]),
-					_: 1
-				})
-			], 40, oe),
-			p.error ? (_(), s(n, {
-				key: 2,
-				variant: "error",
-				class: "nb-select__message"
-			}, {
-				default: w(() => [d(x(p.error), 1)]),
-				_: 1
-			})) : p.warning ? (_(), s(n, {
-				key: 3,
-				variant: "warning",
-				class: "nb-select__message"
-			}, {
-				default: w(() => [d(x(p.warning), 1)]),
-				_: 1
-			})) : p.helper ? (_(), s(n, {
-				key: 4,
-				variant: "helper",
-				class: "nb-select__message"
-			}, {
-				default: w(() => [d(x(p.helper), 1)]),
-				_: 1
-			})) : c("", !0)
-		], 64)) : p.variant === "fluid" ? (_(), l(a, { key: 1 }, [u("button", {
-			id: B.value,
-			ref_key: "triggerRef",
-			ref: L,
-			type: "button",
-			class: "nb-select__trigger",
-			role: "combobox",
-			"aria-expanded": N.value,
-			"aria-haspopup": "listbox",
-			"aria-disabled": p.disabled || void 0,
-			"aria-required": p.required || void 0,
-			disabled: p.disabled || void 0,
-			onClick: X,
-			onFocus: o[2] ||= (e) => P.value = !0,
-			onBlur: o[3] ||= (e) => P.value = !1
-		}, [p.label || i.$slots.label ? (_(), s(r, {
-			key: 0,
-			dir: "row",
-			align: "center",
-			gap: "xs",
-			class: "nb-select__inner-header"
-		}, {
-			default: w(() => [i.$slots.label ? b(i.$slots, "label", { key: 0 }) : (_(), l("label", O, [d(x(p.label) + " ", 1), p.required ? (_(), l("span", ce, "*")) : c("", !0)])), p.helper && !p.error && !p.warning ? (_(), s(n, {
-				key: 2,
-				variant: "helper",
-				"icon-only": !0,
-				class: "nb-select__inner-message"
-			}, {
-				default: w(() => [d(x(p.helper), 1)]),
-				_: 1
-			})) : c("", !0)]),
-			_: 3
-		})) : c("", !0), f(r, {
-			dir: "row",
-			align: "end",
-			flex: "",
-			class: "nb-select__value-row"
-		}, {
-			default: w(() => [u("span", { class: h(["nb-select__value", {
-				"nb-select__value--placeholder": !U.value,
-				"nb-select__value--with-icon": !!H.value
-			}]) }, [H.value ? (_(), s(e, {
-				key: 0,
-				class: "nb-select__value-icon",
-				name: H.value,
-				size: 16
-			}, null, 8, ["name"])) : c("", !0), U.value ? b(i.$slots, "value", {
-				key: 1,
-				values: V.value
-			}, () => [d(x(U.value), 1)]) : (_(), l(a, { key: 2 }, [d(x(p.placeholder), 1)], 64))], 2), f(r, {
-				align: "center",
-				justify: "center",
-				class: "nb-select__caret"
-			}, {
-				default: w(() => [f(e, {
-					name: N.value ? S(D) : S(E),
-					size: 16
-				}, null, 8, ["name"])]),
-				_: 1
-			})]),
-			_: 3
-		})], 40, se), p.error ? (_(), s(n, {
-			key: 0,
-			variant: "error",
-			class: "nb-select__fluid-message"
-		}, {
-			default: w(() => [d(x(p.error), 1)]),
-			_: 1
-		})) : p.warning ? (_(), s(n, {
-			key: 1,
-			variant: "warning",
-			class: "nb-select__fluid-message"
-		}, {
-			default: w(() => [d(x(p.warning), 1)]),
-			_: 1
-		})) : c("", !0)], 64)) : c("", !0)], 34), (_(), s(ee, { to: "body" }, [N.value ? (_(), l("div", {
-			key: 0,
-			ref_key: "dropdownRef",
-			ref: R,
-			class: "nb-select__dropdown",
-			style: te(z.value),
-			role: "listbox",
-			"aria-multiselectable": p.multiple || void 0
-		}, [
-			(_(!0), l(a, null, y(xe.value, (t) => (_(), l("div", {
-				key: t.key,
-				class: "nb-select__group",
-				role: "group",
-				"aria-labelledby": t.name ? t.labelId : void 0
-			}, [t.name ? (_(), l("div", {
-				key: 0,
-				id: t.labelId,
-				class: "nb-select__group-label"
-			}, x(t.name), 9, de)) : c("", !0), (_(!0), l(a, null, y(t.entries, (t) => (_(), l("div", {
-				key: t.option.value,
-				class: h(["nb-select__option", {
-					"nb-select__option--selected": W(t.option.value),
-					"nb-select__option--highlighted": F.value === t.index,
-					"nb-select__option--disabled": t.option.disabled
-				}]),
-				role: "option",
-				"aria-selected": W(t.option.value),
-				"aria-disabled": t.option.disabled || void 0,
-				onMouseenter: (e) => F.value = t.index,
-				onClick: (e) => K(t.option)
-			}, [
-				p.multiple ? (_(), l("span", pe, [W(t.option.value) ? (_(), l("svg", me, [...o[7] ||= [u("path", {
-					d: "M1 4l3 3 5-6",
-					stroke: "currentColor",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				}, null, -1)]])) : c("", !0)])) : c("", !0),
-				t.option.icon ? (_(), s(e, {
-					key: 1,
-					class: "nb-select__option-icon",
-					name: t.option.icon,
-					size: 16
-				}, null, 8, ["name"])) : c("", !0),
-				u("span", he, [b(i.$slots, "option", { option: t.option }, () => [d(x(t.option.label), 1)])])
-			], 42, fe))), 128))], 8, ue))), 128)),
-			!p.options || p.options.length === 0 ? (_(), l("div", ge, " No options ")) : c("", !0),
-			p.creatable ? (_(), l("div", {
-				key: 1,
-				class: "nb-select__create",
-				onMousedown: o[6] ||= T(() => {}, ["prevent"])
-			}, [ie(u("input", {
-				"onUpdate:modelValue": o[4] ||= (e) => M.value = e,
-				type: "text",
-				class: "nb-select__create-input",
-				placeholder: p.createPlaceholder || "Add new…",
-				onKeydown: [ae(T(ye, ["prevent"]), ["enter"]), o[5] ||= T(() => {}, ["stop"])]
-			}, null, 40, _e), [[ne, M.value]])], 32)) : c("", !0)
-		], 12, le)) : c("", !0)]))], 64));
-	}
-});
-//#endregion
-export { k as t };

package/dist/Tabs-CrrG1hvh.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useStableId.composable.cjs`),r=require(`./composables/usePhoneLayout.composable.cjs`),i=require(`./utils/slotContent.helper.cjs`),a=require(`./Badge-Dkm7PBJ8.cjs`);let o=require(`vue`);var s=function(e){return e.Line=`line`,e.Contained=`contained`,e}(s||{}),c=function(e){return e.Small=`sm`,e.Medium=`md`,e.Large=`lg`,e}(c||{}),l=[`aria-label`],u=[`id`,`data-tab-id`,`aria-selected`,`aria-controls`,`tabindex`,`disabled`,`onClick`],d={class:`nb-tabs__label`},f=[`id`,`aria-labelledby`],p=24,m=(0,o.defineComponent)({__name:`Tabs`,props:{items:{},ariaLabel:{default:void 0},modelValue:{default:void 0},variant:{default:s.Line},size:{default:c.Medium},disabled:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},id:{default:void 0}},emits:[`update:modelValue`,`change`],setup(e,{emit:s}){let m=e,h=s,g=(0,o.useSlots)(),_=n.useStableId(m),v=(0,o.ref)(null),y=(0,o.computed)(()=>m.items.filter(e=>!w(e))),b=(0,o.ref)(m.modelValue??y.value[0]?.id);(0,o.watch)(()=>m.modelValue,e=>{e!=null&&(b.value=e)});let x=(0,o.computed)(()=>{let e=m.modelValue??b.value,t=m.items.find(t=>t.id===e);return t&&!w(t)?t.id:y.value[0]?.id}),S=(0,o.computed)(()=>m.size===c.Large?18:16),C=(0,o.computed)(()=>[`nb-tabs`,`nb-tabs--${m.variant}`,`nb-tabs--${m.size}`,{"nb-tabs--full-width":m.fullWidth,"nb-tabs--disabled":m.disabled}]);function w(e){return m.disabled||!!e.disabled}function T(e){return`${_}-tab-${e}`}function E(e){return`${_}-panel-${e}`}function D(e){return i.hasSlotContent(g,e)}function O(e){w(e)||e.id===x.value||(b.value=e.id,h(`update:modelValue`,e.id),h(`change`,e.id,e))}function k(e){(v.value?.querySelectorAll(`[data-tab-id]`))?.forEach(t=>{t.dataset.tabId===e&&t.focus()})}function A(e){let t=y.value;if(!t.length)return;let n=t[(t.findIndex(e=>e.id===x.value)+e+t.length)%t.length];O(n),k(n.id)}function j(e){e&&(O(e),k(e.id))}let{phone:M}=r.usePhoneLayout(),N=(0,o.ref)(!1),P=(0,o.ref)(!1);function F(){let e=v.value;if(!M.value||!e)return;let t=e.scrollWidth-e.clientWidth;N.value=e.scrollLeft>1,P.value=e.scrollLeft<t-1}function I(){let e=v.value;if(!M.value||!e)return;let t=[...e.querySelectorAll(`[data-tab-id]`)].find(e=>e.dataset.tabId===x.value);if(t){let n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=r.left-n.left+e.scrollLeft,a=i+r.width,o=t===e.firstElementChild,s=t===e.lastElementChild;i<e.scrollLeft+(o?0:p)?e.scrollLeft=Math.max(0,o?0:i-p):a>e.scrollLeft+e.clientWidth-(s?0:p)&&(e.scrollLeft=a-e.clientWidth+(s?0:p))}F()}(0,o.watch)([x,M],()=>(0,o.nextTick)(I));function L(){I()}(0,o.onMounted)(()=>{I(),window.addEventListener(`resize`,L,{passive:!0})}),(0,o.onBeforeUnmount)(()=>{window.removeEventListener(`resize`,L)});function R(e){switch(e.key){case`ArrowRight`:A(1);break;case`ArrowLeft`:A(-1);break;case`Home`:j(y.value[0]);break;case`End`:j(y.value[y.value.length-1]);break;default:return}e.preventDefault()}return(n,r)=>((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{class:(0,o.normalizeClass)(C.value)},[(0,o.createElementVNode)(`div`,{ref_key:`listRef`,ref:v,class:(0,o.normalizeClass)([`nb-tabs__list`,{"nb-tabs__list--fade-start":(0,o.unref)(M)&&N.value,"nb-tabs__list--fade-end":(0,o.unref)(M)&&P.value}]),role:`tablist`,"aria-label":e.ariaLabel||void 0,onKeydown:R,onScrollPassive:F},[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(e.items,e=>((0,o.openBlock)(),(0,o.createElementBlock)(`button`,{id:T(e.id),key:e.id,"data-tab-id":e.id,type:`button`,role:`tab`,class:(0,o.normalizeClass)([`nb-tabs__tab`,{"nb-tabs__tab--active":e.id===x.value}]),"aria-selected":e.id===x.value,"aria-controls":D(e.id)?E(e.id):void 0,tabindex:e.id===x.value?0:-1,disabled:w(e),onClick:t=>O(e)},[e.icon?((0,o.openBlock)(),(0,o.createBlock)(t.t,{key:0,name:e.icon,size:S.value,class:`nb-tabs__icon`},null,8,[`name`,`size`])):(0,o.createCommentVNode)(``,!0),(0,o.createElementVNode)(`span`,d,(0,o.toDisplayString)(e.label),1),e.badge==null?(0,o.createCommentVNode)(``,!0):((0,o.openBlock)(),(0,o.createBlock)(a.t,{key:1,size:`sm`,class:`nb-tabs__badge`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.badge),1)]),_:2},1024))],10,u))),128))],42,l),((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(e.items,e=>((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:`panel-${e.id}`},[e.id===x.value&&D(e.id)?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{key:0,id:E(e.id),class:`nb-tabs__panel`,role:`tabpanel`,"aria-labelledby":T(e.id),tabindex:`0`},[(0,o.renderSlot)(n.$slots,e.id,{item:e},void 0,!0)],8,f)):(0,o.createCommentVNode)(``,!0)],64))),128))],2))}}),h=e.t(m,[[`__scopeId`,`data-v-fecb01d1`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});

package/dist/Tabs-D3pdOieX.js

@@ -1,180 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { t } from "./Icon-rREAqsu0.js";
-import { useStableId as n } from "./composables/useStableId.composable.mjs";
-import { usePhoneLayout as r } from "./composables/usePhoneLayout.composable.mjs";
-import { hasSlotContent as i } from "./utils/slotContent.helper.mjs";
-import { t as a } from "./Badge-D3oJVwDo.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, unref as C, useSlots as w, watch as T, withCtx as E } from "vue";
-//#region src/components/Tabs.d.ts
-var D = /* @__PURE__ */ function(e) {
-	return e.Line = "line", e.Contained = "contained", e;
-}(D || {}), O = /* @__PURE__ */ function(e) {
-	return e.Small = "sm", e.Medium = "md", e.Large = "lg", e;
-}(O || {}), k = ["aria-label"], A = [
-	"id",
-	"data-tab-id",
-	"aria-selected",
-	"aria-controls",
-	"tabindex",
-	"disabled",
-	"onClick"
-], ee = { class: "nb-tabs__label" }, j = ["id", "aria-labelledby"], M = 24, N = /* @__PURE__ */ e(/* @__PURE__ */ p({
-	__name: "Tabs",
-	props: {
-		items: {},
-		ariaLabel: { default: void 0 },
-		modelValue: { default: void 0 },
-		variant: { default: D.Line },
-		size: { default: O.Medium },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		fullWidth: {
-			type: Boolean,
-			default: !1
-		},
-		id: { default: void 0 }
-	},
-	emits: ["update:modelValue", "change"],
-	setup(e, { emit: p }) {
-		let D = e, N = p, P = w(), F = n(D), I = y(null), L = s(() => D.items.filter((e) => !B(e))), R = y(D.modelValue ?? L.value[0]?.id);
-		T(() => D.modelValue, (e) => {
-			e != null && (R.value = e);
-		});
-		let z = s(() => {
-			let e = D.modelValue ?? R.value, t = D.items.find((t) => t.id === e);
-			return t && !B(t) ? t.id : L.value[0]?.id;
-		}), te = s(() => D.size === O.Large ? 18 : 16), ne = s(() => [
-			"nb-tabs",
-			`nb-tabs--${D.variant}`,
-			`nb-tabs--${D.size}`,
-			{
-				"nb-tabs--full-width": D.fullWidth,
-				"nb-tabs--disabled": D.disabled
-			}
-		]);
-		function B(e) {
-			return D.disabled || !!e.disabled;
-		}
-		function V(e) {
-			return `${F}-tab-${e}`;
-		}
-		function H(e) {
-			return `${F}-panel-${e}`;
-		}
-		function U(e) {
-			return i(P, e);
-		}
-		function W(e) {
-			B(e) || e.id === z.value || (R.value = e.id, N("update:modelValue", e.id), N("change", e.id, e));
-		}
-		function G(e) {
-			(I.value?.querySelectorAll("[data-tab-id]"))?.forEach((t) => {
-				t.dataset.tabId === e && t.focus();
-			});
-		}
-		function K(e) {
-			let t = L.value;
-			if (!t.length) return;
-			let n = t[(t.findIndex((e) => e.id === z.value) + e + t.length) % t.length];
-			W(n), G(n.id);
-		}
-		function q(e) {
-			e && (W(e), G(e.id));
-		}
-		let { phone: J } = r(), Y = y(!1), X = y(!1);
-		function Z() {
-			let e = I.value;
-			if (!J.value || !e) return;
-			let t = e.scrollWidth - e.clientWidth;
-			Y.value = e.scrollLeft > 1, X.value = e.scrollLeft < t - 1;
-		}
-		function Q() {
-			let e = I.value;
-			if (!J.value || !e) return;
-			let t = [...e.querySelectorAll("[data-tab-id]")].find((e) => e.dataset.tabId === z.value);
-			if (t) {
-				let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = r.left - n.left + e.scrollLeft, a = i + r.width, o = t === e.firstElementChild, s = t === e.lastElementChild;
-				i < e.scrollLeft + (o ? 0 : M) ? e.scrollLeft = Math.max(0, o ? 0 : i - M) : a > e.scrollLeft + e.clientWidth - (s ? 0 : M) && (e.scrollLeft = a - e.clientWidth + (s ? 0 : M));
-			}
-			Z();
-		}
-		T([z, J], () => m(Q));
-		function $() {
-			Q();
-		}
-		_(() => {
-			Q(), window.addEventListener("resize", $, { passive: !0 });
-		}), g(() => {
-			window.removeEventListener("resize", $);
-		});
-		function re(e) {
-			switch (e.key) {
-				case "ArrowRight":
-					K(1);
-					break;
-				case "ArrowLeft":
-					K(-1);
-					break;
-				case "Home":
-					q(L.value[0]);
-					break;
-				case "End":
-					q(L.value[L.value.length - 1]);
-					break;
-				default: return;
-			}
-			e.preventDefault();
-		}
-		return (n, r) => (v(), u("div", { class: h(ne.value) }, [d("div", {
-			ref_key: "listRef",
-			ref: I,
-			class: h(["nb-tabs__list", {
-				"nb-tabs__list--fade-start": C(J) && Y.value,
-				"nb-tabs__list--fade-end": C(J) && X.value
-			}]),
-			role: "tablist",
-			"aria-label": e.ariaLabel || void 0,
-			onKeydown: re,
-			onScrollPassive: Z
-		}, [(v(!0), u(o, null, b(e.items, (e) => (v(), u("button", {
-			id: V(e.id),
-			key: e.id,
-			"data-tab-id": e.id,
-			type: "button",
-			role: "tab",
-			class: h(["nb-tabs__tab", { "nb-tabs__tab--active": e.id === z.value }]),
-			"aria-selected": e.id === z.value,
-			"aria-controls": U(e.id) ? H(e.id) : void 0,
-			tabindex: e.id === z.value ? 0 : -1,
-			disabled: B(e),
-			onClick: (t) => W(e)
-		}, [
-			e.icon ? (v(), c(t, {
-				key: 0,
-				name: e.icon,
-				size: te.value,
-				class: "nb-tabs__icon"
-			}, null, 8, ["name", "size"])) : l("", !0),
-			d("span", ee, S(e.label), 1),
-			e.badge == null ? l("", !0) : (v(), c(a, {
-				key: 1,
-				size: "sm",
-				class: "nb-tabs__badge"
-			}, {
-				default: E(() => [f(S(e.badge), 1)]),
-				_: 2
-			}, 1024))
-		], 10, A))), 128))], 42, k), (v(!0), u(o, null, b(e.items, (e) => (v(), u(o, { key: `panel-${e.id}` }, [e.id === z.value && U(e.id) ? (v(), u("div", {
-			key: 0,
-			id: H(e.id),
-			class: "nb-tabs__panel",
-			role: "tabpanel",
-			"aria-labelledby": V(e.id),
-			tabindex: "0"
-		}, [x(n.$slots, e.id, { item: e }, void 0, !0)], 8, j)) : l("", !0)], 64))), 128))], 2));
-	}
-}), [["__scopeId", "data-v-fecb01d1"]]);
-//#endregion
-export { N as t };