@hyper.fun/awa-btn/esm/hfc.js

👉 https://hyper.fun/c/awa-btn/1.2.6 - awesome button

import * as __WEBPACK_EXTERNAL_MODULE_lodash_defaultsdeep_3fe67c16__ from "lodash.defaultsdeep";
/******/ // The require scope
/******/ var __wp_require__ = {};
/******/ 
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ 	// define getter functions for harmony exports
/******/ 	__wp_require__.d = (exports, definition) => {
/******/ 		for(var key in definition) {
/******/ 			if(__wp_require__.o(definition, key) && !__wp_require__.o(exports, key)) {
/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 			}
/******/ 		}
/******/ 	};
/******/ })();
/******/ 
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ 	__wp_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/ 
/************************************************************************/
var __wp_exports__ = {};

// EXPORTS
__wp_require__.d(__wp_exports__, {
  "Z": () => (/* binding */ HFC)
});

;// CONCATENATED MODULE: external "lodash.defaultsdeep"
var x = y => { var x = {}; __wp_require__.d(x, y); return x; }
var y = x => () => x
const external_lodash_defaultsdeep_namespaceObject = x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_defaultsdeep_3fe67c16__["default"] });
;// CONCATENATED MODULE: ./src/jser-logo.png
const jser_logo_namespaceObject = new URL("../assets/6472d94ce991.png", import.meta.url);
;// CONCATENATED MODULE: ./.hfc/propnames.js
/* harmony default export */ const propnames = ([["name","aas3","age","f","a","girl","u","k"],["hello","n","click"],["header","default"]]);
;// CONCATENATED MODULE: ./src/heart.svg
const heart_namespaceObject = new URL("../assets/7dfd12135ff5.svg", import.meta.url);
;// CONCATENATED MODULE: ./src/index.js







console.log(external_lodash_defaultsdeep_namespaceObject["default"]);

class HFC {
  static tag = "div";
  static props = propnames;
  constructor(container, props) {
    console.log(props);
    const btn = document.createElement("button");
    btn.classList.add("btn");
    btn.innerText = "AWA BTN!";
    btn.onclick = function () {
      console.log("dispatching click");
      setTimeout(() => {
        props.events.click();
      }, 50);
    };

    const img = document.createElement("img");
    img.src = jser_logo_namespaceObject;
    container.appendChild(btn);
    container.appendChild(img);

    if (props.slots.default) {
      const div = document.createElement("div");
      container.appendChild(div);
      props.slots.default(div);
    }
  }
  changed(props) {
    console.log(props);
  }
  disconnected() {}
}

var __wp_exports__default = __wp_exports__.Z;
export { __wp_exports__default as default };