solid-tippy
Advanced tools
@@ -112,25 +112,28 @@ "use strict"; | ||
| (0, import_solid_js.createEffect)(() => { | ||
| const instance = (0, import_tippy.default)(target(), (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(); | ||
| }); | ||
| 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(); | ||
| }); | ||
| } | ||
| }); | ||
@@ -142,25 +145,28 @@ return () => current(); | ||
| (0, import_solid_js.createEffect)(() => { | ||
| const instance = (0, import_headless.default)(target(), (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(); | ||
| }); | ||
| 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(); | ||
| }); | ||
| } | ||
| }); | ||
@@ -167,0 +173,0 @@ return () => current(); |
| { | ||
| "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,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const instance = makeTippy(target(), 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 return () => current();\n}\n\nexport function useTippyHeadless<T extends Element>(\n target: () => T,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const instance = makeHeadlessTippy(target(), 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 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,WAAW,0BAAU,UAAU,6BAAQ,MAAM,mCAAS;AAE5D,eAAW;AAEX,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;AAnHzB;AAoHM,eAAS,SAAS,mBACZ,yCAAS,UAAT,YAAkB;AAAA;AAI1B,mCAAU,MAAM;AACd,eAAS;AAAA;AAAA;AAIb,SAAO,MAAM;AAAA;AAGR,0BACL,QACA,SAC4B;AAC5B,QAAM,CAAC,SAAS,cAAc;AAE9B,oCAAa,MAAM;AACjB,UAAM,WAAW,6BAAkB,UAAU,6BAAQ,MAAM,mCAAS;AAEpE,eAAW;AAEX,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;AA5JzB;AA6JM,eAAS,SAAS,mBACZ,yCAAS,UAAT,YAAkB;AAAA;AAI1B,mCAAU,MAAM;AACd,eAAS;AAAA;AAAA;AAIb,SAAO,MAAM;AAAA;", | ||
| "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 p=Object.create;var n=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames,t=Object.getOwnPropertySymbols,E=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var y=(r,e,d)=>e in r?n(r,e,{enumerable:!0,configurable:!0,writable:!0,value:d}):r[e]=d,f=(r,e)=>{for(var d in e||(e={}))b.call(e,d)&&y(r,d,e[d]);if(t)for(var d of t(e))I.call(e,d)&&y(r,d,e[d]);return r};var h=r=>n(r,"__esModule",{value:!0});var O=(r,e)=>{for(var d in e)n(r,d,{get:e[d],enumerable:!0})},m=(r,e,d,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of P(e))!b.call(r,l)&&(d||l!=="default")&&n(r,l,{get:()=>e[l],enumerable:!(c=x(e,l))||c.enumerable});return r},i=(r,e)=>m(h(n(r!=null?p(E(r)):{},"default",!e&&r&&r.__esModule?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r),w=(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 g={};O(g,{tippy:()=>C,tippyHeadless:()=>k,useTippy:()=>H,useTippyHeadless:()=>v});var a=require("solid-js"),u=i(require("tippy.js")),T=i(require("tippy.js/headless"));function C(r,e){(0,a.createEffect)(()=>{let d=e(),c=(0,u.default)(r,(0,a.untrack)(()=>d==null?void 0:d.props));(0,a.createComputed)(()=>{(d==null?void 0:d.disabled)?c.disable():c.enable()}),(0,a.createComputed)(()=>{(d==null?void 0:d.hidden)?c.hide():c.show()}),(0,a.createComputed)(()=>{var l;c.setProps(f({},(l=d==null?void 0:d.props)!=null?l:{}))}),(0,a.onCleanup)(()=>{c.destroy()})})}function k(r,e){(0,a.createEffect)(()=>{let d=e(),c=(0,T.default)(r,(0,a.untrack)(()=>d==null?void 0:d.props));(0,a.createComputed)(()=>{(d==null?void 0:d.disabled)?c.disable():c.enable()}),(0,a.createComputed)(()=>{(d==null?void 0:d.hidden)?c.hide():c.show()}),(0,a.createComputed)(()=>{var l;c.setProps(f({},(l=d==null?void 0:d.props)!=null?l:{}))}),(0,a.onCleanup)(()=>{c.destroy()})})}function H(r,e){let[d,c]=(0,a.createSignal)();return(0,a.createEffect)(()=>{let l=(0,u.default)(r(),(0,a.untrack)(()=>e==null?void 0:e.props));c(l),(0,a.createComputed)(()=>{(e==null?void 0:e.disabled)?l.disable():l.enable()}),(0,a.createComputed)(()=>{(e==null?void 0:e.hidden)?l.hide():l.show()}),(0,a.createComputed)(()=>{var s;l.setProps(f({},(s=e==null?void 0:e.props)!=null?s:{}))}),(0,a.onCleanup)(()=>{l.destroy()})}),()=>d()}function v(r,e){let[d,c]=(0,a.createSignal)();return(0,a.createEffect)(()=>{let l=(0,T.default)(r(),(0,a.untrack)(()=>e==null?void 0:e.props));c(l),(0,a.createComputed)(()=>{(e==null?void 0:e.disabled)?l.disable():l.enable()}),(0,a.createComputed)(()=>{(e==null?void 0:e.hidden)?l.hide():l.show()}),(0,a.createComputed)(()=>{var s;l.setProps(f({},(s=e==null?void 0:e.props)!=null?s:{}))}),(0,a.onCleanup)(()=>{l.destroy()})}),()=>d()}module.exports=w(g);0&&(module.exports={tippy,tippyHeadless,useTippy,useTippyHeadless}); | ||
| 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,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const instance = makeTippy(target(), 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 return () => current();\n}\n\nexport function useTippyHeadless<T extends Element>(\n target: () => T,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const instance = makeHeadlessTippy(target(), 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 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,GAAW,cAAU,IAAU,cAAQ,IAAM,iBAAS,QAE5D,EAAW,GAEX,qBAAe,IAAM,CACnB,AAAI,kBAAS,UACX,EAAS,UAET,EAAS,WAIb,qBAAe,IAAM,CACnB,AAAI,kBAAS,QACX,EAAS,OAET,EAAS,SAIb,qBAAe,IAAM,CAnHzB,MAoHM,EAAS,SAAS,KACZ,oBAAS,QAAT,OAAkB,OAI1B,gBAAU,IAAM,CACd,EAAS,cAIN,IAAM,IAGR,WACL,EACA,EAC4B,CAC5B,GAAM,CAAC,EAAS,GAAc,qBAE9B,yBAAa,IAAM,CACjB,GAAM,GAAW,cAAkB,IAAU,cAAQ,IAAM,iBAAS,QAEpE,EAAW,GAEX,qBAAe,IAAM,CACnB,AAAI,kBAAS,UACX,EAAS,UAET,EAAS,WAIb,qBAAe,IAAM,CACnB,AAAI,kBAAS,QACX,EAAS,OAET,EAAS,SAIb,qBAAe,IAAM,CA5JzB,MA6JM,EAAS,SAAS,KACZ,oBAAS,QAAT,OAAkB,OAI1B,gBAAU,IAAM,CACd,EAAS,cAIN,IAAM", | ||
| "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": [] | ||
| } |
@@ -85,25 +85,28 @@ var __defProp = Object.defineProperty; | ||
| createEffect(() => { | ||
| const instance = makeTippy(target(), 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(); | ||
| }); | ||
| 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(); | ||
| }); | ||
| } | ||
| }); | ||
@@ -115,25 +118,28 @@ return () => current(); | ||
| createEffect(() => { | ||
| const instance = makeHeadlessTippy(target(), 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(); | ||
| }); | ||
| 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(); | ||
| }); | ||
| } | ||
| }); | ||
@@ -140,0 +146,0 @@ return () => current(); |
| { | ||
| "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,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const instance = makeTippy(target(), 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 return () => current();\n}\n\nexport function useTippyHeadless<T extends Element>(\n target: () => T,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const instance = makeHeadlessTippy(target(), 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 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,WAAW,UAAU,UAAU,QAAQ,MAAM,mCAAS;AAE5D,eAAW;AAEX,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;AAnHzB;AAoHM,eAAS,SAAS,mBACZ,yCAAS,UAAT,YAAkB;AAAA;AAI1B,cAAU,MAAM;AACd,eAAS;AAAA;AAAA;AAIb,SAAO,MAAM;AAAA;AAGR,0BACL,QACA,SAC4B;AAC5B,QAAM,CAAC,SAAS,cAAc;AAE9B,eAAa,MAAM;AACjB,UAAM,WAAW,kBAAkB,UAAU,QAAQ,MAAM,mCAAS;AAEpE,eAAW;AAEX,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;AA5JzB;AA6JM,eAAS,SAAS,mBACZ,yCAAS,UAAT,YAAkB;AAAA;AAI1B,cAAU,MAAM;AACd,eAAS;AAAA;AAAA;AAIb,SAAO,MAAM;AAAA;", | ||
| "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": [] | ||
| } |
@@ -1,2 +0,2 @@ | ||
| var i=Object.defineProperty;var t=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var b=(l,e,d)=>e in l?i(l,e,{enumerable:!0,configurable:!0,writable:!0,value:d}):l[e]=d,n=(l,e)=>{for(var d in e||(e={}))p.call(e,d)&&b(l,d,e[d]);if(t)for(var d of t(e))x.call(e,d)&&b(l,d,e[d]);return l};import{createComputed as c,createEffect as f,createSignal as y,onCleanup as u,untrack as T}from"solid-js";import h from"tippy.js";import m from"tippy.js/headless";function k(l,e){f(()=>{let d=e(),a=h(l,T(()=>d==null?void 0:d.props));c(()=>{(d==null?void 0:d.disabled)?a.disable():a.enable()}),c(()=>{(d==null?void 0:d.hidden)?a.hide():a.show()}),c(()=>{var r;a.setProps(n({},(r=d==null?void 0:d.props)!=null?r:{}))}),u(()=>{a.destroy()})})}function H(l,e){f(()=>{let d=e(),a=m(l,T(()=>d==null?void 0:d.props));c(()=>{(d==null?void 0:d.disabled)?a.disable():a.enable()}),c(()=>{(d==null?void 0:d.hidden)?a.hide():a.show()}),c(()=>{var r;a.setProps(n({},(r=d==null?void 0:d.props)!=null?r:{}))}),u(()=>{a.destroy()})})}function v(l,e){let[d,a]=y();return f(()=>{let r=h(l(),T(()=>e==null?void 0:e.props));a(r),c(()=>{(e==null?void 0:e.disabled)?r.disable():r.enable()}),c(()=>{(e==null?void 0:e.hidden)?r.hide():r.show()}),c(()=>{var s;r.setProps(n({},(s=e==null?void 0:e.props)!=null?s:{}))}),u(()=>{r.destroy()})}),()=>d()}function g(l,e){let[d,a]=y();return f(()=>{let r=m(l(),T(()=>e==null?void 0:e.props));a(r),c(()=>{(e==null?void 0:e.disabled)?r.disable():r.enable()}),c(()=>{(e==null?void 0:e.hidden)?r.hide():r.show()}),c(()=>{var s;r.setProps(n({},(s=e==null?void 0:e.props)!=null?s:{}))}),u(()=>{r.destroy()})}),()=>d()}export{k as tippy,H as tippyHeadless,v as useTippy,g as useTippyHeadless}; | ||
| 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,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const instance = makeTippy(target(), 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 return () => current();\n}\n\nexport function useTippyHeadless<T extends Element>(\n target: () => T,\n options?: TippyOptions,\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n const instance = makeHeadlessTippy(target(), 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 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,GAAW,EAAU,IAAU,EAAQ,IAAM,iBAAS,QAE5D,EAAW,GAEX,EAAe,IAAM,CACnB,AAAI,kBAAS,UACX,EAAS,UAET,EAAS,WAIb,EAAe,IAAM,CACnB,AAAI,kBAAS,QACX,EAAS,OAET,EAAS,SAIb,EAAe,IAAM,CAnHzB,MAoHM,EAAS,SAAS,KACZ,oBAAS,QAAT,OAAkB,OAI1B,EAAU,IAAM,CACd,EAAS,cAIN,IAAM,IAGR,WACL,EACA,EAC4B,CAC5B,GAAM,CAAC,EAAS,GAAc,IAE9B,SAAa,IAAM,CACjB,GAAM,GAAW,EAAkB,IAAU,EAAQ,IAAM,iBAAS,QAEpE,EAAW,GAEX,EAAe,IAAM,CACnB,AAAI,kBAAS,UACX,EAAS,UAET,EAAS,WAIb,EAAe,IAAM,CACnB,AAAI,kBAAS,QACX,EAAS,OAET,EAAS,SAIb,EAAe,IAAM,CA5JzB,MA6JM,EAAS,SAAS,KACZ,oBAAS,QAAT,OAAkB,OAI1B,EAAU,IAAM,CACd,EAAS,cAIN,IAAM", | ||
| "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": [] | ||
| } |
@@ -9,3 +9,3 @@ import { Instance, Props } from 'tippy.js'; | ||
| export declare function tippyHeadless<T extends Element>(target: T, opts: () => TippyOptions | undefined): void; | ||
| export declare function useTippy<T extends Element>(target: () => T, options?: TippyOptions): () => Instance | undefined; | ||
| export declare function useTippyHeadless<T extends Element>(target: () => T, options?: TippyOptions): () => Instance | undefined; | ||
| export declare function useTippy<T extends Element>(target: () => T | undefined | null, options?: TippyOptions): () => Instance | undefined; | ||
| export declare function useTippyHeadless<T extends Element>(target: () => T | undefined | null, options?: TippyOptions): () => Instance | undefined; |
+7
-7
| { | ||
| "name": "solid-tippy", | ||
| "version": "0.1.2", | ||
| "version": "0.1.3", | ||
| "types": "dist/types/index.d.ts", | ||
@@ -52,6 +52,6 @@ "main": "dist/cjs/production/index.js", | ||
| "@types/node": "^17.0.5", | ||
| "eslint": "^7.32.0", | ||
| "eslint-config-lxsmnsyc": "^0.3.0", | ||
| "eslint": "^8.7.0", | ||
| "eslint-config-lxsmnsyc": "^0.4.0", | ||
| "pridepack": "1.0.4", | ||
| "solid-js": "^1.2.6", | ||
| "solid-js": "^1.3.4", | ||
| "tippy.js": "^6.3.7", | ||
@@ -62,4 +62,4 @@ "tslib": "^2.3.1", | ||
| "peerDependencies": { | ||
| "solid-js": "^1.2.0", | ||
| "tippy.js": "^6.3.0" | ||
| "solid-js": "^1.2", | ||
| "tippy.js": "^6.3" | ||
| }, | ||
@@ -91,3 +91,3 @@ "description": "SolidJS bindings for Tippy.js", | ||
| }, | ||
| "gitHead": "ac8b2ed4c0bbfa869963d03b3f3a2f2a7b061d78" | ||
| "gitHead": "8c572bb69d1e80497669c1213eaf529b2771dcfc" | ||
| } |
+54
-48
@@ -90,3 +90,3 @@ import { | ||
| export function useTippy<T extends Element>( | ||
| target: () => T, | ||
| target: () => T | undefined | null, | ||
| options?: TippyOptions, | ||
@@ -97,31 +97,34 @@ ): () => Instance | undefined { | ||
| createEffect(() => { | ||
| const instance = makeTippy(target(), untrack(() => options?.props)); | ||
| const currentTarget = target(); | ||
| if (currentTarget) { | ||
| const instance = makeTippy(currentTarget, untrack(() => options?.props)); | ||
| setCurrent(instance); | ||
| setCurrent(instance); | ||
| createComputed(() => { | ||
| if (options?.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options?.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options?.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options?.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| instance.setProps({ | ||
| ...(options?.props ?? {}), | ||
| createComputed(() => { | ||
| instance.setProps({ | ||
| ...(options?.props ?? {}), | ||
| }); | ||
| }); | ||
| }); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
@@ -133,3 +136,3 @@ | ||
| export function useTippyHeadless<T extends Element>( | ||
| target: () => T, | ||
| target: () => T | undefined | null, | ||
| options?: TippyOptions, | ||
@@ -140,31 +143,34 @@ ): () => Instance | undefined { | ||
| createEffect(() => { | ||
| const instance = makeHeadlessTippy(target(), untrack(() => options?.props)); | ||
| const currentTarget = target(); | ||
| if (currentTarget) { | ||
| const instance = makeHeadlessTippy(currentTarget, untrack(() => options?.props)); | ||
| setCurrent(instance); | ||
| setCurrent(instance); | ||
| createComputed(() => { | ||
| if (options?.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options?.disabled) { | ||
| instance.disable(); | ||
| } else { | ||
| instance.enable(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options?.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| if (options?.hidden) { | ||
| instance.hide(); | ||
| } else { | ||
| instance.show(); | ||
| } | ||
| }); | ||
| createComputed(() => { | ||
| instance.setProps({ | ||
| ...(options?.props ?? {}), | ||
| createComputed(() => { | ||
| instance.setProps({ | ||
| ...(options?.props ?? {}), | ||
| }); | ||
| }); | ||
| }); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
@@ -171,0 +177,0 @@ |
46610
5.17%511
3.86%