pushfeedback 0.1.45 → 0.1.46
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/cjs/feedback-button_2.cjs.entry.js +8267 -0
- package/dist/cjs/index-b596cc3a.js +1551 -0
- package/dist/cjs/index.cjs.js +2 -0
- package/dist/cjs/loader.cjs.js +22 -0
- package/dist/cjs/pushfeedback.cjs.js +23 -0
- package/dist/collection/collection-manifest.json +13 -0
- package/dist/collection/components/feedback-button/feedback-button.css +71 -0
- package/dist/collection/components/feedback-button/feedback-button.js +671 -0
- package/dist/collection/components/feedback-modal/feedback-modal.css +388 -0
- package/dist/collection/components/feedback-modal/feedback-modal.js +845 -0
- package/dist/collection/index.js +1 -0
- package/dist/{pushfeedback/feedback-button.entry.js → components/feedback-button.js} +63 -8
- package/dist/components/feedback-modal.js +6 -0
- package/dist/{pushfeedback/feedback-modal.entry.js → components/feedback-modal2.js} +67 -44
- package/dist/components/index.js +3 -0
- package/dist/esm/feedback-button_2.entry.js +8262 -0
- package/dist/esm/index-deb00b84.js +1523 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/loader.js +18 -0
- package/dist/esm/polyfills/core-js.js +11 -0
- package/dist/esm/polyfills/css-shim.js +1 -0
- package/dist/esm/polyfills/dom.js +79 -0
- package/dist/esm/polyfills/es5-html-element.js +1 -0
- package/dist/esm/polyfills/index.js +34 -0
- package/dist/esm/polyfills/system.js +6 -0
- package/dist/esm/pushfeedback.js +18 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/pushfeedback/index.esm.js +0 -1
- package/dist/pushfeedback/p-90e8ba79.js +2 -0
- package/dist/pushfeedback/p-fa888cd3.entry.js +22 -0
- package/dist/pushfeedback/pushfeedback.css +1 -108
- package/dist/pushfeedback/pushfeedback.esm.js +1 -148
- package/package.json +1 -1
- package/dist/pushfeedback/app-globals-0f993ce5.js +0 -3
- package/dist/pushfeedback/css-shim-b7d3d95f.js +0 -4
- package/dist/pushfeedback/dom-64053c71.js +0 -73
- package/dist/pushfeedback/index-6a05f159.js +0 -3371
- package/dist/pushfeedback/shadow-css-98135883.js +0 -387
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components';
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
+
import { d as defineCustomElement$2 } from './feedback-modal2.js';
|
|
2
3
|
|
|
3
4
|
const feedbackButtonCss = ".feedback-button-content{cursor:pointer;max-width:fit-content;z-index:var(--feedback-button-z-index)}.feedback-button-content--light{align-items:center;background-color:var(--feedback-button-light-bg-color);border-radius:var(--feedback-button-border-radius);box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;box-sizing:border-box;color:var(--feedback-button-light-text-color);display:flex;font-family:var(--feedback-font-family);font-size:var(--feedback-button-text-font-size);font-weight:var(--feedback-button-text-font-weight);padding:8px 15px}.feedback-button-content--dark{align-items:center;background-color:var(--feedback-button-dark-bg-color);border-radius:var(--feedback-button-border-radius);box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;box-sizing:border-box;color:var(--feedback-button-dark-text-color);display:flex;font-family:var(--feedback-font-family);font-weight:var(--feedback-button-text-font-weight);font-size:var(--feedback-button-text-font-size);padding:8px 15px}.icon-edit{stroke:var(--feedback-button-light-text-color)}.feedback-button-content--dark .icon-edit{stroke:var(--feedback-button-dark-text-color)}.feedback-button-content--bottom-right{bottom:10px;position:fixed;right:10px}.feedback-button-content--center-right{position:fixed;transform:rotate(-90deg) translateY(-50%);top:50%}.feedback-button-content--center-right.feedback-button-content--dark,.feedback-button-content--center-right.feedback-button-content--light{border-radius:4px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}.feedback-button-content-icon{height:16px;margin-right:5px;width:16px}.feedback-button-content--center-right .feedback-button-content-icon{rotate:90deg}";
|
|
4
5
|
|
|
5
|
-
const FeedbackButton = class {
|
|
6
|
-
constructor(
|
|
7
|
-
|
|
6
|
+
const FeedbackButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
7
|
+
constructor() {
|
|
8
|
+
super();
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
this.__attachShadow();
|
|
8
11
|
this.sessionId = "";
|
|
9
12
|
this.customFont = false;
|
|
10
13
|
this.errorMessage = "Please try again later.";
|
|
@@ -116,8 +119,60 @@ const FeedbackButton = class {
|
|
|
116
119
|
render() {
|
|
117
120
|
return (h(Host, null, h("a", { class: `feedback-button-content feedback-button-content--${this.buttonStyle} feedback-button-content--${this.buttonPosition}`, onClick: () => this.showModal() }, !this.hideIcon && this.buttonStyle != 'default' && (h("span", { class: "feedback-button-content-icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "icon-edit" }, h("path", { d: "M12 20h9" }), h("path", { d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" })))), h("slot", null))));
|
|
118
121
|
}
|
|
119
|
-
get el() { return
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
+
get el() { return this; }
|
|
123
|
+
static get style() { return feedbackButtonCss; }
|
|
124
|
+
}, [1, "feedback-button", {
|
|
125
|
+
"sessionId": [1537, "session-id"],
|
|
126
|
+
"customFont": [4, "custom-font"],
|
|
127
|
+
"errorMessage": [1, "error-message"],
|
|
128
|
+
"errorMessage403": [1, "error-message-4-0-3"],
|
|
129
|
+
"errorMessage404": [1, "error-message-4-0-4"],
|
|
130
|
+
"modalTitle": [1, "modal-title"],
|
|
131
|
+
"modalTitleSuccess": [1, "modal-title-success"],
|
|
132
|
+
"modalTitleError": [1, "modal-title-error"],
|
|
133
|
+
"modalPosition": [1, "modal-position"],
|
|
134
|
+
"sendButtonText": [1, "send-button-text"],
|
|
135
|
+
"successMessage": [1, "success-message"],
|
|
136
|
+
"project": [1],
|
|
137
|
+
"screenshotButtonText": [1, "screenshot-button-text"],
|
|
138
|
+
"screenshotTopbarText": [1, "screenshot-topbar-text"],
|
|
139
|
+
"hideEmail": [4, "hide-email"],
|
|
140
|
+
"emailAddress": [1, "email-address"],
|
|
141
|
+
"emailPlaceholder": [1, "email-placeholder"],
|
|
142
|
+
"messagePlaceholder": [1, "message-placeholder"],
|
|
143
|
+
"hideRating": [4, "hide-rating"],
|
|
144
|
+
"rating": [2],
|
|
145
|
+
"ratingMode": [1, "rating-mode"],
|
|
146
|
+
"ratingPlaceholder": [1, "rating-placeholder"],
|
|
147
|
+
"ratingStarsPlaceholder": [1, "rating-stars-placeholder"],
|
|
148
|
+
"buttonStyle": [1, "button-style"],
|
|
149
|
+
"buttonPosition": [1, "button-position"],
|
|
150
|
+
"hideIcon": [4, "hide-icon"],
|
|
151
|
+
"hideScreenshotButton": [4, "hide-screenshot-button"],
|
|
152
|
+
"hidePrivacyPolicy": [4, "hide-privacy-policy"],
|
|
153
|
+
"privacyPolicyText": [1, "privacy-policy-text"],
|
|
154
|
+
"fetchData": [4, "fetch-data"]
|
|
155
|
+
}]);
|
|
156
|
+
function defineCustomElement$1() {
|
|
157
|
+
if (typeof customElements === "undefined") {
|
|
158
|
+
return;
|
|
159
|
+
}
|
|
160
|
+
const components = ["feedback-button", "feedback-modal"];
|
|
161
|
+
components.forEach(tagName => { switch (tagName) {
|
|
162
|
+
case "feedback-button":
|
|
163
|
+
if (!customElements.get(tagName)) {
|
|
164
|
+
customElements.define(tagName, FeedbackButton$1);
|
|
165
|
+
}
|
|
166
|
+
break;
|
|
167
|
+
case "feedback-modal":
|
|
168
|
+
if (!customElements.get(tagName)) {
|
|
169
|
+
defineCustomElement$2();
|
|
170
|
+
}
|
|
171
|
+
break;
|
|
172
|
+
} });
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
const FeedbackButton = FeedbackButton$1;
|
|
176
|
+
const defineCustomElement = defineCustomElement$1;
|
|
122
177
|
|
|
123
|
-
export { FeedbackButton
|
|
178
|
+
export { FeedbackButton, defineCustomElement };
|
|
@@ -1,44 +1,17 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
3
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
4
4
|
|
|
5
|
-
function getDefaultExportFromCjs (x) {
|
|
6
|
-
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
5
|
function createCommonjsModule(fn, basedir, module) {
|
|
10
6
|
return module = {
|
|
11
7
|
path: basedir,
|
|
12
8
|
exports: {},
|
|
13
9
|
require: function (path, base) {
|
|
14
|
-
return commonjsRequire(
|
|
10
|
+
return commonjsRequire();
|
|
15
11
|
}
|
|
16
12
|
}, fn(module, module.exports), module.exports;
|
|
17
13
|
}
|
|
18
14
|
|
|
19
|
-
function getDefaultExportFromNamespaceIfPresent (n) {
|
|
20
|
-
return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
function getDefaultExportFromNamespaceIfNotNamed (n) {
|
|
24
|
-
return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
function getAugmentedNamespace(n) {
|
|
28
|
-
if (n.__esModule) return n;
|
|
29
|
-
var a = Object.defineProperty({}, '__esModule', {value: true});
|
|
30
|
-
Object.keys(n).forEach(function (k) {
|
|
31
|
-
var d = Object.getOwnPropertyDescriptor(n, k);
|
|
32
|
-
Object.defineProperty(a, k, d.get ? d : {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
get: function () {
|
|
35
|
-
return n[k];
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
});
|
|
39
|
-
return a;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
15
|
function commonjsRequire () {
|
|
43
16
|
throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
|
|
44
17
|
}
|
|
@@ -50,11 +23,8 @@ var html2canvas = createCommonjsModule(function (module, exports) {
|
|
|
50
23
|
* Released under MIT License
|
|
51
24
|
*/
|
|
52
25
|
(function (global, factory) {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.html2canvas = factory());
|
|
56
|
-
}(commonjsGlobal, (function () { 'use strict';
|
|
57
|
-
|
|
26
|
+
module.exports = factory() ;
|
|
27
|
+
}(commonjsGlobal, (function () {
|
|
58
28
|
/*! *****************************************************************************
|
|
59
29
|
Copyright (c) Microsoft Corporation.
|
|
60
30
|
|
|
@@ -3209,8 +3179,7 @@ var html2canvas = createCommonjsModule(function (module, exports) {
|
|
|
3209
3179
|
// doesn't support 3D transforms at the moment
|
|
3210
3180
|
var matrix3d = function (args) {
|
|
3211
3181
|
var values = args.filter(function (arg) { return arg.type === 17 /* NUMBER_TOKEN */; }).map(function (arg) { return arg.number; });
|
|
3212
|
-
var a1 = values[0], b1 = values[1];
|
|
3213
|
-
return values.length === 16 ? [a1, b1, a2, b2, a4, b4] : null;
|
|
3182
|
+
var a1 = values[0], b1 = values[1]; var a2 = values[4], b2 = values[5]; var a4 = values[12], b4 = values[13]; return values.length === 16 ? [a1, b1, a2, b2, a4, b4] : null;
|
|
3214
3183
|
};
|
|
3215
3184
|
var SUPPORTED_TRANSFORM_FUNCTIONS = {
|
|
3216
3185
|
matrix: matrix,
|
|
@@ -4794,7 +4763,6 @@ var html2canvas = createCommonjsModule(function (module, exports) {
|
|
|
4794
4763
|
container.flags |= 8 /* IS_LIST_OWNER */;
|
|
4795
4764
|
}
|
|
4796
4765
|
parent.elements.push(container);
|
|
4797
|
-
childNode.slot;
|
|
4798
4766
|
if (childNode.shadowRoot) {
|
|
4799
4767
|
parseNodeTree(context, childNode.shadowRoot, container, root);
|
|
4800
4768
|
}
|
|
@@ -7878,9 +7846,11 @@ var html2canvas = createCommonjsModule(function (module, exports) {
|
|
|
7878
7846
|
|
|
7879
7847
|
const feedbackModalCss = ".text-center{flex-grow:1;text-align:center}.feedback-modal-wrapper{position:absolute;z-index:var(--feedback-modal-modal-wrapper-z-index)}.feedback-overlay{background-color:var(--feedback-modal-screenshot-bg-color);height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--feedback-modal-screnshot-z-index)}.feedback-modal{display:inline-block;position:relative}.feedback-modal-content{background-color:var(--feedback-modal-content-bg-color);border-color:1px solid var(--feedback-modal-header-text-color);border-radius:var(--feedback-modal-content-border-radius);box-shadow:0px 1px 2px 0px rgba(60, 64, 67, .30), 0px 2px 6px 2px rgba(60, 64, 67, .15);box-sizing:border-box;color:var(--feedback-modal-content-text-color);display:flex;flex-direction:column;font-family:var(--feedback-modal-content-font-family);left:50%;max-width:90%;padding:20px;position:fixed;top:50%;transform:translate(-50%, -50%);width:100%;z-index:var(--feedback-modal-content-z-index)}.feedback-modal-header{align-items:center;color:var(--feedback-modal-header-text-color);display:flex;font-family:var(--feedback-modal-header-font-family);font-size:var(--feedback-header-font-size);font-weight:var(--feedback-modal-header-font-weight);justify-content:space-between;margin-bottom:20px}.feedback-modal-rating-buttons{width:100%;margin-bottom:20px}.feedback-modal-rating-button{padding:0;background-color:transparent;border:transparent;margin-right:5px;cursor:pointer}.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button{border:1px solid var(--feedback-modal-button-border-color);border-radius:var(--feedback-modal-button-border-radius);color:var(--feedback-modal-button-text-color);font-size:var(--feedback-modal-button-font-size);font-family:var(--feedback-modal-content-font-family);font-weight:500;margin-right:10px;justify-content:center;padding:5px 10px}.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button:hover,.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--selected{background-color:var(--feedback-modal-button-bg-color-active);border:1px solid var(--feedback-modal-button-border-color-active);color:var(--feedback-modal-button-text-color-active)}.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button:hover svg,.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--selected svg{stroke:var(--feedback-modal-rating-button-selected-color)}.feedback-modal-rating-buttons svg{stroke:var(--feedback-modal-rating-button-color);cursor:pointer}.feedback-modal-rating-buttons--stars .feedback-modal-rating-button--selected svg{fill:var(--feedback-modal-rating-button-stars-selected-color);stroke:var(--feedback-modal-rating-button-stars-selected-color)}.feedback-modal-text textarea{background-color:var(--feedback-modal-input-bg-color);border:1px solid var(--feedback-modal-input-border-color);border-radius:var(--feedback-modal-input-border-radius);box-sizing:border-box;color:var(--feedback-modal-input-text-color);font-family:var(--feedback-modal-content-font-family);font-size:var(--feedback-modal-input-font-size);margin-bottom:20px;height:100px;min-height:100px;padding:10px;resize:vertical;width:100%}.feedback-modal-email input{background-color:var(--feedback-modal-input-bg-color);border:1px solid var(--feedback-modal-input-border-color);border-radius:var(--feedback-modal-input-border-radius);box-sizing:border-box;color:var(--feedback-modal-input-text-color);font-family:var(--feedback-modal-content-font-family);font-size:var(--feedback-modal-input-font-size);margin-bottom:20px;height:40px;padding:10px;width:100%;margin-bottom:20px}.feedback-modal-privacy{font-family:var(--feedback-modal-content-font-family);font-size:var(--feedback-modal-input-font-size);margin-bottom:20px}.feedback-modal-text textarea:focus,.feedback-modal-email input:focus{border:1px solid var(--feedback-modal-input-border-color-focused);outline:none}.feedback-modal-buttons{display:flex;flex-direction:column}.feedback-modal-buttons .feedback-modal-button{margin-bottom:20px}.feedback-modal-button{align-items:center;background-color:transparent;border:1px solid var(--feedback-modal-button-border-color);border-radius:var(--feedback-modal-button-border-radius);color:var(--feedback-modal-button-text-color);cursor:pointer;display:flex;font-size:var(--feedback-modal-button-font-size);font-family:var(--feedback-modal-content-font-family);font-weight:500;justify-content:center;min-height:40px;padding:5px 10px}.feedback-modal-button svg{margin-right:6px}.feedback-modal-button path{fill:var(--feedback-modal-button-icon-color)}.feedback-modal-button:hover path,.feedback-modal-button--active path{fill:var(--feedback-modal-button-icon-color-active)}.feedback-modal-button--submit{background-color:var(--feedback-modal-button-submit-bg-color);border:1px solid var(--feedback-modal-button-border-color-active);color:var(--feedback-modal-button-submit-text-color)}.feedback-modal-button:hover,.feedback-modal-button--active{background-color:var(--feedback-modal-button-bg-color-active);border:1px solid var(--feedback-modal-button-border-color-active);color:var(--feedback-modal-button-text-color-active)}.feedback-modal-button--submit:hover{background-color:var(--feedback-modal-button-submit-bg-color-hover);border:1px solid var(--feedback-modal-button-submit-border-color-hover);color:var(--feedback-modal-button-submit-text-color-hover)}.feedback-modal-input-heading{display:block;font-size:14px;font-weight:300;padding-bottom:10px;font-family:var(--feedback-modal-content-font-family)}.feedback-modal-footer{font-size:12px;text-align:center}.feedback-modal-footer a{color:var(--feedback-modal-footer-link);font-weight:500;text-decoration:none}.feedback-logo{align-items:center;display:flex;justify-content:center;margin-top:5px}.feedback-logo a{margin-left:3px}.feedback-modal-close{background-color:var(--feedback-modal-close-bg-color);border:0;border-radius:50%;cursor:pointer;height:22px;margin-left:auto;padding:0;width:22px}.feedback-modal-close svg{stroke:var(--feedback-modal-close-color)}.feedback-modal-screenshot{background-color:var(--feedback-modal-screenshot-bg-color);height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--feedback-modal-screnshot-z-index)}.feedback-modal-screenshot-header{align-items:center;background-color:var(--feedback-modal-screenshot-header-bg-color);border-radius:var(--feedback-modal-content-border-radius);box-shadow:0px 1px 2px 0px rgba(60, 64, 67, .30), 0px 2px 6px 2px rgba(60, 64, 67, .15);box-sizing:border-box;color:var(--feedback-modal-screenshot-header-text-color);cursor:pointer;display:flex;font-family:var(--feedback-modal-content-font-family);left:50%;top:20px;transform:translateX(-50%);padding:10px;position:fixed;width:max-content;z-index:var(--feedback-modal-screenshot-header-z-index)}.feedback-modal-screenshot-close{height:24px;padding-left:10px;width:24px}.feedback-modal-screenshot-close svg{stroke:var(--feedback-modal-close-color)}.feedback-modal-message{font-size:var(--feedback-modal-message-font-size);margin-top:0}.feedback-modal-element-hover{background-color:transparent;cursor:pointer;border:1px solid var(--feedback-modal-element-hover-border-color)}.feedback-modal-element-selected{background-color:transparent;border:1px solid var(--feedback-modal-element-selected-border-color)}@media screen and (min-width: 768px){.feedback-modal-content{max-width:600px}.feedback-modal-content.feedback-modal-content--bottom-right{bottom:var(--feedback-modal-content-position-bottom);left:initial;right:var(--feedback-modal-content-position-right);top:initial;transform:initial}.feedback-modal-content.feedback-modal-content--bottom-left{bottom:var(--feedback-modal-content-position-bottom);left:var(--feedback-modal-content-position-left);top:initial;transform:initial}.feedback-modal-content.feedback-modal-content--top-right{right:var(--feedback-modal-content-position-right);top:var(--feedback-modal-content-position-top);transform:initial}.feedback-modal-content.feedback-modal-content--top-left{left:var(--feedback-modal-content-position-left);top:var(--feedback-modal-content-position-top);transform:initial}.feedback-modal-content.feedback-modal-content--center-left{left:5px;right:auto;top:50%;transform:translateY(-50%)}.feedback-modal-content.feedback-modal-content--center-right{left:auto;right:5px;top:50%;transform:translateY(-50%)}.feedback-modal-content.feedback-modal-content--sidebar-left.feedback-modal-content--open,.feedback-modal-content.feedback-modal-content--sidebar-right.feedback-modal-content--open{transform:translateX(0)}.feedback-modal-content.feedback-modal-content--sidebar-left{max-width:300px;left:0;right:auto;height:100vh;top:0;transform:translateX(-100%);transition:transform 0.5s ease-in-out;border-radius:0}.feedback-modal-content.feedback-modal-content--sidebar-right{max-width:300px;left:auto;right:0;height:100vh;top:0;transform:translateX(100%);transition:transform 0.5s ease-in-out;border-radius:0}.feedback-modal-text textarea{height:150px;min-height:150px}}";
|
|
7880
7848
|
|
|
7881
|
-
const FeedbackModal = class {
|
|
7882
|
-
constructor(
|
|
7883
|
-
|
|
7849
|
+
const FeedbackModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
7850
|
+
constructor() {
|
|
7851
|
+
super();
|
|
7852
|
+
this.__registerHost();
|
|
7853
|
+
this.__attachShadow();
|
|
7884
7854
|
this.onScrollDebounced = () => {
|
|
7885
7855
|
clearTimeout(this.scrollTimeout);
|
|
7886
7856
|
this.scrollTimeout = setTimeout(() => {
|
|
@@ -8012,7 +7982,6 @@ const FeedbackModal = class {
|
|
|
8012
7982
|
// Right
|
|
8013
7983
|
this.rightSide.style.position = "absolute";
|
|
8014
7984
|
this.rightSide.style.left = `${rect.right + borderOffset}px`;
|
|
8015
|
-
;
|
|
8016
7985
|
this.rightSide.style.top = '0px';
|
|
8017
7986
|
this.rightSide.style.width = '100%';
|
|
8018
7987
|
this.rightSide.style.height = '100vh';
|
|
@@ -8169,7 +8138,61 @@ const FeedbackModal = class {
|
|
|
8169
8138
|
this.handleRatingChange(rating);
|
|
8170
8139
|
} }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "#5F6368", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })))))))))), h("div", { class: "feedback-modal-text" }, h("textarea", { placeholder: this.messagePlaceholder, value: this.formMessage, onInput: (event) => this.handleMessageInput(event) })), !this.hideEmail && (h("div", { class: "feedback-modal-email" }, h("input", { placeholder: this.emailPlaceholder, type: "email", onInput: (event) => this.handleEmailInput(event), value: this.formEmail }))), h("div", { class: "feedback-verification" }, h("input", { type: "text", name: "verification", style: { display: 'none' }, onInput: (event) => this.handleVerification(event), value: this.formVerification })), !this.hidePrivacyPolicy && (h("div", { class: "feedback-modal-privacy" }, h("input", { type: "checkbox", id: "privacyPolicy", onChange: (ev) => this.handleCheckboxChange(ev), required: true }), h("span", { innerHTML: this.privacyPolicyText }))), h("div", { class: `feedback-modal-buttons ${this.hideScreenshotButton ? 'single' : ''}` }, !this.hideScreenshotButton && (h("button", { type: "button", class: `feedback-modal-button feedback-modal-button--screenshot ${this.encodedScreenshot ? "feedback-modal-button--active" : ""}`, onClick: this.openScreenShot, disabled: this.sending }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", viewBox: "0 -960 960 960", width: "24" }, h("path", { d: "M680-80v-120H560v-80h120v-120h80v120h120v80H760v120h-80ZM200-200v-200h80v120h120v80H200Zm0-360v-200h200v80H280v120h-80Zm480 0v-120H560v-80h200v200h-80Z" })), this.screenshotButtonText)), h("button", { class: "feedback-modal-button feedback-modal-button--submit", type: "submit", disabled: this.sending }, this.sendButtonText)))) : this.formSuccess && !this.formError ? (h("p", { class: "feedback-modal-message" }, this.successMessage)) : this.formError && this.formErrorStatus == 404 ? (h("p", { class: "feedback-modal-message" }, this.errorMessage404)) : this.formError && this.formErrorStatus == 403 ? (h("p", { class: "feedback-modal-message" }, this.errorMessage403)) : this.formError ? (h("p", { class: "feedback-modal-message" }, this.errorMessage)) : h("span", null)), h("div", { class: "feedback-modal-footer", style: { display: this.whitelabel ? 'none' : 'block' } }, h("div", { class: "feedback-logo" }, "Powered by ", h("a", { target: "_blank", href: "https://pushfeedback.com" }, "PushFeedback.com")))))));
|
|
8171
8140
|
}
|
|
8172
|
-
}
|
|
8173
|
-
|
|
8141
|
+
static get style() { return feedbackModalCss; }
|
|
8142
|
+
}, [1, "feedback-modal", {
|
|
8143
|
+
"errorMessage": [1, "error-message"],
|
|
8144
|
+
"errorMessage403": [1, "error-message-4-0-3"],
|
|
8145
|
+
"errorMessage404": [1, "error-message-4-0-4"],
|
|
8146
|
+
"modalTitle": [1, "modal-title"],
|
|
8147
|
+
"modalTitleSuccess": [1, "modal-title-success"],
|
|
8148
|
+
"modalTitleError": [1, "modal-title-error"],
|
|
8149
|
+
"modalPosition": [1, "modal-position"],
|
|
8150
|
+
"sendButtonText": [1, "send-button-text"],
|
|
8151
|
+
"successMessage": [1, "success-message"],
|
|
8152
|
+
"project": [1],
|
|
8153
|
+
"screenshotButtonText": [1, "screenshot-button-text"],
|
|
8154
|
+
"screenshotTopbarText": [1, "screenshot-topbar-text"],
|
|
8155
|
+
"hideEmail": [4, "hide-email"],
|
|
8156
|
+
"emailAddress": [1, "email-address"],
|
|
8157
|
+
"emailPlaceholder": [1, "email-placeholder"],
|
|
8158
|
+
"messagePlaceholder": [1, "message-placeholder"],
|
|
8159
|
+
"hideRating": [4, "hide-rating"],
|
|
8160
|
+
"rating": [2],
|
|
8161
|
+
"ratingMode": [1, "rating-mode"],
|
|
8162
|
+
"ratingPlaceholder": [1, "rating-placeholder"],
|
|
8163
|
+
"ratingStarsPlaceholder": [1, "rating-stars-placeholder"],
|
|
8164
|
+
"showModal": [1540, "show-modal"],
|
|
8165
|
+
"showScreenshotMode": [1540, "show-screenshot-mode"],
|
|
8166
|
+
"showScreenshotTopBar": [1540, "show-screenshot-top-bar"],
|
|
8167
|
+
"hasSelectedElement": [1540, "has-selected-element"],
|
|
8168
|
+
"hideScreenshotButton": [4, "hide-screenshot-button"],
|
|
8169
|
+
"hidePrivacyPolicy": [4, "hide-privacy-policy"],
|
|
8170
|
+
"privacyPolicyText": [1, "privacy-policy-text"],
|
|
8171
|
+
"fetchData": [4, "fetch-data"],
|
|
8172
|
+
"sending": [32],
|
|
8173
|
+
"formMessage": [32],
|
|
8174
|
+
"formEmail": [32],
|
|
8175
|
+
"formSuccess": [32],
|
|
8176
|
+
"formVerification": [32],
|
|
8177
|
+
"formError": [32],
|
|
8178
|
+
"formErrorStatus": [32],
|
|
8179
|
+
"encodedScreenshot": [32],
|
|
8180
|
+
"isPrivacyChecked": [32],
|
|
8181
|
+
"whitelabel": [32],
|
|
8182
|
+
"selectedRating": [32]
|
|
8183
|
+
}]);
|
|
8184
|
+
function defineCustomElement() {
|
|
8185
|
+
if (typeof customElements === "undefined") {
|
|
8186
|
+
return;
|
|
8187
|
+
}
|
|
8188
|
+
const components = ["feedback-modal"];
|
|
8189
|
+
components.forEach(tagName => { switch (tagName) {
|
|
8190
|
+
case "feedback-modal":
|
|
8191
|
+
if (!customElements.get(tagName)) {
|
|
8192
|
+
customElements.define(tagName, FeedbackModal);
|
|
8193
|
+
}
|
|
8194
|
+
break;
|
|
8195
|
+
} });
|
|
8196
|
+
}
|
|
8174
8197
|
|
|
8175
|
-
export { FeedbackModal as
|
|
8198
|
+
export { FeedbackModal as F, defineCustomElement as d };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
|
|
2
|
+
export { FeedbackButton, defineCustomElement as defineCustomElementFeedbackButton } from './feedback-button.js';
|
|
3
|
+
export { FeedbackModal, defineCustomElement as defineCustomElementFeedbackModal } from './feedback-modal.js';
|