@ohbug/extension-feedback 0.1.1 → 0.4.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 ohbug-org
+Copyright (c) 2022 ohbug-org
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -6,26 +6,28 @@
   <p>An open source application information monitoring platform.</p>
 </div>
 
-# `@ohbug/extension-feedback`
-
-[![npm](https://img.shields.io/npm/v/@ohbug/extension-feedback.svg?style=flat-square)](https://www.npmjs.com/package/@ohbug/extension-feedback)
-[![npm bundle size](https://img.shields.io/bundlephobia/min/@ohbug/extension-feedback?style=flat-square)](https://bundlephobia.com/result?p=@ohbug/extension-feedback)
-[![Code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-
-Used to collect user feedback.
-
-## Installation
-
-```
-yarn add @ohbug/extension-feedback
-```
-
-## Usage
-
-```javascript
-import Ohbug from '@ohbug/browser'
-import OhbugExtensionFeedback from '@ohbug/extension-feedback'
-
-const client = Ohbug.init({ apiKey: 'YOUR_API_KEY' })
-client.use(OhbugExtensionFeedback)
-```
+# OhbugExtension starter
+
+Use this template to create your own Ohbug extension.
+
+English | [简体中文](./README-zh_CN.md)
+
+## Quick start
+
+1.  **Git clone the repo.**
+    ```shell
+    git clone git@github.com:ohbug-org/ohbug-extension-starter.git
+    ```
+1.  **Installation dependencies.**
+    ```shell
+    cd ohbug-extension-starter/
+    pnpm i
+    ```
+1.  **Start developing.**
+    ```shell
+    pnpm run dev
+    ```
+1.  **Build.**
+    ```shell
+    pnpm run build
+    ```

package/dist/Box.d.ts

@@ -0,0 +1,4 @@
+import type { Component } from 'solid-js';
+declare const Box: Component;
+export default Box;
+//# sourceMappingURL=Box.d.ts.map

package/dist/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAOzC,OAAO,gBAAgB,CAAA;AACvB,OAAO,gBAAgB,CAAA;AAEvB,QAAA,MAAM,GAAG,EAAE,SAkJV,CAAA;AAED,eAAe,GAAG,CAAA"}

package/dist/Selector.d.ts

@@ -0,0 +1,4 @@
+import type { Component } from 'solid-js';
+declare const Selector: Component;
+export default Selector;
+//# sourceMappingURL=Selector.d.ts.map

package/dist/Selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selector.d.ts","sourceRoot":"","sources":["Selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAUzC,OAAO,YAAY,CAAA;AACnB,OAAO,gBAAgB,CAAA;AAEvB,QAAA,MAAM,QAAQ,EAAE,SAiQf,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/assets.d.ts

@@ -0,0 +1,4 @@
+import type { Component } from 'solid-js';
+export declare const Close: Component;
+export declare const Screen: Component;
+//# sourceMappingURL=assets.d.ts.map

package/dist/assets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["assets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC,eAAO,MAAM,KAAK,EAAE,SAmBnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,SAmBpB,CAAA"}

package/dist/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import type { OhbugExtension } from '@ohbug/types';
+declare const extension: OhbugExtension;
+export default extension;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIlD,QAAA,MAAM,SAAS,EAAE,cAShB,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/index.js

@@ -0,0 +1,498 @@
+"use strict";const E={};function ze(e){E.context=e}const Le=(e,t)=>e===t,L=Symbol("solid-proxy"),De=Symbol("solid-track"),W={equals:Le};let be=me;const D={},O=1,X=2,pe={owned:null,cleanups:null,context:null,owner:null};var y=null;let G=null,b=null,M=null,v=null,_=null,le=0;function je(e,t){const n=b,o=y,l=e.length===0,s=l?pe:{owned:null,cleanups:null,context:null,owner:t||o},i=l?e:()=>e(()=>ue(s));y=s,b=null;try{return ce(i,!0)}finally{b=n,y=o}}function F(e,t){t=t?Object.assign({},W,t):W;const n={value:e,observers:null,observerSlots:null,pending:D,comparator:t.equals||void 0},o=l=>(typeof l=="function"&&(l=l(n.pending!==D?n.pending:n.value)),ie(n,l));return[$e.bind(n),o]}function j(e,t,n){const o=re(e,t,!1,O);I(o)}function we(e,t,n){be=Fe;const o=re(e,t,!1,O);o.user=!0,_?_.push(o):I(o)}function de(e,t,n){n=n?Object.assign({},W,n):W;const o=re(e,t,!0,0);return o.pending=D,o.observers=null,o.observerSlots=null,o.comparator=n.equals||void 0,I(o),$e.bind(o)}function ye(e){if(M)return e();let t;const n=M=[];try{t=e()}finally{M=null}return ce(()=>{for(let o=0;o<n.length;o+=1){const l=n[o];if(l.pending!==D){const s=l.pending;l.pending=D,ie(l,s)}}},!1),t}function se(e){let t,n=b;return b=null,t=e(),b=n,t}function He(e){return y===null||(y.cleanups===null?y.cleanups=[e]:y.cleanups.push(e)),e}function ve(){return b}function $e(){const e=G;if(this.sources&&(this.state||e)){const t=v;v=null,this.state===O||e?I(this):Y(this),v=t}if(b){const t=this.observers?this.observers.length:0;b.sources?(b.sources.push(this),b.sourceSlots.push(t)):(b.sources=[this],b.sourceSlots=[t]),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 ie(e,t,n){if(M)return e.pending===D&&M.push(e),e.pending=t,t;if(e.comparator&&e.comparator(e.value,t))return t;let o=!1;return e.value=t,e.observers&&e.observers.length&&ce(()=>{for(let l=0;l<e.observers.length;l+=1){const s=e.observers[l];o&&G.disposed.has(s),(o&&!s.tState||!o&&!s.state)&&(s.pure?v.push(s):_.push(s),s.observers&&xe(s)),o||(s.state=O)}if(v.length>1e6)throw v=[],new Error},!1),t}function I(e){if(!e.fn)return;ue(e);const t=y,n=b,o=le;b=y=e,Be(e,e.value,o),b=n,y=t}function Be(e,t,n){let o;try{o=e.fn(t)}catch(l){Se(l)}(!e.updatedAt||e.updatedAt<=n)&&(e.observers&&e.observers.length?ie(e,o):e.value=o,e.updatedAt=n)}function re(e,t,n,o=O,l){const s={fn:e,state:o,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:t,owner:y,context:null,pure:n};return y===null||y!==pe&&(y.owned?y.owned.push(s):y.owned=[s]),s}function R(e){const t=G;if(e.state===0||t)return;if(e.state===X||t)return Y(e);if(e.suspense&&se(e.suspense.inFallback))return e.suspense.effects.push(e);const n=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<le);)(e.state||t)&&n.push(e);for(let o=n.length-1;o>=0;o--)if(e=n[o],e.state===O||t)I(e);else if(e.state===X||t){const l=v;v=null,Y(e,n[0]),v=l}}function ce(e,t){if(v)return e();let n=!1;t||(v=[]),_?n=!0:_=[],le++;try{const o=e();return Me(n),o}catch(o){v||(_=null),Se(o)}}function Me(e){v&&(me(v),v=null),!e&&(_.length?ye(()=>{be(_),_=null}):_=null)}function me(e){for(let t=0;t<e.length;t++)R(e[t])}function Fe(e){let t,n=0;for(t=0;t<e.length;t++){const l=e[t];l.user?e[n++]=l:R(l)}E.context&&ze();const o=e.length;for(t=0;t<n;t++)R(e[t]);for(t=o;t<e.length;t++)R(e[t])}function Y(e,t){const n=G;e.state=0;for(let o=0;o<e.sources.length;o+=1){const l=e.sources[o];l.sources&&(l.state===O||n?l!==t&&R(l):(l.state===X||n)&&Y(l,t))}}function xe(e){const t=G;for(let n=0;n<e.observers.length;n+=1){const o=e.observers[n];(!o.state||t)&&(o.state=X,o.pure?v.push(o):_.push(o),o.observers&&xe(o))}}function ue(e){let t;if(e.sources)for(;e.sources.length;){const n=e.sources.pop(),o=e.sourceSlots.pop(),l=n.observers;if(l&&l.length){const s=l.pop(),i=n.observerSlots.pop();o<l.length&&(s.sourceSlots[i]=o,l[o]=s,n.observerSlots[o]=i)}}if(e.owned){for(t=0;t<e.owned.length;t++)ue(e.owned[t]);e.owned=null}if(e.cleanups){for(t=0;t<e.cleanups.length;t++)e.cleanups[t]();e.cleanups=null}e.state=0,e.context=null}function Se(e){throw e}function S(e,t){return se(()=>e(t||{}))}function V(e){let t=!1;const n=de(()=>e.when,void 0,{equals:(o,l)=>t?o===l:!o==!l});return de(()=>{const o=n();if(o){const l=e.children;return(t=typeof l=="function"&&l.length>0)?se(()=>l(o)):l}return e.fallback})}function Re(e,t,n){let o=n.length,l=t.length,s=o,i=0,r=0,c=t[l-1].nextSibling,u=null;for(;i<l||r<s;){if(t[i]===n[r]){i++,r++;continue}for(;t[l-1]===n[s-1];)l--,s--;if(l===i){const a=s<o?r?n[r-1].nextSibling:n[s-r]:c;for(;r<s;)e.insertBefore(n[r++],a)}else if(s===r)for(;i<l;)(!u||!u.has(t[i]))&&t[i].remove(),i++;else if(t[i]===n[s-1]&&n[r]===t[l-1]){const a=t[--l].nextSibling;e.insertBefore(n[r++],t[i++].nextSibling),e.insertBefore(n[--s],a),t[l]=n[s]}else{if(!u){u=new Map;let g=r;for(;g<s;)u.set(n[g],g++)}const a=u.get(t[i]);if(a!=null)if(r<a&&a<s){let g=i,$=1,x;for(;++g<l&&g<s&&!((x=u.get(t[g]))==null||x!==a+$);)$++;if($>a-r){const C=t[i];for(;r<a;)e.insertBefore(n[r++],C)}else e.replaceChild(n[r++],t[i++])}else i++;else t[i++].remove()}}}const he="_$DX_DELEGATE";function Ve(e,t,n){let o;return je(l=>{o=l,t===document?e():m(t,e(),t.firstChild?null:void 0,n)}),()=>{o(),t.textContent=""}}function N(e,t,n){const o=document.createElement("template");o.innerHTML=e;let l=o.content.firstChild;return n&&(l=l.firstChild),l}function _e(e,t=window.document){const n=t[he]||(t[he]=new Set);for(let o=0,l=e.length;o<l;o++){const s=e[o];n.has(s)||(n.add(s),t.addEventListener(s,Ge))}}function Ue(e,t){t==null?e.removeAttribute("class"):e.className=t}function m(e,t,n,o){if(n!==void 0&&!o&&(o=[]),typeof t!="function")return J(e,t,o,n);j(l=>J(e,t(),l,n),o)}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}}),E.registry&&!E.done&&(E.done=!0,document.querySelectorAll("[id^=pl-]").forEach(o=>o.remove()));n!==null;){const o=n[t];if(o&&!n.disabled){const l=n[`${t}Data`];if(l!==void 0?o.call(n,l,e):o.call(n,e),e.cancelBubble)return}n=n.host&&n.host!==n&&n.host instanceof Node?n.host:n.parentNode}}function J(e,t,n,o,l){for(E.context&&!n&&(n=[...e.childNodes]);typeof n=="function";)n=n();if(t===n)return n;const s=typeof t,i=o!==void 0;if(e=i&&n[0]&&n[0].parentNode||e,s==="string"||s==="number"){if(E.context)return n;if(s==="number"&&(t=t.toString()),i){let r=n[0];r&&r.nodeType===3?r.data=t:r=document.createTextNode(t),n=P(e,n,o,r)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||s==="boolean"){if(E.context)return n;n=P(e,n,o)}else{if(s==="function")return j(()=>{let r=t();for(;typeof r=="function";)r=r();n=J(e,r,n,o)}),()=>n;if(Array.isArray(t)){const r=[],c=n&&Array.isArray(n);if(te(r,t,n,l))return j(()=>n=J(e,r,n,o,!0)),()=>n;if(E.context){for(let u=0;u<r.length;u++)if(r[u].parentNode)return n=r}if(r.length===0){if(n=P(e,n,o),i)return n}else c?n.length===0?ge(e,r,o):Re(e,n,r):(n&&P(e),ge(e,r));n=r}else if(t instanceof Node){if(E.context&&t.parentNode)return n=i?[t]:t;if(Array.isArray(n)){if(i)return n=P(e,n,o,t);P(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}}return n}function te(e,t,n,o){let l=!1;for(let s=0,i=t.length;s<i;s++){let r=t[s],c=n&&n[s];if(r instanceof Node)e.push(r);else if(!(r==null||r===!0||r===!1))if(Array.isArray(r))l=te(e,r,c)||l;else if(typeof r=="function")if(o){for(;typeof r=="function";)r=r();l=te(e,Array.isArray(r)?r:[r],c)||l}else e.push(r),l=!0;else{const u=String(r);c&&c.nodeType===3&&c.data===u?e.push(c):e.push(document.createTextNode(u))}}return l}function ge(e,t,n){for(let o=0,l=t.length;o<l;o++)e.insertBefore(t[o],n)}function P(e,t,n,o){if(n===void 0)return e.textContent="";const l=o||document.createTextNode("");if(t.length){let s=!1;for(let i=t.length-1;i>=0;i--){const r=t[i];if(l!==r){const c=r.parentNode===e;!s&&!i?c?e.replaceChild(l,r):e.insertBefore(l,n):c&&r.remove()}else s=!0}}else e.insertBefore(l,n);return[l]}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 o=0,l=t.replace(/%s/g,()=>n[o++]);throw new Error(`Ohbug ${l}`)}}var qe={};function Ke(){return typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:qe}function We(){let e=Ke();return Ie(Boolean(e.__OHBUG__),"Failed to get `OhbugObject`, please confirm if `Ohbug.setup`"),e.__OHBUG__}function Ee(e,t){e.parentNode&&(t.push(e.parentNode),Ee(e.parentNode,t))}function Xe(e){let t=[];return t.push(e),Ee(e,t),t}var Ye=e=>{let t=e.target||e.srcElement,n=e.target||e.srcElement,o=[];for(let i=0;n&&n.nodeType===Node.ELEMENT_NODE&&n.nodeType!==Node.DOCUMENT_TYPE_NODE;n=n.previousSibling)i&&o.push(n),i+=1;let l=typeof e.path>"u"?Xe(e.target):e.path,{outerHTML:s}=t;return l.reverse().map(i=>(i.localName||"")+(i.id?`#${i.id}`:"")+(i.className?`.${i.className}`:"")+(i.outerHTML===s?`:nth-child(${o.length})`:"")).filter(i=>Boolean(i)).join(" > ")};const Ae=Symbol("store-raw"),Q=Symbol("store-node"),Je=Symbol("store-name");function Ne(e,t){let n=e[L];if(!n){Object.defineProperty(e,L,{value:n=new Proxy(e,et)});const o=Object.keys(e),l=Object.getOwnPropertyDescriptors(e);for(let s=0,i=o.length;s<i;s++){const r=o[s];if(l[r].get){const c=l[r].get.bind(n);Object.defineProperty(e,r,{get:c})}}}return n}function Z(e){let t;return e!=null&&typeof e=="object"&&(e[L]||!(t=Object.getPrototypeOf(e))||t===Object.prototype||Array.isArray(e))}function U(e,t=new Set){let n,o,l,s;if(n=e!=null&&e[Ae])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++)l=e[i],(o=U(l,t))!==l&&(e[i]=o)}else{Object.isFrozen(e)?e=Object.assign({},e):t.add(e);const i=Object.keys(e),r=Object.getOwnPropertyDescriptors(e);for(let c=0,u=i.length;c<u;c++)s=i[c],!r[s].get&&(l=e[s],(o=U(l,t))!==l&&(e[s]=o))}return e}function fe(e){let t=e[Q];return t||Object.defineProperty(e,Q,{value:t={}}),t}function ne(e,t,n){return e[t]||(e[t]=Oe(n,!0))}function Qe(e,t){const n=Reflect.getOwnPropertyDescriptor(e,t);return!n||n.get||!n.configurable||t===L||t===Q||t===Je||(delete n.value,delete n.writable,n.get=()=>e[L][t]),n}function ke(e){if(ve()){const t=fe(e);(t._||(t._=Oe()))()}}function Ze(e){return ke(e),Reflect.ownKeys(e)}function Oe(e,t){const[n,o]=F(e,t?{internal:!0}:{equals:!1,internal:!0});return n.$=o,n}const et={get(e,t,n){if(t===Ae)return e;if(t===L)return n;if(t===De)return ke(e);const o=fe(e),l=o[t];let s=l?o[t]():e[t];if(t===Q||t==="__proto__")return s;if(!l){const i=Object.getOwnPropertyDescriptor(e,t);ve()&&(typeof s!="function"||e.hasOwnProperty(t))&&!(i&&i.get)&&(s=ne(o,t,s)())}return Z(s)?Ne(s):s},set(){return!0},deleteProperty(){return!0},ownKeys:Ze,getOwnPropertyDescriptor:Qe};function ee(e,t,n){if(e[t]===n)return;const o=e[t],l=e.length;n===void 0?delete e[t]:e[t]=n;let s=fe(e),i;(i=ne(s,t,o))&&i.$(()=>n),Array.isArray(e)&&e.length!==l&&(i=ne(s,"length",l))&&i.$(e.length),(i=s._)&&i.$()}function Ce(e,t){const n=Object.keys(t);for(let o=0;o<n.length;o+=1){const l=n[o];ee(e,l,t[l])}}function tt(e,t){if(typeof t=="function"&&(t=t(e)),t=U(t),Array.isArray(t)){if(e===t)return;let n=0,o=t.length;for(;n<o;n++){const l=t[n];e[n]!==l&&ee(e,n,l)}ee(e,"length",o)}else Ce(e,t)}function B(e,t,n=[]){let o,l=e;if(t.length>1){o=t.shift();const i=typeof o,r=Array.isArray(e);if(Array.isArray(o)){for(let c=0;c<o.length;c++)B(e,[o[c]].concat(t),n);return}else if(r&&i==="function"){for(let c=0;c<e.length;c++)o(e[c],c)&&B(e,[c].concat(t),n);return}else if(r&&i==="object"){const{from:c=0,to:u=e.length-1,by:a=1}=o;for(let g=c;g<=u;g+=a)B(e,[g].concat(t),n);return}else if(t.length>1){B(e[o],t,[o].concat(n));return}l=e[o],n=[o].concat(n)}let s=t[0];typeof s=="function"&&(s=s(l,n),s===l)||o===void 0&&s==null||(s=U(s),o===void 0||Z(l)&&Z(s)&&!Array.isArray(s)?Ce(l,s):ee(e,o,s))}function nt(...[e,t]){const n=U(e||{}),o=Array.isArray(n),l=Ne(n);function s(...i){ye(()=>{o&&i.length===1?tt(n,i[0]):B(n,i)})}return[l,s]}const[p,z]=nt({working:!1,selectedElement:null}),ot=N('<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)"></path></svg>'),lt=N('<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></path></svg>'),oe=()=>ot.cloneNode(!0),st=()=>(()=>{const e=lt.cloneNode(!0);return e.firstChild.nextSibling.style.setProperty("fill","var(--color)"),e})();const it=N('<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="stop-btn" type="button"></button></div></div>'),rt=N('<button class="rounded-full 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"></button>'),ct=N('<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</button>'),ut=N('<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></div></div>'),ft=()=>{const[e,t]=F();let n,o,l,s,i;const r=2;function c(f){if(!f)return;const{width:h,height:w,top:A,right:T,bottom:H,left:d}=f.getBoundingClientRect();i==null||i.setAttribute("style",`
+      width: ${h+r*2}px;
+      height: ${w+r*2}px;
+      top: ${A-r}px;
+      left: ${d-r}px;
+    `),n==null||n.setAttribute("style",`
+      height: ${A}px;
+      top: 0;
+      right: 0;
+      left: 0;
+    `),o==null||o.setAttribute("style",`
+      top: ${A}px;
+      right: 0;
+      bottom: 0;
+      left: ${T}px;
+    `),l==null||l.setAttribute("style",`
+      width: ${h+d}px;
+      top: ${H}px;
+      bottom: 0;
+      left: 0;
+    `),s==null||s.setAttribute("style",`
+      width: ${d}px;
+      height: ${w}px;
+      top: ${A}px;
+      left: 0;
+    `)}function u(f){if(!f)return;const{width:h,height:w,top:A,left:T}=f.getBoundingClientRect();z({selectedElement:f}),i==null||i.setAttribute("style",`
+      width: ${h+r*2}px;
+      height: ${w+r*2}px;
+      top: ${A-r}px;
+      left: ${T-r}px;
+    `)}function a(f){var w;z({working:!0});const h=document.elementFromPoint(f.clientX,f.clientY);if(((w=h==null?void 0:h.dataset)==null?void 0:w.ohbugSelector)!==void 0)return!1;c(h)}function g(){document.addEventListener("mousemove",a)}function $(){document.removeEventListener("mousemove",a)}function x(f){var w;const h=document.elementFromPoint(f.clientX,f.clientY);if(((w=h==null?void 0:h.dataset)==null?void 0:w.ohbugSelector)!==void 0||p.selectedElement&&p.working)return!1;t(h),u(e()),$()}function C(){document.addEventListener("mousedown",x)}function q(){document.removeEventListener("mousedown",x)}function k(){t(null),$(),q(),z({working:!1,selectedElement:null})}function K(){z({working:!0,selectedElement:null}),t(null),g()}return we(()=>{p.working?(g(),C()):($(),q())}),He(k),(()=>{const f=ut.cloneNode(!0),h=f.firstChild,w=h.nextSibling,A=w.nextSibling,T=A.nextSibling,H=T.nextSibling;return m(f,S(V,{get when(){return!p.selectedElement&&p.working},get children(){const d=it.cloneNode(!0),Te=d.firstChild,Pe=Te.firstChild,ae=Pe.nextSibling;return ae.$$click=k,m(ae,S(oe,{})),d}}),h),(d=>{n=d})(h),(d=>{o=d})(w),(d=>{l=d})(A),(d=>{s=d})(T),(d=>{i=d})(H),m(H,S(V,{get when(){return p.selectedElement&&p.working},get children(){return[(()=>{const d=rt.cloneNode(!0);return d.$$click=k,m(d,S(oe,{})),d})(),(()=>{const d=ct.cloneNode(!0);return d.$$click=K,d.style.setProperty("transform","translate(4px, -8px)"),d})()]}})),j(()=>Ue(H,`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=N('<button class="main-btn" data-ohbug-selector type="button"></button>'),dt=N('<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 w-full resize-none" data-ohbug-selector maxlength="1000" placeholder="Tell me how you feel..." rows="4"></textarea><button class="cursor-pointer" 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-2 underline" data-ohbug-selector href="https://ohbug.net" rel="noreferrer" target="_blank">Ohbug</a>?</span><button class="send-btn" data-ohbug-selector type="button"></button></div><button class="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"></button></div>'),ht=N('<div class="z-max relative" data-ohbug-selector><div></div></div>'),gt=()=>{const[e,t]=F(!1),[n,o]=F("");function l(){z({working:!0})}const[s,i]=F(!1);async function r(){i(!0);const c={target:p.selectedElement};let u,a;p.selectedElement&&(u=Ye(c),a=p.selectedElement.outerHTML);const $=We().client,x=$.createEvent({category:"feedback",type:"feedback",detail:{selector:u,outerHTML:a,feedback:n()}});await $.notify(x),t(!1),o(""),z({working:!1,selectedElement:null}),i(!1)}return we(()=>{p.working===!1&&p.selectedElement===null||p.working&&!p.selectedElement?t(!1):t(!0)}),(()=>{const c=ht.cloneNode(!0),u=c.firstChild;return m(c,S(V,{get when(){return p.working},get children(){return S(ft,{})}}),u),m(u,S(V,{get when(){return!(p.working&&!p.selectedElement)},get children(){const a=at.cloneNode(!0);return a.$$click=()=>t(g=>!g),m(a,()=>e()?"\u{1F606}":"\u{1F642}"),a}}),null),m(u,S(V,{get when(){return e()},get children(){const a=dt.cloneNode(!0),g=a.firstChild,$=g.firstChild,x=$.nextSibling,C=g.nextSibling,q=C.firstChild,k=q.nextSibling,K=C.nextSibling;return $.$$input=f=>o(f.currentTarget.value),x.$$click=l,m(x,S(st,{})),k.$$click=r,m(k,()=>s()?"Sending...":"Send"),K.$$click=()=>t(f=>!f),m(K,S(oe,{})),j(f=>{const h=p.selectedElement?"blue":"gray",w=!n()||s();return h!==f._v$&&x.style.setProperty("--color",f._v$=h),w!==f._v$2&&(k.disabled=f._v$2=w),f},{_v$:void 0,_v$2:void 0}),j(()=>$.value=n()),a}}),null),c})()};_e(["click","input"]);const bt={name:"OhbugExtensionFeedback",onSetup:()=>{const e=document.createElement("div");e.id="OhbugExtensionFeedback-ROOT",document.body.appendChild(e),Ve(()=>S(gt,{}),e)}};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(`.send-btn {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  border-radius: 0.125rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
+  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  transition-duration: 150ms;
+}
+.send-btn:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.main-btn {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  border-radius: 0.25rem;
+  cursor: pointer;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  height: 2rem;
+  position: fixed;
+  right: 2rem;
+  bottom: 2rem;
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
+  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 2.5rem;
+  z-index: 9999999;
+  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
+  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  transition-duration: 150ms;
+}
+.main-btn:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  --tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);
+  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
+  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
+}
+/* windicss layer base */
+*, ::before, ::after {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: #e5e7eb;
+}
+* {
+  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgba(59, 130, 246, 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+}
+:root {
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+}
+:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+::moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+  height: auto;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+[type='search'] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+}
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+body {
+  margin: 0;
+  font-family: inherit;
+  line-height: inherit;
+}
+button, textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  padding: 0;
+  line-height: inherit;
+  color: inherit;
+}
+button {
+  text-transform: none;
+  background-color: transparent;
+  background-image: none;
+}
+button, [type='button'], [type='reset'], [type='submit'] {
+  -webkit-appearance: button;
+}
+button, [role="button"] {
+  cursor: pointer;
+}
+html {
+  -webkit-text-size-adjust: 100%;
+  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  line-height: 1.5;
+}
+svg {
+  display: block;
+  vertical-align: middle;
+}
+textarea {
+  resize: vertical;
+}
+textarea::placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+textarea::webkit-input-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+textarea::-moz-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+textarea:-ms-input-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+textarea::-ms-input-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+/* windicss layer components */
+
+/* windicss layer utilities */
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+.bg-gray-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+}
+.bg-transparent {
+  background-color: transparent;
+}
+.bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
+.bg-none {
+  background-image: none;
+}
+.bg-opacity-40 {
+  --tw-bg-opacity: 0.4;
+}
+.bg-opacity-20 {
+  --tw-bg-opacity: 0.2;
+}
+.border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+.rounded-full {
+  border-radius: 9999px;
+}
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+.border-solid {
+  border-style: solid;
+}
+.border-dashed {
+  border-style: dashed;
+}
+.border-4 {
+  border-width: 4px;
+}
+.box-border {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.flex {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+}
+.flex-col {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+}
+.items-center {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+}
+.justify-center {
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+}
+.justify-between {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+}
+.flex-1 {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 0%;
+  -webkit-flex: 1 1 0%;
+  flex: 1 1 0%;
+}
+.font-semibold {
+  font-weight: 600;
+}
+.h-60 {
+  height: 15rem;
+}
+.h-6 {
+  height: 1.5rem;
+}
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.ml-2 {
+  margin-left: 0.5rem;
+}
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.p-4 {
+  padding: 1rem;
+}
+.pointer-events-none {
+  pointer-events: none;
+}
+.pointer-events-auto {
+  pointer-events: auto;
+}
+.fixed {
+  position: fixed;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.right-8 {
+  right: 2rem;
+}
+.bottom-20 {
+  bottom: 5rem;
+}
+.-top-2 {
+  top: -0.5rem;
+}
+.-right-2 {
+  right: -0.5rem;
+}
+.top-0 {
+  top: 0px;
+}
+.right-0 {
+  right: 0px;
+}
+.bottom-0 {
+  bottom: 0px;
+}
+.left-0 {
+  left: 0px;
+}
+.-top-3 {
+  top: -0.75rem;
+}
+.-right-3 {
+  right: -0.75rem;
+}
+.-bottom-full {
+  bottom: -100%;
+}
+.resize-none {
+  resize: none;
+}
+.shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
+  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
+}
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+.underline {
+  -webkit-text-decoration-line: underline;
+  text-decoration-line: underline;
+}
+.w-80 {
+  width: 20rem;
+}
+.w-full {
+  width: 100%;
+}
+.w-6 {
+  width: 1.5rem;
+}
+.z-max {
+  z-index: 9999999;
+}
+.z-10 {
+  z-index: 10;
+}
+.-z-1 {
+  z-index: -1;
+}
+.transition {
+  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
+  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  transition-duration: 150ms;
+}
+.tips {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding: 0.75rem;
+  position: fixed;
+  top: 0px;
+  left: 50%;
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  z-index: 9999999;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-translate-z: 0;
+  --tw-rotate: 0;
+  --tw-rotate-x: 0;
+  --tw-rotate-y: 0;
+  --tw-rotate-z: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-scale-z: 1;
+  -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
+  -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
+  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
+  --tw-translate-x: -50%;
+}
+.stop-btn:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.3;
+}
+.stop-btn {
+  margin-left: 0.25rem;
+  pointer-events: auto;
+  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
+  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  transition-duration: 150ms;
+}`);module.exports=bt;