diff --git a/dist/Sharee.05d84ac2.js b/dist/Sharee.60987b84.js similarity index 88% rename from dist/Sharee.05d84ac2.js rename to dist/Sharee.60987b84.js index 97554c0..aaca4af 100644 --- a/dist/Sharee.05d84ac2.js +++ b/dist/Sharee.60987b84.js @@ -2,7 +2,7 @@ var k = Object.defineProperty; var T = (o, s, e) => s in o ? k(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e; var n = (o, s, e) => (T(o, typeof s != "symbol" ? s + "" : s, e), e); import l from "lodash.merge"; -const u = { +const p = { showTransitionDuration: "200ms", lang: "fa", onLoad: () => { @@ -10,28 +10,28 @@ const u = { drivers: ["copy", "telegram", "facebook", "whatsapp", "twitter", "linkedin"], ripple: !0, mode: "normal" -}, m = "rtl", g = "\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u062A\u0644\u06AF\u0631\u0627\u0645", E = "\u06A9\u067E\u06CC \u0644\u06CC\u0646\u06A9", f = "\u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u06A9\u067E\u06CC \u0634\u062F!", C = "\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u0648\u0627\u062A\u0633\u0627\u067E", L = "\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u062A\u0648\u06CC\u06CC\u062A\u0631", v = "\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u0644\u06CC\u0646\u06A9\u062F\u06CC\u0646", w = "\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u0641\u06CC\u0633\u0628\u0648\u06A9", c = { - Direction: m, +}, E = "rtl", g = "\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u062A\u0644\u06AF\u0631\u0627\u0645", f = "\u06A9\u067E\u06CC \u0644\u06CC\u0646\u06A9", C = "\u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u06A9\u067E\u06CC \u0634\u062F!", L = "\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u0648\u0627\u062A\u0633\u0627\u067E", v = "\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u062A\u0648\u06CC\u06CC\u062A\u0631", w = "\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u0644\u06CC\u0646\u06A9\u062F\u06CC\u0646", x = "\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u0641\u06CC\u0633\u0628\u0648\u06A9", c = { + Direction: E, Telegram: g, - Copy_Link: E, - CopiedSuccessfully: f, - Whatsapp: C, - Twitter: L, - Linkedin: v, - Facebook: w + Copy_Link: f, + CopiedSuccessfully: C, + Whatsapp: L, + Twitter: v, + Linkedin: w, + Facebook: x }, D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, - Direction: m, + Direction: E, Telegram: g, - Copy_Link: E, - CopiedSuccessfully: f, - Whatsapp: C, - Twitter: L, - Linkedin: v, - Facebook: w, + Copy_Link: f, + CopiedSuccessfully: C, + Whatsapp: L, + Twitter: v, + Linkedin: w, + Facebook: x, default: c }, Symbol.toStringTag, { value: "Module" })); -class d { +class u { constructor() { n(this, "eventListeners", []); } @@ -48,7 +48,7 @@ const b = { type: "column", animation: "fade-down" }; -class x extends d { +class d extends u { constructor(e) { super(); n(this, "sharee"); @@ -158,16 +158,16 @@ class x extends d { this.driverListeners[e.buttonText] = [t, i, r], e.mainEl.addEventListener("mouseenter", t), e.mainEl.addEventListener("mouseleave", i), e.mainEl.addEventListener("click", r); } } -function p(o, s) { - var e; +function m(o, s) { + var e, t; do { - if ((e = o == null ? void 0 : o.className) != null && e.includes(s)) + if (typeof ((e = o == null ? void 0 : o.className) == null ? void 0 : e.includes) < "u" && ((t = o == null ? void 0 : o.className) == null ? void 0 : t.includes(s))) return !0; o = o.parentNode; } while (o); return !1; } -class _ extends x { +class _ extends d { constructor(s) { super(s), this.options.type = "row"; } @@ -213,13 +213,13 @@ class _ extends x { super.render(), this.shareeEl.classList.add("sharee__text"); } documentOnClick(s) { - p(s.target, "sharee__text") || this.hide(); + m(s.target, "sharee__text") || this.hide(); } elementOnMouseUp(s) { const e = s.currentTarget; setTimeout(() => { const t = this.getSelectedText(); - !t || p(e, "sharee__text") || (this.sharee.options.shareText = t, this.reRender(), setTimeout(() => { + !t || m(e, "sharee__text") || (this.sharee.options.shareText = t, this.reRender(), setTimeout(() => { this.show(), setTimeout(() => { this.setPosition(s); }); @@ -241,10 +241,10 @@ class _ extends x { return e.innerHTML = s.icon, s.mainEl.appendChild(e), s.mainEl; } } -const H = { +const M = { noTitle: !1 }; -class M extends d { +class H extends u { constructor(e) { super(); n(this, "sharee"); @@ -254,7 +254,7 @@ class M extends d { n(this, "driverListeners", {}); n(this, "hideTimeout", 0); n(this, "options"); - this.sharee = e, this.shareeEl = document.createElement("div"), this.options = l({}, H, e.options.modeOptions); + this.sharee = e, this.shareeEl = document.createElement("div"), this.options = l({}, M, e.options.modeOptions); } hide() { var e; @@ -320,7 +320,7 @@ const S = { position: "top-right", noTitle: !1 }; -class z extends d { +class O extends u { constructor(e) { super(); n(this, "sharee"); @@ -390,11 +390,40 @@ class z extends d { return i.innerHTML = e.getButtonText(), e.mainEl.appendChild(t), this.options.noTitle ? (e.mainEl.title = e.getButtonText(), e.mainEl.classList.add("sharee__no-title")) : e.mainEl.appendChild(i), e.mainEl.classList.add("sharee__driver__" + e.getName()), e.mainEl; } } -const O = { - dropdown: x, +class z extends d { + constructor(s) { + super(s), this.options.type = "row"; + } + destroy() { + super.destroy(); + } + render() { + super.render(), this.shareeEl.classList.add("sharee__text"), this.shareeEl.classList.add("sharee__hover"); + } + show() { + this.shareeEl.classList.add("showing"), setTimeout(() => { + this.shareeEl.classList.add("show"); + const s = this.sharee.targetElement.getBoundingClientRect(), e = s.x, t = s.y; + this.sharee.lang.Direction === "ltr" ? (this.shareeEl.style.left = `${e + s.width / 2}px`, this.shareeEl.style.right = "unset") : (this.shareeEl.style.right = `${e}px`, this.shareeEl.style.left = "unset"), this.shareeEl.style.top = `${t + s.height}px`; + }); + } + listenEvents() { + this.shareeEl.addEventListener("mouseenter", this.shareElOnMouseEnter.bind(this)), this.shareeEl.addEventListener("mouseleave", this.shareElOnMouseLeave.bind(this)); + const s = this.elementOnMouseEnter.bind(this), e = this.elementOnMouseLeave.bind(this); + this.sharee.targetElement.addEventListener("mouseenter", s), this.sharee.targetElement.addEventListener("mouseleave", e), this.eventListeners.push([this.sharee.targetElement, "mouseenter", s]), this.eventListeners.push([this.sharee.targetElement, "mouseleave", e]); + } + renderDriver(s) { + s.mainEl = document.createElement("a"), s.mainEl.title = s.getButtonText(), "getLink" in s && (s.mainEl.href = s.getLink()), this.initDriverStyles(s), this.listenDriverEvents(s); + const e = document.createElement("div"); + return e.innerHTML = s.icon, s.mainEl.appendChild(e), s.mainEl; + } +} +const R = { + dropdown: d, text: _, - normal: M, - fixed: z + normal: H, + fixed: O, + hover: z }; class a { constructor(s, e) { @@ -414,13 +443,13 @@ class a { return this.constructor.name; } } -const R = `\r +const B = `\r `; -class B extends a { +class $ extends a { constructor(e, t) { super(e, t); n(this, "buttonText", "Telegram"); - n(this, "icon", R); + n(this, "icon", B); n(this, "backgroundColor", "#0088CC"); n(this, "backgroundHoverColor", "#0371aa"); n(this, "textColor", "#fff"); @@ -431,7 +460,7 @@ class B extends a { return `https://telegram.me/share/url?url=${(e = this.options) == null ? void 0 : e.shareLink}&text=${encodeURIComponent((t = this.options) == null ? void 0 : t.shareText)}`; } } -const $ = `\r +const I = `\r \r \r @@ -456,11 +485,11 @@ const $ = `\r \r \r `; -class I extends a { +class P extends a { constructor(e, t) { super(e, t); n(this, "buttonText", "Whatsapp"); - n(this, "icon", $); + n(this, "icon", I); n(this, "backgroundColor", "#25D366"); n(this, "backgroundHoverColor", "#20bd5a"); n(this, "textColor", "#fff"); @@ -472,14 +501,14 @@ class I extends a { ${(t = this.options) == null ? void 0 : t.shareLink}`; } } -const P = `\r +const V = `\r \r `; -class V extends a { +class F extends a { constructor(e, t) { super(e, t); n(this, "buttonText", "Copy Link"); - n(this, "icon", P); + n(this, "icon", V); n(this, "backgroundColor", "#797979"); n(this, "backgroundHoverColor", "#5e5e5e"); n(this, "textColor", "#fff"); @@ -501,7 +530,7 @@ class V extends a { }); } } -const F = `\r +const A = `\r `; -class A extends a { +class U extends a { constructor(e, t) { super(e, t); n(this, "buttonText", "Linkedin"); - n(this, "icon", N); + n(this, "icon", A); n(this, "backgroundColor", "#0077B5"); n(this, "backgroundHoverColor", "#026092"); n(this, "textColor", "#fff"); @@ -547,15 +576,15 @@ class A extends a { return `https://www.linkedin.com/sharing/share-offsite/?url=${(e = this.options) == null ? void 0 : e.shareLink}`; } } -const U = `\r +const W = `\r \r \r `; -class W extends a { +class X extends a { constructor(e, t) { super(e, t); n(this, "buttonText", "Facebook"); - n(this, "icon", U); + n(this, "icon", W); n(this, "backgroundColor", "#4267B2"); n(this, "backgroundHoverColor", "#355696"); n(this, "textColor", "#fff"); @@ -566,22 +595,22 @@ class W extends a { return `https://twitter.com/share?text=${encodeURIComponent((e = this.options) == null ? void 0 : e.shareText)}&url=${(t = this.options) == null ? void 0 : t.shareLink}`; } } -const X = new Object({ - telegram: B, - whatsapp: I, - copy: V, +const q = new Object({ + telegram: $, + whatsapp: P, + copy: F, twitter: j, - linkedin: A, - facebook: W + linkedin: U, + facebook: X }); class h { - constructor(s, e = u) { + constructor(s, e = p) { n(this, "options"); n(this, "lang", c); n(this, "strategy"); n(this, "targetElement"); - this.targetElement = s, this.options = l({}, u, e), this.options.drivers = e.drivers || this.options.drivers; - const t = O[this.options.mode]; + this.targetElement = s, this.options = l({}, p, e), this.options.drivers = e.drivers || this.options.drivers; + const t = R[this.options.mode]; if (typeof t > "u") throw new Error('Selected mode "' + e.mode + '" not found'); this.strategy = new t(this), this.init().then(() => { @@ -611,7 +640,7 @@ class h { this.strategy.destroy(); } } -n(h, "drivers", { ...X }); +n(h, "drivers", { ...q }); export { h as S }; diff --git a/dist/sharee-react.js.js b/dist/sharee-react.js.js index 73dcb17..f400d89 100644 --- a/dist/sharee-react.js.js +++ b/dist/sharee-react.js.js @@ -1,5 +1,5 @@ import { useRef as n, useEffect as u } from "react"; -import { S as o } from "./Sharee.05d84ac2.js"; +import { S as o } from "./Sharee.60987b84.js"; import { jsx as f } from "react/jsx-runtime"; import "lodash.merge"; function m(e) { diff --git a/dist/sharee-vue.js.js b/dist/sharee-vue.js.js index 29275d4..b879325 100644 --- a/dist/sharee-vue.js.js +++ b/dist/sharee-vue.js.js @@ -1,5 +1,5 @@ import { defineComponent as a, ref as r, onMounted as s, onUnmounted as u, openBlock as p, createElementBlock as i } from "vue"; -import { S as c } from "./Sharee.05d84ac2.js"; +import { S as c } from "./Sharee.60987b84.js"; import "lodash.merge"; const _ = /* @__PURE__ */ a({ __name: "Sharee", diff --git a/dist/sharee.js b/dist/sharee.js index f6bb0a3..4d5303e 100644 --- a/dist/sharee.js +++ b/dist/sharee.js @@ -1,4 +1,4 @@ -import { S as a } from "./Sharee.05d84ac2.js"; +import { S as a } from "./Sharee.60987b84.js"; import "lodash.merge"; export { a as default diff --git a/dist/sharee.min.js b/dist/sharee.min.js index f52f928..a1c8f1b 100644 --- a/dist/sharee.min.js +++ b/dist/sharee.min.js @@ -1,6 +1,6 @@ -(function(){"use strict";try{if(typeof document!="undefined"){var r=document.createElement("style");r.appendChild(document.createTextNode(".sharee__normal{min-width:13em;display:flex;flex-direction:row;background:white;--border-radius: 5px;border-radius:var(--border-radius);border:none}.sharee__normal a[href]{text-decoration:none}.sharee__normal svg{width:1.9em;max-height:1.9em;vertical-align:middle}.sharee__normal.sharee__rtl{direction:rtl}.sharee__normal>*{display:flex;justify-content:start;align-items:center;background:white;padding-top:3px;padding-bottom:4px;padding-inline-end:10px;padding-inline-start:5px;cursor:pointer;max-width:1.58em;white-space:nowrap;overflow:hidden}.sharee__normal>*:not(.sharee__no-title):hover{max-width:10em}.sharee__normal>*>*:first-child{margin-inline-end:.3em}.sharee__normal>*:hover{background:#ebebeb}.sharee__normal>*:first-child:not(:last-child){border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.sharee__normal>*:last-child:not(:first-child){border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__normal.sharee__normal__grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.sharee__normal.sharee__normal__grid>*{border-radius:0!important}.sharee__modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;opacity:0;transition:.3s all}.sharee__modal.showing{display:block}.sharee__modal.show{opacity:1}.sharee__modal .sharee__modal__content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.sharee__modal__close{color:#aaa;float:right;font-size:28px;font-weight:700}.sharee__modal__close:hover,.sharee__modal__close:focus{color:#000;text-decoration:none;cursor:pointer}.sharee__modal svg{width:1.9em;max-height:1.9em}.sharee__modal.sharee__rtl{direction:rtl}.sharee__modal>*{display:flex;justify-content:start;align-items:center;background:white;padding:2px 7px 2px 10px;cursor:pointer;max-width:1.58em;white-space:nowrap;overflow:hidden}.sharee__modal>*:hover{max-width:10em}.sharee__modal>* svg{transform:translateY(.13em)}.sharee__modal>*>*:first-child{margin-inline-end:.3em}.sharee__modal>*:hover{background:#ebebeb}.sharee__modal>*:first-child:not(:last-child){border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.sharee__modal>*:last-child:not(:first-child){border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__modal.sharee__modal__grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.sharee__modal.sharee__modal__grid>*{border-radius:0!important}.sharee__fixed{display:block;position:fixed;z-index:1;overflow:auto;transition:.3s all;border-start-end-radius:5px;border-end-end-radius:5px;--border-radius: 5px}.sharee__fixed a[href]{text-decoration:none}.sharee__fixed.sharee__position__top-right{right:0;top:10vh;direction:rtl!important}.sharee__fixed.sharee__position__top-left{left:0;top:10vh;direction:ltr!important}.sharee__fixed.sharee__position__bottom-left{left:0;bottom:10vh;direction:ltr!important}.sharee__fixed.sharee__position__bottom-right{bottom:10vh;right:0;direction:rtl!important}.sharee__fixed svg{width:1.9em;max-height:1.9em;vertical-align:middle}.sharee__fixed.sharee__rtl{direction:rtl}.sharee__fixed>*{display:flex;justify-content:start;align-items:center;background:white;padding-inline-start:2px;padding-inline-end:9px;padding-top:5px;padding-bottom:4px;cursor:pointer;max-width:1.58em;white-space:nowrap;overflow:hidden}.sharee__fixed>*:not(.sharee__no-title):hover{max-width:10em}.sharee__fixed>*>*:first-child{margin-inline-end:.3em}.sharee__fixed>*:hover{background:#ebebeb}.sharee__fixed>*:not(.sharee__no-title):hover{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__fixed>*:first-child{border-start-end-radius:var(--border-radius)}.sharee__fixed>*:last-child{border-end-end-radius:var(--border-radius)}.sharee__text.sharee__dropdown{min-width:unset;left:-1000px}.sharee__text.sharee__dropdown>*{padding:0 4px}.sharee__dropdown.sharee__text>*>*:first-child{margin-inline-end:unset}.sharee__text.sharee__dropdown svg{vertical-align:middle}.sharee__dropdown{position:fixed;min-width:13em;display:flex;flex-direction:column;background:white;--border-radius: 5px;border-radius:var(--border-radius);border:1px solid #c5c5c5;box-shadow:#3a3d42a6 0 1px,#0000007f 0 4px 16px -7px}.sharee__dropdown a[href]{text-decoration:none}.sharee__dropdown:not(.show):not(.showing){display:none!important}.sharee__dropdown.sharee__dropdown__row{border:none;box-shadow:#0000007f 0 1px 16px -7px}.sharee__dropdown.sharee__dropdown__row{flex-direction:row}.sharee__dropdown svg{width:1.9em;max-height:1.9em;vertical-align:middle}.sharee__dropdown.sharee__rtl{direction:rtl}.sharee__dropdown>*{display:flex;justify-content:start;align-items:center;background:white;padding:2px 7px 2px 10px;cursor:pointer;min-height:2.6em}.sharee__dropdown:not(.sharee__dropdown__row)>*:first-child:last-child{border-radius:inherit}.sharee__dropdown:not(.sharee__dropdown__row)>*:first-child:not(:last-child){border-radius:var(--border-radius) var(--border-radius) 0 0}.sharee__dropdown:not(.sharee__dropdown__row)>*:last-child:not(:first-child){border-radius:0 0 var(--border-radius) var(--border-radius)}.sharee__dropdown>*>*:first-child{margin-inline-end:.3em}.sharee__dropdown>*:hover{background:#ebebeb}.sharee__dropdown.fade:not(.show){opacity:0}.sharee__dropdown.fade.show{opacity:1}.sharee__dropdown.fade-down:not(.show){opacity:0;transform:translateY(-10px)}.sharee__dropdown.fade-down.show{opacity:1;transform:translateY(0)}.sharee__dropdown.sharee__dropdown__row>*:first-child:not(:last-child){border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.sharee__dropdown.sharee__dropdown__row>*:last-child:not(:first-child){border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__dropdown.sharee__dropdown__grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.sharee__dropdown.sharee__dropdown__grid>*{border-radius:0!important}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})(); -(function(x,w){typeof exports=="object"&&typeof module<"u"?module.exports=w():typeof define=="function"&&define.amd?define(w):(x=typeof globalThis<"u"?globalThis:x||self,x.Sharee=w())})(this,function(){"use strict";var fr=Object.defineProperty;var pr=(x,w,S)=>w in x?fr(x,w,{enumerable:!0,configurable:!0,writable:!0,value:S}):x[w]=S;var o=(x,w,S)=>(pr(x,typeof w!="symbol"?w+"":w,S),S);function x(g,s){for(var t=0;ti[h]})}}}return Object.freeze(Object.defineProperty(g,Symbol.toStringTag,{value:"Module"}))}const w={showTransitionDuration:"200ms",lang:"fa",onLoad:()=>{},drivers:["copy","telegram","facebook","whatsapp","twitter","linkedin"],ripple:!0,mode:"normal"},S="rtl",Ye="\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u062A\u0644\u06AF\u0631\u0627\u0645",Je="\u06A9\u067E\u06CC \u0644\u06CC\u0646\u06A9",Qe="\u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u06A9\u067E\u06CC \u0634\u062F!",et="\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u0648\u0627\u062A\u0633\u0627\u067E",tt="\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u062A\u0648\u06CC\u06CC\u062A\u0631",nt="\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u0644\u06CC\u0646\u06A9\u062F\u06CC\u0646",rt="\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u0641\u06CC\u0633\u0628\u0648\u06A9",xe={Direction:S,Telegram:Ye,Copy_Link:Je,CopiedSuccessfully:Qe,Whatsapp:et,Twitter:tt,Linkedin:nt,Facebook:rt},Ht=Object.freeze(Object.defineProperty({__proto__:null,Direction:S,Telegram:Ye,Copy_Link:Je,CopiedSuccessfully:Qe,Whatsapp:et,Twitter:tt,Linkedin:nt,Facebook:rt,default:xe},Symbol.toStringTag,{value:"Module"}));class De{constructor(){o(this,"eventListeners",[])}resolveDriver(s){if(console.log(X.drivers),X.drivers.hasOwnProperty(s))return X.drivers[s];throw new Error(`Unknown driver: ${s}`)}shouldRenderDriver(s){return!0}}var W=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},Oe={exports:{}};(function(g,s){var t=200,i="__lodash_hash_undefined__",h=800,d=16,M=9007199254740991,$="[object Arguments]",ne="[object Array]",re="[object AsyncFunction]",ie="[object Boolean]",se="[object Date]",oe="[object Error]",ae="[object Function]",Me="[object GeneratorFunction]",Z="[object Map]",B="[object Number]",le="[object Null]",q="[object Object]",He="[object Proxy]",K="[object RegExp]",ce="[object Set]",l="[object String]",u="[object Undefined]",c="[object WeakMap]",C="[object ArrayBuffer]",_="[object DataView]",j="[object Float32Array]",je="[object Float64Array]",Pe="[object Int8Array]",ze="[object Int16Array]",Ae="[object Int32Array]",he="[object Uint8Array]",Ie="[object Uint8ClampedArray]",ue="[object Uint16Array]",Re="[object Uint32Array]",fe=/[\\^$.*+?()[\]{}|]/g,pe=/^\[object .+?Constructor\]$/,de=/^(?:0|[1-9]\d*)$/,m={};m[j]=m[je]=m[Pe]=m[ze]=m[Ae]=m[he]=m[Ie]=m[ue]=m[Re]=!0,m[$]=m[ne]=m[C]=m[ie]=m[_]=m[se]=m[oe]=m[ae]=m[Z]=m[B]=m[q]=m[K]=m[ce]=m[l]=m[c]=!1;var Y=typeof W=="object"&&W&&W.Object===Object&&W,b=typeof self=="object"&&self&&self.Object===Object&&self,D=Y||b||Function("return this")(),N=s&&!s.nodeType&&s,H=N&&!0&&g&&!g.nodeType&&g,J=H&&H.exports===N,P=J&&Y.process,ge=function(){try{var e=H&&H.require&&H.require("util").types;return e||P&&P.binding&&P.binding("util")}catch{}}(),F=ge&&ge.isTypedArray;function me(e,n,r){switch(r.length){case 0:return e.call(n);case 1:return e.call(n,r[0]);case 2:return e.call(n,r[0],r[1]);case 3:return e.call(n,r[0],r[1],r[2])}return e.apply(n,r)}function ve(e,n){for(var r=-1,a=Array(e);++r-1}function wn(e,n){var r=this.__data__,a=we(r,e);return a<0?(++this.size,r.push([e,n])):r[a][1]=n,this}k.prototype.clear=yn,k.prototype.delete=En,k.prototype.get=Cn,k.prototype.has=_n,k.prototype.set=wn;function U(e){var n=-1,r=e==null?0:e.length;for(this.clear();++n1?r[p-1]:void 0,y=p>2?r[2]:void 0;for(v=e.length>3&&typeof v=="function"?(p--,v):void 0,y&&Yn(r[0],r[1],y)&&(v=p<3?void 0:v,p=1),n=Object(n);++a-1&&e%1==0&&e0){if(++n>=h)return arguments[0]}else n=0;return e.apply(void 0,arguments)}}function sr(e){if(e!=null){try{return Ee.call(e)}catch{}try{return e+""}catch{}}return""}function Le(e,n){return e===n||e!==e&&n!==n}var We=wt(function(){return arguments}())?wt:function(e){return ee(e)&&O.call(e,"callee")&&!ln.call(e,"callee")},Ge=Array.isArray;function Xe(e){return e!=null&&Dt(e.length)&&!Ze(e)}function or(e){return ee(e)&&Xe(e)}var xt=hn||ur;function Ze(e){if(!I(e))return!1;var n=be(e);return n==ae||n==Me||n==re||n==He}function Dt(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=M}function I(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}function ee(e){return e!=null&&typeof e=="object"}function ar(e){if(!ee(e)||be(e)!=q)return!1;var n=yt(e);if(n===null)return!0;var r=O.call(n,"constructor")&&n.constructor;return typeof r=="function"&&r instanceof r&&Ee.call(r)==on}var Ot=F?$e(F):In;function lr(e){return Gn(e,kt(e))}function kt(e){return Xe(e)?jn(e,!0):Rn(e)}var cr=Xn(function(e,n,r){bt(e,n,r)});function hr(e){return function(){return e}}function St(e){return e}function ur(){return!1}g.exports=cr})(Oe,Oe.exports);const G=Oe.exports,jt={type:"column",animation:"fade-down"};class it extends De{constructor(t){super();o(this,"sharee");o(this,"elementHovering",!1);o(this,"shareeElHovering",!1);o(this,"shareeEl");o(this,"driverListeners",{});o(this,"hideTimeout",0);o(this,"options");this.sharee=t,this.shareeEl=document.createElement("div"),this.options=G({},jt,t.options.modeOptions)}show(){this.shareeEl.classList.add("showing"),setTimeout(()=>{this.shareeEl.classList.add("show");const t=this.sharee.targetElement.getBoundingClientRect(),i=t.x,h=t.y;this.sharee.lang.Direction==="ltr"?(this.shareeEl.style.left=`${i}px`,this.shareeEl.style.right="unset"):(this.shareeEl.style.right=`${i}px`,this.shareeEl.style.left="unset"),this.shareeEl.style.top=`${h+t.height}px`})}hide(){var t;(t=this.shareeEl)==null||t.classList.remove("show"),clearTimeout(this.hideTimeout),this.hideTimeout=setTimeout(()=>{var i;(i=this.shareeEl)==null||i.classList.remove("showing")},Number.parseInt(this.sharee.options.showTransitionDuration))}elementOnMouseEnter(){this.elementHovering=!0,this.show()}elementOnMouseLeave(){setTimeout(()=>this.elementHovering=!1),setTimeout(()=>{this.shareeElHovering||this.hide()})}shareElOnMouseEnter(){this.elementHovering&&this.show(),this.shareeElHovering=!0}shareElOnMouseLeave(){setTimeout(()=>this.shareeElHovering=!1),setTimeout(()=>{this.elementHovering||this.hide()})}listenEvents(){this.shareeEl.addEventListener("mouseenter",this.shareElOnMouseEnter.bind(this)),this.shareeEl.addEventListener("mouseleave",this.shareElOnMouseLeave.bind(this));const t=this.elementOnMouseEnter.bind(this),i=this.elementOnMouseLeave.bind(this);this.sharee.targetElement.addEventListener("mouseenter",t),this.sharee.targetElement.addEventListener("mouseleave",i),this.eventListeners.push([this.sharee.targetElement,"mouseenter",t]),this.eventListeners.push([this.sharee.targetElement,"mouseleave",i])}destroy(){window.shareeEl=this.shareeEl,this.eventListeners.forEach(t=>{t[0].removeEventListener(t[1],t[2])}),this.shareeEl.parentElement.removeChild(this.shareeEl)}reRender(){this.destroy(),setTimeout(()=>{this.render()})}render(){this.shareeEl=document.createElement("div"),this.shareeEl.classList.add("sharee__dropdown"),this.shareeEl.classList.add("sharee__"+this.sharee.lang.Direction),this.shareeEl.classList.add(this.options.animation),this.shareeEl.style.transition="all "+this.sharee.options.showTransitionDuration,this.shareeEl.style.transitionProperty="transform, opacity";for(let t of this.sharee.options.drivers){if(!this.shouldRenderDriver(t))continue;const i=this.resolveDriver(t),h=new i(this.sharee.lang,{lang:this.sharee.lang,shareText:this.sharee.getShareText(),shareLink:this.sharee.getShareLink(),ripple:this.sharee.options.ripple}),d=this.renderDriver(h);this.shareeEl.appendChild(d)}document.body.appendChild(this.shareeEl),this.listenEvents(),this.options.type==="grid"?this.shareeEl.classList.add("sharee__dropdown__grid"):this.options.type==="row"&&this.shareeEl.classList.add("sharee__dropdown__row")}onDriverMouseEnter(t){return()=>{t.mainEl.style.backgroundColor=t.backgroundHoverColor,t.mainEl.style.color=t.textHoverColor}}onDriverMouseLeave(t){return()=>{this.initDriverStyles(t)}}onDriverClick(t){return i=>{t.onClick(i)}}initDriverStyles(t){var i,h;t.mainEl.style.backgroundColor=t.backgroundColor,t.mainEl.style.color=t.textColor,t.mainEl.style.transition=(((i=t.options)==null?void 0:i.transitionDuration)||"200ms")+" all",(h=t.options)!=null&&h.ripple&&this.initRipple(t)}initRipple(t){t.rippleInitialized||(t.rippleInitialized=!0,Promise.resolve().then(()=>Se).then(i=>{i.default(t.mainEl,{background:t.rippleColor})}))}renderDriver(t){t.mainEl=document.createElement("a"),"getLink"in t&&(t.mainEl.href=t.getLink()),this.initDriverStyles(t),this.listenDriverEvents(t);const i=document.createElement("div");i.innerHTML=t.icon;const h=document.createElement("div");return h.innerHTML=t.getButtonText(),t.mainEl.appendChild(i),t.mainEl.appendChild(h),t.mainEl}listenDriverEvents(t){const i=this.onDriverMouseEnter(t),h=this.onDriverMouseLeave(t),d=this.onDriverClick(t);this.driverListeners[t.buttonText]=[i,h,d],t.mainEl.addEventListener("mouseenter",i),t.mainEl.addEventListener("mouseleave",h),t.mainEl.addEventListener("click",d)}}function st(g,s){var t;do{if((t=g==null?void 0:g.className)!=null&&t.includes(s))return!0;g=g.parentNode}while(g);return!1}class Pt extends it{constructor(s){super(s),this.options.type="row"}show(){this.shareeEl.classList.add("showing"),setTimeout(()=>{this.shareeEl.classList.add("show")})}getDistanceFromTop(){return window.pageXOffset||document.documentElement.scrollTop||document.body.scrollTop}getTooltipPosition(){let s;try{s=window.getSelection().getRangeAt(0).getBoundingClientRect()}catch{return{left:0,top:0}}const t=30,i=s.top,h=s.left+(s.width-t*this.sharee.options.drivers.length)/2;return{top:i,left:h}}setPosition(s){this.shareeEl.style.right="unset";const{left:t,top:i}=this.getTooltipPosition();return t===0?(this.hide(),!1):(s.x+300>window.innerWidth?this.shareeEl.style.left=t+"px":this.shareeEl.style.left=t+"px",this.shareeEl.style.top=`${i+26}px`,!0)}shouldRenderDriver(s){return s!=="copy"}getSelectedText(){var s;try{window.getSelection().getRangeAt(0)}catch{return!1}return window.getSelection?(s=window.getSelection())==null?void 0:s.toString():typeof document.selection<"u"?document.selection.createRange().text:""}destroy(){super.destroy(),window.removeEventListener("resize",this.windowOnResize)}render(){super.render(),this.shareeEl.classList.add("sharee__text")}documentOnClick(s){st(s.target,"sharee__text")||this.hide()}elementOnMouseUp(s){const t=s.currentTarget;setTimeout(()=>{const i=this.getSelectedText();!i||st(t,"sharee__text")||(this.sharee.options.shareText=i,this.reRender(),setTimeout(()=>{this.show(),setTimeout(()=>{this.setPosition(s)})}))})}windowOnResize(){this.hide()}listenEvents(){const s=this.elementOnMouseUp.bind(this),t=this.documentOnClick.bind(this);this.sharee.targetElement.addEventListener("mouseup",s),document.addEventListener("click",t);const i=this.windowOnResize.bind(this);window.addEventListener("resize",i),this.eventListeners.push([this.sharee.targetElement,"mouseup",s]),this.eventListeners.push([document,"click",t]),this.eventListeners.push([window,"resize",i])}renderDriver(s){s.mainEl=document.createElement("a"),s.mainEl.title=s.getButtonText(),"getLink"in s&&(s.mainEl.href=s.getLink()),this.initDriverStyles(s),this.listenDriverEvents(s);const t=document.createElement("div");return t.innerHTML=s.icon,s.mainEl.appendChild(t),s.mainEl}}const zt={noTitle:!1};class At extends De{constructor(t){super();o(this,"sharee");o(this,"elementHovering",!1);o(this,"shareeElHovering",!1);o(this,"shareeEl");o(this,"driverListeners",{});o(this,"hideTimeout",0);o(this,"options");this.sharee=t,this.shareeEl=document.createElement("div"),this.options=G({},zt,t.options.modeOptions)}hide(){var t;(t=this.shareeEl)==null||t.classList.remove("show"),clearTimeout(this.hideTimeout),this.hideTimeout=setTimeout(()=>{var i;(i=this.shareeEl)==null||i.classList.remove("showing")},Number.parseInt(this.sharee.options.showTransitionDuration))}destroy(){this.eventListeners.forEach(t=>{t[0].removeEventListener(t[1],t[2])}),this.shareeEl.parentElement.removeChild(this.shareeEl)}reRender(){this.destroy(),setTimeout(()=>{this.render()})}render(){this.shareeEl=document.createElement("div"),this.shareeEl.classList.add("sharee__normal"),this.shareeEl.classList.add("sharee__"+this.sharee.lang.Direction),this.shareeEl.style.transition="all "+this.sharee.options.showTransitionDuration,this.shareeEl.style.transitionProperty="transform, opacity";for(let t of this.sharee.options.drivers){if(!this.shouldRenderDriver(t))continue;const i=this.resolveDriver(t),h=new i(this.sharee.lang,{lang:this.sharee.lang,shareText:this.sharee.getShareText(),shareLink:this.sharee.getShareLink(),ripple:this.sharee.options.ripple}),d=this.renderDriver(h);this.shareeEl.appendChild(d)}this.sharee.targetElement.appendChild(this.shareeEl)}onDriverClick(t){return i=>{t.onClick(i)}}initDriverStyles(t){var i,h;t.mainEl.style.backgroundColor=t.backgroundColor,t.mainEl.style.color=t.textColor,t.mainEl.style.transition=(((i=t.options)==null?void 0:i.transitionDuration)||"200ms")+" background, 1s max-width",(h=t.options)!=null&&h.ripple&&this.initRipple(t)}initRipple(t){t.rippleInitialized||(t.rippleInitialized=!0,Promise.resolve().then(()=>Se).then(i=>{i.default(t.mainEl,{background:t.rippleColor})}))}renderDriver(t){t.mainEl=document.createElement("a"),"getLink"in t&&(t.mainEl.href=t.getLink()),this.initDriverStyles(t),this.listenDriverEvents(t);const i=document.createElement("div");i.innerHTML=t.icon;const h=document.createElement("div");return h.innerHTML=t.getButtonText(),t.mainEl.appendChild(i),this.options.noTitle?(t.mainEl.title=t.getButtonText(),t.mainEl.classList.add("sharee__no-title")):t.mainEl.appendChild(h),t.mainEl.classList.add("sharee__driver__"+t.getName()),t.mainEl}listenDriverEvents(t){const i=this.onDriverClick(t);this.driverListeners[t.buttonText]=[i],t.mainEl.addEventListener("click",i)}}const It={position:"top-right",noTitle:!1};class Rt extends De{constructor(t){super();o(this,"sharee");o(this,"shareeEl");o(this,"driverListeners",{});o(this,"options");this.sharee=t,this.shareeEl=document.createElement("div"),this.options=G({},It,t.options.modeOptions)}destroy(){window.shareeEl=this.shareeEl,console.log(this.shareeEl),this.eventListeners.forEach(t=>{t[0].removeEventListener(t[1],t[2])}),this.shareeEl.parentElement.removeChild(this.shareeEl)}reRender(){this.destroy(),setTimeout(()=>{this.render()})}getPositionClass(){}render(){this.shareeEl=document.createElement("div"),this.shareeEl.classList.add("sharee__fixed"),this.shareeEl.classList.add("sharee__"+this.sharee.lang.Direction),this.shareeEl.classList.add("sharee__position__"+this.options.position),this.shareeEl.style.transition="all "+this.sharee.options.showTransitionDuration,this.shareeEl.style.transitionProperty="transform, opacity";for(let t of this.sharee.options.drivers){if(!this.shouldRenderDriver(t))continue;const i=this.resolveDriver(t),h=new i(this.sharee.lang,{lang:this.sharee.lang,shareText:this.sharee.getShareText(),shareLink:this.sharee.getShareLink(),ripple:this.sharee.options.ripple}),d=this.renderDriver(h);this.shareeEl.appendChild(d)}document.body.appendChild(this.shareeEl)}onDriverMouseEnter(t){return()=>{t.mainEl.style.backgroundColor=t.backgroundHoverColor,t.mainEl.style.color=t.textHoverColor}}onDriverMouseLeave(t){return()=>{this.initDriverStyles(t)}}onDriverClick(t){return i=>{t.onClick(i)}}initDriverStyles(t){var i,h;t.mainEl.style.backgroundColor=t.backgroundColor,t.mainEl.style.color=t.textColor,t.mainEl.style.transition=(((i=t.options)==null?void 0:i.transitionDuration)||"200ms")+" all",(h=t.options)!=null&&h.ripple&&this.initRipple(t)}initRipple(t){t.rippleInitialized||(t.rippleInitialized=!0,Promise.resolve().then(()=>Se).then(i=>{i.default(t.mainEl,{background:t.rippleColor})}))}renderDriver(t){t.mainEl=document.createElement("a"),"getLink"in t&&(t.mainEl.href=t.getLink()),this.initDriverStyles(t);const i=document.createElement("div");i.innerHTML=t.icon;const h=document.createElement("div");return h.innerHTML=t.getButtonText(),t.mainEl.appendChild(i),this.options.noTitle?(t.mainEl.title=t.getButtonText(),t.mainEl.classList.add("sharee__no-title")):t.mainEl.appendChild(h),t.mainEl.classList.add("sharee__driver__"+t.getName()),t.mainEl}}const $t={dropdown:it,text:Pt,normal:At,fixed:Rt},dr="";class R{constructor(s,t){o(this,"lang");o(this,"mainEl",null);o(this,"options");o(this,"rippleColor","#ffffff75");o(this,"rippleInitialized",!1);this.options=t,this.lang=s}getButtonText(){return this.lang[this.buttonText.replaceAll(" ","_")]||this.buttonText}onClick(s){}getName(){return this.constructor.name}}const Bt=`\r -`;class Nt extends R{constructor(t,i){super(t,i);o(this,"buttonText","Telegram");o(this,"icon",Bt);o(this,"backgroundColor","#0088CC");o(this,"backgroundHoverColor","#0371aa");o(this,"textColor","#fff");o(this,"textHoverColor","#fff")}getLink(){var t,i;return`https://telegram.me/share/url?url=${(t=this.options)==null?void 0:t.shareLink}&text=${encodeURIComponent((i=this.options)==null?void 0:i.shareText)}`}}const Ft=`\r +(function(){"use strict";try{if(typeof document!="undefined"){var r=document.createElement("style");r.appendChild(document.createTextNode(".sharee__normal{min-width:13em;display:flex;flex-direction:row;background:white;--border-radius: 5px;border-radius:var(--border-radius);border:none}.sharee__normal a[href]{text-decoration:none}.sharee__normal svg{width:1.9em;max-height:1.9em;vertical-align:middle}.sharee__normal.sharee__rtl{direction:rtl}.sharee__normal>*{display:flex;justify-content:start;align-items:center;background:white;padding-top:3px;padding-bottom:4px;padding-inline-end:10px;padding-inline-start:5px;cursor:pointer;max-width:1.58em;white-space:nowrap;overflow:hidden}.sharee__normal>*:not(.sharee__no-title):hover{max-width:10em}.sharee__normal>*>*:first-child{margin-inline-end:.3em}.sharee__normal>*:hover{background:#ebebeb}.sharee__normal>*:first-child:not(:last-child){border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.sharee__normal>*:last-child:not(:first-child){border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__normal.sharee__normal__grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.sharee__normal.sharee__normal__grid>*{border-radius:0!important}.sharee__modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;opacity:0;transition:.3s all}.sharee__modal.showing{display:block}.sharee__modal.show{opacity:1}.sharee__modal .sharee__modal__content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.sharee__modal__close{color:#aaa;float:right;font-size:28px;font-weight:700}.sharee__modal__close:hover,.sharee__modal__close:focus{color:#000;text-decoration:none;cursor:pointer}.sharee__modal svg{width:1.9em;max-height:1.9em}.sharee__modal.sharee__rtl{direction:rtl}.sharee__modal>*{display:flex;justify-content:start;align-items:center;background:white;padding:2px 7px 2px 10px;cursor:pointer;max-width:1.58em;white-space:nowrap;overflow:hidden}.sharee__modal>*:hover{max-width:10em}.sharee__modal>* svg{transform:translateY(.13em)}.sharee__modal>*>*:first-child{margin-inline-end:.3em}.sharee__modal>*:hover{background:#ebebeb}.sharee__modal>*:first-child:not(:last-child){border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.sharee__modal>*:last-child:not(:first-child){border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__modal.sharee__modal__grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.sharee__modal.sharee__modal__grid>*{border-radius:0!important}.sharee__fixed{display:block;position:fixed;z-index:1;overflow:auto;transition:.3s all;border-start-end-radius:5px;border-end-end-radius:5px;--border-radius: 5px}.sharee__fixed a[href]{text-decoration:none}.sharee__fixed.sharee__position__top-right{right:0;top:10vh;direction:rtl!important}.sharee__fixed.sharee__position__top-left{left:0;top:10vh;direction:ltr!important}.sharee__fixed.sharee__position__bottom-left{left:0;bottom:10vh;direction:ltr!important}.sharee__fixed.sharee__position__bottom-right{bottom:10vh;right:0;direction:rtl!important}.sharee__fixed svg{width:1.9em;max-height:1.9em;vertical-align:middle}.sharee__fixed.sharee__rtl{direction:rtl}.sharee__fixed>*{display:flex;justify-content:start;align-items:center;background:white;padding-inline-start:2px;padding-inline-end:9px;padding-top:5px;padding-bottom:4px;cursor:pointer;max-width:1.58em;white-space:nowrap;overflow:hidden}.sharee__fixed>*:not(.sharee__no-title):hover{max-width:10em}.sharee__fixed>*>*:first-child{margin-inline-end:.3em}.sharee__fixed>*:hover{background:#ebebeb}.sharee__fixed>*:not(.sharee__no-title):hover{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__fixed>*:first-child{border-start-end-radius:var(--border-radius)}.sharee__fixed>*:last-child{border-end-end-radius:var(--border-radius)}.sharee__text.sharee__dropdown{min-width:unset;left:-1000px}.sharee__text.sharee__dropdown>*{padding:0 4px}.sharee__dropdown.sharee__text>*>*:first-child{margin-inline-end:unset}.sharee__text.sharee__dropdown svg{vertical-align:middle}.sharee__dropdown{position:fixed;min-width:13em;display:flex;flex-direction:column;background:white;--border-radius: 5px;border-radius:var(--border-radius);border:1px solid #c5c5c5;box-shadow:#3a3d42a6 0 1px,#0000007f 0 4px 16px -7px}.sharee__dropdown a[href]{text-decoration:none}.sharee__dropdown:not(.show):not(.showing){display:none!important}.sharee__dropdown.sharee__dropdown__row{border:none;box-shadow:#0000007f 0 1px 16px -7px}.sharee__dropdown.sharee__dropdown__row{flex-direction:row}.sharee__dropdown svg{width:1.9em;max-height:1.9em;vertical-align:middle}.sharee__dropdown.sharee__rtl{direction:rtl}.sharee__dropdown>*{display:flex;justify-content:start;align-items:center;background:white;padding:2px 7px 2px 10px;cursor:pointer;min-height:2.6em}.sharee__dropdown:not(.sharee__dropdown__row)>*:first-child:last-child{border-radius:inherit}.sharee__dropdown:not(.sharee__dropdown__row)>*:first-child:not(:last-child){border-radius:var(--border-radius) var(--border-radius) 0 0}.sharee__dropdown:not(.sharee__dropdown__row)>*:last-child:not(:first-child){border-radius:0 0 var(--border-radius) var(--border-radius)}.sharee__dropdown>*>*:first-child{margin-inline-end:.3em}.sharee__dropdown>*:hover{background:#ebebeb}.sharee__dropdown.fade:not(.show){opacity:0}.sharee__dropdown.fade.show{opacity:1}.sharee__dropdown.fade-down:not(.show){opacity:0;transform:translateY(-10px)}.sharee__dropdown.fade-down.show{opacity:1;transform:translateY(0)}.sharee__dropdown.sharee__dropdown__row>*:first-child:not(:last-child){border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.sharee__dropdown.sharee__dropdown__row>*:last-child:not(:first-child){border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__dropdown.sharee__dropdown__grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.sharee__dropdown.sharee__dropdown__grid>*{border-radius:0!important}.sharee__hover,.sharee__dropdown.fade-down.sharee__hover.show{transform:translate(-50%)}.sharee__dropdown.fade-down:not(.show){transform:translate(-50%,-10px)}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})(); +(function(x,w){typeof exports=="object"&&typeof module<"u"?module.exports=w():typeof define=="function"&&define.amd?define(w):(x=typeof globalThis<"u"?globalThis:x||self,x.Sharee=w())})(this,function(){"use strict";var pr=Object.defineProperty;var fr=(x,w,S)=>w in x?pr(x,w,{enumerable:!0,configurable:!0,writable:!0,value:S}):x[w]=S;var o=(x,w,S)=>(fr(x,typeof w!="symbol"?w+"":w,S),S);function x(p,s){for(var t=0;ti[c]})}}}return Object.freeze(Object.defineProperty(p,Symbol.toStringTag,{value:"Module"}))}const w={showTransitionDuration:"200ms",lang:"fa",onLoad:()=>{},drivers:["copy","telegram","facebook","whatsapp","twitter","linkedin"],ripple:!0,mode:"normal"},S="rtl",Je="\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u062A\u0644\u06AF\u0631\u0627\u0645",Qe="\u06A9\u067E\u06CC \u0644\u06CC\u0646\u06A9",et="\u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u06A9\u067E\u06CC \u0634\u062F!",tt="\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u0648\u0627\u062A\u0633\u0627\u067E",nt="\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u062A\u0648\u06CC\u06CC\u062A\u0631",rt="\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u0644\u06CC\u0646\u06A9\u062F\u06CC\u0646",it="\u0627\u0634\u062A\u0631\u0627\u06A9 \u062F\u0631 \u0641\u06CC\u0633\u0628\u0648\u06A9",xe={Direction:S,Telegram:Je,Copy_Link:Qe,CopiedSuccessfully:et,Whatsapp:tt,Twitter:nt,Linkedin:rt,Facebook:it},Ht=Object.freeze(Object.defineProperty({__proto__:null,Direction:S,Telegram:Je,Copy_Link:Qe,CopiedSuccessfully:et,Whatsapp:tt,Twitter:nt,Linkedin:rt,Facebook:it,default:xe},Symbol.toStringTag,{value:"Module"}));class De{constructor(){o(this,"eventListeners",[])}resolveDriver(s){if(console.log(X.drivers),X.drivers.hasOwnProperty(s))return X.drivers[s];throw new Error(`Unknown driver: ${s}`)}shouldRenderDriver(s){return!0}}var W=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},Oe={exports:{}};(function(p,s){var t=200,i="__lodash_hash_undefined__",c=800,g=16,M=9007199254740991,$="[object Arguments]",ne="[object Array]",re="[object AsyncFunction]",ie="[object Boolean]",se="[object Date]",oe="[object Error]",ae="[object Function]",He="[object GeneratorFunction]",Z="[object Map]",B="[object Number]",le="[object Null]",q="[object Object]",je="[object Proxy]",K="[object RegExp]",he="[object Set]",l="[object String]",u="[object Undefined]",h="[object WeakMap]",C="[object ArrayBuffer]",_="[object DataView]",j="[object Float32Array]",Pe="[object Float64Array]",ze="[object Int8Array]",Ae="[object Int16Array]",Re="[object Int32Array]",ce="[object Uint8Array]",Ie="[object Uint8ClampedArray]",ue="[object Uint16Array]",$e="[object Uint32Array]",de=/[\\^$.*+?()[\]{}|]/g,pe=/^\[object .+?Constructor\]$/,fe=/^(?:0|[1-9]\d*)$/,m={};m[j]=m[Pe]=m[ze]=m[Ae]=m[Re]=m[ce]=m[Ie]=m[ue]=m[$e]=!0,m[$]=m[ne]=m[C]=m[ie]=m[_]=m[se]=m[oe]=m[ae]=m[Z]=m[B]=m[q]=m[K]=m[he]=m[l]=m[h]=!1;var Y=typeof W=="object"&&W&&W.Object===Object&&W,b=typeof self=="object"&&self&&self.Object===Object&&self,D=Y||b||Function("return this")(),N=s&&!s.nodeType&&s,H=N&&!0&&p&&!p.nodeType&&p,J=H&&H.exports===N,P=J&&Y.process,ge=function(){try{var e=H&&H.require&&H.require("util").types;return e||P&&P.binding&&P.binding("util")}catch{}}(),F=ge&&ge.isTypedArray;function me(e,n,r){switch(r.length){case 0:return e.call(n);case 1:return e.call(n,r[0]);case 2:return e.call(n,r[0],r[1]);case 3:return e.call(n,r[0],r[1],r[2])}return e.apply(n,r)}function ve(e,n){for(var r=-1,a=Array(e);++r-1}function bn(e,n){var r=this.__data__,a=we(r,e);return a<0?(++this.size,r.push([e,n])):r[a][1]=n,this}k.prototype.clear=yn,k.prototype.delete=Cn,k.prototype.get=_n,k.prototype.has=wn,k.prototype.set=bn;function U(e){var n=-1,r=e==null?0:e.length;for(this.clear();++n1?r[f-1]:void 0,E=f>2?r[2]:void 0;for(v=e.length>3&&typeof v=="function"?(f--,v):void 0,E&&Jn(r[0],r[1],E)&&(v=f<3?void 0:v,f=1),n=Object(n);++a-1&&e%1==0&&e0){if(++n>=c)return arguments[0]}else n=0;return e.apply(void 0,arguments)}}function or(e){if(e!=null){try{return ye.call(e)}catch{}try{return e+""}catch{}}return""}function Te(e,n){return e===n||e!==e&&n!==n}var Ge=wt(function(){return arguments}())?wt:function(e){return ee(e)&&O.call(e,"callee")&&!hn.call(e,"callee")},Xe=Array.isArray;function Ze(e){return e!=null&&Dt(e.length)&&!qe(e)}function ar(e){return ee(e)&&Ze(e)}var xt=un||dr;function qe(e){if(!R(e))return!1;var n=be(e);return n==ae||n==He||n==re||n==je}function Dt(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=M}function R(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}function ee(e){return e!=null&&typeof e=="object"}function lr(e){if(!ee(e)||be(e)!=q)return!1;var n=Et(e);if(n===null)return!0;var r=O.call(n,"constructor")&&n.constructor;return typeof r=="function"&&r instanceof r&&ye.call(r)==an}var Ot=F?Be(F):In;function hr(e){return Xn(e,kt(e))}function kt(e){return Ze(e)?Pn(e,!0):$n(e)}var cr=Zn(function(e,n,r){bt(e,n,r)});function ur(e){return function(){return e}}function St(e){return e}function dr(){return!1}p.exports=cr})(Oe,Oe.exports);const G=Oe.exports,jt={type:"column",animation:"fade-down"};class ke extends De{constructor(t){super();o(this,"sharee");o(this,"elementHovering",!1);o(this,"shareeElHovering",!1);o(this,"shareeEl");o(this,"driverListeners",{});o(this,"hideTimeout",0);o(this,"options");this.sharee=t,this.shareeEl=document.createElement("div"),this.options=G({},jt,t.options.modeOptions)}show(){this.shareeEl.classList.add("showing"),setTimeout(()=>{this.shareeEl.classList.add("show");const t=this.sharee.targetElement.getBoundingClientRect(),i=t.x,c=t.y;this.sharee.lang.Direction==="ltr"?(this.shareeEl.style.left=`${i}px`,this.shareeEl.style.right="unset"):(this.shareeEl.style.right=`${i}px`,this.shareeEl.style.left="unset"),this.shareeEl.style.top=`${c+t.height}px`})}hide(){var t;(t=this.shareeEl)==null||t.classList.remove("show"),clearTimeout(this.hideTimeout),this.hideTimeout=setTimeout(()=>{var i;(i=this.shareeEl)==null||i.classList.remove("showing")},Number.parseInt(this.sharee.options.showTransitionDuration))}elementOnMouseEnter(){this.elementHovering=!0,this.show()}elementOnMouseLeave(){setTimeout(()=>this.elementHovering=!1),setTimeout(()=>{this.shareeElHovering||this.hide()})}shareElOnMouseEnter(){this.elementHovering&&this.show(),this.shareeElHovering=!0}shareElOnMouseLeave(){setTimeout(()=>this.shareeElHovering=!1),setTimeout(()=>{this.elementHovering||this.hide()})}listenEvents(){this.shareeEl.addEventListener("mouseenter",this.shareElOnMouseEnter.bind(this)),this.shareeEl.addEventListener("mouseleave",this.shareElOnMouseLeave.bind(this));const t=this.elementOnMouseEnter.bind(this),i=this.elementOnMouseLeave.bind(this);this.sharee.targetElement.addEventListener("mouseenter",t),this.sharee.targetElement.addEventListener("mouseleave",i),this.eventListeners.push([this.sharee.targetElement,"mouseenter",t]),this.eventListeners.push([this.sharee.targetElement,"mouseleave",i])}destroy(){window.shareeEl=this.shareeEl,this.eventListeners.forEach(t=>{t[0].removeEventListener(t[1],t[2])}),this.shareeEl.parentElement.removeChild(this.shareeEl)}reRender(){this.destroy(),setTimeout(()=>{this.render()})}render(){this.shareeEl=document.createElement("div"),this.shareeEl.classList.add("sharee__dropdown"),this.shareeEl.classList.add("sharee__"+this.sharee.lang.Direction),this.shareeEl.classList.add(this.options.animation),this.shareeEl.style.transition="all "+this.sharee.options.showTransitionDuration,this.shareeEl.style.transitionProperty="transform, opacity";for(let t of this.sharee.options.drivers){if(!this.shouldRenderDriver(t))continue;const i=this.resolveDriver(t),c=new i(this.sharee.lang,{lang:this.sharee.lang,shareText:this.sharee.getShareText(),shareLink:this.sharee.getShareLink(),ripple:this.sharee.options.ripple}),g=this.renderDriver(c);this.shareeEl.appendChild(g)}document.body.appendChild(this.shareeEl),this.listenEvents(),this.options.type==="grid"?this.shareeEl.classList.add("sharee__dropdown__grid"):this.options.type==="row"&&this.shareeEl.classList.add("sharee__dropdown__row")}onDriverMouseEnter(t){return()=>{t.mainEl.style.backgroundColor=t.backgroundHoverColor,t.mainEl.style.color=t.textHoverColor}}onDriverMouseLeave(t){return()=>{this.initDriverStyles(t)}}onDriverClick(t){return i=>{t.onClick(i)}}initDriverStyles(t){var i,c;t.mainEl.style.backgroundColor=t.backgroundColor,t.mainEl.style.color=t.textColor,t.mainEl.style.transition=(((i=t.options)==null?void 0:i.transitionDuration)||"200ms")+" all",(c=t.options)!=null&&c.ripple&&this.initRipple(t)}initRipple(t){t.rippleInitialized||(t.rippleInitialized=!0,Promise.resolve().then(()=>Me).then(i=>{i.default(t.mainEl,{background:t.rippleColor})}))}renderDriver(t){t.mainEl=document.createElement("a"),"getLink"in t&&(t.mainEl.href=t.getLink()),this.initDriverStyles(t),this.listenDriverEvents(t);const i=document.createElement("div");i.innerHTML=t.icon;const c=document.createElement("div");return c.innerHTML=t.getButtonText(),t.mainEl.appendChild(i),t.mainEl.appendChild(c),t.mainEl}listenDriverEvents(t){const i=this.onDriverMouseEnter(t),c=this.onDriverMouseLeave(t),g=this.onDriverClick(t);this.driverListeners[t.buttonText]=[i,c,g],t.mainEl.addEventListener("mouseenter",i),t.mainEl.addEventListener("mouseleave",c),t.mainEl.addEventListener("click",g)}}function st(p,s){var t,i;do{if(typeof((t=p==null?void 0:p.className)==null?void 0:t.includes)<"u"&&((i=p==null?void 0:p.className)==null?void 0:i.includes(s)))return!0;p=p.parentNode}while(p);return!1}class Pt extends ke{constructor(s){super(s),this.options.type="row"}show(){this.shareeEl.classList.add("showing"),setTimeout(()=>{this.shareeEl.classList.add("show")})}getDistanceFromTop(){return window.pageXOffset||document.documentElement.scrollTop||document.body.scrollTop}getTooltipPosition(){let s;try{s=window.getSelection().getRangeAt(0).getBoundingClientRect()}catch{return{left:0,top:0}}const t=30,i=s.top,c=s.left+(s.width-t*this.sharee.options.drivers.length)/2;return{top:i,left:c}}setPosition(s){this.shareeEl.style.right="unset";const{left:t,top:i}=this.getTooltipPosition();return t===0?(this.hide(),!1):(s.x+300>window.innerWidth?this.shareeEl.style.left=t+"px":this.shareeEl.style.left=t+"px",this.shareeEl.style.top=`${i+26}px`,!0)}shouldRenderDriver(s){return s!=="copy"}getSelectedText(){var s;try{window.getSelection().getRangeAt(0)}catch{return!1}return window.getSelection?(s=window.getSelection())==null?void 0:s.toString():typeof document.selection<"u"?document.selection.createRange().text:""}destroy(){super.destroy(),window.removeEventListener("resize",this.windowOnResize)}render(){super.render(),this.shareeEl.classList.add("sharee__text")}documentOnClick(s){st(s.target,"sharee__text")||this.hide()}elementOnMouseUp(s){const t=s.currentTarget;setTimeout(()=>{const i=this.getSelectedText();!i||st(t,"sharee__text")||(this.sharee.options.shareText=i,this.reRender(),setTimeout(()=>{this.show(),setTimeout(()=>{this.setPosition(s)})}))})}windowOnResize(){this.hide()}listenEvents(){const s=this.elementOnMouseUp.bind(this),t=this.documentOnClick.bind(this);this.sharee.targetElement.addEventListener("mouseup",s),document.addEventListener("click",t);const i=this.windowOnResize.bind(this);window.addEventListener("resize",i),this.eventListeners.push([this.sharee.targetElement,"mouseup",s]),this.eventListeners.push([document,"click",t]),this.eventListeners.push([window,"resize",i])}renderDriver(s){s.mainEl=document.createElement("a"),s.mainEl.title=s.getButtonText(),"getLink"in s&&(s.mainEl.href=s.getLink()),this.initDriverStyles(s),this.listenDriverEvents(s);const t=document.createElement("div");return t.innerHTML=s.icon,s.mainEl.appendChild(t),s.mainEl}}const zt={noTitle:!1};class At extends De{constructor(t){super();o(this,"sharee");o(this,"elementHovering",!1);o(this,"shareeElHovering",!1);o(this,"shareeEl");o(this,"driverListeners",{});o(this,"hideTimeout",0);o(this,"options");this.sharee=t,this.shareeEl=document.createElement("div"),this.options=G({},zt,t.options.modeOptions)}hide(){var t;(t=this.shareeEl)==null||t.classList.remove("show"),clearTimeout(this.hideTimeout),this.hideTimeout=setTimeout(()=>{var i;(i=this.shareeEl)==null||i.classList.remove("showing")},Number.parseInt(this.sharee.options.showTransitionDuration))}destroy(){this.eventListeners.forEach(t=>{t[0].removeEventListener(t[1],t[2])}),this.shareeEl.parentElement.removeChild(this.shareeEl)}reRender(){this.destroy(),setTimeout(()=>{this.render()})}render(){this.shareeEl=document.createElement("div"),this.shareeEl.classList.add("sharee__normal"),this.shareeEl.classList.add("sharee__"+this.sharee.lang.Direction),this.shareeEl.style.transition="all "+this.sharee.options.showTransitionDuration,this.shareeEl.style.transitionProperty="transform, opacity";for(let t of this.sharee.options.drivers){if(!this.shouldRenderDriver(t))continue;const i=this.resolveDriver(t),c=new i(this.sharee.lang,{lang:this.sharee.lang,shareText:this.sharee.getShareText(),shareLink:this.sharee.getShareLink(),ripple:this.sharee.options.ripple}),g=this.renderDriver(c);this.shareeEl.appendChild(g)}this.sharee.targetElement.appendChild(this.shareeEl)}onDriverClick(t){return i=>{t.onClick(i)}}initDriverStyles(t){var i,c;t.mainEl.style.backgroundColor=t.backgroundColor,t.mainEl.style.color=t.textColor,t.mainEl.style.transition=(((i=t.options)==null?void 0:i.transitionDuration)||"200ms")+" background, 1s max-width",(c=t.options)!=null&&c.ripple&&this.initRipple(t)}initRipple(t){t.rippleInitialized||(t.rippleInitialized=!0,Promise.resolve().then(()=>Me).then(i=>{i.default(t.mainEl,{background:t.rippleColor})}))}renderDriver(t){t.mainEl=document.createElement("a"),"getLink"in t&&(t.mainEl.href=t.getLink()),this.initDriverStyles(t),this.listenDriverEvents(t);const i=document.createElement("div");i.innerHTML=t.icon;const c=document.createElement("div");return c.innerHTML=t.getButtonText(),t.mainEl.appendChild(i),this.options.noTitle?(t.mainEl.title=t.getButtonText(),t.mainEl.classList.add("sharee__no-title")):t.mainEl.appendChild(c),t.mainEl.classList.add("sharee__driver__"+t.getName()),t.mainEl}listenDriverEvents(t){const i=this.onDriverClick(t);this.driverListeners[t.buttonText]=[i],t.mainEl.addEventListener("click",i)}}const Rt={position:"top-right",noTitle:!1};class It extends De{constructor(t){super();o(this,"sharee");o(this,"shareeEl");o(this,"driverListeners",{});o(this,"options");this.sharee=t,this.shareeEl=document.createElement("div"),this.options=G({},Rt,t.options.modeOptions)}destroy(){window.shareeEl=this.shareeEl,console.log(this.shareeEl),this.eventListeners.forEach(t=>{t[0].removeEventListener(t[1],t[2])}),this.shareeEl.parentElement.removeChild(this.shareeEl)}reRender(){this.destroy(),setTimeout(()=>{this.render()})}getPositionClass(){}render(){this.shareeEl=document.createElement("div"),this.shareeEl.classList.add("sharee__fixed"),this.shareeEl.classList.add("sharee__"+this.sharee.lang.Direction),this.shareeEl.classList.add("sharee__position__"+this.options.position),this.shareeEl.style.transition="all "+this.sharee.options.showTransitionDuration,this.shareeEl.style.transitionProperty="transform, opacity";for(let t of this.sharee.options.drivers){if(!this.shouldRenderDriver(t))continue;const i=this.resolveDriver(t),c=new i(this.sharee.lang,{lang:this.sharee.lang,shareText:this.sharee.getShareText(),shareLink:this.sharee.getShareLink(),ripple:this.sharee.options.ripple}),g=this.renderDriver(c);this.shareeEl.appendChild(g)}document.body.appendChild(this.shareeEl)}onDriverMouseEnter(t){return()=>{t.mainEl.style.backgroundColor=t.backgroundHoverColor,t.mainEl.style.color=t.textHoverColor}}onDriverMouseLeave(t){return()=>{this.initDriverStyles(t)}}onDriverClick(t){return i=>{t.onClick(i)}}initDriverStyles(t){var i,c;t.mainEl.style.backgroundColor=t.backgroundColor,t.mainEl.style.color=t.textColor,t.mainEl.style.transition=(((i=t.options)==null?void 0:i.transitionDuration)||"200ms")+" all",(c=t.options)!=null&&c.ripple&&this.initRipple(t)}initRipple(t){t.rippleInitialized||(t.rippleInitialized=!0,Promise.resolve().then(()=>Me).then(i=>{i.default(t.mainEl,{background:t.rippleColor})}))}renderDriver(t){t.mainEl=document.createElement("a"),"getLink"in t&&(t.mainEl.href=t.getLink()),this.initDriverStyles(t);const i=document.createElement("div");i.innerHTML=t.icon;const c=document.createElement("div");return c.innerHTML=t.getButtonText(),t.mainEl.appendChild(i),this.options.noTitle?(t.mainEl.title=t.getButtonText(),t.mainEl.classList.add("sharee__no-title")):t.mainEl.appendChild(c),t.mainEl.classList.add("sharee__driver__"+t.getName()),t.mainEl}}class $t extends ke{constructor(s){super(s),this.options.type="row"}destroy(){super.destroy()}render(){super.render(),this.shareeEl.classList.add("sharee__text"),this.shareeEl.classList.add("sharee__hover")}show(){this.shareeEl.classList.add("showing"),setTimeout(()=>{this.shareeEl.classList.add("show");const s=this.sharee.targetElement.getBoundingClientRect(),t=s.x,i=s.y;this.sharee.lang.Direction==="ltr"?(this.shareeEl.style.left=`${t+s.width/2}px`,this.shareeEl.style.right="unset"):(this.shareeEl.style.right=`${t}px`,this.shareeEl.style.left="unset"),this.shareeEl.style.top=`${i+s.height}px`})}listenEvents(){this.shareeEl.addEventListener("mouseenter",this.shareElOnMouseEnter.bind(this)),this.shareeEl.addEventListener("mouseleave",this.shareElOnMouseLeave.bind(this));const s=this.elementOnMouseEnter.bind(this),t=this.elementOnMouseLeave.bind(this);this.sharee.targetElement.addEventListener("mouseenter",s),this.sharee.targetElement.addEventListener("mouseleave",t),this.eventListeners.push([this.sharee.targetElement,"mouseenter",s]),this.eventListeners.push([this.sharee.targetElement,"mouseleave",t])}renderDriver(s){s.mainEl=document.createElement("a"),s.mainEl.title=s.getButtonText(),"getLink"in s&&(s.mainEl.href=s.getLink()),this.initDriverStyles(s),this.listenDriverEvents(s);const t=document.createElement("div");return t.innerHTML=s.icon,s.mainEl.appendChild(t),s.mainEl}}const Bt={dropdown:ke,text:Pt,normal:At,fixed:It,hover:$t},gr="";class I{constructor(s,t){o(this,"lang");o(this,"mainEl",null);o(this,"options");o(this,"rippleColor","#ffffff75");o(this,"rippleInitialized",!1);this.options=t,this.lang=s}getButtonText(){return this.lang[this.buttonText.replaceAll(" ","_")]||this.buttonText}onClick(s){}getName(){return this.constructor.name}}const Nt=`\r +`;class Ft extends I{constructor(t,i){super(t,i);o(this,"buttonText","Telegram");o(this,"icon",Nt);o(this,"backgroundColor","#0088CC");o(this,"backgroundHoverColor","#0371aa");o(this,"textColor","#fff");o(this,"textHoverColor","#fff")}getLink(){var t,i;return`https://telegram.me/share/url?url=${(t=this.options)==null?void 0:t.shareLink}&text=${encodeURIComponent((i=this.options)==null?void 0:i.shareText)}`}}const Ut=`\r \r \r @@ -24,10 +24,10 @@ \r \r \r -`;class Ut extends R{constructor(t,i){super(t,i);o(this,"buttonText","Whatsapp");o(this,"icon",Ft);o(this,"backgroundColor","#25D366");o(this,"backgroundHoverColor","#20bd5a");o(this,"textColor","#fff");o(this,"textHoverColor","#fff")}getLink(){var t,i;return`whatsapp://send?text=${(t=this.options)==null?void 0:t.shareText} - ${(i=this.options)==null?void 0:i.shareLink}`}}const Vt=`\r +`;class Vt extends I{constructor(t,i){super(t,i);o(this,"buttonText","Whatsapp");o(this,"icon",Ut);o(this,"backgroundColor","#25D366");o(this,"backgroundHoverColor","#20bd5a");o(this,"textColor","#fff");o(this,"textHoverColor","#fff")}getLink(){var t,i;return`whatsapp://send?text=${(t=this.options)==null?void 0:t.shareText} + ${(i=this.options)==null?void 0:i.shareLink}`}}const Wt=`\r \r -`;class Wt extends R{constructor(t,i){super(t,i);o(this,"buttonText","Copy Link");o(this,"icon",Vt);o(this,"backgroundColor","#797979");o(this,"backgroundHoverColor","#5e5e5e");o(this,"textColor","#fff");o(this,"textHoverColor","#fff");o(this,"timeout",0)}onClick(t){super.onClick(t);const i=this.lang.CopiedSuccessfully,d=t.currentTarget.querySelector("div:nth-child(2)");if(d.innerHTML===i){d.innerHTML=this.getButtonText();return}let M=window.location.href;navigator.clipboard.writeText(M).then(()=>{d.innerHTML=i,d.style.transition="300ms all",d.style.transform="scale(1)",d.style.transform=`scale(1.07) translateX(${this.lang.Direction==="rtl"?"-":""}4px)`,clearTimeout(this.timeout),this.timeout=setTimeout(()=>{d.innerHTML=this.getButtonText(),d.style.transition="none",d.style.transform="scale(1)"},5e3)})}}const Gt=`{g.innerHTML=i,g.style.transition="300ms all",g.style.transform="scale(1)",g.style.transform=`scale(1.07) translateX(${this.lang.Direction==="rtl"?"-":""}4px)`,clearTimeout(this.timeout),this.timeout=setTimeout(()=>{g.innerHTML=this.getButtonText(),g.style.transition="none",g.style.transform="scale(1)"},5e3)})}}const Xt=`\r \r \r -`;class Xt extends R{constructor(t,i){super(t,i);o(this,"buttonText","Twitter");o(this,"icon",Gt);o(this,"backgroundColor","#1DA1F2");o(this,"backgroundHoverColor","#1a93dd");o(this,"textColor","#fff");o(this,"textHoverColor","#fff")}getLink(){var t,i;return`https://twitter.com/share?text=${encodeURIComponent((t=this.options)==null?void 0:t.shareText)}&url=${(i=this.options)==null?void 0:i.shareLink}`}}const Zt=`\r -`;class qt extends R{constructor(t,i){super(t,i);o(this,"buttonText","Linkedin");o(this,"icon",Zt);o(this,"backgroundColor","#0077B5");o(this,"backgroundHoverColor","#026092");o(this,"textColor","#fff");o(this,"textHoverColor","#fff")}getLink(){var t;return`https://www.linkedin.com/sharing/share-offsite/?url=${(t=this.options)==null?void 0:t.shareLink}`}}const Kt=`\r +`;class Zt extends I{constructor(t,i){super(t,i);o(this,"buttonText","Twitter");o(this,"icon",Xt);o(this,"backgroundColor","#1DA1F2");o(this,"backgroundHoverColor","#1a93dd");o(this,"textColor","#fff");o(this,"textHoverColor","#fff")}getLink(){var t,i;return`https://twitter.com/share?text=${encodeURIComponent((t=this.options)==null?void 0:t.shareText)}&url=${(i=this.options)==null?void 0:i.shareLink}`}}const qt=`\r +`;class Kt extends I{constructor(t,i){super(t,i);o(this,"buttonText","Linkedin");o(this,"icon",qt);o(this,"backgroundColor","#0077B5");o(this,"backgroundHoverColor","#026092");o(this,"textColor","#fff");o(this,"textHoverColor","#fff")}getLink(){var t;return`https://www.linkedin.com/sharing/share-offsite/?url=${(t=this.options)==null?void 0:t.shareLink}`}}const Yt=`\r \r \r -`;class Yt extends R{constructor(t,i){super(t,i);o(this,"buttonText","Facebook");o(this,"icon",Kt);o(this,"backgroundColor","#4267B2");o(this,"backgroundHoverColor","#355696");o(this,"textColor","#fff");o(this,"textHoverColor","#fff")}getLink(){var t,i;return`https://twitter.com/share?text=${encodeURIComponent((t=this.options)==null?void 0:t.shareText)}&url=${(i=this.options)==null?void 0:i.shareLink}`}}const Jt=new Object({telegram:Nt,whatsapp:Ut,copy:Wt,twitter:Xt,linkedin:qt,facebook:Yt});class X{constructor(s,t=w){o(this,"options");o(this,"lang",xe);o(this,"strategy");o(this,"targetElement");this.targetElement=s,this.options=G({},w,t),this.options.drivers=t.drivers||this.options.drivers;const i=$t[this.options.mode];if(typeof i>"u")throw new Error('Selected mode "'+t.mode+'" not found');this.strategy=new i(this),this.init().then(()=>{this.strategy.render()})}static addDriver(s,t){this.drivers[s]=t}async init(){this.targetElement.sharee=this,await this.setLang(this.options.lang,this.options.langs)}async setLang(s,t={}){const i=Object.assign({"../locales/en.json":()=>Promise.resolve().then(()=>en),"../locales/fa.json":()=>Promise.resolve().then(()=>Ht)});let h=xe;for(const d in i)d.includes(s)&&(i[d]instanceof Function?h={...await i[d]()}:h={...i[d]},t[s]&&G(h,t[s]));this.lang=h}getShareText(){return this.options.shareText||document.title}getShareLink(){return this.options.shareLink||window.location.href}destroy(){this.strategy.destroy()}}o(X,"drivers",{...Jt});var ke={exports:{}};/*! +`;class Jt extends I{constructor(t,i){super(t,i);o(this,"buttonText","Facebook");o(this,"icon",Yt);o(this,"backgroundColor","#4267B2");o(this,"backgroundHoverColor","#355696");o(this,"textColor","#fff");o(this,"textHoverColor","#fff")}getLink(){var t,i;return`https://twitter.com/share?text=${encodeURIComponent((t=this.options)==null?void 0:t.shareText)}&url=${(i=this.options)==null?void 0:i.shareLink}`}}const Qt=new Object({telegram:Ft,whatsapp:Vt,copy:Gt,twitter:Zt,linkedin:Kt,facebook:Jt});class X{constructor(s,t=w){o(this,"options");o(this,"lang",xe);o(this,"strategy");o(this,"targetElement");this.targetElement=s,this.options=G({},w,t),this.options.drivers=t.drivers||this.options.drivers;const i=Bt[this.options.mode];if(typeof i>"u")throw new Error('Selected mode "'+t.mode+'" not found');this.strategy=new i(this),this.init().then(()=>{this.strategy.render()})}static addDriver(s,t){this.drivers[s]=t}async init(){this.targetElement.sharee=this,await this.setLang(this.options.lang,this.options.langs)}async setLang(s,t={}){const i=Object.assign({"../locales/en.json":()=>Promise.resolve().then(()=>tn),"../locales/fa.json":()=>Promise.resolve().then(()=>Ht)});let c=xe;for(const g in i)g.includes(s)&&(i[g]instanceof Function?c={...await i[g]()}:c={...i[g]},t[s]&&G(c,t[s]));this.lang=c}getShareText(){return this.options.shareText||document.title}getShareLink(){return this.options.shareLink||window.location.href}destroy(){this.strategy.destroy()}}o(X,"drivers",{...Qt});var Se={exports:{}};/*! * ripple-effects * customizable ripple effect with one line of code * * @version v1.0.2 * @author Cris Fandiño - */(function(g,s){(function(t,i){g.exports=i()})(W,function(){function t(l,u,c){return u in l?Object.defineProperty(l,u,{value:c,enumerable:!0,configurable:!0,writable:!0}):l[u]=c,l}function i(l,u){var c=Object.keys(l);if(Object.getOwnPropertySymbols){var C=Object.getOwnPropertySymbols(l);u&&(C=C.filter(function(_){return Object.getOwnPropertyDescriptor(l,_).enumerable})),c.push.apply(c,C)}return c}function h(l){for(var u=1;u-1}function ie(l){var u,c={top:0,left:0};return u=(l&&l.ownerDocument).documentElement,l.getBoundingClientRect!==void 0&&(c=l.getBoundingClientRect()),{top:c.top+window.pageYOffset-u.clientTop,left:c.left+window.pageXOffset-u.clientLeft}}function se(l){for(var u=[],c=0;c1&&arguments[1]!==void 0?arguments[1]:document,c=l instanceof HTMLCollection||l instanceof NodeList;return c?se(l):l instanceof Element?[l]:se(u.querySelectorAll(l))}var ae=Object.freeze({__proto__:null,tag:M,styles:$,edit:ne,isSelfTag:re,offset:ie,elementToArray:oe}),Me={background:"rgb(150,150,150)",opacity:.5,zIndex:99,duration:700,timing:"ease",outDuration:800},Z=M,B=ne,le=ie,q=oe,He=re,K=$;function ce(){var l=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"_",u=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},c=u=h(h({},Me),u),C=c.background,_=c.opacity,j=c.zIndex,je=c.duration,Pe=c.timing,ze=c.height,Ae=c.width,he=c.triggerOnChild,Ie=he===void 0||he,ue=c.triggerExcept,Re=ue===void 0?"_":ue,fe=c.outDuration,pe="ontouchstart"in window;function de(b){if(!(q(Re,this).indexOf(b.target)>-1)&&(b.target===this||Ie)){var D,N;K(this,"position").toLowerCase()==="static"&&(this.style.position="relative");var H=le(this).top,J=le(this).left;try{if(b.touches[1])return;N=b.touches[0].pageX-J,D=b.touches[0].pageY-H}catch{N=b.pageX-J,D=b.pageY-H}var P=this.offsetWidth,ge=this.offsetHeight,F=Z("div",{appendTo:this,className:"ripleParent__",style:{zIndex:j,height:ge+"px",width:P+"px",borderRadius:K(this,"borderRadius"),clipPath:K(this,"clipPath"),transition:"opacity ".concat(fe,"ms linear")}});Z("div",{appendTo:F,className:"riple__",style:{top:D+"px",left:N+"px",opacity:_,width:Ae||P*Math.PI+"px",height:ze||P*Math.PI+"px",background:C,animation:"ripple__ ".concat(je,"ms ").concat(Pe," both")}});var me=pe?"touchend touchcancel":"mouseleave mouseup";B(this).on(me,function ve(){var $e=this;F.style.opacity=0,setTimeout(function(){return $e.removeChild(F)},fe),B(this).off(me,ve)})}}var m=q(l),Y=pe?"touchstart":"mousedown";return m.forEach(function(b){if(He(b))return console.error("Ripple is not allowed on self closing tag you need to wrap it");B(b).on(Y,de)}),{destroy:function(){m.forEach(function(b){return B(b).off(Y,de)})}}}return Z("style",{innerHTML:".ripleParent__{pointer-events:none;overflow:hidden;background:transparent;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.riple__{border-radius:50%;position: absolute;will-change:transform; pointer-events:none;}@keyframes ripple__{0%{transform: translate(-50%,-50%) scale(0);}100%{transform: translate(-50%,-50%) scale(1);}}",appendTo:document.head}),ce.utils=ae,ce})})(ke);const Qt=ke.exports,Se=x({__proto__:null,default:Qt},[ke.exports]),ot="ltr",at="Copied successfully",lt="Telegram",ct="Copy Link",ht="Whatsapp",ut="Twitter",ft="Linkedin",en=Object.freeze(Object.defineProperty({__proto__:null,Direction:ot,CopiedSuccessfully:at,Telegram:lt,Copy_Link:ct,Whatsapp:ht,Twitter:ut,Linkedin:ft,default:{Direction:ot,CopiedSuccessfully:at,Telegram:lt,Copy_Link:ct,Whatsapp:ht,Twitter:ut,Linkedin:ft}},Symbol.toStringTag,{value:"Module"}));return X}); + */(function(p,s){(function(t,i){p.exports=i()})(W,function(){function t(l,u,h){return u in l?Object.defineProperty(l,u,{value:h,enumerable:!0,configurable:!0,writable:!0}):l[u]=h,l}function i(l,u){var h=Object.keys(l);if(Object.getOwnPropertySymbols){var C=Object.getOwnPropertySymbols(l);u&&(C=C.filter(function(_){return Object.getOwnPropertyDescriptor(l,_).enumerable})),h.push.apply(h,C)}return h}function c(l){for(var u=1;u-1}function ie(l){var u,h={top:0,left:0};return u=(l&&l.ownerDocument).documentElement,l.getBoundingClientRect!==void 0&&(h=l.getBoundingClientRect()),{top:h.top+window.pageYOffset-u.clientTop,left:h.left+window.pageXOffset-u.clientLeft}}function se(l){for(var u=[],h=0;h1&&arguments[1]!==void 0?arguments[1]:document,h=l instanceof HTMLCollection||l instanceof NodeList;return h?se(l):l instanceof Element?[l]:se(u.querySelectorAll(l))}var ae=Object.freeze({__proto__:null,tag:M,styles:$,edit:ne,isSelfTag:re,offset:ie,elementToArray:oe}),He={background:"rgb(150,150,150)",opacity:.5,zIndex:99,duration:700,timing:"ease",outDuration:800},Z=M,B=ne,le=ie,q=oe,je=re,K=$;function he(){var l=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"_",u=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},h=u=c(c({},He),u),C=h.background,_=h.opacity,j=h.zIndex,Pe=h.duration,ze=h.timing,Ae=h.height,Re=h.width,ce=h.triggerOnChild,Ie=ce===void 0||ce,ue=h.triggerExcept,$e=ue===void 0?"_":ue,de=h.outDuration,pe="ontouchstart"in window;function fe(b){if(!(q($e,this).indexOf(b.target)>-1)&&(b.target===this||Ie)){var D,N;K(this,"position").toLowerCase()==="static"&&(this.style.position="relative");var H=le(this).top,J=le(this).left;try{if(b.touches[1])return;N=b.touches[0].pageX-J,D=b.touches[0].pageY-H}catch{N=b.pageX-J,D=b.pageY-H}var P=this.offsetWidth,ge=this.offsetHeight,F=Z("div",{appendTo:this,className:"ripleParent__",style:{zIndex:j,height:ge+"px",width:P+"px",borderRadius:K(this,"borderRadius"),clipPath:K(this,"clipPath"),transition:"opacity ".concat(de,"ms linear")}});Z("div",{appendTo:F,className:"riple__",style:{top:D+"px",left:N+"px",opacity:_,width:Re||P*Math.PI+"px",height:Ae||P*Math.PI+"px",background:C,animation:"ripple__ ".concat(Pe,"ms ").concat(ze," both")}});var me=pe?"touchend touchcancel":"mouseleave mouseup";B(this).on(me,function ve(){var Be=this;F.style.opacity=0,setTimeout(function(){return Be.removeChild(F)},de),B(this).off(me,ve)})}}var m=q(l),Y=pe?"touchstart":"mousedown";return m.forEach(function(b){if(je(b))return console.error("Ripple is not allowed on self closing tag you need to wrap it");B(b).on(Y,fe)}),{destroy:function(){m.forEach(function(b){return B(b).off(Y,fe)})}}}return Z("style",{innerHTML:".ripleParent__{pointer-events:none;overflow:hidden;background:transparent;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.riple__{border-radius:50%;position: absolute;will-change:transform; pointer-events:none;}@keyframes ripple__{0%{transform: translate(-50%,-50%) scale(0);}100%{transform: translate(-50%,-50%) scale(1);}}",appendTo:document.head}),he.utils=ae,he})})(Se);const en=Se.exports,Me=x({__proto__:null,default:en},[Se.exports]),ot="ltr",at="Copied successfully",lt="Telegram",ht="Copy Link",ct="Whatsapp",ut="Twitter",dt="Linkedin",tn=Object.freeze(Object.defineProperty({__proto__:null,Direction:ot,CopiedSuccessfully:at,Telegram:lt,Copy_Link:ht,Whatsapp:ct,Twitter:ut,Linkedin:dt,default:{Direction:ot,CopiedSuccessfully:at,Telegram:lt,Copy_Link:ht,Whatsapp:ct,Twitter:ut,Linkedin:dt}},Symbol.toStringTag,{value:"Module"}));return X}); diff --git a/dist/style.css b/dist/style.css index 8747fb0..24e17b6 100644 --- a/dist/style.css +++ b/dist/style.css @@ -1 +1 @@ -.sharee__normal{min-width:13em;display:flex;flex-direction:row;background:white;--border-radius: 5px;border-radius:var(--border-radius);border:none}.sharee__normal a[href]{text-decoration:none}.sharee__normal svg{width:1.9em;max-height:1.9em;vertical-align:middle}.sharee__normal.sharee__rtl{direction:rtl}.sharee__normal>*{display:flex;justify-content:start;align-items:center;background:white;padding-top:3px;padding-bottom:4px;padding-inline-end:10px;padding-inline-start:5px;cursor:pointer;max-width:1.58em;white-space:nowrap;overflow:hidden}.sharee__normal>*:not(.sharee__no-title):hover{max-width:10em}.sharee__normal>*>*:first-child{margin-inline-end:.3em}.sharee__normal>*:hover{background:#ebebeb}.sharee__normal>*:first-child:not(:last-child){border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.sharee__normal>*:last-child:not(:first-child){border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__normal.sharee__normal__grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.sharee__normal.sharee__normal__grid>*{border-radius:0!important}.sharee__modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;opacity:0;transition:.3s all}.sharee__modal.showing{display:block}.sharee__modal.show{opacity:1}.sharee__modal .sharee__modal__content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.sharee__modal__close{color:#aaa;float:right;font-size:28px;font-weight:700}.sharee__modal__close:hover,.sharee__modal__close:focus{color:#000;text-decoration:none;cursor:pointer}.sharee__modal svg{width:1.9em;max-height:1.9em}.sharee__modal.sharee__rtl{direction:rtl}.sharee__modal>*{display:flex;justify-content:start;align-items:center;background:white;padding:2px 7px 2px 10px;cursor:pointer;max-width:1.58em;white-space:nowrap;overflow:hidden}.sharee__modal>*:hover{max-width:10em}.sharee__modal>* svg{transform:translateY(.13em)}.sharee__modal>*>*:first-child{margin-inline-end:.3em}.sharee__modal>*:hover{background:#ebebeb}.sharee__modal>*:first-child:not(:last-child){border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.sharee__modal>*:last-child:not(:first-child){border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__modal.sharee__modal__grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.sharee__modal.sharee__modal__grid>*{border-radius:0!important}.sharee__fixed{display:block;position:fixed;z-index:1;overflow:auto;transition:.3s all;border-start-end-radius:5px;border-end-end-radius:5px;--border-radius: 5px}.sharee__fixed a[href]{text-decoration:none}.sharee__fixed.sharee__position__top-right{right:0;top:10vh;direction:rtl!important}.sharee__fixed.sharee__position__top-left{left:0;top:10vh;direction:ltr!important}.sharee__fixed.sharee__position__bottom-left{left:0;bottom:10vh;direction:ltr!important}.sharee__fixed.sharee__position__bottom-right{bottom:10vh;right:0;direction:rtl!important}.sharee__fixed svg{width:1.9em;max-height:1.9em;vertical-align:middle}.sharee__fixed.sharee__rtl{direction:rtl}.sharee__fixed>*{display:flex;justify-content:start;align-items:center;background:white;padding-inline-start:2px;padding-inline-end:9px;padding-top:5px;padding-bottom:4px;cursor:pointer;max-width:1.58em;white-space:nowrap;overflow:hidden}.sharee__fixed>*:not(.sharee__no-title):hover{max-width:10em}.sharee__fixed>*>*:first-child{margin-inline-end:.3em}.sharee__fixed>*:hover{background:#ebebeb}.sharee__fixed>*:not(.sharee__no-title):hover{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__fixed>*:first-child{border-start-end-radius:var(--border-radius)}.sharee__fixed>*:last-child{border-end-end-radius:var(--border-radius)}.sharee__text.sharee__dropdown{min-width:unset;left:-1000px}.sharee__text.sharee__dropdown>*{padding:0 4px}.sharee__dropdown.sharee__text>*>*:first-child{margin-inline-end:unset}.sharee__text.sharee__dropdown svg{vertical-align:middle}.sharee__dropdown{position:fixed;min-width:13em;display:flex;flex-direction:column;background:white;--border-radius: 5px;border-radius:var(--border-radius);border:1px solid #c5c5c5;box-shadow:#3a3d42a6 0 1px,#0000007f 0 4px 16px -7px}.sharee__dropdown a[href]{text-decoration:none}.sharee__dropdown:not(.show):not(.showing){display:none!important}.sharee__dropdown.sharee__dropdown__row{border:none;box-shadow:#0000007f 0 1px 16px -7px}.sharee__dropdown.sharee__dropdown__row{flex-direction:row}.sharee__dropdown svg{width:1.9em;max-height:1.9em;vertical-align:middle}.sharee__dropdown.sharee__rtl{direction:rtl}.sharee__dropdown>*{display:flex;justify-content:start;align-items:center;background:white;padding:2px 7px 2px 10px;cursor:pointer;min-height:2.6em}.sharee__dropdown:not(.sharee__dropdown__row)>*:first-child:last-child{border-radius:inherit}.sharee__dropdown:not(.sharee__dropdown__row)>*:first-child:not(:last-child){border-radius:var(--border-radius) var(--border-radius) 0 0}.sharee__dropdown:not(.sharee__dropdown__row)>*:last-child:not(:first-child){border-radius:0 0 var(--border-radius) var(--border-radius)}.sharee__dropdown>*>*:first-child{margin-inline-end:.3em}.sharee__dropdown>*:hover{background:#ebebeb}.sharee__dropdown.fade:not(.show){opacity:0}.sharee__dropdown.fade.show{opacity:1}.sharee__dropdown.fade-down:not(.show){opacity:0;transform:translateY(-10px)}.sharee__dropdown.fade-down.show{opacity:1;transform:translateY(0)}.sharee__dropdown.sharee__dropdown__row>*:first-child:not(:last-child){border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.sharee__dropdown.sharee__dropdown__row>*:last-child:not(:first-child){border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__dropdown.sharee__dropdown__grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.sharee__dropdown.sharee__dropdown__grid>*{border-radius:0!important} +.sharee__normal{min-width:13em;display:flex;flex-direction:row;background:white;--border-radius: 5px;border-radius:var(--border-radius);border:none}.sharee__normal a[href]{text-decoration:none}.sharee__normal svg{width:1.9em;max-height:1.9em;vertical-align:middle}.sharee__normal.sharee__rtl{direction:rtl}.sharee__normal>*{display:flex;justify-content:start;align-items:center;background:white;padding-top:3px;padding-bottom:4px;padding-inline-end:10px;padding-inline-start:5px;cursor:pointer;max-width:1.58em;white-space:nowrap;overflow:hidden}.sharee__normal>*:not(.sharee__no-title):hover{max-width:10em}.sharee__normal>*>*:first-child{margin-inline-end:.3em}.sharee__normal>*:hover{background:#ebebeb}.sharee__normal>*:first-child:not(:last-child){border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.sharee__normal>*:last-child:not(:first-child){border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__normal.sharee__normal__grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.sharee__normal.sharee__normal__grid>*{border-radius:0!important}.sharee__modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;opacity:0;transition:.3s all}.sharee__modal.showing{display:block}.sharee__modal.show{opacity:1}.sharee__modal .sharee__modal__content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.sharee__modal__close{color:#aaa;float:right;font-size:28px;font-weight:700}.sharee__modal__close:hover,.sharee__modal__close:focus{color:#000;text-decoration:none;cursor:pointer}.sharee__modal svg{width:1.9em;max-height:1.9em}.sharee__modal.sharee__rtl{direction:rtl}.sharee__modal>*{display:flex;justify-content:start;align-items:center;background:white;padding:2px 7px 2px 10px;cursor:pointer;max-width:1.58em;white-space:nowrap;overflow:hidden}.sharee__modal>*:hover{max-width:10em}.sharee__modal>* svg{transform:translateY(.13em)}.sharee__modal>*>*:first-child{margin-inline-end:.3em}.sharee__modal>*:hover{background:#ebebeb}.sharee__modal>*:first-child:not(:last-child){border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.sharee__modal>*:last-child:not(:first-child){border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__modal.sharee__modal__grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.sharee__modal.sharee__modal__grid>*{border-radius:0!important}.sharee__fixed{display:block;position:fixed;z-index:1;overflow:auto;transition:.3s all;border-start-end-radius:5px;border-end-end-radius:5px;--border-radius: 5px}.sharee__fixed a[href]{text-decoration:none}.sharee__fixed.sharee__position__top-right{right:0;top:10vh;direction:rtl!important}.sharee__fixed.sharee__position__top-left{left:0;top:10vh;direction:ltr!important}.sharee__fixed.sharee__position__bottom-left{left:0;bottom:10vh;direction:ltr!important}.sharee__fixed.sharee__position__bottom-right{bottom:10vh;right:0;direction:rtl!important}.sharee__fixed svg{width:1.9em;max-height:1.9em;vertical-align:middle}.sharee__fixed.sharee__rtl{direction:rtl}.sharee__fixed>*{display:flex;justify-content:start;align-items:center;background:white;padding-inline-start:2px;padding-inline-end:9px;padding-top:5px;padding-bottom:4px;cursor:pointer;max-width:1.58em;white-space:nowrap;overflow:hidden}.sharee__fixed>*:not(.sharee__no-title):hover{max-width:10em}.sharee__fixed>*>*:first-child{margin-inline-end:.3em}.sharee__fixed>*:hover{background:#ebebeb}.sharee__fixed>*:not(.sharee__no-title):hover{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__fixed>*:first-child{border-start-end-radius:var(--border-radius)}.sharee__fixed>*:last-child{border-end-end-radius:var(--border-radius)}.sharee__text.sharee__dropdown{min-width:unset;left:-1000px}.sharee__text.sharee__dropdown>*{padding:0 4px}.sharee__dropdown.sharee__text>*>*:first-child{margin-inline-end:unset}.sharee__text.sharee__dropdown svg{vertical-align:middle}.sharee__dropdown{position:fixed;min-width:13em;display:flex;flex-direction:column;background:white;--border-radius: 5px;border-radius:var(--border-radius);border:1px solid #c5c5c5;box-shadow:#3a3d42a6 0 1px,#0000007f 0 4px 16px -7px}.sharee__dropdown a[href]{text-decoration:none}.sharee__dropdown:not(.show):not(.showing){display:none!important}.sharee__dropdown.sharee__dropdown__row{border:none;box-shadow:#0000007f 0 1px 16px -7px}.sharee__dropdown.sharee__dropdown__row{flex-direction:row}.sharee__dropdown svg{width:1.9em;max-height:1.9em;vertical-align:middle}.sharee__dropdown.sharee__rtl{direction:rtl}.sharee__dropdown>*{display:flex;justify-content:start;align-items:center;background:white;padding:2px 7px 2px 10px;cursor:pointer;min-height:2.6em}.sharee__dropdown:not(.sharee__dropdown__row)>*:first-child:last-child{border-radius:inherit}.sharee__dropdown:not(.sharee__dropdown__row)>*:first-child:not(:last-child){border-radius:var(--border-radius) var(--border-radius) 0 0}.sharee__dropdown:not(.sharee__dropdown__row)>*:last-child:not(:first-child){border-radius:0 0 var(--border-radius) var(--border-radius)}.sharee__dropdown>*>*:first-child{margin-inline-end:.3em}.sharee__dropdown>*:hover{background:#ebebeb}.sharee__dropdown.fade:not(.show){opacity:0}.sharee__dropdown.fade.show{opacity:1}.sharee__dropdown.fade-down:not(.show){opacity:0;transform:translateY(-10px)}.sharee__dropdown.fade-down.show{opacity:1;transform:translateY(0)}.sharee__dropdown.sharee__dropdown__row>*:first-child:not(:last-child){border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.sharee__dropdown.sharee__dropdown__row>*:last-child:not(:first-child){border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.sharee__dropdown.sharee__dropdown__grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.sharee__dropdown.sharee__dropdown__grid>*{border-radius:0!important}.sharee__hover,.sharee__dropdown.fade-down.sharee__hover.show{transform:translate(-50%)}.sharee__dropdown.fade-down:not(.show){transform:translate(-50%,-10px)} diff --git a/src/assets/styles/style-hover.css b/src/assets/styles/style-hover.css new file mode 100644 index 0000000..71914d6 --- /dev/null +++ b/src/assets/styles/style-hover.css @@ -0,0 +1,11 @@ +.sharee__hover { + transform: translate(-50%, 0); +} + +.sharee__dropdown.fade-down.sharee__hover.show { + transform: translate(-50%, 0); +} + +.sharee__dropdown.fade-down:not(.show) { + transform: translate(-50%, -10px); +} diff --git a/src/assets/styles/style.css b/src/assets/styles/style.css index 15da7ff..f008e30 100644 --- a/src/assets/styles/style.css +++ b/src/assets/styles/style.css @@ -3,3 +3,4 @@ @import "./style-fixed.css"; @import "./style-text.css"; @import "./style-dropdown.css"; +@import "./style-hover.css"; diff --git a/src/common/ShareeOptions.ts b/src/common/ShareeOptions.ts index cdf04a2..16f5b91 100644 --- a/src/common/ShareeOptions.ts +++ b/src/common/ShareeOptions.ts @@ -10,8 +10,8 @@ export default interface ShareeOptions { shareLink?: string; shareText?: string; ripple?: boolean; - mode?: 'dropdown'|'text'|'normal'|'fixed'; - modeOptions?: any + mode?: 'dropdown'|'text'|'normal'|'fixed'|'hover'; + modeOptions?: any; } const shareeDefaultOptions: ShareeOptions = { diff --git a/src/lib/helpers/index.ts b/src/lib/helpers/index.ts index 7601096..7520509 100644 --- a/src/lib/helpers/index.ts +++ b/src/lib/helpers/index.ts @@ -1,6 +1,6 @@ export function hasClass(element: any, className: string) { do { - if (element?.className?.includes(className)) { + if (typeof element?.className?.includes !== 'undefined' && element?.className?.includes(className)) { return true; } element = element.parentNode; diff --git a/src/lib/strategies/HoverStrategy.ts b/src/lib/strategies/HoverStrategy.ts new file mode 100644 index 0000000..6ea2b2f --- /dev/null +++ b/src/lib/strategies/HoverStrategy.ts @@ -0,0 +1,66 @@ +import Sharee from "../Sharee"; +import Driver from "../drivers/Driver"; +import DropdownStrategy from "./DropdownStrategy"; + +export default class HoverStrategy extends DropdownStrategy{ + constructor(sharee: Sharee) { + super(sharee); + this.options.type = 'row' + } + + destroy() { + super.destroy(); + } + + public render() { + super.render(); + this.shareeEl.classList.add('sharee__text') + this.shareeEl.classList.add('sharee__hover') + } + + protected show() { + this.shareeEl.classList.add('showing') + setTimeout(() => { + this.shareeEl.classList.add('show') + const bCR = this.sharee.targetElement.getBoundingClientRect(); + const x = bCR.x; + const y = bCR.y; + if (this.sharee.lang.Direction === 'ltr') { + this.shareeEl.style.left = `${x + (bCR.width / 2)}px`; + this.shareeEl.style.right = 'unset'; + } else { + this.shareeEl.style.right = `${x}px`; + this.shareeEl.style.left = 'unset'; + } + this.shareeEl.style.top = `${y + bCR.height}px`; + }) + } + + protected listenEvents() { + this.shareeEl.addEventListener('mouseenter', this.shareElOnMouseEnter.bind(this)) + this.shareeEl.addEventListener('mouseleave', this.shareElOnMouseLeave.bind(this)) + const onMouseEnter = this.elementOnMouseEnter.bind(this) + const onMouseLeave = this.elementOnMouseLeave.bind(this) + this.sharee.targetElement.addEventListener('mouseenter', onMouseEnter) + this.sharee.targetElement.addEventListener('mouseleave', onMouseLeave) + this.eventListeners.push([this.sharee.targetElement, 'mouseenter', onMouseEnter]) + this.eventListeners.push([this.sharee.targetElement, 'mouseleave', onMouseLeave]) + } + + public renderDriver(driver: Driver) { + driver.mainEl = document.createElement('a'); + driver.mainEl.title = driver.getButtonText() + if ('getLink' in driver) { + // @ts-ignore + driver.mainEl.href = driver.getLink(); + } + this.initDriverStyles(driver) + this.listenDriverEvents(driver); + const icon = document.createElement('div'); + icon.innerHTML = driver.icon; + driver.mainEl.appendChild(icon); + + return driver.mainEl; + } + +} diff --git a/src/lib/strategies/index.ts b/src/lib/strategies/index.ts index 9ce91ec..2b12741 100644 --- a/src/lib/strategies/index.ts +++ b/src/lib/strategies/index.ts @@ -2,12 +2,14 @@ import DropdownStrategy from "./DropdownStrategy"; import TextStrategy from "./TextStrategy"; import NormalStrategy from "./NormalStrategy"; import FixedStrategy from "./FixedStrategy"; +import HoverStrategy from "./HoverStrategy"; const strategies = { dropdown: DropdownStrategy, text: TextStrategy, normal: NormalStrategy, - fixed: FixedStrategy + fixed: FixedStrategy, + hover: HoverStrategy } export default strategies; diff --git a/src/main.ts b/src/main.ts index 7355540..6306b37 100644 --- a/src/main.ts +++ b/src/main.ts @@ -18,6 +18,10 @@ if (document.location.pathname === '/vue') {

Normal

+
+

Hover Button

+
+

Normal without title

@@ -71,6 +75,11 @@ if (document.location.pathname === '/vue') { lang: 'en' }); + new Sharee(document.querySelector('#sharee-hover')!, { + mode: 'hover', + lang: 'en' + }); + new Sharee(document.querySelector('#sharee-normal-no-title')!, { mode: 'normal', lang: 'fa', diff --git a/src/style.css b/src/style.css index 7ebedab..0010a68 100644 --- a/src/style.css +++ b/src/style.css @@ -92,3 +92,17 @@ button:focus-visible { } } + +/*! CSS Used from: Embedded */ +svg{display:block;vertical-align:middle;} +.bg-app-light-blue-10{--tw-bg-opacity:1;background-color:rgba(0, 122, 255, var(--tw-bg-opacity));} +.hover\:bg-app-light-blue-9:hover{--tw-bg-opacity:1;background-color:rgba(36, 141, 255, var(--tw-bg-opacity));} +.rounded-lg{border-radius:0.5rem;} +.font-300{font-weight:300;} +.p-1\.7{padding:0.425rem;} +.text-white{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));} +.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;} +.duration-300{transition-duration:300ms;} +@media (min-width: 640px){ + .sm\:p-2{padding:0.5rem;} +}