@asante-org/atlascopco-vt-litesitegenerator 3.8.12 → 3.8.13

package/dist/index.esm.js

@@ -5834,6 +5834,7 @@ var SELECTORS = {
   dialogForm: "[data-lsg-download-dialog-form]",
   dialogSuccess: "[data-lsg-download-dialog-success]",
   successLink: "[data-lsg-download-success-link]",
+  formRoot: "[data-vtba-form]",
   form: ".cmp-vtba-form__form",
   focusable: 'input:not([type="hidden"]):not([disabled]), select:not([disabled]), textarea:not([disabled])'
 };
@@ -6023,6 +6024,11 @@ var LsgDownloadLibraryController = /** @class */function () {
     this.root = root;
     this.options = options;
     this.dialog = root.querySelector(SELECTORS.dialog);
+    var success = this.dialog ? this.dialog.querySelector(SELECTORS.dialogSuccess) : null;
+    this.successHome = success && success.parentNode ? {
+      parent: success.parentNode,
+      next: success.nextSibling
+    } : null;
   }
   LsgDownloadLibraryController.prototype.init = function () {
     if (this.root.dataset.lsgDownloadReady === "true") {
@@ -6145,18 +6151,33 @@ var LsgDownloadLibraryController = /** @class */function () {
       this.dialog.close();
     }
   };
+  /**
+   * Form ⇄ success. The overlay page's container is the visible modal, so on success
+   * the panel takes the <form>'s place inside the VTBA form root: the container's
+   * background, padding and title stay. Showing the form puts the panel back.
+   */
   LsgDownloadLibraryController.prototype.setRegions = function (showForm) {
-    if (!this.dialog) {
+    var success = this.dialog ? this.dialog.querySelector(SELECTORS.dialogSuccess) : null;
+    if (!this.dialog || !success) {
       return;
     }
-    var form = this.dialog.querySelector(SELECTORS.dialogForm);
-    var success = this.dialog.querySelector(SELECTORS.dialogSuccess);
-    if (form) {
-      form.hidden = !showForm;
+    var formRoot = this.dialog.querySelector(SELECTORS.formRoot);
+    var form = formRoot ? formRoot.querySelector(SELECTORS.form) : null;
+    if (showForm) {
+      success.hidden = true;
+      if (this.successHome && success.parentNode !== this.successHome.parent) {
+        this.successHome.parent.insertBefore(success, this.successHome.next);
+      }
+      if (form) {
+        form.hidden = false;
+      }
+      return;
     }
-    if (success) {
-      success.hidden = showForm;
+    if (form && form.parentNode) {
+      form.hidden = true;
+      form.parentNode.insertBefore(success, form.nextSibling);
     }
+    success.hidden = false;
   };
   LsgDownloadLibraryController.prototype.focusFirstField = function () {
     var region = this.dialog ? this.dialog.querySelector(SELECTORS.dialogForm) : null;
@@ -6596,15 +6617,7 @@ var LsgDownloadLibrary = function (_a) {
     "data-lsg-download-dialog": ""
   }, /*#__PURE__*/React.createElement("div", {
     className: "lsg-download-library__dialog-panel"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-download-library__dialog-header"
-  }, /*#__PURE__*/React.createElement("h2", {
-    className: "lsg-download-library__dialog-title",
-    id: "".concat(libId, "-title")
-  }, strings.dialogTitle), /*#__PURE__*/React.createElement("p", {
-    className: "lsg-download-library__dialog-asset",
-    "data-lsg-download-dialog-asset": ""
-  }), /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "lsg-download-library__dialog-close",
     "aria-label": strings.close,
@@ -6612,7 +6625,15 @@ var LsgDownloadLibrary = function (_a) {
   }, /*#__PURE__*/React.createElement("span", {
     className: "lsg-download-library__icon lsg-download-library__icon--close",
     "aria-hidden": "true"
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-download-library__dialog-header lsg-visually-hidden"
+  }, /*#__PURE__*/React.createElement("h2", {
+    className: "lsg-download-library__dialog-title",
+    id: "".concat(libId, "-title")
+  }, strings.dialogTitle), /*#__PURE__*/React.createElement("p", {
+    className: "lsg-download-library__dialog-asset",
+    "data-lsg-download-dialog-asset": ""
+  })), /*#__PURE__*/React.createElement("div", {
     className: "lsg-download-library__dialog-form",
     "data-lsg-download-dialog-form": ""
   }, form), /*#__PURE__*/React.createElement("div", {