solid-tippy
Advanced tools
| "use strict"; | ||
| var __create = Object.create; | ||
| var __defProp = Object.defineProperty; | ||
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
| var __getOwnPropNames = Object.getOwnPropertyNames; | ||
| var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
| var __getProtoOf = Object.getPrototypeOf; | ||
| 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( | ||
| isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, | ||
| mod | ||
| )); | ||
| var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); | ||
| // src/index.ts | ||
| var src_exports = {}; | ||
| __export(src_exports, { | ||
| tippy: () => tippy, | ||
| tippyHeadless: () => tippyHeadless, | ||
| useTippy: () => useTippy, | ||
| useTippyHeadless: () => useTippyHeadless | ||
| }); | ||
| module.exports = __toCommonJS(src_exports); | ||
| var import_solid_js = require("solid-js"); | ||
| var import_tippy = __toESM(require("tippy.js"), 1); | ||
| var import_headless = __toESM(require("tippy.js/headless"), 1); | ||
| function tippy(target, opts) { | ||
| (0, import_solid_js.createEffect)(() => { | ||
| const options = opts(); | ||
| const instance = (0, import_tippy.default)(target, (0, import_solid_js.untrack)(() => options == null ? void 0 : options.props)); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| (0, import_solid_js.onCleanup)(() => { | ||
| instance.destroy(); | ||
| }); | ||
| }); | ||
| } | ||
| function tippyHeadless(target, opts) { | ||
| (0, import_solid_js.createEffect)(() => { | ||
| const options = opts(); | ||
| const instance = (0, import_headless.default)(target, (0, import_solid_js.untrack)(() => options == null ? void 0 : options.props)); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| (0, import_solid_js.onCleanup)(() => { | ||
| instance.destroy(); | ||
| }); | ||
| }); | ||
| } | ||
| function useTippy(target, options) { | ||
| const [current, setCurrent] = (0, import_solid_js.createSignal)(); | ||
| (0, import_solid_js.createEffect)(() => { | ||
| const currentTarget = target(); | ||
| if (currentTarget) { | ||
| const instance = (0, import_tippy.default)(currentTarget, (0, import_solid_js.untrack)(() => options == null ? void 0 : options.props)); | ||
| setCurrent(instance); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| (0, import_solid_js.onCleanup)(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
| return () => current(); | ||
| } | ||
| function useTippyHeadless(target, options) { | ||
| const [current, setCurrent] = (0, import_solid_js.createSignal)(); | ||
| (0, import_solid_js.createEffect)(() => { | ||
| const currentTarget = target(); | ||
| if (currentTarget) { | ||
| const instance = (0, import_headless.default)(currentTarget, (0, import_solid_js.untrack)(() => options == null ? void 0 : options.props)); | ||
| setCurrent(instance); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| (0, import_solid_js.onCleanup)(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
| return () => current(); | ||
| } | ||
| //# sourceMappingURL=index.cjs.map |
| { | ||
| "version": 3, | ||
| "sources": ["../../../src/index.ts"], | ||
| "sourcesContent": ["import {\n createComputed,\n createEffect,\n createSignal,\n onCleanup,\n untrack,\n} from 'solid-js';\nimport makeTippy, { Instance, Props } from 'tippy.js';\nimport makeHeadlessTippy from 'tippy.js/headless';\n\nexport interface TippyOptions {\n disabled?: boolean;\n hidden?: boolean;\n props?: Partial<Props>;\n}\n\nexport function tippy<T extends Element>(\n target: T,\n opts: () => TippyOptions | undefined,\n): void {\n createEffect(() => {\n const options = opts();\n const instance = makeTippy(target, untrack(() => options?.props));\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n });\n}\n\nexport function tippyHeadless<T extends Element>(\n target: T,\n opts: () => TippyOptions | undefined,\n): void {\n createEffect(() => {\n const options = opts();\n const instance = makeHeadlessTippy(target, untrack(() => options?.props));\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n });\n}\n\nexport function useTippy<T extends Element>(\n target: () => T | undefined | null,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const currentTarget = target();\n if (currentTarget) {\n const instance = makeTippy(currentTarget, untrack(() => options?.props));\n\n setCurrent(instance);\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n return () => current();\n}\n\nexport function useTippyHeadless<T extends Element>(\n target: () => T | undefined | null,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const currentTarget = target();\n if (currentTarget) {\n const instance = makeHeadlessTippy(currentTarget, untrack(() => options?.props));\n\n setCurrent(instance);\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n return () => current();\n}\n"], | ||
| "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMO;AACP,mBAA2C;AAC3C,sBAA8B;AAQvB,SAAS,MACd,QACA,MACM;AACN,oCAAa,MAAM;AACjB,UAAM,UAAU,KAAK;AACrB,UAAM,eAAW,aAAAA,SAAU,YAAQ,yBAAQ,MAAM,mCAAS,KAAK,CAAC;AAEhE,wCAAe,MAAM;AACnB,UAAI,mCAAS,UAAU;AACrB,iBAAS,QAAQ;AAAA,MACnB,OAAO;AACL,iBAAS,OAAO;AAAA,MAClB;AAAA,IACF,CAAC;AAED,wCAAe,MAAM;AACnB,UAAI,mCAAS,QAAQ;AACnB,iBAAS,KAAK;AAAA,MAChB,OAAO;AACL,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF,CAAC;AAED,wCAAe,MAAM;AAxCzB;AAyCM,eAAS,SAAS,oBACZ,wCAAS,UAAT,YAAkB,CAAC,EACxB;AAAA,IACH,CAAC;AAED,mCAAU,MAAM;AACd,eAAS,QAAQ;AAAA,IACnB,CAAC;AAAA,EACH,CAAC;AACH;AAEO,SAAS,cACd,QACA,MACM;AACN,oCAAa,MAAM;AACjB,UAAM,UAAU,KAAK;AACrB,UAAM,eAAW,gBAAAC,SAAkB,YAAQ,yBAAQ,MAAM,mCAAS,KAAK,CAAC;AAExE,wCAAe,MAAM;AACnB,UAAI,mCAAS,UAAU;AACrB,iBAAS,QAAQ;AAAA,MACnB,OAAO;AACL,iBAAS,OAAO;AAAA,MAClB;AAAA,IACF,CAAC;AAED,wCAAe,MAAM;AACnB,UAAI,mCAAS,QAAQ;AACnB,iBAAS,KAAK;AAAA,MAChB,OAAO;AACL,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF,CAAC;AAED,wCAAe,MAAM;AA5EzB;AA6EM,eAAS,SAAS,oBACZ,wCAAS,UAAT,YAAkB,CAAC,EACxB;AAAA,IACH,CAAC;AAED,mCAAU,MAAM;AACd,eAAS,QAAQ;AAAA,IACnB,CAAC;AAAA,EACH,CAAC;AACH;AAEO,SAAS,SACd,QACA,SAC4B;AAC5B,QAAM,CAAC,SAAS,UAAU,QAAI,8BAAuB;AAErD,oCAAa,MAAM;AACjB,UAAM,gBAAgB,OAAO;AAC7B,QAAI,eAAe;AACjB,YAAM,eAAW,aAAAD,SAAU,mBAAe,yBAAQ,MAAM,mCAAS,KAAK,CAAC;AAEvE,iBAAW,QAAQ;AAEnB,0CAAe,MAAM;AACnB,YAAI,mCAAS,UAAU;AACrB,mBAAS,QAAQ;AAAA,QACnB,OAAO;AACL,mBAAS,OAAO;AAAA,QAClB;AAAA,MACF,CAAC;AAED,0CAAe,MAAM;AACnB,YAAI,mCAAS,QAAQ;AACnB,mBAAS,KAAK;AAAA,QAChB,OAAO;AACL,mBAAS,KAAK;AAAA,QAChB;AAAA,MACF,CAAC;AAED,0CAAe,MAAM;AArH3B;AAsHQ,iBAAS,SAAS,oBACZ,wCAAS,UAAT,YAAkB,CAAC,EACxB;AAAA,MACH,CAAC;AAED,qCAAU,MAAM;AACd,iBAAS,QAAQ;AAAA,MACnB,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO,MAAM,QAAQ;AACvB;AAEO,SAAS,iBACd,QACA,SAC4B;AAC5B,QAAM,CAAC,SAAS,UAAU,QAAI,8BAAuB;AAErD,oCAAa,MAAM;AACjB,UAAM,gBAAgB,OAAO;AAC7B,QAAI,eAAe;AACjB,YAAM,eAAW,gBAAAC,SAAkB,mBAAe,yBAAQ,MAAM,mCAAS,KAAK,CAAC;AAE/E,iBAAW,QAAQ;AAEnB,0CAAe,MAAM;AACnB,YAAI,mCAAS,UAAU;AACrB,mBAAS,QAAQ;AAAA,QACnB,OAAO;AACL,mBAAS,OAAO;AAAA,QAClB;AAAA,MACF,CAAC;AAED,0CAAe,MAAM;AACnB,YAAI,mCAAS,QAAQ;AACnB,mBAAS,KAAK;AAAA,QAChB,OAAO;AACL,mBAAS,KAAK;AAAA,QAChB;AAAA,MACF,CAAC;AAED,0CAAe,MAAM;AAjK3B;AAkKQ,iBAAS,SAAS,oBACZ,wCAAS,UAAT,YAAkB,CAAC,EACxB;AAAA,MACH,CAAC;AAED,qCAAU,MAAM;AACd,iBAAS,QAAQ;AAAA,MACnB,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO,MAAM,QAAQ;AACvB;", | ||
| "names": ["makeTippy", "makeHeadlessTippy"] | ||
| } |
| "use strict";var p=Object.create;var f=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames,b=Object.getOwnPropertySymbols,E=Object.getPrototypeOf,i=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var y=(a,e,d)=>e in a?f(a,e,{enumerable:!0,configurable:!0,writable:!0,value:d}):a[e]=d,u=(a,e)=>{for(var d in e||(e={}))i.call(e,d)&&y(a,d,e[d]);if(b)for(var d of b(e))I.call(e,d)&&y(a,d,e[d]);return a};var O=(a,e)=>{for(var d in e)f(a,d,{get:e[d],enumerable:!0})},h=(a,e,d,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of P(e))!i.call(a,n)&&n!==d&&f(a,n,{get:()=>e[n],enumerable:!(l=x(e,n))||l.enumerable});return a};var m=(a,e,d)=>(d=a!=null?p(E(a)):{},h(e||!a||!a.__esModule?f(d,"default",{value:a,enumerable:!0}):d,a)),w=a=>h(f({},"__esModule",{value:!0}),a);var v={};O(v,{tippy:()=>C,tippyHeadless:()=>g,useTippy:()=>k,useTippyHeadless:()=>H});module.exports=w(v);var r=require("solid-js"),t=m(require("tippy.js"),1),T=m(require("tippy.js/headless"),1);function C(a,e){(0,r.createEffect)(()=>{let d=e(),l=(0,t.default)(a,(0,r.untrack)(()=>d==null?void 0:d.props));(0,r.createComputed)(()=>{d!=null&&d.disabled?l.disable():l.enable()}),(0,r.createComputed)(()=>{d!=null&&d.hidden?l.hide():l.show()}),(0,r.createComputed)(()=>{var n;l.setProps(u({},(n=d==null?void 0:d.props)!=null?n:{}))}),(0,r.onCleanup)(()=>{l.destroy()})})}function g(a,e){(0,r.createEffect)(()=>{let d=e(),l=(0,T.default)(a,(0,r.untrack)(()=>d==null?void 0:d.props));(0,r.createComputed)(()=>{d!=null&&d.disabled?l.disable():l.enable()}),(0,r.createComputed)(()=>{d!=null&&d.hidden?l.hide():l.show()}),(0,r.createComputed)(()=>{var n;l.setProps(u({},(n=d==null?void 0:d.props)!=null?n:{}))}),(0,r.onCleanup)(()=>{l.destroy()})})}function k(a,e){let[d,l]=(0,r.createSignal)();return(0,r.createEffect)(()=>{let n=a();if(n){let c=(0,t.default)(n,(0,r.untrack)(()=>e==null?void 0:e.props));l(c),(0,r.createComputed)(()=>{e!=null&&e.disabled?c.disable():c.enable()}),(0,r.createComputed)(()=>{e!=null&&e.hidden?c.hide():c.show()}),(0,r.createComputed)(()=>{var s;c.setProps(u({},(s=e==null?void 0:e.props)!=null?s:{}))}),(0,r.onCleanup)(()=>{c.destroy()})}}),()=>d()}function H(a,e){let[d,l]=(0,r.createSignal)();return(0,r.createEffect)(()=>{let n=a();if(n){let c=(0,T.default)(n,(0,r.untrack)(()=>e==null?void 0:e.props));l(c),(0,r.createComputed)(()=>{e!=null&&e.disabled?c.disable():c.enable()}),(0,r.createComputed)(()=>{e!=null&&e.hidden?c.hide():c.show()}),(0,r.createComputed)(()=>{var s;c.setProps(u({},(s=e==null?void 0:e.props)!=null?s:{}))}),(0,r.onCleanup)(()=>{c.destroy()})}}),()=>d()} |
| 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 { | ||
| createComputed, | ||
| createEffect, | ||
| createSignal, | ||
| onCleanup, | ||
| untrack | ||
| } from "solid-js"; | ||
| import makeTippy from "tippy.js"; | ||
| import makeHeadlessTippy from "tippy.js/headless"; | ||
| function tippy(target, opts) { | ||
| createEffect(() => { | ||
| const options = opts(); | ||
| const instance = makeTippy(target, untrack(() => options == null ? void 0 : options.props)); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| }); | ||
| } | ||
| function tippyHeadless(target, opts) { | ||
| createEffect(() => { | ||
| const options = opts(); | ||
| const instance = makeHeadlessTippy(target, untrack(() => options == null ? void 0 : options.props)); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| }); | ||
| } | ||
| function useTippy(target, options) { | ||
| const [current, setCurrent] = createSignal(); | ||
| createEffect(() => { | ||
| const currentTarget = target(); | ||
| if (currentTarget) { | ||
| const instance = makeTippy(currentTarget, untrack(() => options == null ? void 0 : options.props)); | ||
| setCurrent(instance); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
| return () => current(); | ||
| } | ||
| function useTippyHeadless(target, options) { | ||
| const [current, setCurrent] = createSignal(); | ||
| createEffect(() => { | ||
| const currentTarget = target(); | ||
| if (currentTarget) { | ||
| const instance = makeHeadlessTippy(currentTarget, untrack(() => options == null ? void 0 : options.props)); | ||
| setCurrent(instance); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
| return () => current(); | ||
| } | ||
| export { | ||
| tippy, | ||
| tippyHeadless, | ||
| useTippy, | ||
| useTippyHeadless | ||
| }; | ||
| //# sourceMappingURL=index.mjs.map |
| { | ||
| "version": 3, | ||
| "sources": ["../../../src/index.ts"], | ||
| "sourcesContent": ["import {\n createComputed,\n createEffect,\n createSignal,\n onCleanup,\n untrack,\n} from 'solid-js';\nimport makeTippy, { Instance, Props } from 'tippy.js';\nimport makeHeadlessTippy from 'tippy.js/headless';\n\nexport interface TippyOptions {\n disabled?: boolean;\n hidden?: boolean;\n props?: Partial<Props>;\n}\n\nexport function tippy<T extends Element>(\n target: T,\n opts: () => TippyOptions | undefined,\n): void {\n createEffect(() => {\n const options = opts();\n const instance = makeTippy(target, untrack(() => options?.props));\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n });\n}\n\nexport function tippyHeadless<T extends Element>(\n target: T,\n opts: () => TippyOptions | undefined,\n): void {\n createEffect(() => {\n const options = opts();\n const instance = makeHeadlessTippy(target, untrack(() => options?.props));\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n });\n}\n\nexport function useTippy<T extends Element>(\n target: () => T | undefined | null,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const currentTarget = target();\n if (currentTarget) {\n const instance = makeTippy(currentTarget, untrack(() => options?.props));\n\n setCurrent(instance);\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n return () => current();\n}\n\nexport function useTippyHeadless<T extends Element>(\n target: () => T | undefined | null,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const currentTarget = target();\n if (currentTarget) {\n const instance = makeHeadlessTippy(currentTarget, untrack(() => options?.props));\n\n setCurrent(instance);\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n return () => current();\n}\n"], | ||
| "mappings": "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", | ||
| "names": [] | ||
| } |
| var p=Object.defineProperty;var b=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var y=(a,e,d)=>e in a?p(a,e,{enumerable:!0,configurable:!0,writable:!0,value:d}):a[e]=d,f=(a,e)=>{for(var d in e||(e={}))x.call(e,d)&&y(a,d,e[d]);if(b)for(var d of b(e))P.call(e,d)&&y(a,d,e[d]);return a};import{createComputed as n,createEffect as u,createSignal as i,onCleanup as t,untrack as T}from"solid-js";import h from"tippy.js";import m from"tippy.js/headless";function k(a,e){u(()=>{let d=e(),r=h(a,T(()=>d==null?void 0:d.props));n(()=>{d!=null&&d.disabled?r.disable():r.enable()}),n(()=>{d!=null&&d.hidden?r.hide():r.show()}),n(()=>{var c;r.setProps(f({},(c=d==null?void 0:d.props)!=null?c:{}))}),t(()=>{r.destroy()})})}function H(a,e){u(()=>{let d=e(),r=m(a,T(()=>d==null?void 0:d.props));n(()=>{d!=null&&d.disabled?r.disable():r.enable()}),n(()=>{d!=null&&d.hidden?r.hide():r.show()}),n(()=>{var c;r.setProps(f({},(c=d==null?void 0:d.props)!=null?c:{}))}),t(()=>{r.destroy()})})}function v(a,e){let[d,r]=i();return u(()=>{let c=a();if(c){let l=h(c,T(()=>e==null?void 0:e.props));r(l),n(()=>{e!=null&&e.disabled?l.disable():l.enable()}),n(()=>{e!=null&&e.hidden?l.hide():l.show()}),n(()=>{var s;l.setProps(f({},(s=e==null?void 0:e.props)!=null?s:{}))}),t(()=>{l.destroy()})}}),()=>d()}function S(a,e){let[d,r]=i();return u(()=>{let c=a();if(c){let l=m(c,T(()=>e==null?void 0:e.props));r(l),n(()=>{e!=null&&e.disabled?l.disable():l.enable()}),n(()=>{e!=null&&e.hidden?l.hide():l.show()}),n(()=>{var s;l.setProps(f({},(s=e==null?void 0:e.props)!=null?s:{}))}),t(()=>{l.destroy()})}}),()=>d()}export{k as tippy,H as tippyHeadless,v as useTippy,S as useTippyHeadless}; |
+20
-37
| { | ||
| "name": "solid-tippy", | ||
| "version": "0.1.3", | ||
| "types": "dist/types/index.d.ts", | ||
| "main": "dist/cjs/production/index.js", | ||
| "module": "dist/esm/production/index.js", | ||
| "version": "0.2.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" | ||
| } | ||
@@ -51,10 +31,10 @@ }, | ||
| "devDependencies": { | ||
| "@types/node": "^17.0.5", | ||
| "eslint": "^8.7.0", | ||
| "eslint-config-lxsmnsyc": "^0.4.0", | ||
| "pridepack": "1.0.4", | ||
| "solid-js": "^1.3.4", | ||
| "@types/node": "^18.11.9", | ||
| "eslint": "^8.27.0", | ||
| "eslint-config-lxsmnsyc": "^0.4.8", | ||
| "pridepack": "^2.3.0", | ||
| "solid-js": "^1.6.1", | ||
| "tippy.js": "^6.3.7", | ||
| "tslib": "^2.3.1", | ||
| "typescript": "^4.5.4" | ||
| "tslib": "^2.4.1", | ||
| "typescript": "^4.8.4" | ||
| }, | ||
@@ -90,3 +70,6 @@ "peerDependencies": { | ||
| }, | ||
| "gitHead": "8c572bb69d1e80497669c1213eaf529b2771dcfc" | ||
| "typesVersions": { | ||
| "*": {} | ||
| }, | ||
| "gitHead": "fe50ff48df777c8106dcdfc6d74202d985200d95" | ||
| } |
| "use strict"; | ||
| var __create = Object.create; | ||
| var __defProp = Object.defineProperty; | ||
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
| var __getOwnPropNames = Object.getOwnPropertyNames; | ||
| var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
| var __getProtoOf = Object.getPrototypeOf; | ||
| 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 __toESM = (module2, isNodeMode) => { | ||
| return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2); | ||
| }; | ||
| 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, { | ||
| tippy: () => tippy, | ||
| tippyHeadless: () => tippyHeadless, | ||
| useTippy: () => useTippy, | ||
| useTippyHeadless: () => useTippyHeadless | ||
| }); | ||
| var import_solid_js = require("solid-js"); | ||
| var import_tippy = __toESM(require("tippy.js")); | ||
| var import_headless = __toESM(require("tippy.js/headless")); | ||
| function tippy(target, opts) { | ||
| (0, import_solid_js.createEffect)(() => { | ||
| const options = opts(); | ||
| const instance = (0, import_tippy.default)(target, (0, import_solid_js.untrack)(() => options == null ? void 0 : options.props)); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| (0, import_solid_js.onCleanup)(() => { | ||
| instance.destroy(); | ||
| }); | ||
| }); | ||
| } | ||
| function tippyHeadless(target, opts) { | ||
| (0, import_solid_js.createEffect)(() => { | ||
| const options = opts(); | ||
| const instance = (0, import_headless.default)(target, (0, import_solid_js.untrack)(() => options == null ? void 0 : options.props)); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| (0, import_solid_js.onCleanup)(() => { | ||
| instance.destroy(); | ||
| }); | ||
| }); | ||
| } | ||
| function useTippy(target, options) { | ||
| const [current, setCurrent] = (0, import_solid_js.createSignal)(); | ||
| (0, import_solid_js.createEffect)(() => { | ||
| const currentTarget = target(); | ||
| if (currentTarget) { | ||
| const instance = (0, import_tippy.default)(currentTarget, (0, import_solid_js.untrack)(() => options == null ? void 0 : options.props)); | ||
| setCurrent(instance); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| (0, import_solid_js.onCleanup)(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
| return () => current(); | ||
| } | ||
| function useTippyHeadless(target, options) { | ||
| const [current, setCurrent] = (0, import_solid_js.createSignal)(); | ||
| (0, import_solid_js.createEffect)(() => { | ||
| const currentTarget = target(); | ||
| if (currentTarget) { | ||
| const instance = (0, import_headless.default)(currentTarget, (0, import_solid_js.untrack)(() => options == null ? void 0 : options.props)); | ||
| setCurrent(instance); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createComputed)(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| (0, import_solid_js.onCleanup)(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
| return () => current(); | ||
| } | ||
| module.exports = __toCommonJS(src_exports); | ||
| // Annotate the CommonJS export names for ESM import in node: | ||
| 0 && (module.exports = { | ||
| tippy, | ||
| tippyHeadless, | ||
| useTippy, | ||
| useTippyHeadless | ||
| }); | ||
| //# sourceMappingURL=index.js.map |
| { | ||
| "version": 3, | ||
| "sources": ["../../../src/index.ts"], | ||
| "sourcesContent": ["import {\n createComputed,\n createEffect,\n createSignal,\n onCleanup,\n untrack,\n} from 'solid-js';\nimport makeTippy, { Instance, Props } from 'tippy.js';\nimport makeHeadlessTippy from 'tippy.js/headless';\n\nexport interface TippyOptions {\n disabled?: boolean;\n hidden?: boolean;\n props?: Partial<Props>;\n}\n\nexport function tippy<T extends Element>(\n target: T,\n opts: () => TippyOptions | undefined,\n): void {\n createEffect(() => {\n const options = opts();\n const instance = makeTippy(target, untrack(() => options?.props));\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n });\n}\n\nexport function tippyHeadless<T extends Element>(\n target: T,\n opts: () => TippyOptions | undefined,\n): void {\n createEffect(() => {\n const options = opts();\n const instance = makeHeadlessTippy(target, untrack(() => options?.props));\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n });\n}\n\nexport function useTippy<T extends Element>(\n target: () => T | undefined | null,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const currentTarget = target();\n if (currentTarget) {\n const instance = makeTippy(currentTarget, untrack(() => options?.props));\n\n setCurrent(instance);\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n return () => current();\n}\n\nexport function useTippyHeadless<T extends Element>(\n target: () => T | undefined | null,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const currentTarget = target();\n if (currentTarget) {\n const instance = makeHeadlessTippy(currentTarget, untrack(() => options?.props));\n\n setCurrent(instance);\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n return () => current();\n}\n"], | ||
| "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMO;AACP,mBAA2C;AAC3C,sBAA8B;AAQvB,eACL,QACA,MACM;AACN,oCAAa,MAAM;AACjB,UAAM,UAAU;AAChB,UAAM,WAAW,0BAAU,QAAQ,6BAAQ,MAAM,mCAAS;AAE1D,wCAAe,MAAM;AACnB,UAAI,mCAAS,UAAU;AACrB,iBAAS;AAAA,aACJ;AACL,iBAAS;AAAA;AAAA;AAIb,wCAAe,MAAM;AACnB,UAAI,mCAAS,QAAQ;AACnB,iBAAS;AAAA,aACJ;AACL,iBAAS;AAAA;AAAA;AAIb,wCAAe,MAAM;AAxCzB;AAyCM,eAAS,SAAS,mBACZ,yCAAS,UAAT,YAAkB;AAAA;AAI1B,mCAAU,MAAM;AACd,eAAS;AAAA;AAAA;AAAA;AAKR,uBACL,QACA,MACM;AACN,oCAAa,MAAM;AACjB,UAAM,UAAU;AAChB,UAAM,WAAW,6BAAkB,QAAQ,6BAAQ,MAAM,mCAAS;AAElE,wCAAe,MAAM;AACnB,UAAI,mCAAS,UAAU;AACrB,iBAAS;AAAA,aACJ;AACL,iBAAS;AAAA;AAAA;AAIb,wCAAe,MAAM;AACnB,UAAI,mCAAS,QAAQ;AACnB,iBAAS;AAAA,aACJ;AACL,iBAAS;AAAA;AAAA;AAIb,wCAAe,MAAM;AA5EzB;AA6EM,eAAS,SAAS,mBACZ,yCAAS,UAAT,YAAkB;AAAA;AAI1B,mCAAU,MAAM;AACd,eAAS;AAAA;AAAA;AAAA;AAKR,kBACL,QACA,SAC4B;AAC5B,QAAM,CAAC,SAAS,cAAc;AAE9B,oCAAa,MAAM;AACjB,UAAM,gBAAgB;AACtB,QAAI,eAAe;AACjB,YAAM,WAAW,0BAAU,eAAe,6BAAQ,MAAM,mCAAS;AAEjE,iBAAW;AAEX,0CAAe,MAAM;AACnB,YAAI,mCAAS,UAAU;AACrB,mBAAS;AAAA,eACJ;AACL,mBAAS;AAAA;AAAA;AAIb,0CAAe,MAAM;AACnB,YAAI,mCAAS,QAAQ;AACnB,mBAAS;AAAA,eACJ;AACL,mBAAS;AAAA;AAAA;AAIb,0CAAe,MAAM;AArH3B;AAsHQ,iBAAS,SAAS,mBACZ,yCAAS,UAAT,YAAkB;AAAA;AAI1B,qCAAU,MAAM;AACd,iBAAS;AAAA;AAAA;AAAA;AAKf,SAAO,MAAM;AAAA;AAGR,0BACL,QACA,SAC4B;AAC5B,QAAM,CAAC,SAAS,cAAc;AAE9B,oCAAa,MAAM;AACjB,UAAM,gBAAgB;AACtB,QAAI,eAAe;AACjB,YAAM,WAAW,6BAAkB,eAAe,6BAAQ,MAAM,mCAAS;AAEzE,iBAAW;AAEX,0CAAe,MAAM;AACnB,YAAI,mCAAS,UAAU;AACrB,mBAAS;AAAA,eACJ;AACL,mBAAS;AAAA;AAAA;AAIb,0CAAe,MAAM;AACnB,YAAI,mCAAS,QAAQ;AACnB,mBAAS;AAAA,eACJ;AACL,mBAAS;AAAA;AAAA;AAIb,0CAAe,MAAM;AAjK3B;AAkKQ,iBAAS,SAAS,mBACZ,yCAAS,UAAT,YAAkB;AAAA;AAI1B,qCAAU,MAAM;AACd,iBAAS;AAAA;AAAA;AAAA;AAKf,SAAO,MAAM;AAAA;", | ||
| "names": [] | ||
| } |
| "use strict"; | ||
| var x=Object.create;var f=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames,b=Object.getOwnPropertySymbols,I=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var i=(r,e,d)=>e in r?f(r,e,{enumerable:!0,configurable:!0,writable:!0,value:d}):r[e]=d,u=(r,e)=>{for(var d in e||(e={}))y.call(e,d)&&i(r,d,e[d]);if(b)for(var d of b(e))O.call(e,d)&&i(r,d,e[d]);return r};var h=r=>f(r,"__esModule",{value:!0});var w=(r,e)=>{for(var d in e)f(r,d,{get:e[d],enumerable:!0})},m=(r,e,d,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of E(e))!y.call(r,n)&&(d||n!=="default")&&f(r,n,{get:()=>e[n],enumerable:!(l=P(e,n))||l.enumerable});return r},p=(r,e)=>m(h(f(r!=null?x(I(r)):{},"default",!e&&r&&r.__esModule?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r),C=(r=>(e,d)=>r&&r.get(e)||(d=m(h({}),e,1),r&&r.set(e,d),d))(typeof WeakMap!="undefined"?new WeakMap:0);var S={};w(S,{tippy:()=>g,tippyHeadless:()=>k,useTippy:()=>H,useTippyHeadless:()=>v});var a=require("solid-js"),t=p(require("tippy.js")),T=p(require("tippy.js/headless"));function g(r,e){(0,a.createEffect)(()=>{let d=e(),l=(0,t.default)(r,(0,a.untrack)(()=>d==null?void 0:d.props));(0,a.createComputed)(()=>{(d==null?void 0:d.disabled)?l.disable():l.enable()}),(0,a.createComputed)(()=>{(d==null?void 0:d.hidden)?l.hide():l.show()}),(0,a.createComputed)(()=>{var n;l.setProps(u({},(n=d==null?void 0:d.props)!=null?n:{}))}),(0,a.onCleanup)(()=>{l.destroy()})})}function k(r,e){(0,a.createEffect)(()=>{let d=e(),l=(0,T.default)(r,(0,a.untrack)(()=>d==null?void 0:d.props));(0,a.createComputed)(()=>{(d==null?void 0:d.disabled)?l.disable():l.enable()}),(0,a.createComputed)(()=>{(d==null?void 0:d.hidden)?l.hide():l.show()}),(0,a.createComputed)(()=>{var n;l.setProps(u({},(n=d==null?void 0:d.props)!=null?n:{}))}),(0,a.onCleanup)(()=>{l.destroy()})})}function H(r,e){let[d,l]=(0,a.createSignal)();return(0,a.createEffect)(()=>{let n=r();if(n){let c=(0,t.default)(n,(0,a.untrack)(()=>e==null?void 0:e.props));l(c),(0,a.createComputed)(()=>{(e==null?void 0:e.disabled)?c.disable():c.enable()}),(0,a.createComputed)(()=>{(e==null?void 0:e.hidden)?c.hide():c.show()}),(0,a.createComputed)(()=>{var s;c.setProps(u({},(s=e==null?void 0:e.props)!=null?s:{}))}),(0,a.onCleanup)(()=>{c.destroy()})}}),()=>d()}function v(r,e){let[d,l]=(0,a.createSignal)();return(0,a.createEffect)(()=>{let n=r();if(n){let c=(0,T.default)(n,(0,a.untrack)(()=>e==null?void 0:e.props));l(c),(0,a.createComputed)(()=>{(e==null?void 0:e.disabled)?c.disable():c.enable()}),(0,a.createComputed)(()=>{(e==null?void 0:e.hidden)?c.hide():c.show()}),(0,a.createComputed)(()=>{var s;c.setProps(u({},(s=e==null?void 0:e.props)!=null?s:{}))}),(0,a.onCleanup)(()=>{c.destroy()})}}),()=>d()}module.exports=C(S);0&&(module.exports={tippy,tippyHeadless,useTippy,useTippyHeadless}); | ||
| //# sourceMappingURL=index.js.map |
| { | ||
| "version": 3, | ||
| "sources": ["../../../src/index.ts"], | ||
| "sourcesContent": ["import {\n createComputed,\n createEffect,\n createSignal,\n onCleanup,\n untrack,\n} from 'solid-js';\nimport makeTippy, { Instance, Props } from 'tippy.js';\nimport makeHeadlessTippy from 'tippy.js/headless';\n\nexport interface TippyOptions {\n disabled?: boolean;\n hidden?: boolean;\n props?: Partial<Props>;\n}\n\nexport function tippy<T extends Element>(\n target: T,\n opts: () => TippyOptions | undefined,\n): void {\n createEffect(() => {\n const options = opts();\n const instance = makeTippy(target, untrack(() => options?.props));\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n });\n}\n\nexport function tippyHeadless<T extends Element>(\n target: T,\n opts: () => TippyOptions | undefined,\n): void {\n createEffect(() => {\n const options = opts();\n const instance = makeHeadlessTippy(target, untrack(() => options?.props));\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n });\n}\n\nexport function useTippy<T extends Element>(\n target: () => T | undefined | null,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const currentTarget = target();\n if (currentTarget) {\n const instance = makeTippy(currentTarget, untrack(() => options?.props));\n\n setCurrent(instance);\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n return () => current();\n}\n\nexport function useTippyHeadless<T extends Element>(\n target: () => T | undefined | null,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const currentTarget = target();\n if (currentTarget) {\n const instance = makeHeadlessTippy(currentTarget, untrack(() => options?.props));\n\n setCurrent(instance);\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n return () => current();\n}\n"], | ||
| "mappings": ";o8BAAA,4FAMO,oBACP,EAA2C,uBAC3C,EAA8B,gCAQvB,WACL,EACA,EACM,CACN,mBAAa,IAAM,CACjB,GAAM,GAAU,IACV,EAAW,cAAU,EAAQ,cAAQ,IAAM,iBAAS,QAE1D,qBAAe,IAAM,CACnB,AAAI,kBAAS,UACX,EAAS,UAET,EAAS,WAIb,qBAAe,IAAM,CACnB,AAAI,kBAAS,QACX,EAAS,OAET,EAAS,SAIb,qBAAe,IAAM,CAxCzB,MAyCM,EAAS,SAAS,KACZ,oBAAS,QAAT,OAAkB,OAI1B,gBAAU,IAAM,CACd,EAAS,cAKR,WACL,EACA,EACM,CACN,mBAAa,IAAM,CACjB,GAAM,GAAU,IACV,EAAW,cAAkB,EAAQ,cAAQ,IAAM,iBAAS,QAElE,qBAAe,IAAM,CACnB,AAAI,kBAAS,UACX,EAAS,UAET,EAAS,WAIb,qBAAe,IAAM,CACnB,AAAI,kBAAS,QACX,EAAS,OAET,EAAS,SAIb,qBAAe,IAAM,CA5EzB,MA6EM,EAAS,SAAS,KACZ,oBAAS,QAAT,OAAkB,OAI1B,gBAAU,IAAM,CACd,EAAS,cAKR,WACL,EACA,EAC4B,CAC5B,GAAM,CAAC,EAAS,GAAc,qBAE9B,yBAAa,IAAM,CACjB,GAAM,GAAgB,IACtB,GAAI,EAAe,CACjB,GAAM,GAAW,cAAU,EAAe,cAAQ,IAAM,iBAAS,QAEjE,EAAW,GAEX,qBAAe,IAAM,CACnB,AAAI,kBAAS,UACX,EAAS,UAET,EAAS,WAIb,qBAAe,IAAM,CACnB,AAAI,kBAAS,QACX,EAAS,OAET,EAAS,SAIb,qBAAe,IAAM,CArH3B,MAsHQ,EAAS,SAAS,KACZ,oBAAS,QAAT,OAAkB,OAI1B,gBAAU,IAAM,CACd,EAAS,eAKR,IAAM,IAGR,WACL,EACA,EAC4B,CAC5B,GAAM,CAAC,EAAS,GAAc,qBAE9B,yBAAa,IAAM,CACjB,GAAM,GAAgB,IACtB,GAAI,EAAe,CACjB,GAAM,GAAW,cAAkB,EAAe,cAAQ,IAAM,iBAAS,QAEzE,EAAW,GAEX,qBAAe,IAAM,CACnB,AAAI,kBAAS,UACX,EAAS,UAET,EAAS,WAIb,qBAAe,IAAM,CACnB,AAAI,kBAAS,QACX,EAAS,OAET,EAAS,SAIb,qBAAe,IAAM,CAjK3B,MAkKQ,EAAS,SAAS,KACZ,oBAAS,QAAT,OAAkB,OAI1B,gBAAU,IAAM,CACd,EAAS,eAKR,IAAM", | ||
| "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 { | ||
| createComputed, | ||
| createEffect, | ||
| createSignal, | ||
| onCleanup, | ||
| untrack | ||
| } from "solid-js"; | ||
| import makeTippy from "tippy.js"; | ||
| import makeHeadlessTippy from "tippy.js/headless"; | ||
| function tippy(target, opts) { | ||
| createEffect(() => { | ||
| const options = opts(); | ||
| const instance = makeTippy(target, untrack(() => options == null ? void 0 : options.props)); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| }); | ||
| } | ||
| function tippyHeadless(target, opts) { | ||
| createEffect(() => { | ||
| const options = opts(); | ||
| const instance = makeHeadlessTippy(target, untrack(() => options == null ? void 0 : options.props)); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| }); | ||
| } | ||
| function useTippy(target, options) { | ||
| const [current, setCurrent] = createSignal(); | ||
| createEffect(() => { | ||
| const currentTarget = target(); | ||
| if (currentTarget) { | ||
| const instance = makeTippy(currentTarget, untrack(() => options == null ? void 0 : options.props)); | ||
| setCurrent(instance); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
| return () => current(); | ||
| } | ||
| function useTippyHeadless(target, options) { | ||
| const [current, setCurrent] = createSignal(); | ||
| createEffect(() => { | ||
| const currentTarget = target(); | ||
| if (currentTarget) { | ||
| const instance = makeHeadlessTippy(currentTarget, untrack(() => options == null ? void 0 : options.props)); | ||
| setCurrent(instance); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options == null ? void 0 : options.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| var _a; | ||
| instance.setProps(__spreadValues({}, (_a = options == null ? void 0 : options.props) != null ? _a : {})); | ||
| }); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
| return () => current(); | ||
| } | ||
| export { | ||
| tippy, | ||
| tippyHeadless, | ||
| useTippy, | ||
| useTippyHeadless | ||
| }; | ||
| //# sourceMappingURL=index.js.map |
| { | ||
| "version": 3, | ||
| "sources": ["../../../src/index.ts"], | ||
| "sourcesContent": ["import {\n createComputed,\n createEffect,\n createSignal,\n onCleanup,\n untrack,\n} from 'solid-js';\nimport makeTippy, { Instance, Props } from 'tippy.js';\nimport makeHeadlessTippy from 'tippy.js/headless';\n\nexport interface TippyOptions {\n disabled?: boolean;\n hidden?: boolean;\n props?: Partial<Props>;\n}\n\nexport function tippy<T extends Element>(\n target: T,\n opts: () => TippyOptions | undefined,\n): void {\n createEffect(() => {\n const options = opts();\n const instance = makeTippy(target, untrack(() => options?.props));\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n });\n}\n\nexport function tippyHeadless<T extends Element>(\n target: T,\n opts: () => TippyOptions | undefined,\n): void {\n createEffect(() => {\n const options = opts();\n const instance = makeHeadlessTippy(target, untrack(() => options?.props));\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n });\n}\n\nexport function useTippy<T extends Element>(\n target: () => T | undefined | null,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const currentTarget = target();\n if (currentTarget) {\n const instance = makeTippy(currentTarget, untrack(() => options?.props));\n\n setCurrent(instance);\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n return () => current();\n}\n\nexport function useTippyHeadless<T extends Element>(\n target: () => T | undefined | null,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const currentTarget = target();\n if (currentTarget) {\n const instance = makeHeadlessTippy(currentTarget, untrack(() => options?.props));\n\n setCurrent(instance);\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n return () => current();\n}\n"], | ||
| "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AAQO,eACL,QACA,MACM;AACN,eAAa,MAAM;AACjB,UAAM,UAAU;AAChB,UAAM,WAAW,UAAU,QAAQ,QAAQ,MAAM,mCAAS;AAE1D,mBAAe,MAAM;AACnB,UAAI,mCAAS,UAAU;AACrB,iBAAS;AAAA,aACJ;AACL,iBAAS;AAAA;AAAA;AAIb,mBAAe,MAAM;AACnB,UAAI,mCAAS,QAAQ;AACnB,iBAAS;AAAA,aACJ;AACL,iBAAS;AAAA;AAAA;AAIb,mBAAe,MAAM;AAxCzB;AAyCM,eAAS,SAAS,mBACZ,yCAAS,UAAT,YAAkB;AAAA;AAI1B,cAAU,MAAM;AACd,eAAS;AAAA;AAAA;AAAA;AAKR,uBACL,QACA,MACM;AACN,eAAa,MAAM;AACjB,UAAM,UAAU;AAChB,UAAM,WAAW,kBAAkB,QAAQ,QAAQ,MAAM,mCAAS;AAElE,mBAAe,MAAM;AACnB,UAAI,mCAAS,UAAU;AACrB,iBAAS;AAAA,aACJ;AACL,iBAAS;AAAA;AAAA;AAIb,mBAAe,MAAM;AACnB,UAAI,mCAAS,QAAQ;AACnB,iBAAS;AAAA,aACJ;AACL,iBAAS;AAAA;AAAA;AAIb,mBAAe,MAAM;AA5EzB;AA6EM,eAAS,SAAS,mBACZ,yCAAS,UAAT,YAAkB;AAAA;AAI1B,cAAU,MAAM;AACd,eAAS;AAAA;AAAA;AAAA;AAKR,kBACL,QACA,SAC4B;AAC5B,QAAM,CAAC,SAAS,cAAc;AAE9B,eAAa,MAAM;AACjB,UAAM,gBAAgB;AACtB,QAAI,eAAe;AACjB,YAAM,WAAW,UAAU,eAAe,QAAQ,MAAM,mCAAS;AAEjE,iBAAW;AAEX,qBAAe,MAAM;AACnB,YAAI,mCAAS,UAAU;AACrB,mBAAS;AAAA,eACJ;AACL,mBAAS;AAAA;AAAA;AAIb,qBAAe,MAAM;AACnB,YAAI,mCAAS,QAAQ;AACnB,mBAAS;AAAA,eACJ;AACL,mBAAS;AAAA;AAAA;AAIb,qBAAe,MAAM;AArH3B;AAsHQ,iBAAS,SAAS,mBACZ,yCAAS,UAAT,YAAkB;AAAA;AAI1B,gBAAU,MAAM;AACd,iBAAS;AAAA;AAAA;AAAA;AAKf,SAAO,MAAM;AAAA;AAGR,0BACL,QACA,SAC4B;AAC5B,QAAM,CAAC,SAAS,cAAc;AAE9B,eAAa,MAAM;AACjB,UAAM,gBAAgB;AACtB,QAAI,eAAe;AACjB,YAAM,WAAW,kBAAkB,eAAe,QAAQ,MAAM,mCAAS;AAEzE,iBAAW;AAEX,qBAAe,MAAM;AACnB,YAAI,mCAAS,UAAU;AACrB,mBAAS;AAAA,eACJ;AACL,mBAAS;AAAA;AAAA;AAIb,qBAAe,MAAM;AACnB,YAAI,mCAAS,QAAQ;AACnB,mBAAS;AAAA,eACJ;AACL,mBAAS;AAAA;AAAA;AAIb,qBAAe,MAAM;AAjK3B;AAkKQ,iBAAS,SAAS,mBACZ,yCAAS,UAAT,YAAkB;AAAA;AAI1B,gBAAU,MAAM;AACd,iBAAS;AAAA;AAAA;AAAA;AAKf,SAAO,MAAM;AAAA;", | ||
| "names": [] | ||
| } |
| var p=Object.defineProperty;var b=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var y=(a,e,d)=>e in a?p(a,e,{enumerable:!0,configurable:!0,writable:!0,value:d}):a[e]=d,f=(a,e)=>{for(var d in e||(e={}))x.call(e,d)&&y(a,d,e[d]);if(b)for(var d of b(e))P.call(e,d)&&y(a,d,e[d]);return a};import{createComputed as n,createEffect as u,createSignal as i,onCleanup as t,untrack as T}from"solid-js";import h from"tippy.js";import m from"tippy.js/headless";function k(a,e){u(()=>{let d=e(),r=h(a,T(()=>d==null?void 0:d.props));n(()=>{(d==null?void 0:d.disabled)?r.disable():r.enable()}),n(()=>{(d==null?void 0:d.hidden)?r.hide():r.show()}),n(()=>{var c;r.setProps(f({},(c=d==null?void 0:d.props)!=null?c:{}))}),t(()=>{r.destroy()})})}function H(a,e){u(()=>{let d=e(),r=m(a,T(()=>d==null?void 0:d.props));n(()=>{(d==null?void 0:d.disabled)?r.disable():r.enable()}),n(()=>{(d==null?void 0:d.hidden)?r.hide():r.show()}),n(()=>{var c;r.setProps(f({},(c=d==null?void 0:d.props)!=null?c:{}))}),t(()=>{r.destroy()})})}function v(a,e){let[d,r]=i();return u(()=>{let c=a();if(c){let l=h(c,T(()=>e==null?void 0:e.props));r(l),n(()=>{(e==null?void 0:e.disabled)?l.disable():l.enable()}),n(()=>{(e==null?void 0:e.hidden)?l.hide():l.show()}),n(()=>{var s;l.setProps(f({},(s=e==null?void 0:e.props)!=null?s:{}))}),t(()=>{l.destroy()})}}),()=>d()}function S(a,e){let[d,r]=i();return u(()=>{let c=a();if(c){let l=m(c,T(()=>e==null?void 0:e.props));r(l),n(()=>{(e==null?void 0:e.disabled)?l.disable():l.enable()}),n(()=>{(e==null?void 0:e.hidden)?l.hide():l.show()}),n(()=>{var s;l.setProps(f({},(s=e==null?void 0:e.props)!=null?s:{}))}),t(()=>{l.destroy()})}}),()=>d()}export{k as tippy,H as tippyHeadless,v as useTippy,S as useTippyHeadless}; | ||
| //# sourceMappingURL=index.js.map |
| { | ||
| "version": 3, | ||
| "sources": ["../../../src/index.ts"], | ||
| "sourcesContent": ["import {\n createComputed,\n createEffect,\n createSignal,\n onCleanup,\n untrack,\n} from 'solid-js';\nimport makeTippy, { Instance, Props } from 'tippy.js';\nimport makeHeadlessTippy from 'tippy.js/headless';\n\nexport interface TippyOptions {\n disabled?: boolean;\n hidden?: boolean;\n props?: Partial<Props>;\n}\n\nexport function tippy<T extends Element>(\n target: T,\n opts: () => TippyOptions | undefined,\n): void {\n createEffect(() => {\n const options = opts();\n const instance = makeTippy(target, untrack(() => options?.props));\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n });\n}\n\nexport function tippyHeadless<T extends Element>(\n target: T,\n opts: () => TippyOptions | undefined,\n): void {\n createEffect(() => {\n const options = opts();\n const instance = makeHeadlessTippy(target, untrack(() => options?.props));\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n });\n}\n\nexport function useTippy<T extends Element>(\n target: () => T | undefined | null,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const currentTarget = target();\n if (currentTarget) {\n const instance = makeTippy(currentTarget, untrack(() => options?.props));\n\n setCurrent(instance);\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n return () => current();\n}\n\nexport function useTippyHeadless<T extends Element>(\n target: () => T | undefined | null,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const currentTarget = target();\n if (currentTarget) {\n const instance = makeHeadlessTippy(currentTarget, untrack(() => options?.props));\n\n setCurrent(instance);\n\n createComputed(() => {\n if (options?.disabled) {\n instance.disable();\n } else {\n instance.enable();\n }\n });\n\n createComputed(() => {\n if (options?.hidden) {\n instance.hide();\n } else {\n instance.show();\n }\n });\n\n createComputed(() => {\n instance.setProps({\n ...(options?.props ?? {}),\n });\n });\n\n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n return () => current();\n}\n"], | ||
| "mappings": "yVAAA,0GAOA,wBACA,iCAQO,WACL,EACA,EACM,CACN,EAAa,IAAM,CACjB,GAAM,GAAU,IACV,EAAW,EAAU,EAAQ,EAAQ,IAAM,iBAAS,QAE1D,EAAe,IAAM,CACnB,AAAI,kBAAS,UACX,EAAS,UAET,EAAS,WAIb,EAAe,IAAM,CACnB,AAAI,kBAAS,QACX,EAAS,OAET,EAAS,SAIb,EAAe,IAAM,CAxCzB,MAyCM,EAAS,SAAS,KACZ,oBAAS,QAAT,OAAkB,OAI1B,EAAU,IAAM,CACd,EAAS,cAKR,WACL,EACA,EACM,CACN,EAAa,IAAM,CACjB,GAAM,GAAU,IACV,EAAW,EAAkB,EAAQ,EAAQ,IAAM,iBAAS,QAElE,EAAe,IAAM,CACnB,AAAI,kBAAS,UACX,EAAS,UAET,EAAS,WAIb,EAAe,IAAM,CACnB,AAAI,kBAAS,QACX,EAAS,OAET,EAAS,SAIb,EAAe,IAAM,CA5EzB,MA6EM,EAAS,SAAS,KACZ,oBAAS,QAAT,OAAkB,OAI1B,EAAU,IAAM,CACd,EAAS,cAKR,WACL,EACA,EAC4B,CAC5B,GAAM,CAAC,EAAS,GAAc,IAE9B,SAAa,IAAM,CACjB,GAAM,GAAgB,IACtB,GAAI,EAAe,CACjB,GAAM,GAAW,EAAU,EAAe,EAAQ,IAAM,iBAAS,QAEjE,EAAW,GAEX,EAAe,IAAM,CACnB,AAAI,kBAAS,UACX,EAAS,UAET,EAAS,WAIb,EAAe,IAAM,CACnB,AAAI,kBAAS,QACX,EAAS,OAET,EAAS,SAIb,EAAe,IAAM,CArH3B,MAsHQ,EAAS,SAAS,KACZ,oBAAS,QAAT,OAAkB,OAI1B,EAAU,IAAM,CACd,EAAS,eAKR,IAAM,IAGR,WACL,EACA,EAC4B,CAC5B,GAAM,CAAC,EAAS,GAAc,IAE9B,SAAa,IAAM,CACjB,GAAM,GAAgB,IACtB,GAAI,EAAe,CACjB,GAAM,GAAW,EAAkB,EAAe,EAAQ,IAAM,iBAAS,QAEzE,EAAW,GAEX,EAAe,IAAM,CACnB,AAAI,kBAAS,UACX,EAAS,UAET,EAAS,WAIb,EAAe,IAAM,CACnB,AAAI,kBAAS,QACX,EAAS,OAET,EAAS,SAIb,EAAe,IAAM,CAjK3B,MAkKQ,EAAS,SAAS,KACZ,oBAAS,QAAT,OAAkB,OAI1B,EAAU,IAAM,CACd,EAAS,eAKR,IAAM", | ||
| "names": [] | ||
| } |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
Yes
NaN35950
-22.87%11
-15.38%496
-2.94%1
Infinity%