Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement
Sign In

solid-popper

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

solid-popper - npm Package Compare versions

Comparing version
0.2.1
to
0.3.0
+1
./dist/cjs/production/index.cjs
"use strict";var p=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var f=(n,e,t)=>e in n?p(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,m=(n,e)=>{for(var t in e||(e={}))l.call(e,t)&&f(n,t,e[t]);if(u)for(var t of u(e))y.call(e,t)&&f(n,t,e[t]);return n};var E=(n,e)=>{for(var t in e)p(n,t,{get:e[t],enumerable:!0})},I=(n,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of x(e))!l.call(n,r)&&r!==t&&p(n,r,{get:()=>e[r],enumerable:!(o=T(e,r))||o.enumerable});return n};var O=n=>I(p({},"__esModule",{value:!0}),n);var b={};E(b,{default:()=>P});module.exports=O(b);var g=require("@popperjs/core"),a=require("solid-js");function P(n,e,t={}){let[o,r]=(0,a.createSignal)();return(0,a.createEffect)(()=>{r(void 0);let s=n(),i=e();if(s&&i){let c=(0,g.createPopper)(s,i,{});r(c),(0,a.onCleanup)(()=>{c.destroy()})}}),(0,a.createEffect)(()=>{var i,c,d;let s=o();s&&s.setOptions({onFirstUpdate:t.onFirstUpdate,placement:(i=t.placement)!=null?i:"bottom",modifiers:(c=t.modifiers)!=null?c:[],strategy:(d=t.strategy)!=null?d:"absolute"})}),()=>{let s=o();if(s)return m({},s)}}
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/index.ts
var src_exports = {};
__export(src_exports, {
default: () => usePopper
});
module.exports = __toCommonJS(src_exports);
var import_core = require("@popperjs/core");
var import_solid_js = require("solid-js");
function usePopper(targetElement, popperElement, options = {}) {
const [current, setCurrent] = (0, import_solid_js.createSignal)();
(0, import_solid_js.createEffect)(() => {
setCurrent(void 0);
const target = targetElement();
const popper = popperElement();
if (target && popper) {
const instance = (0, import_core.createPopper)(target, popper, {});
setCurrent(instance);
(0, import_solid_js.onCleanup)(() => {
instance.destroy();
});
}
});
(0, import_solid_js.createEffect)(() => {
var _a, _b, _c;
const instance = current();
if (instance) {
instance.setOptions({
onFirstUpdate: options.onFirstUpdate,
placement: (_a = options.placement) != null ? _a : "bottom",
modifiers: (_b = options.modifiers) != null ? _b : [],
strategy: (_c = options.strategy) != null ? _c : "absolute"
});
}
});
return () => {
const instance = current();
if (instance) {
return __spreadValues({}, instance);
}
return void 0;
};
}
//# sourceMappingURL=index.cjs.map
{
"version": 3,
"sources": ["../../../src/index.ts"],
"sourcesContent": ["import {\n createPopper,\n Instance,\n Options,\n} from '@popperjs/core';\nimport {\n createEffect,\n createSignal,\n onCleanup,\n} from 'solid-js';\n\nexport default function usePopper<Target extends HTMLElement, Popper extends HTMLElement>(\n targetElement: () => Target | undefined | null,\n popperElement: () => Popper | undefined | null,\n options: Partial<Options> = {},\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n setCurrent(undefined);\n\n const target = targetElement();\n const popper = popperElement();\n\n if (target && popper) {\n const instance = createPopper(target, popper, {});\n \n setCurrent(instance);\n \n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n createEffect(() => {\n const instance = current();\n\n if (instance) {\n instance.setOptions({\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement ?? 'bottom',\n modifiers: options.modifiers ?? [],\n strategy: options.strategy ?? 'absolute',\n });\n }\n });\n\n return () => {\n const instance = current();\n if (instance) {\n return {\n ...instance,\n };\n }\n return undefined;\n };\n}\n"],
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAIO;AACP,sBAIO;AAEQ,SAAR,UACL,eACA,eACA,UAA4B,CAAC,GACD;AAC5B,QAAM,CAAC,SAAS,UAAU,QAAI,8BAAuB;AAErD,oCAAa,MAAM;AACjB,eAAW,MAAS;AAEpB,UAAM,SAAS,cAAc;AAC7B,UAAM,SAAS,cAAc;AAE7B,QAAI,UAAU,QAAQ;AACpB,YAAM,eAAW,0BAAa,QAAQ,QAAQ,CAAC,CAAC;AAEhD,iBAAW,QAAQ;AAEnB,qCAAU,MAAM;AACd,iBAAS,QAAQ;AAAA,MACnB,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,oCAAa,MAAM;AAnCrB;AAoCI,UAAM,WAAW,QAAQ;AAEzB,QAAI,UAAU;AACZ,eAAS,WAAW;AAAA,QAClB,eAAe,QAAQ;AAAA,QACvB,YAAW,aAAQ,cAAR,YAAqB;AAAA,QAChC,YAAW,aAAQ,cAAR,YAAqB,CAAC;AAAA,QACjC,WAAU,aAAQ,aAAR,YAAoB;AAAA,MAChC,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO,MAAM;AACX,UAAM,WAAW,QAAQ;AACzB,QAAI,UAAU;AACZ,aAAO,mBACF;AAAA,IAEP;AACA,WAAO;AAAA,EACT;AACF;",
"names": []
}
"use strict";var p=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var f=(n,e,t)=>e in n?p(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,m=(n,e)=>{for(var t in e||(e={}))l.call(e,t)&&f(n,t,e[t]);if(u)for(var t of u(e))y.call(e,t)&&f(n,t,e[t]);return n};var E=(n,e)=>{for(var t in e)p(n,t,{get:e[t],enumerable:!0})},I=(n,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of x(e))!l.call(n,r)&&r!==t&&p(n,r,{get:()=>e[r],enumerable:!(o=T(e,r))||o.enumerable});return n};var O=n=>I(p({},"__esModule",{value:!0}),n);var b={};E(b,{default:()=>P});module.exports=O(b);var g=require("@popperjs/core"),a=require("solid-js");function P(n,e,t={}){let[o,r]=(0,a.createSignal)();return(0,a.createEffect)(()=>{r(void 0);let s=n(),i=e();if(s&&i){let c=(0,g.createPopper)(s,i,{});r(c),(0,a.onCleanup)(()=>{c.destroy()})}}),(0,a.createEffect)(()=>{var i,c,d;let s=o();s&&s.setOptions({onFirstUpdate:t.onFirstUpdate,placement:(i=t.placement)!=null?i:"bottom",modifiers:(c=t.modifiers)!=null?c:[],strategy:(d=t.strategy)!=null?d:"absolute"})}),()=>{let s=o();if(s)return m({},s)}}
var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
// src/index.ts
import {
createPopper
} from "@popperjs/core";
import {
createEffect,
createSignal,
onCleanup
} from "solid-js";
function usePopper(targetElement, popperElement, options = {}) {
const [current, setCurrent] = createSignal();
createEffect(() => {
setCurrent(void 0);
const target = targetElement();
const popper = popperElement();
if (target && popper) {
const instance = createPopper(target, popper, {});
setCurrent(instance);
onCleanup(() => {
instance.destroy();
});
}
});
createEffect(() => {
var _a, _b, _c;
const instance = current();
if (instance) {
instance.setOptions({
onFirstUpdate: options.onFirstUpdate,
placement: (_a = options.placement) != null ? _a : "bottom",
modifiers: (_b = options.modifiers) != null ? _b : [],
strategy: (_c = options.strategy) != null ? _c : "absolute"
});
}
});
return () => {
const instance = current();
if (instance) {
return __spreadValues({}, instance);
}
return void 0;
};
}
export {
usePopper as default
};
//# sourceMappingURL=index.mjs.map
{
"version": 3,
"sources": ["../../../src/index.ts"],
"sourcesContent": ["import {\n createPopper,\n Instance,\n Options,\n} from '@popperjs/core';\nimport {\n createEffect,\n createSignal,\n onCleanup,\n} from 'solid-js';\n\nexport default function usePopper<Target extends HTMLElement, Popper extends HTMLElement>(\n targetElement: () => Target | undefined | null,\n popperElement: () => Popper | undefined | null,\n options: Partial<Options> = {},\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n setCurrent(undefined);\n\n const target = targetElement();\n const popper = popperElement();\n\n if (target && popper) {\n const instance = createPopper(target, popper, {});\n \n setCurrent(instance);\n \n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n createEffect(() => {\n const instance = current();\n\n if (instance) {\n instance.setOptions({\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement ?? 'bottom',\n modifiers: options.modifiers ?? [],\n strategy: options.strategy ?? 'absolute',\n });\n }\n });\n\n return () => {\n const instance = current();\n if (instance) {\n return {\n ...instance,\n };\n }\n return undefined;\n };\n}\n"],
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,OAGK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEQ,SAAR,UACL,eACA,eACA,UAA4B,CAAC,GACD;AAC5B,QAAM,CAAC,SAAS,UAAU,IAAI,aAAuB;AAErD,eAAa,MAAM;AACjB,eAAW,MAAS;AAEpB,UAAM,SAAS,cAAc;AAC7B,UAAM,SAAS,cAAc;AAE7B,QAAI,UAAU,QAAQ;AACpB,YAAM,WAAW,aAAa,QAAQ,QAAQ,CAAC,CAAC;AAEhD,iBAAW,QAAQ;AAEnB,gBAAU,MAAM;AACd,iBAAS,QAAQ;AAAA,MACnB,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,eAAa,MAAM;AAnCrB;AAoCI,UAAM,WAAW,QAAQ;AAEzB,QAAI,UAAU;AACZ,eAAS,WAAW;AAAA,QAClB,eAAe,QAAQ;AAAA,QACvB,YAAW,aAAQ,cAAR,YAAqB;AAAA,QAChC,YAAW,aAAQ,cAAR,YAAqB,CAAC;AAAA,QACjC,WAAU,aAAQ,aAAR,YAAoB;AAAA,MAChC,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO,MAAM;AACX,UAAM,WAAW,QAAQ;AACzB,QAAI,UAAU;AACZ,aAAO,mBACF;AAAA,IAEP;AACA,WAAO;AAAA,EACT;AACF;",
"names": []
}
var l=Object.defineProperty;var p=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var d=(n,t,e)=>t in n?l(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e,u=(n,t)=>{for(var e in t||(t={}))m.call(t,e)&&d(n,e,t[e]);if(p)for(var e of p(t))g.call(t,e)&&d(n,e,t[e]);return n};import{createPopper as P}from"@popperjs/core";import{createEffect as f,createSignal as T,onCleanup as x}from"solid-js";function y(n,t,e={}){let[o,i]=T();return f(()=>{i(void 0);let r=n(),s=t();if(r&&s){let a=P(r,s,{});i(a),x(()=>{a.destroy()})}}),f(()=>{var s,a,c;let r=o();r&&r.setOptions({onFirstUpdate:e.onFirstUpdate,placement:(s=e.placement)!=null?s:"bottom",modifiers:(a=e.modifiers)!=null?a:[],strategy:(c=e.strategy)!=null?c:"absolute"})}),()=>{let r=o();if(r)return u({},r)}}export{y as default};
+1
-1
MIT License
Copyright (c) 2021 Alexis H. Munsayac
Copyright (c) 2023 Alexis H. Munsayac

@@ -5,0 +5,0 @@ Permission is hereby granted, free of charge, to any person obtaining a copy

{
"version": "0.2.1",
"types": "dist/types/index.d.ts",
"main": "dist/cjs/production/index.js",
"module": "dist/esm/production/index.js",
"version": "0.3.0",
"type": "module",
"types": "./dist/types/index.d.ts",
"main": "./dist/cjs/production/index.cjs",
"module": "./dist/esm/production/index.mjs",
"exports": {
".": {
"development": {
"require": "./dist/cjs/development/index.js",
"import": "./dist/esm/development/index.js"
"require": "./dist/cjs/development/index.cjs",
"import": "./dist/esm/development/index.mjs"
},
"require": "./dist/cjs/production/index.js",
"import": "./dist/esm/production/index.js",
"require": "./dist/cjs/production/index.cjs",
"import": "./dist/esm/production/index.mjs",
"types": "./dist/types/index.d.ts"
},
"./dev": {
"production": {
"require": "./dist/cjs/production/index.js",
"import": "./dist/esm/production/index.js"
},
"require": "./dist/cjs/development/index.js",
"import": "./dist/esm/development/index.js",
"types": "./dist/types/index.d.ts"
},
"./esm": {
"development": "./dist/esm/development/index.js",
"production": "./dist/esm/production/index.js",
"default": "./dist/esm/production/index.js",
"types": "./dist/types/index.d.ts"
},
"./cjs": {
"development": "./dist/cjs/development/index.js",
"production": "./dist/cjs/production/index.js",
"default": "./dist/cjs/production/index.js",
"types": "./dist/types/index.d.ts"
}

@@ -53,14 +33,14 @@ },

"devDependencies": {
"@popperjs/core": "^2.10.2",
"@types/node": "^17.0.8",
"eslint": "^7.32.0",
"eslint-config-lxsmnsyc": "^0.3.0",
"pridepack": "^1.0.4",
"solid-js": "^1.2.6",
"tslib": "^2.3.1",
"typescript": "^4.5.4"
"@popperjs/core": "^2.11.6",
"@types/node": "^18.13.0",
"eslint": "^8.33.0",
"eslint-config-lxsmnsyc": "^0.4.8",
"pridepack": "^2.4.0",
"solid-js": "^1.6.10",
"tslib": "^2.5.0",
"typescript": "^4.9.5"
},
"peerDependencies": {
"@popperjs/core": "^2.10.2",
"solid-js": "^1.2.0"
"@popperjs/core": "^2.11",
"solid-js": "^1.2"
},

@@ -90,3 +70,6 @@ "scripts": {

"private": false,
"gitHead": "01b994ea0d4c3c2294a4e38fe4add220acd5283b"
"typesVersions": {
"*": {}
},
"gitHead": "42f9abb0ade3d195580b94c348a5b45d85af50dd"
}
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __reExport = (target, module2, copyDefault, desc) => {
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
for (let key of __getOwnPropNames(module2))
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
}
return target;
};
var __toCommonJS = /* @__PURE__ */ ((cache) => {
return (module2, temp) => {
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
};
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
// src/index.ts
var src_exports = {};
__export(src_exports, {
default: () => usePopper
});
var import_core = require("@popperjs/core");
var import_solid_js = require("solid-js");
function usePopper(targetElement, popperElement, options = {}) {
const [current, setCurrent] = (0, import_solid_js.createSignal)();
(0, import_solid_js.createEffect)(() => {
setCurrent(void 0);
const target = targetElement();
const popper = popperElement();
if (target && popper) {
const instance = (0, import_core.createPopper)(target, popper, {});
setCurrent(instance);
(0, import_solid_js.onCleanup)(() => {
instance.destroy();
});
}
});
(0, import_solid_js.createEffect)(() => {
var _a, _b, _c;
const instance = current();
if (instance) {
instance.setOptions({
onFirstUpdate: options.onFirstUpdate,
placement: (_a = options.placement) != null ? _a : "bottom",
modifiers: (_b = options.modifiers) != null ? _b : [],
strategy: (_c = options.strategy) != null ? _c : "absolute"
});
}
});
return () => {
const instance = current();
if (instance) {
return __spreadValues({}, instance);
}
return void 0;
};
}
module.exports = __toCommonJS(src_exports);
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {});
//# sourceMappingURL=index.js.map
{
"version": 3,
"sources": ["../../../src/index.ts"],
"sourcesContent": ["import {\n createPopper,\n Instance,\n Options,\n} from '@popperjs/core';\nimport {\n createEffect,\n createSignal,\n onCleanup,\n} from 'solid-js';\n\nexport default function usePopper<Target extends HTMLElement, Popper extends HTMLElement>(\n targetElement: () => Target | undefined | null,\n popperElement: () => Popper | undefined | null,\n options: Partial<Options> = {},\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n setCurrent(undefined);\n\n const target = targetElement();\n const popper = popperElement();\n\n if (target && popper) {\n const instance = createPopper(target, popper, {});\n \n setCurrent(instance);\n \n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n createEffect(() => {\n const instance = current();\n\n if (instance) {\n instance.setOptions({\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement ?? 'bottom',\n modifiers: options.modifiers ?? [],\n strategy: options.strategy ?? 'absolute',\n });\n }\n });\n\n return () => {\n const instance = current();\n if (instance) {\n return {\n ...instance,\n };\n }\n return undefined;\n };\n}\n"],
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,kBAIO;AACP,sBAIO;AAEQ,mBACb,eACA,eACA,UAA4B,IACA;AAC5B,QAAM,CAAC,SAAS,cAAc;AAE9B,oCAAa,MAAM;AACjB,eAAW;AAEX,UAAM,SAAS;AACf,UAAM,SAAS;AAEf,QAAI,UAAU,QAAQ;AACpB,YAAM,WAAW,8BAAa,QAAQ,QAAQ;AAE9C,iBAAW;AAEX,qCAAU,MAAM;AACd,iBAAS;AAAA;AAAA;AAAA;AAKf,oCAAa,MAAM;AAnCrB;AAoCI,UAAM,WAAW;AAEjB,QAAI,UAAU;AACZ,eAAS,WAAW;AAAA,QAClB,eAAe,QAAQ;AAAA,QACvB,WAAW,cAAQ,cAAR,YAAqB;AAAA,QAChC,WAAW,cAAQ,cAAR,YAAqB;AAAA,QAChC,UAAU,cAAQ,aAAR,YAAoB;AAAA;AAAA;AAAA;AAKpC,SAAO,MAAM;AACX,UAAM,WAAW;AACjB,QAAI,UAAU;AACZ,aAAO,mBACF;AAAA;AAGP,WAAO;AAAA;AAAA;",
"names": []
}
"use strict";
var p=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var l=(n,e,t)=>e in n?p(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,m=(n,e)=>{for(var t in e||(e={}))f.call(e,t)&&l(n,t,e[t]);if(u)for(var t of u(e))y.call(e,t)&&l(n,t,e[t]);return n};var E=n=>p(n,"__esModule",{value:!0});var I=(n,e)=>{for(var t in e)p(n,t,{get:e[t],enumerable:!0})},O=(n,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of x(e))!f.call(n,r)&&(t||r!=="default")&&p(n,r,{get:()=>e[r],enumerable:!(o=T(e,r))||o.enumerable});return n};var b=(n=>(e,t)=>n&&n.get(e)||(t=O(E({}),e,1),n&&n.set(e,t),t))(typeof WeakMap!="undefined"?new WeakMap:0);var C={};I(C,{default:()=>P});var g=require("@popperjs/core"),a=require("solid-js");function P(n,e,t={}){let[o,r]=(0,a.createSignal)();return(0,a.createEffect)(()=>{r(void 0);let s=n(),i=e();if(s&&i){let c=(0,g.createPopper)(s,i,{});r(c),(0,a.onCleanup)(()=>{c.destroy()})}}),(0,a.createEffect)(()=>{var i,c,d;let s=o();s&&s.setOptions({onFirstUpdate:t.onFirstUpdate,placement:(i=t.placement)!=null?i:"bottom",modifiers:(c=t.modifiers)!=null?c:[],strategy:(d=t.strategy)!=null?d:"absolute"})}),()=>{let s=o();if(s)return m({},s)}}module.exports=b(C);0&&(module.exports={});
//# sourceMappingURL=index.js.map
{
"version": 3,
"sources": ["../../../src/index.ts"],
"sourcesContent": ["import {\n createPopper,\n Instance,\n Options,\n} from '@popperjs/core';\nimport {\n createEffect,\n createSignal,\n onCleanup,\n} from 'solid-js';\n\nexport default function usePopper<Target extends HTMLElement, Popper extends HTMLElement>(\n targetElement: () => Target | undefined | null,\n popperElement: () => Popper | undefined | null,\n options: Partial<Options> = {},\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n setCurrent(undefined);\n\n const target = targetElement();\n const popper = popperElement();\n\n if (target && popper) {\n const instance = createPopper(target, popper, {});\n \n setCurrent(instance);\n \n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n createEffect(() => {\n const instance = current();\n\n if (instance) {\n instance.setOptions({\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement ?? 'bottom',\n modifiers: options.modifiers ?? [],\n strategy: options.strategy ?? 'absolute',\n });\n }\n });\n\n return () => {\n const instance = current();\n if (instance) {\n return {\n ...instance,\n };\n }\n return undefined;\n };\n}\n"],
"mappings": ";iyBAAA,oCAIO,0BACP,EAIO,oBAEQ,WACb,EACA,EACA,EAA4B,GACA,CAC5B,GAAM,CAAC,EAAS,GAAc,qBAE9B,yBAAa,IAAM,CACjB,EAAW,QAEX,GAAM,GAAS,IACT,EAAS,IAEf,GAAI,GAAU,EAAQ,CACpB,GAAM,GAAW,mBAAa,EAAQ,EAAQ,IAE9C,EAAW,GAEX,gBAAU,IAAM,CACd,EAAS,eAKf,mBAAa,IAAM,CAnCrB,UAoCI,GAAM,GAAW,IAEjB,AAAI,GACF,EAAS,WAAW,CAClB,cAAe,EAAQ,cACvB,UAAW,KAAQ,YAAR,OAAqB,SAChC,UAAW,KAAQ,YAAR,OAAqB,GAChC,SAAU,KAAQ,WAAR,OAAoB,eAK7B,IAAM,CACX,GAAM,GAAW,IACjB,GAAI,EACF,MAAO,MACF",
"names": []
}
var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
// src/index.ts
import {
createPopper
} from "@popperjs/core";
import {
createEffect,
createSignal,
onCleanup
} from "solid-js";
function usePopper(targetElement, popperElement, options = {}) {
const [current, setCurrent] = createSignal();
createEffect(() => {
setCurrent(void 0);
const target = targetElement();
const popper = popperElement();
if (target && popper) {
const instance = createPopper(target, popper, {});
setCurrent(instance);
onCleanup(() => {
instance.destroy();
});
}
});
createEffect(() => {
var _a, _b, _c;
const instance = current();
if (instance) {
instance.setOptions({
onFirstUpdate: options.onFirstUpdate,
placement: (_a = options.placement) != null ? _a : "bottom",
modifiers: (_b = options.modifiers) != null ? _b : [],
strategy: (_c = options.strategy) != null ? _c : "absolute"
});
}
});
return () => {
const instance = current();
if (instance) {
return __spreadValues({}, instance);
}
return void 0;
};
}
export {
usePopper as default
};
//# sourceMappingURL=index.js.map
{
"version": 3,
"sources": ["../../../src/index.ts"],
"sourcesContent": ["import {\n createPopper,\n Instance,\n Options,\n} from '@popperjs/core';\nimport {\n createEffect,\n createSignal,\n onCleanup,\n} from 'solid-js';\n\nexport default function usePopper<Target extends HTMLElement, Popper extends HTMLElement>(\n targetElement: () => Target | undefined | null,\n popperElement: () => Popper | undefined | null,\n options: Partial<Options> = {},\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n setCurrent(undefined);\n\n const target = targetElement();\n const popper = popperElement();\n\n if (target && popper) {\n const instance = createPopper(target, popper, {});\n \n setCurrent(instance);\n \n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n createEffect(() => {\n const instance = current();\n\n if (instance) {\n instance.setOptions({\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement ?? 'bottom',\n modifiers: options.modifiers ?? [],\n strategy: options.strategy ?? 'absolute',\n });\n }\n });\n\n return () => {\n const instance = current();\n if (instance) {\n return {\n ...instance,\n };\n }\n return undefined;\n };\n}\n"],
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAMe,mBACb,eACA,eACA,UAA4B,IACA;AAC5B,QAAM,CAAC,SAAS,cAAc;AAE9B,eAAa,MAAM;AACjB,eAAW;AAEX,UAAM,SAAS;AACf,UAAM,SAAS;AAEf,QAAI,UAAU,QAAQ;AACpB,YAAM,WAAW,aAAa,QAAQ,QAAQ;AAE9C,iBAAW;AAEX,gBAAU,MAAM;AACd,iBAAS;AAAA;AAAA;AAAA;AAKf,eAAa,MAAM;AAnCrB;AAoCI,UAAM,WAAW;AAEjB,QAAI,UAAU;AACZ,eAAS,WAAW;AAAA,QAClB,eAAe,QAAQ;AAAA,QACvB,WAAW,cAAQ,cAAR,YAAqB;AAAA,QAChC,WAAW,cAAQ,cAAR,YAAqB;AAAA,QAChC,UAAU,cAAQ,aAAR,YAAoB;AAAA;AAAA;AAAA;AAKpC,SAAO,MAAM;AACX,UAAM,WAAW;AACjB,QAAI,UAAU;AACZ,aAAO,mBACF;AAAA;AAGP,WAAO;AAAA;AAAA;",
"names": []
}
var l=Object.defineProperty;var p=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var d=(n,t,e)=>t in n?l(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e,u=(n,t)=>{for(var e in t||(t={}))m.call(t,e)&&d(n,e,t[e]);if(p)for(var e of p(t))g.call(t,e)&&d(n,e,t[e]);return n};import{createPopper as P}from"@popperjs/core";import{createEffect as f,createSignal as T,onCleanup as x}from"solid-js";function y(n,t,e={}){let[o,i]=T();return f(()=>{i(void 0);let r=n(),s=t();if(r&&s){let a=P(r,s,{});i(a),x(()=>{a.destroy()})}}),f(()=>{var s,a,c;let r=o();r&&r.setOptions({onFirstUpdate:e.onFirstUpdate,placement:(s=e.placement)!=null?s:"bottom",modifiers:(a=e.modifiers)!=null?a:[],strategy:(c=e.strategy)!=null?c:"absolute"})}),()=>{let r=o();if(r)return u({},r)}}export{y as default};
//# sourceMappingURL=index.js.map
{
"version": 3,
"sources": ["../../../src/index.ts"],
"sourcesContent": ["import {\n createPopper,\n Instance,\n Options,\n} from '@popperjs/core';\nimport {\n createEffect,\n createSignal,\n onCleanup,\n} from 'solid-js';\n\nexport default function usePopper<Target extends HTMLElement, Popper extends HTMLElement>(\n targetElement: () => Target | undefined | null,\n popperElement: () => Popper | undefined | null,\n options: Partial<Options> = {},\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n setCurrent(undefined);\n\n const target = targetElement();\n const popper = popperElement();\n\n if (target && popper) {\n const instance = createPopper(target, popper, {});\n \n setCurrent(instance);\n \n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n createEffect(() => {\n const instance = current();\n\n if (instance) {\n instance.setOptions({\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement ?? 'bottom',\n modifiers: options.modifiers ?? [],\n strategy: options.strategy ?? 'absolute',\n });\n }\n });\n\n return () => {\n const instance = current();\n if (instance) {\n return {\n ...instance,\n };\n }\n return undefined;\n };\n}\n"],
"mappings": "yVAAA,8CAKA,yEAMe,WACb,EACA,EACA,EAA4B,GACA,CAC5B,GAAM,CAAC,EAAS,GAAc,IAE9B,SAAa,IAAM,CACjB,EAAW,QAEX,GAAM,GAAS,IACT,EAAS,IAEf,GAAI,GAAU,EAAQ,CACpB,GAAM,GAAW,EAAa,EAAQ,EAAQ,IAE9C,EAAW,GAEX,EAAU,IAAM,CACd,EAAS,eAKf,EAAa,IAAM,CAnCrB,UAoCI,GAAM,GAAW,IAEjB,AAAI,GACF,EAAS,WAAW,CAClB,cAAe,EAAQ,cACvB,UAAW,KAAQ,YAAR,OAAqB,SAChC,UAAW,KAAQ,YAAR,OAAqB,GAChC,SAAU,KAAQ,WAAR,OAAoB,eAK7B,IAAM,CACX,GAAM,GAAW,IACjB,GAAI,EACF,MAAO,MACF",
"names": []
}