@ohbug/extension-feedback 0.7.2 → 0.7.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Box.d.ts +1 -1
- package/dist/Box.d.ts.map +1 -1
- package/dist/Selector.d.ts +1 -1
- package/dist/Selector.d.ts.map +1 -1
- package/dist/assets.d.ts +1 -1
- package/dist/assets.d.ts.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.mjs +274 -278
- package/dist/store.d.ts.map +1 -1
- package/package.json +16 -16
package/dist/Box.d.ts
CHANGED
package/dist/Box.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["src/Box.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../src/Box.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAA;AAKzC,QAAA,MAAM,GAAG,EAAE,SAwJV,CAAA;AAED,eAAe,GAAG,CAAA"}
|
package/dist/Selector.d.ts
CHANGED
package/dist/Selector.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Selector.d.ts","sourceRoot":"","sources":["src/Selector.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Selector.d.ts","sourceRoot":"","sources":["../src/Selector.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAA;AAIzC,QAAA,MAAM,QAAQ,EAAE,SAyPf,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
package/dist/assets.d.ts
CHANGED
package/dist/assets.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["src/assets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../src/assets.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC,eAAO,MAAM,KAAK,EAAE,SAmBnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,SAmBpB,CAAA"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA;AAMlD,QAAA,MAAM,SAAS,YAAa,WAAW,KAAG,cAcxC,CAAA;AAEF,eAAe,SAAS,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const Pe=(e,t)=>e===t,C=Symbol("solid-proxy"),ae=Symbol("solid-track"),W={equals:Pe};let be=ve;const k=1,X=2,pe={owned:null,cleanups:null,context:null,owner:null};var w=null;let le=null,b=null,$=null,S=null,te=0;function Le(e,t){const n=b,l=w,o=e.length===0,s=o?pe:{owned:null,cleanups:null,context:null,owner:t===void 0?l:t},i=o?e:()=>e(()=>N(()=>ne(s)));w=s,b=null;try{return H(i,!0)}finally{b=n,w=l}}function U(e,t){t=t?Object.assign({},W,t):W;const n={value:e,observers:null,observerSlots:null,comparator:t.equals||void 0},l=o=>(typeof o=="function"&&(o=o(n.value)),me(n,o));return[$e.bind(n),l]}function D(e,t,n){const l=ce(e,t,!1,k);I(l)}function we(e,t,n){be=Me;const l=ce(e,t,!1,k);(!n||!n.render)&&(l.user=!0),S?S.push(l):I(l)}function de(e,t,n){n=n?Object.assign({},W,n):W;const l=ce(e,t,!0,0);return l.observers=null,l.observerSlots=null,l.comparator=n.equals||void 0,I(l),$e.bind(l)}function ze(e){return H(e,!1)}function N(e){if(b===null)return e();const t=b;b=null;try{return e()}finally{b=t}}function je(e){return w===null||(w.cleanups===null?w.cleanups=[e]:w.cleanups.push(e)),e}function ye(){return b}function $e(){if(this.sources&&this.state)if(this.state===k)I(this);else{const e=$;$=null,H(()=>J(this),!1),$=e}if(b){const e=this.observers?this.observers.length:0;b.sources?(b.sources.push(this),b.sourceSlots.push(e)):(b.sources=[this],b.sourceSlots=[e]),this.observers?(this.observers.push(b),this.observerSlots.push(b.sources.length-1)):(this.observers=[b],this.observerSlots=[b.sources.length-1])}return this.value}function me(e,t,n){let l=e.value;return(!e.comparator||!e.comparator(l,t))&&(e.value=t,e.observers&&e.observers.length&&H(()=>{for(let o=0;o<e.observers.length;o+=1){const s=e.observers[o],i=le&&le.running;i&&le.disposed.has(s),(i?!s.tState:!s.state)&&(s.pure?$.push(s):S.push(s),s.observers&&xe(s)),i||(s.state=k)}if($.length>1e6)throw $=[],new Error},!1)),t}function I(e){if(!e.fn)return;ne(e);const t=w,n=b,l=te;b=w=e,De(e,e.value,l),b=n,w=t}function De(e,t,n){let l;try{l=e.fn(t)}catch(o){return e.pure&&(e.state=k,e.owned&&e.owned.forEach(ne),e.owned=null),e.updatedAt=n+1,_e(o)}(!e.updatedAt||e.updatedAt<=n)&&(e.updatedAt!=null&&"observers"in e?me(e,l):e.value=l,e.updatedAt=n)}function ce(e,t,n,l=k,o){const s={fn:e,state:l,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:t,owner:w,context:null,pure:n};return w===null||w!==pe&&(w.owned?w.owned.push(s):w.owned=[s]),s}function Y(e){if(e.state===0)return;if(e.state===X)return J(e);if(e.suspense&&N(e.suspense.inFallback))return e.suspense.effects.push(e);const t=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<te);)e.state&&t.push(e);for(let n=t.length-1;n>=0;n--)if(e=t[n],e.state===k)I(e);else if(e.state===X){const l=$;$=null,H(()=>J(e,t[0]),!1),$=l}}function H(e,t){if($)return e();let n=!1;t||($=[]),S?n=!0:S=[],te++;try{const l=e();return He(n),l}catch(l){n||(S=null),$=null,_e(l)}}function He(e){if($&&(ve($),$=null),e)return;const t=S;S=null,t.length&&H(()=>be(t),!1)}function ve(e){for(let t=0;t<e.length;t++)Y(e[t])}function Me(e){let t,n=0;for(t=0;t<e.length;t++){const l=e[t];l.user?e[n++]=l:Y(l)}for(t=0;t<n;t++)Y(e[t])}function J(e,t){e.state=0;for(let n=0;n<e.sources.length;n+=1){const l=e.sources[n];if(l.sources){const o=l.state;o===k?l!==t&&(!l.updatedAt||l.updatedAt<te)&&Y(l):o===X&&J(l,t)}}}function xe(e){for(let t=0;t<e.observers.length;t+=1){const n=e.observers[t];n.state||(n.state=X,n.pure?$.push(n):S.push(n),n.observers&&xe(n))}}function ne(e){let t;if(e.sources)for(;e.sources.length;){const n=e.sources.pop(),l=e.sourceSlots.pop(),o=n.observers;if(o&&o.length){const s=o.pop(),i=n.observerSlots.pop();l<o.length&&(s.sourceSlots[i]=l,o[l]=s,n.observerSlots[l]=i)}}if(e.owned){for(t=e.owned.length-1;t>=0;t--)ne(e.owned[t]);e.owned=null}if(e.cleanups){for(t=e.cleanups.length-1;t>=0;t--)e.cleanups[t]();e.cleanups=null}e.state=0,e.context=null}function Be(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown error",{cause:e})}function _e(e,t=w){throw Be(e)}function x(e,t){return N(()=>e(t||{}))}const Fe=e=>`Stale read from <${e}>.`;function R(e){const t=e.keyed,n=de(()=>e.when,void 0,{equals:(l,o)=>t?l===o:!l==!o});return de(()=>{const l=n();if(l){const o=e.children;return typeof o=="function"&&o.length>0?N(()=>o(t?l:()=>{if(!N(n))throw Fe("Show");return e.when})):o}return e.fallback},void 0,void 0)}function Ue(e,t,n){let l=n.length,o=t.length,s=l,i=0,r=0,c=t[o-1].nextSibling,h=null;for(;i<o||r<s;){if(t[i]===n[r]){i++,r++;continue}for(;t[o-1]===n[s-1];)o--,s--;if(o===i){const u=s<l?r?n[r-1].nextSibling:n[s-r]:c;for(;r<s;)e.insertBefore(n[r++],u)}else if(s===r)for(;i<o;)(!h||!h.has(t[i]))&&t[i].remove(),i++;else if(t[i]===n[s-1]&&n[r]===t[o-1]){const u=t[--o].nextSibling;e.insertBefore(n[r++],t[i++].nextSibling),e.insertBefore(n[--s],u),t[o]=n[s]}else{if(!h){h=new Map;let g=r;for(;g<s;)h.set(n[g],g++)}const u=h.get(t[i]);if(u!=null)if(r<u&&u<s){let g=i,m=1,_;for(;++g<o&&g<s&&!((_=h.get(t[g]))==null||_!==u+m);)m++;if(m>u-r){const T=t[i];for(;r<u;)e.insertBefore(n[r++],T)}else e.replaceChild(n[r++],t[i++])}else i++;else t[i++].remove()}}}const he="_$DX_DELEGATE";function Re(e,t,n,l={}){let o;return Le(s=>{o=s,t===document?e():v(t,e(),t.firstChild?null:void 0,n)},l.owner),()=>{o(),t.textContent=""}}function A(e,t,n){let l;const o=()=>{const i=document.createElement("template");return i.innerHTML=e,n?i.content.firstChild.firstChild:i.content.firstChild},s=t?()=>N(()=>document.importNode(l||(l=o()),!0)):()=>(l||(l=o())).cloneNode(!0);return s.cloneNode=s,s}function Ee(e,t=window.document){const n=t[he]||(t[he]=new Set);for(let l=0,o=e.length;l<o;l++){const s=e[l];n.has(s)||(n.add(s),t.addEventListener(s,Ge))}}function Ve(e,t){t==null?e.removeAttribute("class"):e.className=t}function B(e,t,n){return N(()=>e(t,n))}function v(e,t,n,l){if(n!==void 0&&!l&&(l=[]),typeof t!="function")return Q(e,t,l,n);D(o=>Q(e,t(),o,n),l)}function Ge(e){const t=`$$${e.type}`;let n=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==n&&Object.defineProperty(e,"target",{configurable:!0,value:n}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return n||document}});n;){const l=n[t];if(l&&!n.disabled){const o=n[`${t}Data`];if(o!==void 0?l.call(n,o,e):l.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function Q(e,t,n,l,o){for(;typeof n=="function";)n=n();if(t===n)return n;const s=typeof t,i=l!==void 0;if(e=i&&n[0]&&n[0].parentNode||e,s==="string"||s==="number")if(s==="number"&&(t=t.toString()),i){let r=n[0];r&&r.nodeType===3?r.data=t:r=document.createTextNode(t),n=L(e,n,l,r)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t;else if(t==null||s==="boolean")n=L(e,n,l);else{if(s==="function")return D(()=>{let r=t();for(;typeof r=="function";)r=r();n=Q(e,r,n,l)}),()=>n;if(Array.isArray(t)){const r=[],c=n&&Array.isArray(n);if(oe(r,t,n,o))return D(()=>n=Q(e,r,n,l,!0)),()=>n;if(r.length===0){if(n=L(e,n,l),i)return n}else c?n.length===0?ge(e,r,l):Ue(e,n,r):(n&&L(e),ge(e,r));n=r}else if(t.nodeType){if(Array.isArray(n)){if(i)return n=L(e,n,l,t);L(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}else console.warn("Unrecognized value. Skipped inserting",t)}return n}function oe(e,t,n,l){let o=!1;for(let s=0,i=t.length;s<i;s++){let r=t[s],c=n&&n[s],h;if(!(r==null||r===!0||r===!1))if((h=typeof r)=="object"&&r.nodeType)e.push(r);else if(Array.isArray(r))o=oe(e,r,c)||o;else if(h==="function")if(l){for(;typeof r=="function";)r=r();o=oe(e,Array.isArray(r)?r:[r],Array.isArray(c)?c:[c])||o}else e.push(r),o=!0;else{const u=String(r);c&&c.nodeType===3&&c.data===u?e.push(c):e.push(document.createTextNode(u))}}return o}function ge(e,t,n=null){for(let l=0,o=t.length;l<o;l++)e.insertBefore(t[l],n)}function L(e,t,n,l){if(n===void 0)return e.textContent="";const o=l||document.createTextNode("");if(t.length){let s=!1;for(let i=t.length-1;i>=0;i--){const r=t[i];if(o!==r){const c=r.parentNode===e;!s&&!i?c?e.replaceChild(o,r):e.insertBefore(o,n):c&&r.remove()}else s=!0}}else e.insertBefore(o,n);return[o]}function Ie(e,t,...n){if(t===void 0)throw new Error("`Ohbug warning(condition, format, ...args)` requires a warning message argument");if(!e){let l=0;const o=t.replace(/%s/g,()=>n[l++]);throw new Error(`Ohbug ${o}`)}}var qe={};function Ke(){return typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:qe}function We(){const e=Ke();return Ie(!!e.__OHBUG__,"Failed to get `OhbugObject`, please confirm if `Ohbug.setup`"),e.__OHBUG__}function Se(e,t){e.parentNode&&(t.push(e.parentNode),Se(e.parentNode,t))}function Xe(e){const t=[];return t.push(e),Se(e,t),t}var Ye=e=>{const t=e.target||e.srcElement;let n=e.target||e.srcElement;const l=[];for(let i=0;n&&n.nodeType===Node.ELEMENT_NODE&&n.nodeType!==Node.DOCUMENT_TYPE_NODE;n=n.previousSibling)i&&l.push(n),i+=1;const o=typeof e.path>"u"?Xe(e.target):e.path,{outerHTML:s}=t;return o.reverse().map(i=>(i.localName||"")+(i.id?`#${i.id}`:"")+(i.className?`.${i.className}`:"")+(i.outerHTML===s?`:nth-child(${l.length})`:"")).filter(i=>!!i).join(" > ")};const se=Symbol("store-raw"),V=Symbol("store-node");function Ae(e){let t=e[C];if(!t&&(Object.defineProperty(e,C,{value:t=new Proxy(e,Ze)}),!Array.isArray(e))){const n=Object.keys(e),l=Object.getOwnPropertyDescriptors(e);for(let o=0,s=n.length;o<s;o++){const i=n[o];l[i].get&&Object.defineProperty(e,i,{enumerable:l[i].enumerable,get:l[i].get.bind(t)})}}return t}function Z(e){let t;return e!=null&&typeof e=="object"&&(e[C]||!(t=Object.getPrototypeOf(e))||t===Object.prototype||Array.isArray(e))}function G(e,t=new Set){let n,l,o,s;if(n=e!=null&&e[se])return n;if(!Z(e)||t.has(e))return e;if(Array.isArray(e)){Object.isFrozen(e)?e=e.slice(0):t.add(e);for(let i=0,r=e.length;i<r;i++)o=e[i],(l=G(o,t))!==o&&(e[i]=l)}else{Object.isFrozen(e)?e=Object.assign({},e):t.add(e);const i=Object.keys(e),r=Object.getOwnPropertyDescriptors(e);for(let c=0,h=i.length;c<h;c++)s=i[c],!r[s].get&&(o=e[s],(l=G(o,t))!==o&&(e[s]=l))}return e}function ue(e){let t=e[V];return t||Object.defineProperty(e,V,{value:t=Object.create(null)}),t}function ie(e,t,n){return e[t]||(e[t]=Oe(n))}function Je(e,t){const n=Reflect.getOwnPropertyDescriptor(e,t);return!n||n.get||!n.configurable||t===C||t===V||(delete n.value,delete n.writable,n.get=()=>e[C][t]),n}function ke(e){if(ye()){const t=ue(e);(t._||(t._=Oe()))()}}function Qe(e){return ke(e),Reflect.ownKeys(e)}function Oe(e){const[t,n]=U(e,{equals:!1,internal:!0});return t.$=n,t}const Ze={get(e,t,n){if(t===se)return e;if(t===C)return n;if(t===ae)return ke(e),n;const l=ue(e),o=l[t];let s=o?o():e[t];if(t===V||t==="__proto__")return s;if(!o){const i=Object.getOwnPropertyDescriptor(e,t);ye()&&(typeof s!="function"||e.hasOwnProperty(t))&&!(i&&i.get)&&(s=ie(l,t,s)())}return Z(s)?Ae(s):s},has(e,t){return t===se||t===C||t===ae||t===V||t==="__proto__"?!0:(this.get(e,t,e),t in e)},set(){return!0},deleteProperty(){return!0},ownKeys:Qe,getOwnPropertyDescriptor:Je};function ee(e,t,n,l=!1){if(!l&&e[t]===n)return;const o=e[t],s=e.length;n===void 0?delete e[t]:e[t]=n;let i=ue(e),r;if((r=ie(i,t,o))&&r.$(()=>n),Array.isArray(e)&&e.length!==s){for(let c=e.length;c<s;c++)(r=i[c])&&r.$();(r=ie(i,"length",s))&&r.$(e.length)}(r=i._)&&r.$()}function Ce(e,t){const n=Object.keys(t);for(let l=0;l<n.length;l+=1){const o=n[l];ee(e,o,t[o])}}function et(e,t){if(typeof t=="function"&&(t=t(e)),t=G(t),Array.isArray(t)){if(e===t)return;let n=0,l=t.length;for(;n<l;n++){const o=t[n];e[n]!==o&&ee(e,n,o)}ee(e,"length",l)}else Ce(e,t)}function F(e,t,n=[]){let l,o=e;if(t.length>1){l=t.shift();const i=typeof l,r=Array.isArray(e);if(Array.isArray(l)){for(let c=0;c<l.length;c++)F(e,[l[c]].concat(t),n);return}else if(r&&i==="function"){for(let c=0;c<e.length;c++)l(e[c],c)&&F(e,[c].concat(t),n);return}else if(r&&i==="object"){const{from:c=0,to:h=e.length-1,by:u=1}=l;for(let g=c;g<=h;g+=u)F(e,[g].concat(t),n);return}else if(t.length>1){F(e[l],t,[l].concat(n));return}o=e[l],n=[l].concat(n)}let s=t[0];typeof s=="function"&&(s=s(o,n),s===o)||l===void 0&&s==null||(s=G(s),l===void 0||Z(o)&&Z(s)&&!Array.isArray(s)?Ce(o,s):ee(e,l,s))}function tt(...[e,t]){const n=G(e||{}),l=Array.isArray(n),o=Ae(n);function s(...i){ze(()=>{l&&i.length===1?et(n,i[0]):F(n,i)})}return[o,s]}const[p,j]=tt({working:!1,selectedElement:null}),nt=A('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" data-ohbug-selector fill="none"></path><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" data-ohbug-selector fill="rgba(255,255,255,1)">'),lt=A('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" data-ohbug-selector fill="none"></path><path d="M3 3h2v2H3V3zm4 0h2v2H7V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm0 4h2v2h-2V7zM3 19h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3V7zm7.667 4l1.036-1.555A1 1 0 0 1 12.535 9h2.93a1 1 0 0 1 .832.445L17.333 11H20a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2.667zM9 19h10v-6h-2.737l-1.333-2h-1.86l-1.333 2H9v6zm5-1a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" data-ohbug-selector>'),re=()=>nt(),ot=()=>(()=>{const e=lt();return e.firstChild.nextSibling.style.setProperty("fill","var(--color)"),e})(),st=A('<div class="bg-none border-solid border-4 border-blue-500 transition top-0 right-0 bottom-0 left-0 z-10 fixed pointer-events-none" data-ohbug-selector><div class="tips" data-ohbug-selector>Select element on the page<button class="btn-stop" type="button">'),it=A('<button class="rounded-full border-none cursor-pointer flex bg-red-500 h-6 -top-3 -right-3 w-6 z-10 items-center justify-center absolute pointer-events-auto" data-ohbug-selector type="button">'),rt=A('<button class="border-solid cursor-pointer font-semibold bg-red-500 border-4 border-red-500 -bottom-full text-white right-0 absolute pointer-events-auto" data-ohbug-selector type="button">Change'),ct=A('<div class="-z-1 fixed" data-ohbug-selector><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div data-ohbug-selector>'),ut=()=>{const[e,t]=U();let n,l,o,s,i;const r=2;function c(f){if(!f||f.tagName==="HTML")return;const{width:a,height:y,top:E,right:P,bottom:M,left:d}=f.getBoundingClientRect();i==null||i.setAttribute("style",`
|
|
1
|
+
"use strict";const Pe=(e,t)=>e===t,N=Symbol("solid-proxy"),he=Symbol("solid-track"),Y={equals:Pe};let we=xe;const O=1,J=2,ye={owned:null,cleanups:null,context:null,owner:null};var p=null;let ie=null,b=null,$=null,A=null,oe=0;function ze(e,t){const n=b,l=p,o=e.length===0,s=t===void 0?l:t,i=o?ye:{owned:null,cleanups:null,context:s?s.context:null,owner:s},r=o?e:()=>e(()=>T(()=>se(i)));p=i,b=null;try{return B(r,!0)}finally{b=n,p=l}}function V(e,t){t=t?Object.assign({},Y,t):Y;const n={value:e,observers:null,observerSlots:null,comparator:t.equals||void 0},l=o=>(typeof o=="function"&&(o=o(n.value)),ve(n,o));return[me.bind(n),l]}function D(e,t,n){const l=ae(e,t,!1,O);K(l)}function $e(e,t,n){we=Be;const l=ae(e,t,!1,O);(!n||!n.render)&&(l.user=!0),A?A.push(l):K(l)}function ge(e,t,n){n=n?Object.assign({},Y,n):Y;const l=ae(e,t,!0,0);return l.observers=null,l.observerSlots=null,l.comparator=n.equals||void 0,K(l),me.bind(l)}function je(e){return B(e,!1)}function T(e){if(b===null)return e();const t=b;b=null;try{return e()}finally{b=t}}function He(e){return p===null||(p.cleanups===null?p.cleanups=[e]:p.cleanups.push(e)),e}function re(){return b}function me(){if(this.sources&&this.state)if(this.state===O)K(this);else{const e=$;$=null,B(()=>Z(this),!1),$=e}if(b){const e=this.observers?this.observers.length:0;b.sources?(b.sources.push(this),b.sourceSlots.push(e)):(b.sources=[this],b.sourceSlots=[e]),this.observers?(this.observers.push(b),this.observerSlots.push(b.sources.length-1)):(this.observers=[b],this.observerSlots=[b.sources.length-1])}return this.value}function ve(e,t,n){let l=e.value;return(!e.comparator||!e.comparator(l,t))&&(e.value=t,e.observers&&e.observers.length&&B(()=>{for(let o=0;o<e.observers.length;o+=1){const s=e.observers[o],i=ie&&ie.running;i&&ie.disposed.has(s),(i?!s.tState:!s.state)&&(s.pure?$.push(s):A.push(s),s.observers&&Se(s)),i||(s.state=O)}if($.length>1e6)throw $=[],new Error},!1)),t}function K(e){if(!e.fn)return;se(e);const t=p,n=b,l=oe;b=p=e,Me(e,e.value,l),b=n,p=t}function Me(e,t,n){let l;try{l=e.fn(t)}catch(o){return e.pure&&(e.state=O,e.owned&&e.owned.forEach(se),e.owned=null),e.updatedAt=n+1,Ee(o)}(!e.updatedAt||e.updatedAt<=n)&&(e.updatedAt!=null&&"observers"in e?ve(e,l):e.value=l,e.updatedAt=n)}function ae(e,t,n,l=O,o){const s={fn:e,state:l,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:t,owner:p,context:p?p.context:null,pure:n};return p===null||p!==ye&&(p.owned?p.owned.push(s):p.owned=[s]),s}function Q(e){if(e.state===0)return;if(e.state===J)return Z(e);if(e.suspense&&T(e.suspense.inFallback))return e.suspense.effects.push(e);const t=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<oe);)e.state&&t.push(e);for(let n=t.length-1;n>=0;n--)if(e=t[n],e.state===O)K(e);else if(e.state===J){const l=$;$=null,B(()=>Z(e,t[0]),!1),$=l}}function B(e,t){if($)return e();let n=!1;t||($=[]),A?n=!0:A=[],oe++;try{const l=e();return De(n),l}catch(l){n||(A=null),$=null,Ee(l)}}function De(e){if($&&(xe($),$=null),e)return;const t=A;A=null,t.length&&B(()=>we(t),!1)}function xe(e){for(let t=0;t<e.length;t++)Q(e[t])}function Be(e){let t,n=0;for(t=0;t<e.length;t++){const l=e[t];l.user?e[n++]=l:Q(l)}for(t=0;t<n;t++)Q(e[t])}function Z(e,t){e.state=0;for(let n=0;n<e.sources.length;n+=1){const l=e.sources[n];if(l.sources){const o=l.state;o===O?l!==t&&(!l.updatedAt||l.updatedAt<oe)&&Q(l):o===J&&Z(l,t)}}}function Se(e){for(let t=0;t<e.observers.length;t+=1){const n=e.observers[t];n.state||(n.state=J,n.pure?$.push(n):A.push(n),n.observers&&Se(n))}}function se(e){let t;if(e.sources)for(;e.sources.length;){const n=e.sources.pop(),l=e.sourceSlots.pop(),o=n.observers;if(o&&o.length){const s=o.pop(),i=n.observerSlots.pop();l<o.length&&(s.sourceSlots[i]=l,o[l]=s,n.observerSlots[l]=i)}}if(e.owned){for(t=e.owned.length-1;t>=0;t--)se(e.owned[t]);e.owned=null}if(e.cleanups){for(t=e.cleanups.length-1;t>=0;t--)e.cleanups[t]();e.cleanups=null}e.state=0}function Fe(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown error",{cause:e})}function Ee(e,t=p){throw Fe(e)}function x(e,t){return T(()=>e(t||{}))}const Ue=e=>`Stale read from <${e}>.`;function G(e){const t=e.keyed,n=ge(()=>e.when,void 0,{equals:(l,o)=>t?l===o:!l==!o});return ge(()=>{const l=n();if(l){const o=e.children;return typeof o=="function"&&o.length>0?T(()=>o(t?l:()=>{if(!T(n))throw Ue("Show");return e.when})):o}return e.fallback},void 0,void 0)}function Re(e,t,n){let l=n.length,o=t.length,s=l,i=0,r=0,c=t[o-1].nextSibling,h=null;for(;i<o||r<s;){if(t[i]===n[r]){i++,r++;continue}for(;t[o-1]===n[s-1];)o--,s--;if(o===i){const u=s<l?r?n[r-1].nextSibling:n[s-r]:c;for(;r<s;)e.insertBefore(n[r++],u)}else if(s===r)for(;i<o;)(!h||!h.has(t[i]))&&t[i].remove(),i++;else if(t[i]===n[s-1]&&n[r]===t[o-1]){const u=t[--o].nextSibling;e.insertBefore(n[r++],t[i++].nextSibling),e.insertBefore(n[--s],u),t[o]=n[s]}else{if(!h){h=new Map;let g=r;for(;g<s;)h.set(n[g],g++)}const u=h.get(t[i]);if(u!=null)if(r<u&&u<s){let g=i,m=1,S;for(;++g<o&&g<s&&!((S=h.get(t[g]))==null||S!==u+m);)m++;if(m>u-r){const L=t[i];for(;r<u;)e.insertBefore(n[r++],L)}else e.replaceChild(n[r++],t[i++])}else i++;else t[i++].remove()}}}const be="_$DX_DELEGATE";function Ve(e,t,n,l={}){let o;return ze(s=>{o=s,t===document?e():v(t,e(),t.firstChild?null:void 0,n)},l.owner),()=>{o(),t.textContent=""}}function k(e,t,n){let l;const o=()=>{const i=document.createElement("template");return i.innerHTML=e,n?i.content.firstChild.firstChild:i.content.firstChild},s=t?()=>T(()=>document.importNode(l||(l=o()),!0)):()=>(l||(l=o())).cloneNode(!0);return s.cloneNode=s,s}function _e(e,t=window.document){const n=t[be]||(t[be]=new Set);for(let l=0,o=e.length;l<o;l++){const s=e[l];n.has(s)||(n.add(s),t.addEventListener(s,Ie))}}function Ge(e,t){t==null?e.removeAttribute("class"):e.className=t}function U(e,t,n){return T(()=>e(t,n))}function v(e,t,n,l){if(n!==void 0&&!l&&(l=[]),typeof t!="function")return ee(e,t,l,n);D(o=>ee(e,t(),o,n),l)}function Ie(e){const t=`$$${e.type}`;let n=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==n&&Object.defineProperty(e,"target",{configurable:!0,value:n}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return n||document}});n;){const l=n[t];if(l&&!n.disabled){const o=n[`${t}Data`];if(o!==void 0?l.call(n,o,e):l.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function ee(e,t,n,l,o){for(;typeof n=="function";)n=n();if(t===n)return n;const s=typeof t,i=l!==void 0;if(e=i&&n[0]&&n[0].parentNode||e,s==="string"||s==="number")if(s==="number"&&(t=t.toString()),i){let r=n[0];r&&r.nodeType===3?r.data=t:r=document.createTextNode(t),n=z(e,n,l,r)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t;else if(t==null||s==="boolean")n=z(e,n,l);else{if(s==="function")return D(()=>{let r=t();for(;typeof r=="function";)r=r();n=ee(e,r,n,l)}),()=>n;if(Array.isArray(t)){const r=[],c=n&&Array.isArray(n);if(ce(r,t,n,o))return D(()=>n=ee(e,r,n,l,!0)),()=>n;if(r.length===0){if(n=z(e,n,l),i)return n}else c?n.length===0?pe(e,r,l):Re(e,n,r):(n&&z(e),pe(e,r));n=r}else if(t.nodeType){if(Array.isArray(n)){if(i)return n=z(e,n,l,t);z(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}else console.warn("Unrecognized value. Skipped inserting",t)}return n}function ce(e,t,n,l){let o=!1;for(let s=0,i=t.length;s<i;s++){let r=t[s],c=n&&n[s],h;if(!(r==null||r===!0||r===!1))if((h=typeof r)=="object"&&r.nodeType)e.push(r);else if(Array.isArray(r))o=ce(e,r,c)||o;else if(h==="function")if(l){for(;typeof r=="function";)r=r();o=ce(e,Array.isArray(r)?r:[r],Array.isArray(c)?c:[c])||o}else e.push(r),o=!0;else{const u=String(r);c&&c.nodeType===3&&c.data===u?e.push(c):e.push(document.createTextNode(u))}}return o}function pe(e,t,n=null){for(let l=0,o=t.length;l<o;l++)e.insertBefore(t[l],n)}function z(e,t,n,l){if(n===void 0)return e.textContent="";const o=l||document.createTextNode("");if(t.length){let s=!1;for(let i=t.length-1;i>=0;i--){const r=t[i];if(o!==r){const c=r.parentNode===e;!s&&!i?c?e.replaceChild(o,r):e.insertBefore(o,n):c&&r.remove()}else s=!0}}else e.insertBefore(o,n);return[o]}function qe(e,t,...n){if(t===void 0)throw new Error("`Ohbug warning(condition, format, ...args)` requires a warning message argument");if(!e){let l=0;const o=t.replace(/%s/g,()=>n[l++]);throw new Error(`Ohbug ${o}`)}}var Ke={};function We(){return typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:Ke}function Xe(){const e=We();return qe(!!e.__OHBUG__,"Failed to get `OhbugObject`, please confirm if `Ohbug.setup`"),e.__OHBUG__}function Ae(e,t){e.parentNode&&(t.push(e.parentNode),Ae(e.parentNode,t))}function Ye(e){const t=[];return t.push(e),Ae(e,t),t}var Je=e=>{const t=e.target||e.srcElement;let n=e.target||e.srcElement;const l=[];for(let i=0;n&&n.nodeType===Node.ELEMENT_NODE&&n.nodeType!==Node.DOCUMENT_TYPE_NODE;n=n.previousSibling)i&&l.push(n),i+=1;const o=typeof e.path>"u"?Ye(e.target):e.path,{outerHTML:s}=t;return o.reverse().map(i=>(i.localName||"")+(i.id?`#${i.id}`:"")+(i.className?`.${i.className}`:"")+(i.outerHTML===s?`:nth-child(${l.length})`:"")).filter(i=>!!i).join(" > ")};const ue=Symbol("store-raw"),M=Symbol("store-node"),_=Symbol("store-has"),ke=Symbol("store-self");function Oe(e){let t=e[N];if(!t&&(Object.defineProperty(e,N,{value:t=new Proxy(e,et)}),!Array.isArray(e))){const n=Object.keys(e),l=Object.getOwnPropertyDescriptors(e);for(let o=0,s=n.length;o<s;o++){const i=n[o];l[i].get&&Object.defineProperty(e,i,{enumerable:l[i].enumerable,get:l[i].get.bind(t)})}}return t}function te(e){let t;return e!=null&&typeof e=="object"&&(e[N]||!(t=Object.getPrototypeOf(e))||t===Object.prototype||Array.isArray(e))}function I(e,t=new Set){let n,l,o,s;if(n=e!=null&&e[ue])return n;if(!te(e)||t.has(e))return e;if(Array.isArray(e)){Object.isFrozen(e)?e=e.slice(0):t.add(e);for(let i=0,r=e.length;i<r;i++)o=e[i],(l=I(o,t))!==o&&(e[i]=l)}else{Object.isFrozen(e)?e=Object.assign({},e):t.add(e);const i=Object.keys(e),r=Object.getOwnPropertyDescriptors(e);for(let c=0,h=i.length;c<h;c++)s=i[c],!r[s].get&&(o=e[s],(l=I(o,t))!==o&&(e[s]=l))}return e}function ne(e,t){let n=e[t];return n||Object.defineProperty(e,t,{value:n=Object.create(null)}),n}function q(e,t,n){if(e[t])return e[t];const[l,o]=V(n,{equals:!1,internal:!0});return l.$=o,e[t]=l}function Qe(e,t){const n=Reflect.getOwnPropertyDescriptor(e,t);return!n||n.get||!n.configurable||t===N||t===M||(delete n.value,delete n.writable,n.get=()=>e[N][t]),n}function Ce(e){re()&&q(ne(e,M),ke)()}function Ze(e){return Ce(e),Reflect.ownKeys(e)}const et={get(e,t,n){if(t===ue)return e;if(t===N)return n;if(t===he)return Ce(e),n;const l=ne(e,M),o=l[t];let s=o?o():e[t];if(t===M||t===_||t==="__proto__")return s;if(!o){const i=Object.getOwnPropertyDescriptor(e,t);re()&&(typeof s!="function"||e.hasOwnProperty(t))&&!(i&&i.get)&&(s=q(l,t,s)())}return te(s)?Oe(s):s},has(e,t){return t===ue||t===N||t===he||t===M||t===_||t==="__proto__"?!0:(re()&&q(ne(e,_),t)(),t in e)},set(){return!0},deleteProperty(){return!0},ownKeys:Ze,getOwnPropertyDescriptor:Qe};function le(e,t,n,l=!1){if(!l&&e[t]===n)return;const o=e[t],s=e.length;n===void 0?(delete e[t],e[_]&&e[_][t]&&o!==void 0&&e[_][t].$()):(e[t]=n,e[_]&&e[_][t]&&o===void 0&&e[_][t].$());let i=ne(e,M),r;if((r=q(i,t,o))&&r.$(()=>n),Array.isArray(e)&&e.length!==s){for(let c=e.length;c<s;c++)(r=i[c])&&r.$();(r=q(i,"length",s))&&r.$(e.length)}(r=i[ke])&&r.$()}function Ne(e,t){const n=Object.keys(t);for(let l=0;l<n.length;l+=1){const o=n[l];le(e,o,t[o])}}function tt(e,t){if(typeof t=="function"&&(t=t(e)),t=I(t),Array.isArray(t)){if(e===t)return;let n=0,l=t.length;for(;n<l;n++){const o=t[n];e[n]!==o&&le(e,n,o)}le(e,"length",l)}else Ne(e,t)}function R(e,t,n=[]){let l,o=e;if(t.length>1){l=t.shift();const i=typeof l,r=Array.isArray(e);if(Array.isArray(l)){for(let c=0;c<l.length;c++)R(e,[l[c]].concat(t),n);return}else if(r&&i==="function"){for(let c=0;c<e.length;c++)l(e[c],c)&&R(e,[c].concat(t),n);return}else if(r&&i==="object"){const{from:c=0,to:h=e.length-1,by:u=1}=l;for(let g=c;g<=h;g+=u)R(e,[g].concat(t),n);return}else if(t.length>1){R(e[l],t,[l].concat(n));return}o=e[l],n=[l].concat(n)}let s=t[0];typeof s=="function"&&(s=s(o,n),s===o)||l===void 0&&s==null||(s=I(s),l===void 0||te(o)&&te(s)&&!Array.isArray(s)?Ne(o,s):le(e,l,s))}function nt(...[e,t]){const n=I(e||{}),l=Array.isArray(n),o=Oe(n);function s(...i){je(()=>{l&&i.length===1?tt(n,i[0]):R(n,i)})}return[o,s]}const[w,H]=nt({working:!1,selectedElement:null}),lt=k('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path data-ohbug-selector d="M0 0h24v24H0z" fill="none"></path><path data-ohbug-selector d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" fill="rgba(255,255,255,1)">'),ot=k('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path data-ohbug-selector d="M0 0h24v24H0z" fill="none"></path><path data-ohbug-selector d="M3 3h2v2H3V3zm4 0h2v2H7V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm0 4h2v2h-2V7zM3 19h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3V7zm7.667 4l1.036-1.555A1 1 0 0 1 12.535 9h2.93a1 1 0 0 1 .832.445L17.333 11H20a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2.667zM9 19h10v-6h-2.737l-1.333-2h-1.86l-1.333 2H9v6zm5-1a2 2 0 1 1 0-4 2 2 0 0 1 0 4z">'),fe=()=>lt(),st=()=>(()=>{const e=ot();return e.firstChild.nextSibling.style.setProperty("fill","var(--color)"),e})(),it=k('<div data-ohbug-selector class="bg-none border-solid border-4 border-blue-500 transition top-0 right-0 bottom-0 left-0 z-10 fixed pointer-events-none"><div data-ohbug-selector class="tips">Select element on the page<button class="btn-stop" type="button">'),rt=k('<button data-ohbug-selector class="rounded-full border-none cursor-pointer flex bg-red-500 h-6 -top-3 -right-3 w-6 z-10 items-center justify-center absolute pointer-events-auto" type="button">'),ct=k('<button data-ohbug-selector class="border-solid cursor-pointer font-semibold bg-red-500 border-4 border-red-500 -bottom-full text-white right-0 absolute pointer-events-auto" type="button">Change'),ut=k('<div data-ohbug-selector class="-z-1 fixed"><div data-ohbug-selector class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none"></div><div data-ohbug-selector class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none"></div><div data-ohbug-selector class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none"></div><div data-ohbug-selector class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none"></div><div data-ohbug-selector>'),ft=()=>{const[e,t]=V();let n,l,o,s,i;const r=2;function c(f){if(!f||f.tagName==="HTML")return;const{width:a,height:y,top:E,right:P,bottom:F,left:d}=f.getBoundingClientRect();i==null||i.setAttribute("style",`
|
|
2
2
|
width: ${a+r*2}px;
|
|
3
3
|
height: ${y+r*2}px;
|
|
4
4
|
top: ${E-r}px;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
left: ${P}px;
|
|
16
16
|
`),o==null||o.setAttribute("style",`
|
|
17
17
|
width: ${a+d}px;
|
|
18
|
-
top: ${
|
|
18
|
+
top: ${F}px;
|
|
19
19
|
bottom: 0;
|
|
20
20
|
left: 0;
|
|
21
21
|
`),s==null||s.setAttribute("style",`
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
height: ${y}px;
|
|
24
24
|
top: ${E}px;
|
|
25
25
|
left: 0;
|
|
26
|
-
`)}function h(f){if(!f||f.tagName==="HTML")return;const{width:a,height:y,top:E,left:P}=f.getBoundingClientRect();
|
|
26
|
+
`)}function h(f){if(!f||f.tagName==="HTML")return;const{width:a,height:y,top:E,left:P}=f.getBoundingClientRect();H({selectedElement:f}),i==null||i.setAttribute("style",`
|
|
27
27
|
width: ${a+r*2}px;
|
|
28
28
|
height: ${y+r*2}px;
|
|
29
29
|
top: ${E-r}px;
|
|
30
30
|
left: ${P-r}px;
|
|
31
|
-
`)}function u(f){var y;j({working:!0});const a=document.elementFromPoint(f.clientX,f.clientY);if(((y=a==null?void 0:a.dataset)==null?void 0:y.ohbugSelector)!==void 0||a.tagName==="HTML")return!1;c(a)}function g(){document.addEventListener("mousemove",u)}function m(){document.removeEventListener("mousemove",u)}function _(f){var y;const a=document.elementFromPoint(f.clientX,f.clientY);if(((y=a==null?void 0:a.dataset)==null?void 0:y.ohbugSelector)!==void 0||a.tagName==="HTML"||p.selectedElement&&p.working)return!1;t(a),h(e()),m()}function T(){document.addEventListener("mousedown",_)}function q(){document.removeEventListener("mousedown",_)}function O(){t(null),m(),q(),j({working:!1,selectedElement:null})}function K(){j({working:!0,selectedElement:null}),t(null),g()}return we(()=>{p.working?(g(),T()):(m(),q())}),je(O),(()=>{const f=ct(),a=f.firstChild,y=a.nextSibling,E=y.nextSibling,P=E.nextSibling,M=P.nextSibling;return v(f,x(R,{get when(){return!p.selectedElement&&p.working},get children(){const d=st(),Ne=d.firstChild,Te=Ne.firstChild,fe=Te.nextSibling;return fe.$$click=O,v(fe,x(re,{})),d}}),a),B(d=>{n=d},a),B(d=>{l=d},y),B(d=>{o=d},E),B(d=>{s=d},P),B(d=>{i=d},M),v(M,x(R,{get when(){return p.selectedElement&&p.working},get children(){return[(()=>{const d=it();return d.$$click=O,v(d,x(re,{})),d})(),(()=>{const d=rt();return d.$$click=K,d.style.setProperty("transform","translate(4px, -8px)"),d})()]}})),D(()=>Ve(M,`fixed -z-1 bg-black bg-opacity-20 border-4 rounded-sm transition cursor-pointer box-border pointer-events-none ${e()?"border-red-500 border-solid":"border-blue-500 border-dashed"}`)),f})()};Ee(["click"]);const ft=A('<button class="btn-main" data-ohbug-selector type="button">'),at=A('<div class="bg-white flex flex-col h-60 shadow z-max right-8 bottom-20 w-80 fixed" data-ohbug-selector><div class="bg-gray-300 p-4" data-ohbug-selector><textarea autofocus class="bg-transparent outline-none border-none w-full resize-none" data-ohbug-selector maxlength="1000" placeholder="Tell me how you feel..." rows="4"></textarea><button class="cursor-pointer border-none bg-transparent" data-ohbug-selector type="button"></button></div><div class="flex flex-1 p-4 justify-between items-center" data-ohbug-selector><span class="text-sm" data-ohbug-selector>Try<a class="ml-1 underline" data-ohbug-selector href="https://ohbug.net" rel="noreferrer" target="_blank">Ohbug</a>?</span><button class="btn-send" data-ohbug-selector type="button"></button></div><button class="border-none rounded-full cursor-pointer flex bg-blue-500 h-6 -top-2 -right-2 w-6 z-10 items-center justify-center absolute" data-ohbug-selector type="button">'),dt=A('<div class="z-max relative" data-ohbug-selector><div>'),ht=()=>{const[e,t]=U(!1),[n,l]=U("");function o(){j({working:!0})}const[s,i]=U(!1);async function r(){i(!0);let c,h;const u=We().client;if(p.selectedElement){const g={target:p.selectedElement};c=Ye(g),h=p.selectedElement.outerHTML;const m=u.createEvent({category:"feedback",type:"feedback",detail:{selector:c,outerHTML:h,feedback:n()}});await u.notify(m)}else{const g=u.createEvent({category:"feedback",type:"feedback",detail:{feedback:n()}});await u.notify(g)}t(!1),l(""),j({working:!1,selectedElement:null}),i(!1)}return we(()=>{p.working===!1&&p.selectedElement===null||p.working&&!p.selectedElement?t(!1):t(!0)}),(()=>{const c=dt(),h=c.firstChild;return v(c,x(R,{get when(){return p.working},get children(){return x(ut,{})}}),h),v(h,x(R,{get when(){return!(p.working&&!p.selectedElement)},get children(){const u=ft();return u.$$click=()=>t(g=>!g),v(u,()=>e()?"😆":"🙂"),u}}),null),v(h,x(R,{get when(){return e()},get children(){const u=at(),g=u.firstChild,m=g.firstChild,_=m.nextSibling,T=g.nextSibling,q=T.firstChild,O=q.nextSibling,K=T.nextSibling;return m.$$input=f=>l(f.currentTarget.value),_.$$click=o,v(_,x(ot,{})),O.$$click=r,v(O,()=>s()?"Sending...":"Send"),K.$$click=()=>t(f=>!f),v(K,x(re,{})),D(f=>{const a=p.selectedElement?"blue":"gray",y=!n()||s();return a!==f._v$&&((f._v$=a)!=null?_.style.setProperty("--color",a):_.style.removeProperty("--color")),y!==f._v$2&&(O.disabled=f._v$2=y),f},{_v$:void 0,_v$2:void 0}),D(()=>m.value=n()),u}}),null),c})()};Ee(["click","input"]);const gt="OhbugExtensionFeedback-ROOT";let z=null;const bt=e=>({name:"OhbugExtensionFeedback",onSetup:()=>{z=document.createElement("div"),z.id=gt,(e||document.body).appendChild(z),Re(()=>x(ht,{}),z)},onDestroy:()=>{z&&z.remove()}});function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject("*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: \n}\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: \n}\n.btn-main {\n z-index: 99999;\n position: fixed;\n right: 2rem;\n bottom: 2rem;\n display: flex;\n height: 2rem;\n width: 2.5rem;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n align-items: center;\n justify-content: center;\n border-radius: 0.25rem;\n border-style: none;\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.btn-main:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.btn-send {\n cursor: pointer;\n border-radius: 0.125rem;\n border-style: none;\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.btn-send:disabled {\n cursor: not-allowed;\n opacity: 0.5\n}\n.btn-stop {\n pointer-events: auto;\n margin-left: 0.25rem;\n cursor: pointer;\n border-style: none;\n background-color: transparent;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.btn-stop:hover {\n background-color: rgb(107 114 128 / var(--tw-bg-opacity));\n --tw-bg-opacity: 0.3\n}\n.tips {\n z-index: 99999;\n position: fixed;\n top: 0px;\n left: 50%;\n display: flex;\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n align-items: center;\n border-bottom-right-radius: 0.5rem;\n border-bottom-left-radius: 0.5rem;\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n padding: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.z-max {\n z-index: 99999\n}\n.pointer-events-none {\n pointer-events: none\n}\n.pointer-events-auto {\n pointer-events: auto\n}\n.visible {\n visibility: visible\n}\n.fixed {\n position: fixed\n}\n.absolute {\n position: absolute\n}\n.relative {\n position: relative\n}\n.-bottom-full {\n bottom: -100%\n}\n.-right-2 {\n right: -0.5rem\n}\n.-right-3 {\n right: -0.75rem\n}\n.-top-2 {\n top: -0.5rem\n}\n.-top-3 {\n top: -0.75rem\n}\n.bottom-0 {\n bottom: 0px\n}\n.bottom-20 {\n bottom: 5rem\n}\n.left-0 {\n left: 0px\n}\n.right-0 {\n right: 0px\n}\n.right-8 {\n right: 2rem\n}\n.top-0 {\n top: 0px\n}\n.z-10 {\n z-index: 10\n}\n.ml-1 {\n margin-left: 0.25rem\n}\n.box-border {\n box-sizing: border-box\n}\n.flex {\n display: flex\n}\n.h-6 {\n height: 1.5rem\n}\n.h-60 {\n height: 15rem\n}\n.w-6 {\n width: 1.5rem\n}\n.w-80 {\n width: 20rem\n}\n.w-full {\n width: 100%\n}\n.flex-1 {\n flex: 1 1 0%\n}\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.cursor-pointer {\n cursor: pointer\n}\n.resize-none {\n resize: none\n}\n.flex-col {\n flex-direction: column\n}\n.items-center {\n align-items: center\n}\n.justify-center {\n justify-content: center\n}\n.justify-between {\n justify-content: space-between\n}\n.rounded-full {\n border-radius: 9999px\n}\n.rounded-sm {\n border-radius: 0.125rem\n}\n.border-4 {\n border-width: 4px\n}\n.border-solid {\n border-style: solid\n}\n.border-dashed {\n border-style: dashed\n}\n.border-none {\n border-style: none\n}\n.border-blue-500 {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.border-red-500 {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.bg-black {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n.bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.bg-gray-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity))\n}\n.bg-red-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.bg-transparent {\n background-color: transparent\n}\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.bg-opacity-20 {\n --tw-bg-opacity: 0.2\n}\n.bg-opacity-40 {\n --tw-bg-opacity: 0.4\n}\n.bg-none {\n background-image: none\n}\n.p-4 {\n padding: 1rem\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n.font-semibold {\n font-weight: 600\n}\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.underline {\n text-decoration-line: underline\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}");module.exports=bt;
|
|
31
|
+
`)}function u(f){var y;H({working:!0});const a=document.elementFromPoint(f.clientX,f.clientY);if(((y=a==null?void 0:a.dataset)==null?void 0:y.ohbugSelector)!==void 0||a.tagName==="HTML")return!1;c(a)}function g(){document.addEventListener("mousemove",u)}function m(){document.removeEventListener("mousemove",u)}function S(f){var y;const a=document.elementFromPoint(f.clientX,f.clientY);if(((y=a==null?void 0:a.dataset)==null?void 0:y.ohbugSelector)!==void 0||a.tagName==="HTML"||w.selectedElement&&w.working)return!1;t(a),h(e()),m()}function L(){document.addEventListener("mousedown",S)}function W(){document.removeEventListener("mousedown",S)}function C(){t(null),m(),W(),H({working:!1,selectedElement:null})}function X(){H({working:!0,selectedElement:null}),t(null),g()}return $e(()=>{w.working?(g(),L()):(m(),W())}),He(C),(()=>{const f=ut(),a=f.firstChild,y=a.nextSibling,E=y.nextSibling,P=E.nextSibling,F=P.nextSibling;return v(f,x(G,{get when(){return!w.selectedElement&&w.working},get children(){const d=it(),Te=d.firstChild,Le=Te.firstChild,de=Le.nextSibling;return de.$$click=C,v(de,x(fe,{})),d}}),a),U(d=>{n=d},a),U(d=>{l=d},y),U(d=>{o=d},E),U(d=>{s=d},P),U(d=>{i=d},F),v(F,x(G,{get when(){return w.selectedElement?w.working:null},get children(){return[(()=>{const d=rt();return d.$$click=C,v(d,x(fe,{})),d})(),(()=>{const d=ct();return d.$$click=X,d.style.setProperty("transform","translate(4px, -8px)"),d})()]}})),D(()=>Ge(F,`fixed -z-1 bg-black bg-opacity-20 border-4 rounded-sm transition cursor-pointer box-border pointer-events-none ${e()?"border-red-500 border-solid":"border-blue-500 border-dashed"}`)),f})()};_e(["click"]);const at=k('<button data-ohbug-selector class="btn-main" type="button">'),dt=k('<div data-ohbug-selector class="bg-white flex flex-col h-60 shadow z-max right-8 bottom-20 w-80 fixed"><div data-ohbug-selector class="bg-gray-300 p-4"><textarea autofocus data-ohbug-selector class="bg-transparent outline-none border-none w-full resize-none" maxlength="1000" placeholder="Tell me how you feel..." rows="4"></textarea><button data-ohbug-selector class="cursor-pointer border-none bg-transparent" type="button"></button></div><div data-ohbug-selector class="flex flex-1 p-4 justify-between items-center"><span data-ohbug-selector class="text-sm">Try<a data-ohbug-selector class="ml-1 underline" href="https://ohbug.net" rel="noreferrer" target="_blank">Ohbug</a>?</span><button data-ohbug-selector class="btn-send" type="button"></button></div><button data-ohbug-selector class="border-none rounded-full cursor-pointer flex bg-blue-500 h-6 -top-2 -right-2 w-6 z-10 items-center justify-center absolute" type="button">'),ht=k('<div data-ohbug-selector class="z-max relative"><div>'),gt=()=>{const[e,t]=V(!1),[n,l]=V("");function o(){H({working:!0})}const[s,i]=V(!1);async function r(){i(!0);let c,h;const u=Xe().client;if(w.selectedElement){const g={target:w.selectedElement};c=Je(g),h=w.selectedElement.outerHTML;const m=u.createEvent({category:"feedback",type:"feedback",detail:{selector:c,outerHTML:h,feedback:n()}});await u.notify(m)}else{const g=u.createEvent({category:"feedback",type:"feedback",detail:{feedback:n()}});await u.notify(g)}t(!1),l(""),H({working:!1,selectedElement:null}),i(!1)}return $e(()=>{w.working===!1&&w.selectedElement===null||w.working&&!w.selectedElement?t(!1):t(!0)}),(()=>{const c=ht(),h=c.firstChild;return v(c,x(G,{get when(){return w.working},get children(){return x(ft,{})}}),h),v(h,x(G,{get when(){return!(w.working&&!w.selectedElement)},get children(){const u=at();return u.$$click=()=>t(g=>!g),v(u,()=>e()?"😆":"🙂"),u}}),null),v(h,x(G,{get when(){return e()},get children(){const u=dt(),g=u.firstChild,m=g.firstChild,S=m.nextSibling,L=g.nextSibling,W=L.firstChild,C=W.nextSibling,X=L.nextSibling;return m.$$input=f=>l(f.currentTarget.value),S.$$click=o,v(S,x(st,{})),C.$$click=r,v(C,()=>s()?"Sending...":"Send"),X.$$click=()=>t(f=>!f),v(X,x(fe,{})),D(f=>{const a=w.selectedElement?"blue":"gray",y=!n()||s();return a!==f._v$&&((f._v$=a)!=null?S.style.setProperty("--color",a):S.style.removeProperty("--color")),y!==f._v$2&&(C.disabled=f._v$2=y),f},{_v$:void 0,_v$2:void 0}),D(()=>m.value=n()),u}}),null),c})()};_e(["click","input"]);const bt="OhbugExtensionFeedback-ROOT";let j=null;const pt=e=>({name:"OhbugExtensionFeedback",onSetup:()=>{j=document.createElement("div"),j.id=bt,(e||document.body).append(j),Ve(()=>x(gt,{}),j)},onDestroy:()=>{j&&j.remove()}});function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject("*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: \n}\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: \n}\n.btn-main {\n z-index: 99999;\n position: fixed;\n right: 2rem;\n bottom: 2rem;\n display: flex;\n height: 2rem;\n width: 2.5rem;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n align-items: center;\n justify-content: center;\n border-radius: 0.25rem;\n border-style: none;\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.btn-main:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.btn-send {\n cursor: pointer;\n border-radius: 0.125rem;\n border-style: none;\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.btn-send:disabled {\n cursor: not-allowed;\n opacity: 0.5\n}\n.btn-stop {\n pointer-events: auto;\n margin-left: 0.25rem;\n cursor: pointer;\n border-style: none;\n background-color: transparent;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.btn-stop:hover {\n background-color: rgb(107 114 128 / var(--tw-bg-opacity));\n --tw-bg-opacity: 0.3\n}\n.tips {\n z-index: 99999;\n position: fixed;\n top: 0px;\n left: 50%;\n display: flex;\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n align-items: center;\n border-bottom-right-radius: 0.5rem;\n border-bottom-left-radius: 0.5rem;\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n padding: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.z-max {\n z-index: 99999\n}\n.pointer-events-none {\n pointer-events: none\n}\n.pointer-events-auto {\n pointer-events: auto\n}\n.visible {\n visibility: visible\n}\n.fixed {\n position: fixed\n}\n.absolute {\n position: absolute\n}\n.relative {\n position: relative\n}\n.-bottom-full {\n bottom: -100%\n}\n.-right-2 {\n right: -0.5rem\n}\n.-right-3 {\n right: -0.75rem\n}\n.-top-2 {\n top: -0.5rem\n}\n.-top-3 {\n top: -0.75rem\n}\n.bottom-0 {\n bottom: 0px\n}\n.bottom-20 {\n bottom: 5rem\n}\n.left-0 {\n left: 0px\n}\n.right-0 {\n right: 0px\n}\n.right-8 {\n right: 2rem\n}\n.top-0 {\n top: 0px\n}\n.z-10 {\n z-index: 10\n}\n.ml-1 {\n margin-left: 0.25rem\n}\n.box-border {\n box-sizing: border-box\n}\n.flex {\n display: flex\n}\n.h-6 {\n height: 1.5rem\n}\n.h-60 {\n height: 15rem\n}\n.w-6 {\n width: 1.5rem\n}\n.w-80 {\n width: 20rem\n}\n.w-full {\n width: 100%\n}\n.flex-1 {\n flex: 1 1 0%\n}\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.cursor-pointer {\n cursor: pointer\n}\n.resize-none {\n resize: none\n}\n.flex-col {\n flex-direction: column\n}\n.items-center {\n align-items: center\n}\n.justify-center {\n justify-content: center\n}\n.justify-between {\n justify-content: space-between\n}\n.rounded-full {\n border-radius: 9999px\n}\n.rounded-sm {\n border-radius: 0.125rem\n}\n.border-4 {\n border-width: 4px\n}\n.border-solid {\n border-style: solid\n}\n.border-dashed {\n border-style: dashed\n}\n.border-none {\n border-style: none\n}\n.border-blue-500 {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.border-red-500 {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.bg-black {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n.bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.bg-gray-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity))\n}\n.bg-red-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.bg-transparent {\n background-color: transparent\n}\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.bg-opacity-20 {\n --tw-bg-opacity: 0.2\n}\n.bg-opacity-40 {\n --tw-bg-opacity: 0.4\n}\n.bg-none {\n background-image: none\n}\n.p-4 {\n padding: 1rem\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n.font-semibold {\n font-weight: 600\n}\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.underline {\n text-decoration-line: underline\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}");module.exports=pt;
|