@fkui/vue 6.0.0 → 6.1.0

package/dist/types/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.49.2"
+      "packageVersion": "7.50.0"
     }
   ]
 }

package/htmlvalidate/rules/classdeprecated.rule.js

@@ -1,31 +1,54 @@
-const { Rule } = require("html-validate");
+const { Rule, DOMTokenList } = require("html-validate");
 const { getDocumentationUrl } = require("./common");
 
+const deprecatedClasses = [
+    {
+        name: "navbar",
+        description:
+            "`.navbar` and related classes are deprecated and should be replaced with Vue components `FPageHeader` and `FNavigationMenu` or their HTML and style.",
+        url: "/components/page-layout/fpageheader.html",
+    },
+    {
+        name: "button--text",
+        description:
+            "`.button--text` class is deprecated and should be replaced with `button--discrete`",
+        url: "/components/button.html",
+    },
+];
+
 class ClassDeprecated extends Rule {
-    documentation() {
+    documentation({ description, url }) {
         return {
-            description:
-                "The class button--text is deprecated and should be replaced with button--discrete",
-            url: getDocumentationUrl("/components/button.html"),
+            description,
+            url: getDocumentationUrl(url),
         };
     }
 
     setup() {
-        /* listen on dom ready event */
-        this.on("dom:ready", (event) => {
-            this.reportDeprecatedClass(event);
-        });
-    }
+        this.on("attr", (event) => {
+            const { key, value, valueLocation } = event;
+            const hasClassValue = key === "class" && typeof value === "string";
+            if (!hasClassValue) {
+                return;
+            }
 
-    reportDeprecatedClass(event) {
-        const buttons = event.document.querySelectorAll(".button--text");
+            const tokens = new DOMTokenList(event.value, valueLocation);
 
-        for (const button of buttons) {
-            this.report(
-                button,
-                "['button--text'] is deprecated, please use ['button--discrete'] instead",
-            );
-        }
+            for (const { item, location } of tokens.iterator()) {
+                for (const deprecatedClass of deprecatedClasses) {
+                    if (deprecatedClass.name !== item) {
+                        continue;
+                    }
+
+                    this.report({
+                        node: event.target,
+                        location,
+                        message: "`.{{ name }}` class is deprecated.",
+                        context: deprecatedClass,
+                    });
+                }
+            }
+        });
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fkui/vue",
-  "version": "6.0.0",
+  "version": "6.1.0",
   "description": "Vue implementation of FKUI components",
   "keywords": [
     "fkui",
@@ -59,9 +59,9 @@
     "unit:watch": "jest --watch"
   },
   "peerDependencies": {
-    "@fkui/date": "^5.36.0",
-    "@fkui/design": "^5.36.0",
-    "@fkui/logic": "^5.36.0",
+    "@fkui/date": "^6.1.0",
+    "@fkui/design": "^6.1.0",
+    "@fkui/logic": "^6.1.0",
     "fk-icons": "^4.30.1",
     "html-validate": ">= 7.9.0",
     "vue": "^3.5.0"
@@ -78,5 +78,5 @@
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "490180f46c605ebe3e05fa183a2fa718adb896af"
+  "gitHead": "70fde379fb579f9a90ed58afef5d91e5b2d2bb0d"
 }