@gxp-dev/mod-ui 2.0.12 → 2.0.14

package/dist/definitions/elements/OptionSelectElement.js

@@ -1,244 +0,0 @@
-//#region src/definitions/elements/OptionSelectElement.ts
-var e = {
-	type: "option-select.select",
-	label: "Option Select Label",
-	defaultValue: null,
-	selectOptions: [],
-	columns: 12,
-	columnsSm: 12,
-	columnsMd: 12,
-	columnsLg: 12,
-	columnsXl: 12
-}, t = {
-	icon: "list-check",
-	displayLabel: "Select From Options",
-	elementCategory: "option-select",
-	description: "Create an option-select field to allow users to select one or more options from a list. Can be displayed as a dropdown, checkboxes, radios, autocomplete, pill picker, and more."
-}, n = {
-	label: {
-		type: "input.text",
-		defaultValue: "",
-		label: "Label",
-		columns: 12,
-		columnsMd: 6,
-		section: "configuration"
-	},
-	name: {
-		type: "picker.data-model",
-		defaultValue: "",
-		label: "Name",
-		columns: 12,
-		section: "advanced"
-	},
-	style: {
-		type: "option-select.select",
-		defaultValue: "select",
-		label: "Select Style",
-		columns: 12,
-		selectOptions: [
-			{
-				label: "Select",
-				value: "select"
-			},
-			{
-				label: "Select (Multiple)",
-				value: "select-multiple"
-			},
-			{
-				label: "Checkbox",
-				value: "checkbox"
-			},
-			{
-				label: "Radio",
-				value: "radio"
-			},
-			{
-				label: "Autocomplete",
-				value: "autocomplete"
-			},
-			{
-				label: "List",
-				value: "list"
-			},
-			{
-				label: "Pill Select",
-				value: "pill-select"
-			},
-			{
-				label: "Async Select",
-				value: "async-select"
-			},
-			{
-				label: "Integration Connector",
-				value: "integration-connector"
-			}
-		],
-		section: "layout"
-	},
-	defaultValue: {
-		type: "input.text",
-		label: "Default Value",
-		columns: 12,
-		columnsMd: 6,
-		section: "configuration"
-	},
-	selectOptions: {
-		type: "configuration-block.repeatable",
-		label: "Options",
-		columns: 12,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "in-array",
-			value: [
-				"select",
-				"select-multiple",
-				"checkbox",
-				"radio",
-				"list",
-				"pill-select"
-			]
-		}]
-	},
-	restrictOptions: {
-		type: "boolean.switch",
-		label: "Restrict to Listed Options",
-		columns: 6,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "in-array",
-			value: [
-				"select",
-				"select-multiple",
-				"autocomplete"
-			]
-		}]
-	},
-	clearable: {
-		type: "boolean.switch",
-		label: "Allow Clear",
-		columns: 6,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "in-array",
-			value: [
-				"select",
-				"select-multiple",
-				"autocomplete",
-				"async-select"
-			]
-		}]
-	},
-	inline: {
-		type: "boolean.switch",
-		label: "Inline Options",
-		columns: 6,
-		section: "layout",
-		conditionParams: [{
-			name: "style",
-			logic: "in-array",
-			value: ["checkbox", "radio"]
-		}]
-	},
-	searchable: {
-		type: "boolean.switch",
-		label: "Searchable",
-		columns: 6,
-		section: "layout",
-		conditionParams: [{
-			name: "style",
-			logic: "in-array",
-			value: ["select", "select-multiple"]
-		}]
-	},
-	searchRoute: {
-		type: "input.text",
-		label: "Search Route",
-		columns: 12,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "in-array",
-			value: ["autocomplete", "async-select"]
-		}]
-	},
-	minSearchLength: {
-		type: "input.text",
-		contentType: "integer",
-		defaultValue: 1,
-		label: "Min Search Length",
-		columns: 6,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "in-array",
-			value: ["autocomplete", "async-select"]
-		}]
-	},
-	connectorKey: {
-		type: "input.text",
-		label: "Connector Key",
-		columns: 12,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "==",
-			value: "integration-connector"
-		}]
-	},
-	required: {
-		type: "boolean.switch",
-		label: "Make item required",
-		columns: 6,
-		section: "configuration"
-	},
-	readonly: {
-		type: "boolean.switch",
-		label: "Make item read-only",
-		columns: 6,
-		section: "configuration"
-	}
-}, r = {
-	select: {
-		displayLabel: "Select",
-		description: "A single-value dropdown select."
-	},
-	"select-multiple": {
-		displayLabel: "Multi Select",
-		description: "A dropdown that allows selecting multiple values."
-	},
-	checkbox: {
-		displayLabel: "Checkboxes",
-		description: "A list of checkboxes for multi-value selection."
-	},
-	radio: {
-		displayLabel: "Radio Buttons",
-		description: "Radio buttons for selecting exactly one option."
-	},
-	autocomplete: {
-		displayLabel: "Autocomplete",
-		description: "A text input with live option suggestions."
-	},
-	list: {
-		displayLabel: "List",
-		description: "A scrollable list of selectable options."
-	},
-	"pill-select": {
-		displayLabel: "Pill Select",
-		description: "Selected values shown as removable pill tags."
-	},
-	"async-select": {
-		displayLabel: "Async Select",
-		description: "A dropdown that loads options from a remote endpoint."
-	},
-	"integration-connector": {
-		displayLabel: "Integration Connector",
-		description: "A select backed by a third-party integration connector."
-	}
-};
-//#endregion
-export { e as OptionSelectElementDefaults, n as OptionSelectElementEditConfig, t as OptionSelectElementMetadata, r as OptionSelectStyleMetadataMap };
-
-//# sourceMappingURL=OptionSelectElement.js.map

package/dist/definitions/elements/OptionSelectElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OptionSelectElement.js","names":[],"sources":["../../../src/definitions/elements/OptionSelectElement.ts"],"sourcesContent":["import type {\n  BaseElement,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\nimport type { RouteRef } from \"@/definitions/shared/route\"\nimport type { SelectOptionLike } from \"@/definitions/shared/select-options\"\nimport type { ValidationConfig } from \"@/definitions/shared/validation\"\n\n/**\n * Variants of the `option-select` element type. Each value here maps 1:1\n * to a Vue file under `src/elements/option-select/` via the engine's\n * registry.\n */\nexport type OptionSelectStyle =\n  | \"select\"\n  | \"select-multiple\"\n  | \"checkbox\"\n  | \"radio\"\n  | \"autocomplete\"\n  | \"list\"\n  | \"pill-select\"\n  | \"async-select\"\n  | \"integration-connector\"\n\n/**\n * Shape of the value held by an option-select element.\n * Multi-select variants emit an array; single-select variants emit a scalar.\n */\nexport type OptionSelectValue = string | number | Array<string | number> | null\n\nexport interface OptionSelectElement\n  extends BaseElement<`option-select.${OptionSelectStyle}`> {\n  name: string\n  label?: string\n  defaultValue?: OptionSelectValue\n  required?: boolean\n  readonly?: boolean\n  /** Static option list. */\n  selectOptions?: ReadonlyArray<SelectOptionLike>\n  /** Reject values not present in `selectOptions`. */\n  restrictOptions?: boolean\n  /** Allow the user to clear the current selection. */\n  clearable?: boolean\n  /** For `radio` / `checkbox`: render options on the same row. */\n  inline?: boolean\n  /** For `select`-style: searchable dropdown. */\n  searchable?: boolean\n  /** For `autocomplete` / `async-select`: remote search endpoint. */\n  searchRoute?: RouteRef\n  /** For `autocomplete` / `async-select`: minimum chars before searching. */\n  minSearchLength?: number\n  /** For `integration-connector`: connector identifier (e.g. \"salesforce.users\"). */\n  connectorKey?: string\n  /** For `integration-connector`: free-form config payload passed to the connector. */\n  connectorConfig?: Record<string, unknown>\n  /** Validation rules (Laravel-style strings). */\n  validation?: ValidationConfig\n}\n\nexport const OptionSelectElementDefaults = {\n  type: \"option-select.select\",\n  label: \"Option Select Label\",\n  defaultValue: null,\n  selectOptions: [],\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n} as const satisfies Partial<OptionSelectElement>\n\nexport const OptionSelectElementMetadata = {\n  icon: \"list-check\",\n  displayLabel: \"Select From Options\",\n  elementCategory: \"option-select\",\n  description:\n    \"Create an option-select field to allow users to select one or more options from a list. Can be displayed as a dropdown, checkboxes, radios, autocomplete, pill picker, and more.\",\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\n * `OptionSelectElement`; the value is a (loosely-typed) element spec.\n */\nexport const OptionSelectElementEditConfig = {\n  label: {\n    type: \"input.text\",\n    defaultValue: \"\",\n    label: \"Label\",\n    columns: 12,\n    columnsMd: 6,\n    section: \"configuration\",\n  },\n  name: {\n    type: \"picker.data-model\",\n    defaultValue: \"\",\n    label: \"Name\",\n    columns: 12,\n    section: \"advanced\",\n  },\n  style: {\n    type: \"option-select.select\",\n    defaultValue: \"select\",\n    label: \"Select Style\",\n    columns: 12,\n    selectOptions: [\n      { label: \"Select\", value: \"select\" },\n      { label: \"Select (Multiple)\", value: \"select-multiple\" },\n      { label: \"Checkbox\", value: \"checkbox\" },\n      { label: \"Radio\", value: \"radio\" },\n      { label: \"Autocomplete\", value: \"autocomplete\" },\n      { label: \"List\", value: \"list\" },\n      { label: \"Pill Select\", value: \"pill-select\" },\n      { label: \"Async Select\", value: \"async-select\" },\n      { label: \"Integration Connector\", value: \"integration-connector\" },\n    ],\n    section: \"layout\",\n  },\n  defaultValue: {\n    type: \"input.text\",\n    label: \"Default Value\",\n    columns: 12,\n    columnsMd: 6,\n    section: \"configuration\",\n  },\n  selectOptions: {\n    type: \"configuration-block.repeatable\",\n    label: \"Options\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\n          \"select\",\n          \"select-multiple\",\n          \"checkbox\",\n          \"radio\",\n          \"list\",\n          \"pill-select\",\n        ],\n      },\n    ],\n  },\n  restrictOptions: {\n    type: \"boolean.switch\",\n    label: \"Restrict to Listed Options\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\"select\", \"select-multiple\", \"autocomplete\"],\n      },\n    ],\n  },\n  clearable: {\n    type: \"boolean.switch\",\n    label: \"Allow Clear\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\"select\", \"select-multiple\", \"autocomplete\", \"async-select\"],\n      },\n    ],\n  },\n  inline: {\n    type: \"boolean.switch\",\n    label: \"Inline Options\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"checkbox\", \"radio\"] },\n    ],\n  },\n  searchable: {\n    type: \"boolean.switch\",\n    label: \"Searchable\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"select\", \"select-multiple\"] },\n    ],\n  },\n  searchRoute: {\n    type: \"input.text\",\n    label: \"Search Route\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\"autocomplete\", \"async-select\"],\n      },\n    ],\n  },\n  minSearchLength: {\n    type: \"input.text\",\n    contentType: \"integer\",\n    defaultValue: 1,\n    label: \"Min Search Length\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\"autocomplete\", \"async-select\"],\n      },\n    ],\n  },\n  connectorKey: {\n    type: \"input.text\",\n    label: \"Connector Key\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [\n      { name: \"style\", logic: \"==\", value: \"integration-connector\" },\n    ],\n  },\n  required: {\n    type: \"boolean.switch\",\n    label: \"Make item required\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  readonly: {\n    type: \"boolean.switch\",\n    label: \"Make item read-only\",\n    columns: 6,\n    section: \"configuration\",\n  },\n} as const satisfies EditConfig\n\nexport const OptionSelectStyleMetadataMap: Partial<Record<OptionSelectStyle, { displayLabel: string; description: string }>> = {\n  select: { displayLabel: \"Select\", description: \"A single-value dropdown select.\" },\n  \"select-multiple\": { displayLabel: \"Multi Select\", description: \"A dropdown that allows selecting multiple values.\" },\n  checkbox: { displayLabel: \"Checkboxes\", description: \"A list of checkboxes for multi-value selection.\" },\n  radio: { displayLabel: \"Radio Buttons\", description: \"Radio buttons for selecting exactly one option.\" },\n  autocomplete: { displayLabel: \"Autocomplete\", description: \"A text input with live option suggestions.\" },\n  list: { displayLabel: \"List\", description: \"A scrollable list of selectable options.\" },\n  \"pill-select\": { displayLabel: \"Pill Select\", description: \"Selected values shown as removable pill tags.\" },\n  \"async-select\": { displayLabel: \"Async Select\", description: \"A dropdown that loads options from a remote endpoint.\" },\n  \"integration-connector\": { displayLabel: \"Integration Connector\", description: \"A select backed by a third-party integration connector.\" },\n}\n"],"mappings":"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"}

package/dist/definitions/elements/PickerElement.js

@@ -1,352 +0,0 @@
-//#region src/definitions/elements/PickerElement.ts
-var e = {
-	type: "picker.color-picker",
-	label: "Picker Label",
-	defaultValue: null,
-	columns: 12,
-	columnsSm: 12,
-	columnsMd: 12,
-	columnsLg: 12,
-	columnsXl: 12
-}, t = {
-	icon: "crosshairs",
-	displayLabel: "Custom Pickers",
-	elementCategory: "picker",
-	description: "Create a picker field to allow users to select a color, date, time, icon, map location, timezone, or remote/async selection and more."
-}, n = {
-	label: {
-		type: "input.text",
-		defaultValue: "",
-		label: "Label",
-		columns: 12,
-		columnsMd: 6,
-		section: "configuration"
-	},
-	name: {
-		type: "picker.data-model",
-		defaultValue: "",
-		label: "Name",
-		columns: 12,
-		section: "configuration"
-	},
-	style: {
-		type: "option-select.select",
-		defaultValue: "color-picker",
-		label: "Picker Style",
-		columns: 6,
-		selectOptions: [
-			{
-				label: "Date Picker",
-				value: "date-picker"
-			},
-			{
-				label: "Datetime Picker",
-				value: "datetime-picker"
-			},
-			{
-				label: "Time Picker",
-				value: "time-picker"
-			},
-			{
-				label: "Timezone Picker",
-				value: "timezone-picker"
-			},
-			{
-				label: "Color Picker",
-				value: "color-picker"
-			},
-			{
-				label: "Icon Picker",
-				value: "icon-picker"
-			},
-			{
-				label: "Map Picker",
-				value: "map-picker"
-			},
-			{
-				label: "Async Select",
-				value: "async-select"
-			},
-			{
-				label: "Data Model Picker",
-				value: "data-model"
-			},
-			{
-				label: "Integration Connector",
-				value: "integration-connector"
-			}
-		],
-		section: "layout"
-	},
-	defaultValue: {
-		type: "input.text",
-		label: "Default Value",
-		columns: 12,
-		columnsMd: 6,
-		section: "configuration"
-	},
-	format: {
-		type: "input.text",
-		label: "Format",
-		columns: 6,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "in-array",
-			value: [
-				"date-picker",
-				"datetime-picker",
-				"time-picker"
-			]
-		}]
-	},
-	minDate: {
-		type: "input.text",
-		label: "Min Date (ISO)",
-		columns: 6,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "in-array",
-			value: ["date-picker", "datetime-picker"]
-		}]
-	},
-	maxDate: {
-		type: "input.text",
-		label: "Max Date (ISO)",
-		columns: 6,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "in-array",
-			value: ["date-picker", "datetime-picker"]
-		}]
-	},
-	minuteStep: {
-		type: "input.text",
-		contentType: "integer",
-		defaultValue: 1,
-		label: "Minute Step",
-		columns: 6,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "==",
-			value: "time-picker"
-		}]
-	},
-	colorFormat: {
-		type: "option-select.select",
-		defaultValue: "hex",
-		label: "Color Format",
-		columns: 6,
-		selectOptions: [
-			{
-				label: "Hex",
-				value: "hex"
-			},
-			{
-				label: "Hex (with alpha)",
-				value: "hexa"
-			},
-			{
-				label: "RGB",
-				value: "rgb"
-			},
-			{
-				label: "RGBA",
-				value: "rgba"
-			},
-			{
-				label: "HSL",
-				value: "hsl"
-			},
-			{
-				label: "HSLA",
-				value: "hsla"
-			}
-		],
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "==",
-			value: "color-picker"
-		}]
-	},
-	showAlpha: {
-		type: "boolean.switch",
-		label: "Show Alpha Channel",
-		columns: 6,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "==",
-			value: "color-picker"
-		}]
-	},
-	defaultLat: {
-		type: "input.text",
-		contentType: "number",
-		label: "Default Latitude",
-		columns: 4,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "==",
-			value: "map-picker"
-		}]
-	},
-	defaultLng: {
-		type: "input.text",
-		contentType: "number",
-		label: "Default Longitude",
-		columns: 4,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "==",
-			value: "map-picker"
-		}]
-	},
-	defaultZoom: {
-		type: "input.text",
-		contentType: "integer",
-		label: "Default Zoom",
-		columns: 4,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "==",
-			value: "map-picker"
-		}]
-	},
-	searchRoute: {
-		type: "input.text",
-		label: "Search Route",
-		columns: 12,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "in-array",
-			value: ["async-select", "data-model"]
-		}]
-	},
-	minSearchLength: {
-		type: "input.text",
-		contentType: "integer",
-		defaultValue: 1,
-		label: "Min Search Length",
-		columns: 6,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "==",
-			value: "async-select"
-		}]
-	},
-	labelField: {
-		type: "input.text",
-		label: "Label Field",
-		columns: 6,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "in-array",
-			value: ["async-select", "data-model"]
-		}]
-	},
-	valueField: {
-		type: "input.text",
-		label: "Value Field",
-		columns: 6,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "in-array",
-			value: ["async-select", "data-model"]
-		}]
-	},
-	modelKey: {
-		type: "input.text",
-		label: "Model Key",
-		columns: 12,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "==",
-			value: "data-model"
-		}]
-	},
-	connectorKey: {
-		type: "input.text",
-		label: "Connector Key",
-		columns: 12,
-		section: "configuration",
-		conditionParams: [{
-			name: "style",
-			logic: "==",
-			value: "integration-connector"
-		}]
-	},
-	required: {
-		type: "boolean.switch",
-		label: "Make item required",
-		columns: 6,
-		section: "configuration"
-	},
-	readonly: {
-		type: "boolean.switch",
-		label: "Make item read-only",
-		columns: 6,
-		section: "configuration"
-	}
-}, r = {
-	"date-picker": {
-		displayLabel: "Date",
-		description: "A calendar date picker."
-	},
-	"datetime-picker": {
-		displayLabel: "Date & Time",
-		description: "A combined date and time picker."
-	},
-	"time-picker": {
-		displayLabel: "Time",
-		description: "A time-of-day picker."
-	},
-	"timezone-picker": {
-		displayLabel: "Timezone",
-		description: "A searchable timezone selector."
-	},
-	"color-picker": {
-		displayLabel: "Color",
-		description: "A colour wheel and swatch picker."
-	},
-	"icon-picker": {
-		displayLabel: "Icon",
-		description: "A searchable icon selector."
-	},
-	"icon-picker-inline": {
-		displayLabel: "Icon Picker Inline",
-		description: "A searchable picker that returns a chosen icon identifier."
-	},
-	"map-picker": {
-		displayLabel: "Map",
-		description: "An interactive map for picking a geographic location."
-	},
-	"async-select": {
-		displayLabel: "Async Select",
-		description: "A remote-search selection picker."
-	},
-	"data-model": {
-		displayLabel: "Data Model",
-		description: "A picker that navigates and selects from a data model path."
-	},
-	"integration-connector": {
-		displayLabel: "Integration Connector",
-		description: "A picker backed by a third-party integration connector."
-	}
-};
-//#endregion
-export { e as PickerElementDefaults, n as PickerElementEditConfig, t as PickerElementMetadata, r as PickerStyleMetadataMap };
-
-//# sourceMappingURL=PickerElement.js.map

package/dist/definitions/elements/PickerElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerElement.js","names":[],"sources":["../../../src/definitions/elements/PickerElement.ts"],"sourcesContent":["import type {\n  BaseElement,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\nimport type { RouteRef } from \"@/definitions/shared/route\"\nimport type { ValidationConfig } from \"@/definitions/shared/validation\"\n\n/**\n * Variants of the `picker` element type. Each value here maps 1:1 to a\n * Vue file under `src/elements/picker/` via the engine's registry.\n *\n * Note: the v2 schema uses both `icon` and `icon-picker` for icon\n * selection at different points; we accept both so JSON authored against\n * the platform deserialises without translation.\n */\nexport type PickerStyle =\n  | \"date-picker\"\n  | \"datetime-picker\"\n  | \"time-picker\"\n  | \"timezone-picker\"\n  | \"color-picker\"\n  | \"icon-picker\"\n  | \"icon-picker-inline\"\n  | \"icon\"\n  | \"map-picker\"\n  | \"async-select\"\n  | \"data-model\"\n  | \"integration-connector\"\n\n/**\n * Format string for `color-picker` output.\n */\nexport type ColorPickerFormat = \"hex\" | \"hexa\" | \"rgb\" | \"rgba\" | \"hsl\" | \"hsla\"\n\nexport interface PickerElement extends BaseElement<`picker.${PickerStyle}`> {\n  name: string\n  label?: string\n  defaultValue?: string | number | null\n  required?: boolean\n  readonly?: boolean\n\n  /** For `date-picker` / `datetime-picker` / `time-picker`: display/storage format. */\n  format?: string\n  /** For `date-picker` / `datetime-picker`: earliest selectable value (ISO string). */\n  minDate?: string\n  /** For `date-picker` / `datetime-picker`: latest selectable value (ISO string). */\n  maxDate?: string\n  /** For `time-picker`: minute step. */\n  minuteStep?: number\n\n  /** For `color-picker`: output format. */\n  colorFormat?: ColorPickerFormat\n  /** For `color-picker`: show alpha channel. */\n  showAlpha?: boolean\n  /** For `color-picker`: preset swatches. */\n  swatches?: ReadonlyArray<string>\n\n  /** For `map-picker`: starting latitude. */\n  defaultLat?: number\n  /** For `map-picker`: starting longitude. */\n  defaultLng?: number\n  /** For `map-picker`: starting zoom level. */\n  defaultZoom?: number\n\n  /** For `async-select` / `data-model`: remote search endpoint. */\n  searchRoute?: RouteRef\n  /** For `async-select`: minimum chars before searching. */\n  minSearchLength?: number\n  /** For `async-select` / `data-model`: option label field. */\n  labelField?: string\n  /** For `async-select` / `data-model`: option value field. */\n  valueField?: string\n\n  /** For `data-model`: the data-model key path being picked. */\n  modelKey?: string\n\n  /** For `integration-connector`: connector identifier. */\n  connectorKey?: string\n  /** For `integration-connector`: free-form config payload passed to the connector. */\n  connectorConfig?: Record<string, unknown>\n\n  /** Validation rules (Laravel-style strings). */\n  validation?: ValidationConfig\n}\n\nexport const PickerElementDefaults = {\n  type: \"picker.color-picker\",\n  label: \"Picker Label\",\n  defaultValue: null,\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n} as const satisfies Partial<PickerElement>\n\nexport const PickerElementMetadata = {\n  icon: \"crosshairs\",\n  displayLabel: \"Custom Pickers\",\n  elementCategory: \"picker\",\n  description:\n    \"Create a picker field to allow users to select a color, date, time, icon, map location, timezone, or remote/async selection and more.\",\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 `PickerElement`;\n * the value is a (loosely-typed) element spec.\n */\nexport const PickerElementEditConfig = {\n  label: {\n    type: \"input.text\",\n    defaultValue: \"\",\n    label: \"Label\",\n    columns: 12,\n    columnsMd: 6,\n    section: \"configuration\",\n  },\n  name: {\n    type: \"picker.data-model\",\n    defaultValue: \"\",\n    label: \"Name\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  style: {\n    type: \"option-select.select\",\n    defaultValue: \"color-picker\",\n    label: \"Picker Style\",\n    columns: 6,\n    selectOptions: [\n      { label: \"Date Picker\", value: \"date-picker\" },\n      { label: \"Datetime Picker\", value: \"datetime-picker\" },\n      { label: \"Time Picker\", value: \"time-picker\" },\n      { label: \"Timezone Picker\", value: \"timezone-picker\" },\n      { label: \"Color Picker\", value: \"color-picker\" },\n      { label: \"Icon Picker\", value: \"icon-picker\" },\n      { label: \"Map Picker\", value: \"map-picker\" },\n      { label: \"Async Select\", value: \"async-select\" },\n      { label: \"Data Model Picker\", value: \"data-model\" },\n      { label: \"Integration Connector\", value: \"integration-connector\" },\n    ],\n    section: \"layout\",\n  },\n  defaultValue: {\n    type: \"input.text\",\n    label: \"Default Value\",\n    columns: 12,\n    columnsMd: 6,\n    section: \"configuration\",\n  },\n  format: {\n    type: \"input.text\",\n    label: \"Format\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\"date-picker\", \"datetime-picker\", \"time-picker\"],\n      },\n    ],\n  },\n  minDate: {\n    type: \"input.text\",\n    label: \"Min Date (ISO)\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\"date-picker\", \"datetime-picker\"],\n      },\n    ],\n  },\n  maxDate: {\n    type: \"input.text\",\n    label: \"Max Date (ISO)\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\"date-picker\", \"datetime-picker\"],\n      },\n    ],\n  },\n  minuteStep: {\n    type: \"input.text\",\n    contentType: \"integer\",\n    defaultValue: 1,\n    label: \"Minute Step\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"time-picker\" }],\n  },\n  colorFormat: {\n    type: \"option-select.select\",\n    defaultValue: \"hex\",\n    label: \"Color Format\",\n    columns: 6,\n    selectOptions: [\n      { label: \"Hex\", value: \"hex\" },\n      { label: \"Hex (with alpha)\", value: \"hexa\" },\n      { label: \"RGB\", value: \"rgb\" },\n      { label: \"RGBA\", value: \"rgba\" },\n      { label: \"HSL\", value: \"hsl\" },\n      { label: \"HSLA\", value: \"hsla\" },\n    ],\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"color-picker\" }],\n  },\n  showAlpha: {\n    type: \"boolean.switch\",\n    label: \"Show Alpha Channel\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"color-picker\" }],\n  },\n  defaultLat: {\n    type: \"input.text\",\n    contentType: \"number\",\n    label: \"Default Latitude\",\n    columns: 4,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"map-picker\" }],\n  },\n  defaultLng: {\n    type: \"input.text\",\n    contentType: \"number\",\n    label: \"Default Longitude\",\n    columns: 4,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"map-picker\" }],\n  },\n  defaultZoom: {\n    type: \"input.text\",\n    contentType: \"integer\",\n    label: \"Default Zoom\",\n    columns: 4,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"map-picker\" }],\n  },\n  searchRoute: {\n    type: \"input.text\",\n    label: \"Search Route\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\"async-select\", \"data-model\"],\n      },\n    ],\n  },\n  minSearchLength: {\n    type: \"input.text\",\n    contentType: \"integer\",\n    defaultValue: 1,\n    label: \"Min Search Length\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"async-select\" }],\n  },\n  labelField: {\n    type: \"input.text\",\n    label: \"Label Field\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\"async-select\", \"data-model\"],\n      },\n    ],\n  },\n  valueField: {\n    type: \"input.text\",\n    label: \"Value Field\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\"async-select\", \"data-model\"],\n      },\n    ],\n  },\n  modelKey: {\n    type: \"input.text\",\n    label: \"Model Key\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"data-model\" }],\n  },\n  connectorKey: {\n    type: \"input.text\",\n    label: \"Connector Key\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [\n      { name: \"style\", logic: \"==\", value: \"integration-connector\" },\n    ],\n  },\n  required: {\n    type: \"boolean.switch\",\n    label: \"Make item required\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  readonly: {\n    type: \"boolean.switch\",\n    label: \"Make item read-only\",\n    columns: 6,\n    section: \"configuration\",\n  },\n} as const satisfies EditConfig\n\nexport const PickerStyleMetadataMap: Partial<Record<PickerStyle, { displayLabel: string; description: string }>> = {\n  \"date-picker\": { displayLabel: \"Date\", description: \"A calendar date picker.\" },\n  \"datetime-picker\": { displayLabel: \"Date & Time\", description: \"A combined date and time picker.\" },\n  \"time-picker\": { displayLabel: \"Time\", description: \"A time-of-day picker.\" },\n  \"timezone-picker\": { displayLabel: \"Timezone\", description: \"A searchable timezone selector.\" },\n  \"color-picker\": { displayLabel: \"Color\", description: \"A colour wheel and swatch picker.\" },\n  \"icon-picker\": { displayLabel: \"Icon\", description: \"A searchable icon selector.\" },\n  \"icon-picker-inline\": { displayLabel: \"Icon Picker Inline\", description: \"A searchable picker that returns a chosen icon identifier.\" },\n  \"map-picker\": { displayLabel: \"Map\", description: \"An interactive map for picking a geographic location.\" },\n  \"async-select\": { displayLabel: \"Async Select\", description: \"A remote-search selection picker.\" },\n  \"data-model\": { displayLabel: \"Data Model\", description: \"A picker that navigates and selects from a data model path.\" },\n  \"integration-connector\": { displayLabel: \"Integration Connector\", description: \"A picker backed by a third-party integration connector.\" },\n}\n"],"mappings":"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"}