@pdfme/ui 5.0.0 → 5.1.1-dev.1

package/dist/index.es.js

@@ -9241,6 +9241,7 @@ const langs = ["en", "zh", "ja", "ko", "ar", "th", "pl", "it", "de", "es", "fr"]
 z.object({
   // -----------------used in ui-----------------
   cancel: z.string(),
+  close: z.string(),
   field: z.string(),
   fieldName: z.string(),
   align: z.string(),
@@ -9304,7 +9305,10 @@ z.object({
   "schemas.table.tableStyle": z.string(),
   "schemas.table.headStyle": z.string(),
   "schemas.table.bodyStyle": z.string(),
-  "schemas.table.columnStyle": z.string()
+  "schemas.table.columnStyle": z.string(),
+  "schemas.date.format": z.string(),
+  "schemas.select.options": z.string(),
+  "schemas.select.optionPlaceholder": z.string()
 });
 z.enum(["viewer", "form", "designer"]);
 const ColorType = z.enum(["rgb", "cmyk"]).optional();
@@ -9348,7 +9352,7 @@ const SchemaPageArray = z.array(z.array(Schema$1)), Template = z.object({
   creationDate: z.date().optional(),
   creator: z.string().optional(),
   keywords: z.array(z.string()).optional(),
-  language: z.string().optional(),
+  lang: Lang.optional(),
   modificationDate: z.date().optional(),
   producer: z.string().optional(),
   subject: z.string().optional(),
@@ -82545,7 +82549,7 @@ const UseDynamicFontSize = (a) => {
     backgroundColor: "transparent",
     textDecoration: ht.join(" ")
   }, gt = document.createElement("div");
-  return gt.id = "text-" + $.id, Object.assign(gt.style, dt), ut.appendChild(gt), gt;
+  return gt.id = "text-" + String($.id), Object.assign(gt.style, dt), ut.appendChild(gt), gt;
 }, makeElementPlainTextContentEditable = (a) => {
   if (!isFirefox()) {
     a.contentEditable = "plaintext-only";
@@ -135203,6 +135207,7 @@ var MinusOutlined = function a(s, $) {
 };
 const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined), dictEn = {
   cancel: "Cancel",
+  close: "Close",
   field: "field",
   fieldName: "Name",
   align: "Align",
@@ -135264,9 +135269,13 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.table.tableStyle": "Table Style",
   "schemas.table.headStyle": "Header Style",
   "schemas.table.bodyStyle": "Body Style",
-  "schemas.table.columnStyle": "Column Style"
+  "schemas.table.columnStyle": "Column Style",
+  "schemas.date.format": "Date Format",
+  "schemas.select.options": "Options",
+  "schemas.select.optionPlaceholder": "Enter an option"
 }, dictZh = {
   cancel: "取消",
+  close: "关闭",
   field: "字段",
   fieldName: "名称",
   align: "对齐",
@@ -135328,9 +135337,13 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.table.tableStyle": "表格样式",
   "schemas.table.headStyle": "表头样式",
   "schemas.table.bodyStyle": "表体样式",
-  "schemas.table.columnStyle": "列样式"
+  "schemas.table.columnStyle": "列样式",
+  "schemas.date.format": "日期格式",
+  "schemas.select.options": "选项",
+  "schemas.select.optionPlaceholder": "请输入选项"
 }, dictJa = {
   cancel: "キャンセル",
+  close: "閉じる",
   field: "入力項目",
   fieldName: "項目名",
   align: "整列",
@@ -135392,9 +135405,13 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.table.tableStyle": "テーブルスタイル",
   "schemas.table.headStyle": "ヘッダースタイル",
   "schemas.table.bodyStyle": "ボディスタイル",
-  "schemas.table.columnStyle": "カラムスタイル"
+  "schemas.table.columnStyle": "カラムスタイル",
+  "schemas.date.format": "日付形式",
+  "schemas.select.options": "オプション",
+  "schemas.select.optionPlaceholder": "オプションを入力してください"
 }, dictKo = {
   cancel: "취소",
+  close: "닫기",
   field: "필드",
   fieldName: "이름",
   align: "정렬",
@@ -135456,9 +135473,13 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.table.tableStyle": "테이블 스타일",
   "schemas.table.headStyle": "헤더 스타일",
   "schemas.table.bodyStyle": "본문 스타일",
-  "schemas.table.columnStyle": "열 스타일"
+  "schemas.table.columnStyle": "열 스타일",
+  "schemas.date.format": "날짜 형식",
+  "schemas.select.options": "옵션",
+  "schemas.select.optionPlaceholder": "옵션을 입력하세요"
 }, dictAr = {
   cancel: "إلغاء",
+  close: "إغلاق",
   field: "الحقل",
   fieldName: "اسم الحقل",
   align: "محاذاة",
@@ -135520,9 +135541,13 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.table.tableStyle": "أسلوب الجدول",
   "schemas.table.headStyle": "أسلوب الرأس",
   "schemas.table.bodyStyle": "أسلوب الجسم",
-  "schemas.table.columnStyle": "أسلوب العمود"
+  "schemas.table.columnStyle": "أسلوب العمود",
+  "schemas.date.format": "تنسيق التاريخ",
+  "schemas.select.options": "خيارات",
+  "schemas.select.optionPlaceholder": "أدخل خيارًا"
 }, dictTh = {
   cancel: "ยกเลิก",
+  close: "ปิด",
   field: "ฟิลด์",
   fieldName: "ชื่อฟิลด์",
   align: "จัดเรียง",
@@ -135584,9 +135609,13 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.table.tableStyle": "สไตล์ตาราง",
   "schemas.table.headStyle": "สไตล์หัวข้อ",
   "schemas.table.bodyStyle": "สไตล์เนื้อหา",
-  "schemas.table.columnStyle": "สไตล์คอลัมน์"
+  "schemas.table.columnStyle": "สไตล์คอลัมน์",
+  "schemas.date.format": "รูปแบบวันที่",
+  "schemas.select.options": "ตัวเลือก",
+  "schemas.select.optionPlaceholder": "กรอกตัวเลือก"
 }, dictIt = {
   cancel: "Annulla",
+  close: "Chiudi",
   field: "Campo",
   fieldName: "Nome",
   align: "Allinea",
@@ -135648,9 +135677,13 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.table.tableStyle": "Stile della Tabella",
   "schemas.table.headStyle": "Stile dell'Intestazione",
   "schemas.table.bodyStyle": "Stile del Corpo",
-  "schemas.table.columnStyle": "Stile della Colonna"
+  "schemas.table.columnStyle": "Stile della Colonna",
+  "schemas.date.format": "Formato data",
+  "schemas.select.options": "Opzioni",
+  "schemas.select.optionPlaceholder": "Inserisci un'opzione"
 }, dictPl = {
   cancel: "Anuluj",
+  close: "Zamknij",
   field: "pole",
   fieldName: "Klucz pola",
   align: "Wyrównanie",
@@ -135712,9 +135745,13 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.table.tableStyle": "Styl tabeli",
   "schemas.table.headStyle": "Styl nagłówka",
   "schemas.table.bodyStyle": "Styl ciała",
-  "schemas.table.columnStyle": "Styl kolumny"
+  "schemas.table.columnStyle": "Styl kolumny",
+  "schemas.date.format": "Format daty",
+  "schemas.select.options": "Opcje",
+  "schemas.select.optionPlaceholder": "Wpisz opcję"
 }, dictDe = {
   cancel: "Abbrechen",
+  close: "Schließen",
   field: "Feld",
   fieldName: "Name",
   align: "Ausrichten",
@@ -135776,9 +135813,13 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.table.tableStyle": "Tabellenstil",
   "schemas.table.headStyle": "Kopfzeilenstil",
   "schemas.table.bodyStyle": "Körperstil",
-  "schemas.table.columnStyle": "Spaltenstil"
+  "schemas.table.columnStyle": "Spaltenstil",
+  "schemas.date.format": "Datumsformat",
+  "schemas.select.options": "Optionen",
+  "schemas.select.optionPlaceholder": "Geben Sie eine Option ein"
 }, dictEs = {
   cancel: "Cancelar",
+  close: "Cerrar",
   field: "campo",
   fieldName: "Nombre",
   align: "Alinear",
@@ -135840,9 +135881,13 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.table.tableStyle": "Estilo de tabla",
   "schemas.table.headStyle": "Estilo de cabecera",
   "schemas.table.bodyStyle": "Estilo de cuerpo",
-  "schemas.table.columnStyle": "Estilo de columna"
+  "schemas.table.columnStyle": "Estilo de columna",
+  "schemas.date.format": "Formato de fecha",
+  "schemas.select.options": "Opciones",
+  "schemas.select.optionPlaceholder": "Ingrese una opción"
 }, dictFr = {
   cancel: "Annuler",
+  close: "Fermer",
   field: "Champ",
   fieldName: "Nom",
   align: "Aligner",
@@ -135904,7 +135949,10 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.table.tableStyle": "Style de tableau",
   "schemas.table.headStyle": "Style d'en-tête",
   "schemas.table.bodyStyle": "Style de corps",
-  "schemas.table.columnStyle": "Style de colonne"
+  "schemas.table.columnStyle": "Style de colonne",
+  "schemas.date.format": "Format de date",
+  "schemas.select.options": "Options",
+  "schemas.select.optionPlaceholder": "Entrez une option"
 }, dictionaries = {
   en: dictEn,
   zh: dictZh,
@@ -162930,6 +162978,20 @@ class Form extends PreviewUI {
   onChangeInput(s) {
     this.onChangeInputCallback = s;
   }
+  setInputs(s) {
+    const $ = this.getInputs();
+    super.setInputs(s);
+    const _ = [];
+    s.forEach((_e, tt) => {
+      const nt = $[tt] || {};
+      (/* @__PURE__ */ new Set([...Object.keys(_e), ...Object.keys(nt)])).forEach((ot) => {
+        const rt = _e[ot], st = nt[ot];
+        rt !== st && _.push({ index: tt, name: ot, value: rt });
+      });
+    }), _.forEach((_e) => {
+      this.onChangeInputCallback && this.onChangeInputCallback(_e);
+    });
+  }
   render() {
     if (!this.domContainer)
       throw Error(DESTROYED_ERR_MSG);