npm - @gxp-dev/mod-ui - Versions diffs - 2.0.8 → 2.0.12 - Mend

@gxp-dev/mod-ui 2.0.8 → 2.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2181) hide show

package/dist/definitions/elements/InputElement.js CHANGED Viewed

@@ -1,156 +1,224 @@
-const e = {
-  type: "input.text",
-  label: "Input Label",
-  placeholder: "",
-  defaultValue: "",
-  columns: 12,
-  columnsSm: 12,
-  columnsMd: 12,
-  columnsLg: 12,
-  columnsXl: 12
+//#region src/definitions/elements/InputElement.ts
+var e = {
+	type: "input.text",
+	label: "Input Label",
+	placeholder: "",
+	defaultValue: "",
+	columns: 12,
+	columnsSm: 12,
+	columnsMd: 12,
+	columnsLg: 12,
+	columnsXl: 12
 }, t = {
-  icon: "type",
-  displayLabel: "Input Field",
-  elementCategory: "input",
-  description: "A single-line or multi-line text input. Supports text, email, password, URL, number, search, textarea, range slider, and barcode scanner variants."
-}, a = {
-  label: {
-    type: "input.text",
-    defaultValue: "",
-    label: "Field Label",
-    columns: 12,
-    section: "configuration"
-  },
-  name: {
-    type: "picker.data-model",
-    defaultValue: "",
-    label: "Field Name",
-    columns: 12,
-    section: "advanced"
-  },
-  style: {
-    type: "option-select.select",
-    defaultValue: "text",
-    label: "Input Style",
-    columns: 12,
-    selectOptions: [
-      { label: "Text", value: "text" },
-      { label: "Number", value: "number" },
-      { label: "Email", value: "email" },
-      { label: "Password", value: "password" },
-      { label: "URL", value: "url" },
-      { label: "Tel", value: "tel" },
-      { label: "Search", value: "search" },
-      { label: "Textarea", value: "textarea" },
-      { label: "Range Slider", value: "range-slider" },
-      { label: "Barcode Scanner", value: "barcode-scanner" }
-    ],
-    section: "layout"
-  },
-  placeholder: {
-    type: "input.text",
-    label: "Placeholder Text",
-    columns: 12,
-    section: "configuration"
-  },
-  defaultValue: {
-    type: "input.text",
-    label: "Default Value",
-    columns: 12,
-    section: "configuration"
-  },
-  prepend: {
-    type: "input.text",
-    label: "Prepend Text",
-    columns: 6,
-    section: "layout"
-  },
-  append: {
-    type: "input.text",
-    label: "Append Text",
-    columns: 6,
-    section: "layout"
-  },
-  required: {
-    type: "boolean.switch",
-    label: "Required",
-    columns: 6,
-    section: "configuration"
-  },
-  readonly: {
-    type: "boolean.switch",
-    label: "Read-only",
-    columns: 6,
-    section: "configuration"
-  },
-  maxLength: {
-    type: "input.text",
-    contentType: "integer",
-    label: "Max Length",
-    columns: 6,
-    section: "configuration"
-  },
-  minLength: {
-    type: "input.text",
-    contentType: "integer",
-    label: "Min Length",
-    columns: 6,
-    section: "configuration"
-  },
-  min: {
-    type: "input.text",
-    contentType: "number",
-    label: "Min Value",
-    columns: 6,
-    section: "configuration",
-    conditionParams: [
-      { name: "style", logic: "in-array", value: ["number", "range-slider"] }
-    ]
-  },
-  max: {
-    type: "input.text",
-    contentType: "number",
-    label: "Max Value",
-    columns: 6,
-    section: "configuration",
-    conditionParams: [
-      { name: "style", logic: "in-array", value: ["number", "range-slider"] }
-    ]
-  },
-  step: {
-    type: "input.text",
-    contentType: "number",
-    label: "Step",
-    columns: 6,
-    section: "configuration",
-    conditionParams: [
-      { name: "style", logic: "in-array", value: ["number", "range-slider"] }
-    ]
-  },
-  rows: {
-    type: "input.text",
-    contentType: "integer",
-    label: "Rows",
-    columns: 6,
-    section: "layout",
-    conditionParams: [{ name: "style", logic: "==", value: "textarea" }]
-  }
+	icon: "type",
+	displayLabel: "Input Field",
+	elementCategory: "input",
+	description: "A single-line or multi-line text input. Supports text, email, password, URL, number, search, textarea, range slider, and barcode scanner variants."
 }, n = {
-  text: { displayLabel: "Text", description: "A single-line text input field." },
-  number: { displayLabel: "Number", description: "A numeric input with optional min, max, and step." },
-  email: { displayLabel: "Email", description: "An email address input with format validation." },
-  password: { displayLabel: "Password", description: "A masked password input with optional visibility toggle." },
-  url: { displayLabel: "URL", description: "A URL input with format validation." },
-  tel: { displayLabel: "Phone", description: "A telephone number input." },
-  search: { displayLabel: "Search", description: "A search input with a clear button." },
-  textarea: { displayLabel: "Textarea", description: "A multi-line text input with configurable row height." },
-  "range-slider": { displayLabel: "Range Slider", description: "A slider for selecting a value within a numeric range." },
-  "barcode-scanner": { displayLabel: "Barcode Scanner", description: "A camera-powered barcode/QR code scanner input." }
+	label: {
+		type: "input.text",
+		defaultValue: "",
+		label: "Field Label",
+		columns: 12,
+		section: "configuration"
+	},
+	name: {
+		type: "picker.data-model",
+		defaultValue: "",
+		label: "Field Name",
+		columns: 12,
+		section: "advanced"
+	},
+	style: {
+		type: "option-select.select",
+		defaultValue: "text",
+		label: "Input Style",
+		columns: 12,
+		selectOptions: [
+			{
+				label: "Text",
+				value: "text"
+			},
+			{
+				label: "Number",
+				value: "number"
+			},
+			{
+				label: "Email",
+				value: "email"
+			},
+			{
+				label: "Password",
+				value: "password"
+			},
+			{
+				label: "URL",
+				value: "url"
+			},
+			{
+				label: "Tel",
+				value: "tel"
+			},
+			{
+				label: "Search",
+				value: "search"
+			},
+			{
+				label: "Textarea",
+				value: "textarea"
+			},
+			{
+				label: "Range Slider",
+				value: "range-slider"
+			},
+			{
+				label: "Barcode Scanner",
+				value: "barcode-scanner"
+			}
+		],
+		section: "layout"
+	},
+	placeholder: {
+		type: "input.text",
+		label: "Placeholder Text",
+		columns: 12,
+		section: "configuration"
+	},
+	defaultValue: {
+		type: "input.text",
+		label: "Default Value",
+		columns: 12,
+		section: "configuration"
+	},
+	prepend: {
+		type: "input.text",
+		label: "Prepend Text",
+		columns: 6,
+		section: "layout"
+	},
+	append: {
+		type: "input.text",
+		label: "Append Text",
+		columns: 6,
+		section: "layout"
+	},
+	required: {
+		type: "boolean.switch",
+		label: "Required",
+		columns: 6,
+		section: "configuration"
+	},
+	readonly: {
+		type: "boolean.switch",
+		label: "Read-only",
+		columns: 6,
+		section: "configuration"
+	},
+	maxLength: {
+		type: "input.text",
+		contentType: "integer",
+		label: "Max Length",
+		columns: 6,
+		section: "configuration"
+	},
+	minLength: {
+		type: "input.text",
+		contentType: "integer",
+		label: "Min Length",
+		columns: 6,
+		section: "configuration"
+	},
+	min: {
+		type: "input.text",
+		contentType: "number",
+		label: "Min Value",
+		columns: 6,
+		section: "configuration",
+		conditionParams: [{
+			name: "style",
+			logic: "in-array",
+			value: ["number", "range-slider"]
+		}]
+	},
+	max: {
+		type: "input.text",
+		contentType: "number",
+		label: "Max Value",
+		columns: 6,
+		section: "configuration",
+		conditionParams: [{
+			name: "style",
+			logic: "in-array",
+			value: ["number", "range-slider"]
+		}]
+	},
+	step: {
+		type: "input.text",
+		contentType: "number",
+		label: "Step",
+		columns: 6,
+		section: "configuration",
+		conditionParams: [{
+			name: "style",
+			logic: "in-array",
+			value: ["number", "range-slider"]
+		}]
+	},
+	rows: {
+		type: "input.text",
+		contentType: "integer",
+		label: "Rows",
+		columns: 6,
+		section: "layout",
+		conditionParams: [{
+			name: "style",
+			logic: "==",
+			value: "textarea"
+		}]
+	}
+}, r = {
+	text: {
+		displayLabel: "Text",
+		description: "A single-line text input field."
+	},
+	number: {
+		displayLabel: "Number",
+		description: "A numeric input with optional min, max, and step."
+	},
+	email: {
+		displayLabel: "Email",
+		description: "An email address input with format validation."
+	},
+	password: {
+		displayLabel: "Password",
+		description: "A masked password input with optional visibility toggle."
+	},
+	url: {
+		displayLabel: "URL",
+		description: "A URL input with format validation."
+	},
+	tel: {
+		displayLabel: "Phone",
+		description: "A telephone number input."
+	},
+	search: {
+		displayLabel: "Search",
+		description: "A search input with a clear button."
+	},
+	textarea: {
+		displayLabel: "Textarea",
+		description: "A multi-line text input with configurable row height."
+	},
+	"range-slider": {
+		displayLabel: "Range Slider",
+		description: "A slider for selecting a value within a numeric range."
+	},
+	"barcode-scanner": {
+		displayLabel: "Barcode Scanner",
+		description: "A camera-powered barcode/QR code scanner input."
+	}
 };
-export {
-  e as InputElementDefaults,
-  a as InputElementEditConfig,
-  t as InputElementMetadata,
-  n as InputStyleMetadataMap
-};
-//# sourceMappingURL=InputElement.js.map
+//#endregion
+export { e as InputElementDefaults, n as InputElementEditConfig, t as InputElementMetadata, r as InputStyleMetadataMap };
+//# sourceMappingURL=InputElement.js.map

package/dist/definitions/elements/InputElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputElement.js","sources":["../../../src/definitions/elements/InputElement.ts"],"sourcesContent":["import type {\n BaseElement,\n EditConfig,\n ElementMetadata,\n} from \"@/definitions/shared/base\"\nimport type { ValidationConfig } from \"@/definitions/shared/validation\"\n\n/*\n Variants of the `input` element type. Each value here maps 1:1 to a\n * Vue file under `src/elements/input/` via the engine's registry.\n /\nexport type InputStyle =\n \| \"text\"\n \| \"number\"\n \| \"email\"\n \| \"password\"\n \| \"url\"\n \| \"tel\"\n \| \"search\"\n \| \"textarea\"\n \| \"range-slider\"\n \| \"barcode-scanner\"\n\n/\n Optional content-type hint used by the `text` style to drive HTML5\n * input mode / pattern. Distinct from `style` because the visual shell\n * is the same — only the keyboard / validation differs.\n /\nexport type InputContentType = \"string\" \| \"number\" \| \"integer\" \| \"decimal\"\n\nexport interface InputElement extends BaseElement<`input.${InputStyle}`> {\n name: string\n label: string\n placeholder?: string\n defaultValue?: string \| number \| null\n contentType?: InputContentType\n /* Prepend text/icon inside the input shell. /\n prepend?: string\n /* Append text/icon inside the input shell. /\n append?: string\n maxLength?: number\n minLength?: number\n /* For `number` and `range-slider`. /\n min?: number\n max?: number\n step?: number\n /* For `textarea`. /\n rows?: number\n /* For `range-slider`: number of discrete steps. /\n steps?: number\n /* For `range-slider`: render tick marks. /\n showTicks?: boolean\n /* For `barcode-scanner`: accepted symbologies. /\n scanFormats?: ReadonlyArray<string>\n /* Validation rules (Laravel-style strings). /\n validation?: ValidationConfig\n /* Auto-focus the input on mount. /\n autoFocus?: boolean\n /* Toggle masking on `password`. /\n togglePasswordVisibility?: boolean\n}\n\nexport const InputElementDefaults = {\n type: \"input.text\",\n label: \"Input Label\",\n placeholder: \"\",\n defaultValue: \"\",\n columns: 12,\n columnsSm: 12,\n columnsMd: 12,\n columnsLg: 12,\n columnsXl: 12,\n} as const satisfies Partial<InputElement>\n\nexport const InputElementMetadata = {\n icon: \"type\",\n displayLabel: \"Input Field\",\n elementCategory: \"input\",\n description:\n \"A single-line or multi-line text input. Supports text, email, password, URL, number, search, textarea, range slider, and barcode scanner variants.\",\n} as const satisfies ElementMetadata\n\n/\n EditConfig describes how the FormBuilder inspector renders each\n * configurable property. Each key matches a property on `InputElement`;\n * the value is itself a (loosely-typed) element spec.\n \n The `section` tag groups properties in the inspector\n * (configuration / layout / advanced / conditions).\n */\nexport const InputElementEditConfig = {\n label: {\n type: \"input.text\",\n defaultValue: \"\",\n label: \"Field Label\",\n columns: 12,\n section: \"configuration\",\n },\n name: {\n type: \"picker.data-model\",\n defaultValue: \"\",\n label: \"Field Name\",\n columns: 12,\n section: \"advanced\",\n },\n style: {\n type: \"option-select.select\",\n defaultValue: \"text\",\n label: \"Input Style\",\n columns: 12,\n selectOptions: [\n { label: \"Text\", value: \"text\" },\n { label: \"Number\", value: \"number\" },\n { label: \"Email\", value: \"email\" },\n { label: \"Password\", value: \"password\" },\n { label: \"URL\", value: \"url\" },\n { label: \"Tel\", value: \"tel\" },\n { label: \"Search\", value: \"search\" },\n { label: \"Textarea\", value: \"textarea\" },\n { label: \"Range Slider\", value: \"range-slider\" },\n { label: \"Barcode Scanner\", value: \"barcode-scanner\" },\n ],\n section: \"layout\",\n },\n placeholder: {\n type: \"input.text\",\n label: \"Placeholder Text\",\n columns: 12,\n section: \"configuration\",\n },\n defaultValue: {\n type: \"input.text\",\n label: \"Default Value\",\n columns: 12,\n section: \"configuration\",\n },\n prepend: {\n type: \"input.text\",\n label: \"Prepend Text\",\n columns: 6,\n section: \"layout\",\n },\n append: {\n type: \"input.text\",\n label: \"Append Text\",\n columns: 6,\n section: \"layout\",\n },\n required: {\n type: \"boolean.switch\",\n label: \"Required\",\n columns: 6,\n section: \"configuration\",\n },\n readonly: {\n type: \"boolean.switch\",\n label: \"Read-only\",\n columns: 6,\n section: \"configuration\",\n },\n maxLength: {\n type: \"input.text\",\n contentType: \"integer\",\n label: \"Max Length\",\n columns: 6,\n section: \"configuration\",\n },\n minLength: {\n type: \"input.text\",\n contentType: \"integer\",\n label: \"Min Length\",\n columns: 6,\n section: \"configuration\",\n },\n min: {\n type: \"input.text\",\n contentType: \"number\",\n label: \"Min Value\",\n columns: 6,\n section: \"configuration\",\n conditionParams: [\n { name: \"style\", logic: \"in-array\", value: [\"number\", \"range-slider\"] },\n ],\n },\n max: {\n type: \"input.text\",\n contentType: \"number\",\n label: \"Max Value\",\n columns: 6,\n section: \"configuration\",\n conditionParams: [\n { name: \"style\", logic: \"in-array\", value: [\"number\", \"range-slider\"] },\n ],\n },\n step: {\n type: \"input.text\",\n contentType: \"number\",\n label: \"Step\",\n columns: 6,\n section: \"configuration\",\n conditionParams: [\n { name: \"style\", logic: \"in-array\", value: [\"number\", \"range-slider\"] },\n ],\n },\n rows: {\n type: \"input.text\",\n contentType: \"integer\",\n label: \"Rows\",\n columns: 6,\n section: \"layout\",\n conditionParams: [{ name: \"style\", logic: \"==\", value: \"textarea\" }],\n },\n} as const satisfies EditConfig\n\nexport const InputStyleMetadataMap: Partial<Record<InputStyle, { displayLabel: string; description: string }>> = {\n text: { displayLabel: \"Text\", description: \"A single-line text input field.\" },\n number: { displayLabel: \"Number\", description: \"A numeric input with optional min, max, and step.\" },\n email: { displayLabel: \"Email\", description: \"An email address input with format validation.\" },\n password: { displayLabel: \"Password\", description: \"A masked password input with optional visibility toggle.\" },\n url: { displayLabel: \"URL\", description: \"A URL input with format validation.\" },\n tel: { displayLabel: \"Phone\", description: \"A telephone number input.\" },\n search: { displayLabel: \"Search\", description: \"A search input with a clear button.\" },\n textarea: { displayLabel: \"Textarea\", description: \"A multi-line text input with configurable row height.\" },\n \"range-slider\": { displayLabel: \"Range Slider\", description: \"A slider for selecting a value within a numeric range.\" },\n \"barcode-scanner\": { displayLabel: \"Barcode Scanner\", description: \"A camera-powered barcode/QR code scanner input.\" },\n}\n"],"names":["InputElementDefaults","InputElementMetadata","InputElementEditConfig","InputStyleMetadataMap"],"mappings":"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"}
1	+ {"version":3,"file":"InputElement.js","names":[],"sources":["../../../src/definitions/elements/InputElement.ts"],"sourcesContent":["import type {\n BaseElement,\n EditConfig,\n ElementMetadata,\n} from \"@/definitions/shared/base\"\nimport type { ValidationConfig } from \"@/definitions/shared/validation\"\n\n/*\n Variants of the `input` element type. Each value here maps 1:1 to a\n * Vue file under `src/elements/input/` via the engine's registry.\n /\nexport type InputStyle =\n \| \"text\"\n \| \"number\"\n \| \"email\"\n \| \"password\"\n \| \"url\"\n \| \"tel\"\n \| \"search\"\n \| \"textarea\"\n \| \"range-slider\"\n \| \"barcode-scanner\"\n\n/\n Optional content-type hint used by the `text` style to drive HTML5\n * input mode / pattern. Distinct from `style` because the visual shell\n * is the same — only the keyboard / validation differs.\n /\nexport type InputContentType = \"string\" \| \"number\" \| \"integer\" \| \"decimal\"\n\nexport interface InputElement extends BaseElement<`input.${InputStyle}`> {\n name: string\n label: string\n placeholder?: string\n defaultValue?: string \| number \| null\n contentType?: InputContentType\n /* Prepend text/icon inside the input shell. /\n prepend?: string\n /* Append text/icon inside the input shell. /\n append?: string\n maxLength?: number\n minLength?: number\n /* For `number` and `range-slider`. /\n min?: number\n max?: number\n step?: number\n /* For `textarea`. /\n rows?: number\n /* For `range-slider`: number of discrete steps. /\n steps?: number\n /* For `range-slider`: render tick marks. /\n showTicks?: boolean\n /* For `barcode-scanner`: accepted symbologies. /\n scanFormats?: ReadonlyArray<string>\n /* Validation rules (Laravel-style strings). /\n validation?: ValidationConfig\n /* Auto-focus the input on mount. /\n autoFocus?: boolean\n /* Toggle masking on `password`. /\n togglePasswordVisibility?: boolean\n}\n\nexport const InputElementDefaults = {\n type: \"input.text\",\n label: \"Input Label\",\n placeholder: \"\",\n defaultValue: \"\",\n columns: 12,\n columnsSm: 12,\n columnsMd: 12,\n columnsLg: 12,\n columnsXl: 12,\n} as const satisfies Partial<InputElement>\n\nexport const InputElementMetadata = {\n icon: \"type\",\n displayLabel: \"Input Field\",\n elementCategory: \"input\",\n description:\n \"A single-line or multi-line text input. Supports text, email, password, URL, number, search, textarea, range slider, and barcode scanner variants.\",\n} as const satisfies ElementMetadata\n\n/\n EditConfig describes how the FormBuilder inspector renders each\n * configurable property. Each key matches a property on `InputElement`;\n * the value is itself a (loosely-typed) element spec.\n \n The `section` tag groups properties in the inspector\n * (configuration / layout / advanced / conditions).\n */\nexport const InputElementEditConfig = {\n label: {\n type: \"input.text\",\n defaultValue: \"\",\n label: \"Field Label\",\n columns: 12,\n section: \"configuration\",\n },\n name: {\n type: \"picker.data-model\",\n defaultValue: \"\",\n label: \"Field Name\",\n columns: 12,\n section: \"advanced\",\n },\n style: {\n type: \"option-select.select\",\n defaultValue: \"text\",\n label: \"Input Style\",\n columns: 12,\n selectOptions: [\n { label: \"Text\", value: \"text\" },\n { label: \"Number\", value: \"number\" },\n { label: \"Email\", value: \"email\" },\n { label: \"Password\", value: \"password\" },\n { label: \"URL\", value: \"url\" },\n { label: \"Tel\", value: \"tel\" },\n { label: \"Search\", value: \"search\" },\n { label: \"Textarea\", value: \"textarea\" },\n { label: \"Range Slider\", value: \"range-slider\" },\n { label: \"Barcode Scanner\", value: \"barcode-scanner\" },\n ],\n section: \"layout\",\n },\n placeholder: {\n type: \"input.text\",\n label: \"Placeholder Text\",\n columns: 12,\n section: \"configuration\",\n },\n defaultValue: {\n type: \"input.text\",\n label: \"Default Value\",\n columns: 12,\n section: \"configuration\",\n },\n prepend: {\n type: \"input.text\",\n label: \"Prepend Text\",\n columns: 6,\n section: \"layout\",\n },\n append: {\n type: \"input.text\",\n label: \"Append Text\",\n columns: 6,\n section: \"layout\",\n },\n required: {\n type: \"boolean.switch\",\n label: \"Required\",\n columns: 6,\n section: \"configuration\",\n },\n readonly: {\n type: \"boolean.switch\",\n label: \"Read-only\",\n columns: 6,\n section: \"configuration\",\n },\n maxLength: {\n type: \"input.text\",\n contentType: \"integer\",\n label: \"Max Length\",\n columns: 6,\n section: \"configuration\",\n },\n minLength: {\n type: \"input.text\",\n contentType: \"integer\",\n label: \"Min Length\",\n columns: 6,\n section: \"configuration\",\n },\n min: {\n type: \"input.text\",\n contentType: \"number\",\n label: \"Min Value\",\n columns: 6,\n section: \"configuration\",\n conditionParams: [\n { name: \"style\", logic: \"in-array\", value: [\"number\", \"range-slider\"] },\n ],\n },\n max: {\n type: \"input.text\",\n contentType: \"number\",\n label: \"Max Value\",\n columns: 6,\n section: \"configuration\",\n conditionParams: [\n { name: \"style\", logic: \"in-array\", value: [\"number\", \"range-slider\"] },\n ],\n },\n step: {\n type: \"input.text\",\n contentType: \"number\",\n label: \"Step\",\n columns: 6,\n section: \"configuration\",\n conditionParams: [\n { name: \"style\", logic: \"in-array\", value: [\"number\", \"range-slider\"] },\n ],\n },\n rows: {\n type: \"input.text\",\n contentType: \"integer\",\n label: \"Rows\",\n columns: 6,\n section: \"layout\",\n conditionParams: [{ name: \"style\", logic: \"==\", value: \"textarea\" }],\n },\n} as const satisfies EditConfig\n\nexport const InputStyleMetadataMap: Partial<Record<InputStyle, { displayLabel: string; description: string }>> = {\n text: { displayLabel: \"Text\", description: \"A single-line text input field.\" },\n number: { displayLabel: \"Number\", description: \"A numeric input with optional min, max, and step.\" },\n email: { displayLabel: \"Email\", description: \"An email address input with format validation.\" },\n password: { displayLabel: \"Password\", description: \"A masked password input with optional visibility toggle.\" },\n url: { displayLabel: \"URL\", description: \"A URL input with format validation.\" },\n tel: { displayLabel: \"Phone\", description: \"A telephone number input.\" },\n search: { displayLabel: \"Search\", description: \"A search input with a clear button.\" },\n textarea: { displayLabel: \"Textarea\", description: \"A multi-line text input with configurable row height.\" },\n \"range-slider\": { displayLabel: \"Range Slider\", description: \"A slider for selecting a value within a numeric range.\" },\n \"barcode-scanner\": { displayLabel: \"Barcode Scanner\", description: \"A camera-powered barcode/QR code scanner input.\" },\n}\n"],"mappings":"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"}