pushfeedback 0.0.1

package/dist/pushfeedback/p-e53ad7c2.js

@@ -0,0 +1,2 @@
+let e,t,n=!1,l=!1;const s="http://www.w3.org/1999/xlink",o={},i=e=>"object"==(e=typeof e)||"function"===e,r=(e,t,...n)=>{let l=null,s=null,o=!1,r=!1;const u=[],f=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof e&&!i(l))&&(l+=""),o&&r?u[u.length-1].t+=l:u.push(o?c(null,l):l),r=o)};if(f(n),t){t.key&&(s=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=c(e,null);return a.l=t,u.length>0&&(a.o=u),a.i=s,a},c=(e,t)=>({u:0,h:e,t,$:null,o:null,l:null,i:null}),u={},f=new WeakMap,a=e=>"sc-"+e.p,h=(e,t,n,l,o,r)=>{if(n!==l){let c=U(e,t),u=t.toLowerCase();if("class"===t){const t=e.classList,s=p(n),o=p(l);t.remove(...s.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!s.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(c||"o"!==t[0]||"n"!==t[1]){const f=i(l);if((c||f&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const s=null==l?"":l;"list"===t?c=!1:null!=n&&e[t]==s||(e[t]=s)}}catch(e){}let a=!1;u!==(u=u.replace(/^xlink\:?/,""))&&(t=u,a=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(a?e.removeAttributeNS(s,t):e.removeAttribute(t)):(!c||4&r||o)&&!f&&(l=!0===l?"":l,a?e.setAttributeNS(s,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):U(_,u)?u.slice(2):u[2]+t.slice(3),n&&B.rel(e,t,n,!1),l&&B.ael(e,t,l,!1)}},$=/\s/,p=e=>e?e.split($):[],y=(e,t,n,l)=>{const s=11===t.$.nodeType&&t.$.host?t.$.host:t.$,i=e&&e.l||o,r=t.l||o;for(l in i)l in r||h(s,l,i[l],void 0,n,t.u);for(l in r)h(s,l,i[l],r[l],n,t.u)},d=(t,l,s)=>{const o=l.o[s];let i,r,c=0;if(null!==o.t)i=o.$=z.createTextNode(o.t);else{if(n||(n="svg"===o.h),i=o.$=z.createElementNS(n?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.h),n&&"foreignObject"===o.h&&(n=!1),y(null,o,n),null!=e&&i["s-si"]!==e&&i.classList.add(i["s-si"]=e),o.o)for(c=0;c<o.o.length;++c)r=d(t,o,c),r&&i.appendChild(r);"svg"===o.h?n=!1:"foreignObject"===i.tagName&&(n=!0)}return i},w=(e,n,l,s,o,i)=>{let r,c=e;for(c.shadowRoot&&c.tagName===t&&(c=c.shadowRoot);o<=i;++o)s[o]&&(r=d(null,l,o),r&&(s[o].$=r,c.insertBefore(r,n)))},m=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.$,v(l),s.remove())},b=(e,t)=>e.h===t.h&&e.i===t.i,g=(e,t)=>{const l=t.$=e.$,s=e.o,o=t.o,i=t.h,r=t.t;null===r?(n="svg"===i||"foreignObject"!==i&&n,"slot"===i||y(e,t,n),null!==s&&null!==o?((e,t,n,l)=>{let s,o,i=0,r=0,c=0,u=0,f=t.length-1,a=t[0],h=t[f],$=l.length-1,p=l[0],y=l[$];for(;i<=f&&r<=$;)if(null==a)a=t[++i];else if(null==h)h=t[--f];else if(null==p)p=l[++r];else if(null==y)y=l[--$];else if(b(a,p))g(a,p),a=t[++i],p=l[++r];else if(b(h,y))g(h,y),h=t[--f],y=l[--$];else if(b(a,y))g(a,y),e.insertBefore(a.$,h.$.nextSibling),a=t[++i],y=l[--$];else if(b(h,p))g(h,p),e.insertBefore(h.$,a.$),h=t[--f],p=l[++r];else{for(c=-1,u=i;u<=f;++u)if(t[u]&&null!==t[u].i&&t[u].i===p.i){c=u;break}c>=0?(o=t[c],o.h!==p.h?s=d(t&&t[r],n,c):(g(o,p),t[c]=void 0,s=o.$),p=l[++r]):(s=d(t&&t[r],n,r),p=l[++r]),s&&a.$.parentNode.insertBefore(s,a.$)}i>f?w(e,null==l[$+1]?null:l[$+1].$,n,l,r,$):r>$&&m(t,i,f)})(l,s,t,o):null!==o?(null!==e.t&&(l.textContent=""),w(l,null,t,o,0,o.length-1)):null!==s&&m(s,0,s.length-1),n&&"svg"===i&&(n=!1)):e.t!==r&&(l.data=r)},v=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(v)},S=(e,t)=>{t&&!e.m&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.m=t)))},j=(e,t)=>{if(e.u|=16,!(4&e.u))return S(e,e.g),ee((()=>k(e,t)));e.u|=512},k=(e,t)=>{const n=e.v;let l;return t&&(l=L(n,"componentWillLoad")),P(l,(()=>O(e,n,t)))},O=async(e,t,n)=>{const l=e.S,s=l["s-rc"];n&&(e=>{const t=e.j,n=e.S,l=t.u,s=((e,t)=>{let n=a(t);const l=V.get(n);if(e=11===e.nodeType?e:z,l)if("string"==typeof l){let t,s=f.get(e=e.head||e);s||f.set(e,s=new Set),s.has(n)||(t=z.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),s&&s.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=s,n.classList.add(s+"-h"))})(e);M(e,t),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>x(e);0===t.length?n():(Promise.all(t).then(n),e.u|=4,t.length=0)}},M=(n,l)=>{try{l=l.render(),n.u&=-17,n.u|=2,((n,l)=>{const s=n.S,o=n.j,i=n.k||c(null,null),f=(e=>e&&e.h===u)(l)?l:r(null,null,l);t=s.tagName,o.O&&(f.l=f.l||{},o.O.map((([e,t])=>f.l[t]=s[e]))),f.h=null,f.u|=4,n.k=f,f.$=i.$=s.shadowRoot||s,e=s["s-sc"],g(i,f)})(n,l)}catch(e){q(e,n.S)}return null},x=e=>{const t=e.S,n=e.v,l=e.g;64&e.u||(e.u|=64,E(t),L(n,"componentDidLoad"),e.M(t),l||C()),e.m&&(e.m(),e.m=void 0),512&e.u&&Z((()=>j(e,!1))),e.u&=-517},C=()=>{E(z.documentElement),Z((()=>(e=>{const t=B.ce("appload",{detail:{namespace:"pushfeedback"}});return e.dispatchEvent(t),t})(_)))},L=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){q(e)}},P=(e,t)=>e&&e.then?e.then(t):t(),E=e=>e.classList.add("hydrated"),N=(e,t,n)=>{if(t.C){const l=Object.entries(t.C),s=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,e,{get(){return((e,t)=>A(this).L.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=A(e),o=s.L.get(t),r=s.u,c=s.v;n=((e,t)=>null==e||i(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(n,l.C[t][0]),8&r&&void 0!==o||n===o||Number.isNaN(o)&&Number.isNaN(n)||(s.L.set(t,n),c&&2==(18&r)&&j(s,!1))})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;s.attributeChangedCallback=function(e,t,l){B.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(s.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const s=l[1]||e;return n.set(s,e),512&l[0]&&t.O.push([e,s]),s}))}}return e},T=(e,t={})=>{const n=[],l=t.exclude||[],s=_.customElements,o=z.head,i=o.querySelector("meta[charset]"),r=z.createElement("style"),c=[];let u,f=!0;Object.assign(B,t),B.P=new URL(t.resourcesUrl||"./",z.baseURI).href,e.map((e=>{e[1].map((t=>{const o={u:t[0],p:t[1],C:t[2],N:t[3]};o.C=t[2],o.O=[];const i=o.p,r=class extends HTMLElement{constructor(e){super(e),R(e=this,o),1&o.u&&e.attachShadow({mode:"open"})}connectedCallback(){u&&(clearTimeout(u),u=null),f?c.push(this):B.jmp((()=>(e=>{if(0==(1&B.u)){const t=A(e),n=t.j,l=()=>{};if(!(1&t.u)){t.u|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){S(t,t.g=n);break}}n.C&&Object.entries(n.C).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.u)){{if(t.u|=32,(s=F(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(N(s,n,2),s.isProxied=!0);const e=()=>{};t.u|=8;try{new s(t)}catch(e){q(e)}t.u&=-9,e()}if(s.style){let e=s.style;const t=a(n);if(!V.has(t)){const l=()=>{};((e,t,n)=>{let l=V.get(e);I&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,V.set(e,l)})(t,e,!!(1&n.u)),l()}}}const o=t.g,i=()=>j(t,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){B.jmp((()=>{}))}componentOnReady(){return A(this).T}};o.W=e[0],l.includes(i)||s.get(i)||(n.push(i),s.define(i,N(r,o,1)))}))})),r.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles",""),o.insertBefore(r,i?i.nextSibling:o.firstChild),f=!1,c.length?c.map((e=>e.connectedCallback())):B.jmp((()=>u=setTimeout(C,30)))},W=new WeakMap,A=e=>W.get(e),H=(e,t)=>W.set(t.v=e,t),R=(e,t)=>{const n={u:0,S:e,j:t,L:new Map};return n.T=new Promise((e=>n.M=e)),e["s-p"]=[],e["s-rc"]=[],W.set(e,n)},U=(e,t)=>t in e,q=(e,t)=>(0,console.error)(e,t),D=new Map,F=e=>{const t=e.p.replace(/-/g,"_"),n=e.W,l=D.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(D.set(n,e),e[t])),q)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},V=new Map,_="undefined"!=typeof window?window:{},z=_.document||{head:{}},B={u:0,P:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},G=e=>Promise.resolve(e),I=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),J=[],K=[],Q=(e,t)=>n=>{e.push(n),l||(l=!0,t&&4&B.u?Z(Y):B.raf(Y))},X=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){q(e)}e.length=0},Y=()=>{X(J),X(K),(l=J.length>0)&&B.raf(Y)},Z=e=>G().then(e),ee=Q(K,!0);export{u as H,T as b,r as h,G as p,H as r}

package/dist/pushfeedback/pushfeedback.css

@@ -0,0 +1 @@
+:root{--feedback-primary-color:#0070F4;--feedback-secondary-color:#fbfbfb;--feedback-light-color:#ccc;--feedback-dark-color:#191919;--feedback-text-color:#5f6368;--feedback-white-color:#fff;--feedback-font-family:"Tahoma", "sans-serif";--feedback-heading-font-size:16px;--feedback-text-font-size:14px;--feedback-button-bg-color:var(--feedback-white-color);--feedback-button-bg-color-active:var(--feedback-secondary-color);--feedback-button-text-color:var(--feedback-dark-color);--feedback-button-text-color-active:var(--feedback-primary-color);--feedback-button-border-color:var(--feedback-light-color);--feedback-button-border-color-active:var(--feedback-primary-color);--feedback-button-border-color-active:var(--feedback-primary-color);--feedback-button-border-radius:4px;--feedback-modal-content-bg-color:var(--feedback-white-color);--feedback-modal-content-border-color:var(--feedback-light-color);--feedback-modal-content-font-family:var(--feedback-font-family);--feedback-modal-content-text-color:var(--feedback-text-color);--feedback-modal-content-border-radius:8px;--feedback-modal-content-position-top:25px;--feedback-modal-content-position-bottom:25px;--feedback-modal-content-position-right:20px;--feedback-modal-content-position-left:20px;--feedback-modal-header-text-color:var(--feedback-dark-color);--feedback-modal-header-font-size:var(--feedback-header-font-size);--feedback-modal-header-font-family:var(--feedback-font-family);--feedback-modal-input-font-size:var(--feedback-text-font-size);--feedback-modal-button-font-size:var(--feedback-text-font-size);--fedback-modal-message-font-size:var(--feedback-text-font-size);--feedback-modal-button-bg-color:var(--feedback-white-color);--feedback-modal-button-bg-color-active:var(--feedback-secondary-color);--feedback-modal-button-text-color:var(--feedback-dark-color);--feedback-modal-button-text-color-active:var(--feedback-primary-color);--feedback-modal-button-border-color:var(--feedback-light-color);--feedback-modal-button-border-color-active:var(--feedback-primary-color);--feedback-modal-button-border-radius:4px;--feedback-modal-input-border-color:var(--feedback-light-color);--feedback-modal-input-border-color-focused:var(--feedback-primary-color);--feedback-modal-input-border-radius:4px;--feedback-modal-close-bg-color:var(--feedback-white-color);--feedback-modal-screenshot-bg-color:rgba(0, 0, 0, 0.3);--feedback-modal-screenshot-element-hover-border-color:var(--feedback-primary-color);--feedback-modal-screenshot-element-selected-bg-color:var(--feedback-primary-color);--feedback-modal-screenshot-element-selected-text-color:var(--feedback-white-color);--feedback-modal-screenshot-element-selected-border-color:var(--feedback-primary-color);--feedback-modal-screenshot-header-bg-color:var(--feedback-primary-color)}

package/dist/pushfeedback/pushfeedback.esm.js

@@ -0,0 +1 @@
+import{p as e,b as o}from"./p-e53ad7c2.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-a5896889",[[1,"feedback-button",{modalTitle:[1,"modal-title"],successModalTitle:[1,"success-modal-title"],errorModalTitle:[1,"error-modal-title"],modalPosition:[1,"modal-position"],sendButtonText:[1,"send-button-text"],project:[1],screenshotButtonTooltipText:[1,"screenshot-button-tooltip-text"],screenshotTopbarText:[1,"screenshot-topbar-text"],email:[1],emailPlaceholder:[1,"email-placeholder"],messagePlaceholder:[1,"message-placeholder"],feedbackModal:[32]}],[1,"feedback-modal",{modalTitle:[1,"modal-title"],successModalTitle:[1,"success-modal-title"],errorModalTitle:[1,"error-modal-title"],modalPosition:[1,"modal-position"],sendButtonText:[1,"send-button-text"],project:[1],screenshotButtonTooltipText:[1,"screenshot-button-tooltip-text"],screenshotTopbarText:[1,"screenshot-topbar-text"],email:[1],emailPlaceholder:[1,"email-placeholder"],messagePlaceholder:[1,"message-placeholder"],showModal:[1540,"show-modal"],showScreenshotMode:[1540,"show-screenshot-mode"],hasSelectedElement:[1540,"has-selected-element"],sending:[32],formMessage:[32],formEmail:[32],formSuccess:[32],formError:[32],encodedScreenshot:[32]}]]]],e)));

package/dist/types/components/feedback-button/feedback-button.d.ts

@@ -0,0 +1,18 @@
+import { FeedbackModal } from '../feedback-modal/feedback-modal';
+export declare class FeedbackButton {
+  feedbackModal: FeedbackModal;
+  modalTitle: string;
+  successModalTitle: string;
+  errorModalTitle: string;
+  modalPosition: string;
+  sendButtonText: string;
+  project: string;
+  screenshotButtonTooltipText: string;
+  screenshotTopbarText: string;
+  email: string;
+  emailPlaceholder: string;
+  messagePlaceholder: string;
+  componentDidLoad(): void;
+  showModal(): void;
+  render(): any;
+}

package/dist/types/components/feedback-modal/feedback-modal.d.ts

@@ -0,0 +1,40 @@
+export declare class FeedbackModal {
+  sending: boolean;
+  formMessage: string;
+  formEmail: string;
+  formSuccess: boolean;
+  formError: boolean;
+  encodedScreenshot: Promise<string>;
+  modalTitle: string;
+  successModalTitle: string;
+  errorModalTitle: string;
+  modalPosition: string;
+  sendButtonText: string;
+  project: string;
+  screenshotButtonTooltipText: string;
+  screenshotTopbarText: string;
+  email: string;
+  emailPlaceholder: string;
+  messagePlaceholder: string;
+  showModal: boolean;
+  showScreenshotMode: boolean;
+  hasSelectedElement: boolean;
+  modalContent: HTMLElement;
+  screenshotModal: HTMLElement;
+  overlay: HTMLElement;
+  elementSelected: HTMLElement;
+  topSide: HTMLElement;
+  leftSide: HTMLElement;
+  bottomSide: HTMLElement;
+  rightSide: HTMLElement;
+  componentWillLoad(): void;
+  handleMessageInput(event: Event): void;
+  handleEmailInput(event: Event): void;
+  handleSubmit: (event: Event) => Promise<void>;
+  close: () => void;
+  openScreenShot: () => void;
+  closeScreenShot: () => void;
+  handleMouseOverScreenShot: (event: any) => void;
+  handleMouseClickedSelectedElement: (event: any) => void;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,100 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+export namespace Components {
+    interface FeedbackButton {
+        "email": string;
+        "emailPlaceholder": string;
+        "errorModalTitle": string;
+        "messagePlaceholder": string;
+        "modalPosition": string;
+        "modalTitle": string;
+        "project": string;
+        "screenshotButtonTooltipText": string;
+        "screenshotTopbarText": string;
+        "sendButtonText": string;
+        "successModalTitle": string;
+    }
+    interface FeedbackModal {
+        "email": string;
+        "emailPlaceholder": string;
+        "errorModalTitle": string;
+        "hasSelectedElement": boolean;
+        "messagePlaceholder": string;
+        "modalPosition": string;
+        "modalTitle": string;
+        "project": string;
+        "screenshotButtonTooltipText": string;
+        "screenshotTopbarText": string;
+        "sendButtonText": string;
+        "showModal": boolean;
+        "showScreenshotMode": boolean;
+        "successModalTitle": string;
+    }
+}
+declare global {
+    interface HTMLFeedbackButtonElement extends Components.FeedbackButton, HTMLStencilElement {
+    }
+    var HTMLFeedbackButtonElement: {
+        prototype: HTMLFeedbackButtonElement;
+        new (): HTMLFeedbackButtonElement;
+    };
+    interface HTMLFeedbackModalElement extends Components.FeedbackModal, HTMLStencilElement {
+    }
+    var HTMLFeedbackModalElement: {
+        prototype: HTMLFeedbackModalElement;
+        new (): HTMLFeedbackModalElement;
+    };
+    interface HTMLElementTagNameMap {
+        "feedback-button": HTMLFeedbackButtonElement;
+        "feedback-modal": HTMLFeedbackModalElement;
+    }
+}
+declare namespace LocalJSX {
+    interface FeedbackButton {
+        "email"?: string;
+        "emailPlaceholder"?: string;
+        "errorModalTitle"?: string;
+        "messagePlaceholder"?: string;
+        "modalPosition"?: string;
+        "modalTitle"?: string;
+        "project"?: string;
+        "screenshotButtonTooltipText"?: string;
+        "screenshotTopbarText"?: string;
+        "sendButtonText"?: string;
+        "successModalTitle"?: string;
+    }
+    interface FeedbackModal {
+        "email"?: string;
+        "emailPlaceholder"?: string;
+        "errorModalTitle"?: string;
+        "hasSelectedElement"?: boolean;
+        "messagePlaceholder"?: string;
+        "modalPosition"?: string;
+        "modalTitle"?: string;
+        "project"?: string;
+        "screenshotButtonTooltipText"?: string;
+        "screenshotTopbarText"?: string;
+        "sendButtonText"?: string;
+        "showModal"?: boolean;
+        "showScreenshotMode"?: boolean;
+        "successModalTitle"?: string;
+    }
+    interface IntrinsicElements {
+        "feedback-button": FeedbackButton;
+        "feedback-modal": FeedbackModal;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "feedback-button": LocalJSX.FeedbackButton & JSXBase.HTMLAttributes<HTMLFeedbackButtonElement>;
+            "feedback-modal": LocalJSX.FeedbackModal & JSXBase.HTMLAttributes<HTMLFeedbackModalElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components';