@kth/style 1.14.1 → 1.14.2

package/dist/cjs/types/components/MenuPanel.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Close all <dialog>s (modal and non-modal) in a document
+ */
+export declare function closeAllDialogs(): void;
+/**
+ * Add basic mouse and keyboard event listeners to a dialog (<dialog>)
+ * @param dialog A <dialog> element
+ */
+export declare function addEventListeners(dialog: HTMLDialogElement): void;
+/**
+ * Add mouse and keyboard event listeners to a dialog (<dialog>) that is not a modal
+ * @param dialog A <dialog> element
+ * @param button Button or clickable element used to open the dialog
+ */
+export declare function addNonModalEventListeners(dialog: HTMLDialogElement, button: HTMLElement): void;
+/**
+ * Add mouse and keyboard event listeners to a modal (<dialog>)
+ * @param modal A <dialog> element
+ * @param previousModal A <dialog> element that was clicked to open the current modal
+ */
+export declare function addModalEventListeners(modal: HTMLDialogElement, button: HTMLElement, previousModal?: HTMLDialogElement | null): void;
+export declare class MenuPanel {
+    static init(container: HTMLElement | null, items: NodeListOf<Element>): void;
+    static initModal(button: Element | null, modal: Element | null): void;
+    static initModals(items: NodeListOf<Element>, previousModal?: Element | null): void;
+    static initTranslationModal(button: Element | null, modal: Element | null): void;
+}

package/dist/cjs/types/index.d.ts

@@ -0,0 +1 @@
+export { MenuPanel } from "./components/MenuPanel";

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@kth/style",
-  "version": "1.14.1",
+  "version": "1.14.2",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
+  "types": "./dist/cjs/types/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/esm/index.js",
@@ -29,19 +30,19 @@
     "assets"
   ],
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@typescript-eslint/eslint-plugin": "^5.57.1",
-    "@typescript-eslint/parser": "^5.57.1",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
     "@typescript-eslint/utils": "^5.62.0",
-    "eslint": "^8.38.0",
+    "eslint": "^8.57.1",
     "prop-types": "^15.8.1",
-    "rollup": "^4.57.1",
-    "sass": "^1.83.4",
+    "rollup": "^4.62.4",
+    "sass": "^1.102.0",
     "stylelint": "^16.26.1",
     "stylelint-config-standard-scss": "^16.0.0",
-    "svgo": "^4.0.0",
-    "typescript": "^5.0.2"
+    "svgo": "^4.0.2",
+    "typescript": "^5.9.3"
   }
 }

package/dist/index.d.ts

@@ -1,125 +0,0 @@
-/**
- * Close all <dialog>s (modal and non-modal) in a document
- */
-function closeAllDialogs() {
-    document.querySelectorAll("dialog").forEach((dialog) => dialog.close());
-}
-/**
- * Add basic mouse and keyboard event listeners to a dialog (<dialog>)
- * @param dialog A <dialog> element
- */
-function addEventListeners(dialog) {
-    const closeButton = dialog.querySelector(".kth-icon-button.close");
-    dialog.addEventListener("keydown", (e) => {
-        if (e.key === "Escape") {
-            dialog.close();
-        }
-    });
-    if (closeButton instanceof HTMLButtonElement) {
-        closeButton.addEventListener("click", () => {
-            closeAllDialogs();
-        });
-    }
-}
-/**
- * Add mouse and keyboard event listeners to a dialog (<dialog>) that is not a modal
- * @param dialog A <dialog> element
- * @param button Button or clickable element used to open the dialog
- */
-function addNonModalEventListeners(dialog, button) {
-    addEventListeners(dialog);
-    button.addEventListener("click", (e) => {
-        e.preventDefault();
-        if (!dialog.open) {
-            closeAllDialogs();
-            dialog.show();
-        }
-        else {
-            closeAllDialogs();
-        }
-    });
-    // Close the dialog if clicking outside the modal
-    document.addEventListener("click", (e) => {
-        if (dialog.open &&
-            !e.composedPath().includes(button) &&
-            !e.composedPath().includes(dialog)) {
-            e.preventDefault();
-            closeAllDialogs();
-        }
-    });
-}
-/**
- * Add mouse and keyboard event listeners to a modal (<dialog>)
- * @param modal A <dialog> element
- * @param previousModal A <dialog> element that was clicked to open the current modal
- */
-function addModalEventListeners(modal, button, previousModal) {
-    const backButton = modal.querySelector(".kth-button.back");
-    addEventListeners(modal);
-    button.addEventListener("click", (e) => {
-        e.preventDefault();
-        closeAllDialogs();
-        modal.showModal();
-    });
-    // Close the current modal and open the previous modal with a back button
-    if (backButton instanceof HTMLButtonElement) {
-        backButton.addEventListener("click", () => {
-            modal.close();
-            if (previousModal) {
-                previousModal.showModal();
-            }
-        });
-    }
-}
-class MenuPanel {
-    static init(container, items) {
-        if (!container)
-            return;
-        for (const item of items) {
-            if (!(item instanceof HTMLElement))
-                continue;
-            const dialog = item.nextElementSibling;
-            if (!(dialog instanceof HTMLDialogElement))
-                continue;
-            addNonModalEventListeners(dialog, item);
-        }
-        container.addEventListener("focusout", function (e) {
-            const target = e.relatedTarget;
-            if (target && target instanceof Node && !container.contains(target)) {
-                closeAllDialogs();
-            }
-        });
-    }
-    static initModal(button, modal) {
-        if (!(button instanceof HTMLElement))
-            return;
-        if (!(modal instanceof HTMLDialogElement))
-            return;
-        addModalEventListeners(modal, button);
-    }
-    static initModals(items, previousModal) {
-        if (previousModal && !(previousModal instanceof HTMLDialogElement))
-            return;
-        for (const item of items) {
-            if (!(item instanceof HTMLElement))
-                continue;
-            const dataId = item.getAttribute("data-id");
-            const modal = document.querySelector(`.kth-mobile-menu[data-id='${dataId}']`);
-            if (!(modal instanceof HTMLDialogElement))
-                return;
-            addModalEventListeners(modal, item, previousModal);
-        }
-    }
-    static initTranslationModal(button, modal) {
-        if (!(button instanceof HTMLElement))
-            return;
-        if (!(modal instanceof HTMLDialogElement))
-            return;
-        // Only open the modal if there is no href
-        if (!button.getAttribute("href")) {
-            addNonModalEventListeners(modal, button);
-        }
-    }
-}
-
-export { MenuPanel };

package/dist/localNavigation.d.ts

@@ -1,35 +0,0 @@
-/* eslint no-var: off */
-// JavaScript that originally was placed in kth-style
-// It copies the content of the main menu and places it in the left mobile
-window.addEventListener("load", () => {
-    // If no mobile menu container is present, skip everything
-    if (!document.getElementById("mobileMenuList")) {
-        return;
-    }
-    var mainMenu = document.getElementById("mainMenu"); // Get main menu
-    if (mainMenu) {
-        // For main menu items, copy a link if it exists, otherwise copy the link content
-        createMobileMenuItems(mainMenu.querySelectorAll("li"));
-    }
-    function createMobileMenuItems(menuItems, includeInline) {
-        for (var i = 0; i < menuItems.length; i++) {
-            var linkToCopy = menuItems[i].querySelector("a");
-            {
-                var listItem = document.createElement("li");
-                listItem.className =
-                    menuItems[i].className !== "" ? menuItems[i].className : "nav-item";
-                if (linkToCopy) {
-                    var link = document.createElement("a");
-                    link.href = linkToCopy.href;
-                    link.text = linkToCopy.text;
-                    link.className = linkToCopy.className;
-                    listItem.appendChild(link);
-                }
-                else {
-                    listItem.innerHTML = menuItems[i].innerHTML;
-                }
-                document.getElementById("mobileMenuList")?.appendChild(listItem);
-            }
-        }
-    }
-});