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.
Files changed (39) hide show
  1. package/dist/cjs/feedback-button_2.cjs.entry.js +8267 -0
  2. package/dist/cjs/index-b596cc3a.js +1551 -0
  3. package/dist/cjs/index.cjs.js +2 -0
  4. package/dist/cjs/loader.cjs.js +22 -0
  5. package/dist/cjs/pushfeedback.cjs.js +23 -0
  6. package/dist/collection/collection-manifest.json +13 -0
  7. package/dist/collection/components/feedback-button/feedback-button.css +71 -0
  8. package/dist/collection/components/feedback-button/feedback-button.js +671 -0
  9. package/dist/collection/components/feedback-modal/feedback-modal.css +388 -0
  10. package/dist/collection/components/feedback-modal/feedback-modal.js +845 -0
  11. package/dist/collection/index.js +1 -0
  12. package/dist/{pushfeedback/feedback-button.entry.js → components/feedback-button.js} +63 -8
  13. package/dist/components/feedback-modal.js +6 -0
  14. package/dist/{pushfeedback/feedback-modal.entry.js → components/feedback-modal2.js} +67 -44
  15. package/dist/components/index.js +3 -0
  16. package/dist/esm/feedback-button_2.entry.js +8262 -0
  17. package/dist/esm/index-deb00b84.js +1523 -0
  18. package/dist/esm/index.js +1 -0
  19. package/dist/esm/loader.js +18 -0
  20. package/dist/esm/polyfills/core-js.js +11 -0
  21. package/dist/esm/polyfills/css-shim.js +1 -0
  22. package/dist/esm/polyfills/dom.js +79 -0
  23. package/dist/esm/polyfills/es5-html-element.js +1 -0
  24. package/dist/esm/polyfills/index.js +34 -0
  25. package/dist/esm/polyfills/system.js +6 -0
  26. package/dist/esm/pushfeedback.js +18 -0
  27. package/dist/index.cjs.js +1 -0
  28. package/dist/index.js +1 -0
  29. package/dist/pushfeedback/index.esm.js +0 -1
  30. package/dist/pushfeedback/p-90e8ba79.js +2 -0
  31. package/dist/pushfeedback/p-fa888cd3.entry.js +22 -0
  32. package/dist/pushfeedback/pushfeedback.css +1 -108
  33. package/dist/pushfeedback/pushfeedback.esm.js +1 -148
  34. package/package.json +1 -1
  35. package/dist/pushfeedback/app-globals-0f993ce5.js +0 -3
  36. package/dist/pushfeedback/css-shim-b7d3d95f.js +0 -4
  37. package/dist/pushfeedback/dom-64053c71.js +0 -73
  38. package/dist/pushfeedback/index-6a05f159.js +0 -3371
  39. package/dist/pushfeedback/shadow-css-98135883.js +0 -387
@@ -0,0 +1 @@
1
+ export * from './components';
@@ -1,10 +1,13 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-6a05f159.js';
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(hostRef) {
7
- registerInstance(this, hostRef);
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 getElement(this); }
120
- };
121
- FeedbackButton.style = feedbackButtonCss;
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 as feedback_button };
178
+ export { FeedbackButton, defineCustomElement };
@@ -0,0 +1,6 @@
1
+ import { F as FeedbackModal$1, d as defineCustomElement$1 } from './feedback-modal2.js';
2
+
3
+ const FeedbackModal = FeedbackModal$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { FeedbackModal, defineCustomElement };
@@ -1,44 +1,17 @@
1
- import { r as registerInstance, h } from './index-6a05f159.js';
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(path, (base === undefined || base === null) ? module.path : base);
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
- 'object' === 'object' && 'object' !== 'undefined' ? module.exports = factory() :
54
- typeof undefined === 'function' && undefined.amd ? undefined(factory) :
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]; values[2]; values[3]; var a2 = values[4], b2 = values[5]; values[6]; values[7]; values[8]; values[9]; values[10]; values[11]; var a4 = values[12], b4 = values[13]; values[14]; values[15];
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(hostRef) {
7883
- registerInstance(this, hostRef);
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
- FeedbackModal.style = feedbackModalCss;
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 feedback_modal };
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';