ontotext-yasgui-web-component 1.0.0 → 1.0.1

package/dist/cjs/confirmation-dialog_9.cjs.entry.js

@@ -8,7 +8,7 @@ const internalEventTypes = require('./internal-event-types-7da4f708.js');
 require('./internal-download-as-event-9b301614.js');
 require('./internal-dropdown-value-selected-event-7debbfb6.js');
 
-const confirmationDialogCss = "@font-face{font-family:\"icomoon\";src:url(\"../css/fonts/icons.eot?z4jeba\");src:url(\"../css/fonts/icons.eot?z4jeba#iefix\") format(\"embedded-opentype\"), url(\"../css/fonts/icons.ttf?z4jeba\") format(\"truetype\"), url(\"../css/fonts/icons.woff?z4jeba\") format(\"woff\"), url(\"../css/fonts/icons.svg?z4jeba#icons\") format(\"svg\");font-weight:normal;font-style:normal}.red{color:#e84e0f}.hidden{display:none !important}.scroll-hidden{overflow:hidden}[class^=icon-],[class*=\" icon-\"],.icon-any{font-family:\"icomoon\", sans-serif !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-lg{font-size:1.2em}.icon-arrow-up-off:before{content:\"\\e948\"}.icon-collapse:before{content:\"\\e949\"}.icon-eye-off:before{content:\"\\e94a\"}.icon-expand:before{content:\"\\e94c\"}.icon-focus:before{content:\"\\e94d\"}.icon-rotate-left:before{content:\"\\e94e\"}.icon-rotate-right:before{content:\"\\e94f\"}.icon-info-alt:before{content:\"\\e950\"}.icon-facebook:before{content:\"\\e942\"}.icon-google-plus:before{content:\"\\e943\"}.icon-google:before{content:\"\\e944\"}.icon-linkedin:before{content:\"\\e945\"}.icon-twitter:before{content:\"\\e946\"}.icon-youtube:before{content:\"\\e947\"}.icon-play:before{content:\"\\e941\"}.icon-email:before{content:\"\\e93e\"}.icon-same-as-on:before{content:\"\\e93f\"}.icon-same-as-off:before{content:\"\\e940\"}.icon-repo-contour1:before{content:\"\\e906\"}.icon-repo-contour2:before{content:\"\\e90b\"}.icon-repo-contour3:before{content:\"\\e910\"}.icon-repo-master-ro-mute:before{content:\"\\e913\"}.icon-repo-free:before{content:\"\\e936\"}.icon-repo-master-mute:before{content:\"\\e937\"}.icon-repo-master-ro:before{content:\"\\e938\"}.icon-repo-master:before{content:\"\\e939\"}.icon-repo-se:before{content:\"\\e93a\"}.icon-repo-system:before{content:\"\\e93b\"}.icon-repo-worker:before{content:\"\\e93c\"}.icon-repo:before{content:\"\\e93d\"}.icon-copy:before{content:\"\\e934\"}.icon-eye:before{content:\"\\e935\"}.icon-connection-off:before{content:\"\\e931\"}.icon-connection-on:before{content:\"\\e932\"}.icon-key:before{content:\"\\e933\"}.icon-comment:before{content:\"\\e930\"}.icon-arrow-down:before{content:\"\\e900\"}.icon-arrow-left:before{content:\"\\e901\"}.icon-arrow-right:before{content:\"\\e902\"}.icon-arrow-up:before{content:\"\\e903\"}.icon-exchange:before{content:\"\\e904\"}.icon-columns:before{content:\"\\e905\"}.icon-inferred-off:before{content:\"\\e907\"}.icon-inferred-on:before{content:\"\\e908\"}.icon-save:before{content:\"\\e909\"}.icon-tag:before{content:\"\\e90a\"}.icon-file:before{content:\"\\e90c\"}.icon-folder:before{content:\"\\e90d\"}.icon-heartbeat:before{content:\"\\e90e\"}.icon-pin:before{content:\"\\e90f\"}.icon-zoom-in:before{content:\"\\e911\"}.icon-zoom-out:before{content:\"\\e912\"}.icon-check:before{content:\"\\e914\"}.icon-download:before{content:\"\\e915\"}.icon-external:before{content:\"\\e916\"}.icon-lock:before{content:\"\\e917\"}.icon-search:before{content:\"\\e918\"}.icon-upload:before{content:\"\\e919\"}.icon-caret-left:before{content:\"\\e91a\"}.icon-caret-right:before{content:\"\\e91b\"}.icon-caret-up:before{content:\"\\e91c\"}.icon-caret-up-after:after{content:\"\\e91c\"}.icon-minus:before{content:\"\\e91d\"}.icon-reload:before{content:\"\\e91e\"}.icon-trash:before{content:\"\\e91f\"}.icon-warning:before{content:\"\\e920\"}.icon-caret-down:before{content:\"\\e921\"}.icon-caret-down-after:after{content:\"\\e921\"}.icon-close:before{content:\"\\e922\"}.icon-edit:before{content:\"\\e923\"}.icon-info:before{content:\"\\e924\"}.icon-link:before{content:\"\\e925\"}.icon-more:before{content:\"\\e926\"}.icon-plus:before{content:\"\\e927\"}.icon-data:before{content:\"\\e928\"}.icon-help:before{content:\"\\e929\"}.icon-monitoring:before{content:\"\\e92a\"}.icon-settings:before{content:\"\\e92b\"}.icon-sparql:before{content:\"\\e92c\"}.icon-user-alt:before{content:\"\\e92d\"}.icon-export-alt:before{content:\"\\e92e\"}.icon-import:before{content:\"\\e92f\"}.icon-tick:before{content:\"\\e956\"}.icon-repo-ontop-alt:before{content:\"\\e958\"}.icon-repo-fedx-alt:before{content:\"\\e959\"}.icon-repo-graphdb-alt:before{content:\"\\e95a\"}.icon-export:before{content:\"\\e95b\"}.icon-readonly:before{content:\"\\e95c\"}.icon-repo-fedx:before{content:\"\\e95d\"}.icon-repo-graphdb:before{content:\"\\e95e\"}.icon-repo-ontop:before{content:\"\\e95f\"}.icon-repo-unknown:before{content:\"\\e960\"}.icon-translation:before{content:\"\\e961\"}.icon-user:before{content:\"\\e962\"}.icon-follower:before{content:\"\\e962\"}.alert{border-radius:0;border:1px solid transparent;position:relative;padding:1em}.alert-warning,.alert-info,.alert-help,.alert-danger,.alert-success{color:#000000A8}.alert-warning{background-color:#f9e6c0}.alert-info{background-color:#cfefec}.alert-help{background-color:#e7f7f5}.alert-success{background-color:#dff0d8}.alert-danger{background-color:#fbdbd5}.alert-info,.alert-warning,.alert-help,.alert-danger,.alert-success{padding-left:3em}.alert-info:before,.alert-warning:before,.alert-help:before,.alert-danger:before,.alert-success:before{font-family:\"icomoon\", sans-serif !important;font-size:1.6em;vertical-align:middle;line-height:1;position:absolute;left:0.6em;top:0.6em;color:#00000080}.alert-info:before{content:\"\\e924\"}.alert-warning:before{content:\"\\e930\"}.alert-help:before{content:\"\\e929\"}.alert-danger:before{content:\"\\e920\"}.alert-success:before{content:\"\\e914\"}.no-icon{padding-left:1em}.no-icon:before{display:none}.alert .alert{background-color:transparent}.icon-rotate-quarter:before{display:inline-block;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}:host{display:block}.dialog-overlay{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:9998;margin-left:-10px;background-color:rgba(0, 0, 0, 0.5);font-family:\"Roboto\", \"Helvetica Neue\", Arial, sans-serif;font-weight:300;color:#373a3c}.dialog{z-index:1001;width:600px;max-width:600px;background-color:#fff;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);font-family:inherit;font-weight:inherit}.dialog .dialog-header{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #e5e5e5;font-size:20px}.dialog .dialog-header .dialog-title{margin:0.5rem 0;font-weight:400}.dialog .dialog-header .close-button{background-color:#fff;border:none;outline:none;cursor:pointer;transition:all 0.15s ease-out}.dialog .dialog-header .close-button:hover,.dialog .dialog-header .close-button:focus{font-weight:bold}.dialog .dialog-body{padding:15px}.dialog .dialog-footer{display:flex;justify-content:flex-end;padding:15px;border-top:1px solid #e5e5e5}.dialog .dialog-footer button{display:inline-block;font-weight:400;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid transparent;outline:none;padding:0.5rem 1rem;font-size:1rem;border-radius:0;transition:all 0.15s ease-out}.dialog .dialog-footer .confirm-button{background-color:#e84e0f;border-color:#e84e0f;color:#fff;margin-right:10px}.dialog .dialog-footer .confirm-button:hover,.dialog .dialog-footer .confirm-button:focus{background-color:#d0460d;border-color:#d0460d}.dialog .dialog-footer .cancel-button{color:#003663}.dialog .dialog-footer .cancel-button:hover,.dialog .dialog-footer .cancel-button:focus{background-color:#d4d4d4;border-color:#d4d4d4}";
+const confirmationDialogCss = "@font-face{font-family:\"icomoon\";src:url(\"../css/fonts/icons.eot?z4jeba\");src:url(\"../css/fonts/icons.eot?z4jeba#iefix\") format(\"embedded-opentype\"), url(\"../css/fonts/icons.ttf?z4jeba\") format(\"truetype\"), url(\"../css/fonts/icons.woff?z4jeba\") format(\"woff\"), url(\"../css/fonts/icons.svg?z4jeba#icons\") format(\"svg\");font-weight:normal;font-style:normal}.red{color:#e84e0f}.hidden{display:none !important}.scroll-hidden{overflow:hidden}[class^=icon-],[class*=\" icon-\"],.icon-any{font-family:\"icomoon\", sans-serif !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-lg{font-size:1.2em}.icon-arrow-up-off:before{content:\"\\e948\"}.icon-collapse:before{content:\"\\e949\"}.icon-eye-off:before{content:\"\\e94a\"}.icon-expand:before{content:\"\\e94c\"}.icon-focus:before{content:\"\\e94d\"}.icon-rotate-left:before{content:\"\\e94e\"}.icon-rotate-right:before{content:\"\\e94f\"}.icon-info-alt:before{content:\"\\e950\"}.icon-facebook:before{content:\"\\e942\"}.icon-google-plus:before{content:\"\\e943\"}.icon-google:before{content:\"\\e944\"}.icon-linkedin:before{content:\"\\e945\"}.icon-twitter:before{content:\"\\e946\"}.icon-youtube:before{content:\"\\e947\"}.icon-play:before{content:\"\\e941\"}.icon-email:before{content:\"\\e93e\"}.icon-same-as-on:before{content:\"\\e93f\"}.icon-same-as-off:before{content:\"\\e940\"}.icon-repo-contour1:before{content:\"\\e906\"}.icon-repo-contour2:before{content:\"\\e90b\"}.icon-repo-contour3:before{content:\"\\e910\"}.icon-repo-master-ro-mute:before{content:\"\\e913\"}.icon-repo-free:before{content:\"\\e936\"}.icon-repo-master-mute:before{content:\"\\e937\"}.icon-repo-master-ro:before{content:\"\\e938\"}.icon-repo-master:before{content:\"\\e939\"}.icon-repo-se:before{content:\"\\e93a\"}.icon-repo-system:before{content:\"\\e93b\"}.icon-repo-worker:before{content:\"\\e93c\"}.icon-repo:before{content:\"\\e93d\"}.icon-copy:before{content:\"\\e934\"}.icon-eye:before{content:\"\\e935\"}.icon-connection-off:before{content:\"\\e931\"}.icon-connection-on:before{content:\"\\e932\"}.icon-key:before{content:\"\\e933\"}.icon-comment:before{content:\"\\e930\"}.icon-arrow-down:before{content:\"\\e900\"}.icon-arrow-left:before{content:\"\\e901\"}.icon-arrow-right:before{content:\"\\e902\"}.icon-arrow-up:before{content:\"\\e903\"}.icon-exchange:before{content:\"\\e904\"}.icon-columns:before{content:\"\\e905\"}.icon-inferred-off:before{content:\"\\e907\"}.icon-inferred-on:before{content:\"\\e908\"}.icon-save:before{content:\"\\e909\"}.icon-tag:before{content:\"\\e90a\"}.icon-file:before{content:\"\\e90c\"}.icon-folder:before{content:\"\\e90d\"}.icon-heartbeat:before{content:\"\\e90e\"}.icon-pin:before{content:\"\\e90f\"}.icon-zoom-in:before{content:\"\\e911\"}.icon-zoom-out:before{content:\"\\e912\"}.icon-check:before{content:\"\\e914\"}.icon-download:before{content:\"\\e915\"}.icon-external:before{content:\"\\e916\"}.icon-lock:before{content:\"\\e917\"}.icon-search:before{content:\"\\e918\"}.icon-upload:before{content:\"\\e919\"}.icon-caret-left:before{content:\"\\e91a\"}.icon-caret-right:before{content:\"\\e91b\"}.icon-caret-up:before{content:\"\\e91c\"}.icon-caret-up-after:after{content:\"\\e91c\"}.icon-minus:before{content:\"\\e91d\"}.icon-reload:before{content:\"\\e91e\"}.icon-trash:before{content:\"\\e91f\"}.icon-warning:before{content:\"\\e920\"}.icon-caret-down:before{content:\"\\e921\"}.icon-caret-down-after:after{content:\"\\e921\"}.icon-close:before{content:\"\\e922\"}.icon-edit:before{content:\"\\e923\"}.icon-info:before{content:\"\\e924\"}.icon-link:before{content:\"\\e925\"}.icon-more:before{content:\"\\e926\"}.icon-plus:before{content:\"\\e927\"}.icon-data:before{content:\"\\e928\"}.icon-help:before{content:\"\\e929\"}.icon-monitoring:before{content:\"\\e92a\"}.icon-settings:before{content:\"\\e92b\"}.icon-sparql:before{content:\"\\e92c\"}.icon-user-alt:before{content:\"\\e92d\"}.icon-export-alt:before{content:\"\\e92e\"}.icon-import:before{content:\"\\e92f\"}.icon-tick:before{content:\"\\e956\"}.icon-repo-ontop-alt:before{content:\"\\e958\"}.icon-repo-fedx-alt:before{content:\"\\e959\"}.icon-repo-graphdb-alt:before{content:\"\\e95a\"}.icon-export:before{content:\"\\e95b\"}.icon-readonly:before{content:\"\\e95c\"}.icon-repo-fedx:before{content:\"\\e95d\"}.icon-repo-graphdb:before{content:\"\\e95e\"}.icon-repo-ontop:before{content:\"\\e95f\"}.icon-repo-unknown:before{content:\"\\e960\"}.icon-translation:before{content:\"\\e961\"}.icon-user:before{content:\"\\e962\"}.icon-follower:before{content:\"\\e962\"}.alert{border-radius:0;border:1px solid transparent;position:relative;padding:1em}.alert-warning,.alert-info,.alert-help,.alert-danger,.alert-success{color:#000000A8}.alert-warning{background-color:#f9e6c0}.alert-info{background-color:#cfefec}.alert-help{background-color:#e7f7f5}.alert-success{background-color:#dff0d8}.alert-danger{background-color:#fbdbd5}.alert-info,.alert-warning,.alert-help,.alert-danger,.alert-success{padding-left:3em}.alert-info:before,.alert-warning:before,.alert-help:before,.alert-danger:before,.alert-success:before{font-family:\"icomoon\", sans-serif !important;font-size:1.6em;vertical-align:middle;line-height:1;position:absolute;left:0.6em;top:0.6em;color:#00000080}.alert-info:before{content:\"\\e924\"}.alert-warning:before{content:\"\\e930\"}.alert-help:before{content:\"\\e929\"}.alert-danger:before{content:\"\\e920\"}.alert-success:before{content:\"\\e914\"}.no-icon{padding-left:1em}.no-icon:before{display:none}.alert .alert{background-color:transparent}.icon-rotate-quarter:before{display:inline-block;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}:host{display:block}.dialog-overlay{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:9998;margin-left:-10px;background-color:rgba(0, 0, 0, 0.5);font-family:\"Roboto\", \"Helvetica Neue\", Arial, sans-serif;font-weight:300;color:#373a3c}.dialog{z-index:1001;width:600px;max-width:600px;background-color:#fff;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);font-family:inherit;font-weight:inherit}.dialog .dialog-header{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #e5e5e5;font-size:20px}.dialog .dialog-header .dialog-title{margin:0.5rem 0;font-weight:400}.dialog .dialog-header .close-button{background-color:#fff;border:none;outline:none;cursor:pointer;transition:all 0.15s ease-out}.dialog .dialog-header .close-button:hover,.dialog .dialog-header .close-button:focus{font-weight:bold}.dialog .dialog-body{padding:15px}.dialog .dialog-footer{display:flex;justify-content:flex-end;padding:15px;border-top:1px solid #e5e5e5}.dialog .dialog-footer button{display:inline-block;font-weight:400;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid transparent;outline:none;padding:0.5rem 1rem;font-size:1rem;border-radius:0;transition:all 0.15s ease-out}.dialog .dialog-footer .confirm-button{background-color:#e84e0f;border-color:#e84e0f;color:#fff}.dialog .dialog-footer .confirm-button:hover,.dialog .dialog-footer .confirm-button:focus{background-color:#d0460d;border-color:#d0460d}.dialog .dialog-footer .cancel-button{color:#003663;margin-right:10px}.dialog .dialog-footer .cancel-button:hover,.dialog .dialog-footer .cancel-button:focus{background-color:#d4d4d4;border-color:#d4d4d4}";
 
 const ConfirmationDialog = class {
   constructor(hostRef) {
@@ -21,6 +21,15 @@ const ConfirmationDialog = class {
       message: 'Confirming?'
     };
   }
+  /**
+   * Handles the Escape key keydown event and closes the dialog.
+   * @param ev The keyboard event.
+   */
+  keydownListener(ev) {
+    if (ev.key === 'Escape') {
+      this.internalConfirmationRejectedEvent.emit();
+    }
+  }
   onClose(evt) {
     const target = evt.target;
     evt.stopPropagation();
@@ -36,7 +45,7 @@ const ConfirmationDialog = class {
     this.internalConfirmationApprovedEvent.emit();
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "dialog-overlay", onClick: (evt) => this.onClose(evt) }, index.h("div", { class: "dialog confirmation-dialog" }, index.h("div", { class: "dialog-header" }, index.h("h3", { class: "dialog-title" }, this.config.title), index.h("button", { class: "close-button icon-close", onClick: (evt) => this.onClose(evt) })), index.h("div", { class: "dialog-body" }, this.config.message), index.h("div", { class: "dialog-footer" }, index.h("button", { class: "confirm-button", onClick: (evt) => this.onConfirm(evt) }, this.translationService.translate('confirmation.btn.confirm.label')), index.h("button", { class: "cancel-button", onClick: (evt) => this.onClose(evt) }, this.translationService.translate('confirmation.btn.cancel.label')))))));
+    return (index.h(index.Host, null, index.h("div", { class: "dialog-overlay", onClick: (evt) => this.onClose(evt) }, index.h("div", { class: "dialog confirmation-dialog" }, index.h("div", { class: "dialog-header" }, index.h("h3", { class: "dialog-title" }, this.config.title), index.h("button", { class: "close-button icon-close", onClick: (evt) => this.onClose(evt) })), index.h("div", { class: "dialog-body" }, this.config.message), index.h("div", { class: "dialog-footer" }, index.h("button", { class: "cancel-button", onClick: (evt) => this.onClose(evt) }, this.translationService.translate('confirmation.btn.cancel.label')), index.h("button", { class: "confirm-button", onClick: (evt) => this.onConfirm(evt) }, this.translationService.translate('confirmation.btn.confirm.label')))))));
   }
 };
 ConfirmationDialog.style = confirmationDialogCss;
@@ -509,7 +518,7 @@ class TranslationService {
   }
 }
 
-const copyLinkDialogCss = "@font-face{font-family:\"icomoon\";src:url(\"../css/fonts/icons.eot?z4jeba\");src:url(\"../css/fonts/icons.eot?z4jeba#iefix\") format(\"embedded-opentype\"), url(\"../css/fonts/icons.ttf?z4jeba\") format(\"truetype\"), url(\"../css/fonts/icons.woff?z4jeba\") format(\"woff\"), url(\"../css/fonts/icons.svg?z4jeba#icons\") format(\"svg\");font-weight:normal;font-style:normal}.red{color:#e84e0f}.hidden{display:none !important}.scroll-hidden{overflow:hidden}[class^=icon-],[class*=\" icon-\"],.icon-any{font-family:\"icomoon\", sans-serif !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-lg{font-size:1.2em}.icon-arrow-up-off:before{content:\"\\e948\"}.icon-collapse:before{content:\"\\e949\"}.icon-eye-off:before{content:\"\\e94a\"}.icon-expand:before{content:\"\\e94c\"}.icon-focus:before{content:\"\\e94d\"}.icon-rotate-left:before{content:\"\\e94e\"}.icon-rotate-right:before{content:\"\\e94f\"}.icon-info-alt:before{content:\"\\e950\"}.icon-facebook:before{content:\"\\e942\"}.icon-google-plus:before{content:\"\\e943\"}.icon-google:before{content:\"\\e944\"}.icon-linkedin:before{content:\"\\e945\"}.icon-twitter:before{content:\"\\e946\"}.icon-youtube:before{content:\"\\e947\"}.icon-play:before{content:\"\\e941\"}.icon-email:before{content:\"\\e93e\"}.icon-same-as-on:before{content:\"\\e93f\"}.icon-same-as-off:before{content:\"\\e940\"}.icon-repo-contour1:before{content:\"\\e906\"}.icon-repo-contour2:before{content:\"\\e90b\"}.icon-repo-contour3:before{content:\"\\e910\"}.icon-repo-master-ro-mute:before{content:\"\\e913\"}.icon-repo-free:before{content:\"\\e936\"}.icon-repo-master-mute:before{content:\"\\e937\"}.icon-repo-master-ro:before{content:\"\\e938\"}.icon-repo-master:before{content:\"\\e939\"}.icon-repo-se:before{content:\"\\e93a\"}.icon-repo-system:before{content:\"\\e93b\"}.icon-repo-worker:before{content:\"\\e93c\"}.icon-repo:before{content:\"\\e93d\"}.icon-copy:before{content:\"\\e934\"}.icon-eye:before{content:\"\\e935\"}.icon-connection-off:before{content:\"\\e931\"}.icon-connection-on:before{content:\"\\e932\"}.icon-key:before{content:\"\\e933\"}.icon-comment:before{content:\"\\e930\"}.icon-arrow-down:before{content:\"\\e900\"}.icon-arrow-left:before{content:\"\\e901\"}.icon-arrow-right:before{content:\"\\e902\"}.icon-arrow-up:before{content:\"\\e903\"}.icon-exchange:before{content:\"\\e904\"}.icon-columns:before{content:\"\\e905\"}.icon-inferred-off:before{content:\"\\e907\"}.icon-inferred-on:before{content:\"\\e908\"}.icon-save:before{content:\"\\e909\"}.icon-tag:before{content:\"\\e90a\"}.icon-file:before{content:\"\\e90c\"}.icon-folder:before{content:\"\\e90d\"}.icon-heartbeat:before{content:\"\\e90e\"}.icon-pin:before{content:\"\\e90f\"}.icon-zoom-in:before{content:\"\\e911\"}.icon-zoom-out:before{content:\"\\e912\"}.icon-check:before{content:\"\\e914\"}.icon-download:before{content:\"\\e915\"}.icon-external:before{content:\"\\e916\"}.icon-lock:before{content:\"\\e917\"}.icon-search:before{content:\"\\e918\"}.icon-upload:before{content:\"\\e919\"}.icon-caret-left:before{content:\"\\e91a\"}.icon-caret-right:before{content:\"\\e91b\"}.icon-caret-up:before{content:\"\\e91c\"}.icon-caret-up-after:after{content:\"\\e91c\"}.icon-minus:before{content:\"\\e91d\"}.icon-reload:before{content:\"\\e91e\"}.icon-trash:before{content:\"\\e91f\"}.icon-warning:before{content:\"\\e920\"}.icon-caret-down:before{content:\"\\e921\"}.icon-caret-down-after:after{content:\"\\e921\"}.icon-close:before{content:\"\\e922\"}.icon-edit:before{content:\"\\e923\"}.icon-info:before{content:\"\\e924\"}.icon-link:before{content:\"\\e925\"}.icon-more:before{content:\"\\e926\"}.icon-plus:before{content:\"\\e927\"}.icon-data:before{content:\"\\e928\"}.icon-help:before{content:\"\\e929\"}.icon-monitoring:before{content:\"\\e92a\"}.icon-settings:before{content:\"\\e92b\"}.icon-sparql:before{content:\"\\e92c\"}.icon-user-alt:before{content:\"\\e92d\"}.icon-export-alt:before{content:\"\\e92e\"}.icon-import:before{content:\"\\e92f\"}.icon-tick:before{content:\"\\e956\"}.icon-repo-ontop-alt:before{content:\"\\e958\"}.icon-repo-fedx-alt:before{content:\"\\e959\"}.icon-repo-graphdb-alt:before{content:\"\\e95a\"}.icon-export:before{content:\"\\e95b\"}.icon-readonly:before{content:\"\\e95c\"}.icon-repo-fedx:before{content:\"\\e95d\"}.icon-repo-graphdb:before{content:\"\\e95e\"}.icon-repo-ontop:before{content:\"\\e95f\"}.icon-repo-unknown:before{content:\"\\e960\"}.icon-translation:before{content:\"\\e961\"}.icon-user:before{content:\"\\e962\"}.icon-follower:before{content:\"\\e962\"}.alert{border-radius:0;border:1px solid transparent;position:relative;padding:1em}.alert-warning,.alert-info,.alert-help,.alert-danger,.alert-success{color:#000000A8}.alert-warning{background-color:#f9e6c0}.alert-info{background-color:#cfefec}.alert-help{background-color:#e7f7f5}.alert-success{background-color:#dff0d8}.alert-danger{background-color:#fbdbd5}.alert-info,.alert-warning,.alert-help,.alert-danger,.alert-success{padding-left:3em}.alert-info:before,.alert-warning:before,.alert-help:before,.alert-danger:before,.alert-success:before{font-family:\"icomoon\", sans-serif !important;font-size:1.6em;vertical-align:middle;line-height:1;position:absolute;left:0.6em;top:0.6em;color:#00000080}.alert-info:before{content:\"\\e924\"}.alert-warning:before{content:\"\\e930\"}.alert-help:before{content:\"\\e929\"}.alert-danger:before{content:\"\\e920\"}.alert-success:before{content:\"\\e914\"}.no-icon{padding-left:1em}.no-icon:before{display:none}.alert .alert{background-color:transparent}.icon-rotate-quarter:before{display:inline-block;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}:host{display:block}.copy-link-dialog .dialog{min-width:40vw}.copy-link-dialog .copy-link-form .form-field{display:flex;flex-direction:column;justify-content:space-between}.copy-link-dialog .copy-link-form .form-field input[type=text],.copy-link-dialog .copy-link-form .form-field textarea{padding:0.5rem 0.75rem;border:1px solid rgba(0, 0, 0, 0.15);font-size:1rem;color:#55595c}.copy-link-dialog .copy-link-form .form-field input[type=text]:focus,.copy-link-dialog .copy-link-form .form-field textarea:focus{border-color:rgba(0, 54, 99, 0.5);outline:none}.copy-link-dialog .copy-link-form .form-field input[type=text].invalid{border-color:#fa787e}.copy-link-dialog .copy-link-form .form-field textarea{resize:vertical}.copy-link-dialog .copy-link-form .form-field textarea.invalid{border-color:#fa787e}";
+const copyLinkDialogCss = "@font-face{font-family:\"icomoon\";src:url(\"../css/fonts/icons.eot?z4jeba\");src:url(\"../css/fonts/icons.eot?z4jeba#iefix\") format(\"embedded-opentype\"), url(\"../css/fonts/icons.ttf?z4jeba\") format(\"truetype\"), url(\"../css/fonts/icons.woff?z4jeba\") format(\"woff\"), url(\"../css/fonts/icons.svg?z4jeba#icons\") format(\"svg\");font-weight:normal;font-style:normal}.red{color:#e84e0f}.hidden{display:none !important}.scroll-hidden{overflow:hidden}[class^=icon-],[class*=\" icon-\"],.icon-any{font-family:\"icomoon\", sans-serif !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-lg{font-size:1.2em}.icon-arrow-up-off:before{content:\"\\e948\"}.icon-collapse:before{content:\"\\e949\"}.icon-eye-off:before{content:\"\\e94a\"}.icon-expand:before{content:\"\\e94c\"}.icon-focus:before{content:\"\\e94d\"}.icon-rotate-left:before{content:\"\\e94e\"}.icon-rotate-right:before{content:\"\\e94f\"}.icon-info-alt:before{content:\"\\e950\"}.icon-facebook:before{content:\"\\e942\"}.icon-google-plus:before{content:\"\\e943\"}.icon-google:before{content:\"\\e944\"}.icon-linkedin:before{content:\"\\e945\"}.icon-twitter:before{content:\"\\e946\"}.icon-youtube:before{content:\"\\e947\"}.icon-play:before{content:\"\\e941\"}.icon-email:before{content:\"\\e93e\"}.icon-same-as-on:before{content:\"\\e93f\"}.icon-same-as-off:before{content:\"\\e940\"}.icon-repo-contour1:before{content:\"\\e906\"}.icon-repo-contour2:before{content:\"\\e90b\"}.icon-repo-contour3:before{content:\"\\e910\"}.icon-repo-master-ro-mute:before{content:\"\\e913\"}.icon-repo-free:before{content:\"\\e936\"}.icon-repo-master-mute:before{content:\"\\e937\"}.icon-repo-master-ro:before{content:\"\\e938\"}.icon-repo-master:before{content:\"\\e939\"}.icon-repo-se:before{content:\"\\e93a\"}.icon-repo-system:before{content:\"\\e93b\"}.icon-repo-worker:before{content:\"\\e93c\"}.icon-repo:before{content:\"\\e93d\"}.icon-copy:before{content:\"\\e934\"}.icon-eye:before{content:\"\\e935\"}.icon-connection-off:before{content:\"\\e931\"}.icon-connection-on:before{content:\"\\e932\"}.icon-key:before{content:\"\\e933\"}.icon-comment:before{content:\"\\e930\"}.icon-arrow-down:before{content:\"\\e900\"}.icon-arrow-left:before{content:\"\\e901\"}.icon-arrow-right:before{content:\"\\e902\"}.icon-arrow-up:before{content:\"\\e903\"}.icon-exchange:before{content:\"\\e904\"}.icon-columns:before{content:\"\\e905\"}.icon-inferred-off:before{content:\"\\e907\"}.icon-inferred-on:before{content:\"\\e908\"}.icon-save:before{content:\"\\e909\"}.icon-tag:before{content:\"\\e90a\"}.icon-file:before{content:\"\\e90c\"}.icon-folder:before{content:\"\\e90d\"}.icon-heartbeat:before{content:\"\\e90e\"}.icon-pin:before{content:\"\\e90f\"}.icon-zoom-in:before{content:\"\\e911\"}.icon-zoom-out:before{content:\"\\e912\"}.icon-check:before{content:\"\\e914\"}.icon-download:before{content:\"\\e915\"}.icon-external:before{content:\"\\e916\"}.icon-lock:before{content:\"\\e917\"}.icon-search:before{content:\"\\e918\"}.icon-upload:before{content:\"\\e919\"}.icon-caret-left:before{content:\"\\e91a\"}.icon-caret-right:before{content:\"\\e91b\"}.icon-caret-up:before{content:\"\\e91c\"}.icon-caret-up-after:after{content:\"\\e91c\"}.icon-minus:before{content:\"\\e91d\"}.icon-reload:before{content:\"\\e91e\"}.icon-trash:before{content:\"\\e91f\"}.icon-warning:before{content:\"\\e920\"}.icon-caret-down:before{content:\"\\e921\"}.icon-caret-down-after:after{content:\"\\e921\"}.icon-close:before{content:\"\\e922\"}.icon-edit:before{content:\"\\e923\"}.icon-info:before{content:\"\\e924\"}.icon-link:before{content:\"\\e925\"}.icon-more:before{content:\"\\e926\"}.icon-plus:before{content:\"\\e927\"}.icon-data:before{content:\"\\e928\"}.icon-help:before{content:\"\\e929\"}.icon-monitoring:before{content:\"\\e92a\"}.icon-settings:before{content:\"\\e92b\"}.icon-sparql:before{content:\"\\e92c\"}.icon-user-alt:before{content:\"\\e92d\"}.icon-export-alt:before{content:\"\\e92e\"}.icon-import:before{content:\"\\e92f\"}.icon-tick:before{content:\"\\e956\"}.icon-repo-ontop-alt:before{content:\"\\e958\"}.icon-repo-fedx-alt:before{content:\"\\e959\"}.icon-repo-graphdb-alt:before{content:\"\\e95a\"}.icon-export:before{content:\"\\e95b\"}.icon-readonly:before{content:\"\\e95c\"}.icon-repo-fedx:before{content:\"\\e95d\"}.icon-repo-graphdb:before{content:\"\\e95e\"}.icon-repo-ontop:before{content:\"\\e95f\"}.icon-repo-unknown:before{content:\"\\e960\"}.icon-translation:before{content:\"\\e961\"}.icon-user:before{content:\"\\e962\"}.icon-follower:before{content:\"\\e962\"}.alert{border-radius:0;border:1px solid transparent;position:relative;padding:1em}.alert-warning,.alert-info,.alert-help,.alert-danger,.alert-success{color:#000000A8}.alert-warning{background-color:#f9e6c0}.alert-info{background-color:#cfefec}.alert-help{background-color:#e7f7f5}.alert-success{background-color:#dff0d8}.alert-danger{background-color:#fbdbd5}.alert-info,.alert-warning,.alert-help,.alert-danger,.alert-success{padding-left:3em}.alert-info:before,.alert-warning:before,.alert-help:before,.alert-danger:before,.alert-success:before{font-family:\"icomoon\", sans-serif !important;font-size:1.6em;vertical-align:middle;line-height:1;position:absolute;left:0.6em;top:0.6em;color:#00000080}.alert-info:before{content:\"\\e924\"}.alert-warning:before{content:\"\\e930\"}.alert-help:before{content:\"\\e929\"}.alert-danger:before{content:\"\\e920\"}.alert-success:before{content:\"\\e914\"}.no-icon{padding-left:1em}.no-icon:before{display:none}.alert .alert{background-color:transparent}.icon-rotate-quarter:before{display:inline-block;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}:host{display:block}.copy-link-dialog .dialog{min-width:40vw}.copy-link-dialog .copy-link-form .form-field{display:flex;flex-direction:column;justify-content:space-between}.copy-link-dialog .copy-link-form .form-field input[type=text],.copy-link-dialog .copy-link-form .form-field textarea{padding:0.5rem 0.75rem;border:1px solid rgba(0, 0, 0, 0.15);font-size:1rem;color:#55595c}.copy-link-dialog .copy-link-form .form-field input[type=text]:focus,.copy-link-dialog .copy-link-form .form-field textarea:focus{border-color:rgba(0, 54, 99, 0.5);outline:none}.copy-link-dialog .copy-link-form .form-field input[type=text].invalid{border-color:#fa787e}.copy-link-dialog .copy-link-form .form-field textarea{resize:vertical}.copy-link-dialog .copy-link-form .form-field textarea.invalid{border-color:#fa787e}.copy-link-dialog .copy-button{margin-right:0 !important}.copy-link-dialog .cancel-button{margin-right:10px}";
 
 const CopyLinkDialog = class {
   constructor(hostRef) {
@@ -519,6 +528,15 @@ const CopyLinkDialog = class {
     this.copyLinkEventsObserver = undefined;
     this.classes = undefined;
   }
+  /**
+   * Handles the Escape key keydown event and closes the dialog.
+   * @param ev The keyboard event.
+   */
+  keydownListener(ev) {
+    if (ev.key === 'Escape') {
+      this.copyLinkEventsObserver.onDialogClosed();
+    }
+  }
   buildDialogConfig() {
     return {
       dialogTitle: this.config.dialogTitle || this.translationService.translate('yasqe.share.copy_link.dialog.title'),
@@ -585,7 +603,7 @@ const CopyLinkDialog = class {
   }
   render() {
     const classList = `copy-link-dialog ${this.classes}`;
-    return (index.h("ontotext-dialog-web-component", { class: classList, config: this.buildDialogConfig() }, index.h("div", { slot: "body" }, index.h("div", { class: "copy-link-form" }, index.h("div", { class: "form-field copy-link-field" }, index.h("input", { type: "text", name: "shareLink", id: "shareLink", autofocus: true, readonly: true, value: this.config.copyLink })))), index.h("div", { slot: "footer" }, index.h("button", { class: "primary-button copy-button", onClick: (evt) => this.onCopy(evt) }, this.translationService.translate('yasqe.share.copy_link.dialog.copy.btn.label')), index.h("button", { class: "secondary-button cancel-button", onClick: (evt) => this.onClose(evt) }, this.translationService.translate('confirmation.btn.cancel.label')))));
+    return (index.h("ontotext-dialog-web-component", { class: classList, config: this.buildDialogConfig() }, index.h("div", { slot: "body" }, index.h("div", { class: "copy-link-form" }, index.h("div", { class: "form-field copy-link-field" }, index.h("input", { type: "text", name: "shareLink", id: "shareLink", autofocus: true, readonly: true, value: this.config.copyLink })))), index.h("div", { slot: "footer" }, index.h("button", { class: "secondary-button cancel-button", onClick: (evt) => this.onClose(evt) }, this.translationService.translate('confirmation.btn.cancel.label')), index.h("button", { class: "primary-button copy-button", onClick: (evt) => this.onCopy(evt) }, this.translationService.translate('yasqe.share.copy_link.dialog.copy.btn.label')))));
   }
   get hostElement() { return index.getElement(this); }
 };
@@ -2960,7 +2978,7 @@ class UpdateQueryData extends SaveQueryData {
 class DeleteQueryData extends SaveQueryData {
 }
 
-const saveQueryDialogCss = "@font-face{font-family:\"icomoon\";src:url(\"../css/fonts/icons.eot?z4jeba\");src:url(\"../css/fonts/icons.eot?z4jeba#iefix\") format(\"embedded-opentype\"), url(\"../css/fonts/icons.ttf?z4jeba\") format(\"truetype\"), url(\"../css/fonts/icons.woff?z4jeba\") format(\"woff\"), url(\"../css/fonts/icons.svg?z4jeba#icons\") format(\"svg\");font-weight:normal;font-style:normal}.red{color:#e84e0f}.hidden{display:none !important}.scroll-hidden{overflow:hidden}[class^=icon-],[class*=\" icon-\"],.icon-any{font-family:\"icomoon\", sans-serif !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-lg{font-size:1.2em}.icon-arrow-up-off:before{content:\"\\e948\"}.icon-collapse:before{content:\"\\e949\"}.icon-eye-off:before{content:\"\\e94a\"}.icon-expand:before{content:\"\\e94c\"}.icon-focus:before{content:\"\\e94d\"}.icon-rotate-left:before{content:\"\\e94e\"}.icon-rotate-right:before{content:\"\\e94f\"}.icon-info-alt:before{content:\"\\e950\"}.icon-facebook:before{content:\"\\e942\"}.icon-google-plus:before{content:\"\\e943\"}.icon-google:before{content:\"\\e944\"}.icon-linkedin:before{content:\"\\e945\"}.icon-twitter:before{content:\"\\e946\"}.icon-youtube:before{content:\"\\e947\"}.icon-play:before{content:\"\\e941\"}.icon-email:before{content:\"\\e93e\"}.icon-same-as-on:before{content:\"\\e93f\"}.icon-same-as-off:before{content:\"\\e940\"}.icon-repo-contour1:before{content:\"\\e906\"}.icon-repo-contour2:before{content:\"\\e90b\"}.icon-repo-contour3:before{content:\"\\e910\"}.icon-repo-master-ro-mute:before{content:\"\\e913\"}.icon-repo-free:before{content:\"\\e936\"}.icon-repo-master-mute:before{content:\"\\e937\"}.icon-repo-master-ro:before{content:\"\\e938\"}.icon-repo-master:before{content:\"\\e939\"}.icon-repo-se:before{content:\"\\e93a\"}.icon-repo-system:before{content:\"\\e93b\"}.icon-repo-worker:before{content:\"\\e93c\"}.icon-repo:before{content:\"\\e93d\"}.icon-copy:before{content:\"\\e934\"}.icon-eye:before{content:\"\\e935\"}.icon-connection-off:before{content:\"\\e931\"}.icon-connection-on:before{content:\"\\e932\"}.icon-key:before{content:\"\\e933\"}.icon-comment:before{content:\"\\e930\"}.icon-arrow-down:before{content:\"\\e900\"}.icon-arrow-left:before{content:\"\\e901\"}.icon-arrow-right:before{content:\"\\e902\"}.icon-arrow-up:before{content:\"\\e903\"}.icon-exchange:before{content:\"\\e904\"}.icon-columns:before{content:\"\\e905\"}.icon-inferred-off:before{content:\"\\e907\"}.icon-inferred-on:before{content:\"\\e908\"}.icon-save:before{content:\"\\e909\"}.icon-tag:before{content:\"\\e90a\"}.icon-file:before{content:\"\\e90c\"}.icon-folder:before{content:\"\\e90d\"}.icon-heartbeat:before{content:\"\\e90e\"}.icon-pin:before{content:\"\\e90f\"}.icon-zoom-in:before{content:\"\\e911\"}.icon-zoom-out:before{content:\"\\e912\"}.icon-check:before{content:\"\\e914\"}.icon-download:before{content:\"\\e915\"}.icon-external:before{content:\"\\e916\"}.icon-lock:before{content:\"\\e917\"}.icon-search:before{content:\"\\e918\"}.icon-upload:before{content:\"\\e919\"}.icon-caret-left:before{content:\"\\e91a\"}.icon-caret-right:before{content:\"\\e91b\"}.icon-caret-up:before{content:\"\\e91c\"}.icon-caret-up-after:after{content:\"\\e91c\"}.icon-minus:before{content:\"\\e91d\"}.icon-reload:before{content:\"\\e91e\"}.icon-trash:before{content:\"\\e91f\"}.icon-warning:before{content:\"\\e920\"}.icon-caret-down:before{content:\"\\e921\"}.icon-caret-down-after:after{content:\"\\e921\"}.icon-close:before{content:\"\\e922\"}.icon-edit:before{content:\"\\e923\"}.icon-info:before{content:\"\\e924\"}.icon-link:before{content:\"\\e925\"}.icon-more:before{content:\"\\e926\"}.icon-plus:before{content:\"\\e927\"}.icon-data:before{content:\"\\e928\"}.icon-help:before{content:\"\\e929\"}.icon-monitoring:before{content:\"\\e92a\"}.icon-settings:before{content:\"\\e92b\"}.icon-sparql:before{content:\"\\e92c\"}.icon-user-alt:before{content:\"\\e92d\"}.icon-export-alt:before{content:\"\\e92e\"}.icon-import:before{content:\"\\e92f\"}.icon-tick:before{content:\"\\e956\"}.icon-repo-ontop-alt:before{content:\"\\e958\"}.icon-repo-fedx-alt:before{content:\"\\e959\"}.icon-repo-graphdb-alt:before{content:\"\\e95a\"}.icon-export:before{content:\"\\e95b\"}.icon-readonly:before{content:\"\\e95c\"}.icon-repo-fedx:before{content:\"\\e95d\"}.icon-repo-graphdb:before{content:\"\\e95e\"}.icon-repo-ontop:before{content:\"\\e95f\"}.icon-repo-unknown:before{content:\"\\e960\"}.icon-translation:before{content:\"\\e961\"}.icon-user:before{content:\"\\e962\"}.icon-follower:before{content:\"\\e962\"}.alert{border-radius:0;border:1px solid transparent;position:relative;padding:1em}.alert-warning,.alert-info,.alert-help,.alert-danger,.alert-success{color:#000000A8}.alert-warning{background-color:#f9e6c0}.alert-info{background-color:#cfefec}.alert-help{background-color:#e7f7f5}.alert-success{background-color:#dff0d8}.alert-danger{background-color:#fbdbd5}.alert-info,.alert-warning,.alert-help,.alert-danger,.alert-success{padding-left:3em}.alert-info:before,.alert-warning:before,.alert-help:before,.alert-danger:before,.alert-success:before{font-family:\"icomoon\", sans-serif !important;font-size:1.6em;vertical-align:middle;line-height:1;position:absolute;left:0.6em;top:0.6em;color:#00000080}.alert-info:before{content:\"\\e924\"}.alert-warning:before{content:\"\\e930\"}.alert-help:before{content:\"\\e929\"}.alert-danger:before{content:\"\\e920\"}.alert-success:before{content:\"\\e914\"}.no-icon{padding-left:1em}.no-icon:before{display:none}.alert .alert{background-color:transparent}.icon-rotate-quarter:before{display:inline-block;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}:host{display:block}.dialog-overlay{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:9998;margin-left:-10px;background-color:rgba(0, 0, 0, 0.5);font-family:\"Roboto\", \"Helvetica Neue\", Arial, sans-serif;font-weight:300;color:#373a3c}.dialog{z-index:1001;width:600px;max-width:600px;background-color:#fff;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);font-family:inherit;font-weight:inherit}.dialog .dialog-header{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #e5e5e5;font-size:20px}.dialog .dialog-header .dialog-title{margin:0.5rem 0;font-weight:400}.dialog .dialog-header .close-button{background-color:#fff;border:none;outline:none;cursor:pointer;transition:all 0.15s ease-out}.dialog .dialog-header .close-button:hover,.dialog .dialog-header .close-button:focus{font-weight:bold}.dialog .dialog-body{padding:15px}.dialog .dialog-body .save-query-form{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.dialog .dialog-body .form-field{display:flex;flex-direction:column;justify-content:space-between}.dialog .dialog-body .form-field input[type=text],.dialog .dialog-body .form-field textarea{padding:0.5rem 0.75rem;border:1px solid rgba(0, 0, 0, 0.15);font-size:1rem;color:#55595c}.dialog .dialog-body .form-field input[type=text]:focus,.dialog .dialog-body .form-field textarea:focus{border-color:rgba(0, 54, 99, 0.5);outline:none}.dialog .dialog-body .form-field input[type=text].invalid{border-color:#fa787e}.dialog .dialog-body .form-field textarea{resize:vertical}.dialog .dialog-body .form-field textarea.invalid{border-color:#fa787e}.dialog .dialog-body .form-field.is-public-field .yasgui-tooltip{width:fit-content}.dialog .dialog-body .form-field.is-public-field input{margin-right:5px}.dialog .dialog-body .form-field.is-public-field label{margin:0}.dialog .dialog-body .form-field.is-public-field label:hover{cursor:pointer}.dialog .dialog-body .alert{margin-top:5px}.dialog .dialog-footer{display:flex;justify-content:flex-end;padding:15px;border-top:1px solid #e5e5e5}.dialog .dialog-footer button{display:inline-block;font-weight:400;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid transparent;outline:none;padding:0.5rem 1rem;font-size:1rem;border-radius:0;transition:all 0.15s ease-out}.dialog .dialog-footer .ok-button{background-color:#e84e0f;border-color:#e84e0f;color:#fff;margin-right:10px}.dialog .dialog-footer .ok-button:hover,.dialog .dialog-footer .ok-button:focus{background-color:#d0460d;border-color:#d0460d}.dialog .dialog-footer .cancel-button{color:#003663}.dialog .dialog-footer .cancel-button:hover,.dialog .dialog-footer .cancel-button:focus{background-color:#d4d4d4;border-color:#d4d4d4}";
+const saveQueryDialogCss = "@font-face{font-family:\"icomoon\";src:url(\"../css/fonts/icons.eot?z4jeba\");src:url(\"../css/fonts/icons.eot?z4jeba#iefix\") format(\"embedded-opentype\"), url(\"../css/fonts/icons.ttf?z4jeba\") format(\"truetype\"), url(\"../css/fonts/icons.woff?z4jeba\") format(\"woff\"), url(\"../css/fonts/icons.svg?z4jeba#icons\") format(\"svg\");font-weight:normal;font-style:normal}.red{color:#e84e0f}.hidden{display:none !important}.scroll-hidden{overflow:hidden}[class^=icon-],[class*=\" icon-\"],.icon-any{font-family:\"icomoon\", sans-serif !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-lg{font-size:1.2em}.icon-arrow-up-off:before{content:\"\\e948\"}.icon-collapse:before{content:\"\\e949\"}.icon-eye-off:before{content:\"\\e94a\"}.icon-expand:before{content:\"\\e94c\"}.icon-focus:before{content:\"\\e94d\"}.icon-rotate-left:before{content:\"\\e94e\"}.icon-rotate-right:before{content:\"\\e94f\"}.icon-info-alt:before{content:\"\\e950\"}.icon-facebook:before{content:\"\\e942\"}.icon-google-plus:before{content:\"\\e943\"}.icon-google:before{content:\"\\e944\"}.icon-linkedin:before{content:\"\\e945\"}.icon-twitter:before{content:\"\\e946\"}.icon-youtube:before{content:\"\\e947\"}.icon-play:before{content:\"\\e941\"}.icon-email:before{content:\"\\e93e\"}.icon-same-as-on:before{content:\"\\e93f\"}.icon-same-as-off:before{content:\"\\e940\"}.icon-repo-contour1:before{content:\"\\e906\"}.icon-repo-contour2:before{content:\"\\e90b\"}.icon-repo-contour3:before{content:\"\\e910\"}.icon-repo-master-ro-mute:before{content:\"\\e913\"}.icon-repo-free:before{content:\"\\e936\"}.icon-repo-master-mute:before{content:\"\\e937\"}.icon-repo-master-ro:before{content:\"\\e938\"}.icon-repo-master:before{content:\"\\e939\"}.icon-repo-se:before{content:\"\\e93a\"}.icon-repo-system:before{content:\"\\e93b\"}.icon-repo-worker:before{content:\"\\e93c\"}.icon-repo:before{content:\"\\e93d\"}.icon-copy:before{content:\"\\e934\"}.icon-eye:before{content:\"\\e935\"}.icon-connection-off:before{content:\"\\e931\"}.icon-connection-on:before{content:\"\\e932\"}.icon-key:before{content:\"\\e933\"}.icon-comment:before{content:\"\\e930\"}.icon-arrow-down:before{content:\"\\e900\"}.icon-arrow-left:before{content:\"\\e901\"}.icon-arrow-right:before{content:\"\\e902\"}.icon-arrow-up:before{content:\"\\e903\"}.icon-exchange:before{content:\"\\e904\"}.icon-columns:before{content:\"\\e905\"}.icon-inferred-off:before{content:\"\\e907\"}.icon-inferred-on:before{content:\"\\e908\"}.icon-save:before{content:\"\\e909\"}.icon-tag:before{content:\"\\e90a\"}.icon-file:before{content:\"\\e90c\"}.icon-folder:before{content:\"\\e90d\"}.icon-heartbeat:before{content:\"\\e90e\"}.icon-pin:before{content:\"\\e90f\"}.icon-zoom-in:before{content:\"\\e911\"}.icon-zoom-out:before{content:\"\\e912\"}.icon-check:before{content:\"\\e914\"}.icon-download:before{content:\"\\e915\"}.icon-external:before{content:\"\\e916\"}.icon-lock:before{content:\"\\e917\"}.icon-search:before{content:\"\\e918\"}.icon-upload:before{content:\"\\e919\"}.icon-caret-left:before{content:\"\\e91a\"}.icon-caret-right:before{content:\"\\e91b\"}.icon-caret-up:before{content:\"\\e91c\"}.icon-caret-up-after:after{content:\"\\e91c\"}.icon-minus:before{content:\"\\e91d\"}.icon-reload:before{content:\"\\e91e\"}.icon-trash:before{content:\"\\e91f\"}.icon-warning:before{content:\"\\e920\"}.icon-caret-down:before{content:\"\\e921\"}.icon-caret-down-after:after{content:\"\\e921\"}.icon-close:before{content:\"\\e922\"}.icon-edit:before{content:\"\\e923\"}.icon-info:before{content:\"\\e924\"}.icon-link:before{content:\"\\e925\"}.icon-more:before{content:\"\\e926\"}.icon-plus:before{content:\"\\e927\"}.icon-data:before{content:\"\\e928\"}.icon-help:before{content:\"\\e929\"}.icon-monitoring:before{content:\"\\e92a\"}.icon-settings:before{content:\"\\e92b\"}.icon-sparql:before{content:\"\\e92c\"}.icon-user-alt:before{content:\"\\e92d\"}.icon-export-alt:before{content:\"\\e92e\"}.icon-import:before{content:\"\\e92f\"}.icon-tick:before{content:\"\\e956\"}.icon-repo-ontop-alt:before{content:\"\\e958\"}.icon-repo-fedx-alt:before{content:\"\\e959\"}.icon-repo-graphdb-alt:before{content:\"\\e95a\"}.icon-export:before{content:\"\\e95b\"}.icon-readonly:before{content:\"\\e95c\"}.icon-repo-fedx:before{content:\"\\e95d\"}.icon-repo-graphdb:before{content:\"\\e95e\"}.icon-repo-ontop:before{content:\"\\e95f\"}.icon-repo-unknown:before{content:\"\\e960\"}.icon-translation:before{content:\"\\e961\"}.icon-user:before{content:\"\\e962\"}.icon-follower:before{content:\"\\e962\"}.alert{border-radius:0;border:1px solid transparent;position:relative;padding:1em}.alert-warning,.alert-info,.alert-help,.alert-danger,.alert-success{color:#000000A8}.alert-warning{background-color:#f9e6c0}.alert-info{background-color:#cfefec}.alert-help{background-color:#e7f7f5}.alert-success{background-color:#dff0d8}.alert-danger{background-color:#fbdbd5}.alert-info,.alert-warning,.alert-help,.alert-danger,.alert-success{padding-left:3em}.alert-info:before,.alert-warning:before,.alert-help:before,.alert-danger:before,.alert-success:before{font-family:\"icomoon\", sans-serif !important;font-size:1.6em;vertical-align:middle;line-height:1;position:absolute;left:0.6em;top:0.6em;color:#00000080}.alert-info:before{content:\"\\e924\"}.alert-warning:before{content:\"\\e930\"}.alert-help:before{content:\"\\e929\"}.alert-danger:before{content:\"\\e920\"}.alert-success:before{content:\"\\e914\"}.no-icon{padding-left:1em}.no-icon:before{display:none}.alert .alert{background-color:transparent}.icon-rotate-quarter:before{display:inline-block;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}:host{display:block}.dialog-overlay{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:9998;margin-left:-10px;background-color:rgba(0, 0, 0, 0.5);font-family:\"Roboto\", \"Helvetica Neue\", Arial, sans-serif;font-weight:300;color:#373a3c}.dialog{z-index:1001;width:600px;max-width:600px;background-color:#fff;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);font-family:inherit;font-weight:inherit}.dialog .dialog-header{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #e5e5e5;font-size:20px}.dialog .dialog-header .dialog-title{margin:0.5rem 0;font-weight:400}.dialog .dialog-header .close-button{background-color:#fff;border:none;outline:none;cursor:pointer;transition:all 0.15s ease-out}.dialog .dialog-header .close-button:hover,.dialog .dialog-header .close-button:focus{font-weight:bold}.dialog .dialog-body{padding:15px}.dialog .dialog-body .save-query-form{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.dialog .dialog-body .form-field{display:flex;flex-direction:column;justify-content:space-between}.dialog .dialog-body .form-field input[type=text],.dialog .dialog-body .form-field textarea{padding:0.5rem 0.75rem;border:1px solid rgba(0, 0, 0, 0.15);font-size:1rem;color:#55595c}.dialog .dialog-body .form-field input[type=text]:focus,.dialog .dialog-body .form-field textarea:focus{border-color:rgba(0, 54, 99, 0.5);outline:none}.dialog .dialog-body .form-field input[type=text].invalid{border-color:#fa787e}.dialog .dialog-body .form-field textarea{resize:vertical}.dialog .dialog-body .form-field textarea.invalid{border-color:#fa787e}.dialog .dialog-body .form-field.is-public-field .yasgui-tooltip{width:fit-content}.dialog .dialog-body .form-field.is-public-field input{margin-right:5px}.dialog .dialog-body .form-field.is-public-field label{margin:0}.dialog .dialog-body .form-field.is-public-field label:hover{cursor:pointer}.dialog .dialog-body .alert{margin-top:5px}.dialog .dialog-footer{display:flex;justify-content:flex-end;padding:15px;border-top:1px solid #e5e5e5}.dialog .dialog-footer button{display:inline-block;font-weight:400;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid transparent;outline:none;padding:0.5rem 1rem;font-size:1rem;border-radius:0;transition:all 0.15s ease-out}.dialog .dialog-footer .ok-button{background-color:#e84e0f;border-color:#e84e0f;color:#fff}.dialog .dialog-footer .ok-button:hover,.dialog .dialog-footer .ok-button:focus{background-color:#d0460d;border-color:#d0460d}.dialog .dialog-footer .cancel-button{color:#003663;margin-right:10px}.dialog .dialog-footer .cancel-button:hover,.dialog .dialog-footer .cancel-button:focus{background-color:#d4d4d4;border-color:#d4d4d4}";
 
 const SaveQueryDialog = class {
   constructor(hostRef) {
@@ -2976,6 +2994,15 @@ const SaveQueryDialog = class {
     this.isNew = false;
     this.isSaveAllowed = false;
   }
+  /**
+   * Handles the Escape key keydown event and closes the dialog.
+   * @param ev The keyboard event.
+   */
+  keydownListener(ev) {
+    if (ev.key === 'Escape') {
+      this.internalSaveQueryDialogClosedEvent.emit();
+    }
+  }
   componentWillLoad() {
     // TranslationService is injected here because the service factory is not available
     // in the constructor.
@@ -3051,7 +3078,7 @@ const SaveQueryDialog = class {
     return this.hasMissingFields() || ((_a = this.data.messages) === null || _a === void 0 ? void 0 : _a.length) > 0;
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "dialog-overlay", onClick: (evt) => this.onClose(evt) }, index.h("div", { class: "dialog" }, index.h("div", { class: "dialog-header" }, index.h("h3", { class: "dialog-title" }, this.translationService.translate('yasqe.actions.save_query.dialog.title')), index.h("button", { class: "close-button icon-close", onClick: (evt) => this.onClose(evt) })), index.h("div", { class: "dialog-body" }, index.h("div", { class: "save-query-form" }, index.h("div", { class: "form-field query-name-field" }, index.h("input", { type: "text", name: "queryName", id: "queryName", required: true, value: this.queryName, class: !this.queryName.trim().length ? 'invalid' : '', placeholder: this.translationService.translate('yasqe.actions.save_query.dialog.query_name.label'), onInput: (evt) => this.handleQueryNameChange(evt) })), index.h("div", { class: "form-field is-public-field" }, index.h("yasgui-tooltip", { placement: "top", "data-tooltip": this.translationService.translate('yasqe.actions.save_query.dialog.public_query.tooltip') }, index.h("label", null, index.h("input", { type: "checkbox", name: "publicQuery", id: "publicQuery", checked: this.isPublic, onChange: (evt) => this.handleIsPublicChange(evt) }), this.translationService.translate('yasqe.actions.save_query.dialog.public_query.label')))), index.h("div", { class: "form-field query-field" }, index.h("textarea", { name: "query", id: "query", required: true, rows: 8, class: !this.query.trim().length ? 'invalid' : '', placeholder: this.translationService.translate('yasqe.actions.save_query.dialog.query.label'), value: this.query, onInput: (evt) => this.handleQueryChange(evt) })), this.showErrorMessage() && index.h(Alert, { messages: this.getErrorMessages() }, "\u00A0"))), index.h("div", { class: "dialog-footer" }, index.h("button", { class: "ok-button", disabled: !this.isSaveAllowed, onClick: (evt) => this.onCreate(evt) }, this.translationService.translate('yasqe.actions.save_query.dialog.create.button')), index.h("button", { class: "cancel-button", onClick: (evt) => this.onClose(evt) }, this.translationService.translate('yasqe.actions.save_query.dialog.cancel.button')))))));
+    return (index.h(index.Host, null, index.h("div", { class: "dialog-overlay", onClick: (evt) => this.onClose(evt) }, index.h("div", { class: "dialog" }, index.h("div", { class: "dialog-header" }, index.h("h3", { class: "dialog-title" }, this.translationService.translate('yasqe.actions.save_query.dialog.title')), index.h("button", { class: "close-button icon-close", onClick: (evt) => this.onClose(evt) })), index.h("div", { class: "dialog-body" }, index.h("div", { class: "save-query-form" }, index.h("div", { class: "form-field query-name-field" }, index.h("input", { type: "text", name: "queryName", id: "queryName", required: true, value: this.queryName, class: !this.queryName.trim().length ? 'invalid' : '', placeholder: this.translationService.translate('yasqe.actions.save_query.dialog.query_name.label'), onInput: (evt) => this.handleQueryNameChange(evt) })), index.h("div", { class: "form-field is-public-field" }, index.h("yasgui-tooltip", { placement: "top", "data-tooltip": this.translationService.translate('yasqe.actions.save_query.dialog.public_query.tooltip') }, index.h("label", null, index.h("input", { type: "checkbox", name: "publicQuery", id: "publicQuery", checked: this.isPublic, onChange: (evt) => this.handleIsPublicChange(evt) }), this.translationService.translate('yasqe.actions.save_query.dialog.public_query.label')))), index.h("div", { class: "form-field query-field" }, index.h("textarea", { name: "query", id: "query", required: true, rows: 8, class: !this.query.trim().length ? 'invalid' : '', placeholder: this.translationService.translate('yasqe.actions.save_query.dialog.query.label'), value: this.query, onInput: (evt) => this.handleQueryChange(evt) })), this.showErrorMessage() && index.h(Alert, { messages: this.getErrorMessages() }, "\u00A0"))), index.h("div", { class: "dialog-footer" }, index.h("button", { class: "cancel-button", onClick: (evt) => this.onClose(evt) }, this.translationService.translate('yasqe.actions.save_query.dialog.cancel.button')), index.h("button", { class: "ok-button", disabled: !this.isSaveAllowed, onClick: (evt) => this.onCreate(evt) }, this.translationService.translate('yasqe.actions.save_query.dialog.create.button')))))));
   }
 };
 const Alert = ({ messages }) => (index.h("div", { class: "alert alert-danger" }, messages.map((message) => (index.h("div", { class: "error-message" }, message)))));
@@ -3075,6 +3102,15 @@ const SavedQueriesPopup = class {
       this.internalCloseSavedQueriesPopupEvent.emit();
     }
   }
+  /**
+   * Handles the Escape key keydown event and closes the dialog.
+   * @param ev The keyboard event.
+   */
+  keydownListener(ev) {
+    if (ev.key === 'Escape') {
+      this.internalCloseSavedQueriesPopupEvent.emit();
+    }
+  }
   onSelect(evt, selectedQuery) {
     evt.stopPropagation();
     this.internalSaveQuerySelectedEvent.emit(selectedQuery);

package/dist/cjs/keyboard-shortcuts-dialog.cjs.entry.js

@@ -13,6 +13,15 @@ const KeyboardShortcutsDialog = class {
     this.items = [];
     this.translationService = undefined;
   }
+  /**
+   * Handles the Escape key keydown event and closes the dialog.
+   * @param ev The keyboard event.
+   */
+  keydownListener(ev) {
+    if (ev.key === 'Escape') {
+      this.open = false;
+    }
+  }
   openDialog() {
     this.open = true;
   }

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["ontotext-download-as.cjs",[[0,"ontotext-download-as",{"translationService":[16],"nameLabelKey":[1,"name-label-key"],"tooltipLabelKey":[1,"tooltip-label-key"],"items":[16],"pluginName":[1,"plugin-name"],"query":[1],"infer":[4],"sameAs":[4,"same-as"]}]]],["keyboard-shortcuts-dialog.cjs",[[0,"keyboard-shortcuts-dialog",{"items":[16],"translationService":[16],"open":[32]}]]],["copy-resource-link-button.cjs",[[0,"copy-resource-link-button",{"uri":[1],"classes":[1]}]]],["ontotext-pagination.cjs",[[0,"ontotext-pagination",{"pageNumber":[2,"page-number"],"pageSize":[2,"page-size"],"totalElements":[2,"total-elements"],"pageElements":[2,"page-elements"],"hasMorePages":[4,"has-more-pages"]}]]],["confirmation-dialog_9.cjs",[[0,"ontotext-yasgui",{"config":[16],"language":[1],"savedQueryConfig":[16],"saveQueryData":[32],"savedQueryData":[32],"deleteQueryData":[32],"isVerticalOrientation":[32],"showSaveQueryDialog":[32],"showSavedQueriesPopup":[32],"showSavedQueriesPopupTarget":[32],"showConfirmationDialog":[32],"showShareQueryDialog":[32],"showCopyResourceLinkDialog":[32],"copiedResourceLink":[32],"changeRenderMode":[64],"setQuery":[64],"query":[64],"getQuery":[64],"isQueryValid":[64],"openTab":[64],"getQueryMode":[64],"getQueryType":[64],"getEmbeddedResultAsJson":[64],"getEmbeddedResultAsCSV":[64],"hideYasqeActionButton":[64],"showYasqeActionButton":[64],"abortQuery":[64]},[[9,"resize","onResize"],[0,"internalCreateSavedQueryEvent","saveQueryHandler"],[0,"internalSaveQueryEvent","createSavedQueryHandler"],[0,"internalUpdateQueryEvent","updateSavedQueryHandler"],[0,"internalSaveQueryDialogClosedEvent","closeSaveDialogHandler"],[0,"internalShowSavedQueriesEvent","showSavedQueriesHandler"],[0,"internalSaveQuerySelectedEvent","savedQuerySelectedHandler"],[0,"internalEditSavedQueryEvent","editSavedQueryHandler"],[0,"internalSavedQuerySelectedForDeleteEvent","savedQuerySelectedForEditHandler"],[0,"internalConfirmationApprovedEvent","deleteSavedQueryHandler"],[0,"internalConfirmationRejectedEvent","closeSavedQueryDeleteConfirmationHandler"],[0,"internalCloseSavedQueriesPopupEvent","closeSavedQueriesPopupHandler"],[0,"internalSavedQuerySelectedForShareEvent","savedQuerySelectedForShareHandler"],[0,"internalShareQueryEvent","shareQueryHandler"],[0,"internalQueryShareLinkCopiedEvent","savedQueryShareLinkCopiedHandler"],[0,"internalShareQueryDialogClosedEvent","closeShareQueryDialogHandler"],[0,"internalResourceLinkDialogClosedEvent","resourceLinkDialogClosedHandler"],[0,"internalResourceLinkCopiedEvent","resourceLinkCopiedHandler"],[0,"internalShowResourceCopyLinkDialogEvent","showResourceCopyLinkDialogHandler"],[0,"internalDownloadAsEvent","onDownloadAsEventHandler"],[0,"internalNotificationMessageEvent","notificationMessageHandler"],[0,"internalQueryExecuted","onInternalQueryExecuted"],[0,"internalQueryEvent","onQuery"],[0,"internalCountQueryEvent","onCountQuery"],[0,"internalCountQueryResponseEvent","onCountQueryResponse"]]],[0,"copy-resource-link-dialog",{"serviceFactory":[16],"resourceLink":[1,"resource-link"]}],[0,"share-query-dialog",{"config":[16],"serviceFactory":[16]}],[0,"save-query-dialog",{"serviceFactory":[16],"data":[16],"queryName":[32],"query":[32],"isPublic":[32],"isNew":[32],"isSaveAllowed":[32]}],[0,"confirmation-dialog",{"translationService":[16],"config":[16]}],[0,"saved-queries-popup",{"config":[16]},[[8,"click","onWindowResize"]]],[0,"copy-link-dialog",{"config":[16],"serviceFactory":[16],"copyLinkEventsObserver":[16],"classes":[1]}],[4,"yasgui-tooltip",{"dataTooltip":[1,"data-tooltip"],"placement":[1],"showOnClick":[4,"show-on-click"]}],[4,"ontotext-dialog-web-component",{"config":[16]}]]],["ontotext-dropdown.cjs",[[0,"ontotext-dropdown",{"translationService":[16],"nameLabelKey":[1,"name-label-key"],"tooltipLabelKey":[1,"tooltip-label-key"],"items":[16],"iconClass":[1,"icon-class"],"open":[32],"showTooltip":[32]}]]]], options);
+  return index.bootstrapLazy([["ontotext-download-as.cjs",[[0,"ontotext-download-as",{"translationService":[16],"nameLabelKey":[1,"name-label-key"],"tooltipLabelKey":[1,"tooltip-label-key"],"items":[16],"pluginName":[1,"plugin-name"],"query":[1],"infer":[4],"sameAs":[4,"same-as"]}]]],["keyboard-shortcuts-dialog.cjs",[[0,"keyboard-shortcuts-dialog",{"items":[16],"translationService":[16],"open":[32]},[[8,"keydown","keydownListener"]]]]],["copy-resource-link-button.cjs",[[0,"copy-resource-link-button",{"uri":[1],"classes":[1]}]]],["ontotext-pagination.cjs",[[0,"ontotext-pagination",{"pageNumber":[2,"page-number"],"pageSize":[2,"page-size"],"totalElements":[2,"total-elements"],"pageElements":[2,"page-elements"],"hasMorePages":[4,"has-more-pages"]}]]],["confirmation-dialog_9.cjs",[[0,"ontotext-yasgui",{"config":[16],"language":[1],"savedQueryConfig":[16],"saveQueryData":[32],"savedQueryData":[32],"deleteQueryData":[32],"isVerticalOrientation":[32],"showSaveQueryDialog":[32],"showSavedQueriesPopup":[32],"showSavedQueriesPopupTarget":[32],"showConfirmationDialog":[32],"showShareQueryDialog":[32],"showCopyResourceLinkDialog":[32],"copiedResourceLink":[32],"changeRenderMode":[64],"setQuery":[64],"query":[64],"getQuery":[64],"isQueryValid":[64],"openTab":[64],"getQueryMode":[64],"getQueryType":[64],"getEmbeddedResultAsJson":[64],"getEmbeddedResultAsCSV":[64],"hideYasqeActionButton":[64],"showYasqeActionButton":[64],"abortQuery":[64]},[[9,"resize","onResize"],[0,"internalCreateSavedQueryEvent","saveQueryHandler"],[0,"internalSaveQueryEvent","createSavedQueryHandler"],[0,"internalUpdateQueryEvent","updateSavedQueryHandler"],[0,"internalSaveQueryDialogClosedEvent","closeSaveDialogHandler"],[0,"internalShowSavedQueriesEvent","showSavedQueriesHandler"],[0,"internalSaveQuerySelectedEvent","savedQuerySelectedHandler"],[0,"internalEditSavedQueryEvent","editSavedQueryHandler"],[0,"internalSavedQuerySelectedForDeleteEvent","savedQuerySelectedForEditHandler"],[0,"internalConfirmationApprovedEvent","deleteSavedQueryHandler"],[0,"internalConfirmationRejectedEvent","closeSavedQueryDeleteConfirmationHandler"],[0,"internalCloseSavedQueriesPopupEvent","closeSavedQueriesPopupHandler"],[0,"internalSavedQuerySelectedForShareEvent","savedQuerySelectedForShareHandler"],[0,"internalShareQueryEvent","shareQueryHandler"],[0,"internalQueryShareLinkCopiedEvent","savedQueryShareLinkCopiedHandler"],[0,"internalShareQueryDialogClosedEvent","closeShareQueryDialogHandler"],[0,"internalResourceLinkDialogClosedEvent","resourceLinkDialogClosedHandler"],[0,"internalResourceLinkCopiedEvent","resourceLinkCopiedHandler"],[0,"internalShowResourceCopyLinkDialogEvent","showResourceCopyLinkDialogHandler"],[0,"internalDownloadAsEvent","onDownloadAsEventHandler"],[0,"internalNotificationMessageEvent","notificationMessageHandler"],[0,"internalQueryExecuted","onInternalQueryExecuted"],[0,"internalQueryEvent","onQuery"],[0,"internalCountQueryEvent","onCountQuery"],[0,"internalCountQueryResponseEvent","onCountQueryResponse"]]],[0,"copy-resource-link-dialog",{"serviceFactory":[16],"resourceLink":[1,"resource-link"]}],[0,"share-query-dialog",{"config":[16],"serviceFactory":[16]}],[0,"save-query-dialog",{"serviceFactory":[16],"data":[16],"queryName":[32],"query":[32],"isPublic":[32],"isNew":[32],"isSaveAllowed":[32]},[[8,"keydown","keydownListener"]]],[0,"confirmation-dialog",{"translationService":[16],"config":[16]},[[8,"keydown","keydownListener"]]],[0,"saved-queries-popup",{"config":[16]},[[8,"click","onWindowResize"],[8,"keydown","keydownListener"]]],[0,"copy-link-dialog",{"config":[16],"serviceFactory":[16],"copyLinkEventsObserver":[16],"classes":[1]},[[8,"keydown","keydownListener"]]],[4,"yasgui-tooltip",{"dataTooltip":[1,"data-tooltip"],"placement":[1],"showOnClick":[4,"show-on-click"]}],[4,"ontotext-dialog-web-component",{"config":[16]}]]],["ontotext-dropdown.cjs",[[0,"ontotext-dropdown",{"translationService":[16],"nameLabelKey":[1,"name-label-key"],"tooltipLabelKey":[1,"tooltip-label-key"],"items":[16],"iconClass":[1,"icon-class"],"open":[32],"showTooltip":[32]},[[8,"keydown","keydownListener"],[8,"click","mouseClickListener"]]]]]], options);
   });
 };
 

package/dist/cjs/ontotext-dropdown.cjs.entry.js

@@ -20,6 +20,25 @@ const Dropdown = class {
     this.items = undefined;
     this.iconClass = '';
   }
+  /**
+   * Handles the Escape key keydown event and closes the dialog.
+   * @param ev The keyboard event.
+   */
+  keydownListener(ev) {
+    if (ev.key === 'Escape') {
+      this.closeMenu();
+    }
+  }
+  /**
+   * Handles the mouse click events and closes the menu when target is outside the menu.
+   * @param ev The mouse event.
+   */
+  mouseClickListener(ev) {
+    const target = ev.target;
+    if (!target.closest('.ontotext-dropdown')) {
+      this.closeMenu();
+    }
+  }
   render() {
     const showToolbar = this.tooltipLabelKey && window.innerWidth < 768;
     const dropdownButtonClass = `ontotext-dropdown-button ${this.open ? 'icon-caret-up-after' : ' icon-caret-down-after'}
@@ -29,6 +48,7 @@ const Dropdown = class {
   onSelect(value) {
     this.open = false;
     this.valueChanged.emit(new internalDropdownValueSelectedEvent.InternalDropdownValueSelectedEvent(value));
+    console.log('selected', value);
   }
   toggleComponent() {
     this.open = !this.open;
@@ -39,6 +59,9 @@ const Dropdown = class {
     }
     return '';
   }
+  closeMenu() {
+    this.open = false;
+  }
 };
 Dropdown.style = dropdownCss;
 

package/dist/cjs/ontotext-yasgui-web-component.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["ontotext-download-as.cjs",[[0,"ontotext-download-as",{"translationService":[16],"nameLabelKey":[1,"name-label-key"],"tooltipLabelKey":[1,"tooltip-label-key"],"items":[16],"pluginName":[1,"plugin-name"],"query":[1],"infer":[4],"sameAs":[4,"same-as"]}]]],["keyboard-shortcuts-dialog.cjs",[[0,"keyboard-shortcuts-dialog",{"items":[16],"translationService":[16],"open":[32]}]]],["copy-resource-link-button.cjs",[[0,"copy-resource-link-button",{"uri":[1],"classes":[1]}]]],["ontotext-pagination.cjs",[[0,"ontotext-pagination",{"pageNumber":[2,"page-number"],"pageSize":[2,"page-size"],"totalElements":[2,"total-elements"],"pageElements":[2,"page-elements"],"hasMorePages":[4,"has-more-pages"]}]]],["confirmation-dialog_9.cjs",[[0,"ontotext-yasgui",{"config":[16],"language":[1],"savedQueryConfig":[16],"saveQueryData":[32],"savedQueryData":[32],"deleteQueryData":[32],"isVerticalOrientation":[32],"showSaveQueryDialog":[32],"showSavedQueriesPopup":[32],"showSavedQueriesPopupTarget":[32],"showConfirmationDialog":[32],"showShareQueryDialog":[32],"showCopyResourceLinkDialog":[32],"copiedResourceLink":[32],"changeRenderMode":[64],"setQuery":[64],"query":[64],"getQuery":[64],"isQueryValid":[64],"openTab":[64],"getQueryMode":[64],"getQueryType":[64],"getEmbeddedResultAsJson":[64],"getEmbeddedResultAsCSV":[64],"hideYasqeActionButton":[64],"showYasqeActionButton":[64],"abortQuery":[64]},[[9,"resize","onResize"],[0,"internalCreateSavedQueryEvent","saveQueryHandler"],[0,"internalSaveQueryEvent","createSavedQueryHandler"],[0,"internalUpdateQueryEvent","updateSavedQueryHandler"],[0,"internalSaveQueryDialogClosedEvent","closeSaveDialogHandler"],[0,"internalShowSavedQueriesEvent","showSavedQueriesHandler"],[0,"internalSaveQuerySelectedEvent","savedQuerySelectedHandler"],[0,"internalEditSavedQueryEvent","editSavedQueryHandler"],[0,"internalSavedQuerySelectedForDeleteEvent","savedQuerySelectedForEditHandler"],[0,"internalConfirmationApprovedEvent","deleteSavedQueryHandler"],[0,"internalConfirmationRejectedEvent","closeSavedQueryDeleteConfirmationHandler"],[0,"internalCloseSavedQueriesPopupEvent","closeSavedQueriesPopupHandler"],[0,"internalSavedQuerySelectedForShareEvent","savedQuerySelectedForShareHandler"],[0,"internalShareQueryEvent","shareQueryHandler"],[0,"internalQueryShareLinkCopiedEvent","savedQueryShareLinkCopiedHandler"],[0,"internalShareQueryDialogClosedEvent","closeShareQueryDialogHandler"],[0,"internalResourceLinkDialogClosedEvent","resourceLinkDialogClosedHandler"],[0,"internalResourceLinkCopiedEvent","resourceLinkCopiedHandler"],[0,"internalShowResourceCopyLinkDialogEvent","showResourceCopyLinkDialogHandler"],[0,"internalDownloadAsEvent","onDownloadAsEventHandler"],[0,"internalNotificationMessageEvent","notificationMessageHandler"],[0,"internalQueryExecuted","onInternalQueryExecuted"],[0,"internalQueryEvent","onQuery"],[0,"internalCountQueryEvent","onCountQuery"],[0,"internalCountQueryResponseEvent","onCountQueryResponse"]]],[0,"copy-resource-link-dialog",{"serviceFactory":[16],"resourceLink":[1,"resource-link"]}],[0,"share-query-dialog",{"config":[16],"serviceFactory":[16]}],[0,"save-query-dialog",{"serviceFactory":[16],"data":[16],"queryName":[32],"query":[32],"isPublic":[32],"isNew":[32],"isSaveAllowed":[32]}],[0,"confirmation-dialog",{"translationService":[16],"config":[16]}],[0,"saved-queries-popup",{"config":[16]},[[8,"click","onWindowResize"]]],[0,"copy-link-dialog",{"config":[16],"serviceFactory":[16],"copyLinkEventsObserver":[16],"classes":[1]}],[4,"yasgui-tooltip",{"dataTooltip":[1,"data-tooltip"],"placement":[1],"showOnClick":[4,"show-on-click"]}],[4,"ontotext-dialog-web-component",{"config":[16]}]]],["ontotext-dropdown.cjs",[[0,"ontotext-dropdown",{"translationService":[16],"nameLabelKey":[1,"name-label-key"],"tooltipLabelKey":[1,"tooltip-label-key"],"items":[16],"iconClass":[1,"icon-class"],"open":[32],"showTooltip":[32]}]]]], options);
+  return index.bootstrapLazy([["ontotext-download-as.cjs",[[0,"ontotext-download-as",{"translationService":[16],"nameLabelKey":[1,"name-label-key"],"tooltipLabelKey":[1,"tooltip-label-key"],"items":[16],"pluginName":[1,"plugin-name"],"query":[1],"infer":[4],"sameAs":[4,"same-as"]}]]],["keyboard-shortcuts-dialog.cjs",[[0,"keyboard-shortcuts-dialog",{"items":[16],"translationService":[16],"open":[32]},[[8,"keydown","keydownListener"]]]]],["copy-resource-link-button.cjs",[[0,"copy-resource-link-button",{"uri":[1],"classes":[1]}]]],["ontotext-pagination.cjs",[[0,"ontotext-pagination",{"pageNumber":[2,"page-number"],"pageSize":[2,"page-size"],"totalElements":[2,"total-elements"],"pageElements":[2,"page-elements"],"hasMorePages":[4,"has-more-pages"]}]]],["confirmation-dialog_9.cjs",[[0,"ontotext-yasgui",{"config":[16],"language":[1],"savedQueryConfig":[16],"saveQueryData":[32],"savedQueryData":[32],"deleteQueryData":[32],"isVerticalOrientation":[32],"showSaveQueryDialog":[32],"showSavedQueriesPopup":[32],"showSavedQueriesPopupTarget":[32],"showConfirmationDialog":[32],"showShareQueryDialog":[32],"showCopyResourceLinkDialog":[32],"copiedResourceLink":[32],"changeRenderMode":[64],"setQuery":[64],"query":[64],"getQuery":[64],"isQueryValid":[64],"openTab":[64],"getQueryMode":[64],"getQueryType":[64],"getEmbeddedResultAsJson":[64],"getEmbeddedResultAsCSV":[64],"hideYasqeActionButton":[64],"showYasqeActionButton":[64],"abortQuery":[64]},[[9,"resize","onResize"],[0,"internalCreateSavedQueryEvent","saveQueryHandler"],[0,"internalSaveQueryEvent","createSavedQueryHandler"],[0,"internalUpdateQueryEvent","updateSavedQueryHandler"],[0,"internalSaveQueryDialogClosedEvent","closeSaveDialogHandler"],[0,"internalShowSavedQueriesEvent","showSavedQueriesHandler"],[0,"internalSaveQuerySelectedEvent","savedQuerySelectedHandler"],[0,"internalEditSavedQueryEvent","editSavedQueryHandler"],[0,"internalSavedQuerySelectedForDeleteEvent","savedQuerySelectedForEditHandler"],[0,"internalConfirmationApprovedEvent","deleteSavedQueryHandler"],[0,"internalConfirmationRejectedEvent","closeSavedQueryDeleteConfirmationHandler"],[0,"internalCloseSavedQueriesPopupEvent","closeSavedQueriesPopupHandler"],[0,"internalSavedQuerySelectedForShareEvent","savedQuerySelectedForShareHandler"],[0,"internalShareQueryEvent","shareQueryHandler"],[0,"internalQueryShareLinkCopiedEvent","savedQueryShareLinkCopiedHandler"],[0,"internalShareQueryDialogClosedEvent","closeShareQueryDialogHandler"],[0,"internalResourceLinkDialogClosedEvent","resourceLinkDialogClosedHandler"],[0,"internalResourceLinkCopiedEvent","resourceLinkCopiedHandler"],[0,"internalShowResourceCopyLinkDialogEvent","showResourceCopyLinkDialogHandler"],[0,"internalDownloadAsEvent","onDownloadAsEventHandler"],[0,"internalNotificationMessageEvent","notificationMessageHandler"],[0,"internalQueryExecuted","onInternalQueryExecuted"],[0,"internalQueryEvent","onQuery"],[0,"internalCountQueryEvent","onCountQuery"],[0,"internalCountQueryResponseEvent","onCountQueryResponse"]]],[0,"copy-resource-link-dialog",{"serviceFactory":[16],"resourceLink":[1,"resource-link"]}],[0,"share-query-dialog",{"config":[16],"serviceFactory":[16]}],[0,"save-query-dialog",{"serviceFactory":[16],"data":[16],"queryName":[32],"query":[32],"isPublic":[32],"isNew":[32],"isSaveAllowed":[32]},[[8,"keydown","keydownListener"]]],[0,"confirmation-dialog",{"translationService":[16],"config":[16]},[[8,"keydown","keydownListener"]]],[0,"saved-queries-popup",{"config":[16]},[[8,"click","onWindowResize"],[8,"keydown","keydownListener"]]],[0,"copy-link-dialog",{"config":[16],"serviceFactory":[16],"copyLinkEventsObserver":[16],"classes":[1]},[[8,"keydown","keydownListener"]]],[4,"yasgui-tooltip",{"dataTooltip":[1,"data-tooltip"],"placement":[1],"showOnClick":[4,"show-on-click"]}],[4,"ontotext-dialog-web-component",{"config":[16]}]]],["ontotext-dropdown.cjs",[[0,"ontotext-dropdown",{"translationService":[16],"nameLabelKey":[1,"name-label-key"],"tooltipLabelKey":[1,"tooltip-label-key"],"items":[16],"iconClass":[1,"icon-class"],"open":[32],"showTooltip":[32]},[[8,"keydown","keydownListener"],[8,"click","mouseClickListener"]]]]]], options);
 });

package/dist/collection/components/confirmation-dialog/confirmation-dialog.css

@@ -595,7 +595,6 @@
   background-color: #e84e0f;
   border-color: #e84e0f;
   color: #fff;
-  margin-right: 10px;
 }
 .dialog .dialog-footer .confirm-button:hover, .dialog .dialog-footer .confirm-button:focus {
   background-color: #d0460d;
@@ -603,6 +602,7 @@
 }
 .dialog .dialog-footer .cancel-button {
   color: #003663;
+  margin-right: 10px;
 }
 .dialog .dialog-footer .cancel-button:hover, .dialog .dialog-footer .cancel-button:focus {
   background-color: #d4d4d4;

package/dist/collection/components/confirmation-dialog/confirmation-dialog.js

@@ -7,6 +7,15 @@ export class ConfirmationDialog {
       message: 'Confirming?'
     };
   }
+  /**
+   * Handles the Escape key keydown event and closes the dialog.
+   * @param ev The keyboard event.
+   */
+  keydownListener(ev) {
+    if (ev.key === 'Escape') {
+      this.internalConfirmationRejectedEvent.emit();
+    }
+  }
   onClose(evt) {
     const target = evt.target;
     evt.stopPropagation();
@@ -22,7 +31,7 @@ export class ConfirmationDialog {
     this.internalConfirmationApprovedEvent.emit();
   }
   render() {
-    return (h(Host, null, h("div", { class: "dialog-overlay", onClick: (evt) => this.onClose(evt) }, h("div", { class: "dialog confirmation-dialog" }, h("div", { class: "dialog-header" }, h("h3", { class: "dialog-title" }, this.config.title), h("button", { class: "close-button icon-close", onClick: (evt) => this.onClose(evt) })), h("div", { class: "dialog-body" }, this.config.message), h("div", { class: "dialog-footer" }, h("button", { class: "confirm-button", onClick: (evt) => this.onConfirm(evt) }, this.translationService.translate('confirmation.btn.confirm.label')), h("button", { class: "cancel-button", onClick: (evt) => this.onClose(evt) }, this.translationService.translate('confirmation.btn.cancel.label')))))));
+    return (h(Host, null, h("div", { class: "dialog-overlay", onClick: (evt) => this.onClose(evt) }, h("div", { class: "dialog confirmation-dialog" }, h("div", { class: "dialog-header" }, h("h3", { class: "dialog-title" }, this.config.title), h("button", { class: "close-button icon-close", onClick: (evt) => this.onClose(evt) })), h("div", { class: "dialog-body" }, this.config.message), h("div", { class: "dialog-footer" }, h("button", { class: "cancel-button", onClick: (evt) => this.onClose(evt) }, this.translationService.translate('confirmation.btn.cancel.label')), h("button", { class: "confirm-button", onClick: (evt) => this.onConfirm(evt) }, this.translationService.translate('confirmation.btn.confirm.label')))))));
   }
   static get is() { return "confirmation-dialog"; }
   static get originalStyleUrls() {
@@ -112,4 +121,13 @@ export class ConfirmationDialog {
         }
       }];
   }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "keydownListener",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/copy-link-dialog/copy-link-dialog.css

@@ -543,4 +543,10 @@
 }
 .copy-link-dialog .copy-link-form .form-field textarea.invalid {
   border-color: #fa787e;
+}
+.copy-link-dialog .copy-button {
+  margin-right: 0 !important;
+}
+.copy-link-dialog .cancel-button {
+  margin-right: 10px;
 }

package/dist/collection/components/copy-link-dialog/copy-link-dialog.js

@@ -7,6 +7,15 @@ export class CopyLinkDialog {
     this.copyLinkEventsObserver = undefined;
     this.classes = undefined;
   }
+  /**
+   * Handles the Escape key keydown event and closes the dialog.
+   * @param ev The keyboard event.
+   */
+  keydownListener(ev) {
+    if (ev.key === 'Escape') {
+      this.copyLinkEventsObserver.onDialogClosed();
+    }
+  }
   buildDialogConfig() {
     return {
       dialogTitle: this.config.dialogTitle || this.translationService.translate('yasqe.share.copy_link.dialog.title'),
@@ -73,7 +82,7 @@ export class CopyLinkDialog {
   }
   render() {
     const classList = `copy-link-dialog ${this.classes}`;
-    return (h("ontotext-dialog-web-component", { class: classList, config: this.buildDialogConfig() }, h("div", { slot: "body" }, h("div", { class: "copy-link-form" }, h("div", { class: "form-field copy-link-field" }, h("input", { type: "text", name: "shareLink", id: "shareLink", autofocus: true, readonly: true, value: this.config.copyLink })))), h("div", { slot: "footer" }, h("button", { class: "primary-button copy-button", onClick: (evt) => this.onCopy(evt) }, this.translationService.translate('yasqe.share.copy_link.dialog.copy.btn.label')), h("button", { class: "secondary-button cancel-button", onClick: (evt) => this.onClose(evt) }, this.translationService.translate('confirmation.btn.cancel.label')))));
+    return (h("ontotext-dialog-web-component", { class: classList, config: this.buildDialogConfig() }, h("div", { slot: "body" }, h("div", { class: "copy-link-form" }, h("div", { class: "form-field copy-link-field" }, h("input", { type: "text", name: "shareLink", id: "shareLink", autofocus: true, readonly: true, value: this.config.copyLink })))), h("div", { slot: "footer" }, h("button", { class: "secondary-button cancel-button", onClick: (evt) => this.onClose(evt) }, this.translationService.translate('confirmation.btn.cancel.label')), h("button", { class: "primary-button copy-button", onClick: (evt) => this.onCopy(evt) }, this.translationService.translate('yasqe.share.copy_link.dialog.copy.btn.label')))));
   }
   static get is() { return "copy-link-dialog"; }
   static get originalStyleUrls() {
@@ -166,4 +175,13 @@ export class CopyLinkDialog {
     };
   }
   static get elementRef() { return "hostElement"; }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "keydownListener",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/dropdown/dropdown.js

@@ -10,6 +10,25 @@ export class Dropdown {
     this.items = undefined;
     this.iconClass = '';
   }
+  /**
+   * Handles the Escape key keydown event and closes the dialog.
+   * @param ev The keyboard event.
+   */
+  keydownListener(ev) {
+    if (ev.key === 'Escape') {
+      this.closeMenu();
+    }
+  }
+  /**
+   * Handles the mouse click events and closes the menu when target is outside the menu.
+   * @param ev The mouse event.
+   */
+  mouseClickListener(ev) {
+    const target = ev.target;
+    if (!target.closest('.ontotext-dropdown')) {
+      this.closeMenu();
+    }
+  }
   render() {
     const showToolbar = this.tooltipLabelKey && window.innerWidth < 768;
     const dropdownButtonClass = `ontotext-dropdown-button ${this.open ? 'icon-caret-up-after' : ' icon-caret-down-after'}
@@ -19,6 +38,7 @@ export class Dropdown {
   onSelect(value) {
     this.open = false;
     this.valueChanged.emit(new InternalDropdownValueSelectedEvent(value));
+    console.log('selected', value);
   }
   toggleComponent() {
     this.open = !this.open;
@@ -29,6 +49,9 @@ export class Dropdown {
     }
     return '';
   }
+  closeMenu() {
+    this.open = false;
+  }
   static get is() { return "ontotext-dropdown"; }
   static get originalStyleUrls() {
     return {
@@ -165,4 +188,19 @@ export class Dropdown {
         }
       }];
   }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "keydownListener",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "click",
+        "method": "mouseClickListener",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/keyboard-shortcuts-dialog/keyboard-shortcuts-dialog.js

@@ -5,6 +5,15 @@ export class KeyboardShortcutsDialog {
     this.items = [];
     this.translationService = undefined;
   }
+  /**
+   * Handles the Escape key keydown event and closes the dialog.
+   * @param ev The keyboard event.
+   */
+  keydownListener(ev) {
+    if (ev.key === 'Escape') {
+      this.open = false;
+    }
+  }
   openDialog() {
     this.open = true;
   }
@@ -93,4 +102,13 @@ export class KeyboardShortcutsDialog {
       "open": {}
     };
   }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "keydownListener",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/save-query-dialog/save-query-dialog.css

@@ -640,7 +640,6 @@
   background-color: #e84e0f;
   border-color: #e84e0f;
   color: #fff;
-  margin-right: 10px;
 }
 .dialog .dialog-footer .ok-button:hover, .dialog .dialog-footer .ok-button:focus {
   background-color: #d0460d;
@@ -648,6 +647,7 @@
 }
 .dialog .dialog-footer .cancel-button {
   color: #003663;
+  margin-right: 10px;
 }
 .dialog .dialog-footer .cancel-button:hover, .dialog .dialog-footer .cancel-button:focus {
   background-color: #d4d4d4;