@embedpdf/plugin-search 2.15.0 → 3.0.0-next.0

package/dist/preact/index.js

@@ -1,107 +0,0 @@
-import { useCapability, usePlugin, useDocumentState } from "@embedpdf/core/preact";
-import { initialSearchDocumentState, SearchPlugin } from "@embedpdf/plugin-search";
-export * from "@embedpdf/plugin-search";
-import "preact";
-import { useState, useMemo, useEffect } from "preact/hooks";
-import { jsx } from "preact/jsx-runtime";
-const useSearchPlugin = () => usePlugin(SearchPlugin.id);
-const useSearchCapability = () => useCapability(SearchPlugin.id);
-const useSearch = (documentId) => {
-  const { provides } = useSearchCapability();
-  const [searchState, setSearchState] = useState(initialSearchDocumentState);
-  const scope = useMemo(() => provides == null ? void 0 : provides.forDocument(documentId), [provides, documentId]);
-  useEffect(() => {
-    if (!scope) {
-      setSearchState(initialSearchDocumentState);
-      return;
-    }
-    setSearchState(scope.getState());
-    return scope.onStateChange((state) => setSearchState(state));
-  }, [scope]);
-  return {
-    state: searchState,
-    provides: scope ?? null
-  };
-};
-function SearchLayer({
-  documentId,
-  pageIndex,
-  scale: scaleOverride,
-  style,
-  highlightColor = "#FFFF00",
-  activeHighlightColor = "#FFBF00",
-  ...props
-}) {
-  const { provides: searchProvides } = useSearchCapability();
-  const [searchResultState, setSearchResultState] = useState(null);
-  const documentState = useDocumentState(documentId);
-  const scope = useMemo(
-    () => searchProvides == null ? void 0 : searchProvides.forDocument(documentId),
-    [searchProvides, documentId]
-  );
-  const actualScale = useMemo(() => {
-    if (scaleOverride !== void 0) return scaleOverride;
-    return (documentState == null ? void 0 : documentState.scale) ?? 1;
-  }, [scaleOverride, documentState == null ? void 0 : documentState.scale]);
-  useEffect(() => {
-    if (!scope) {
-      setSearchResultState(null);
-      return;
-    }
-    const currentState = scope.getState();
-    setSearchResultState({
-      results: currentState.results,
-      activeResultIndex: currentState.activeResultIndex,
-      showAllResults: currentState.showAllResults,
-      active: currentState.active
-    });
-    return scope.onSearchResultStateChange((state) => {
-      setSearchResultState(state);
-    });
-  }, [scope]);
-  if (!searchResultState || !searchResultState.active) {
-    return null;
-  }
-  const pageResults = searchResultState.results.map((result, originalIndex) => ({ result, originalIndex })).filter(({ result }) => result.pageIndex === pageIndex);
-  const resultsToShow = pageResults.filter(
-    ({ originalIndex }) => searchResultState.showAllResults || originalIndex === searchResultState.activeResultIndex
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        ...style,
-        pointerEvents: "none"
-      },
-      ...props,
-      children: resultsToShow.map(
-        ({ result, originalIndex }) => result.rects.map((rect, rectIndex) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              position: "absolute",
-              top: rect.origin.y * actualScale,
-              left: rect.origin.x * actualScale,
-              width: rect.size.width * actualScale,
-              height: rect.size.height * actualScale,
-              backgroundColor: originalIndex === searchResultState.activeResultIndex ? activeHighlightColor : highlightColor,
-              mixBlendMode: "multiply",
-              transform: "scale(1.02)",
-              transformOrigin: "center",
-              transition: "opacity .3s ease-in-out",
-              opacity: 1
-            }
-          },
-          `${originalIndex}-${rectIndex}`
-        ))
-      )
-    }
-  );
-}
-export {
-  SearchLayer,
-  useSearch,
-  useSearchCapability,
-  useSearchPlugin
-};
-//# sourceMappingURL=index.js.map

package/dist/preact/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-search.ts","../../src/shared/components/search-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport {\n  SearchPlugin,\n  SearchDocumentState,\n  SearchScope,\n  initialSearchDocumentState,\n} from '@embedpdf/plugin-search';\nimport { useEffect, useMemo, useState } from '@framework';\n\nexport const useSearchPlugin = () => usePlugin<SearchPlugin>(SearchPlugin.id);\nexport const useSearchCapability = () => useCapability<SearchPlugin>(SearchPlugin.id);\n\nexport const useSearch = (\n  documentId: string,\n): {\n  state: SearchDocumentState;\n  provides: SearchScope | null;\n} => {\n  const { provides } = useSearchCapability();\n  const [searchState, setSearchState] = useState<SearchDocumentState>(initialSearchDocumentState);\n\n  const scope = useMemo(() => provides?.forDocument(documentId), [provides, documentId]);\n\n  useEffect(() => {\n    if (!scope) {\n      setSearchState(initialSearchDocumentState);\n      return;\n    }\n    // Set initial state\n    setSearchState(scope.getState());\n    // Subscribe to changes\n    return scope.onStateChange((state) => setSearchState(state));\n  }, [scope]);\n\n  return {\n    state: searchState,\n    provides: scope ?? null,\n  };\n};\n","import { useEffect, useMemo, useState, HTMLAttributes, CSSProperties } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { SearchResultState } from '@embedpdf/plugin-search';\n\nimport { useSearchCapability } from '../hooks';\n\ntype SearchLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  highlightColor?: string;\n  activeHighlightColor?: string;\n  style?: CSSProperties;\n};\n\nexport function SearchLayer({\n  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  style,\n  highlightColor = '#FFFF00',\n  activeHighlightColor = '#FFBF00',\n  ...props\n}: SearchLayoutProps) {\n  const { provides: searchProvides } = useSearchCapability();\n  const [searchResultState, setSearchResultState] = useState<SearchResultState | null>(null);\n  const documentState = useDocumentState(documentId);\n\n  const scope = useMemo(\n    () => searchProvides?.forDocument(documentId),\n    [searchProvides, documentId],\n  );\n\n  const actualScale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  useEffect(() => {\n    if (!scope) {\n      setSearchResultState(null);\n      return;\n    }\n    // Set initial state\n    const currentState = scope.getState();\n    setSearchResultState({\n      results: currentState.results,\n      activeResultIndex: currentState.activeResultIndex,\n      showAllResults: currentState.showAllResults,\n      active: currentState.active,\n    });\n    // Subscribe to changes\n    return scope.onSearchResultStateChange((state) => {\n      setSearchResultState(state);\n    });\n  }, [scope]);\n\n  if (!searchResultState || !searchResultState.active) {\n    return null;\n  }\n\n  // Filter results for current page while preserving original indices\n  const pageResults = searchResultState.results\n    .map((result, originalIndex) => ({ result, originalIndex }))\n    .filter(({ result }) => result.pageIndex === pageIndex);\n\n  // Decide which results to show\n  const resultsToShow = pageResults.filter(\n    ({ originalIndex }) =>\n      searchResultState.showAllResults || originalIndex === searchResultState.activeResultIndex,\n  );\n\n  return (\n    <div\n      style={{\n        ...style,\n        pointerEvents: 'none',\n      }}\n      {...props}\n    >\n      {resultsToShow.map(({ result, originalIndex }) =>\n        result.rects.map((rect, rectIndex) => (\n          <div\n            key={`${originalIndex}-${rectIndex}`}\n            style={{\n              position: 'absolute',\n              top: rect.origin.y * actualScale,\n              left: rect.origin.x * actualScale,\n              width: rect.size.width * actualScale,\n              height: rect.size.height * actualScale,\n              backgroundColor:\n                originalIndex === searchResultState.activeResultIndex\n                  ? activeHighlightColor\n                  : highlightColor,\n              mixBlendMode: 'multiply',\n              transform: 'scale(1.02)',\n              transformOrigin: 'center',\n              transition: 'opacity .3s ease-in-out',\n              opacity: 1,\n            }}\n          ></div>\n        )),\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/react/adapter.d.ts

@@ -1,2 +0,0 @@
-export { Fragment, useEffect, useRef, useState, useMemo } from 'react';
-export type { ReactNode, HTMLAttributes, CSSProperties } from 'react';

package/dist/react/core.d.ts

@@ -1 +0,0 @@
-export * from '@embedpdf/core/react';

package/dist/react/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/react"),t=require("@embedpdf/plugin-search"),r=require("react"),i=require("react/jsx-runtime"),s=()=>e.useCapability(t.SearchPlugin.id);exports.SearchLayer=function({documentId:t,pageIndex:l,scale:n,style:o,highlightColor:a="#FFFF00",activeHighlightColor:u="#FFBF00",...c}){const{provides:d}=s(),[p,h]=r.useState(null),g=e.useDocumentState(t),f=r.useMemo(()=>null==d?void 0:d.forDocument(t),[d,t]),m=r.useMemo(()=>void 0!==n?n:(null==g?void 0:g.scale)??1,[n,null==g?void 0:g.scale]);if(r.useEffect(()=>{if(!f)return void h(null);const e=f.getState();return h({results:e.results,activeResultIndex:e.activeResultIndex,showAllResults:e.showAllResults,active:e.active}),f.onSearchResultStateChange(e=>{h(e)})},[f]),!p||!p.active)return null;const v=p.results.map((e,t)=>({result:e,originalIndex:t})).filter(({result:e})=>e.pageIndex===l).filter(({originalIndex:e})=>p.showAllResults||e===p.activeResultIndex);return i.jsx("div",{style:{...o,pointerEvents:"none"},...c,children:v.map(({result:e,originalIndex:t})=>e.rects.map((e,r)=>i.jsx("div",{style:{position:"absolute",top:e.origin.y*m,left:e.origin.x*m,width:e.size.width*m,height:e.size.height*m,backgroundColor:t===p.activeResultIndex?u:a,mixBlendMode:"multiply",transform:"scale(1.02)",transformOrigin:"center",transition:"opacity .3s ease-in-out",opacity:1}},`${t}-${r}`)))})},exports.useSearch=e=>{const{provides:i}=s(),[l,n]=r.useState(t.initialSearchDocumentState),o=r.useMemo(()=>null==i?void 0:i.forDocument(e),[i,e]);return r.useEffect(()=>{if(o)return n(o.getState()),o.onStateChange(e=>n(e));n(t.initialSearchDocumentState)},[o]),{state:l,provides:o??null}},exports.useSearchCapability=s,exports.useSearchPlugin=()=>e.usePlugin(t.SearchPlugin.id),Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
-//# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-search.ts","../../src/shared/components/search-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport {\n  SearchPlugin,\n  SearchDocumentState,\n  SearchScope,\n  initialSearchDocumentState,\n} from '@embedpdf/plugin-search';\nimport { useEffect, useMemo, useState } from '@framework';\n\nexport const useSearchPlugin = () => usePlugin<SearchPlugin>(SearchPlugin.id);\nexport const useSearchCapability = () => useCapability<SearchPlugin>(SearchPlugin.id);\n\nexport const useSearch = (\n  documentId: string,\n): {\n  state: SearchDocumentState;\n  provides: SearchScope | null;\n} => {\n  const { provides } = useSearchCapability();\n  const [searchState, setSearchState] = useState<SearchDocumentState>(initialSearchDocumentState);\n\n  const scope = useMemo(() => provides?.forDocument(documentId), [provides, documentId]);\n\n  useEffect(() => {\n    if (!scope) {\n      setSearchState(initialSearchDocumentState);\n      return;\n    }\n    // Set initial state\n    setSearchState(scope.getState());\n    // Subscribe to changes\n    return scope.onStateChange((state) => setSearchState(state));\n  }, [scope]);\n\n  return {\n    state: searchState,\n    provides: scope ?? null,\n  };\n};\n","import { useEffect, useMemo, useState, HTMLAttributes, CSSProperties } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { SearchResultState } from '@embedpdf/plugin-search';\n\nimport { useSearchCapability } from '../hooks';\n\ntype SearchLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  highlightColor?: string;\n  activeHighlightColor?: string;\n  style?: CSSProperties;\n};\n\nexport function SearchLayer({\n  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  style,\n  highlightColor = '#FFFF00',\n  activeHighlightColor = '#FFBF00',\n  ...props\n}: SearchLayoutProps) {\n  const { provides: searchProvides } = useSearchCapability();\n  const [searchResultState, setSearchResultState] = useState<SearchResultState | null>(null);\n  const documentState = useDocumentState(documentId);\n\n  const scope = useMemo(\n    () => searchProvides?.forDocument(documentId),\n    [searchProvides, documentId],\n  );\n\n  const actualScale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  useEffect(() => {\n    if (!scope) {\n      setSearchResultState(null);\n      return;\n    }\n    // Set initial state\n    const currentState = scope.getState();\n    setSearchResultState({\n      results: currentState.results,\n      activeResultIndex: currentState.activeResultIndex,\n      showAllResults: currentState.showAllResults,\n      active: currentState.active,\n    });\n    // Subscribe to changes\n    return scope.onSearchResultStateChange((state) => {\n      setSearchResultState(state);\n    });\n  }, [scope]);\n\n  if (!searchResultState || !searchResultState.active) {\n    return null;\n  }\n\n  // Filter results for current page while preserving original indices\n  const pageResults = searchResultState.results\n    .map((result, originalIndex) => ({ result, originalIndex }))\n    .filter(({ result }) => result.pageIndex === pageIndex);\n\n  // Decide which results to show\n  const resultsToShow = pageResults.filter(\n    ({ originalIndex }) =>\n      searchResultState.showAllResults || originalIndex === searchResultState.activeResultIndex,\n  );\n\n  return (\n    <div\n      style={{\n        ...style,\n        pointerEvents: 'none',\n      }}\n      {...props}\n    >\n      {resultsToShow.map(({ result, originalIndex }) =>\n        result.rects.map((rect, rectIndex) => (\n          <div\n            key={`${originalIndex}-${rectIndex}`}\n            style={{\n              position: 'absolute',\n              top: rect.origin.y * actualScale,\n              left: rect.origin.x * actualScale,\n              width: rect.size.width * actualScale,\n              height: rect.size.height * actualScale,\n              backgroundColor:\n                originalIndex === searchResultState.activeResultIndex\n                  ? activeHighlightColor\n                  : highlightColor,\n              mixBlendMode: 'multiply',\n              transform: 'scale(1.02)',\n              transformOrigin: 'center',\n              transition: 'opacity .3s ease-in-out',\n              opacity: 1,\n            }}\n          ></div>\n        )),\n      )}\n    </div>\n  );\n}\n"],"names":["useSearchCapability","useCapability","SearchPlugin","id","documentId","pageIndex","scale","scaleOverride","style","highlightColor","activeHighlightColor","props","provides","searchProvides","searchResultState","setSearchResultState","useState","documentState","useDocumentState","scope","useMemo","forDocument","actualScale","useEffect","currentState","getState","results","activeResultIndex","showAllResults","active","onSearchResultStateChange","state","resultsToShow","map","result","originalIndex","filter","jsx","pointerEvents","children","rects","rect","rectIndex","position","top","origin","y","left","x","width","size","height","backgroundColor","mixBlendMode","transform","transformOrigin","transition","opacity","searchState","setSearchState","initialSearchDocumentState","onStateChange","usePlugin"],"mappings":"+MAUaA,EAAsB,IAAMC,gBAA4BC,EAAAA,aAAaC,wBCK3E,UAAqBC,WAC1BA,EAAAC,UACAA,EACAC,MAAOC,EAAAC,MACPA,EAAAC,eACAA,EAAiB,UAAAC,qBACjBA,EAAuB,aACpBC,IAEH,MAAQC,SAAUC,GAAmBb,KAC9Bc,EAAmBC,GAAwBC,EAAAA,SAAmC,MAC/EC,EAAgBC,EAAAA,iBAAiBd,GAEjCe,EAAQC,EAAAA,QACZ,UAAMP,WAAgBQ,YAAYjB,GAClC,CAACS,EAAgBT,IAGbkB,EAAcF,EAAAA,QAAQ,aACtBb,EAAoCA,SACjCU,WAAeX,QAAS,EAC9B,CAACC,EAAe,MAAAU,OAAA,EAAAA,EAAeX,QAqBlC,GAnBAiB,EAAAA,UAAU,KACR,IAAKJ,EAEH,YADAJ,EAAqB,MAIvB,MAAMS,EAAeL,EAAMM,WAQ3B,OAPAV,EAAqB,CACnBW,QAASF,EAAaE,QACtBC,kBAAmBH,EAAaG,kBAChCC,eAAgBJ,EAAaI,eAC7BC,OAAQL,EAAaK,SAGhBV,EAAMW,0BAA2BC,IACtChB,EAAqBgB,MAEtB,CAACZ,KAECL,IAAsBA,EAAkBe,OAC3C,OAAO,KAIT,MAKMG,EALclB,EAAkBY,QACnCO,IAAI,CAACC,EAAQC,MAAqBD,SAAQC,mBAC1CC,OAAO,EAAGF,YAAaA,EAAO7B,YAAcA,GAGb+B,OAChC,EAAGD,mBACDrB,EAAkBc,gBAAkBO,IAAkBrB,EAAkBa,mBAG5E,OACEU,EAAAA,IAAC,MAAA,CACC7B,MAAO,IACFA,EACH8B,cAAe,WAEb3B,EAEH4B,SAAAP,EAAcC,IAAI,EAAGC,SAAQC,mBAC5BD,EAAOM,MAAMP,IAAI,CAACQ,EAAMC,IACtBL,EAAAA,IAAC,MAAA,CAEC7B,MAAO,CACLmC,SAAU,WACVC,IAAKH,EAAKI,OAAOC,EAAIxB,EACrByB,KAAMN,EAAKI,OAAOG,EAAI1B,EACtB2B,MAAOR,EAAKS,KAAKD,MAAQ3B,EACzB6B,OAAQV,EAAKS,KAAKC,OAAS7B,EAC3B8B,gBACEjB,IAAkBrB,EAAkBa,kBAChCjB,EACAD,EACN4C,aAAc,WACdC,UAAW,cACXC,gBAAiB,SACjBC,WAAY,0BACZC,QAAS,IAfN,GAAGtB,KAAiBO,QAsBrC,oBD5FEtC,IAKA,MAAMQ,SAAEA,GAAaZ,KACd0D,EAAaC,GAAkB3C,EAAAA,SAA8B4C,EAAAA,4BAE9DzC,EAAQC,UAAQ,IAAM,MAAAR,OAAA,EAAAA,EAAUS,YAAYjB,GAAa,CAACQ,EAAUR,IAa1E,OAXAmB,EAAAA,UAAU,KACR,GAAKJ,EAOL,OAFAwC,EAAexC,EAAMM,YAEdN,EAAM0C,cAAe9B,GAAU4B,EAAe5B,IANnD4B,EAAeC,EAAAA,6BAOhB,CAACzC,IAEG,CACLY,MAAO2B,EACP9C,SAAUO,GAAS,6DA3BQ,IAAM2C,YAAwB5D,EAAAA,aAAaC"}

package/dist/react/index.d.ts

@@ -1 +0,0 @@
-export * from '../shared-react';

package/dist/react/index.js

@@ -1,106 +0,0 @@
-import { useCapability, usePlugin, useDocumentState } from "@embedpdf/core/react";
-import { initialSearchDocumentState, SearchPlugin } from "@embedpdf/plugin-search";
-export * from "@embedpdf/plugin-search";
-import { useState, useMemo, useEffect } from "react";
-import { jsx } from "react/jsx-runtime";
-const useSearchPlugin = () => usePlugin(SearchPlugin.id);
-const useSearchCapability = () => useCapability(SearchPlugin.id);
-const useSearch = (documentId) => {
-  const { provides } = useSearchCapability();
-  const [searchState, setSearchState] = useState(initialSearchDocumentState);
-  const scope = useMemo(() => provides == null ? void 0 : provides.forDocument(documentId), [provides, documentId]);
-  useEffect(() => {
-    if (!scope) {
-      setSearchState(initialSearchDocumentState);
-      return;
-    }
-    setSearchState(scope.getState());
-    return scope.onStateChange((state) => setSearchState(state));
-  }, [scope]);
-  return {
-    state: searchState,
-    provides: scope ?? null
-  };
-};
-function SearchLayer({
-  documentId,
-  pageIndex,
-  scale: scaleOverride,
-  style,
-  highlightColor = "#FFFF00",
-  activeHighlightColor = "#FFBF00",
-  ...props
-}) {
-  const { provides: searchProvides } = useSearchCapability();
-  const [searchResultState, setSearchResultState] = useState(null);
-  const documentState = useDocumentState(documentId);
-  const scope = useMemo(
-    () => searchProvides == null ? void 0 : searchProvides.forDocument(documentId),
-    [searchProvides, documentId]
-  );
-  const actualScale = useMemo(() => {
-    if (scaleOverride !== void 0) return scaleOverride;
-    return (documentState == null ? void 0 : documentState.scale) ?? 1;
-  }, [scaleOverride, documentState == null ? void 0 : documentState.scale]);
-  useEffect(() => {
-    if (!scope) {
-      setSearchResultState(null);
-      return;
-    }
-    const currentState = scope.getState();
-    setSearchResultState({
-      results: currentState.results,
-      activeResultIndex: currentState.activeResultIndex,
-      showAllResults: currentState.showAllResults,
-      active: currentState.active
-    });
-    return scope.onSearchResultStateChange((state) => {
-      setSearchResultState(state);
-    });
-  }, [scope]);
-  if (!searchResultState || !searchResultState.active) {
-    return null;
-  }
-  const pageResults = searchResultState.results.map((result, originalIndex) => ({ result, originalIndex })).filter(({ result }) => result.pageIndex === pageIndex);
-  const resultsToShow = pageResults.filter(
-    ({ originalIndex }) => searchResultState.showAllResults || originalIndex === searchResultState.activeResultIndex
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        ...style,
-        pointerEvents: "none"
-      },
-      ...props,
-      children: resultsToShow.map(
-        ({ result, originalIndex }) => result.rects.map((rect, rectIndex) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              position: "absolute",
-              top: rect.origin.y * actualScale,
-              left: rect.origin.x * actualScale,
-              width: rect.size.width * actualScale,
-              height: rect.size.height * actualScale,
-              backgroundColor: originalIndex === searchResultState.activeResultIndex ? activeHighlightColor : highlightColor,
-              mixBlendMode: "multiply",
-              transform: "scale(1.02)",
-              transformOrigin: "center",
-              transition: "opacity .3s ease-in-out",
-              opacity: 1
-            }
-          },
-          `${originalIndex}-${rectIndex}`
-        ))
-      )
-    }
-  );
-}
-export {
-  SearchLayer,
-  useSearch,
-  useSearchCapability,
-  useSearchPlugin
-};
-//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-search.ts","../../src/shared/components/search-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport {\n  SearchPlugin,\n  SearchDocumentState,\n  SearchScope,\n  initialSearchDocumentState,\n} from '@embedpdf/plugin-search';\nimport { useEffect, useMemo, useState } from '@framework';\n\nexport const useSearchPlugin = () => usePlugin<SearchPlugin>(SearchPlugin.id);\nexport const useSearchCapability = () => useCapability<SearchPlugin>(SearchPlugin.id);\n\nexport const useSearch = (\n  documentId: string,\n): {\n  state: SearchDocumentState;\n  provides: SearchScope | null;\n} => {\n  const { provides } = useSearchCapability();\n  const [searchState, setSearchState] = useState<SearchDocumentState>(initialSearchDocumentState);\n\n  const scope = useMemo(() => provides?.forDocument(documentId), [provides, documentId]);\n\n  useEffect(() => {\n    if (!scope) {\n      setSearchState(initialSearchDocumentState);\n      return;\n    }\n    // Set initial state\n    setSearchState(scope.getState());\n    // Subscribe to changes\n    return scope.onStateChange((state) => setSearchState(state));\n  }, [scope]);\n\n  return {\n    state: searchState,\n    provides: scope ?? null,\n  };\n};\n","import { useEffect, useMemo, useState, HTMLAttributes, CSSProperties } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { SearchResultState } from '@embedpdf/plugin-search';\n\nimport { useSearchCapability } from '../hooks';\n\ntype SearchLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  highlightColor?: string;\n  activeHighlightColor?: string;\n  style?: CSSProperties;\n};\n\nexport function SearchLayer({\n  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  style,\n  highlightColor = '#FFFF00',\n  activeHighlightColor = '#FFBF00',\n  ...props\n}: SearchLayoutProps) {\n  const { provides: searchProvides } = useSearchCapability();\n  const [searchResultState, setSearchResultState] = useState<SearchResultState | null>(null);\n  const documentState = useDocumentState(documentId);\n\n  const scope = useMemo(\n    () => searchProvides?.forDocument(documentId),\n    [searchProvides, documentId],\n  );\n\n  const actualScale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  useEffect(() => {\n    if (!scope) {\n      setSearchResultState(null);\n      return;\n    }\n    // Set initial state\n    const currentState = scope.getState();\n    setSearchResultState({\n      results: currentState.results,\n      activeResultIndex: currentState.activeResultIndex,\n      showAllResults: currentState.showAllResults,\n      active: currentState.active,\n    });\n    // Subscribe to changes\n    return scope.onSearchResultStateChange((state) => {\n      setSearchResultState(state);\n    });\n  }, [scope]);\n\n  if (!searchResultState || !searchResultState.active) {\n    return null;\n  }\n\n  // Filter results for current page while preserving original indices\n  const pageResults = searchResultState.results\n    .map((result, originalIndex) => ({ result, originalIndex }))\n    .filter(({ result }) => result.pageIndex === pageIndex);\n\n  // Decide which results to show\n  const resultsToShow = pageResults.filter(\n    ({ originalIndex }) =>\n      searchResultState.showAllResults || originalIndex === searchResultState.activeResultIndex,\n  );\n\n  return (\n    <div\n      style={{\n        ...style,\n        pointerEvents: 'none',\n      }}\n      {...props}\n    >\n      {resultsToShow.map(({ result, originalIndex }) =>\n        result.rects.map((rect, rectIndex) => (\n          <div\n            key={`${originalIndex}-${rectIndex}`}\n            style={{\n              position: 'absolute',\n              top: rect.origin.y * actualScale,\n              left: rect.origin.x * actualScale,\n              width: rect.size.width * actualScale,\n              height: rect.size.height * actualScale,\n              backgroundColor:\n                originalIndex === searchResultState.activeResultIndex\n                  ? activeHighlightColor\n                  : highlightColor,\n              mixBlendMode: 'multiply',\n              transform: 'scale(1.02)',\n              transformOrigin: 'center',\n              transition: 'opacity .3s ease-in-out',\n              opacity: 1,\n            }}\n          ></div>\n        )),\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/shared/components/index.d.ts

@@ -1 +0,0 @@
-export * from './search-layer';

package/dist/shared/components/search-layer.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes, CSSProperties } from '../../react/adapter.ts';
-type SearchLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
-    documentId: string;
-    pageIndex: number;
-    scale?: number;
-    highlightColor?: string;
-    activeHighlightColor?: string;
-    style?: CSSProperties;
-};
-export declare function SearchLayer({ documentId, pageIndex, scale: scaleOverride, style, highlightColor, activeHighlightColor, ...props }: SearchLayoutProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/shared/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './use-search';

package/dist/shared/hooks/use-search.d.ts

@@ -1,15 +0,0 @@
-import { SearchPlugin, SearchDocumentState, SearchScope } from '../../index.ts';
-export declare const useSearchPlugin: () => {
-    plugin: SearchPlugin | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-export declare const useSearchCapability: () => {
-    provides: Readonly<import('../../index.ts').SearchCapability> | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-export declare const useSearch: (documentId: string) => {
-    state: SearchDocumentState;
-    provides: SearchScope | null;
-};

package/dist/shared/index.d.ts

@@ -1,3 +0,0 @@
-export * from './hooks';
-export * from './components';
-export * from '../index.ts';

package/dist/shared-preact/components/index.d.ts

@@ -1 +0,0 @@
-export * from './search-layer';

package/dist/shared-preact/components/search-layer.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes, CSSProperties } from '../../preact/adapter.ts';
-type SearchLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
-    documentId: string;
-    pageIndex: number;
-    scale?: number;
-    highlightColor?: string;
-    activeHighlightColor?: string;
-    style?: CSSProperties;
-};
-export declare function SearchLayer({ documentId, pageIndex, scale: scaleOverride, style, highlightColor, activeHighlightColor, ...props }: SearchLayoutProps): import("preact").JSX.Element | null;
-export {};

package/dist/shared-preact/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './use-search';

package/dist/shared-preact/hooks/use-search.d.ts

@@ -1,15 +0,0 @@
-import { SearchPlugin, SearchDocumentState, SearchScope } from '../../lib/index.ts';
-export declare const useSearchPlugin: () => {
-    plugin: SearchPlugin | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-export declare const useSearchCapability: () => {
-    provides: Readonly<import('../../lib/index.ts').SearchCapability> | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-export declare const useSearch: (documentId: string) => {
-    state: SearchDocumentState;
-    provides: SearchScope | null;
-};

package/dist/shared-preact/index.d.ts

@@ -1,3 +0,0 @@
-export * from './hooks';
-export * from './components';
-export * from '../lib/index.ts';

package/dist/shared-react/components/index.d.ts

@@ -1 +0,0 @@
-export * from './search-layer';

package/dist/shared-react/components/search-layer.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes, CSSProperties } from '../../react/adapter.ts';
-type SearchLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
-    documentId: string;
-    pageIndex: number;
-    scale?: number;
-    highlightColor?: string;
-    activeHighlightColor?: string;
-    style?: CSSProperties;
-};
-export declare function SearchLayer({ documentId, pageIndex, scale: scaleOverride, style, highlightColor, activeHighlightColor, ...props }: SearchLayoutProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/shared-react/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './use-search';

package/dist/shared-react/hooks/use-search.d.ts

@@ -1,15 +0,0 @@
-import { SearchPlugin, SearchDocumentState, SearchScope } from '../../lib/index.ts';
-export declare const useSearchPlugin: () => {
-    plugin: SearchPlugin | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-export declare const useSearchCapability: () => {
-    provides: Readonly<import('../../lib/index.ts').SearchCapability> | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-export declare const useSearch: (documentId: string) => {
-    state: SearchDocumentState;
-    provides: SearchScope | null;
-};

package/dist/shared-react/index.d.ts

@@ -1,3 +0,0 @@
-export * from './hooks';
-export * from './components';
-export * from '../lib/index.ts';

package/dist/svelte/components/SearchLayer.svelte.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes } from 'svelte/elements';
-interface SearchLayerProps extends HTMLAttributes<HTMLDivElement> {
-    documentId: string;
-    pageIndex: number;
-    scale?: number;
-    highlightColor?: string;
-    activeHighlightColor?: string;
-}
-declare const SearchLayer: import('svelte', { with: { "resolution-mode": "import" } }).Component<SearchLayerProps, {}, "">;
-type SearchLayer = ReturnType<typeof SearchLayer>;
-export default SearchLayer;

package/dist/svelte/components/index.d.ts

@@ -1 +0,0 @@
-export { default as SearchLayer } from './SearchLayer.svelte';

package/dist/svelte/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './use-search.svelte';

package/dist/svelte/hooks/use-search.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SearchPlugin, SearchDocumentState, SearchScope } from '../../lib/index.ts';
-export declare const useSearchPlugin: () => {
-    plugin: SearchPlugin | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-export declare const useSearchCapability: () => {
-    provides: Readonly<import('../../lib/index.ts').SearchCapability> | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-interface UseSearchReturn {
-    provides: SearchScope | null;
-    state: SearchDocumentState;
-}
-/**
- * Hook for search state for a specific document
- * @param getDocumentId Function that returns the document ID
- */
-export declare const useSearch: (getDocumentId: () => string | null) => UseSearchReturn;
-export {};

package/dist/svelte/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("svelte/internal/client"),t=require("@embedpdf/core/svelte"),r=require("@embedpdf/plugin-search");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}require("svelte/internal/disclose-version");const n=i(e),o=()=>t.useCapability(r.SearchPlugin.id);var s=n.from_html("<div></div>"),l=n.from_html("<div></div>");exports.SearchLayer=function(e,r){n.push(r,!0);let i=n.prop(r,"highlightColor",3,"#FFFF00"),a=n.prop(r,"activeHighlightColor",3,"#FFBF00"),c=function(e,t,r){const i=t instanceof Set?t:new Set(t);"function"!=typeof i.includes&&(i.includes=Set.prototype.has.bind(i));return n.rest_props(e,i,r)}(r,["$$slots","$$events","$$legacy","documentId","pageIndex","scale","highlightColor","activeHighlightColor"]);const u=o(),d=t.useDocumentState(()=>r.documentId);let g=n.state(null);const p=n.derived(()=>{var e;return(null==(e=u.provides)?void 0:e.forDocument(r.documentId))??null}),v=n.derived(()=>{var e;return void 0!==r.scale?r.scale:(null==(e=d.current)?void 0:e.scale)??1});n.user_effect(()=>{if(!n.get(p))return void n.set(g,null);const e=n.get(p).getState();return n.set(g,{results:e.results,activeResultIndex:e.activeResultIndex,showAllResults:e.showAllResults,active:e.active},!0),n.get(p).onSearchResultStateChange(e=>{n.set(g,e,!0)})});const f=n.derived(()=>n.get(g)?n.get(g).results.map((e,t)=>({result:e,originalIndex:t})).filter(({result:e})=>e.pageIndex===r.pageIndex):[]),h=n.derived(()=>n.get(g)?n.get(f).filter(({originalIndex:e})=>n.get(g).showAllResults||e===n.get(g).activeResultIndex):[]);var m=n.comment(),x=n.first_child(m),S=e=>{var t=l();n.attribute_effect(t,()=>({...c,[n.STYLE]:{"pointer-events":"none"}})),n.each(t,23,()=>n.get(h),({result:e,originalIndex:t},r)=>`result-${r}`,(e,t,r)=>{var o=n.comment(),l=n.first_child(o);n.each(l,19,()=>n.get(t).result.rects,(e,t)=>`rect-${n.get(r)}-${t}`,(e,r)=>{var o=s();let l;n.template_effect(()=>l=n.set_style(o,"",l,{position:"absolute",top:n.get(r).origin.y*n.get(v)+"px",left:n.get(r).origin.x*n.get(v)+"px",width:n.get(r).size.width*n.get(v)+"px",height:n.get(r).size.height*n.get(v)+"px","background-color":n.get(t).originalIndex===n.get(g).activeResultIndex?a():i(),"mix-blend-mode":"multiply",transform:"scale(1.02)","transform-origin":"center",transition:"opacity .3s ease-in-out",opacity:"1"})),n.append(e,o)}),n.append(e,o)}),n.reset(t),n.append(e,t)};n.if(x,e=>{n.get(g)&&n.get(g).active&&e(S)}),n.append(e,m),n.pop()},exports.useSearch=e=>{const t=o();let i=n.state(n.proxy(r.initialSearchDocumentState));const s=n.derived(e),l=n.derived(()=>t.provides&&n.get(s)?t.provides.forDocument(n.get(s)):null);return n.user_effect(()=>{const e=t.provides,o=n.get(s);if(!e||!o)return void n.set(i,r.initialSearchDocumentState,!0);const l=e.forDocument(o);return n.set(i,l.getState(),!0),l.onStateChange(e=>{n.set(i,e,!0)})}),{get provides(){return n.get(l)},get state(){return n.get(i)}}},exports.useSearchCapability=o,exports.useSearchPlugin=()=>t.usePlugin(r.SearchPlugin.id),Object.keys(r).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})});
-//# sourceMappingURL=index.cjs.map

package/dist/svelte/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-search.svelte.ts","../../src/svelte/components/SearchLayer.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport {\n  SearchPlugin,\n  SearchDocumentState,\n  SearchScope,\n  initialSearchDocumentState,\n} from '@embedpdf/plugin-search';\n\nexport const useSearchPlugin = () => usePlugin<SearchPlugin>(SearchPlugin.id);\nexport const useSearchCapability = () => useCapability<SearchPlugin>(SearchPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseSearchReturn {\n  provides: SearchScope | null;\n  state: SearchDocumentState;\n}\n\n/**\n * Hook for search state for a specific document\n * @param getDocumentId Function that returns the document ID\n */\nexport const useSearch = (getDocumentId: () => string | null): UseSearchReturn => {\n  const capability = useSearchCapability();\n\n  let searchState = $state<SearchDocumentState>(initialSearchDocumentState);\n\n  // Reactive documentId\n  const documentId = $derived(getDocumentId());\n\n  // Scoped capability for current docId\n  const scopedProvides = $derived(\n    capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n  );\n\n  $effect(() => {\n    const provides = capability.provides;\n    const docId = documentId;\n\n    if (!provides || !docId) {\n      searchState = initialSearchDocumentState;\n      return;\n    }\n\n    const scope = provides.forDocument(docId);\n\n    // Set initial state\n    searchState = scope.getState();\n\n    // Subscribe to changes\n    return scope.onStateChange((state) => {\n      searchState = state;\n    });\n  });\n\n  return {\n    get provides() {\n      return scopedProvides;\n    },\n    get state() {\n      return searchState;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import type { SearchResultState } from '@embedpdf/plugin-search';\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import { useSearchCapability } from '../hooks';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  interface SearchLayerProps extends HTMLAttributes<HTMLDivElement> {\n    documentId: string;\n    pageIndex: number;\n    scale?: number;\n    highlightColor?: string;\n    activeHighlightColor?: string;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale: scaleOverride,\n    highlightColor = '#FFFF00',\n    activeHighlightColor = '#FFBF00',\n    ...divProps\n  }: SearchLayerProps = $props();\n\n  const searchCapability = useSearchCapability();\n  const documentState = useDocumentState(() => documentId);\n\n  let searchResultState = $state<SearchResultState | null>(null);\n\n  const scope = $derived(searchCapability.provides?.forDocument(documentId) ?? null);\n\n  const actualScale = $derived(\n    scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n  );\n\n  $effect(() => {\n    if (!scope) {\n      searchResultState = null;\n      return;\n    }\n\n    // Set initial state\n    const currentState = scope.getState();\n    searchResultState = {\n      results: currentState.results,\n      activeResultIndex: currentState.activeResultIndex,\n      showAllResults: currentState.showAllResults,\n      active: currentState.active,\n    };\n\n    // Subscribe to changes\n    return scope.onSearchResultStateChange((state) => {\n      searchResultState = state;\n    });\n  });\n\n  // Filter results for current page while preserving original indices\n  const pageResults = $derived(\n    searchResultState\n      ? searchResultState.results\n          .map((result, originalIndex) => ({ result, originalIndex }))\n          .filter(({ result }) => result.pageIndex === pageIndex)\n      : [],\n  );\n\n  // Decide which results to show\n  const resultsToShow = $derived(\n    searchResultState\n      ? pageResults.filter(\n          ({ originalIndex }) =>\n            searchResultState!.showAllResults ||\n            originalIndex === searchResultState!.activeResultIndex,\n        )\n      : [],\n  );\n</script>\n\n{#if searchResultState && searchResultState.active}\n  <div style:pointer-events=\"none\" {...divProps}>\n    {#each resultsToShow as { result, originalIndex }, idx (`result-${idx}`)}\n      {#each result.rects as rect, rectIdx (`rect-${idx}-${rectIdx}`)}\n        <div\n          style:position=\"absolute\"\n          style:top=\"{rect.origin.y * actualScale}px\"\n          style:left=\"{rect.origin.x * actualScale}px\"\n          style:width=\"{rect.size.width * actualScale}px\"\n          style:height=\"{rect.size.height * actualScale}px\"\n          style:background-color={originalIndex === searchResultState.activeResultIndex\n            ? activeHighlightColor\n            : highlightColor}\n          style:mix-blend-mode=\"multiply\"\n          style:transform=\"scale(1.02)\"\n          style:transform-origin=\"center\"\n          style:transition=\"opacity .3s ease-in-out\"\n          style:opacity=\"1\"\n        ></div>\n      {/each}\n    {/each}\n  </div>\n{/if}\n"],"names":["useSearchCapability","useCapability","SearchPlugin","id","highlightColor","activeHighlightColor","divProps","$$rest_props_compat","$$props","searchCapability","documentState","useDocumentState","documentId","searchResultState","$","state","scope","_a","provides","forDocument","actualScale","derived","scale","current","user_effect","get","set","currentState","getState","results","activeResultIndex","showAllResults","active","onSearchResultStateChange","pageResults","map","result","originalIndex","filter","pageIndex","resultsToShow","div","root_1","attribute_effect","STYLE","each","idx","$$anchor","$$item","rects","rect","rectIdx","div_1","root_3","styles","top","origin","y","left","x","width","size","height","$$render","consequent","getDocumentId","capability","searchState","initialSearchDocumentState","scopedProvides","docId","onStateChange","usePlugin"],"mappings":"sgBASaA,EAAA,IAA4BC,gBAA4BC,EAAAA,aAAaC,iHCS9E,IAAAC,8BAAiB,WACjBC,oCAAuB,WACpBC,yJAAOC,CAAAC,EAAA,4GAGN,MAAAC,EAAmBT,IACnBU,EAAgBC,EAAAA,iBAAgB,IAAAH,EAAAI,gBAElCC,EAAoBC,EAAAC,MAAiC,MAEnD,MAAAC,uBAAiB,OAAA,OAAAC,EAAAR,EAAiBS,eAAjB,EAAAD,EAA2BE,4BAA2B,OAEvEC,EAAWN,EAAAO,QAAA,WAAA,YACG,IADHb,EAAAc,MACYd,EAAAc,OAAoB,OAAAL,EAAAP,EAAca,kBAASD,QAAS,IAGjFR,EAAAU,YAAO,KACA,IAAAV,EAAAW,IAAAT,eACHF,EAAAY,IAAAb,EAAoB,YAKhBc,EAAYb,EAAAW,IAAGT,GAAMY,WASpB,aARPf,GACEgB,QAASF,EAAaE,QACtBC,kBAAmBH,EAAaG,kBAChCC,eAAgBJ,EAAaI,eAC7BC,OAAQL,EAAaK,YAIhBlB,EAAAW,IAAAT,GAAMiB,0BAA2BlB,IACtCD,EAAAY,IAAAb,EAAoBE,GAAK,OAKvB,MAAAmB,sBACJrB,GACIC,EAAAW,IAAAZ,GAAkBgB,QACfM,IAAG,CAAEC,EAAQC,KAAA,CAAqBD,SAAQC,mBAC1CC,OAAM,EAAIF,YAAaA,EAAOG,YAAS/B,EAAA+B,eAK1CC,sBACJ3B,GACIC,EAAAW,IAAAS,GAAYI,OAAM,EACbD,mBAAavB,EAAAW,IACdZ,GAAmBkB,gBACnBM,IAAavB,EAAAW,IAAKZ,GAAmBiB,sEAO9CW,EAAGC,IAAH5B,EAAA6B,iBAAAF,WAAoCnC,EAAQ,CAAAQ,EAAA8B,OAAA,CAAA,iBAAA,WAA5C9B,EAAA+B,KAAAJ,eACQD,GAAa,EAAOJ,SAAQC,+BAA+BS,IAAG,CAAAC,EAAAC,EAAAF,mEAA1CV,OACXa,MAAK,CAAIC,oBAAuBJ,MAAOK,IAAO,CAAAJ,EAArCG,SACpBE,EAAEC,8CAAFD,EAAE,GAAAE,EAAA,qBAEWC,IAAAzC,EAAAW,IAAAyB,GAAKM,OAAOC,QAAIrC,GAAhB,KACCsC,KAAA5C,EAAAW,IAAAyB,GAAKM,OAAOG,QAAIvC,GAAhB,KACCwC,MAAA9C,EAAAW,IAAAyB,GAAKW,KAAKD,YAAQxC,GAAlB,KACC0C,OAAAhD,EAAAW,IAAAyB,GAAKW,KAAKC,aAAS1C,GAAnB,KACS,4BARKiB,sBAQaxB,GAAkBiB,kBACxDzB,IACAD,mJARLgD,6BAHNX,cAAAA,qBADE5B,IAAiBC,EAAAW,IAAIZ,GAAkBmB,QAAM+B,EAAAC,0BAF1C,oBDrDkBC,IAClB,MAAAC,EAAalE,QAEfmE,EAAcrD,EAAAC,cAA4BqD,EAAAA,6BAGxC,MAAAxD,YAAsBqD,GAGtBI,EAAAvD,EAAAO,QAAA,IACJ6C,EAAWhD,gBAAYN,GAAasD,EAAWhD,SAASC,kBAAYP,IAAc,aAGpFE,EAAAU,uBACQN,EAAWgD,EAAWhD,SACtBoD,QAAQ1D,OAETM,IAAaoD,cAChBxD,EAAAY,IAAAyC,EAAcC,EAAAA,4BAAA,GAIV,MAAApD,EAAQE,EAASC,YAAYmD,GAM5B,aAHPH,EAAcnD,EAAMY,YAAA,GAGbZ,EAAMuD,cAAexD,IAC1BD,EAAAY,IAAAyC,EAAcpD,GAAA,QAKZ,YAAAG,gBACKmD,EACT,EACI,SAAAtD,gBACKoD,EACT,0DApDS,IAAwBK,YAAwBtE,EAAAA,aAAaC"}

package/dist/svelte/index.d.ts

@@ -1,3 +0,0 @@
-export * from './hooks';
-export * from './components';
-export * from '../lib/index.ts';

package/dist/svelte/index.js

@@ -1,134 +0,0 @@
-import * as $ from "svelte/internal/client";
-import { usePlugin, useCapability, useDocumentState } from "@embedpdf/core/svelte";
-import { SearchPlugin, initialSearchDocumentState } from "@embedpdf/plugin-search";
-export * from "@embedpdf/plugin-search";
-import "svelte/internal/disclose-version";
-const useSearchPlugin = () => usePlugin(SearchPlugin.id);
-const useSearchCapability = () => useCapability(SearchPlugin.id);
-const useSearch = (getDocumentId) => {
-  const capability = useSearchCapability();
-  let searchState = $.state($.proxy(initialSearchDocumentState));
-  const documentId = $.derived(getDocumentId);
-  const scopedProvides = $.derived(() => capability.provides && $.get(documentId) ? capability.provides.forDocument($.get(documentId)) : null);
-  $.user_effect(() => {
-    const provides = capability.provides;
-    const docId = $.get(documentId);
-    if (!provides || !docId) {
-      $.set(searchState, initialSearchDocumentState, true);
-      return;
-    }
-    const scope = provides.forDocument(docId);
-    $.set(searchState, scope.getState(), true);
-    return scope.onStateChange((state) => {
-      $.set(searchState, state, true);
-    });
-  });
-  return {
-    get provides() {
-      return $.get(scopedProvides);
-    },
-    get state() {
-      return $.get(searchState);
-    }
-  };
-};
-var root_3 = $.from_html(`<div></div>`);
-var root_1 = $.from_html(`<div></div>`);
-function SearchLayer($$anchor, $$props) {
-  $.push($$props, true);
-  let highlightColor = $.prop($$props, "highlightColor", 3, "#FFFF00"), activeHighlightColor = $.prop($$props, "activeHighlightColor", 3, "#FFBF00"), divProps = $$rest_props_compat($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "documentId",
-    "pageIndex",
-    "scale",
-    "highlightColor",
-    "activeHighlightColor"
-  ]);
-  const searchCapability = useSearchCapability();
-  const documentState = useDocumentState(() => $$props.documentId);
-  let searchResultState = $.state(null);
-  const scope = $.derived(() => {
-    var _a;
-    return ((_a = searchCapability.provides) == null ? void 0 : _a.forDocument($$props.documentId)) ?? null;
-  });
-  const actualScale = $.derived(() => {
-    var _a;
-    return $$props.scale !== void 0 ? $$props.scale : ((_a = documentState.current) == null ? void 0 : _a.scale) ?? 1;
-  });
-  $.user_effect(() => {
-    if (!$.get(scope)) {
-      $.set(searchResultState, null);
-      return;
-    }
-    const currentState = $.get(scope).getState();
-    $.set(
-      searchResultState,
-      {
-        results: currentState.results,
-        activeResultIndex: currentState.activeResultIndex,
-        showAllResults: currentState.showAllResults,
-        active: currentState.active
-      },
-      true
-    );
-    return $.get(scope).onSearchResultStateChange((state) => {
-      $.set(searchResultState, state, true);
-    });
-  });
-  const pageResults = $.derived(() => $.get(searchResultState) ? $.get(searchResultState).results.map((result, originalIndex) => ({ result, originalIndex })).filter(({ result }) => result.pageIndex === $$props.pageIndex) : []);
-  const resultsToShow = $.derived(() => $.get(searchResultState) ? $.get(pageResults).filter(({ originalIndex }) => $.get(searchResultState).showAllResults || originalIndex === $.get(searchResultState).activeResultIndex) : []);
-  var fragment = $.comment();
-  var node = $.first_child(fragment);
-  {
-    var consequent = ($$anchor2) => {
-      var div = root_1();
-      $.attribute_effect(div, () => ({ ...divProps, [$.STYLE]: { "pointer-events": "none" } }));
-      $.each(div, 23, () => $.get(resultsToShow), ({ result, originalIndex }, idx) => `result-${idx}`, ($$anchor3, $$item, idx) => {
-        let result = () => $.get($$item).result;
-        let originalIndex = () => $.get($$item).originalIndex;
-        var fragment_1 = $.comment();
-        var node_1 = $.first_child(fragment_1);
-        $.each(node_1, 19, () => result().rects, (rect, rectIdx) => `rect-${$.get(idx)}-${rectIdx}`, ($$anchor4, rect) => {
-          var div_1 = root_3();
-          let styles;
-          $.template_effect(() => styles = $.set_style(div_1, "", styles, {
-            position: "absolute",
-            top: `${$.get(rect).origin.y * $.get(actualScale)}px`,
-            left: `${$.get(rect).origin.x * $.get(actualScale)}px`,
-            width: `${$.get(rect).size.width * $.get(actualScale)}px`,
-            height: `${$.get(rect).size.height * $.get(actualScale)}px`,
-            "background-color": originalIndex() === $.get(searchResultState).activeResultIndex ? activeHighlightColor() : highlightColor(),
-            "mix-blend-mode": "multiply",
-            transform: "scale(1.02)",
-            "transform-origin": "center",
-            transition: "opacity .3s ease-in-out",
-            opacity: "1"
-          }));
-          $.append($$anchor4, div_1);
-        });
-        $.append($$anchor3, fragment_1);
-      });
-      $.reset(div);
-      $.append($$anchor2, div);
-    };
-    $.if(node, ($$render) => {
-      if ($.get(searchResultState) && $.get(searchResultState).active) $$render(consequent);
-    });
-  }
-  $.append($$anchor, fragment);
-  $.pop();
-}
-function $$rest_props_compat(props, exclude, name) {
-  const set = exclude instanceof Set ? exclude : new Set(exclude);
-  if (typeof set.includes !== "function") set.includes = Set.prototype.has.bind(set);
-  return $.rest_props(props, set, name);
-}
-export {
-  SearchLayer,
-  useSearch,
-  useSearchCapability,
-  useSearchPlugin
-};
-//# sourceMappingURL=index.js.map