@fluid-topics/ft-wc-utils 1.1.0 → 1.1.2

package/build/highlight-html.d.ts

@@ -0,0 +1,3 @@
+export declare const highlightHtmlColorCssVariable: import("@fluid-topics/design-system-variables").FtCssVariable;
+export declare const highlightHtmlStyles: import("lit").CSSResult;
+export declare function highlightHtml(container: HTMLElement, query?: string): void;

package/build/highlight-html.js

@@ -0,0 +1,23 @@
+import { css } from "lit";
+import { FtCssVariableFactory } from "@fluid-topics/design-system-variables";
+// This library works but is pretty badly built 🙄
+//@ts-ignore
+import MarkJs from "mark.js/src/vanilla.js";
+const Mark = MarkJs;
+export const highlightHtmlColorCssVariable = FtCssVariableFactory.create("--ft-utils-highlight-html-background-color", "", "COLOR", "#FFF26E");
+//language=CSS
+export const highlightHtmlStyles = css `
+    .highlight-html-match {
+        background: ${highlightHtmlColorCssVariable};
+    }
+`;
+const markOptions = {
+    className: "highlight-html-match"
+};
+export function highlightHtml(container, query) {
+    const mark = new Mark(container);
+    mark.unmark(markOptions);
+    if (query && query.trim()) {
+        mark.mark(query, markOptions);
+    }
+}

package/build/index.d.ts

@@ -10,6 +10,7 @@ export * from "./FtCssVariables";
 export * from "./FtLitElement";
 export * from "./generic-types";
 export * from "./helpers";
+export * from "./highlight-html";
 export * from "./mixins.css";
 export * from "./ParametrizedLabelResolver";
 export * from "./redux";

package/build/index.js

@@ -12,6 +12,7 @@ export * from "./FtCssVariables";
 export * from "./FtLitElement";
 export * from "./generic-types";
 export * from "./helpers";
+export * from "./highlight-html";
 export * from "./mixins.css";
 export * from "./ParametrizedLabelResolver";
 export * from "./redux";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-wc-utils",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Internal web components tools",
   "author": "Fluid Topics <devtopics@antidot.net>",
   "license": "ISC",
@@ -14,10 +14,12 @@
   ],
   "dependencies": {
     "@fluid-topics/design-system-variables": "0.0.18",
-    "@fluid-topics/public-api": "1.0.50",
+    "@fluid-topics/public-api": "1.0.51",
     "@reduxjs/toolkit": "1.9.5",
+    "@types/mark.js": "8.11.12",
     "@webcomponents/scoped-custom-element-registry": "0.0.9",
-    "lit": "3.1.0"
+    "lit": "3.1.0",
+    "mark.js": "8.11.1"
   },
-  "gitHead": "3f2a051fc84a0e27b942f311efee39954f6d2883"
+  "gitHead": "53ce99f657872582bca43cbb7ad691b239b22823"
 }