pushfeedback 0.1.57 → 0.1.58
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 +9303 -0
- package/dist/cjs/index-9a8f4784.js +1584 -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 +75 -0
- package/dist/collection/components/feedback-button/feedback-button.js +786 -0
- package/dist/collection/components/feedback-modal/feedback-modal.css +440 -0
- package/dist/collection/components/feedback-modal/feedback-modal.js +975 -0
- package/dist/collection/index.js +1 -0
- package/dist/{pushfeedback/feedback-button.entry.js → components/feedback-button.js} +65 -8
- package/dist/components/feedback-modal.js +6 -0
- package/dist/{pushfeedback/feedback-modal.entry.js → components/feedback-modal2.js} +72 -44
- package/dist/components/index.js +3 -0
- package/dist/esm/feedback-button_2.entry.js +9298 -0
- package/dist/esm/index-f65e9124.js +1555 -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-af2a1f7f.js +2 -0
- package/dist/pushfeedback/p-d87293f8.entry.js +22 -0
- package/dist/pushfeedback/pushfeedback.css +1 -112
- 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-36434da0.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, createEvent, 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);font-family:var(--feedback-font-family)}.feedback-button-content--custom-font{font-family:inherit}.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-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-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-icon-color)}.feedback-button-content--dark .icon-edit{stroke:var(--feedback-button-dark-icon-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.feedbackSent = createEvent(this, "feedbackSent", 7);
|
|
9
12
|
this.feedbackError = createEvent(this, "feedbackError", 7);
|
|
10
13
|
this.sessionId = "";
|
|
@@ -164,8 +167,62 @@ const FeedbackButton = class {
|
|
|
164
167
|
render() {
|
|
165
168
|
return (h(Host, null, h("a", { class: `feedback-button-content feedback-button-content--${this.buttonStyle} feedback-button-content--${this.buttonPosition} ${this.customFont ? 'feedback-button-content--custom-font' : ''}`, 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))));
|
|
166
169
|
}
|
|
167
|
-
get el() { return
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
+
get el() { return this; }
|
|
171
|
+
static get style() { return feedbackButtonCss; }
|
|
172
|
+
}, [1, "feedback-button", {
|
|
173
|
+
"sessionId": [1537, "session-id"],
|
|
174
|
+
"customFont": [4, "custom-font"],
|
|
175
|
+
"errorMessage": [1, "error-message"],
|
|
176
|
+
"errorMessage403": [1, "error-message-4-0-3"],
|
|
177
|
+
"errorMessage404": [1, "error-message-4-0-4"],
|
|
178
|
+
"modalTitle": [1, "modal-title"],
|
|
179
|
+
"modalTitleSuccess": [1, "modal-title-success"],
|
|
180
|
+
"modalTitleError": [1, "modal-title-error"],
|
|
181
|
+
"modalPosition": [1, "modal-position"],
|
|
182
|
+
"sendButtonText": [1, "send-button-text"],
|
|
183
|
+
"successMessage": [1, "success-message"],
|
|
184
|
+
"project": [1],
|
|
185
|
+
"screenshotButtonText": [1, "screenshot-button-text"],
|
|
186
|
+
"screenshotTopbarText": [1, "screenshot-topbar-text"],
|
|
187
|
+
"hideEmail": [4, "hide-email"],
|
|
188
|
+
"emailAddress": [1, "email-address"],
|
|
189
|
+
"emailPlaceholder": [1, "email-placeholder"],
|
|
190
|
+
"messagePlaceholder": [1, "message-placeholder"],
|
|
191
|
+
"hideRating": [4, "hide-rating"],
|
|
192
|
+
"rating": [2],
|
|
193
|
+
"ratingMode": [1, "rating-mode"],
|
|
194
|
+
"ratingPlaceholder": [1, "rating-placeholder"],
|
|
195
|
+
"ratingStarsPlaceholder": [1, "rating-stars-placeholder"],
|
|
196
|
+
"footerText": [1, "footer-text"],
|
|
197
|
+
"buttonStyle": [1, "button-style"],
|
|
198
|
+
"buttonPosition": [1, "button-position"],
|
|
199
|
+
"hideIcon": [4, "hide-icon"],
|
|
200
|
+
"hideScreenshotButton": [4, "hide-screenshot-button"],
|
|
201
|
+
"hidePrivacyPolicy": [4, "hide-privacy-policy"],
|
|
202
|
+
"privacyPolicyText": [1, "privacy-policy-text"],
|
|
203
|
+
"fetchData": [4, "fetch-data"],
|
|
204
|
+
"submit": [4]
|
|
205
|
+
}]);
|
|
206
|
+
function defineCustomElement$1() {
|
|
207
|
+
if (typeof customElements === "undefined") {
|
|
208
|
+
return;
|
|
209
|
+
}
|
|
210
|
+
const components = ["feedback-button", "feedback-modal"];
|
|
211
|
+
components.forEach(tagName => { switch (tagName) {
|
|
212
|
+
case "feedback-button":
|
|
213
|
+
if (!customElements.get(tagName)) {
|
|
214
|
+
customElements.define(tagName, FeedbackButton$1);
|
|
215
|
+
}
|
|
216
|
+
break;
|
|
217
|
+
case "feedback-modal":
|
|
218
|
+
if (!customElements.get(tagName)) {
|
|
219
|
+
defineCustomElement$2();
|
|
220
|
+
}
|
|
221
|
+
break;
|
|
222
|
+
} });
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
const FeedbackButton = FeedbackButton$1;
|
|
226
|
+
const defineCustomElement = defineCustomElement$1;
|
|
170
227
|
|
|
171
|
-
export { FeedbackButton
|
|
228
|
+
export { FeedbackButton, defineCustomElement };
|
|
@@ -1,44 +1,17 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { proxyCustomElement, HTMLElement, createEvent, 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 html2canvasPro = 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
|
|
|
@@ -4030,8 +4000,7 @@ var html2canvasPro = createCommonjsModule(function (module, exports) {
|
|
|
4030
4000
|
// doesn't support 3D transforms at the moment
|
|
4031
4001
|
var matrix3d = function (args) {
|
|
4032
4002
|
var values = args.filter(function (arg) { return arg.type === 17 /* TokenType.NUMBER_TOKEN */; }).map(function (arg) { return arg.number; });
|
|
4033
|
-
var a1 = values[0], b1 = values[1];
|
|
4034
|
-
return values.length === 16 ? [a1, b1, a2, b2, a4, b4] : null;
|
|
4003
|
+
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;
|
|
4035
4004
|
};
|
|
4036
4005
|
var SUPPORTED_TRANSFORM_FUNCTIONS = {
|
|
4037
4006
|
matrix: matrix,
|
|
@@ -5642,7 +5611,6 @@ var html2canvasPro = createCommonjsModule(function (module, exports) {
|
|
|
5642
5611
|
container.flags |= 8 /* FLAGS.IS_LIST_OWNER */;
|
|
5643
5612
|
}
|
|
5644
5613
|
parent.elements.push(container);
|
|
5645
|
-
childNode.slot;
|
|
5646
5614
|
if (childNode.shadowRoot) {
|
|
5647
5615
|
parseNodeTree(context, childNode.shadowRoot, container, root);
|
|
5648
5616
|
}
|
|
@@ -8825,9 +8793,11 @@ var html2canvasPro = createCommonjsModule(function (module, exports) {
|
|
|
8825
8793
|
|
|
8826
8794
|
const feedbackModalCss = ".text-center{flex-grow:1;text-align:center}.feedback-modal-wrapper *{font-family:var(--feedback-font-family)}.feedback-modal-wrapper--custom-font *{font-family:inherit}.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;opacity:0;position:fixed;top:0;width:100%;z-index:var(--feedback-modal-screnshot-z-index);transition:opacity 0.2s ease-out}.feedback-overlay--visible{opacity:1}.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;left:50%;max-width:90%;padding:20px;position:fixed;top:50%;transform:translate(-50%, -50%) scale(0.95);opacity:0;width:100%;z-index:var(--feedback-modal-content-z-index);transition:transform 0.2s ease-out, opacity 0.2s ease-out}.feedback-modal-content--open{transform:translate(-50%, -50%) scale(1);opacity:1}.feedback-modal-header{align-items:center;color:var(--feedback-modal-header-text-color);display:flex;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-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-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-size:var(--feedback-modal-input-font-size);margin-bottom:20px;height:40px;padding:10px;width:100%;margin-bottom:20px}.feedback-modal-privacy{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-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}.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,.feedback-footer-text{display:block;text-align:center;margin-top:5px}.feedback-footer-text{margin-top:10px;line-height:1.5}.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;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:var(--feedback-modal-content-max-width)}.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:var(--feedback-modal-content-sidebar-max-width);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:var(--feedback-modal-content-sidebar-max-width);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}.feedback-modal-content.feedback-modal-content--bottom-right{transform:translateY(20px)}.feedback-modal-content.feedback-modal-content--bottom-right.feedback-modal-content--open{transform:translateY(0)}.feedback-modal-content.feedback-modal-content--bottom-left{transform:translateY(20px)}.feedback-modal-content.feedback-modal-content--bottom-left.feedback-modal-content--open{transform:translateY(0)}.feedback-modal-content.feedback-modal-content--top-right{transform:translateY(-20px)}.feedback-modal-content.feedback-modal-content--top-right.feedback-modal-content--open{transform:translateY(0)}.feedback-modal-content.feedback-modal-content--top-left{transform:translateY(-20px)}.feedback-modal-content.feedback-modal-content--top-left.feedback-modal-content--open{transform:translateY(0)}}";
|
|
8827
8795
|
|
|
8828
|
-
const FeedbackModal = class {
|
|
8829
|
-
constructor(
|
|
8830
|
-
|
|
8796
|
+
const FeedbackModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
8797
|
+
constructor() {
|
|
8798
|
+
super();
|
|
8799
|
+
this.__registerHost();
|
|
8800
|
+
this.__attachShadow();
|
|
8831
8801
|
this.feedbackSent = createEvent(this, "feedbackSent", 7);
|
|
8832
8802
|
this.feedbackError = createEvent(this, "feedbackError", 7);
|
|
8833
8803
|
this.onScrollDebounced = () => {
|
|
@@ -8977,7 +8947,6 @@ const FeedbackModal = class {
|
|
|
8977
8947
|
// Right
|
|
8978
8948
|
this.rightSide.style.position = "absolute";
|
|
8979
8949
|
this.rightSide.style.left = `${rect.right + borderOffset}px`;
|
|
8980
|
-
;
|
|
8981
8950
|
this.rightSide.style.top = '0px';
|
|
8982
8951
|
this.rightSide.style.width = '100%';
|
|
8983
8952
|
this.rightSide.style.height = '100vh';
|
|
@@ -9157,7 +9126,66 @@ const FeedbackModal = class {
|
|
|
9157
9126
|
});
|
|
9158
9127
|
});
|
|
9159
9128
|
}
|
|
9160
|
-
}
|
|
9161
|
-
|
|
9129
|
+
static get style() { return feedbackModalCss; }
|
|
9130
|
+
}, [1, "feedback-modal", {
|
|
9131
|
+
"customFont": [4, "custom-font"],
|
|
9132
|
+
"errorMessage": [1, "error-message"],
|
|
9133
|
+
"errorMessage403": [1, "error-message-4-0-3"],
|
|
9134
|
+
"errorMessage404": [1, "error-message-4-0-4"],
|
|
9135
|
+
"modalTitle": [1, "modal-title"],
|
|
9136
|
+
"modalTitleSuccess": [1, "modal-title-success"],
|
|
9137
|
+
"modalTitleError": [1, "modal-title-error"],
|
|
9138
|
+
"modalPosition": [1, "modal-position"],
|
|
9139
|
+
"sendButtonText": [1, "send-button-text"],
|
|
9140
|
+
"successMessage": [1, "success-message"],
|
|
9141
|
+
"project": [1],
|
|
9142
|
+
"screenshotButtonText": [1, "screenshot-button-text"],
|
|
9143
|
+
"screenshotTopbarText": [1, "screenshot-topbar-text"],
|
|
9144
|
+
"hideEmail": [4, "hide-email"],
|
|
9145
|
+
"emailAddress": [1, "email-address"],
|
|
9146
|
+
"emailPlaceholder": [1, "email-placeholder"],
|
|
9147
|
+
"messagePlaceholder": [1, "message-placeholder"],
|
|
9148
|
+
"hideRating": [4, "hide-rating"],
|
|
9149
|
+
"rating": [2],
|
|
9150
|
+
"ratingMode": [1, "rating-mode"],
|
|
9151
|
+
"ratingPlaceholder": [1, "rating-placeholder"],
|
|
9152
|
+
"ratingStarsPlaceholder": [1, "rating-stars-placeholder"],
|
|
9153
|
+
"footerText": [1, "footer-text"],
|
|
9154
|
+
"showModal": [1540, "show-modal"],
|
|
9155
|
+
"showScreenshotMode": [1540, "show-screenshot-mode"],
|
|
9156
|
+
"showScreenshotTopBar": [1540, "show-screenshot-top-bar"],
|
|
9157
|
+
"hasSelectedElement": [1540, "has-selected-element"],
|
|
9158
|
+
"hideScreenshotButton": [4, "hide-screenshot-button"],
|
|
9159
|
+
"hidePrivacyPolicy": [4, "hide-privacy-policy"],
|
|
9160
|
+
"privacyPolicyText": [1, "privacy-policy-text"],
|
|
9161
|
+
"fetchData": [4, "fetch-data"],
|
|
9162
|
+
"sending": [32],
|
|
9163
|
+
"formMessage": [32],
|
|
9164
|
+
"formEmail": [32],
|
|
9165
|
+
"formSuccess": [32],
|
|
9166
|
+
"formVerification": [32],
|
|
9167
|
+
"formError": [32],
|
|
9168
|
+
"formErrorStatus": [32],
|
|
9169
|
+
"encodedScreenshot": [32],
|
|
9170
|
+
"isPrivacyChecked": [32],
|
|
9171
|
+
"whitelabel": [32],
|
|
9172
|
+
"selectedRating": [32],
|
|
9173
|
+
"overlayVisible": [32],
|
|
9174
|
+
"isAnimating": [32],
|
|
9175
|
+
"openModal": [64]
|
|
9176
|
+
}]);
|
|
9177
|
+
function defineCustomElement() {
|
|
9178
|
+
if (typeof customElements === "undefined") {
|
|
9179
|
+
return;
|
|
9180
|
+
}
|
|
9181
|
+
const components = ["feedback-modal"];
|
|
9182
|
+
components.forEach(tagName => { switch (tagName) {
|
|
9183
|
+
case "feedback-modal":
|
|
9184
|
+
if (!customElements.get(tagName)) {
|
|
9185
|
+
customElements.define(tagName, FeedbackModal);
|
|
9186
|
+
}
|
|
9187
|
+
break;
|
|
9188
|
+
} });
|
|
9189
|
+
}
|
|
9162
9190
|
|
|
9163
|
-
export { FeedbackModal as
|
|
9191
|
+
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';
|