ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / foreclass.com / wp-content / themes / oceanwp / assets / src / js / wp-plugins / woocommerce

import delegate from "delegate";

class WooOffCanvas {
  #elements;

constructor() {
    this.#setElements();
    this.#start();
    this.#setupEventListeners();
  }

#setElements = () => {
    this.#elements = {
      html: document.querySelector("html"),
      body: document.body,
    };
  };

#start = () => {};

#setupEventListeners = () => {
    delegate(
      this.#elements.body,
      ".oceanwp-off-canvas-filter",
      "click",
      this.#onCanvasFilterClick
    );
    delegate(
      this.#elements.body,
      ".oceanwp-off-canvas-overlay, .oceanwp-off-canvas-close",
      "click",
      this.#onCanvasCloseClick
    );
  };

#onCanvasFilterClick = (event) => {
    event.preventDefault();
    event.stopPropagation();

const initialHTMLInnerWidth = this.#elements.html.innerWidth;
    this.#elements.html.style.overflow = "hidden";
    const afterInitialHTMLInnerWidth = this.#elements.html.innerWidth;
    this.#elements.html.style.marginRight =
      afterInitialHTMLInnerWidth - initialHTMLInnerWidth + "px";

this.#elements.body.classList.add("off-canvas-enabled");
  };

#onCanvasCloseClick = (event) => {
    this.#elements.html.style.overflow = "";
    this.#elements.html.style.marginRight = "";

this.#elements.body.classList.remove("off-canvas-enabled");
  };
}

new WooOffCanvas();

[-] woo-thumbnails.js [edit]
[+] custom-features
[-] woo-display-cart.js [edit]
[+] ..
[-] woo-cat-widget.js [edit]
[-] woo-multi-step-checkout.js [edit]
[-] woo-floating-bar.js [edit]
[-] woo-custom-features.js [edit]
[-] woo-mini-cart.js [edit]
[-] woo-quick-view.js [edit]
[-] woo-off-canvas.js [edit]
[-] woo-ajax-add-to-cart.js [edit]
[-] woo-hover-style.js [edit]