morya-ui 0.1.1

package/dist/form/style.js

@@ -0,0 +1,3 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Form/styles.css'

package/dist/gallery/index.js

@@ -0,0 +1,112 @@
+import { t as e } from "../Icon-DfpIfo2L.js";
+import { t } from "../useMenuKeyboard-BedmYE4W.js";
+import { n } from "../locale-DYGhxekd.js";
+import "./style.js";
+import { Fragment as r, Transition as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, nextTick as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, watch as y, withCtx as b } from "vue";
+//#region src/components/Gallery/Gallery.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "m-gallery" }, S = { class: "m-gallery__main" }, C = ["aria-label", "disabled"], w = { class: "m-gallery__stage" }, T = ["src", "alt"], E = {
+	key: 0,
+	class: "m-gallery__caption"
+}, D = ["aria-label", "disabled"], O = ["aria-label"], k = [
+	"aria-selected",
+	"tabindex",
+	"onClick",
+	"onFocus"
+], A = ["src", "alt"], j = /* @__PURE__ */ u({
+	__name: "Gallery",
+	props: {
+		images: {},
+		activeIndex: { default: 0 }
+	},
+	emits: ["update:activeIndex"],
+	setup(u, { emit: j }) {
+		let M = u, N = j, P = n();
+		function F(e) {
+			return typeof e == "string" ? e : e.src;
+		}
+		function I(e) {
+			return typeof e == "string" ? "" : e.alt ?? "";
+		}
+		let L = a(() => M.images[M.activeIndex] ?? M.images[0]), R = a(() => L.value ? F(L.value) : ""), z = a(() => L.value ? I(L.value) : ""), B = a(() => L.value && typeof L.value != "string" ? L.value.caption : void 0);
+		function V(e) {
+			e < 0 || e >= M.images.length || e === M.activeIndex || N("update:activeIndex", e);
+		}
+		function H() {
+			V(Math.max(0, M.activeIndex - 1));
+		}
+		function U() {
+			V(Math.min(M.images.length - 1, M.activeIndex + 1));
+		}
+		let W = m(null), G = t({
+			itemCount: () => M.images.length,
+			orientation: "both",
+			wrap: !1,
+			onActivate: (e) => V(e)
+		});
+		function K(e) {
+			return G.activeIndex.value >= 0 ? G.tabindexFor(e) : e === M.activeIndex ? 0 : -1;
+		}
+		return y(G.activeIndex, (e) => {
+			e < 0 || (V(e), d(() => {
+				let t = W.value;
+				!t || !t.contains(document.activeElement) || t.querySelectorAll(".m-gallery__thumb")[e]?.focus({ preventScroll: !0 });
+			}));
+		}), (t, n) => (p(), s("div", x, [c("div", S, [
+			c("button", {
+				type: "button",
+				class: "m-gallery__nav wk-gallery__nav--prev",
+				"aria-label": v(P).prevImage,
+				disabled: u.activeIndex <= 0,
+				onClick: H
+			}, [l(e, {
+				name: "chevron-left",
+				size: "sm"
+			})], 8, C),
+			c("figure", w, [l(i, {
+				name: "m-gallery-fade",
+				mode: "out-in"
+			}, {
+				default: b(() => [L.value ? (p(), s("img", {
+					key: u.activeIndex,
+					class: "m-gallery__image",
+					src: R.value,
+					alt: z.value
+				}, null, 8, T)) : o("", !0)]),
+				_: 1
+			}), B.value ? (p(), s("figcaption", E, _(B.value), 1)) : o("", !0)]),
+			c("button", {
+				type: "button",
+				class: "m-gallery__nav wk-gallery__nav--next",
+				"aria-label": v(P).nextImage,
+				disabled: u.activeIndex >= u.images.length - 1,
+				onClick: U
+			}, [l(e, {
+				name: "chevron-right",
+				size: "sm"
+			})], 8, D)
+		]), c("ul", {
+			ref_key: "thumbs",
+			ref: W,
+			class: "m-gallery__thumbs",
+			role: "listbox",
+			"aria-label": v(P).thumbnails,
+			onKeydown: n[0] ||= (...e) => v(G).onKeydown && v(G).onKeydown(...e)
+		}, [(p(!0), s(r, null, h(u.images, (e, n) => (p(), s("li", { key: `${F(e)}-${n}` }, [c("button", {
+			type: "button",
+			class: f(["m-gallery__thumb", { "m-gallery__thumb--active": n === u.activeIndex }]),
+			role: "option",
+			"aria-selected": n === u.activeIndex,
+			tabindex: K(n),
+			onClick: (e) => V(n),
+			onFocus: (e) => v(G).setActive(n)
+		}, [g(t.$slots, "item", {
+			item: e,
+			index: n
+		}, () => [c("img", {
+			src: F(e),
+			alt: I(e)
+		}, null, 8, A)])], 42, k)]))), 128))], 40, O)]));
+	}
+});
+//#endregion
+export { j as MGallery };