@well-insight/ui 0.1.7 → 0.1.9

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,61 @@
+import { n as e } from "../locale-CYkJyRd1.js";
+import "./style.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderList as l, unref as u } from "vue";
+//#region src/components/Gallery/Gallery.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "wi-gallery" }, f = { class: "wi-gallery__main" }, p = ["aria-label", "disabled"], m = ["src"], h = ["aria-label", "disabled"], g = ["aria-label"], _ = ["aria-selected", "onClick"], v = ["src"], y = /* @__PURE__ */ o({
+	__name: "Gallery",
+	props: {
+		images: {},
+		activeIndex: { default: 0 }
+	},
+	emits: ["update:activeIndex"],
+	setup(o, { emit: y }) {
+		let b = o, x = y, S = e(), C = n(() => b.images[b.activeIndex] ?? b.images[0] ?? "");
+		function w(e) {
+			e < 0 || e >= b.images.length || x("update:activeIndex", e);
+		}
+		function T() {
+			w(Math.max(0, b.activeIndex - 1));
+		}
+		function E() {
+			w(Math.min(b.images.length - 1, b.activeIndex + 1));
+		}
+		return (e, n) => (c(), i("div", d, [a("div", f, [
+			a("button", {
+				type: "button",
+				class: "wi-gallery__nav wi-gallery__nav--prev",
+				"aria-label": u(S).prevImage,
+				disabled: o.activeIndex <= 0,
+				onClick: T
+			}, " ‹ ", 8, p),
+			C.value ? (c(), i("img", {
+				key: 0,
+				class: "wi-gallery__image",
+				src: C.value,
+				alt: ""
+			}, null, 8, m)) : r("", !0),
+			a("button", {
+				type: "button",
+				class: "wi-gallery__nav wi-gallery__nav--next",
+				"aria-label": u(S).nextImage,
+				disabled: o.activeIndex >= o.images.length - 1,
+				onClick: E
+			}, " › ", 8, h)
+		]), a("ul", {
+			class: "wi-gallery__thumbs",
+			role: "listbox",
+			"aria-label": u(S).thumbnails
+		}, [(c(!0), i(t, null, l(o.images, (e, t) => (c(), i("li", { key: `${e}-${t}` }, [a("button", {
+			type: "button",
+			class: s(["wi-gallery__thumb", { "wi-gallery__thumb--active": t === o.activeIndex }]),
+			role: "option",
+			"aria-selected": t === o.activeIndex,
+			onClick: (e) => w(t)
+		}, [a("img", {
+			src: e,
+			alt: ""
+		}, null, 8, v)], 10, _)]))), 128))], 8, g)]));
+	}
+});
+//#endregion
+export { y as WiGallery };