@fluid-topics/ft-wc-utils 1.1.100 → 1.1.101

package/build/highlight-html.d.ts

@@ -1,3 +1,7 @@
 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;
+export type HighlightHtmlOptions = {
+    className?: string;
+    attributes?: Record<string, string>;
+};
+export declare function highlightHtml(container: HTMLElement, query?: string, options?: HighlightHtmlOptions): void;

package/build/highlight-html.js

@@ -11,18 +11,25 @@ export const highlightHtmlStyles = css `
         background: ${highlightHtmlColorCssVariable};
     }
 `;
-const markOptions = {
-    className: "highlight-html-match"
-};
-export function highlightHtml(container, query) {
-    var _a;
+export function highlightHtml(container, query, options) {
+    var _a, _b;
     let lastQuery = container.getAttribute("data-highlight-html-query");
     if ((lastQuery !== null && lastQuery !== void 0 ? lastQuery : "") !== (query !== null && query !== void 0 ? query : "")) {
         const mark = new Mark(container);
-        mark.unmark(markOptions);
+        mark.unmark();
         if (query && query.trim()) {
+            const markOptions = {
+                className: (_a = options === null || options === void 0 ? void 0 : options.className) !== null && _a !== void 0 ? _a : "highlight-html-match"
+            };
+            if ((options === null || options === void 0 ? void 0 : options.attributes) != undefined) {
+                markOptions.each = ((e) => {
+                    for (let attr in options.attributes) {
+                        e.setAttribute(attr, options.attributes[attr]);
+                    }
+                });
+            }
             mark.mark(query.replace(/"[^"]+"/g, ""), { ...markOptions, separateWordSearch: true });
-            const exactWords = (_a = query.match(/"[^"]+"/g)) !== null && _a !== void 0 ? _a : [];
+            const exactWords = (_b = query.match(/"[^"]+"/g)) !== null && _b !== void 0 ? _b : [];
             exactWords.forEach(words => mark.mark(words.replace(/"/g, ""), { ...markOptions, separateWordSearch: false }));
         }
     }

package/build/index.d.ts

@@ -29,6 +29,7 @@ export * from "./models";
 export * from "./ParametrizedLabelResolver";
 export * from "./redux";
 export * from "./ScopedRegistryLitElement";
+export * from "./FluidTopicsScrollHelper";
 export * from "./shadowQuerySelector";
 export * from "./urlHelpers";
 export * from "./FtFormComponent";

package/build/index.js

@@ -25,9 +25,12 @@ import * as models from "./models";
 import * as ParametrizedLabelResolver from "./ParametrizedLabelResolver";
 import * as redux from "./redux";
 import * as ScopedRegistryLitElement from "./ScopedRegistryLitElement";
+import * as FluidTopicsScrollHelper from "./FluidTopicsScrollHelper";
+import * as shadowQuerySelector from "./shadowQuerySelector";
 import * as urlHelpers from "./urlHelpers";
 import * as FtFormComponent from "./FtFormComponent";
-import { DateFormatter } from "./DateFormatter";
+import * as DateFormatter from "./DateFormatter";
+import { setVariable } from "@fluid-topics/design-system-variables";
 export const isSafari = (navigator.vendor && !!navigator.vendor.match(/apple/i))
     || ((_c = (_b = (_a = window.safari) === null || _a === void 0 ? void 0 : _a.pushNotification) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : "") === "[object SafariRemoteNotification]";
 export const isTouchScreen = (("ontouchstart" in window)
@@ -62,10 +65,13 @@ window.ftGlobals = (_d = window.ftGlobals) !== null && _d !== void 0 ? _d : {
         ...ParametrizedLabelResolver,
         ...redux,
         ...ScopedRegistryLitElement,
+        ...FluidTopicsScrollHelper,
+        ...shadowQuerySelector,
         ...urlHelpers,
         ...FtFormComponent,
         isSafari,
-        isTouchScreen
+        isTouchScreen,
+        setVariable,
     }
 };
 export * from "./CacheRegistry";
@@ -88,6 +94,7 @@ export * from "./models";
 export * from "./ParametrizedLabelResolver";
 export * from "./redux";
 export * from "./ScopedRegistryLitElement";
+export * from "./FluidTopicsScrollHelper";
 export * from "./shadowQuerySelector";
 export * from "./urlHelpers";
 export * from "./FtFormComponent";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-wc-utils",
-  "version": "1.1.100",
+  "version": "1.1.101",
   "description": "Internal web components tools",
   "author": "Fluid Topics <devtopics@antidot.net>",
   "license": "ISC",
@@ -24,5 +24,5 @@
     "mark.js": "8.11.1",
     "moment": "2.29.4"
   },
-  "gitHead": "1a88e4b0ddcb8947f3b0f82a2d9e893044199b22"
+  "gitHead": "2d444ace3306098342639937b95d84f13f24cb2d"
 }