@oktis-works/admin 0.19.1 → 0.23.1

package/dist/server/chunks/{FieldRenderer_DowQgtDc.mjs → FieldRenderer_CD8prpXz.mjs}

@@ -1,7 +1,7 @@
-import "./i18n_RELfVLel.mjs";
-import { _ as createMemo$1, h as Show2, u as For2, v as createSignal$1 } from "./DashboardLayout_DGbCn1gh.mjs";
-import { createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
-import { For, Show, createMemo, createSignal, onMount } from "solid-js";
+import "./i18n_C-sgJSi1.mjs";
+import { _ as createMemo$1, h as Show2, u as For2, v as createSignal$1 } from "./DashboardLayout_DxMWAFCu.mjs";
+import { Dynamic, createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
+import { For, Match, Show, Switch, createMemo, createSignal, onMount } from "solid-js";
 //#region ../../packages/validation/dist/client-validate.js
 function isEmptyValue(value) {
 	if (value === null || value === void 0) return true;
@@ -467,65 +467,7 @@ function validateFieldClient(field, value) {
 	return errors[0]?.message ?? null;
 }
 //#endregion
-//#region ../../packages/validation/dist/clone.js
-/**
-* Expande campos do tipo `clone` nas definições alvo.
-*
-* - `display: 'seamless'` (default): os campos referenciados entram
-*   diretamente na lista, com os mesmos nomes (valores "inline").
-* - `display: 'group'`: os campos viram subcampos de um pseudo-group com o
-*   nome do clone, e os nomes internos recebem o prefixo `{clone}_`
-*   (valores aninhados em data[clone.name]).
-*
-* Referências inexistentes são ignoradas; clones de clones não são
-* resolvidos recursivamente (profundidade 1).
-*/
-function expandCloneFields(fields) {
-	const byName = /* @__PURE__ */ new Map();
-	for (const field of fields) byName.set(field.name, field);
-	const result = [];
-	const emittedNames = /* @__PURE__ */ new Set();
-	const emit = (field) => {
-		if (emittedNames.has(field.name)) return;
-		emittedNames.add(field.name);
-		result.push(field);
-	};
-	for (const field of fields) {
-		if (field.type !== "clone") {
-			emit(field);
-			continue;
-		}
-		const config = field.config ?? {};
-		const display = config["display"] ?? "seamless";
-		const targets = config["clone"] ?? [];
-		const resolved = [];
-		for (const targetName of targets) {
-			const target = byName.get(targetName);
-			if (!target || target.type === "clone") continue;
-			resolved.push(target);
-		}
-		if (resolved.length === 0) continue;
-		if (display === "group") {
-			emit({
-				...field,
-				type: "group",
-				name: field.name,
-				label: field.label,
-				required: false,
-				conditionalLogic: void 0,
-				subFields: resolved.map((target) => ({
-					...target,
-					name: `${field.name}_${target.name}`
-				}))
-			});
-			continue;
-		}
-		for (const target of resolved) emit(target);
-	}
-	return result;
-}
-//#endregion
-//#region src/components/content/RelationshipPicker.jsx
+//#region src/components/content/RelationshipPicker.tsx
 var _tmpl$$2 = [
 	"<ul",
 	" class=\"relationship-picker__selection\">",
@@ -610,7 +552,7 @@ function RelationshipPicker(props) {
 	})));
 }
 //#endregion
-//#region src/content/PluginFieldRenderer.jsx
+//#region src/content/PluginFieldRenderer.tsx
 var _tmpl$$1 = ["<div", " class=\"fb-plugin-field-renderer fb-plugin-field-renderer--loading\"><div class=\"fb-spinner\" aria-hidden=\"true\"></div><span>Carregando editor...</span></div>"];
 var _tmpl$2$1 = [
 	"<div",
@@ -655,7 +597,7 @@ function PluginFieldRenderer(props) {
 		const pathsToTry = [props.adminRendererPath, props.adminComponentPath].filter(Boolean);
 		for (const path of pathsToTry) try {
 			const module = await import(path);
-			const Comp = module.default || module.PluginFieldRenderer || module.PluginFieldConfig || module[Object.keys(module)[0]];
+			const Comp = module.default || module.PluginFieldRenderer || module.PluginFieldConfig || Object.values(module)[0];
 			if (Comp) {
 				setComponent(Comp);
 				setLoading(false);
@@ -671,56 +613,82 @@ function PluginFieldRenderer(props) {
 	const handleValueChange = (newValue) => {
 		props.onChange(newValue);
 	};
-	if (loading) return ssr(_tmpl$$1, ssrHydrationKey());
-	if (error || !Component) return ssr(_tmpl$3$1, ssrHydrationKey(), escape(createComponent(Show, {
-		get when() {
-			return error();
-		},
-		get children() {
-			return ssr(_tmpl$2$1, ssrHydrationKey(), escape(error()));
-		}
-	})), escape(createComponent(FallbackRenderer, {
-		get field() {
-			return props.field;
-		},
-		get value() {
-			return props.value;
-		},
-		onChange: handleValueChange,
-		get disabled() {
-			return props.disabled;
-		},
-		get t() {
-			return props.t;
-		}
-	})));
-	return ssr(_tmpl$4$1, ssrHydrationKey(), escape(createComponent(Component, {
-		get field() {
-			return props.field;
-		},
-		get value() {
-			return props.value;
-		},
-		onChange: handleValueChange,
-		get disabled() {
-			return props.disabled;
-		},
-		get t() {
-			return props.t;
-		}
-	})));
+	return createComponent(Switch, { get children() {
+		return [
+			createComponent(Match, {
+				get when() {
+					return loading();
+				},
+				get children() {
+					return ssr(_tmpl$$1, ssrHydrationKey());
+				}
+			}),
+			createComponent(Match, {
+				get when() {
+					return error() || !Component();
+				},
+				get children() {
+					return ssr(_tmpl$3$1, ssrHydrationKey(), escape(createComponent(Show, {
+						get when() {
+							return error();
+						},
+						get children() {
+							return ssr(_tmpl$2$1, ssrHydrationKey(), escape(error()));
+						}
+					})), escape(createComponent(FallbackRenderer, {
+						get field() {
+							return props.field;
+						},
+						get value() {
+							return props.value;
+						},
+						onChange: handleValueChange,
+						get disabled() {
+							return props.disabled;
+						},
+						get _t() {
+							return props._t;
+						}
+					})));
+				}
+			}),
+			createComponent(Match, {
+				when: true,
+				get children() {
+					return ssr(_tmpl$4$1, ssrHydrationKey(), escape(createComponent(Dynamic, {
+						get component() {
+							return Component();
+						},
+						get field() {
+							return props.field;
+						},
+						get value() {
+							return props.value;
+						},
+						onChange: handleValueChange,
+						get disabled() {
+							return props.disabled;
+						},
+						get _t() {
+							return props._t;
+						}
+					})));
+				}
+			})
+		];
+	} });
 }
 function FallbackRenderer(props) {
-	const { field, value, onChange, disabled, t } = props;
-	const inputType = field.config?.inputType || "textarea";
-	const placeholder = field.config?.placeholder || "";
-	const rows = field.config?.rows || 4;
+	const { field, value, onChange, disabled } = props;
+	const inputType = field.config?.["inputType"] || "textarea";
+	const placeholder = field.config?.["placeholder"] || "";
+	const rows = field.config?.["rows"] || 4;
 	if (inputType === "textarea" || inputType === "code" || inputType === "markdown") return ssr(_tmpl$5$1, ssrHydrationKey(), ssrAttribute("value", escape(value, true), false) + ssrAttribute("placeholder", escape(placeholder, true), false) + ssrAttribute("rows", escape(rows, true), false), ssrAttribute("disabled", disabled, true));
 	if (inputType === "number") return ssr(_tmpl$6$1, ssrHydrationKey(), ssrAttribute("value", escape(value, true), false) + ssrAttribute("placeholder", escape(placeholder, true), false), ssrAttribute("disabled", disabled, true));
 	return ssr(_tmpl$7$1, ssrHydrationKey(), ssrAttribute("value", escape(value, true), false) + ssrAttribute("placeholder", escape(placeholder, true), false), ssrAttribute("disabled", disabled, true));
 }
 //#endregion
-//#region src/components/content/FieldRenderer.jsx
+//#region src/components/content/FieldRenderer.tsx
 var _tmpl$ = ["<span", " class=\"field-renderer__required\">*</span>"];
 var _tmpl$2 = [
 	"<p",
@@ -752,15 +720,47 @@ var _tmpl$6 = [
 	" class=\"input\"",
 	"></textarea>"
 ];
-var _tmpl$7 = ["<textarea", " class=\"input wysiwyg\" rows=\"8\"></textarea>"];
+var _tmpl$7 = [
+	"<div",
+	" class=\"field-renderer__wysiwyg\"><div class=\"field-renderer__wysiwyg-toolbar\" role=\"toolbar\"",
+	"><select class=\"input\"",
+	" value><option value>",
+	"</option><option value=\"<h1>\">",
+	"</option><option value=\"<h2>\">",
+	"</option><option value=\"<h3>\">",
+	"</option><option value=\"<h4>\">",
+	"</option><option value=\"<blockquote>\">",
+	"</option><option value=\"<pre>\">",
+	"</option></select><span class=\"field-renderer__wysiwyg-divider\"></span><button type=\"button\"><strong>",
+	"</strong></button><button type=\"button\"><em>",
+	"</em></button><button type=\"button\"><u>",
+	"</u></button><span class=\"field-renderer__wysiwyg-divider\"></span><button type=\"button\">",
+	"</button><button type=\"button\">",
+	"</button><button type=\"button\">",
+	"</button></div><div class=\"field-renderer__wysiwyg-body input\" contenteditable=\"true\" role=\"textbox\" aria-multiline=\"true\"",
+	">",
+	"</div></div>"
+];
 var _tmpl$8 = [
 	"<input",
 	" type=\"number\" class=\"input\"",
 	">"
 ];
-var _tmpl$9 = ["<input", " type=\"email\" class=\"input\">"];
-var _tmpl$0 = ["<input", " type=\"url\" class=\"input\" placeholder=\"https://\">"];
-var _tmpl$1 = ["<input", " type=\"password\" class=\"input\">"];
+var _tmpl$9 = [
+	"<input",
+	" type=\"email\" class=\"input\"",
+	">"
+];
+var _tmpl$0 = [
+	"<input",
+	" type=\"url\" class=\"input\" placeholder=\"https://\"",
+	">"
+];
+var _tmpl$1 = [
+	"<input",
+	" type=\"password\" class=\"input\"",
+	">"
+];
 var _tmpl$10 = [
 	"<input",
 	" type=\"checkbox\"",
@@ -795,12 +795,39 @@ var _tmpl$15 = [
 	"> <!--$-->",
 	"<!--/--></label>"
 ];
-var _tmpl$16 = ["<input", " type=\"date\" class=\"input\">"];
-var _tmpl$17 = ["<input", " type=\"datetime-local\" class=\"input\">"];
-var _tmpl$18 = ["<input", " type=\"time\" class=\"input\">"];
-var _tmpl$19 = ["<input", " type=\"color\">"];
-var _tmpl$20 = ["<div", " class=\"field-renderer__map\"><input type=\"text\" class=\"input\" placeholder=\"Endereço\"><input type=\"number\" class=\"input\" placeholder=\"Latitude (-90 a 90)\" step=\"any\" min=\"-90\" max=\"90\"><input type=\"number\" class=\"input\" placeholder=\"Longitude (-180 a 180)\" step=\"any\" min=\"-180\" max=\"180\"></div>"];
-var _tmpl$21 = ["<div", " class=\"field-renderer__link\"><input type=\"url\" class=\"input\" placeholder=\"https:// ou /caminho\"><select class=\"input\"><option value=\"_self\">Mesma janela</option><option value=\"_blank\">Nova janela</option></select></div>"];
+var _tmpl$16 = [
+	"<input",
+	" type=\"date\" class=\"input\"",
+	">"
+];
+var _tmpl$17 = [
+	"<input",
+	" type=\"datetime-local\" class=\"input\"",
+	">"
+];
+var _tmpl$18 = [
+	"<input",
+	" type=\"time\" class=\"input\"",
+	">"
+];
+var _tmpl$19 = [
+	"<input",
+	" type=\"color\" class=\"input\"",
+	">"
+];
+var _tmpl$20 = [
+	"<div",
+	" class=\"field-renderer__map\"><input type=\"text\" class=\"input\" placeholder=\"Endereço\"",
+	"><input type=\"number\" class=\"input\" placeholder=\"Latitude (-90 a 90)\" step=\"any\" min=\"-90\" max=\"90\"",
+	"><input type=\"number\" class=\"input\" placeholder=\"Longitude (-180 a 180)\" step=\"any\" min=\"-180\" max=\"180\"",
+	"></div>"
+];
+var _tmpl$21 = [
+	"<div",
+	" class=\"field-renderer__link\"><input type=\"url\" class=\"input\" placeholder=\"https:// ou /caminho\"",
+	"><select class=\"input\"",
+	"><option value=\"_self\">Mesma janela</option><option value=\"_blank\">Nova janela</option></select></div>"
+];
 var _tmpl$22 = [
 	"<div",
 	" class=\"field-renderer__rows\"><!--$-->",
@@ -935,6 +962,9 @@ function FieldRenderer(props) {
 				onChange: setValue,
 				get values() {
 					return props.values;
+				},
+				get t() {
+					return props.t;
 				}
 			})), escape(createComponent(Show, {
 				get when() {
@@ -952,15 +982,15 @@ function FieldControl(props) {
 	switch (props.field.type) {
 		case "text": return ssr(_tmpl$5, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false) + ssrAttribute("placeholder", escape(config()["placeholder"], true), false) + ssrAttribute("maxlength", escape(config()["maxLength"] ?? config()["characterLimit"], true), false));
 		case "textarea": return ssr(_tmpl$6, ssrHydrationKey(), ssrAttribute("rows", escape(config()["rows"] ?? 4, true), false) + ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false) + ssrAttribute("placeholder", escape(config()["placeholder"], true), false) + ssrAttribute("maxlength", escape(config()["maxLength"] ?? config()["characterLimit"], true), false));
-		case "wysiwyg": return ssr(_tmpl$7, ssrHydrationKey());
+		case "wysiwyg": return ssr(_tmpl$7, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.t("content.editor.toolbar"), true), false), ssrAttribute("aria-label", escape(props.t("content.editor.format"), true), false), escape(props.t("content.editor.formatParagraph")), escape(props.t("content.editor.formatH1")), escape(props.t("content.editor.formatH2")), escape(props.t("content.editor.formatH3")), escape(props.t("content.editor.formatH4")), escape(props.t("content.editor.formatBlockquote")), escape(props.t("content.editor.formatCode")), escape(props.t("content.editor.bold")), escape(props.t("content.editor.italic")), escape(props.t("content.editor.underline")), escape(props.t("content.editor.bulletList")), escape(props.t("content.editor.numberedList")), escape(props.t("content.editor.link")), ssrAttribute("data-placeholder", escape(config()["placeholder"], true), false), props.value ?? config()["defaultValue"] ?? "");
 		case "number":
 		case "range": return ssr(_tmpl$8, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false) + ssrAttribute("min", escape(config()["min"] ?? config()["minValue"], true), false) + ssrAttribute("max", escape(config()["max"] ?? config()["maxValue"], true), false) + ssrAttribute("step", escape(config()["step"], true), false));
-		case "email": return ssr(_tmpl$9, ssrHydrationKey());
-		case "url": return ssr(_tmpl$0, ssrHydrationKey());
-		case "password": return ssr(_tmpl$1, ssrHydrationKey());
+		case "email": return ssr(_tmpl$9, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false));
+		case "url": return ssr(_tmpl$0, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false));
+		case "password": return ssr(_tmpl$1, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false));
 		case "slug": return ssr(_tmpl$5, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false) + ssrAttribute("placeholder", escape(config()["placeholder"], true), false));
 		case "true_false": return ssr(_tmpl$10, ssrHydrationKey(), ssrAttribute("checked", Boolean(props.value), true));
-		case "select": return ssr(_tmpl$11, ssrHydrationKey(), ssrAttribute("multiple", config()["multiple"] === true, true), escape(createComponent(For, {
+		case "select": return ssr(_tmpl$11, ssrHydrationKey(), ssrAttribute("multiple", config()["multiple"] === true, true) + ssrAttribute("value", config()["multiple"] === true ? Array.isArray(props.value) ? escape(props.value, true) : escape([], true) : escape(props.value ?? config()["defaultValue"] ?? "", true), false), escape(createComponent(For, {
 			get each() {
 				return config()["choices"] ?? [];
 			},
@@ -981,10 +1011,10 @@ function FieldControl(props) {
 				return ssr(_tmpl$15, ssrHydrationKey(), ssrAttribute("checked", checked(), true), escape(choice.label));
 			}
 		})));
-		case "date_picker": return ssr(_tmpl$16, ssrHydrationKey());
-		case "date_time_picker": return ssr(_tmpl$17, ssrHydrationKey());
-		case "time_picker": return ssr(_tmpl$18, ssrHydrationKey());
-		case "color_picker": return ssr(_tmpl$19, ssrHydrationKey());
+		case "date_picker": return ssr(_tmpl$16, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false));
+		case "date_time_picker": return ssr(_tmpl$17, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false));
+		case "time_picker": return ssr(_tmpl$18, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false));
+		case "color_picker": return ssr(_tmpl$19, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false));
 		case "image":
 		case "file": return createComponent(MediaPickerInput, {
 			multiple: false,
@@ -1002,8 +1032,8 @@ function FieldControl(props) {
 			},
 			accept: "image/*"
 		});
-		case "google_map": return ssr(_tmpl$20, ssrHydrationKey());
-		case "link": return ssr(_tmpl$21, ssrHydrationKey());
+		case "google_map": return ssr(_tmpl$20, ssrHydrationKey(), ssrAttribute("value", escape(props.value?.["address"] ?? "", true), false), ssrAttribute("value", escape(props.value?.["lat"] ?? "", true), false), ssrAttribute("value", escape(props.value?.["lng"] ?? "", true), false));
+		case "link": return ssr(_tmpl$21, ssrHydrationKey(), ssrAttribute("value", escape(props.value?.["url"] ?? "", true), false), ssrAttribute("value", escape(props.value?.["target"] ?? "_self", true), false));
 		case "relationship":
 		case "post_object": return createComponent(RelationshipPicker, {
 			get postType() {
@@ -1048,6 +1078,9 @@ function FieldControl(props) {
 					get index() {
 						return index();
 					},
+					get t() {
+						return props.t;
+					},
 					onUpdate: (updated) => {
 						const next = [...rows()];
 						next[index()] = updated;
@@ -1097,6 +1130,9 @@ function FieldControl(props) {
 									get values() {
 										return rowData();
 									},
+									get t() {
+										return props.t;
+									},
 									onChange: (name, value) => {
 										const current = [...Array.isArray(props.value) ? props.value : []];
 										current[index()] = {
@@ -1126,6 +1162,9 @@ function FieldControl(props) {
 				get values() {
 					return props.value ?? {};
 				},
+				get t() {
+					return props.t;
+				},
 				onChange: (name, val) => props.onChange({
 					...props.value ?? {},
 					[name]: val
@@ -1149,7 +1188,7 @@ function FieldControl(props) {
 				get adminComponentPath() {
 					return props.field.adminComponentPath;
 				},
-				get t() {
+				get _t() {
 					return props.t;
 				}
 			});
@@ -1166,6 +1205,9 @@ function RepeaterRow(props) {
 			get values() {
 				return props.row;
 			},
+			get t() {
+				return props.t;
+			},
 			onChange: (name, value) => props.onUpdate({
 				...props.row,
 				[name]: value
@@ -1186,4 +1228,4 @@ function RelationshipSelector(props) {
 	})));
 }
 //#endregion
-export { expandCloneFields as n, FieldRenderer as t };
+export { isFieldVisible as n, FieldRenderer as t };

package/dist/server/chunks/{FloatingPanel_BtB-nNBT.mjs → FloatingPanel_DI2CdUZK.mjs}

@@ -1,6 +1,6 @@
 import { Portal, createComponent, escape, ssr, ssrAttribute, ssrHydrationKey, ssrStyle } from "solid-js/web";
 import { Show, createEffect, createSignal, onCleanup, onMount } from "solid-js";
-//#region src/components/ui/FloatingPanel.jsx
+//#region src/components/ui/FloatingPanel.tsx
 var _tmpl$ = [
 	"<div",
 	" style=\"",

package/dist/server/chunks/{MediaLibrary_DuxnoiMa.mjs → MediaLibrary_BY9b_CPa.mjs}

@@ -1,7 +1,7 @@
-import { n as useTranslation, r as apiClient } from "./i18n_RELfVLel.mjs";
-import { c as Button, d as Input, f as Modal, h as Show2, m as Select, p as Pagination, u as For2, v as createSignal, y as onMount } from "./DashboardLayout_DGbCn1gh.mjs";
+import { n as useTranslation, r as apiClient } from "./i18n_C-sgJSi1.mjs";
+import { c as Button, d as Input, f as Modal, h as Show2, m as Select, p as Pagination, u as For2, v as createSignal, y as onMount } from "./DashboardLayout_DxMWAFCu.mjs";
 import { createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey, ssrStyleProperty } from "solid-js/web";
-//#region src/components/media/MediaLibrary.jsx
+//#region src/components/media/MediaLibrary.tsx
 var _tmpl$ = [
 	"<div",
 	" class=\"notice notice--error\">",

package/dist/server/chunks/{Modal_CkrRnNzN.mjs → Modal_BmuvdwoB.mjs}

@@ -1,7 +1,7 @@
-import { n as useTranslation } from "./i18n_RELfVLel.mjs";
+import { n as useTranslation } from "./i18n_C-sgJSi1.mjs";
 import { createComponent, escape, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
 import { Show, createEffect, onCleanup } from "solid-js";
-//#region src/components/ui/Modal.jsx
+//#region src/components/ui/Modal.tsx
 var _tmpl$ = [
 	"<div",
 	" class=\"modal-overlay\" role=\"presentation\"><section class=\"modal\" role=\"dialog\" aria-modal=\"true\"",

package/dist/server/chunks/{PageHeader_CRpzf5xU.mjs → PageHeader_CBOioOjo.mjs}

@@ -1,5 +1,5 @@
 import { escape, mergeProps, ssr, ssrElement, ssrHydrationKey } from "solid-js/web";
-//#region src/components/shared/PageHeader.jsx
+//#region src/components/shared/PageHeader.tsx
 var _tmpl$ = [
 	"<div class=\"fb-page-header__main\"><!--$-->",
 	"<!--/--><h1>",

package/dist/server/chunks/{TimezoneSelect_Cj-oxeeA.mjs → TimezoneSelect_D6o-2_7b.mjs}

@@ -1,7 +1,7 @@
-import { t as FloatingPanel } from "./FloatingPanel_BtB-nNBT.mjs";
+import { t as FloatingPanel } from "./FloatingPanel_DI2CdUZK.mjs";
 import { createComponent, escape, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
 import { For, Show, createMemo, createSignal } from "solid-js";
-//#region src/components/apps/settings/TimezoneSelect.jsx
+//#region src/components/apps/settings/TimezoneSelect.tsx
 var _tmpl$ = [
 	"<input",
 	" type=\"search\" class=\"input tz-select__search\"",