@htmlbricks/hb-input-file 0.66.27 → 0.67.1

package/manifest.json

@@ -42,6 +42,10 @@
         "Component": {
           "additionalProperties": false,
           "properties": {
+            "i18nlang": {
+              "description": "BCP-47 / short code (e.g. `en`, `it`) for built-in UI strings.",
+              "type": "string"
+            },
             "id": {
               "type": "string"
             },
@@ -113,7 +117,7 @@
       }
     }
   },
-  "description": "File picker with `accept` from `schemaentry.params.accept` (defaults to any file), optional image preview or Bootstrap Icons by MIME type, and an optional clickable `placeHolderImage` that opens the hidden input. Clears selection with the remove control; validates required fields against an actual chosen file. Dispatches `setVal` with `{ value, valid, id }`.",
+  "description": "File picker with `accept` from `schemaentry.params.accept` (defaults to any file). Standard layout uses Bulma `file has-name` plus a MIME Bootstrap Icons glyph when a file is selected, and a text × clear control. With `placeHolderImage`, a clickable placeholder opens the hidden input; after selection, preview / MIME icon, filename, and clear. When `accept` includes `image` and the chosen file is a raster/SVG image, the placeholder preview shows the filename on a semi-transparent bar over the image and an outlined clear button at the top-right. `File.type` from the browser is preferred over extension mapping. Strings come from `i18nlang` (`en` / `it`). Dispatches `setVal` with `{ value, valid, id }`.",
   "storybookArgs": {
     "schemaentry": {
       "control": {
@@ -125,6 +129,15 @@
         "type": "boolean"
       }
     },
+    "i18nlang": {
+      "control": {
+        "type": "select"
+      },
+      "options": [
+        "en",
+        "it"
+      ]
+    },
     "setVal": {
       "action": "setVal"
     }
@@ -132,6 +145,18 @@
   "styleSetup": {
     "vars": [],
     "parts": [
+      {
+        "name": "input",
+        "description": "Native file input."
+      },
+      {
+        "name": "file-name",
+        "description": "Filename when a file is chosen, or the “no file selected” hint (standard mode)."
+      },
+      {
+        "name": "clear",
+        "description": "Clear button between the choose-file CTA and the filename strip (standard mode, when a file is selected)."
+      },
       {
         "name": "invalid-feedback",
         "description": ""
@@ -140,7 +165,16 @@
   },
   "contributors": [],
   "htmlSlots": [],
-  "i18n": [],
+  "i18n": [
+    {
+      "lang": "en",
+      "language": "english"
+    },
+    {
+      "lang": "it",
+      "language": "italian"
+    }
+  ],
   "examples": [
     {
       "name": "default",
@@ -175,7 +209,8 @@
       }
     }
   ],
-  "iifeIntegrity": "sha384-cpFyxewYGdgTCLfa0xq89uwwHvie6UI6ur5b5zxpw3jVFg1SstDLeoHEx+rng5oT",
+  "iifeIntegrity": "sha384-/GKYndYZbLWOX0BA9Y45q26cBiiuMpBOeOBdg4CLxEScbvbUxXiI029LCNsut/Ut",
+  "dependencies": [],
   "screenshots": [],
   "licenses": [
     {
@@ -194,5 +229,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-input-file",
-  "version": "0.66.27"
+  "version": "0.67.1"
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@htmlbricks/hb-input-file",
-  "version": "0.66.27",
+  "version": "0.67.1",
   "contributors": [],
-  "description": "File picker with `accept` from `schemaentry.params.accept` (defaults to any file), optional image preview or Bootstrap Icons by MIME type, and an optional clickable `placeHolderImage` that opens the hidden input. Clears selection with the remove control; validates required fields against an actual chosen file. Dispatches `setVal` with `{ value, valid, id }`.",
+  "description": "File picker with `accept` from `schemaentry.params.accept` (defaults to any file). Standard layout uses Bulma `file has-name` plus a MIME Bootstrap Icons glyph when a file is selected, and a text × clear control. With `placeHolderImage`, a clickable placeholder opens the hidden input; after selection, preview / MIME icon, filename, and clear. When `accept` includes `image` and the chosen file is a raster/SVG image, the placeholder preview shows the filename on a semi-transparent bar over the image and an outlined clear button at the top-right. `File.type` from the browser is preferred over extension mapping. Strings come from `i18nlang` (`en` / `it`). Dispatches `setVal` with `{ value, valid, id }`.",
   "licenses": [
     {
       "type": "Apache-2.0",

package/types/webcomponent.type.d.json

@@ -5,6 +5,10 @@
     "Component": {
       "additionalProperties": false,
       "properties": {
+        "i18nlang": {
+          "description": "BCP-47 / short code (e.g. `en`, `it`) for built-in UI strings.",
+          "type": "string"
+        },
         "id": {
           "type": "string"
         },

package/types/webcomponent.type.d.ts

@@ -42,6 +42,8 @@ export type Component = {
 
 	show_validation?: "yes" | "no";
 	schemaentry: FormSchemaEntry;
+	/** BCP-47 / short code (e.g. `en`, `it`) for built-in UI strings. */
+	i18nlang?: string;
 };
 
 export type Events = { setVal: { value: string; valid: boolean; id: string } };