import { Handler } from '/csspageweaver/lib/paged.esm.js';


export default class myCustomHandler2 extends Handler {
    constructor(chunker, polisher, caller) {
        super(chunker, polisher, caller);
      }

  
    afterPageLayout(pageElement, page, breakToken) {
      console.log(pageElement);
      let pageArea = pageElement.querySelector(".pagedjs_area");
      let pageAreaTop = pageArea.getBoundingClientRect().top;
      let items = pageElement.querySelectorAll("p, h3, h4, .inline-note");
      items.forEach(function (item) {
        let topOffset = item.getBoundingClientRect().top - pageAreaTop;
        let decor = document.createElement("div");
        decor.classList.add("item-decor");
        decor.style.top = topOffset + "px";
        decor.textContent = pageElement.classList.contains("pagedjs_left_page") ? "<" : ">";
        pageArea.appendChild(decor);
      });
    }
}