@htmlbricks/hb-layout-desktop 0.71.24 → 0.71.26

package/manifest.json

@@ -19,6 +19,19 @@
               ],
               "type": "object"
             },
+            "languageChange": {
+              "additionalProperties": false,
+              "description": "Host updates `i18nlang` on `hb-layout` (or equivalent) and reloads copy.",
+              "properties": {
+                "code": {
+                  "type": "string"
+                }
+              },
+              "required": [
+                "code"
+              ],
+              "type": "object"
+            },
             "layoutStatus": {
               "additionalProperties": false,
               "properties": {
@@ -91,6 +104,19 @@
                 "page"
               ],
               "type": "object"
+            },
+            "themeChange": {
+              "additionalProperties": false,
+              "description": "Host applies Bulma/document hooks (`data-theme` / `theme-*` on `html`/`body`) or ignores.",
+              "properties": {
+                "mode": {
+                  "$ref": "#/definitions/ThemePreference"
+                }
+              },
+              "required": [
+                "mode"
+              ],
+              "type": "object"
             }
           },
           "required": [
@@ -99,9 +125,19 @@
             "navbarDropDownClick",
             "footerClick",
             "layoutStatus",
-            "navbarSlotClick"
+            "navbarSlotClick",
+            "themeChange",
+            "languageChange"
           ],
           "type": "object"
+        },
+        "ThemePreference": {
+          "enum": [
+            "light",
+            "dark",
+            "auto"
+          ],
+          "type": "string"
         }
       }
     },
@@ -157,6 +193,19 @@
             "i18nlang": {
               "type": "string"
             },
+            "i18nlanguages": {
+              "anyOf": [
+                {
+                  "items": {
+                    "$ref": "#/definitions/I18nLanguageOption"
+                  },
+                  "type": "array"
+                },
+                {
+                  "type": "string"
+                }
+              ]
+            },
             "id": {
               "type": "string"
             },
@@ -234,6 +283,22 @@
           },
           "type": "object"
         },
+        "I18nLanguageOption": {
+          "additionalProperties": false,
+          "properties": {
+            "code": {
+              "type": "string"
+            },
+            "label": {
+              "type": "string"
+            }
+          },
+          "required": [
+            "code",
+            "label"
+          ],
+          "type": "object"
+        },
         "IAddressContact": {
           "additionalProperties": false,
           "properties": {
@@ -1280,7 +1345,7 @@
       }
     }
   ],
-  "iifeIntegrity": "sha384-oDAku8rZMlplSb6g/eA4hi5iHWCh4Oos3Jf+ezXB9Ypm8Mv5zEWlWP0N1Hfa7x4S",
+  "iifeIntegrity": "sha384-X0cbak5PGLudJnQc8o9qRKXmENm35rFn/u/6Ro3VrD4XgvHxXT5QxsDSb9K0IN4H",
   "dependencies": [
     {
       "name": "hb-footer",
@@ -1354,5 +1419,5 @@
   },
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-layout-desktop",
-  "version": "0.71.24"
+  "version": "0.71.26"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-layout-desktop",
-  "version": "0.71.24",
+  "version": "0.71.26",
   "contributors": [],
   "description": "Desktop layout with top navbar, optional left sidebar (sidebar-desktop) when navigation links are present, main page area, optional cookie-law banner, and footer. The host is fixed to the viewport height (100dvh) so tall slotted content cannot grow the shell or stretch the sidebar; the sidebar rail never exceeds that band. Without `single_screen`, the page column scrolls and includes the cookie banner and footer after the slot; the slot region flexes so slot plus footer (and optional cookie) fill at least the scroll viewport, keeping the footer at the bottom when page content is short. With `single_screen`, cookie and footer sit fixed at the bottom of the main column (always visible) and only the page slot area scrolls; with footer.type auto the footer uses the compact (small) variant. The main row uses CSS Grid (sidebar track + page).",
   "licenses": [

package/types/webcomponent.type.d.json

@@ -50,6 +50,19 @@
         "i18nlang": {
           "type": "string"
         },
+        "i18nlanguages": {
+          "anyOf": [
+            {
+              "items": {
+                "$ref": "#/definitions/I18nLanguageOption"
+              },
+              "type": "array"
+            },
+            {
+              "type": "string"
+            }
+          ]
+        },
         "id": {
           "type": "string"
         },
@@ -127,6 +140,22 @@
       },
       "type": "object"
     },
+    "I18nLanguageOption": {
+      "additionalProperties": false,
+      "properties": {
+        "code": {
+          "type": "string"
+        },
+        "label": {
+          "type": "string"
+        }
+      },
+      "required": [
+        "code",
+        "label"
+      ],
+      "type": "object"
+    },
     "IAddressContact": {
       "additionalProperties": false,
       "properties": {

package/types/webcomponent.type.d.ts

@@ -7,9 +7,13 @@ import type {
 } from "../../footer/types/webcomponent.type";
 import type { IUserMenu } from "../../navbar/types/webcomponent.type";
 import type { INavLink } from "../../sidenav-link/types/webcomponent.type";
+import type { Events as SidebarDesktopEvents } from "../../sidebar-desktop/types/webcomponent.type";
+
+export type I18nLanguageOption = { code: string; label: string };
 
 export type Component = {
   i18nlang?: string;
+  i18nlanguages?: I18nLanguageOption[] | string;
   id?: string;
   style?: string;
   socials?: ISocials;
@@ -40,4 +44,6 @@ export type Events = {
   footerClick: { elClick: string };
   layoutStatus: { width: number; size: "large" | "small" };
   navbarSlotClick: { side: "left" | "right" | "center" };
+  themeChange: SidebarDesktopEvents["themeChange"];
+  languageChange: SidebarDesktopEvents["languageChange"];
 };

package/types/webcomponent_events.type.d.json

@@ -17,6 +17,19 @@
           ],
           "type": "object"
         },
+        "languageChange": {
+          "additionalProperties": false,
+          "description": "Host updates `i18nlang` on `hb-layout` (or equivalent) and reloads copy.",
+          "properties": {
+            "code": {
+              "type": "string"
+            }
+          },
+          "required": [
+            "code"
+          ],
+          "type": "object"
+        },
         "layoutStatus": {
           "additionalProperties": false,
           "properties": {
@@ -89,6 +102,19 @@
             "page"
           ],
           "type": "object"
+        },
+        "themeChange": {
+          "additionalProperties": false,
+          "description": "Host applies Bulma/document hooks (`data-theme` / `theme-*` on `html`/`body`) or ignores.",
+          "properties": {
+            "mode": {
+              "$ref": "#/definitions/ThemePreference"
+            }
+          },
+          "required": [
+            "mode"
+          ],
+          "type": "object"
         }
       },
       "required": [
@@ -97,9 +123,19 @@
         "navbarDropDownClick",
         "footerClick",
         "layoutStatus",
-        "navbarSlotClick"
+        "navbarSlotClick",
+        "themeChange",
+        "languageChange"
       ],
       "type": "object"
+    },
+    "ThemePreference": {
+      "enum": [
+        "light",
+        "dark",
+        "auto"
+      ],
+      "type": "string"
     }
   }
 }