@falcon-ui/falcon-ui 1.0.0

package/esm/components/barcode/src/barcode.mjs

@@ -0,0 +1,98 @@
+const flBarcodeFormats = [
+	"CODE128",
+	"CODE39",
+	"EAN13",
+	"EAN8",
+	"UPCA",
+	"UPCE"
+];
+const flBarcodeTextAligns = [
+	"left",
+	"center",
+	"right"
+];
+const flBarcodeTextPositions = ["top", "bottom"];
+const flBarcodeProps = {
+	value: {
+		type: String,
+		default: ""
+	},
+	format: {
+		type: String,
+		default: "CODE128",
+		validator: (value) => flBarcodeFormats.includes(value)
+	},
+	width: {
+		type: Number,
+		default: 2
+	},
+	height: {
+		type: Number,
+		default: 100
+	},
+	color: {
+		type: String,
+		default: "#000000"
+	},
+	backgroundColor: {
+		type: String,
+		default: "#ffffff"
+	},
+	displayValue: {
+		type: Boolean,
+		default: true
+	},
+	text: {
+		type: String,
+		default: ""
+	},
+	font: {
+		type: String,
+		default: "monospace"
+	},
+	fontOptions: {
+		type: String,
+		default: ""
+	},
+	fontSize: {
+		type: Number,
+		default: 20
+	},
+	textAlign: {
+		type: String,
+		default: "center",
+		validator: (value) => flBarcodeTextAligns.includes(value)
+	},
+	textPosition: {
+		type: String,
+		default: "bottom",
+		validator: (value) => flBarcodeTextPositions.includes(value)
+	},
+	textMargin: {
+		type: Number,
+		default: 2
+	},
+	margin: {
+		type: Number,
+		default: 10
+	},
+	marginTop: {
+		type: Number,
+		default: void 0
+	},
+	marginRight: {
+		type: Number,
+		default: void 0
+	},
+	marginBottom: {
+		type: Number,
+		default: void 0
+	},
+	marginLeft: {
+		type: Number,
+		default: void 0
+	}
+};
+export { flBarcodeFormats, flBarcodeProps, flBarcodeTextAligns, flBarcodeTextPositions };
+
+//# sourceMappingURL=barcode.mjs.map

package/esm/components/barcode/src/barcode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"barcode.mjs","names":[],"sources":["../../../../../../packages/components/barcode/src/barcode.ts"],"sourcesContent":["import type { ExtractPublicPropTypes, PropType } from 'vue'\r\n\r\nexport const flBarcodeFormats = ['CODE128', 'CODE39', 'EAN13', 'EAN8', 'UPCA', 'UPCE'] as const\r\n\r\nexport type FlBarcodeFormat = (typeof flBarcodeFormats)[number]\r\n\r\nexport const flBarcodeTextAligns = ['left', 'center', 'right'] as const\r\n\r\nexport type FlBarcodeTextAlign = (typeof flBarcodeTextAligns)[number]\r\n\r\nexport const flBarcodeTextPositions = ['top', 'bottom'] as const\r\n\r\nexport type FlBarcodeTextPosition = (typeof flBarcodeTextPositions)[number]\r\n\r\nexport const flBarcodeProps = {\r\n  /**\r\n   * Barcode payload.\r\n   */\r\n  value: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * Supported barcode format.\r\n   */\r\n  format: {\r\n    type: String as PropType<FlBarcodeFormat>,\r\n    default: 'CODE128',\r\n    validator: (value: string) => flBarcodeFormats.includes(value as FlBarcodeFormat)\r\n  },\r\n  /**\r\n   * Width of each bar.\r\n   */\r\n  width: {\r\n    type: Number,\r\n    default: 2\r\n  },\r\n  /**\r\n   * Barcode height.\r\n   */\r\n  height: {\r\n    type: Number,\r\n    default: 100\r\n  },\r\n  /**\r\n   * Bar color.\r\n   */\r\n  color: {\r\n    type: String,\r\n    default: '#000000'\r\n  },\r\n  /**\r\n   * Background color.\r\n   */\r\n  backgroundColor: {\r\n    type: String,\r\n    default: '#ffffff'\r\n  },\r\n  /**\r\n   * Whether to display readable text.\r\n   */\r\n  displayValue: {\r\n    type: Boolean,\r\n    default: true\r\n  },\r\n  /**\r\n   * Custom text. Falls back to value when empty.\r\n   */\r\n  text: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * Text font family.\r\n   */\r\n  font: {\r\n    type: String,\r\n    default: 'monospace'\r\n  },\r\n  /**\r\n   * Text font style flags.\r\n   */\r\n  fontOptions: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * Text font size.\r\n   */\r\n  fontSize: {\r\n    type: Number,\r\n    default: 20\r\n  },\r\n  /**\r\n   * Text alignment.\r\n   */\r\n  textAlign: {\r\n    type: String as PropType<FlBarcodeTextAlign>,\r\n    default: 'center',\r\n    validator: (value: string) => flBarcodeTextAligns.includes(value as FlBarcodeTextAlign)\r\n  },\r\n  /**\r\n   * Text position.\r\n   */\r\n  textPosition: {\r\n    type: String as PropType<FlBarcodeTextPosition>,\r\n    default: 'bottom',\r\n    validator: (value: string) => flBarcodeTextPositions.includes(value as FlBarcodeTextPosition)\r\n  },\r\n  /**\r\n   * Distance between barcode bars and text.\r\n   */\r\n  textMargin: {\r\n    type: Number,\r\n    default: 2\r\n  },\r\n  /**\r\n   * Global margin around the barcode.\r\n   */\r\n  margin: {\r\n    type: Number,\r\n    default: 10\r\n  },\r\n  /**\r\n   * Overrides the top margin when provided.\r\n   */\r\n  marginTop: {\r\n    type: Number,\r\n    default: undefined\r\n  },\r\n  /**\r\n   * Overrides the right margin when provided.\r\n   */\r\n  marginRight: {\r\n    type: Number,\r\n    default: undefined\r\n  },\r\n  /**\r\n   * Overrides the bottom margin when provided.\r\n   */\r\n  marginBottom: {\r\n    type: Number,\r\n    default: undefined\r\n  },\r\n  /**\r\n   * Overrides the left margin when provided.\r\n   */\r\n  marginLeft: {\r\n    type: Number,\r\n    default: undefined\r\n  }\r\n} as const\r\n\r\nexport type FlBarcodeProps = ExtractPublicPropTypes<typeof flBarcodeProps>\r\n\r\nexport type BarcodeProps = FlBarcodeProps\r\n"],"mappings":"AAEA,MAAa,mBAAmB;CAAC;CAAW;CAAU;CAAS;CAAQ;CAAQ;CAAO;AAItF,MAAa,sBAAsB;CAAC;CAAQ;CAAU;CAAQ;AAI9D,MAAa,yBAAyB,CAAC,OAAO,SAAS;AAIvD,MAAa,iBAAiB;CAI5B,OAAO;EACL,MAAM;EACN,SAAS;EACV;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACT,YAAY,UAAkB,iBAAiB,SAAS,MAAyB;EAClF;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;CAID,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CAID,MAAM;EACJ,MAAM;EACN,SAAS;EACV;CAID,MAAM;EACJ,MAAM;EACN,SAAS;EACV;CAID,aAAa;EACX,MAAM;EACN,SAAS;EACV;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACT,YAAY,UAAkB,oBAAoB,SAAS,MAA4B;EACxF;CAID,cAAc;EACZ,MAAM;EACN,SAAS;EACT,YAAY,UAAkB,uBAAuB,SAAS,MAA+B;EAC9F;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,SAAS,KAAA;EACV;CAID,aAAa;EACX,MAAM;EACN,SAAS,KAAA;EACV;CAID,cAAc;EACZ,MAAM;EACN,SAAS,KAAA;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS,KAAA;EACV;CACF"}

package/esm/components/barcode/src/barcode.vue.mjs

@@ -0,0 +1,194 @@
+import { n as __toDynamicImportESM } from "./chunk--em_ddB3.js";
+import { createElementBlock, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, unref, useAttrs, watch } from "vue";
+const flBarcodeFormats = [
+	"CODE128",
+	"CODE39",
+	"EAN13",
+	"EAN8",
+	"UPCA",
+	"UPCE"
+];
+const flBarcodeTextAligns = [
+	"left",
+	"center",
+	"right"
+];
+const flBarcodeTextPositions = ["top", "bottom"];
+var barcode_default = /* @__PURE__ */ defineComponent({
+	name: "FlBarcode",
+	inheritAttrs: false,
+	__name: "barcode",
+	props: {
+		value: {
+			type: String,
+			default: ""
+		},
+		format: {
+			type: String,
+			default: "CODE128",
+			validator: (value) => flBarcodeFormats.includes(value)
+		},
+		width: {
+			type: Number,
+			default: 2
+		},
+		height: {
+			type: Number,
+			default: 100
+		},
+		color: {
+			type: String,
+			default: "#000000"
+		},
+		backgroundColor: {
+			type: String,
+			default: "#ffffff"
+		},
+		displayValue: {
+			type: Boolean,
+			default: true
+		},
+		text: {
+			type: String,
+			default: ""
+		},
+		font: {
+			type: String,
+			default: "monospace"
+		},
+		fontOptions: {
+			type: String,
+			default: ""
+		},
+		fontSize: {
+			type: Number,
+			default: 20
+		},
+		textAlign: {
+			type: String,
+			default: "center",
+			validator: (value) => flBarcodeTextAligns.includes(value)
+		},
+		textPosition: {
+			type: String,
+			default: "bottom",
+			validator: (value) => flBarcodeTextPositions.includes(value)
+		},
+		textMargin: {
+			type: Number,
+			default: 2
+		},
+		margin: {
+			type: Number,
+			default: 10
+		},
+		marginTop: {
+			type: Number,
+			default: void 0
+		},
+		marginRight: {
+			type: Number,
+			default: void 0
+		},
+		marginBottom: {
+			type: Number,
+			default: void 0
+		},
+		marginLeft: {
+			type: Number,
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const svgRef = ref(null);
+		let renderVersion = 0;
+		let jsBarcodeModulePromise = null;
+		const clearSvg = (svg) => {
+			svg.innerHTML = "";
+		};
+		const resolveFormat = (format) => {
+			const normalized = String(format).toUpperCase();
+			if (normalized === "UPCA") return "UPC";
+			return normalized;
+		};
+		const buildOptions = () => {
+			const options = {
+				format: resolveFormat(props.format),
+				width: props.width,
+				height: props.height,
+				lineColor: props.color,
+				background: props.backgroundColor,
+				displayValue: props.displayValue,
+				text: props.text === "" ? void 0 : props.text,
+				font: props.font,
+				fontOptions: props.fontOptions,
+				fontSize: props.fontSize,
+				textAlign: props.textAlign,
+				textPosition: props.textPosition,
+				textMargin: props.textMargin,
+				margin: props.margin
+			};
+			if (props.marginTop !== void 0) options.marginTop = props.marginTop;
+			if (props.marginRight !== void 0) options.marginRight = props.marginRight;
+			if (props.marginBottom !== void 0) options.marginBottom = props.marginBottom;
+			if (props.marginLeft !== void 0) options.marginLeft = props.marginLeft;
+			return options;
+		};
+		const loadJsBarcode = async () => {
+			if (!jsBarcodeModulePromise) jsBarcodeModulePromise = import("./JsBarcode-C5ux6wsb.js").then(__toDynamicImportESM());
+			return (await jsBarcodeModulePromise).default;
+		};
+		const renderBarcode = async () => {
+			const currentVersion = ++renderVersion;
+			const svg = svgRef.value;
+			if (!svg) return;
+			clearSvg(svg);
+			if (props.value === "") return;
+			const JsBarcode = await loadJsBarcode();
+			if (currentVersion !== renderVersion) return;
+			JsBarcode(svg, props.value, buildOptions());
+		};
+		const watchSources = () => [
+			props.value,
+			props.format,
+			props.width,
+			props.height,
+			props.color,
+			props.backgroundColor,
+			props.displayValue,
+			props.text,
+			props.font,
+			props.fontOptions,
+			props.fontSize,
+			props.textAlign,
+			props.textPosition,
+			props.textMargin,
+			props.margin,
+			props.marginTop,
+			props.marginRight,
+			props.marginBottom,
+			props.marginLeft
+		];
+		onMounted(() => {
+			renderBarcode();
+		});
+		watch(watchSources, () => {
+			renderBarcode();
+		}, { flush: "post" });
+		onBeforeUnmount(() => {
+			renderVersion += 1;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", mergeProps({
+				ref_key: "svgRef",
+				ref: svgRef,
+				class: "fl-barcode"
+			}, unref(attrs)), null, 16);
+		};
+	}
+});
+export { barcode_default as default };
+
+//# sourceMappingURL=barcode.vue.mjs.map

package/esm/components/barcode/src/barcode.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"barcode.vue.mjs","names":[],"sources":["../../../../../../packages/components/barcode/src/barcode.ts","../../../../../../packages/components/barcode/src/barcode.vue","../../../../../../packages/components/barcode/src/barcode.vue"],"sourcesContent":["import type { ExtractPublicPropTypes, PropType } from 'vue'\r\n\r\nexport const flBarcodeFormats = ['CODE128', 'CODE39', 'EAN13', 'EAN8', 'UPCA', 'UPCE'] as const\r\n\r\nexport type FlBarcodeFormat = (typeof flBarcodeFormats)[number]\r\n\r\nexport const flBarcodeTextAligns = ['left', 'center', 'right'] as const\r\n\r\nexport type FlBarcodeTextAlign = (typeof flBarcodeTextAligns)[number]\r\n\r\nexport const flBarcodeTextPositions = ['top', 'bottom'] as const\r\n\r\nexport type FlBarcodeTextPosition = (typeof flBarcodeTextPositions)[number]\r\n\r\nexport const flBarcodeProps = {\r\n  /**\r\n   * Barcode payload.\r\n   */\r\n  value: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * Supported barcode format.\r\n   */\r\n  format: {\r\n    type: String as PropType<FlBarcodeFormat>,\r\n    default: 'CODE128',\r\n    validator: (value: string) => flBarcodeFormats.includes(value as FlBarcodeFormat)\r\n  },\r\n  /**\r\n   * Width of each bar.\r\n   */\r\n  width: {\r\n    type: Number,\r\n    default: 2\r\n  },\r\n  /**\r\n   * Barcode height.\r\n   */\r\n  height: {\r\n    type: Number,\r\n    default: 100\r\n  },\r\n  /**\r\n   * Bar color.\r\n   */\r\n  color: {\r\n    type: String,\r\n    default: '#000000'\r\n  },\r\n  /**\r\n   * Background color.\r\n   */\r\n  backgroundColor: {\r\n    type: String,\r\n    default: '#ffffff'\r\n  },\r\n  /**\r\n   * Whether to display readable text.\r\n   */\r\n  displayValue: {\r\n    type: Boolean,\r\n    default: true\r\n  },\r\n  /**\r\n   * Custom text. Falls back to value when empty.\r\n   */\r\n  text: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * Text font family.\r\n   */\r\n  font: {\r\n    type: String,\r\n    default: 'monospace'\r\n  },\r\n  /**\r\n   * Text font style flags.\r\n   */\r\n  fontOptions: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * Text font size.\r\n   */\r\n  fontSize: {\r\n    type: Number,\r\n    default: 20\r\n  },\r\n  /**\r\n   * Text alignment.\r\n   */\r\n  textAlign: {\r\n    type: String as PropType<FlBarcodeTextAlign>,\r\n    default: 'center',\r\n    validator: (value: string) => flBarcodeTextAligns.includes(value as FlBarcodeTextAlign)\r\n  },\r\n  /**\r\n   * Text position.\r\n   */\r\n  textPosition: {\r\n    type: String as PropType<FlBarcodeTextPosition>,\r\n    default: 'bottom',\r\n    validator: (value: string) => flBarcodeTextPositions.includes(value as FlBarcodeTextPosition)\r\n  },\r\n  /**\r\n   * Distance between barcode bars and text.\r\n   */\r\n  textMargin: {\r\n    type: Number,\r\n    default: 2\r\n  },\r\n  /**\r\n   * Global margin around the barcode.\r\n   */\r\n  margin: {\r\n    type: Number,\r\n    default: 10\r\n  },\r\n  /**\r\n   * Overrides the top margin when provided.\r\n   */\r\n  marginTop: {\r\n    type: Number,\r\n    default: undefined\r\n  },\r\n  /**\r\n   * Overrides the right margin when provided.\r\n   */\r\n  marginRight: {\r\n    type: Number,\r\n    default: undefined\r\n  },\r\n  /**\r\n   * Overrides the bottom margin when provided.\r\n   */\r\n  marginBottom: {\r\n    type: Number,\r\n    default: undefined\r\n  },\r\n  /**\r\n   * Overrides the left margin when provided.\r\n   */\r\n  marginLeft: {\r\n    type: Number,\r\n    default: undefined\r\n  }\r\n} as const\r\n\r\nexport type FlBarcodeProps = ExtractPublicPropTypes<typeof flBarcodeProps>\r\n\r\nexport type BarcodeProps = FlBarcodeProps\r\n","<template>\r\n  <svg ref=\"svgRef\" class=\"fl-barcode\" v-bind=\"attrs\"></svg>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onBeforeUnmount, onMounted, ref, useAttrs, watch } from 'vue'\r\nimport { flBarcodeProps } from './barcode'\r\nimport type { FlBarcodeFormat } from './barcode'\r\n\r\ndefineOptions({\r\n  name: 'FlBarcode',\r\n  inheritAttrs: false\r\n})\r\n\r\ntype JsBarcodeRenderer = (\r\n  element: SVGSVGElement,\r\n  value: string,\r\n  options: Record<string, unknown>\r\n) => void\r\n\r\ntype JsBarcodeModule = {\r\n  default: JsBarcodeRenderer\r\n}\r\n\r\nconst props = defineProps(flBarcodeProps)\r\nconst attrs = useAttrs()\r\nconst svgRef = ref<SVGSVGElement | null>(null)\r\n\r\nlet renderVersion = 0\r\nlet jsBarcodeModulePromise: Promise<JsBarcodeModule> | null = null\r\n\r\nconst clearSvg = (svg: SVGSVGElement) => {\r\n  svg.innerHTML = ''\r\n}\r\n\r\nconst resolveFormat = (format: FlBarcodeFormat): string => {\r\n  const normalized = String(format).toUpperCase()\r\n\r\n  if (normalized === 'UPCA') {\r\n    return 'UPC'\r\n  }\r\n\r\n  return normalized\r\n}\r\n\r\nconst buildOptions = (): Record<string, unknown> => {\r\n  const options: Record<string, unknown> = {\r\n    format: resolveFormat(props.format),\r\n    width: props.width,\r\n    height: props.height,\r\n    lineColor: props.color,\r\n    background: props.backgroundColor,\r\n    displayValue: props.displayValue,\r\n    text: props.text === '' ? undefined : props.text,\r\n    font: props.font,\r\n    fontOptions: props.fontOptions,\r\n    fontSize: props.fontSize,\r\n    textAlign: props.textAlign,\r\n    textPosition: props.textPosition,\r\n    textMargin: props.textMargin,\r\n    margin: props.margin\r\n  }\r\n\r\n  if (props.marginTop !== undefined) {\r\n    options.marginTop = props.marginTop\r\n  }\r\n\r\n  if (props.marginRight !== undefined) {\r\n    options.marginRight = props.marginRight\r\n  }\r\n\r\n  if (props.marginBottom !== undefined) {\r\n    options.marginBottom = props.marginBottom\r\n  }\r\n\r\n  if (props.marginLeft !== undefined) {\r\n    options.marginLeft = props.marginLeft\r\n  }\r\n\r\n  return options\r\n}\r\n\r\nconst loadJsBarcode = async (): Promise<JsBarcodeRenderer> => {\r\n  if (!jsBarcodeModulePromise) {\r\n    jsBarcodeModulePromise = import('jsbarcode') as Promise<JsBarcodeModule>\r\n  }\r\n\r\n  const module = await jsBarcodeModulePromise\r\n  return module.default\r\n}\r\n\r\nconst renderBarcode = async () => {\r\n  const currentVersion = ++renderVersion\r\n  const svg = svgRef.value\r\n\r\n  if (!svg) {\r\n    return\r\n  }\r\n\r\n  clearSvg(svg)\r\n\r\n  if (props.value === '') {\r\n    return\r\n  }\r\n\r\n  const JsBarcode = await loadJsBarcode()\r\n  if (currentVersion !== renderVersion) {\r\n    return\r\n  }\r\n\r\n  JsBarcode(svg, props.value, buildOptions())\r\n}\r\n\r\nconst watchSources = () => [\r\n  props.value,\r\n  props.format,\r\n  props.width,\r\n  props.height,\r\n  props.color,\r\n  props.backgroundColor,\r\n  props.displayValue,\r\n  props.text,\r\n  props.font,\r\n  props.fontOptions,\r\n  props.fontSize,\r\n  props.textAlign,\r\n  props.textPosition,\r\n  props.textMargin,\r\n  props.margin,\r\n  props.marginTop,\r\n  props.marginRight,\r\n  props.marginBottom,\r\n  props.marginLeft\r\n]\r\n\r\nonMounted(() => {\r\n  void renderBarcode()\r\n})\r\n\r\nwatch(\r\n  watchSources,\r\n  () => {\r\n    void renderBarcode()\r\n  },\r\n  { flush: 'post' }\r\n)\r\n\r\nonBeforeUnmount(() => {\r\n  renderVersion += 1\r\n})\r\n</script>\r\n","<template>\r\n  <svg ref=\"svgRef\" class=\"fl-barcode\" v-bind=\"attrs\"></svg>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onBeforeUnmount, onMounted, ref, useAttrs, watch } from 'vue'\r\nimport { flBarcodeProps } from './barcode'\r\nimport type { FlBarcodeFormat } from './barcode'\r\n\r\ndefineOptions({\r\n  name: 'FlBarcode',\r\n  inheritAttrs: false\r\n})\r\n\r\ntype JsBarcodeRenderer = (\r\n  element: SVGSVGElement,\r\n  value: string,\r\n  options: Record<string, unknown>\r\n) => void\r\n\r\ntype JsBarcodeModule = {\r\n  default: JsBarcodeRenderer\r\n}\r\n\r\nconst props = defineProps(flBarcodeProps)\r\nconst attrs = useAttrs()\r\nconst svgRef = ref<SVGSVGElement | null>(null)\r\n\r\nlet renderVersion = 0\r\nlet jsBarcodeModulePromise: Promise<JsBarcodeModule> | null = null\r\n\r\nconst clearSvg = (svg: SVGSVGElement) => {\r\n  svg.innerHTML = ''\r\n}\r\n\r\nconst resolveFormat = (format: FlBarcodeFormat): string => {\r\n  const normalized = String(format).toUpperCase()\r\n\r\n  if (normalized === 'UPCA') {\r\n    return 'UPC'\r\n  }\r\n\r\n  return normalized\r\n}\r\n\r\nconst buildOptions = (): Record<string, unknown> => {\r\n  const options: Record<string, unknown> = {\r\n    format: resolveFormat(props.format),\r\n    width: props.width,\r\n    height: props.height,\r\n    lineColor: props.color,\r\n    background: props.backgroundColor,\r\n    displayValue: props.displayValue,\r\n    text: props.text === '' ? undefined : props.text,\r\n    font: props.font,\r\n    fontOptions: props.fontOptions,\r\n    fontSize: props.fontSize,\r\n    textAlign: props.textAlign,\r\n    textPosition: props.textPosition,\r\n    textMargin: props.textMargin,\r\n    margin: props.margin\r\n  }\r\n\r\n  if (props.marginTop !== undefined) {\r\n    options.marginTop = props.marginTop\r\n  }\r\n\r\n  if (props.marginRight !== undefined) {\r\n    options.marginRight = props.marginRight\r\n  }\r\n\r\n  if (props.marginBottom !== undefined) {\r\n    options.marginBottom = props.marginBottom\r\n  }\r\n\r\n  if (props.marginLeft !== undefined) {\r\n    options.marginLeft = props.marginLeft\r\n  }\r\n\r\n  return options\r\n}\r\n\r\nconst loadJsBarcode = async (): Promise<JsBarcodeRenderer> => {\r\n  if (!jsBarcodeModulePromise) {\r\n    jsBarcodeModulePromise = import('jsbarcode') as Promise<JsBarcodeModule>\r\n  }\r\n\r\n  const module = await jsBarcodeModulePromise\r\n  return module.default\r\n}\r\n\r\nconst renderBarcode = async () => {\r\n  const currentVersion = ++renderVersion\r\n  const svg = svgRef.value\r\n\r\n  if (!svg) {\r\n    return\r\n  }\r\n\r\n  clearSvg(svg)\r\n\r\n  if (props.value === '') {\r\n    return\r\n  }\r\n\r\n  const JsBarcode = await loadJsBarcode()\r\n  if (currentVersion !== renderVersion) {\r\n    return\r\n  }\r\n\r\n  JsBarcode(svg, props.value, buildOptions())\r\n}\r\n\r\nconst watchSources = () => [\r\n  props.value,\r\n  props.format,\r\n  props.width,\r\n  props.height,\r\n  props.color,\r\n  props.backgroundColor,\r\n  props.displayValue,\r\n  props.text,\r\n  props.font,\r\n  props.fontOptions,\r\n  props.fontSize,\r\n  props.textAlign,\r\n  props.textPosition,\r\n  props.textMargin,\r\n  props.margin,\r\n  props.marginTop,\r\n  props.marginRight,\r\n  props.marginBottom,\r\n  props.marginLeft\r\n]\r\n\r\nonMounted(() => {\r\n  void renderBarcode()\r\n})\r\n\r\nwatch(\r\n  watchSources,\r\n  () => {\r\n    void renderBarcode()\r\n  },\r\n  { flush: 'post' }\r\n)\r\n\r\nonBeforeUnmount(() => {\r\n  renderVersion += 1\r\n})\r\n</script>\r\n"],"mappings":"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"}

package/esm/components/barcode/src/chunk--em_ddB3.js

@@ -0,0 +1,23 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toDynamicImportESM = (isNodeMode) => (mod) => __toESM(mod.default, isNodeMode);
+export { __toDynamicImportESM as n, __commonJSMin as t };

package/esm/components/button/index.mjs

@@ -0,0 +1,126 @@
+import { computed, createBlock, defineComponent, getCurrentInstance, h, openBlock, resolveDynamicComponent, unref, useAttrs, useSlots } from "vue";
+import { ElButton } from "element-plus";
+var defaultNamespace = "fl";
+var statePrefix = "is-";
+var buildBemName = (namespace, block, blockSuffix = "", element = "", modifier = "") => {
+	let className = `${namespace}-${block}`;
+	if (blockSuffix) className += `-${blockSuffix}`;
+	if (element) className += `__${element}`;
+	if (modifier) className += `--${modifier}`;
+	return className;
+};
+const useNamespace = (block, namespace = defaultNamespace) => {
+	const b = (blockSuffix = "") => buildBemName(namespace, block, blockSuffix);
+	const e = (element) => element ? buildBemName(namespace, block, "", element) : "";
+	const m = (modifier) => modifier ? buildBemName(namespace, block, "", "", modifier) : "";
+	const be = (blockSuffix, element) => {
+		if (!blockSuffix || !element) return "";
+		return buildBemName(namespace, block, blockSuffix, element);
+	};
+	const em = (element, modifier) => {
+		if (!element || !modifier) return "";
+		return buildBemName(namespace, block, "", element, modifier);
+	};
+	const bm = (blockSuffix, modifier) => {
+		if (!blockSuffix || !modifier) return "";
+		return buildBemName(namespace, block, blockSuffix, "", modifier);
+	};
+	const bem = (blockSuffix, element, modifier) => {
+		if (!blockSuffix && !element && !modifier) return b();
+		return buildBemName(namespace, block, blockSuffix, element, modifier);
+	};
+	const is = (name, state = true) => state ? `${statePrefix}${name}` : "";
+	return {
+		namespace,
+		b,
+		e,
+		m,
+		be,
+		em,
+		bm,
+		bem,
+		is
+	};
+};
+const mergeComponentExpose = (vm, exposed, extras = {}) => {
+	if (!vm?.exposed || !exposed || typeof exposed !== "object" && typeof exposed !== "function") return;
+	Object.assign(vm.exposed, extras, exposed);
+};
+const invokeListener = (listener, ...args) => {
+	if (typeof listener === "function") {
+		listener(...args);
+		return;
+	}
+	if (!Array.isArray(listener)) return;
+	for (const item of listener) if (typeof item === "function") item(...args);
+};
+const withInstall = (component) => {
+	const installable = component;
+	installable.install = (app) => {
+		if (!component.name) return;
+		app.component(component.name, component);
+	};
+	return installable;
+};
+const useMergedAttrs = ({ attrs, block, listenerName, onListener }) => {
+	const className = useNamespace(block).b();
+	return { mergedAttrs: computed(() => {
+		const next = { ...attrs };
+		const originalListener = next[listenerName];
+		next.class = [className, next.class];
+		next[listenerName] = (...args) => {
+			onListener?.(...args);
+			invokeListener(originalListener, ...args);
+		};
+		return next;
+	}) };
+};
+const useMergedExpose = (extras) => {
+	const vm = getCurrentInstance();
+	const changeRef = (exposed) => {
+		mergeComponentExpose(vm, exposed, extras);
+	};
+	return { changeRef };
+};
+const FlButton = withInstall(/* @__PURE__ */ defineComponent({
+	name: "FlButton",
+	inheritAttrs: false,
+	__name: "button",
+	props: {
+		debugLabel: {
+			type: String,
+			default: ""
+		},
+		debugMode: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: { "debug-click": (payload) => typeof payload.label === "string" },
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const { changeRef } = useMergedExpose({ debugKind: "button" });
+		const { mergedAttrs } = useMergedAttrs({
+			attrs,
+			block: "button",
+			listenerName: "onClick",
+			onListener: () => {
+				if (props.debugMode) emit("debug-click", { label: props.debugLabel });
+			}
+		});
+		__expose({});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(h(unref(ElButton), {
+				...unref(mergedAttrs),
+				ref: unref(changeRef)
+			}, unref(slots))));
+		};
+	}
+}));
+var button_default = FlButton;
+export { FlButton, button_default as default };
+
+//# sourceMappingURL=index.mjs.map

package/esm/components/button/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/utils/src/bem.ts","../../../../../packages/utils/src/component.ts","../../../../../packages/utils/src/install.ts","../../../../../packages/hooks/src/use-component.ts","../../../../../packages/components/button/src/button.ts","../../../../../packages/components/button/src/button.vue","../../../../../packages/components/button/src/button.vue","../../../../../packages/components/button/index.ts"],"sourcesContent":["const defaultNamespace = 'fl'\r\nconst statePrefix = 'is-'\r\n\r\nconst buildBemName = (\r\n  namespace: string,\r\n  block: string,\r\n  blockSuffix = '',\r\n  element = '',\r\n  modifier = ''\r\n) => {\r\n  let className = `${namespace}-${block}`\r\n\r\n  if (blockSuffix) {\r\n    className += `-${blockSuffix}`\r\n  }\r\n\r\n  if (element) {\r\n    className += `__${element}`\r\n  }\r\n\r\n  if (modifier) {\r\n    className += `--${modifier}`\r\n  }\r\n\r\n  return className\r\n}\r\n\r\nexport const useNamespace = (block: string, namespace = defaultNamespace) => {\r\n  const b = (blockSuffix = '') => buildBemName(namespace, block, blockSuffix)\r\n\r\n  const e = (element?: string) => (element ? buildBemName(namespace, block, '', element) : '')\r\n\r\n  const m = (modifier?: string) =>\r\n    modifier ? buildBemName(namespace, block, '', '', modifier) : ''\r\n\r\n  const be = (blockSuffix?: string, element?: string) => {\r\n    if (!blockSuffix || !element) {\r\n      return ''\r\n    }\r\n\r\n    return buildBemName(namespace, block, blockSuffix, element)\r\n  }\r\n\r\n  const em = (element?: string, modifier?: string) => {\r\n    if (!element || !modifier) {\r\n      return ''\r\n    }\r\n\r\n    return buildBemName(namespace, block, '', element, modifier)\r\n  }\r\n\r\n  const bm = (blockSuffix?: string, modifier?: string) => {\r\n    if (!blockSuffix || !modifier) {\r\n      return ''\r\n    }\r\n\r\n    return buildBemName(namespace, block, blockSuffix, '', modifier)\r\n  }\r\n\r\n  const bem = (blockSuffix?: string, element?: string, modifier?: string) => {\r\n    if (!blockSuffix && !element && !modifier) {\r\n      return b()\r\n    }\r\n\r\n    return buildBemName(namespace, block, blockSuffix, element, modifier)\r\n  }\r\n\r\n  const is = (name: string, state = true) => (state ? `${statePrefix}${name}` : '')\r\n\r\n  return {\r\n    namespace,\r\n    b,\r\n    e,\r\n    m,\r\n    be,\r\n    em,\r\n    bm,\r\n    bem,\r\n    is\r\n  }\r\n}\r\n","type ExposedTarget = {\r\n  exposed?: Record<string, unknown> | null\r\n} | null\r\n\r\nexport const mergeComponentExpose = (\r\n  vm: ExposedTarget,\r\n  exposed: unknown,\r\n  extras: Record<string, unknown> = {}\r\n) => {\r\n  if (!vm?.exposed || !exposed || (typeof exposed !== 'object' && typeof exposed !== 'function')) {\r\n    return\r\n  }\r\n\r\n  Object.assign(vm.exposed, extras, exposed)\r\n}\r\n\r\nexport const invokeListener = (listener: unknown, ...args: unknown[]) => {\r\n  if (typeof listener === 'function') {\r\n    listener(...args)\r\n    return\r\n  }\r\n\r\n  if (!Array.isArray(listener)) {\r\n    return\r\n  }\r\n\r\n  for (const item of listener) {\r\n    if (typeof item === 'function') {\r\n      item(...args)\r\n    }\r\n  }\r\n}\r\n","import type { App, Plugin } from 'vue'\r\n\r\nexport type SFCWithInstall<T> = T & Plugin\r\n\r\nexport const withInstall = <T extends { name?: string }>(component: T): SFCWithInstall<T> => {\r\n  const installable = component as SFCWithInstall<T>\r\n\r\n  installable.install = (app: App) => {\r\n    if (!component.name) {\r\n      return\r\n    }\r\n\r\n    app.component(component.name, component as unknown as object)\r\n  }\r\n\r\n  return installable\r\n}\r\n","import { computed, getCurrentInstance } from 'vue'\r\nimport { invokeListener, mergeComponentExpose, useNamespace } from '@falcon-ui/utils'\r\n\r\ntype UseMergedAttrsOptions = {\r\n  attrs: Record<string, unknown>\r\n  block: string\r\n  listenerName: string\r\n  onListener?: (...args: unknown[]) => void\r\n}\r\n\r\nexport const useMergedAttrs = ({\r\n  attrs,\r\n  block,\r\n  listenerName,\r\n  onListener\r\n}: UseMergedAttrsOptions) => {\r\n  const ns = useNamespace(block)\r\n  const className = ns.b()\r\n\r\n  const mergedAttrs = computed(() => {\r\n    const next = { ...attrs }\r\n    const originalListener = next[listenerName]\r\n    next.class = [className, next.class]\r\n\r\n    next[listenerName] = (...args: unknown[]) => {\r\n      onListener?.(...args)\r\n      invokeListener(originalListener, ...args)\r\n    }\r\n\r\n    return next\r\n  })\r\n\r\n  return {\r\n    mergedAttrs\r\n  }\r\n}\r\n\r\nexport const useMergedExpose = <TExpose extends Record<string, unknown>>(extras: TExpose) => {\r\n  const vm = getCurrentInstance()\r\n\r\n  const changeRef = (exposed: unknown) => {\r\n    mergeComponentExpose(vm, exposed, extras)\r\n  }\r\n\r\n  return {\r\n    changeRef\r\n  }\r\n}\r\n","import type { ExtractPublicPropTypes } from 'vue'\r\n\r\nexport const flButtonProps = {\r\n  /**\r\n   * 调试事件标签，在开启调试模式后会随 `debug-click` 一起抛出。\r\n   */\r\n  debugLabel: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * 是否开启调试点击事件，开启后每次点击都会触发 `debug-click`。\r\n   */\r\n  debugMode: {\r\n    type: Boolean,\r\n    default: false\r\n  }\r\n} as const\r\n\r\nexport interface FlButtonDebugPayload {\r\n  /**\r\n   * 用于标识当前按钮实例的业务标签。\r\n   */\r\n  label: string\r\n}\r\n\r\nexport const flButtonEmits = {\r\n  /**\r\n   * 开启调试模式后，在按钮点击时触发。\r\n   */\r\n  'debug-click': (payload: FlButtonDebugPayload) => typeof payload.label === 'string'\r\n} as const\r\n\r\nexport type FlButtonProps = ExtractPublicPropTypes<typeof flButtonProps>\r\nexport type FlButtonEmits = typeof flButtonEmits\r\n\r\nexport type ButtonProps = FlButtonProps\r\nexport type ButtonEmits = FlButtonEmits\r\n","<template>\r\n  <component :is=\"h(ElButton, { ...mergedAttrs, ref: changeRef }, slots)\" />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElButton } from 'element-plus'\r\nimport type { ComponentInstance } from 'vue'\r\nimport { h, useAttrs, useSlots } from 'vue'\r\nimport { useMergedAttrs, useMergedExpose } from '@falcon-ui/hooks'\r\nimport { flButtonEmits, flButtonProps } from './button'\r\n\r\ndefineOptions({\r\n  name: 'FlButton',\r\n  inheritAttrs: false\r\n})\r\n\r\nconst props = defineProps(flButtonProps)\r\nconst emit = defineEmits(flButtonEmits)\r\nconst attrs = useAttrs()\r\nconst slots = useSlots()\r\n\r\nconst _myExpose = {\r\n  /**\r\n   * 标记该暴露值来源于 FlButton，便于调试识别。\r\n   */\r\n  debugKind: 'button'\r\n}\r\n\r\nconst { changeRef } = useMergedExpose(_myExpose)\r\nconst { mergedAttrs } = useMergedAttrs({\r\n  attrs: attrs as Record<string, unknown>,\r\n  block: 'button',\r\n  listenerName: 'onClick',\r\n  onListener: () => {\r\n    if (props.debugMode) {\r\n      emit('debug-click', {\r\n        label: props.debugLabel\r\n      })\r\n    }\r\n  }\r\n})\r\n\r\ndefineExpose({} as ComponentInstance<typeof ElButton> & typeof _myExpose)\r\n</script>\r\n","<template>\r\n  <component :is=\"h(ElButton, { ...mergedAttrs, ref: changeRef }, slots)\" />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElButton } from 'element-plus'\r\nimport type { ComponentInstance } from 'vue'\r\nimport { h, useAttrs, useSlots } from 'vue'\r\nimport { useMergedAttrs, useMergedExpose } from '@falcon-ui/hooks'\r\nimport { flButtonEmits, flButtonProps } from './button'\r\n\r\ndefineOptions({\r\n  name: 'FlButton',\r\n  inheritAttrs: false\r\n})\r\n\r\nconst props = defineProps(flButtonProps)\r\nconst emit = defineEmits(flButtonEmits)\r\nconst attrs = useAttrs()\r\nconst slots = useSlots()\r\n\r\nconst _myExpose = {\r\n  /**\r\n   * 标记该暴露值来源于 FlButton，便于调试识别。\r\n   */\r\n  debugKind: 'button'\r\n}\r\n\r\nconst { changeRef } = useMergedExpose(_myExpose)\r\nconst { mergedAttrs } = useMergedAttrs({\r\n  attrs: attrs as Record<string, unknown>,\r\n  block: 'button',\r\n  listenerName: 'onClick',\r\n  onListener: () => {\r\n    if (props.debugMode) {\r\n      emit('debug-click', {\r\n        label: props.debugLabel\r\n      })\r\n    }\r\n  }\r\n})\r\n\r\ndefineExpose({} as ComponentInstance<typeof ElButton> & typeof _myExpose)\r\n</script>\r\n","import Button from './src/button.vue'\r\nimport { withInstall } from '@falcon-ui/utils'\r\n\r\nexport const FlButton = withInstall(Button)\r\n\r\nexport default FlButton\r\n\r\nexport type { ButtonEmits, ButtonProps, FlButtonEmits, FlButtonProps } from './src/button'\r\n"],"mappings":"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"}

package/esm/components/button/src/button.mjs

@@ -0,0 +1,14 @@
+const flButtonProps = {
+	debugLabel: {
+		type: String,
+		default: ""
+	},
+	debugMode: {
+		type: Boolean,
+		default: false
+	}
+};
+const flButtonEmits = { "debug-click": (payload) => typeof payload.label === "string" };
+export { flButtonEmits, flButtonProps };
+
+//# sourceMappingURL=button.mjs.map

package/esm/components/button/src/button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","names":[],"sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import type { ExtractPublicPropTypes } from 'vue'\r\n\r\nexport const flButtonProps = {\r\n  /**\r\n   * 调试事件标签，在开启调试模式后会随 `debug-click` 一起抛出。\r\n   */\r\n  debugLabel: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * 是否开启调试点击事件，开启后每次点击都会触发 `debug-click`。\r\n   */\r\n  debugMode: {\r\n    type: Boolean,\r\n    default: false\r\n  }\r\n} as const\r\n\r\nexport interface FlButtonDebugPayload {\r\n  /**\r\n   * 用于标识当前按钮实例的业务标签。\r\n   */\r\n  label: string\r\n}\r\n\r\nexport const flButtonEmits = {\r\n  /**\r\n   * 开启调试模式后，在按钮点击时触发。\r\n   */\r\n  'debug-click': (payload: FlButtonDebugPayload) => typeof payload.label === 'string'\r\n} as const\r\n\r\nexport type FlButtonProps = ExtractPublicPropTypes<typeof flButtonProps>\r\nexport type FlButtonEmits = typeof flButtonEmits\r\n\r\nexport type ButtonProps = FlButtonProps\r\nexport type ButtonEmits = FlButtonEmits\r\n"],"mappings":"AAEA,MAAa,gBAAgB;CAI3B,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;CACF;AASD,MAAa,gBAAgB,EAI3B,gBAAgB,YAAkC,OAAO,QAAQ,UAAU,UAC5E"}

package/esm/components/button/src/button.vue.mjs

@@ -0,0 +1,117 @@
+import { computed, createBlock, defineComponent, getCurrentInstance, h, openBlock, resolveDynamicComponent, unref, useAttrs, useSlots } from "vue";
+import { ElButton } from "element-plus";
+var defaultNamespace = "fl";
+var statePrefix = "is-";
+var buildBemName = (namespace, block, blockSuffix = "", element = "", modifier = "") => {
+	let className = `${namespace}-${block}`;
+	if (blockSuffix) className += `-${blockSuffix}`;
+	if (element) className += `__${element}`;
+	if (modifier) className += `--${modifier}`;
+	return className;
+};
+const useNamespace = (block, namespace = defaultNamespace) => {
+	const b = (blockSuffix = "") => buildBemName(namespace, block, blockSuffix);
+	const e = (element) => element ? buildBemName(namespace, block, "", element) : "";
+	const m = (modifier) => modifier ? buildBemName(namespace, block, "", "", modifier) : "";
+	const be = (blockSuffix, element) => {
+		if (!blockSuffix || !element) return "";
+		return buildBemName(namespace, block, blockSuffix, element);
+	};
+	const em = (element, modifier) => {
+		if (!element || !modifier) return "";
+		return buildBemName(namespace, block, "", element, modifier);
+	};
+	const bm = (blockSuffix, modifier) => {
+		if (!blockSuffix || !modifier) return "";
+		return buildBemName(namespace, block, blockSuffix, "", modifier);
+	};
+	const bem = (blockSuffix, element, modifier) => {
+		if (!blockSuffix && !element && !modifier) return b();
+		return buildBemName(namespace, block, blockSuffix, element, modifier);
+	};
+	const is = (name, state = true) => state ? `${statePrefix}${name}` : "";
+	return {
+		namespace,
+		b,
+		e,
+		m,
+		be,
+		em,
+		bm,
+		bem,
+		is
+	};
+};
+const mergeComponentExpose = (vm, exposed, extras = {}) => {
+	if (!vm?.exposed || !exposed || typeof exposed !== "object" && typeof exposed !== "function") return;
+	Object.assign(vm.exposed, extras, exposed);
+};
+const invokeListener = (listener, ...args) => {
+	if (typeof listener === "function") {
+		listener(...args);
+		return;
+	}
+	if (!Array.isArray(listener)) return;
+	for (const item of listener) if (typeof item === "function") item(...args);
+};
+const useMergedAttrs = ({ attrs, block, listenerName, onListener }) => {
+	const className = useNamespace(block).b();
+	return { mergedAttrs: computed(() => {
+		const next = { ...attrs };
+		const originalListener = next[listenerName];
+		next.class = [className, next.class];
+		next[listenerName] = (...args) => {
+			onListener?.(...args);
+			invokeListener(originalListener, ...args);
+		};
+		return next;
+	}) };
+};
+const useMergedExpose = (extras) => {
+	const vm = getCurrentInstance();
+	const changeRef = (exposed) => {
+		mergeComponentExpose(vm, exposed, extras);
+	};
+	return { changeRef };
+};
+var button_default = /* @__PURE__ */ defineComponent({
+	name: "FlButton",
+	inheritAttrs: false,
+	__name: "button",
+	props: {
+		debugLabel: {
+			type: String,
+			default: ""
+		},
+		debugMode: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: { "debug-click": (payload) => typeof payload.label === "string" },
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const { changeRef } = useMergedExpose({ debugKind: "button" });
+		const { mergedAttrs } = useMergedAttrs({
+			attrs,
+			block: "button",
+			listenerName: "onClick",
+			onListener: () => {
+				if (props.debugMode) emit("debug-click", { label: props.debugLabel });
+			}
+		});
+		__expose({});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(h(unref(ElButton), {
+				...unref(mergedAttrs),
+				ref: unref(changeRef)
+			}, unref(slots))));
+		};
+	}
+});
+export { button_default as default };
+
+//# sourceMappingURL=button.vue.mjs.map