pushfeedback 0.1.82 → 0.1.84
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/canvas-editor_3.cjs.entry.js +124 -60
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/pushfeedback.cjs.js +1 -1
- package/dist/collection/components/canvas-editor/canvas-editor.js +57 -42
- package/dist/collection/components/feedback-button/feedback-button.js +42 -2
- package/dist/collection/components/feedback-modal/feedback-modal.css +40 -0
- package/dist/collection/components/feedback-modal/feedback-modal.js +96 -15
- package/dist/components/canvas-editor2.js +57 -42
- package/dist/components/feedback-button.js +8 -2
- package/dist/components/feedback-modal2.js +63 -16
- package/dist/esm/canvas-editor_3.entry.js +124 -60
- package/dist/esm/loader.js +1 -1
- package/dist/esm/pushfeedback.js +1 -1
- package/dist/pushfeedback/p-06bb93cb.entry.js +1 -0
- package/dist/pushfeedback/pushfeedback.css +1 -1
- package/dist/pushfeedback/pushfeedback.esm.js +1 -1
- package/dist/types/components/feedback-button/feedback-button.d.ts +2 -0
- package/dist/types/components/feedback-modal/feedback-modal.d.ts +9 -0
- package/dist/types/components.d.ts +8 -0
- package/package.json +1 -1
- package/dist/pushfeedback/p-69f4eacb.entry.js +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["canvas-editor_3.cjs",[[1,"feedback-button",{"buttonPosition":[1,"button-position"],"buttonStyle":[1,"button-style"],"hideIcon":[4,"hide-icon"],"hideMobile":[4,"hide-mobile"],"sessionId":[1537,"session-id"],"metadata":[1],"submit":[4],"customFont":[4,"custom-font"],"emailAddress":[1,"email-address"],"isEmailRequired":[4,"is-email-required"],"fetchData":[4,"fetch-data"],"hideEmail":[4,"hide-email"],"hidePrivacyPolicy":[4,"hide-privacy-policy"],"hideRating":[4,"hide-rating"],"hideScreenshotButton":[4,"hide-screenshot-button"],"modalPosition":[1,"modal-position"],"project":[1],"rating":[2],"ratingMode":[1,"rating-mode"],"emailPlaceholder":[1,"email-placeholder"],"errorMessage":[1,"error-message"],"errorMessage403":[1,"error-message-4-0-3"],"errorMessage404":[1,"error-message-4-0-4"],"footerText":[1,"footer-text"],"messagePlaceholder":[1,"message-placeholder"],"modalTitle":[1,"modal-title"],"modalTitleError":[1,"modal-title-error"],"modalTitleSuccess":[1,"modal-title-success"],"privacyPolicyText":[1,"privacy-policy-text"],"ratingPlaceholder":[1,"rating-placeholder"],"ratingStarsPlaceholder":[1,"rating-stars-placeholder"],"sendButtonText":[1,"send-button-text"],"successMessage":[1,"success-message"],"recaptchaText":[1,"recaptcha-text"],"screenshotAttachedText":[1,"screenshot-attached-text"],"screenshotButtonText":[1,"screenshot-button-text"],"screenshotTakingText":[1,"screenshot-taking-text"],"screenshotEditTextButtonText":[1,"screenshot-edit-text-button-text"],"screenshotEditorTitle":[1,"screenshot-editor-title"],"screenshotEditorCancelText":[1,"screenshot-editor-cancel-text"],"screenshotEditorSaveText":[1,"screenshot-editor-save-text"],"screenshotSizeLabelText":[1,"screenshot-size-label-text"],"screenshotBorderLabelText":[1,"screenshot-border-label-text"],"screenshotEditTextPromptText":[1,"screenshot-edit-text-prompt-text"],"screenshotErrorGeneral":[1,"screenshot-error-general"],"screenshotErrorPermission":[1,"screenshot-error-permission"],"screenshotErrorNotSupported":[1,"screenshot-error-not-supported"],"screenshotErrorNotFound":[1,"screenshot-error-not-found"],"screenshotErrorCancelled":[1,"screenshot-error-cancelled"],"screenshotErrorBrowserNotSupported":[1,"screenshot-error-browser-not-supported"],"screenshotErrorUnexpected":[1,"screenshot-error-unexpected"]}],[1,"feedback-modal",{"customFont":[4,"custom-font"],"emailAddress":[1,"email-address"],"hideEmail":[4,"hide-email"],"isEmailRequired":[4,"is-email-required"],"ratingMode":[1,"rating-mode"],"hasSelectedElement":[1540,"has-selected-element"],"hidePrivacyPolicy":[4,"hide-privacy-policy"],"hideRating":[4,"hide-rating"],"hideScreenshotButton":[4,"hide-screenshot-button"],"project":[1],"showScreenshotMode":[1540,"show-screenshot-mode"],"showScreenshotTopBar":[1540,"show-screenshot-top-bar"],"showModal":[1540,"show-modal"],"rating":[2],"metadata":[1],"fetchData":[4,"fetch-data"],"embedded":[4],"emailPlaceholder":[1,"email-placeholder"],"errorMessage":[1,"error-message"],"errorMessage403":[1,"error-message-4-0-3"],"errorMessage404":[1,"error-message-4-0-4"],"messagePlaceholder":[1,"message-placeholder"],"footerText":[1,"footer-text"],"modalPosition":[1,"modal-position"],"modalTitle":[1,"modal-title"],"modalTitleError":[1,"modal-title-error"],"modalTitleSuccess":[1,"modal-title-success"],"privacyPolicyText":[1,"privacy-policy-text"],"ratingPlaceholder":[1,"rating-placeholder"],"ratingStarsPlaceholder":[1,"rating-stars-placeholder"],"sendButtonText":[1,"send-button-text"],"successMessage":[1,"success-message"],"recaptchaText":[1,"recaptcha-text"],"screenshotAttachedText":[1,"screenshot-attached-text"],"screenshotButtonText":[1,"screenshot-button-text"],"screenshotTakingText":[1,"screenshot-taking-text"],"screenshotEditTextButtonText":[1,"screenshot-edit-text-button-text"],"screenshotEditorTitle":[1,"screenshot-editor-title"],"screenshotEditorCancelText":[1,"screenshot-editor-cancel-text"],"screenshotEditorSaveText":[1,"screenshot-editor-save-text"],"screenshotSizeLabelText":[1,"screenshot-size-label-text"],"screenshotBorderLabelText":[1,"screenshot-border-label-text"],"screenshotEditTextPromptText":[1,"screenshot-edit-text-prompt-text"],"screenshotErrorGeneral":[1,"screenshot-error-general"],"screenshotErrorPermission":[1,"screenshot-error-permission"],"screenshotErrorNotSupported":[1,"screenshot-error-not-supported"],"screenshotErrorNotFound":[1,"screenshot-error-not-found"],"screenshotErrorCancelled":[1,"screenshot-error-cancelled"],"screenshotErrorBrowserNotSupported":[1,"screenshot-error-browser-not-supported"],"screenshotErrorUnexpected":[1,"screenshot-error-unexpected"],"sending":[32],"formMessage":[32],"formEmail":[32],"formSuccess":[32],"formVerification":[32],"formError":[32],"formErrorStatus":[32],"encodedScreenshot":[32],"isPrivacyChecked":[32],"whitelabel":[32],"selectedRating":[32],"overlayVisible":[32],"isAnimating":[32],"recaptchaEnabled":[32],"recaptchaSiteKey":[32],"takingScreenshot":[32],"showScreenshotError":[32],"screenshotError":[32],"showCanvasEditor":[32],"autoStartCapture":[32],"openModal":[64]}],[1,"canvas-editor",{"canvasEditorTitle":[1,"canvas-editor-title"],"canvasEditorCancelText":[1,"canvas-editor-cancel-text"],"canvasEditorSaveText":[1,"canvas-editor-save-text"],"screenshotTakingText":[1,"screenshot-taking-text"],"screenshotAttachedText":[1,"screenshot-attached-text"],"screenshotButtonText":[1,"screenshot-button-text"],"autoStartScreenshot":[4,"auto-start-screenshot"],"existingScreenshot":[1,"existing-screenshot"],"editTextButtonText":[1,"edit-text-button-text"],"sizeLabelText":[1,"size-label-text"],"borderLabelText":[1,"border-label-text"],"editTextPromptText":[1,"edit-text-prompt-text"],"screenshotErrorGeneral":[1,"screenshot-error-general"],"screenshotErrorPermission":[1,"screenshot-error-permission"],"screenshotErrorNotSupported":[1,"screenshot-error-not-supported"],"screenshotErrorNotFound":[1,"screenshot-error-not-found"],"screenshotErrorCancelled":[1,"screenshot-error-cancelled"],"screenshotErrorBrowserNotSupported":[1,"screenshot-error-browser-not-supported"],"screenshotErrorUnexpected":[1,"screenshot-error-unexpected"],"takingScreenshot":[32],"showCanvasEditor":[32],"canvasDrawingTool":[32],"canvasDrawingColor":[32],"canvasLineWidth":[32],"canvasTextSize":[32],"isDrawing":[32],"annotations":[32],"currentAnnotation":[32],"isDragging":[32],"draggedAnnotation":[32],"dragStartPos":[32],"showColorPicker":[32],"editingColorIndex":[32],"selectedAnnotation":[32],"isResizing":[32],"resizingAnnotation":[32],"resizeStartSize":[32],"resizeStartDimensions":[32],"hoveredAnnotation":[32],"resizeHandle":[32],"defaultColors":[32]}]]]], options);
|
|
17
|
+
return index.bootstrapLazy([["canvas-editor_3.cjs",[[1,"feedback-button",{"buttonPosition":[1,"button-position"],"buttonStyle":[1,"button-style"],"hideIcon":[4,"hide-icon"],"hideMobile":[4,"hide-mobile"],"sessionId":[1537,"session-id"],"metadata":[1],"submit":[4],"clickOutsideClose":[4,"click-outside-close"],"customFont":[4,"custom-font"],"emailAddress":[1,"email-address"],"historyClose":[4,"history-close"],"isEmailRequired":[4,"is-email-required"],"fetchData":[4,"fetch-data"],"hideEmail":[4,"hide-email"],"hidePrivacyPolicy":[4,"hide-privacy-policy"],"hideRating":[4,"hide-rating"],"hideScreenshotButton":[4,"hide-screenshot-button"],"modalPosition":[1,"modal-position"],"project":[1],"rating":[2],"ratingMode":[1,"rating-mode"],"emailPlaceholder":[1,"email-placeholder"],"errorMessage":[1,"error-message"],"errorMessage403":[1,"error-message-4-0-3"],"errorMessage404":[1,"error-message-4-0-4"],"footerText":[1,"footer-text"],"messagePlaceholder":[1,"message-placeholder"],"modalTitle":[1,"modal-title"],"modalTitleError":[1,"modal-title-error"],"modalTitleSuccess":[1,"modal-title-success"],"privacyPolicyText":[1,"privacy-policy-text"],"ratingPlaceholder":[1,"rating-placeholder"],"ratingStarsPlaceholder":[1,"rating-stars-placeholder"],"sendButtonText":[1,"send-button-text"],"successMessage":[1,"success-message"],"recaptchaText":[1,"recaptcha-text"],"screenshotAttachedText":[1,"screenshot-attached-text"],"screenshotButtonText":[1,"screenshot-button-text"],"screenshotTakingText":[1,"screenshot-taking-text"],"screenshotEditTextButtonText":[1,"screenshot-edit-text-button-text"],"screenshotEditorTitle":[1,"screenshot-editor-title"],"screenshotEditorCancelText":[1,"screenshot-editor-cancel-text"],"screenshotEditorSaveText":[1,"screenshot-editor-save-text"],"screenshotSizeLabelText":[1,"screenshot-size-label-text"],"screenshotBorderLabelText":[1,"screenshot-border-label-text"],"screenshotEditTextPromptText":[1,"screenshot-edit-text-prompt-text"],"screenshotErrorGeneral":[1,"screenshot-error-general"],"screenshotErrorPermission":[1,"screenshot-error-permission"],"screenshotErrorNotSupported":[1,"screenshot-error-not-supported"],"screenshotErrorNotFound":[1,"screenshot-error-not-found"],"screenshotErrorCancelled":[1,"screenshot-error-cancelled"],"screenshotErrorBrowserNotSupported":[1,"screenshot-error-browser-not-supported"],"screenshotErrorUnexpected":[1,"screenshot-error-unexpected"]}],[1,"feedback-modal",{"customFont":[4,"custom-font"],"emailAddress":[1,"email-address"],"hideEmail":[4,"hide-email"],"isEmailRequired":[4,"is-email-required"],"ratingMode":[1,"rating-mode"],"hasSelectedElement":[1540,"has-selected-element"],"hidePrivacyPolicy":[4,"hide-privacy-policy"],"hideRating":[4,"hide-rating"],"hideScreenshotButton":[4,"hide-screenshot-button"],"project":[1],"showScreenshotMode":[1540,"show-screenshot-mode"],"showScreenshotTopBar":[1540,"show-screenshot-top-bar"],"showModal":[1540,"show-modal"],"rating":[2],"metadata":[1],"fetchData":[4,"fetch-data"],"embedded":[4],"clickOutsideClose":[4,"click-outside-close"],"historyClose":[4,"history-close"],"emailPlaceholder":[1,"email-placeholder"],"errorMessage":[1,"error-message"],"errorMessage403":[1,"error-message-4-0-3"],"errorMessage404":[1,"error-message-4-0-4"],"messagePlaceholder":[1,"message-placeholder"],"footerText":[1,"footer-text"],"modalPosition":[1,"modal-position"],"modalTitle":[1,"modal-title"],"modalTitleError":[1,"modal-title-error"],"modalTitleSuccess":[1,"modal-title-success"],"privacyPolicyText":[1,"privacy-policy-text"],"ratingPlaceholder":[1,"rating-placeholder"],"ratingStarsPlaceholder":[1,"rating-stars-placeholder"],"sendButtonText":[1,"send-button-text"],"successMessage":[1,"success-message"],"recaptchaText":[1,"recaptcha-text"],"screenshotAttachedText":[1,"screenshot-attached-text"],"screenshotButtonText":[1,"screenshot-button-text"],"screenshotTakingText":[1,"screenshot-taking-text"],"screenshotEditTextButtonText":[1,"screenshot-edit-text-button-text"],"screenshotEditorTitle":[1,"screenshot-editor-title"],"screenshotEditorCancelText":[1,"screenshot-editor-cancel-text"],"screenshotEditorSaveText":[1,"screenshot-editor-save-text"],"screenshotSizeLabelText":[1,"screenshot-size-label-text"],"screenshotBorderLabelText":[1,"screenshot-border-label-text"],"screenshotEditTextPromptText":[1,"screenshot-edit-text-prompt-text"],"screenshotErrorGeneral":[1,"screenshot-error-general"],"screenshotErrorPermission":[1,"screenshot-error-permission"],"screenshotErrorNotSupported":[1,"screenshot-error-not-supported"],"screenshotErrorNotFound":[1,"screenshot-error-not-found"],"screenshotErrorCancelled":[1,"screenshot-error-cancelled"],"screenshotErrorBrowserNotSupported":[1,"screenshot-error-browser-not-supported"],"screenshotErrorUnexpected":[1,"screenshot-error-unexpected"],"sending":[32],"formMessage":[32],"formEmail":[32],"formSuccess":[32],"formVerification":[32],"formError":[32],"formErrorStatus":[32],"encodedScreenshot":[32],"isPrivacyChecked":[32],"whitelabel":[32],"selectedRating":[32],"overlayVisible":[32],"isAnimating":[32],"recaptchaEnabled":[32],"recaptchaSiteKey":[32],"takingScreenshot":[32],"showScreenshotError":[32],"screenshotError":[32],"showCanvasEditor":[32],"autoStartCapture":[32],"openModal":[64]}],[1,"canvas-editor",{"canvasEditorTitle":[1,"canvas-editor-title"],"canvasEditorCancelText":[1,"canvas-editor-cancel-text"],"canvasEditorSaveText":[1,"canvas-editor-save-text"],"screenshotTakingText":[1,"screenshot-taking-text"],"screenshotAttachedText":[1,"screenshot-attached-text"],"screenshotButtonText":[1,"screenshot-button-text"],"autoStartScreenshot":[4,"auto-start-screenshot"],"existingScreenshot":[1,"existing-screenshot"],"editTextButtonText":[1,"edit-text-button-text"],"sizeLabelText":[1,"size-label-text"],"borderLabelText":[1,"border-label-text"],"editTextPromptText":[1,"edit-text-prompt-text"],"screenshotErrorGeneral":[1,"screenshot-error-general"],"screenshotErrorPermission":[1,"screenshot-error-permission"],"screenshotErrorNotSupported":[1,"screenshot-error-not-supported"],"screenshotErrorNotFound":[1,"screenshot-error-not-found"],"screenshotErrorCancelled":[1,"screenshot-error-cancelled"],"screenshotErrorBrowserNotSupported":[1,"screenshot-error-browser-not-supported"],"screenshotErrorUnexpected":[1,"screenshot-error-unexpected"],"takingScreenshot":[32],"showCanvasEditor":[32],"canvasDrawingTool":[32],"canvasDrawingColor":[32],"canvasLineWidth":[32],"canvasTextSize":[32],"isDrawing":[32],"annotations":[32],"currentAnnotation":[32],"isDragging":[32],"draggedAnnotation":[32],"dragStartPos":[32],"showColorPicker":[32],"editingColorIndex":[32],"selectedAnnotation":[32],"isResizing":[32],"resizingAnnotation":[32],"resizeStartSize":[32],"resizeStartDimensions":[32],"hoveredAnnotation":[32],"resizeHandle":[32],"defaultColors":[32]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -17,7 +17,7 @@ const patchBrowser = () => {
|
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(options => {
|
|
20
|
-
return index.bootstrapLazy([["canvas-editor_3.cjs",[[1,"feedback-button",{"buttonPosition":[1,"button-position"],"buttonStyle":[1,"button-style"],"hideIcon":[4,"hide-icon"],"hideMobile":[4,"hide-mobile"],"sessionId":[1537,"session-id"],"metadata":[1],"submit":[4],"customFont":[4,"custom-font"],"emailAddress":[1,"email-address"],"isEmailRequired":[4,"is-email-required"],"fetchData":[4,"fetch-data"],"hideEmail":[4,"hide-email"],"hidePrivacyPolicy":[4,"hide-privacy-policy"],"hideRating":[4,"hide-rating"],"hideScreenshotButton":[4,"hide-screenshot-button"],"modalPosition":[1,"modal-position"],"project":[1],"rating":[2],"ratingMode":[1,"rating-mode"],"emailPlaceholder":[1,"email-placeholder"],"errorMessage":[1,"error-message"],"errorMessage403":[1,"error-message-4-0-3"],"errorMessage404":[1,"error-message-4-0-4"],"footerText":[1,"footer-text"],"messagePlaceholder":[1,"message-placeholder"],"modalTitle":[1,"modal-title"],"modalTitleError":[1,"modal-title-error"],"modalTitleSuccess":[1,"modal-title-success"],"privacyPolicyText":[1,"privacy-policy-text"],"ratingPlaceholder":[1,"rating-placeholder"],"ratingStarsPlaceholder":[1,"rating-stars-placeholder"],"sendButtonText":[1,"send-button-text"],"successMessage":[1,"success-message"],"recaptchaText":[1,"recaptcha-text"],"screenshotAttachedText":[1,"screenshot-attached-text"],"screenshotButtonText":[1,"screenshot-button-text"],"screenshotTakingText":[1,"screenshot-taking-text"],"screenshotEditTextButtonText":[1,"screenshot-edit-text-button-text"],"screenshotEditorTitle":[1,"screenshot-editor-title"],"screenshotEditorCancelText":[1,"screenshot-editor-cancel-text"],"screenshotEditorSaveText":[1,"screenshot-editor-save-text"],"screenshotSizeLabelText":[1,"screenshot-size-label-text"],"screenshotBorderLabelText":[1,"screenshot-border-label-text"],"screenshotEditTextPromptText":[1,"screenshot-edit-text-prompt-text"],"screenshotErrorGeneral":[1,"screenshot-error-general"],"screenshotErrorPermission":[1,"screenshot-error-permission"],"screenshotErrorNotSupported":[1,"screenshot-error-not-supported"],"screenshotErrorNotFound":[1,"screenshot-error-not-found"],"screenshotErrorCancelled":[1,"screenshot-error-cancelled"],"screenshotErrorBrowserNotSupported":[1,"screenshot-error-browser-not-supported"],"screenshotErrorUnexpected":[1,"screenshot-error-unexpected"]}],[1,"feedback-modal",{"customFont":[4,"custom-font"],"emailAddress":[1,"email-address"],"hideEmail":[4,"hide-email"],"isEmailRequired":[4,"is-email-required"],"ratingMode":[1,"rating-mode"],"hasSelectedElement":[1540,"has-selected-element"],"hidePrivacyPolicy":[4,"hide-privacy-policy"],"hideRating":[4,"hide-rating"],"hideScreenshotButton":[4,"hide-screenshot-button"],"project":[1],"showScreenshotMode":[1540,"show-screenshot-mode"],"showScreenshotTopBar":[1540,"show-screenshot-top-bar"],"showModal":[1540,"show-modal"],"rating":[2],"metadata":[1],"fetchData":[4,"fetch-data"],"embedded":[4],"emailPlaceholder":[1,"email-placeholder"],"errorMessage":[1,"error-message"],"errorMessage403":[1,"error-message-4-0-3"],"errorMessage404":[1,"error-message-4-0-4"],"messagePlaceholder":[1,"message-placeholder"],"footerText":[1,"footer-text"],"modalPosition":[1,"modal-position"],"modalTitle":[1,"modal-title"],"modalTitleError":[1,"modal-title-error"],"modalTitleSuccess":[1,"modal-title-success"],"privacyPolicyText":[1,"privacy-policy-text"],"ratingPlaceholder":[1,"rating-placeholder"],"ratingStarsPlaceholder":[1,"rating-stars-placeholder"],"sendButtonText":[1,"send-button-text"],"successMessage":[1,"success-message"],"recaptchaText":[1,"recaptcha-text"],"screenshotAttachedText":[1,"screenshot-attached-text"],"screenshotButtonText":[1,"screenshot-button-text"],"screenshotTakingText":[1,"screenshot-taking-text"],"screenshotEditTextButtonText":[1,"screenshot-edit-text-button-text"],"screenshotEditorTitle":[1,"screenshot-editor-title"],"screenshotEditorCancelText":[1,"screenshot-editor-cancel-text"],"screenshotEditorSaveText":[1,"screenshot-editor-save-text"],"screenshotSizeLabelText":[1,"screenshot-size-label-text"],"screenshotBorderLabelText":[1,"screenshot-border-label-text"],"screenshotEditTextPromptText":[1,"screenshot-edit-text-prompt-text"],"screenshotErrorGeneral":[1,"screenshot-error-general"],"screenshotErrorPermission":[1,"screenshot-error-permission"],"screenshotErrorNotSupported":[1,"screenshot-error-not-supported"],"screenshotErrorNotFound":[1,"screenshot-error-not-found"],"screenshotErrorCancelled":[1,"screenshot-error-cancelled"],"screenshotErrorBrowserNotSupported":[1,"screenshot-error-browser-not-supported"],"screenshotErrorUnexpected":[1,"screenshot-error-unexpected"],"sending":[32],"formMessage":[32],"formEmail":[32],"formSuccess":[32],"formVerification":[32],"formError":[32],"formErrorStatus":[32],"encodedScreenshot":[32],"isPrivacyChecked":[32],"whitelabel":[32],"selectedRating":[32],"overlayVisible":[32],"isAnimating":[32],"recaptchaEnabled":[32],"recaptchaSiteKey":[32],"takingScreenshot":[32],"showScreenshotError":[32],"screenshotError":[32],"showCanvasEditor":[32],"autoStartCapture":[32],"openModal":[64]}],[1,"canvas-editor",{"canvasEditorTitle":[1,"canvas-editor-title"],"canvasEditorCancelText":[1,"canvas-editor-cancel-text"],"canvasEditorSaveText":[1,"canvas-editor-save-text"],"screenshotTakingText":[1,"screenshot-taking-text"],"screenshotAttachedText":[1,"screenshot-attached-text"],"screenshotButtonText":[1,"screenshot-button-text"],"autoStartScreenshot":[4,"auto-start-screenshot"],"existingScreenshot":[1,"existing-screenshot"],"editTextButtonText":[1,"edit-text-button-text"],"sizeLabelText":[1,"size-label-text"],"borderLabelText":[1,"border-label-text"],"editTextPromptText":[1,"edit-text-prompt-text"],"screenshotErrorGeneral":[1,"screenshot-error-general"],"screenshotErrorPermission":[1,"screenshot-error-permission"],"screenshotErrorNotSupported":[1,"screenshot-error-not-supported"],"screenshotErrorNotFound":[1,"screenshot-error-not-found"],"screenshotErrorCancelled":[1,"screenshot-error-cancelled"],"screenshotErrorBrowserNotSupported":[1,"screenshot-error-browser-not-supported"],"screenshotErrorUnexpected":[1,"screenshot-error-unexpected"],"takingScreenshot":[32],"showCanvasEditor":[32],"canvasDrawingTool":[32],"canvasDrawingColor":[32],"canvasLineWidth":[32],"canvasTextSize":[32],"isDrawing":[32],"annotations":[32],"currentAnnotation":[32],"isDragging":[32],"draggedAnnotation":[32],"dragStartPos":[32],"showColorPicker":[32],"editingColorIndex":[32],"selectedAnnotation":[32],"isResizing":[32],"resizingAnnotation":[32],"resizeStartSize":[32],"resizeStartDimensions":[32],"hoveredAnnotation":[32],"resizeHandle":[32],"defaultColors":[32]}]]]], options);
|
|
20
|
+
return index.bootstrapLazy([["canvas-editor_3.cjs",[[1,"feedback-button",{"buttonPosition":[1,"button-position"],"buttonStyle":[1,"button-style"],"hideIcon":[4,"hide-icon"],"hideMobile":[4,"hide-mobile"],"sessionId":[1537,"session-id"],"metadata":[1],"submit":[4],"clickOutsideClose":[4,"click-outside-close"],"customFont":[4,"custom-font"],"emailAddress":[1,"email-address"],"historyClose":[4,"history-close"],"isEmailRequired":[4,"is-email-required"],"fetchData":[4,"fetch-data"],"hideEmail":[4,"hide-email"],"hidePrivacyPolicy":[4,"hide-privacy-policy"],"hideRating":[4,"hide-rating"],"hideScreenshotButton":[4,"hide-screenshot-button"],"modalPosition":[1,"modal-position"],"project":[1],"rating":[2],"ratingMode":[1,"rating-mode"],"emailPlaceholder":[1,"email-placeholder"],"errorMessage":[1,"error-message"],"errorMessage403":[1,"error-message-4-0-3"],"errorMessage404":[1,"error-message-4-0-4"],"footerText":[1,"footer-text"],"messagePlaceholder":[1,"message-placeholder"],"modalTitle":[1,"modal-title"],"modalTitleError":[1,"modal-title-error"],"modalTitleSuccess":[1,"modal-title-success"],"privacyPolicyText":[1,"privacy-policy-text"],"ratingPlaceholder":[1,"rating-placeholder"],"ratingStarsPlaceholder":[1,"rating-stars-placeholder"],"sendButtonText":[1,"send-button-text"],"successMessage":[1,"success-message"],"recaptchaText":[1,"recaptcha-text"],"screenshotAttachedText":[1,"screenshot-attached-text"],"screenshotButtonText":[1,"screenshot-button-text"],"screenshotTakingText":[1,"screenshot-taking-text"],"screenshotEditTextButtonText":[1,"screenshot-edit-text-button-text"],"screenshotEditorTitle":[1,"screenshot-editor-title"],"screenshotEditorCancelText":[1,"screenshot-editor-cancel-text"],"screenshotEditorSaveText":[1,"screenshot-editor-save-text"],"screenshotSizeLabelText":[1,"screenshot-size-label-text"],"screenshotBorderLabelText":[1,"screenshot-border-label-text"],"screenshotEditTextPromptText":[1,"screenshot-edit-text-prompt-text"],"screenshotErrorGeneral":[1,"screenshot-error-general"],"screenshotErrorPermission":[1,"screenshot-error-permission"],"screenshotErrorNotSupported":[1,"screenshot-error-not-supported"],"screenshotErrorNotFound":[1,"screenshot-error-not-found"],"screenshotErrorCancelled":[1,"screenshot-error-cancelled"],"screenshotErrorBrowserNotSupported":[1,"screenshot-error-browser-not-supported"],"screenshotErrorUnexpected":[1,"screenshot-error-unexpected"]}],[1,"feedback-modal",{"customFont":[4,"custom-font"],"emailAddress":[1,"email-address"],"hideEmail":[4,"hide-email"],"isEmailRequired":[4,"is-email-required"],"ratingMode":[1,"rating-mode"],"hasSelectedElement":[1540,"has-selected-element"],"hidePrivacyPolicy":[4,"hide-privacy-policy"],"hideRating":[4,"hide-rating"],"hideScreenshotButton":[4,"hide-screenshot-button"],"project":[1],"showScreenshotMode":[1540,"show-screenshot-mode"],"showScreenshotTopBar":[1540,"show-screenshot-top-bar"],"showModal":[1540,"show-modal"],"rating":[2],"metadata":[1],"fetchData":[4,"fetch-data"],"embedded":[4],"clickOutsideClose":[4,"click-outside-close"],"historyClose":[4,"history-close"],"emailPlaceholder":[1,"email-placeholder"],"errorMessage":[1,"error-message"],"errorMessage403":[1,"error-message-4-0-3"],"errorMessage404":[1,"error-message-4-0-4"],"messagePlaceholder":[1,"message-placeholder"],"footerText":[1,"footer-text"],"modalPosition":[1,"modal-position"],"modalTitle":[1,"modal-title"],"modalTitleError":[1,"modal-title-error"],"modalTitleSuccess":[1,"modal-title-success"],"privacyPolicyText":[1,"privacy-policy-text"],"ratingPlaceholder":[1,"rating-placeholder"],"ratingStarsPlaceholder":[1,"rating-stars-placeholder"],"sendButtonText":[1,"send-button-text"],"successMessage":[1,"success-message"],"recaptchaText":[1,"recaptcha-text"],"screenshotAttachedText":[1,"screenshot-attached-text"],"screenshotButtonText":[1,"screenshot-button-text"],"screenshotTakingText":[1,"screenshot-taking-text"],"screenshotEditTextButtonText":[1,"screenshot-edit-text-button-text"],"screenshotEditorTitle":[1,"screenshot-editor-title"],"screenshotEditorCancelText":[1,"screenshot-editor-cancel-text"],"screenshotEditorSaveText":[1,"screenshot-editor-save-text"],"screenshotSizeLabelText":[1,"screenshot-size-label-text"],"screenshotBorderLabelText":[1,"screenshot-border-label-text"],"screenshotEditTextPromptText":[1,"screenshot-edit-text-prompt-text"],"screenshotErrorGeneral":[1,"screenshot-error-general"],"screenshotErrorPermission":[1,"screenshot-error-permission"],"screenshotErrorNotSupported":[1,"screenshot-error-not-supported"],"screenshotErrorNotFound":[1,"screenshot-error-not-found"],"screenshotErrorCancelled":[1,"screenshot-error-cancelled"],"screenshotErrorBrowserNotSupported":[1,"screenshot-error-browser-not-supported"],"screenshotErrorUnexpected":[1,"screenshot-error-unexpected"],"sending":[32],"formMessage":[32],"formEmail":[32],"formSuccess":[32],"formVerification":[32],"formError":[32],"formErrorStatus":[32],"encodedScreenshot":[32],"isPrivacyChecked":[32],"whitelabel":[32],"selectedRating":[32],"overlayVisible":[32],"isAnimating":[32],"recaptchaEnabled":[32],"recaptchaSiteKey":[32],"takingScreenshot":[32],"showScreenshotError":[32],"screenshotError":[32],"showCanvasEditor":[32],"autoStartCapture":[32],"openModal":[64]}],[1,"canvas-editor",{"canvasEditorTitle":[1,"canvas-editor-title"],"canvasEditorCancelText":[1,"canvas-editor-cancel-text"],"canvasEditorSaveText":[1,"canvas-editor-save-text"],"screenshotTakingText":[1,"screenshot-taking-text"],"screenshotAttachedText":[1,"screenshot-attached-text"],"screenshotButtonText":[1,"screenshot-button-text"],"autoStartScreenshot":[4,"auto-start-screenshot"],"existingScreenshot":[1,"existing-screenshot"],"editTextButtonText":[1,"edit-text-button-text"],"sizeLabelText":[1,"size-label-text"],"borderLabelText":[1,"border-label-text"],"editTextPromptText":[1,"edit-text-prompt-text"],"screenshotErrorGeneral":[1,"screenshot-error-general"],"screenshotErrorPermission":[1,"screenshot-error-permission"],"screenshotErrorNotSupported":[1,"screenshot-error-not-supported"],"screenshotErrorNotFound":[1,"screenshot-error-not-found"],"screenshotErrorCancelled":[1,"screenshot-error-cancelled"],"screenshotErrorBrowserNotSupported":[1,"screenshot-error-browser-not-supported"],"screenshotErrorUnexpected":[1,"screenshot-error-unexpected"],"takingScreenshot":[32],"showCanvasEditor":[32],"canvasDrawingTool":[32],"canvasDrawingColor":[32],"canvasLineWidth":[32],"canvasTextSize":[32],"isDrawing":[32],"annotations":[32],"currentAnnotation":[32],"isDragging":[32],"draggedAnnotation":[32],"dragStartPos":[32],"showColorPicker":[32],"editingColorIndex":[32],"selectedAnnotation":[32],"isResizing":[32],"resizingAnnotation":[32],"resizeStartSize":[32],"resizeStartDimensions":[32],"hoveredAnnotation":[32],"resizeHandle":[32],"defaultColors":[32]}]]]], options);
|
|
21
21
|
});
|
|
22
22
|
|
|
23
23
|
exports.setNonce = index.setNonce;
|
|
@@ -24,7 +24,7 @@ export class CanvasEditor {
|
|
|
24
24
|
this.hideAllFeedbackElements();
|
|
25
25
|
try {
|
|
26
26
|
// Wait a moment for UI to update before capturing
|
|
27
|
-
await new Promise(resolve => setTimeout(resolve, 100));
|
|
27
|
+
await new Promise((resolve) => setTimeout(resolve, 100));
|
|
28
28
|
// Capture viewport screenshot using browser API
|
|
29
29
|
const dataUrl = await this.captureViewportScreenshot();
|
|
30
30
|
this.originalImageData = dataUrl;
|
|
@@ -52,14 +52,14 @@ export class CanvasEditor {
|
|
|
52
52
|
this.hideAllFeedbackElements = () => {
|
|
53
53
|
// Hide all feedback buttons and modals on the page
|
|
54
54
|
const feedbackElements = document.querySelectorAll('feedback-button, feedback-modal');
|
|
55
|
-
feedbackElements.forEach(element => {
|
|
55
|
+
feedbackElements.forEach((element) => {
|
|
56
56
|
element.style.visibility = 'hidden';
|
|
57
57
|
});
|
|
58
58
|
};
|
|
59
59
|
this.showAllFeedbackElements = () => {
|
|
60
60
|
// Show all feedback buttons and modals on the page
|
|
61
61
|
const feedbackElements = document.querySelectorAll('feedback-button, feedback-modal');
|
|
62
|
-
feedbackElements.forEach(element => {
|
|
62
|
+
feedbackElements.forEach((element) => {
|
|
63
63
|
element.style.visibility = 'visible';
|
|
64
64
|
});
|
|
65
65
|
};
|
|
@@ -115,7 +115,7 @@ export class CanvasEditor {
|
|
|
115
115
|
const scaleY = containerHeight / img.height;
|
|
116
116
|
// Use a more aggressive scaling approach for large screens
|
|
117
117
|
// Allow scaling up to 1.5x on very large screens, but still maintain aspect ratio
|
|
118
|
-
const maxScale = window.innerWidth > 1920 ? 1.5 :
|
|
118
|
+
const maxScale = window.innerWidth > 1920 ? 1.5 : window.innerWidth > 1200 ? 1.2 : 1;
|
|
119
119
|
const scale = Math.min(scaleX, scaleY, maxScale);
|
|
120
120
|
// Calculate final display dimensions
|
|
121
121
|
const displayWidth = img.width * scale;
|
|
@@ -139,7 +139,7 @@ export class CanvasEditor {
|
|
|
139
139
|
this.canvasContext.clearRect(0, 0, this.canvasRef.width, this.canvasRef.height);
|
|
140
140
|
this.canvasContext.drawImage(img, 0, 0);
|
|
141
141
|
// Draw all annotations
|
|
142
|
-
this.annotations.forEach(annotation => {
|
|
142
|
+
this.annotations.forEach((annotation) => {
|
|
143
143
|
this.drawAnnotation(annotation);
|
|
144
144
|
});
|
|
145
145
|
};
|
|
@@ -189,7 +189,7 @@ export class CanvasEditor {
|
|
|
189
189
|
this.drawLineResizeHandles(annotation);
|
|
190
190
|
}
|
|
191
191
|
break;
|
|
192
|
-
case 'text':
|
|
192
|
+
case 'text': {
|
|
193
193
|
const fontSize = annotation.fontSize || 24;
|
|
194
194
|
this.canvasContext.fillStyle = annotation.color;
|
|
195
195
|
this.canvasContext.font = `${fontSize}px Arial`;
|
|
@@ -199,6 +199,7 @@ export class CanvasEditor {
|
|
|
199
199
|
this.drawTextSelectionIndicator(annotation);
|
|
200
200
|
}
|
|
201
201
|
break;
|
|
202
|
+
}
|
|
202
203
|
}
|
|
203
204
|
};
|
|
204
205
|
// Draw selection indicator for shapes
|
|
@@ -270,7 +271,7 @@ export class CanvasEditor {
|
|
|
270
271
|
};
|
|
271
272
|
this.deleteSelectedAnnotation = () => {
|
|
272
273
|
if (this.selectedAnnotation) {
|
|
273
|
-
const index = this.annotations.findIndex(a => a === this.selectedAnnotation);
|
|
274
|
+
const index = this.annotations.findIndex((a) => a === this.selectedAnnotation);
|
|
274
275
|
if (index !== -1) {
|
|
275
276
|
this.annotations = this.annotations.filter((_, i) => i !== index);
|
|
276
277
|
this.selectedAnnotation = null;
|
|
@@ -341,26 +342,32 @@ export class CanvasEditor {
|
|
|
341
342
|
this.isPointInResizeHandle = (x, y, annotation) => {
|
|
342
343
|
const handleSize = 8;
|
|
343
344
|
switch (annotation.type) {
|
|
344
|
-
case 'rectangle':
|
|
345
|
+
case 'rectangle': {
|
|
345
346
|
const right = annotation.startX + annotation.width;
|
|
346
347
|
const bottom = annotation.startY + annotation.height;
|
|
347
348
|
// Only check bottom-right corner handle
|
|
348
|
-
return x >= right - handleSize / 2 &&
|
|
349
|
-
|
|
349
|
+
return (x >= right - handleSize / 2 &&
|
|
350
|
+
x <= right + handleSize / 2 &&
|
|
351
|
+
y >= bottom - handleSize / 2 &&
|
|
352
|
+
y <= bottom + handleSize / 2);
|
|
353
|
+
}
|
|
350
354
|
case 'line':
|
|
351
|
-
case 'arrow':
|
|
355
|
+
case 'arrow': {
|
|
352
356
|
// Check both endpoint handles
|
|
353
357
|
const lineHandles = [
|
|
354
358
|
{ x: annotation.startX, y: annotation.startY, point: 'start' },
|
|
355
|
-
{ x: annotation.endX, y: annotation.endY, point: 'end' }
|
|
359
|
+
{ x: annotation.endX, y: annotation.endY, point: 'end' },
|
|
356
360
|
];
|
|
357
361
|
for (const handle of lineHandles) {
|
|
358
|
-
if (x >= handle.x - handleSize / 2 &&
|
|
359
|
-
|
|
362
|
+
if (x >= handle.x - handleSize / 2 &&
|
|
363
|
+
x <= handle.x + handleSize / 2 &&
|
|
364
|
+
y >= handle.y - handleSize / 2 &&
|
|
365
|
+
y <= handle.y + handleSize / 2) {
|
|
360
366
|
return handle.point; // Return which endpoint was clicked
|
|
361
367
|
}
|
|
362
368
|
}
|
|
363
369
|
return false;
|
|
370
|
+
}
|
|
364
371
|
default:
|
|
365
372
|
return false;
|
|
366
373
|
}
|
|
@@ -389,13 +396,13 @@ export class CanvasEditor {
|
|
|
389
396
|
// Define handle positions (2 endpoints)
|
|
390
397
|
const handles = [
|
|
391
398
|
{ x: annotation.startX, y: annotation.startY },
|
|
392
|
-
{ x: annotation.endX, y: annotation.endY } // End point
|
|
399
|
+
{ x: annotation.endX, y: annotation.endY }, // End point
|
|
393
400
|
];
|
|
394
401
|
// Draw each handle
|
|
395
402
|
this.canvasContext.fillStyle = '#0070F4'; // Primary color
|
|
396
403
|
this.canvasContext.strokeStyle = '#ffffff';
|
|
397
404
|
this.canvasContext.lineWidth = 2;
|
|
398
|
-
handles.forEach(handle => {
|
|
405
|
+
handles.forEach((handle) => {
|
|
399
406
|
this.canvasContext.fillRect(handle.x - handleSize / 2, handle.y - handleSize / 2, handleSize, handleSize);
|
|
400
407
|
this.canvasContext.strokeRect(handle.x - handleSize / 2, handle.y - handleSize / 2, handleSize, handleSize);
|
|
401
408
|
});
|
|
@@ -416,12 +423,12 @@ export class CanvasEditor {
|
|
|
416
423
|
if (!this.resizingAnnotation || !this.dragStartPos)
|
|
417
424
|
return;
|
|
418
425
|
const annotation = this.resizingAnnotation;
|
|
419
|
-
const index = this.annotations.findIndex(a => a === annotation);
|
|
426
|
+
const index = this.annotations.findIndex((a) => a === annotation);
|
|
420
427
|
if (index === -1)
|
|
421
428
|
return;
|
|
422
|
-
|
|
429
|
+
const updatedAnnotation = Object.assign({}, annotation);
|
|
423
430
|
switch (annotation.type) {
|
|
424
|
-
case 'rectangle':
|
|
431
|
+
case 'rectangle': {
|
|
425
432
|
// Rectangle resize logic - only bottom-right corner
|
|
426
433
|
const rectDeltaX = currentPos.x - this.dragStartPos.x;
|
|
427
434
|
const rectDeltaY = currentPos.y - this.dragStartPos.y;
|
|
@@ -429,6 +436,7 @@ export class CanvasEditor {
|
|
|
429
436
|
updatedAnnotation.width = Math.max(10, this.resizeStartDimensions.width + rectDeltaX);
|
|
430
437
|
updatedAnnotation.height = Math.max(10, this.resizeStartDimensions.height + rectDeltaY);
|
|
431
438
|
break;
|
|
439
|
+
}
|
|
432
440
|
case 'line':
|
|
433
441
|
case 'arrow':
|
|
434
442
|
// Line/arrow resize logic - move endpoints
|
|
@@ -451,7 +459,7 @@ export class CanvasEditor {
|
|
|
451
459
|
this.startTextEditing = (annotation) => {
|
|
452
460
|
const newText = prompt(this.editTextPromptText, annotation.text);
|
|
453
461
|
if (newText !== null && newText.trim()) {
|
|
454
|
-
const index = this.annotations.findIndex(a => a === annotation);
|
|
462
|
+
const index = this.annotations.findIndex((a) => a === annotation);
|
|
455
463
|
if (index !== -1) {
|
|
456
464
|
this.annotations[index] = Object.assign(Object.assign({}, annotation), { text: newText.trim() });
|
|
457
465
|
this.selectedAnnotation = this.annotations[index];
|
|
@@ -462,7 +470,7 @@ export class CanvasEditor {
|
|
|
462
470
|
// Update selected annotation font size
|
|
463
471
|
this.updateSelectedTextSize = (newSize) => {
|
|
464
472
|
if (this.selectedAnnotation && this.selectedAnnotation.type === 'text') {
|
|
465
|
-
const index = this.annotations.findIndex(a => a === this.selectedAnnotation);
|
|
473
|
+
const index = this.annotations.findIndex((a) => a === this.selectedAnnotation);
|
|
466
474
|
if (index !== -1) {
|
|
467
475
|
this.annotations[index] = Object.assign(Object.assign({}, this.selectedAnnotation), { fontSize: Math.max(8, Math.min(72, newSize)) });
|
|
468
476
|
this.selectedAnnotation = this.annotations[index];
|
|
@@ -472,8 +480,9 @@ export class CanvasEditor {
|
|
|
472
480
|
};
|
|
473
481
|
// Update selected annotation border width
|
|
474
482
|
this.updateSelectedBorderWidth = (newWidth) => {
|
|
475
|
-
if (this.selectedAnnotation &&
|
|
476
|
-
|
|
483
|
+
if (this.selectedAnnotation &&
|
|
484
|
+
['rectangle', 'line', 'arrow'].includes(this.selectedAnnotation.type)) {
|
|
485
|
+
const index = this.annotations.findIndex((a) => a === this.selectedAnnotation);
|
|
477
486
|
if (index !== -1) {
|
|
478
487
|
this.annotations[index] = Object.assign(Object.assign({}, this.selectedAnnotation), { lineWidth: Math.max(1, Math.min(20, newWidth)) });
|
|
479
488
|
this.selectedAnnotation = this.annotations[index];
|
|
@@ -536,7 +545,7 @@ export class CanvasEditor {
|
|
|
536
545
|
y: coords.y,
|
|
537
546
|
text,
|
|
538
547
|
color: this.canvasDrawingColor,
|
|
539
|
-
fontSize: this.canvasTextSize
|
|
548
|
+
fontSize: this.canvasTextSize,
|
|
540
549
|
};
|
|
541
550
|
this.annotations = [...this.annotations, annotation];
|
|
542
551
|
this.redrawAnnotations();
|
|
@@ -549,7 +558,7 @@ export class CanvasEditor {
|
|
|
549
558
|
startX: coords.x,
|
|
550
559
|
startY: coords.y,
|
|
551
560
|
color: this.canvasDrawingColor,
|
|
552
|
-
lineWidth: this.canvasLineWidth
|
|
561
|
+
lineWidth: this.canvasLineWidth,
|
|
553
562
|
};
|
|
554
563
|
}
|
|
555
564
|
};
|
|
@@ -589,7 +598,7 @@ export class CanvasEditor {
|
|
|
589
598
|
break;
|
|
590
599
|
}
|
|
591
600
|
// Update annotation in array
|
|
592
|
-
const index = this.annotations.findIndex(a => a === this.draggedAnnotation);
|
|
601
|
+
const index = this.annotations.findIndex((a) => a === this.draggedAnnotation);
|
|
593
602
|
if (index !== -1) {
|
|
594
603
|
this.annotations[index] = updatedAnnotation;
|
|
595
604
|
this.draggedAnnotation = updatedAnnotation;
|
|
@@ -702,22 +711,26 @@ export class CanvasEditor {
|
|
|
702
711
|
this.isPointInAnnotation = (x, y, annotation) => {
|
|
703
712
|
const tolerance = 10; // Click tolerance
|
|
704
713
|
switch (annotation.type) {
|
|
705
|
-
case 'rectangle':
|
|
714
|
+
case 'rectangle': {
|
|
706
715
|
const left = Math.min(annotation.startX, annotation.startX + annotation.width);
|
|
707
716
|
const right = Math.max(annotation.startX, annotation.startX + annotation.width);
|
|
708
717
|
const top = Math.min(annotation.startY, annotation.startY + annotation.height);
|
|
709
718
|
const bottom = Math.max(annotation.startY, annotation.startY + annotation.height);
|
|
710
|
-
return x >= left - tolerance &&
|
|
711
|
-
|
|
719
|
+
return (x >= left - tolerance &&
|
|
720
|
+
x <= right + tolerance &&
|
|
721
|
+
y >= top - tolerance &&
|
|
722
|
+
y <= bottom + tolerance);
|
|
723
|
+
}
|
|
712
724
|
case 'line':
|
|
713
|
-
case 'arrow':
|
|
725
|
+
case 'arrow': {
|
|
714
726
|
// Distance from point to line
|
|
715
727
|
const A = annotation.endY - annotation.startY;
|
|
716
728
|
const B = annotation.startX - annotation.endX;
|
|
717
729
|
const C = annotation.endX * annotation.startY - annotation.startX * annotation.endY;
|
|
718
730
|
const distance = Math.abs(A * x + B * y + C) / Math.sqrt(A * A + B * B);
|
|
719
731
|
return distance <= tolerance;
|
|
720
|
-
|
|
732
|
+
}
|
|
733
|
+
case 'text': {
|
|
721
734
|
// Use actual text dimensions for better dragging
|
|
722
735
|
const fontSize = annotation.fontSize || 24;
|
|
723
736
|
const textWidth = this.getTextWidth(annotation.text, fontSize);
|
|
@@ -727,8 +740,8 @@ export class CanvasEditor {
|
|
|
727
740
|
const textRight = annotation.x + textWidth + tolerance;
|
|
728
741
|
const textTop = annotation.y - textHeight - tolerance;
|
|
729
742
|
const textBottom = annotation.y + tolerance;
|
|
730
|
-
return x >= textLeft && x <= textRight &&
|
|
731
|
-
|
|
743
|
+
return x >= textLeft && x <= textRight && y >= textTop && y <= textBottom;
|
|
744
|
+
}
|
|
732
745
|
default:
|
|
733
746
|
return false;
|
|
734
747
|
}
|
|
@@ -810,10 +823,10 @@ export class CanvasEditor {
|
|
|
810
823
|
video: {
|
|
811
824
|
mediaSource: 'screen',
|
|
812
825
|
width: { ideal: window.innerWidth },
|
|
813
|
-
height: { ideal: window.innerHeight }
|
|
826
|
+
height: { ideal: window.innerHeight },
|
|
814
827
|
},
|
|
815
828
|
audio: false,
|
|
816
|
-
preferCurrentTab: true
|
|
829
|
+
preferCurrentTab: true,
|
|
817
830
|
});
|
|
818
831
|
// Create video element to capture frame
|
|
819
832
|
const video = document.createElement('video');
|
|
@@ -833,20 +846,20 @@ export class CanvasEditor {
|
|
|
833
846
|
const ctx = canvas.getContext('2d');
|
|
834
847
|
ctx.drawImage(video, 0, 0);
|
|
835
848
|
// Stop the stream
|
|
836
|
-
stream.getTracks().forEach(track => track.stop());
|
|
849
|
+
stream.getTracks().forEach((track) => track.stop());
|
|
837
850
|
// Convert to data URL
|
|
838
851
|
const dataUrl = canvas.toDataURL('image/png');
|
|
839
852
|
console.log('Screenshot captured successfully using Screen Capture API');
|
|
840
853
|
resolve(dataUrl);
|
|
841
854
|
}
|
|
842
855
|
catch (error) {
|
|
843
|
-
stream.getTracks().forEach(track => track.stop());
|
|
856
|
+
stream.getTracks().forEach((track) => track.stop());
|
|
844
857
|
reject(error);
|
|
845
858
|
}
|
|
846
859
|
}, 100);
|
|
847
860
|
};
|
|
848
861
|
video.onerror = () => {
|
|
849
|
-
stream.getTracks().forEach(track => track.stop());
|
|
862
|
+
stream.getTracks().forEach((track) => track.stop());
|
|
850
863
|
reject(new Error('Failed to load video for screenshot capture'));
|
|
851
864
|
};
|
|
852
865
|
});
|
|
@@ -858,7 +871,8 @@ export class CanvasEditor {
|
|
|
858
871
|
}
|
|
859
872
|
render() {
|
|
860
873
|
var _a, _b, _c, _d, _e, _f;
|
|
861
|
-
return (h("div", { class: "canvas-editor-wrapper" }, this.showCanvasEditor && (h("div", { class: "canvas-editor-overlay" }, h("div", { class: "canvas-editor-modal" }, h("div", { class: "canvas-editor-header" }, h("div", { class: "canvas-editor-title" }, h("h3", null, this.canvasEditorTitle)), h("div", { class: "canvas-editor-toolbar" }, h("div", { class: "toolbar-section" }, h("div", { class: "tool-group" }, h("button", { class: `tool-btn ${this.canvasDrawingTool === 'rectangle' ? 'active' : ''}`, onClick: () => this.canvasDrawingTool = 'rectangle', title: "Rectangle" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-square" }, h("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }))), h("button", { class: `tool-btn ${this.canvasDrawingTool === 'line' ? 'active' : ''}`, onClick: () => this.canvasDrawingTool = 'line', title: "Line" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-minus" }, h("path", { d: "M5 12h14" }))), h("button", { class: `tool-btn ${this.canvasDrawingTool === 'arrow' ? 'active' : ''}`, onClick: () => this.canvasDrawingTool = 'arrow', title: "Arrow" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-move-up-right" }, h("path", { d: "M13 5H19V11" }), h("path", { d: "M19 5L5 19" }))), h("button", { class: `tool-btn ${this.canvasDrawingTool === 'text' ? 'active' : ''}`, onClick: () => this.canvasDrawingTool = 'text', title: "Text" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-type" }, h("path", { d: "M12 4v16" }), h("path", { d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2" }), h("path", { d: "M9 20h6" }))), h("div", { class: "toolbar-divider" }), h("button", { class: "tool-btn undo-btn", onClick: this.undoLastAnnotation, disabled: this.annotations.length === 0, title: "Undo" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-undo" }, h("path", { d: "M3 7v6h6" }), h("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" }))), this.selectedAnnotation && (h("button", { class: "tool-btn delete-btn", onClick: this.deleteSelectedAnnotation, title: "Delete" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-trash-2" }, h("path", { d: "M3 6h18" }), h("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }), h("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" }), h("line", { x1: "10", x2: "10", y1: "11", y2: "17" }), h("line", { x1: "14", x2: "14", y1: "11", y2: "17" })))))), h("div", { class: "toolbar-section" }, h("div", { class: "color-palette" }, this.defaultColors.map((color, index) => (h("div", { class: "color-slot-wrapper" }, h("button", { class: `color-btn ${this.canvasDrawingColor === color ? 'active' : ''} ${this.editingColorIndex === index ? 'editing' : ''}`, style: { backgroundColor: color }, onClick: () => this.handleColorSlotClick(index), title: `Color ${index + 1} - Click to customize` }, this.editingColorIndex === index && (h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "white", "stroke-width": "2" }, h("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" })))), this.editingColorIndex === index && this.showColorPicker && (h("div", { class: "color-picker-dropdown" }, h("input", { type: "color", value: color, onInput: (e) => this.handleColorPickerInput(e), onClick: (e) => this.handleColorPickerClick(e) })))))))), (this.selectedAnnotation || this.canvasDrawingTool) && (h("div", { class: "toolbar-section selected-annotation-controls" }, (((_a = this.selectedAnnotation) === null || _a === void 0 ? void 0 : _a.type) === 'text' ||
|
|
874
|
+
return (h("div", { class: "canvas-editor-wrapper" }, this.showCanvasEditor && (h("div", { class: "canvas-editor-overlay", part: "overlay" }, h("div", { class: "canvas-editor-modal", part: "modal" }, h("div", { class: "canvas-editor-header", part: "header" }, h("div", { class: "canvas-editor-title", part: "title" }, h("h3", null, this.canvasEditorTitle)), h("div", { class: "canvas-editor-toolbar", part: "toolbar" }, h("div", { class: "toolbar-section" }, h("div", { class: "tool-group" }, h("button", { class: `tool-btn ${this.canvasDrawingTool === 'rectangle' ? 'active' : ''}`, part: "tool-button", onClick: () => (this.canvasDrawingTool = 'rectangle'), title: "Rectangle" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-square" }, h("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }))), h("button", { class: `tool-btn ${this.canvasDrawingTool === 'line' ? 'active' : ''}`, part: "tool-button", onClick: () => (this.canvasDrawingTool = 'line'), title: "Line" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-minus" }, h("path", { d: "M5 12h14" }))), h("button", { class: `tool-btn ${this.canvasDrawingTool === 'arrow' ? 'active' : ''}`, part: "tool-button", onClick: () => (this.canvasDrawingTool = 'arrow'), title: "Arrow" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-move-up-right" }, h("path", { d: "M13 5H19V11" }), h("path", { d: "M19 5L5 19" }))), h("button", { class: `tool-btn ${this.canvasDrawingTool === 'text' ? 'active' : ''}`, part: "tool-button", onClick: () => (this.canvasDrawingTool = 'text'), title: "Text" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-type" }, h("path", { d: "M12 4v16" }), h("path", { d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2" }), h("path", { d: "M9 20h6" }))), h("div", { class: "toolbar-divider" }), h("button", { class: "tool-btn undo-btn", part: "tool-button", onClick: this.undoLastAnnotation, disabled: this.annotations.length === 0, title: "Undo" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-undo" }, h("path", { d: "M3 7v6h6" }), h("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" }))), this.selectedAnnotation && (h("button", { class: "tool-btn delete-btn", part: "tool-button", onClick: this.deleteSelectedAnnotation, title: "Delete" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-trash-2" }, h("path", { d: "M3 6h18" }), h("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }), h("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" }), h("line", { x1: "10", x2: "10", y1: "11", y2: "17" }), h("line", { x1: "14", x2: "14", y1: "11", y2: "17" })))))), h("div", { class: "toolbar-section" }, h("div", { class: "color-palette" }, this.defaultColors.map((color, index) => (h("div", { class: "color-slot-wrapper" }, h("button", { class: `color-btn ${this.canvasDrawingColor === color ? 'active' : ''} ${this.editingColorIndex === index ? 'editing' : ''}`, style: { backgroundColor: color }, onClick: () => this.handleColorSlotClick(index), title: `Color ${index + 1} - Click to customize` }, this.editingColorIndex === index && (h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "white", "stroke-width": "2" }, h("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" })))), this.editingColorIndex === index && this.showColorPicker && (h("div", { class: "color-picker-dropdown" }, h("input", { type: "color", value: color, onInput: (e) => this.handleColorPickerInput(e), onClick: (e) => this.handleColorPickerClick(e) })))))))), (this.selectedAnnotation || this.canvasDrawingTool) && (h("div", { class: "toolbar-section selected-annotation-controls" }, (((_a = this.selectedAnnotation) === null || _a === void 0 ? void 0 : _a.type) === 'text' ||
|
|
875
|
+
(!this.selectedAnnotation && this.canvasDrawingTool === 'text')) && (h("div", { class: "text-controls" }, h("div", { class: "font-size-control" }, h("label", null, this.sizeLabelText), h("input", { type: "range", min: "8", max: "72", value: ((_b = this.selectedAnnotation) === null || _b === void 0 ? void 0 : _b.fontSize) || this.canvasTextSize, onInput: (e) => {
|
|
862
876
|
const newSize = parseInt(e.target.value);
|
|
863
877
|
if (this.selectedAnnotation) {
|
|
864
878
|
this.updateSelectedTextSize(newSize);
|
|
@@ -866,8 +880,9 @@ export class CanvasEditor {
|
|
|
866
880
|
else {
|
|
867
881
|
this.canvasTextSize = newSize;
|
|
868
882
|
}
|
|
869
|
-
}, class: "size-slider" }), h("span", { class: "size-value" }, ((_c = this.selectedAnnotation) === null || _c === void 0 ? void 0 : _c.fontSize) || this.canvasTextSize, "px")), this.selectedAnnotation && (h("button", { class: "action-btn small", onClick: () => this.startTextEditing(this.selectedAnnotation) }, this.editTextButtonText)))), (
|
|
870
|
-
(!this.selectedAnnotation &&
|
|
883
|
+
}, class: "size-slider" }), h("span", { class: "size-value" }, ((_c = this.selectedAnnotation) === null || _c === void 0 ? void 0 : _c.fontSize) || this.canvasTextSize, "px")), this.selectedAnnotation && (h("button", { class: "action-btn small", onClick: () => this.startTextEditing(this.selectedAnnotation) }, this.editTextButtonText)))), (['rectangle', 'line', 'arrow'].includes((_d = this.selectedAnnotation) === null || _d === void 0 ? void 0 : _d.type) ||
|
|
884
|
+
(!this.selectedAnnotation &&
|
|
885
|
+
['rectangle', 'line', 'arrow'].includes(this.canvasDrawingTool))) && (h("div", { class: "shape-controls" }, h("div", { class: "border-width-control" }, h("label", null, this.borderLabelText), h("input", { type: "range", min: "1", max: "20", value: ((_e = this.selectedAnnotation) === null || _e === void 0 ? void 0 : _e.lineWidth) || this.canvasLineWidth, onInput: (e) => {
|
|
871
886
|
const newWidth = parseInt(e.target.value);
|
|
872
887
|
if (this.selectedAnnotation) {
|
|
873
888
|
this.updateSelectedBorderWidth(newWidth);
|
|
@@ -875,7 +890,7 @@ export class CanvasEditor {
|
|
|
875
890
|
else {
|
|
876
891
|
this.canvasLineWidth = newWidth;
|
|
877
892
|
}
|
|
878
|
-
}, class: "size-slider" }), h("span", { class: "size-value" }, ((_f = this.selectedAnnotation) === null || _f === void 0 ? void 0 : _f.lineWidth) || this.canvasLineWidth, "px")))))), h("div", { class: "toolbar-section" }, h("button", { class: "action-btn secondary", onClick: this.closeCanvasEditor }, this.canvasEditorCancelText), h("button", { class: "action-btn primary", onClick: this.saveAnnotations }, this.canvasEditorSaveText))), h("div", { class: "canvas-editor-content" }, h("canvas", { ref: (el) => this.canvasRef = el, class: "annotation-canvas", onMouseDown: this.handleCanvasMouseDown, onMouseMove: this.handleCanvasMouseMove, onMouseUp: this.handleCanvasMouseUp, onMouseLeave: this.handleCanvasMouseUp }))))))));
|
|
893
|
+
}, class: "size-slider" }), h("span", { class: "size-value" }, ((_f = this.selectedAnnotation) === null || _f === void 0 ? void 0 : _f.lineWidth) || this.canvasLineWidth, "px")))))), h("div", { class: "toolbar-section" }, h("button", { class: "action-btn secondary", part: "cancel-button", onClick: this.closeCanvasEditor }, this.canvasEditorCancelText), h("button", { class: "action-btn primary", part: "save-button", onClick: this.saveAnnotations }, this.canvasEditorSaveText))), h("div", { class: "canvas-editor-content", part: "content" }, h("canvas", { ref: (el) => (this.canvasRef = el), class: "annotation-canvas", part: "canvas", onMouseDown: this.handleCanvasMouseDown, onMouseMove: this.handleCanvasMouseMove, onMouseUp: this.handleCanvasMouseUp, onMouseLeave: this.handleCanvasMouseUp }))))))));
|
|
879
894
|
}
|
|
880
895
|
static get is() { return "canvas-editor"; }
|
|
881
896
|
static get encapsulation() { return "shadow"; }
|
|
@@ -8,8 +8,10 @@ export class FeedbackButton {
|
|
|
8
8
|
this.sessionId = '';
|
|
9
9
|
this.metadata = '';
|
|
10
10
|
this.submit = false;
|
|
11
|
+
this.clickOutsideClose = true;
|
|
11
12
|
this.customFont = false;
|
|
12
13
|
this.emailAddress = '';
|
|
14
|
+
this.historyClose = true;
|
|
13
15
|
this.isEmailRequired = false;
|
|
14
16
|
this.fetchData = true;
|
|
15
17
|
this.hideEmail = false;
|
|
@@ -82,9 +84,11 @@ export class FeedbackButton {
|
|
|
82
84
|
connectedCallback() {
|
|
83
85
|
this.feedbackModal = document.createElement('feedback-modal');
|
|
84
86
|
const props = [
|
|
87
|
+
'clickOutsideClose',
|
|
85
88
|
'customFont',
|
|
86
89
|
'emailAddress',
|
|
87
90
|
'fetchData',
|
|
91
|
+
'historyClose',
|
|
88
92
|
'hideEmail',
|
|
89
93
|
'hidePrivacyPolicy',
|
|
90
94
|
'hideRating',
|
|
@@ -188,7 +192,7 @@ export class FeedbackButton {
|
|
|
188
192
|
else if (res.status === 202) {
|
|
189
193
|
const limitExceededBody = {
|
|
190
194
|
message: "You received a new feedback entry. You've reached the 25 message limit for your current plan. Upgrade to continue receiving feedback.",
|
|
191
|
-
id: await res.json()
|
|
195
|
+
id: await res.json(),
|
|
192
196
|
};
|
|
193
197
|
this.feedbackSent.emit({ feedback: limitExceededBody });
|
|
194
198
|
}
|
|
@@ -210,7 +214,7 @@ export class FeedbackButton {
|
|
|
210
214
|
}
|
|
211
215
|
}
|
|
212
216
|
render() {
|
|
213
|
-
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' : ''} ${this.hideMobile ? 'feedback-button-content--hide-mobile' : ''}`, 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))));
|
|
217
|
+
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' : ''} ${this.hideMobile ? 'feedback-button-content--hide-mobile' : ''}`, part: "button", onClick: () => this.showModal() }, !this.hideIcon && this.buttonStyle != 'default' && (h("span", { class: "feedback-button-content-icon", part: "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))));
|
|
214
218
|
}
|
|
215
219
|
static get is() { return "feedback-button"; }
|
|
216
220
|
static get encapsulation() { return "shadow"; }
|
|
@@ -352,6 +356,24 @@ export class FeedbackButton {
|
|
|
352
356
|
"reflect": false,
|
|
353
357
|
"defaultValue": "false"
|
|
354
358
|
},
|
|
359
|
+
"clickOutsideClose": {
|
|
360
|
+
"type": "boolean",
|
|
361
|
+
"mutable": false,
|
|
362
|
+
"complexType": {
|
|
363
|
+
"original": "boolean",
|
|
364
|
+
"resolved": "boolean",
|
|
365
|
+
"references": {}
|
|
366
|
+
},
|
|
367
|
+
"required": false,
|
|
368
|
+
"optional": false,
|
|
369
|
+
"docs": {
|
|
370
|
+
"tags": [],
|
|
371
|
+
"text": ""
|
|
372
|
+
},
|
|
373
|
+
"attribute": "click-outside-close",
|
|
374
|
+
"reflect": false,
|
|
375
|
+
"defaultValue": "true"
|
|
376
|
+
},
|
|
355
377
|
"customFont": {
|
|
356
378
|
"type": "boolean",
|
|
357
379
|
"mutable": false,
|
|
@@ -388,6 +410,24 @@ export class FeedbackButton {
|
|
|
388
410
|
"reflect": false,
|
|
389
411
|
"defaultValue": "''"
|
|
390
412
|
},
|
|
413
|
+
"historyClose": {
|
|
414
|
+
"type": "boolean",
|
|
415
|
+
"mutable": false,
|
|
416
|
+
"complexType": {
|
|
417
|
+
"original": "boolean",
|
|
418
|
+
"resolved": "boolean",
|
|
419
|
+
"references": {}
|
|
420
|
+
},
|
|
421
|
+
"required": false,
|
|
422
|
+
"optional": false,
|
|
423
|
+
"docs": {
|
|
424
|
+
"tags": [],
|
|
425
|
+
"text": ""
|
|
426
|
+
},
|
|
427
|
+
"attribute": "history-close",
|
|
428
|
+
"reflect": false,
|
|
429
|
+
"defaultValue": "true"
|
|
430
|
+
},
|
|
391
431
|
"isEmailRequired": {
|
|
392
432
|
"type": "boolean",
|
|
393
433
|
"mutable": false,
|
|
@@ -154,6 +154,16 @@
|
|
|
154
154
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
+
.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--positive {
|
|
158
|
+
background-color: var(--feedback-modal-rating-button-positive-bg-color);
|
|
159
|
+
border-color: var(--feedback-modal-rating-button-positive-border-color);
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--negative {
|
|
163
|
+
background-color: var(--feedback-modal-rating-button-negative-bg-color);
|
|
164
|
+
border-color: var(--feedback-modal-rating-button-negative-border-color);
|
|
165
|
+
}
|
|
166
|
+
|
|
157
167
|
.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button:hover {
|
|
158
168
|
transform: translateY(-2px);
|
|
159
169
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
|
|
@@ -176,6 +186,36 @@
|
|
|
176
186
|
cursor: pointer;
|
|
177
187
|
}
|
|
178
188
|
|
|
189
|
+
.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--positive svg {
|
|
190
|
+
stroke: var(--feedback-modal-rating-button-positive-color);
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--negative svg {
|
|
194
|
+
stroke: var(--feedback-modal-rating-button-negative-color);
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--positive:hover,
|
|
198
|
+
.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--positive.feedback-modal-rating-button--selected {
|
|
199
|
+
background-color: var(--feedback-modal-rating-button-positive-selected-bg-color);
|
|
200
|
+
border-color: var(--feedback-modal-rating-button-positive-selected-border-color);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--negative:hover,
|
|
204
|
+
.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--negative.feedback-modal-rating-button--selected {
|
|
205
|
+
background-color: var(--feedback-modal-rating-button-negative-selected-bg-color);
|
|
206
|
+
border-color: var(--feedback-modal-rating-button-negative-selected-border-color);
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--positive:hover svg,
|
|
210
|
+
.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--positive.feedback-modal-rating-button--selected svg {
|
|
211
|
+
stroke: var(--feedback-modal-rating-button-positive-selected-color);
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--negative:hover svg,
|
|
215
|
+
.feedback-modal-rating-buttons--thumbs .feedback-modal-rating-button--negative.feedback-modal-rating-button--selected svg {
|
|
216
|
+
stroke: var(--feedback-modal-rating-button-negative-selected-color);
|
|
217
|
+
}
|
|
218
|
+
|
|
179
219
|
.feedback-modal-rating-buttons--stars .feedback-modal-rating-button--selected svg {
|
|
180
220
|
fill: var(--feedback-modal-rating-button-stars-selected-color);
|
|
181
221
|
stroke: var(--feedback-modal-rating-button-stars-selected-color);
|