ablok-components 0.3.104 → 0.3.106

package/dist/components/molecules/link-sharing/link-sharing.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,125 @@
+import e from "../../atoms/svg-icon/svg-icon.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, openBlock as c, ref as l, toDisplayString as u, withModifiers as d } from "vue";
+//#region src/components/molecules/link-sharing/link-sharing.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "link-sharing" }, p = {
+	key: 0,
+	class: "link-sharing__links container"
+}, m = { class: "row" }, h = {
+	key: 0,
+	class: "col-12 col-md-6"
+}, g = ["href"], _ = { class: "caption" }, v = {
+	key: 1,
+	class: "col-12 col-md-6"
+}, y = ["href"], b = { class: "caption" }, x = {
+	key: 2,
+	class: "col-12 col-md-6"
+}, S = { class: "caption" }, C = {
+	key: 3,
+	class: "col-12 col-md-6"
+}, w = ["href"], T = { class: "caption" }, E = {
+	key: 4,
+	class: "col-12 col-md-6"
+}, D = ["href"], O = { class: "caption" }, k = {
+	key: 5,
+	class: "col-12 col-md-6"
+}, A = { class: "caption" }, j = {
+	key: 6,
+	class: "col-12 col-md-6"
+}, M = ["href"], N = { class: "caption" }, P = {
+	key: 1,
+	class: "link-sharing__instructions pt-5"
+}, F = { class: "row" }, I = { class: "col-12 text-center py-0" }, L = { class: "mb-5" }, R = (e) => e.replace(/<(?:.|\n)*?>/gm, ""), z = /*@__PURE__*/ s({
+	__name: "link-sharing",
+	props: {
+		url: {
+			type: String,
+			default: ""
+		},
+		subject: {
+			type: String,
+			default: ""
+		},
+		hashtags: Array,
+		text: {
+			type: String,
+			default: ""
+		},
+		media: {
+			type: String,
+			default: ""
+		},
+		services: {
+			type: Object,
+			default: {
+				facebook: !0,
+				instagram: !0,
+				linkedin: !0,
+				whatsapp: !0,
+				mailto: !0,
+				clipboard: !0,
+				bluesky: !0
+			}
+		}
+	},
+	setup(s) {
+		let z = s, B = l(!1), V = t(() => encodeURIComponent(z.url));
+		t(() => encodeURIComponent(z.media));
+		let H = t(() => R(z.text)), U = t(() => !!(navigator && navigator.userAgent && /Mobi|Android/i.test(navigator.userAgent)));
+		async function W() {
+			let e = document.createElement("textarea");
+			document.body.appendChild(e), e.value = z.url, e.select(), e.setSelectionRange(0, 99999), navigator.clipboard.writeText(e.value), document.body.removeChild(e);
+		}
+		return (t, l) => (c(), r("div", f, [B.value ? (c(), r("div", P, [i("div", F, [i("div", I, [i("div", L, [
+			i("p", null, u(t.$t("sharing.instructions", { service: "Instagram" })), 1),
+			i("p", null, [i("strong", null, u(Array.isArray(s.hashtags) ? s.hashtags.join(", ") : s.hashtags), 1)]),
+			i("button", {
+				type: "button",
+				class: "btn btn-text",
+				onClick: l[1] ||= d((e) => B.value = !B.value, ["prevent"])
+			}, [o(e, { symbol: "arrow-left" }), a(" " + u(t.$t("common.back")), 1)])
+		])])])])) : (c(), r("div", p, [i("div", m, [
+			s.services.facebook ? (c(), r("div", h, [i("a", {
+				class: "link-sharing__link btn btn-primary",
+				href: `https://www.facebook.com/sharer.php?u=${V.value}`,
+				target: "_blank",
+				rel: "noopener"
+			}, [o(e, { symbol: "facebook" }), i("span", _, u(t.$t("sharing.facebook")), 1)], 8, g)])) : n("", !0),
+			s.services.bluesky ? (c(), r("div", v, [i("a", {
+				class: "link-sharing__link btn btn-primary",
+				href: `https://bsky.app/intent/compose?text=${H.value}${H.value ? "%20" : ""}${s.url}`,
+				target: "_blank",
+				rel: "noopener"
+			}, [o(e, { symbol: "bluesky-logo" }), i("span", b, u(t.$t("sharing.bluesky")), 1)], 8, y)])) : n("", !0),
+			s.services.instagram ? (c(), r("div", x, [i("button", {
+				type: "button",
+				class: "link-sharing__link btn btn-primary",
+				onClick: l[0] ||= d((e) => B.value = !B.value, ["prevent"])
+			}, [o(e, { symbol: "instagram" }), i("span", S, u(t.$t("sharing.instagram")), 1)])])) : n("", !0),
+			s.services.linkedin ? (c(), r("div", C, [i("a", {
+				class: "link-sharing__link btn btn-primary",
+				href: `https://www.linkedin.com/shareArticle?mini=true&url=${V.value}&title=${s.subject}`,
+				target: "_blank",
+				rel: "noopener"
+			}, [o(e, { symbol: "linkedin" }), i("span", T, u(t.$t("sharing.linkedin")), 1)], 8, w)])) : n("", !0),
+			s.services.whatsapp && U.value ? (c(), r("div", E, [i("a", {
+				class: "link-sharing__link btn btn-primary",
+				href: `whatsapp://send?text=${V.value}`,
+				target: "_blank",
+				rel: "noopener"
+			}, [o(e, { symbol: "whatsapp" }), i("span", O, u(t.$t("sharing.whatsapp")), 1)], 8, D)])) : n("", !0),
+			s.services.clipboard ? (c(), r("div", k, [i("button", {
+				type: "button",
+				class: "link-sharing__link btn btn-primary",
+				onClick: d(W, ["prevent", "stop"])
+			}, [o(e, { symbol: "copy" }), i("span", A, u(t.$t("sharing.clipboard")), 1)])])) : n("", !0),
+			s.services.mailto ? (c(), r("div", j, [i("a", {
+				class: "link-sharing__link btn btn-primary",
+				href: `mailto:?subject=${s.subject}&body=${H.value}%0D%0A${s.url}`,
+				target: "_blank",
+				rel: "noopener"
+			}, [o(e, { symbol: "mail" }), i("span", N, u(t.$t("sharing.mailto")), 1)], 8, M)])) : n("", !0)
+		])]))]));
+	}
+});
+//#endregion
+export { z as default, R as stripHtml };

package/dist/components/molecules/location-list/location-list.js

@@ -0,0 +1,6 @@
+import e from "./location-list.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                              */
+//#region src/components/molecules/location-list/location-list.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/molecules/location-list/location-list.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,91 @@
+import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderList as s, toDisplayString as c } from "vue";
+//#region src/components/molecules/location-list/location-list.vue?vue&type=script&setup=true&lang.ts
+var l = {
+	class: "location-list",
+	"data-testid": "location-list"
+}, u = {
+	key: 0,
+	class: "location-list__label"
+}, d = {
+	key: 1,
+	class: "location-list__items"
+}, f = ["data-testid", "onClick"], p = { class: "location-list__title" }, m = {
+	key: 0,
+	class: "location-list__description"
+}, h = {
+	key: 1,
+	class: "location-list__distance"
+}, g = {
+	key: 2,
+	class: "location-list__empty"
+}, _ = /*@__PURE__*/ i({
+	__name: "location-list",
+	props: {
+		modelValue: {
+			type: null,
+			default: null
+		},
+		locations: {
+			type: Array,
+			default: () => []
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		titleKey: {
+			type: String,
+			default: "title"
+		},
+		descriptionKey: {
+			type: String,
+			default: "address"
+		},
+		emptyText: {
+			type: String,
+			default: "No locations found."
+		},
+		showDistance: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue", "select"],
+	setup(i, { emit: _ }) {
+		let v = i, y = _;
+		function b(e) {
+			return e?.[v.titleKey] || e?.label || e?.name || "Location";
+		}
+		function x(e) {
+			return e?.[v.descriptionKey] || e?.description || e?.subtitle || "";
+		}
+		function S(e, t = 0) {
+			return e ? typeof e == "object" ? e.id ?? e.value ?? b(e) ?? t : e : t;
+		}
+		function C(e, t = 0) {
+			return `${S(e, t)}`.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+		}
+		function w(e, t = 0) {
+			return S(v.modelValue) === S(e, t);
+		}
+		function T(e) {
+			return Number.isFinite(e) ? e >= 1e3 ? `${(e / 1e3).toFixed(1)} km` : `${Math.round(e)} m` : "—";
+		}
+		function E(e) {
+			y("update:modelValue", e), y("select", e);
+		}
+		return (_, v) => (o(), n("div", l, [i.label ? (o(), n("p", u, c(i.label), 1)) : t("", !0), i.locations.length ? (o(), n("div", d, [(o(!0), n(e, null, s(i.locations, (e, s) => (o(), n("button", {
+			key: S(e, s),
+			type: "button",
+			class: a(["location-list__item", { "location-list__item--active": w(e, s) }]),
+			"data-testid": `location-option-${C(e, s)}`,
+			onClick: (t) => E(e)
+		}, [
+			r("strong", p, c(b(e)), 1),
+			x(e) ? (o(), n("small", m, c(x(e)), 1)) : t("", !0),
+			i.showDistance && e?.distance !== void 0 && e?.distance !== null ? (o(), n("small", h, c(T(Number(e.distance))) + " away ", 1)) : t("", !0)
+		], 10, f))), 128))])) : (o(), n("p", g, c(i.emptyText), 1))]));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/molecules/media-thumbnails/media-thumbnails.js

@@ -0,0 +1,6 @@
+import e from "./media-thumbnails.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                 */
+//#region src/components/molecules/media-thumbnails/media-thumbnails.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/molecules/media-thumbnails/media-thumbnails.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,70 @@
+import e from "../../atoms/base-image/base-image.js";
+import t from "../../templates/base-carousel/base-carousel.js";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, withCtx as m } from "vue";
+//#region src/components/molecules/media-thumbnails/media-thumbnails.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "media-thumbnails" }, g = ["onClick", "title"], _ = {
+	key: 0,
+	class: "img-container"
+}, v = {
+	key: 0,
+	class: "media-thumbnails__count-badge"
+}, y = {
+	key: 2,
+	class: "img-container"
+}, b = /*@__PURE__*/ c({
+	__name: "media-thumbnails",
+	props: {
+		modelValue: { default: null },
+		config: {
+			type: Object,
+			default: null
+		},
+		messages: {
+			type: Object,
+			default: {}
+		},
+		assets: {
+			type: Array,
+			default: []
+		},
+		stacked: {
+			type: Boolean,
+			default: !1
+		},
+		showCount: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "select"],
+	setup(c, { emit: b }) {
+		let x = b, S = d(-1);
+		function C(e) {
+			S.value = e, x("update:modelValue", e), x("select", e);
+		}
+		return (d, b) => (u(), a("div", h, [s(t, { items: c.assets }, {
+			"carousel-item": m((t) => [o("button", {
+				type: "button",
+				class: l(["carousel__item media-thumbnails__thumbnail", t.index === c.modelValue || t.index === S.value ? "is-active" : ""]),
+				onClick: (e) => C(t.index),
+				title: `${d.$t("thumbnails.thumbnail")} ${t.index + 1}`
+			}, [t.item.type === "preset" && t.item.thumbnail ? (u(), a("div", _, [s(e, {
+				src: t.item.thumbnail,
+				class: "img-fluid"
+			}, null, 8, ["src"])])) : t.item.type === "preset" ? (u(), a("div", {
+				key: 1,
+				class: l(["img-container img-container--multi", { "img-container--stacked": c.stacked }])
+			}, [(u(!0), a(n, null, f(t.item.items, (t, n) => (u(), r(e, {
+				key: n,
+				src: t.thumbnail || t.src,
+				class: "img-fluid"
+			}, null, 8, ["src"]))), 128)), c.showCount && Object.keys(t.item.items || {}).length ? (u(), a("span", v, p(Object.keys(t.item.items || {}).length), 1)) : i("", !0)], 2)) : (u(), a("div", y, [s(e, {
+				src: t.item.thumbnail || t.item.src,
+				class: "img-fluid"
+			}, null, 8, ["src"])]))], 10, g)]),
+			_: 1
+		}, 8, ["items"])]));
+	}
+});
+//#endregion
+export { b as default };

package/dist/components/molecules/popover-notifications/popover-notifications.js

@@ -0,0 +1,6 @@
+import e from "./popover-notifications.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                      */
+//#region src/components/molecules/popover-notifications/popover-notifications.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/molecules/popover-notifications/popover-notifications.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,125 @@
+import { sanitizeHtml as e } from "../../../composables/useSanitize.js";
+import t from "../../templates/popover-dialog/popover-dialog.js";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, watch as _, withCtx as v, withModifiers as y } from "vue";
+//#region src/components/molecules/popover-notifications/popover-notifications.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "popover-notification__header d-flex justify-content-between mb-2" }, x = { class: "popover-notification__title" }, S = ["onClick"], C = ["innerHTML"], w = 240, T = /*@__PURE__*/ s({
+	__name: "popover-notifications",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		id: {
+			type: String,
+			default: () => `popover-notifications-${Math.random().toString(36).substr(2, 9)}`
+		},
+		items: {
+			type: Array,
+			default: () => []
+		},
+		debounceItem: {
+			type: Number,
+			default: 0
+		},
+		closeTimeout: {
+			type: Number,
+			default: 8e3
+		},
+		collapsible: {
+			type: Boolean,
+			default: !0
+		},
+		collapseItems: {
+			type: Number,
+			default: 3
+		}
+	},
+	setup(s, { expose: T }) {
+		let E = s, D = p([]), O = p([]), k = p(null), A = /* @__PURE__ */ new Map(), j = r(() => D.value.map((t) => ({
+			...t,
+			content: e(t.content || "")
+		}))), M = p(!1), N = r(() => M.value ? [...j.value].reverse() : j.value);
+		function P(e, t) {
+			t === !1 && L(e);
+		}
+		function F(e) {
+			let t = A.get(e);
+			t && (clearTimeout(t), A.delete(e));
+		}
+		function I(e) {
+			let t = e.closeTimeout ?? E.closeTimeout;
+			F(e.id), t && A.set(e.id, window.setTimeout(() => {
+				F(e.id), L(e);
+			}, t));
+		}
+		function L(e) {
+			e.visible === !1 && A.has(e.id) || (F(e.id), e.visible = !1, A.set(e.id, window.setTimeout(() => {
+				D.value = D.value.filter((t) => t.id !== e.id), A.delete(e.id), D.value.length === 0 && (M.value = !1);
+			}, w)));
+		}
+		function R(e) {
+			if (E.collapsible && D.value.length >= E.collapseItems) {
+				let e = D.value.shift();
+				e && F(e.id);
+			}
+			E.collapsible && D.value.length + 1 >= E.collapseItems && (M.value = !0), D.value.forEach((e) => {
+				e.stackIndex = (e.stackIndex ?? 0) + 1;
+			});
+			let t = {
+				...e,
+				closeTimeout: e.closeTimeout ?? E.closeTimeout,
+				visible: !0,
+				stackIndex: 0
+			};
+			D.value.push(t), I(t);
+		}
+		_(() => E.items, (e, t) => {
+			let n = e.filter((e) => !t.some((t) => t.id === e.id));
+			n.length && (O.value = [...O.value, ...n], z());
+		});
+		function z() {
+			k.value !== null || !O.value.length || (k.value = window.setTimeout(() => {
+				k.value = null;
+				let e = O.value.shift();
+				e && R(e), O.value.length > 0 && z();
+			}, D.value.length ? E.debounceItem : 0));
+		}
+		function B(e) {
+			O.value.push(e), z();
+		}
+		return d(() => {
+			O.value = [...E.items], E.collapsible && O.value.length >= E.collapseItems && (M.value = !0), z();
+		}), u(() => {
+			k.value !== null && clearTimeout(k.value);
+			for (let e of A.values()) clearTimeout(e);
+			A.clear();
+		}), T({ addItem: B }), (e, r) => (f(), a("div", { class: c(["popover-notifications", { "popover-notifications--stacked": M.value }]) }, [(f(!0), a(n, null, m(N.value, (n, r) => (f(), i(t, {
+			key: n.id,
+			id: n.id,
+			"close-timeout": 0,
+			type: "manual",
+			class: "popover-notification",
+			modelValue: n.visible,
+			"onUpdate:modelValue": [(e) => n.visible = e, (e) => P(n, e)],
+			style: l({ "--stack-index": n.stackIndex ?? r })
+		}, {
+			default: v(() => [h(e.$slots, "item", {
+				item: n,
+				removeItem: P
+			}, () => [o("div", b, [o("span", x, g(n.title), 1), o("button", {
+				type: "button",
+				class: "btn btn-close p-0",
+				onClick: y((e) => P(n, !1), ["stop"]),
+				"aria-label": "Close notification"
+			}, null, 8, S)]), o("span", { innerHTML: n.content }, null, 8, C)])]),
+			_: 2
+		}, 1032, [
+			"id",
+			"modelValue",
+			"onUpdate:modelValue",
+			"style"
+		]))), 128))], 2));
+	}
+});
+//#endregion
+export { T as default };

package/dist/components/molecules/popover-tooltip/popover-tooltip.js

@@ -0,0 +1,6 @@
+import e from "./popover-tooltip.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                */
+//#region src/components/molecules/popover-tooltip/popover-tooltip.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/molecules/popover-tooltip/popover-tooltip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,127 @@
+import { useSanitize as e } from "../../../composables/useSanitize.js";
+import t from "../../templates/popover-dialog/popover-dialog.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, ref as u, renderSlot as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+//#region src/components/molecules/popover-tooltip/popover-tooltip.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "popover-tooltip" }, g = [
+	"popovertarget",
+	"disabled",
+	"aria-describedby",
+	"aria-label"
+], _ = { class: "popover-tooltip__content d-flex flex-column" }, v = {
+	key: 0,
+	class: "popover-tooltip__header d-flex p-3 border-bottom"
+}, y = ["innerHTML"], b = { class: "popover-tooltip__body" }, x = ["innerHTML"], S = {
+	key: 1,
+	class: "popover-tooltip__footer d-flex p-3 border-top"
+}, C = /*@__PURE__*/ s({
+	__name: "popover-tooltip",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		id: {
+			type: String,
+			default: () => `popover-tooltip-${Math.random().toString(36).substr(2, 9)}`
+		},
+		size: { type: String },
+		exclusive: {
+			type: Boolean,
+			default: !0
+		},
+		header: {
+			type: Boolean,
+			default: !1
+		},
+		footer: {
+			type: Boolean,
+			default: !1
+		},
+		title: {
+			type: String,
+			default: ""
+		},
+		content: {
+			type: String,
+			default: ""
+		},
+		hover: {
+			type: Boolean,
+			default: !0
+		},
+		hoverDelay: {
+			type: Number,
+			default: 400
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"confirm",
+		"cancel"
+	],
+	setup(s, { emit: C }) {
+		let w = s, T = C, E = e(() => w.title), D = e(() => w.content), O = n({
+			get() {
+				return w.modelValue;
+			},
+			set(e) {
+				T("update:modelValue", e);
+			}
+		}), k = u(), A = u();
+		return (e, n) => (l(), i("span", h, [a("button", {
+			type: "button",
+			popovertarget: s.id,
+			disabled: s.disabled,
+			"aria-describedby": s.id,
+			"aria-label": s.ariaLabel || e.$te("common.moreInfo") ? e.$t("common.moreInfo") : void 0,
+			ref_key: "trigger",
+			ref: k
+		}, [d(e.$slots, "button", {}, () => [n[3] ||= a("span", { class: "popover-tooltip__trigger" }, " i ", -1)])], 8, g), o(t, {
+			id: s.id,
+			modelValue: O.value,
+			"onUpdate:modelValue": n[2] ||= (e) => O.value = e,
+			hover: s.hover,
+			"hover-delay": s.hoverDelay,
+			ref_key: "dialog",
+			ref: A,
+			role: "tooltip",
+			class: c(s.size ? `popover-tooltip--${s.size}` : "")
+		}, {
+			default: m(() => [a("div", _, [
+				s.header ? (l(), i("div", v, [s.title ? (l(), i("h5", {
+					key: 0,
+					class: "popover-tooltip__title",
+					innerHTML: p(E)
+				}, null, 8, y)) : r("", !0), a("button", {
+					type: "button",
+					class: "btn-close ms-auto border-radius-none",
+					"aria-label": "Close",
+					onClick: n[0] ||= (e) => O.value = !1
+				})])) : r("", !0),
+				a("div", b, [d(e.$slots, "default", {}, () => [a("span", { innerHTML: p(D) }, null, 8, x)])]),
+				s.footer ? (l(), i("div", S, [d(e.$slots, "footer"), a("button", {
+					type: "button",
+					class: "btn ms-auto",
+					onClick: n[1] ||= (e) => O.value = !1
+				}, f(e.$t("common.close")), 1)])) : r("", !0)
+			])]),
+			_: 3
+		}, 8, [
+			"id",
+			"modelValue",
+			"hover",
+			"hover-delay",
+			"class"
+		])]));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/molecules/progress-steps/progress-steps.js

@@ -0,0 +1,6 @@
+import e from "./progress-steps.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                               */
+//#region src/components/molecules/progress-steps/progress-steps.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/molecules/progress-steps/progress-steps.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,70 @@
+import { sanitizeHtml as e } from "../../../composables/useSanitize.js";
+import { Fragment as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderList as s, renderSlot as c, unref as l } from "vue";
+//#region src/components/molecules/progress-steps/progress-steps.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "progress-steps" }, d = { class: "progress-steps__list" }, f = { class: "progress-step" }, p = [
+	"checked",
+	"id",
+	"value",
+	"disabled",
+	"read-only",
+	"required",
+	"onChange"
+], m = ["for"], h = ["innerHTML"], g = ["for"], _ = ["innerHTML"], v = /*@__PURE__*/ i({
+	__name: "progress-steps",
+	props: {
+		modelValue: {
+			type: Number,
+			default: 0
+		},
+		progress: {
+			type: Number,
+			default: 0
+		},
+		steps: { type: Array },
+		label: {
+			type: String,
+			default: ""
+		},
+		reveal: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "update:progress"],
+	setup(i, { emit: v }) {
+		let y = i, b = v;
+		function x(e) {
+			b("update:modelValue", e), e >= y.progress && b("update:progress", e);
+		}
+		return (v, y) => (o(), n("div", u, [r("ul", d, [(o(!0), n(t, null, s(i.steps, (t, s) => (o(), n("li", {
+			key: s,
+			class: a(["progress-steps__step", {
+				"progress-steps__step--disabled": s > i.progress + +!!i.reveal,
+				"progress-steps__step--active": s === (i.modelValue || 0)
+			}])
+		}, [c(v.$slots, "step", {}, () => [r("div", f, [
+			r("input", {
+				type: "radio",
+				checked: s <= (i.progress || 0),
+				id: `step-${s}`,
+				name: "step",
+				class: "form-check-input",
+				value: t.value,
+				disabled: t.disabled || s > i.progress + +!!i.reveal,
+				"read-only": t.readOnly,
+				required: t.required,
+				onChange: (e) => x(s)
+			}, null, 40, p),
+			r("label", { for: `step-${s}` }, [c(v.$slots, "button", { step: t }, () => [r("span", {
+				class: "btn rounded-circle",
+				innerHTML: l(e)(t.text || "")
+			}, null, 8, h)])], 8, m),
+			r("label", { for: `step-${s}` }, [c(v.$slots, "label", { step: t }, () => [r("span", {
+				class: "form-check-label",
+				innerHTML: l(e)(t.label || "")
+			}, null, 8, _)])], 8, g)
+		])])], 2))), 128))])]));
+	}
+});
+//#endregion
+export { v as default };

package/dist/components/molecules/qr-code/qr-code.js

@@ -0,0 +1,6 @@
+import e from "./qr-code.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                        */
+//#region src/components/molecules/qr-code/qr-code.vue
+var t = e;
+//#endregion
+export { t as default };