@everymatrix/player-account-controller-nd 1.66.1 → 1.66.3

package/stencil/{player-change-password-gm2-5cb5c6c1-Bi9IbxQV.js → pam-change-password-f4a1e7e7-e1XqJgP9.js}

@@ -1,5 +1,5 @@
-import { r as w, h as i } from "./index-9cd44522--OAp7ePk.js";
-const p = "en", h = {
+import { r as p, h as e } from "./index-13661b98-DcT9swce.js";
+const w = "en", h = {
   en: {
     title: "Change Password",
     btnSubmit: "Change Password",
@@ -112,152 +112,301 @@ const p = "en", h = {
     "gm.pms.password_not_verified_unauthorized": "A megadott jelenlegi jelszó helytelen",
     "gm.pms.password_policy_failed": "A jelszó nem egyezhet meg az utolsó {forbiddenLastPasswordsCount} jelszóval. A jelszó nem változtatható meg {minimumPasswordAgeLimitHours} {hours}-on belül az utolsó módosítás óta."
   }
-}, g = (e) => new Promise((s) => {
-  fetch(e).then((a) => a.json()).then((a) => {
-    Object.keys(a).forEach((t) => {
-      for (let r in a[t])
-        h[t][r] = a[t][r];
-    }), s(!0);
+}, g = (s) => new Promise((t) => {
+  fetch(s).then((a) => a.json()).then((a) => {
+    Object.keys(a).forEach((n) => {
+      for (let i in a[n])
+        h[n][i] = a[n][i];
+    }), t(!0);
   });
-}), o = (e, s, a) => {
-  const t = s;
-  let r = h[t !== void 0 ? t : p][e];
+}), r = (s, t, a) => {
+  const n = t;
+  let i = h[n !== void 0 ? n : w][s];
   if (a !== void 0)
-    for (const [l, n] of Object.entries(a.values)) {
+    for (const [l, o] of Object.entries(a.values)) {
       const m = new RegExp(`{${l}}`, "g");
-      r = r.replace(m, n);
+      i = i.replace(m, o);
     }
-  return r;
+  return i;
 };
 function d() {
-  const e = navigator.userAgent.toLowerCase(), s = screen.availWidth, a = screen.availHeight;
-  if (e.includes("iphone"))
+  const s = navigator.userAgent.toLowerCase(), t = screen.availWidth, a = screen.availHeight;
+  if (s.includes("iphone"))
     return "mobile";
-  if (e.includes("android")) {
-    if (a > s && s < 800)
+  if (s.includes("android")) {
+    if (a > t && t < 800)
       return "mobile";
-    if (s > a && a < 800)
+    if (t > a && a < 800)
       return "tablet";
   }
   return "desktop";
 }
-function c(e, s) {
-  if (e) {
+function c(s, t) {
+  if (s) {
     const a = document.createElement("style");
-    a.innerHTML = s, e.appendChild(a);
+    a.innerHTML = t, s.appendChild(a);
   }
 }
-function u(e, s) {
-  const a = new URL(s);
-  fetch(a.href).then((t) => t.text()).then((t) => {
-    const r = document.createElement("style");
-    r.innerHTML = t, e && e.appendChild(r);
-  }).catch((t) => {
-    console.error("There was an error while trying to load client styling from URL", t);
+function u(s, t) {
+  const a = new URL(t);
+  fetch(a.href).then((n) => n.text()).then((n) => {
+    const i = document.createElement("style");
+    i.innerHTML = n, s && s.appendChild(i);
+  }).catch((n) => {
+    console.error("There was an error while trying to load client styling from URL", n);
   });
 }
-function f(e, s, a) {
+function P(s, t, a) {
   if (window.emMessageBus) {
-    const t = document.createElement("style");
-    window.emMessageBus.subscribe(s, (r) => {
-      t.innerHTML = r, e && e.appendChild(t);
+    const n = document.createElement("style");
+    window.emMessageBus.subscribe(t, (i) => {
+      n.innerHTML = i, s && s.appendChild(n);
     });
   }
 }
-const P = ":host{display:block}.PlayerChangePassword{font-family:inherit;width:100%;height:100%;container-type:inline-size}.PlayerChangePassword .Wrapper{display:flex;justify-content:center;align-items:center}.PlayerChangePassword .Title{font-size:var(--emw--font-size-x-large, 26px);color:var(--emw--color-primary, #22B04E);font-weight:var(--emw--font-weight-semibold, 500)}.PlayerChangePassword .TitleMobile{font-size:var(--emw--font-size-x-large, 20px);color:var(--emw--color-primary, #22B04E)}.PlayerChangePassword svg{fill:var(--emw--color-primary, #22B04E)}.PlayerChangePassword .ButtonReturn{font-family:inherit;display:inline-flex;align-items:center;gap:10px}.PlayerChangePassword .Form{display:grid;grid-template-columns:repeat(1, 1fr);gap:40px;justify-items:stretch;align-content:flex-start;overflow:auto;width:100%;height:100%}.PlayerChangePassword .Form .FieldsSection{display:flex;flex-direction:column;gap:30px}.PlayerChangePassword .Form .ButtonsSection{display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:relative}.PlayerChangePassword .Button{font-family:inherit;border-radius:var(--emw--button-border-radius, var(--emw--border-radius-large, 50px));background:var(--emw--button-background-color, var(--emw--color-primary, #22B04E));border:var(--emw--button-border, 1px solid var(--emw--button-border-color, #22B04E));color:var(--emw--button-text-color, var(--emw--color-white, #FFFFFF));font-size:var(--emw--font-size-large, 20px);font-weight:var(--emw--font-weight-normal, 400);height:50px;width:100%;text-transform:uppercase;cursor:pointer}.PlayerChangePassword .Button:disabled{background:var(--emfe-w-color-gray-100, #E6E6E6);border:var(--emw--button-border, 1px solid var(--emw--button-border-color, #828282));pointer-events:none;cursor:not-allowed}", y = P, b = class {
-  constructor(e) {
-    w(this, e), this.currentPasswordValue = "", this.newPasswordValue = "", this.confirmPasswordValue = "", this.isCurrentPasswordValid = !1, this.isNewPasswordValid = !1, this.isConfirmPasswordValid = !1, this.errorMsg = "", this.currentPasswordValidationSchema = { mandatory: !0, custom: [] }, this.newPasswordValidationSchema = { mandatory: !0, custom: [] }, this.confirmPasswordValidationSchema = { mandatory: !0, custom: [] }, this.initValidationSchemas = () => {
-      this.policy && (this.newPasswordValidationSchema.custom = this.policy.customValidationRules, this.newPasswordValidationSchema.maxLength = this.policy.maximumPasswordLength, this.newPasswordValidationSchema.minLength = this.policy.minimumPasswordLength);
-    }, this.setErrorMsg = (s) => {
-      switch (s) {
+const f = `:host {
+  display: block;
+}
+
+.PlayerChangePassword {
+  font-family: inherit;
+  width: 100%;
+  height: 100%;
+  container-type: inline-size;
+  opacity: 1;
+  animation-name: fadeIn;
+  animation-iteration-count: 1;
+  animation-timing-function: ease-in;
+  animation-duration: 0.3s;
+  container-type: inline-size;
+}
+.PlayerChangePassword .Wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.PlayerChangePassword .Title {
+  background-color: transparent;
+  font-size: var(--emw--font-size-x-large, 26px);
+  color: var(--emw--color-primary, #22B04E);
+  font-weight: var(--emw--font-weight-semibold, 500);
+}
+.PlayerChangePassword .TitleMobile {
+  font-size: var(--emw--font-size-x-large, 20px);
+  color: var(--emw--color-primary, #22B04E);
+}
+.PlayerChangePassword svg {
+  fill: var(--emw--color-primary, #22B04E);
+}
+.PlayerChangePassword .ButtonReturn {
+  display: none;
+  font-family: inherit;
+  align-items: center;
+  gap: 10px;
+}
+.PlayerChangePassword .Form {
+  display: grid;
+  grid-template-columns: repeat(1, 1fr);
+  gap: 40px;
+  justify-items: stretch;
+  align-content: flex-start;
+  overflow: auto;
+  width: 100%;
+  height: 100%;
+}
+.PlayerChangePassword .Form .FieldsSection {
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+}
+.PlayerChangePassword .Form .ButtonsSection {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+  position: relative;
+}
+.PlayerChangePassword .Button {
+  font-family: inherit;
+  border-radius: var(--emw--button-border-radius, var(--emw--border-radius-large, 50px));
+  background: var(--emw--button-background-color, var(--emw--color-primary, #22B04E));
+  border: var(--emw--button-border, 1px solid var(--emw--button-border-color, #22B04E));
+  color: var(--emw--button-text-color, var(--emw--color-white, #FFFFFF));
+  font-size: var(--emw--font-size-large, 20px);
+  font-weight: var(--emw--font-weight-normal, 400);
+  height: 50px;
+  width: 100%;
+  text-transform: uppercase;
+  cursor: pointer;
+}
+.PlayerChangePassword .Button:disabled {
+  background: var(--emfe-w-color-gray-100, #E6E6E6);
+  border: var(--emw--button-border, 1px solid var(--emw--button-border-color, #828282));
+  pointer-events: none;
+  cursor: not-allowed;
+}
+.PlayerChangePassword.skeleton .Form .ButtonReturn {
+  width: 150px;
+  height: 30px;
+  margin-top: 15px;
+  display: block;
+}
+.PlayerChangePassword.skeleton .Form .FieldsSection {
+  display: block;
+}
+.PlayerChangePassword.skeleton .Form .FieldsSection .FieldContainer .FieldTitle {
+  width: 100px;
+  margin-top: 30px;
+  margin-bottom: 15px;
+}
+.PlayerChangePassword.skeleton .Form .ButtonsSection .Button {
+  font-family: inherit;
+  border-radius: 50px;
+  background: transparent;
+  border: none;
+  overflow: hidden;
+}
+@container (max-width: 425px) {
+  .PlayerChangePassword .Form .ButtonReturn {
+    display: inline-flex;
+  }
+  .PlayerChangePassword .Form .Title {
+    display: none;
+  }
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0.01;
+  }
+  1% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}`, y = f, b = class {
+  constructor(s) {
+    p(this, s), this.currentPasswordValue = "", this.newPasswordValue = "", this.confirmPasswordValue = "", this.isCurrentPasswordValid = !1, this.isNewPasswordValid = !1, this.isConfirmPasswordValid = !1, this.errorMsg = "", this.currentPasswordValidationSchema = { mandatory: !0, custom: [] }, this.newPasswordValidationSchema = { mandatory: !0, custom: [] }, this.confirmPasswordValidationSchema = { mandatory: !0, custom: [] }, this.initValidationSchemas = () => {
+      this.confirmPasswordValidationSchema = {
+        mandatory: !0,
+        maxLength: this.policy.maximumPasswordLength,
+        minLength: this.policy.minimumPasswordLength,
+        custom: [
+          this.policy.customValidationRules.find((t) => t.rule === "duplicate-input")
+        ]
+      }, this.newPasswordValidationSchema = {
+        mandatory: !0,
+        maxLength: this.policy.maximumPasswordLength,
+        minLength: this.policy.minimumPasswordLength,
+        custom: this.policy.customValidationRules
+      }, this.currentPasswordValidationSchema = {
+        mandatory: !0,
+        maxLength: this.policy.maximumPasswordLength,
+        minLength: this.policy.minimumPasswordLength,
+        custom: this.policy.customValidationRules
+      };
+    }, this.setErrorMsg = (t) => {
+      switch (t) {
         case "gm.pms.password_policy_failed":
           const a = {
             forbiddenLastPasswordsCount: this.policy.forbiddenLastPasswordsCount,
             minimumPasswordAgeLimitHours: this.policy.minimumPasswordAgeLimitHours,
             hours: this.policy.minimumPasswordAgeLimitHours > 1 ? "hours" : "hour"
           };
-          this.errorMsg = o(s, this.language, { values: a });
+          this.errorMsg = r(t, this.language, { values: a });
           break;
         case "gm.pms.password_not_verified_unauthorized":
-          this.errorMsg = o(s, this.language);
+          this.errorMsg = r(t, this.language);
           break;
         default:
-          this.errorMsg = o("errorMsgGeneric", this.language);
+          this.errorMsg = r("errorMsgGeneric", this.language);
       }
     }, this.toggleScreen = () => {
       window.postMessage({ type: "PlayerAccountMenuActive", isMobile: this.isMobile }, window.location.href);
     }, this.getPolicy = () => {
-      const s = new URL("/api/v1/players/password-management/password", this.endpoint), a = new Headers();
-      a.append("Accept", "text/plain");
-      const t = {
+      const t = new URL("/api/v1/players/password-management/password", this.endpoint), a = new Headers();
+      a.append("Accept", "text/plain"), a.append("Content-Type", "application/json-patch+json");
+      const n = {
         method: "GET",
         headers: a
       };
-      fetch(s.href, t).then((r) => r.status === 200 && r.json()).then((r) => this.policy = r).catch((r) => console.error(r));
-    }, this.submitNewPassword = (s) => {
-      if (s.preventDefault(), this.isBtnSubmitEnabled) {
-        const a = new URL("/api/v1/players/password-management/password", this.endpoint), t = new Headers();
-        t.append("accept", "text/plain"), t.append("Content-Type", "application/json-patch+json");
-        const r = JSON.stringify({
+      fetch(t.href, n).then((i) => i.status === 200 && i.json()).then((i) => {
+        this.policy = i, this.policy.customValidationRules.forEach((l) => {
+          l.rule = l.rule.toLowerCase(), l.rule === "duplicateinput" && (l.rule = "duplicate-input");
+        }), this.initValidationSchemas();
+      }).catch((i) => {
+        console.error(`${r("errorMsgGeneric", this.language)}:`, i), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: r("errorMsgGeneric", this.language) } }, window.location.href);
+      }).finally(() => {
+        this.isSkeletonLoading = !1;
+      });
+    }, this.submitNewPassword = (t) => {
+      if (t.preventDefault(), this.isBtnSubmitEnabled) {
+        const a = new URL("/api/v1/players/password-management/password", this.endpoint), n = new Headers();
+        n.append("accept", "text/plain"), n.append("Content-Type", "application/json-patch+json");
+        const i = JSON.stringify({
           token: this.forgotMode === "true" ? this.token : this.session,
           oldPassword: this.currentPasswordValue,
           newPassword: this.confirmPasswordValue
         }), l = {
           method: "PUT",
-          headers: t,
-          body: r
+          headers: n,
+          body: i
         };
-        fetch(a.href, l).then((n) => n.json()).then((n) => {
-          n.errorCode === null && n.message === "pms.password.update.success" ? (window.postMessage({ type: "PasswordChangedSuccessfully" }), window.postMessage({ type: "WidgetNotification", data: { type: "success", message: o("successMsg", this.language) } }, window.location.href)) : (this.setErrorMsg(n.message), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: this.errorMsg } }, window.location.href));
-        }).catch((n) => console.error(n));
+        fetch(a.href, l).then((o) => o.json()).then((o) => {
+          o.errorCode === null && o.message === "pms.password.update.success" ? (window.postMessage({ type: "PasswordChangedSuccessfully" }), window.postMessage({ type: "WidgetNotification", data: { type: "success", message: r("successMsg", this.language) } }, window.location.href)) : (this.setErrorMsg(o.message), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: this.errorMsg } }, window.location.href));
+        }).catch((o) => console.error(o));
       }
-    }, this.language = "en", this.endpoint = "", this.session = "", this.token = "", this.forgotMode = "", this.clientStyling = "", this.clientStylingUrl = "", this.mbSource = void 0, this.translationUrl = "", this.isBtnSubmitEnabled = !1, this.isMobile = d() === "mobile" || d() === "tablet";
+    }, this.language = "en", this.endpoint = "", this.session = "", this.token = "", this.forgotMode = "", this.clientStyling = "", this.clientStylingUrl = "", this.mbSource = void 0, this.translationUrl = "", this.isBtnSubmitEnabled = !1, this.isSkeletonLoading = !0, this.isMobile = d() === "mobile" || d() === "tablet";
   }
-  handleClientStylingChange(e, s) {
-    e != s && c(this.stylingContainer, this.clientStyling);
+  handleClientStylingChange(s, t) {
+    s != t && c(this.stylingContainer, this.clientStyling);
   }
-  handleClientStylingUrlChange(e, s) {
-    e != s && this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl);
+  handleClientStylingUrlChange(s, t) {
+    s != t && this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl);
   }
-  sendValidityStateHandler(e) {
-    switch (this.isBtnSubmitEnabled = !1, e.detail.name) {
+  sendValidityStateHandler(s) {
+    switch (this.isBtnSubmitEnabled = !1, s.detail.name) {
       case "password":
-        this.isCurrentPasswordValid = e.detail.valid;
+        this.isCurrentPasswordValid = s.detail.valid;
         break;
       case "newPassword":
-        this.isNewPasswordValid = e.detail.valid;
+        this.isNewPasswordValid = s.detail.valid;
         break;
       case "newPasswordDuplicate":
-        this.isConfirmPasswordValid = e.detail.valid;
+        this.isConfirmPasswordValid = s.detail.valid;
         break;
     }
     (this.forgotMode === "true" || this.isCurrentPasswordValid) && this.isNewPasswordValid && this.isConfirmPasswordValid && (this.isBtnSubmitEnabled = !0);
   }
-  sendInputValueHandler(e) {
-    switch (e.detail.name) {
+  sendInputValueHandler(s) {
+    switch (s.detail.name) {
       case "password":
-        this.currentPasswordValue = e.detail.value;
+        this.currentPasswordValue = s.detail.value;
         break;
       case "newPassword":
-        this.newPasswordValue = e.detail.value;
+        this.newPasswordValue = s.detail.value;
         break;
       case "newPasswordDuplicate":
-        this.confirmPasswordValue = e.detail.value;
+        this.confirmPasswordValue = s.detail.value;
         break;
     }
   }
   componentWillLoad() {
-    if (this.getPolicy(), this.initValidationSchemas(), this.translationUrl)
+    if (this.getPolicy(), this.translationUrl)
       return g(this.translationUrl);
   }
   componentDidLoad() {
-    this.stylingContainer && (window.emMessageBus != null ? f(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && c(this.stylingContainer, this.clientStyling), this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl)));
+    this.stylingContainer && (window.emMessageBus != null ? P(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && c(this.stylingContainer, this.clientStyling), this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl)));
   }
   disconnectedCallback() {
     this.stylingSubscription && this.stylingSubscription.unsubscribe();
   }
   render() {
-    return i("div", { key: "9a8f54fe541ef6409f7cc21bb8431c850d031830", class: "PlayerChangePassword", ref: (e) => this.stylingContainer = e }, i("form", { key: "8a3aaa6a96b16a26477657f0216a7a0a2e2e0869", class: "Form" }, this.isMobile ? i("div", { class: "ButtonReturn", onClick: this.toggleScreen }, i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, i("g", { transform: "translate(-20 -158)" }, i("g", { transform: "translate(20 158)" }, i("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))), i("h2", { class: "TitleMobile" }, o("title", this.language))) : i("h2", { class: "Title" }, o("title", this.language)), i("section", { key: "47a7214266e06ef9f8ded9f86f76e15ce4f6fc3a", class: "FieldsSection" }, this.forgotMode === "false" && i("password-input", { key: "41b721a65332283a3699ab8e838dadb8d73913fa", language: this.language, name: "password", "display-name": o("passwordDisplayText", this.language), placeholder: o("passwordPlaceholderText", this.language), validation: this.currentPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource }), i("password-input", { key: "eb7c697eb1900ed580ff17a4cd56819993599924", language: this.language, name: "newPassword", "display-name": o("newPasswordDisplayText", this.language), placeholder: o("newPasswordPlaceholderText", this.language), validation: this.newPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource }), i("password-input", { key: "4b12c17b882fe8117f9c49ad296c5918198e18f0", language: this.language, name: "newPasswordDuplicate", "display-name": o("confirmPasswordDisplayText", this.language), placeholder: o("confirmPasswordPlaceholderText", this.language), validation: this.confirmPasswordValidationSchema, "is-duplicate-input": !0, clientStyling: this.clientStyling, "mb-source": this.mbSource })), i("section", { key: "a0cd6777b46ac8e4ba5eef6c42f77531a9c7ee0b", class: "ButtonsSection" }, i("button", { key: "d21c481e07a7c7762bf0fa7acbb4f1d68ac92d4d", class: "Button", disabled: !this.isBtnSubmitEnabled, onClick: this.submitNewPassword }, o("btnSubmit", this.language)))));
+    return this.isSkeletonLoading ? e("div", { class: "PlayerChangePassword skeleton" }, e("form", { class: "Form" }, e("div", { class: "ButtonReturn" }, e("ui-skeleton", { structure: "text", width: "auto", height: "30px" })), e("section", { class: "FieldsSection" }, e("div", { class: "FieldContainer" }, e("div", { class: "FieldTitle" }, e("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), e("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), e("div", { class: "FieldContainer" }, e("div", { class: "FieldTitle" }, e("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), e("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), e("div", { class: "FieldContainer" }, e("div", { class: "FieldTitle" }, e("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), e("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" }))), e("section", { class: "ButtonsSection" }, e("div", { class: "Button" }, e("ui-skeleton", { structure: "rectangle", width: "auto", height: "50px" }))))) : e("div", { class: "PlayerChangePassword", ref: (s) => this.stylingContainer = s }, e("form", { class: "Form" }, e("div", { class: "ButtonReturn", onClick: this.toggleScreen }, e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, e("g", { transform: "translate(-20 -158)" }, e("g", { transform: "translate(20 158)" }, e("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))), e("h2", { class: "TitleMobile" }, r("title", this.language))), e("h2", { class: "Title" }, r("title", this.language)), e("section", { class: "FieldsSection" }, this.forgotMode === "false" && e("general-input", { type: "password", action: "input", name: "password", language: this.language, "display-name": r("passwordDisplayText", this.language), placeholder: r("passwordPlaceholderText", this.language), validation: this.currentPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource, "hide-password-complexity": !0 }), e("general-input", { type: "password", action: "input", name: "newPassword", language: this.language, "display-name": r("newPasswordDisplayText", this.language), placeholder: r("newPasswordPlaceholderText", this.language), validation: this.newPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource }), e("general-input", { type: "password", action: "input", name: "newPasswordDuplicate", language: this.language, "display-name": r("confirmPasswordDisplayText", this.language), placeholder: r("confirmPasswordPlaceholderText", this.language), validation: this.confirmPasswordValidationSchema, "is-duplicate-input": !0, clientStyling: this.clientStyling, "mb-source": this.mbSource })), e("section", { class: "ButtonsSection" }, e("button", { class: "Button", disabled: !this.isBtnSubmitEnabled, onClick: this.submitNewPassword }, r("btnSubmit", this.language)))));
   }
   static get watchers() {
     return {

package/stencil/pam-change-password-sLrzK4Qt.js

@@ -0,0 +1,7 @@
+import { b as i, p as a } from "./index-13661b98-Bg3nkDqk.js";
+import { g as t } from "./app-globals-0f993ce5-DzSE6TtH.js";
+var n = () => {
+  const e = import.meta.url, l = {};
+  return e !== "" && (l.resourcesUrl = new URL(".", e).href), a(l);
+};
+n().then(async (e) => (await t(), i([["checkbox-group-input_14", [[1, "pam-change-password", { language: [513], endpoint: [513], session: [513], token: [513], forgotMode: [513, "forgot-mode"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], mbSource: [1, "mb-source"], translationUrl: [513, "translation-url"], isBtnSubmitEnabled: [32], isSkeletonLoading: [32], isMobile: [32] }, [[0, "sendValidityState", "sendValidityStateHandler"], [0, "sendInputValue", "sendInputValueHandler"]], { clientStyling: ["handleClientStylingChange", "handleClientStylingChange"], clientStylingUrl: ["handleClientStylingUrlChange"] }], [0, "ui-skeleton", { structure: [1], width: [1], height: [1], borderRadius: [2, "border-radius"], marginBottom: [2, "margin-bottom"], marginTop: [2, "margin-top"], marginLeft: [2, "margin-left"], marginRight: [2, "margin-right"], animation: [4], rows: [2], size: [1], color: [1], primaryColor: [1, "primary-color"], secondaryColor: [1, "secondary-color"] }, null, { structure: ["handleStructureChange"] }], [1, "general-input", { type: [513], name: [513], displayName: [513, "display-name"], placeholder: [513], action: [513], validation: [16], options: [520], language: [513], autofilled: [516], tooltip: [513], defaultValue: [520, "default-value"], emitValue: [516, "emit-value"], isDuplicateInput: [516, "is-duplicate-input"], hidePasswordComplexity: [516, "hide-password-complexity"], clientStyling: [520, "client-styling"], dateFormat: [513, "date-format"], translationUrl: [513, "translation-url"], emitOnClick: [516, "emit-on-click"] }], [1, "toggle-checkbox-input", { name: [513], displayName: [513, "display-name"], defaultValue: [513, "default-value"], options: [16], autofilled: [516], tooltip: [513], validation: [16], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32], showFields: [32] }, [[4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"] }], [1, "checkbox-group-input", { name: [513], displayName: [513, "display-name"], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], options: [16], validation: [16], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32], selectedValues: [32], showCheckboxes: [32] }, [[4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], selectedValues: ["setValue"], emitValue: ["emitValueHandler"] }], [1, "checkbox-input", { name: [513], displayName: [513, "display-name"], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], validation: [16], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "date-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], validation: [16], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], dateFormat: [513, "date-format"], emitOnClick: [516, "emit-on-click"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "email-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], validation: [16], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], language: [513], emitValue: [516, "emit-value"], isDuplicateInput: [516, "is-duplicate-input"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"], [16, "sendInputValue", "valueChangedHandler"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "number-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], validation: [16], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "password-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], validation: [16], language: [513], emitValue: [516, "emit-value"], isDuplicateInput: [516, "is-duplicate-input"], hidePasswordComplexity: [516, "hide-password-complexity"], clientStyling: [513, "client-styling"], isValid: [32], errorMessage: [32], limitStylingAppends: [32], showTooltip: [32], passwordComplexity: [32], showPopup: [32], value: [32] }, [[16, "sendOriginalValidityState", "originalValidityChangedHandler"], [16, "sendInputValue", "valueChangedHandler"], [4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], value: ["valueChanged"], emitValue: ["emitValueHandler"] }], [1, "radio-input", { name: [513], displayName: [513, "display-name"], optionsGroup: [16], validation: [16], tooltip: [513], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "select-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], action: [513], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], options: [16], validation: [16], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "tel-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], showLabels: [516, "show-labels"], action: [513], validation: [16], defaultValue: [520, "default-value"], autofilled: [516], tooltip: [513], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], isValid: [32], errorMessage: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "text-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], validation: [16], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], language: [513], checkValidity: [516, "check-validity"], emitValue: [516, "emit-value"], isDuplicateInput: [516, "is-duplicate-input"], clientStyling: [513, "client-styling"], isValid: [32], errorMessage: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"], [16, "sendInputValue", "valueChangedHandler"], [16, "validationChange", "handleValidationChange"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }]]]], e)));

package/stencil/pam-change-password-uD3esedo.cjs

@@ -0,0 +1 @@
+"use strict";var u=(l,i,a)=>new Promise((g,o)=>{var r=e=>{try{t(a.next(e))}catch(n){o(n)}},p=e=>{try{t(a.throw(e))}catch(n){o(n)}},t=e=>e.done?g(e.value):Promise.resolve(e.value).then(r,p);t((a=a.apply(l,i)).next())});const s=require("./index-13661b98-D16qyHKo.cjs"),c=require("./app-globals-0f993ce5-DgYhdguE.cjs");var d=typeof document!="undefined"?document.currentScript:null,m=()=>{const l=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:d&&d.tagName.toUpperCase()==="SCRIPT"&&d.src||new URL("stencil/pam-change-password-uD3esedo.cjs",document.baseURI).href,i={};return l!==""&&(i.resourcesUrl=new URL(".",l).href),s.promiseResolve(i)};m().then(l=>u(exports,null,function*(){return yield c.globalScripts(),s.bootstrapLazy([["checkbox-group-input_14",[[1,"pam-change-password",{language:[513],endpoint:[513],session:[513],token:[513],forgotMode:[513,"forgot-mode"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],mbSource:[1,"mb-source"],translationUrl:[513,"translation-url"],isBtnSubmitEnabled:[32],isSkeletonLoading:[32],isMobile:[32]},[[0,"sendValidityState","sendValidityStateHandler"],[0,"sendInputValue","sendInputValueHandler"]],{clientStyling:["handleClientStylingChange","handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[2,"border-radius"],marginBottom:[2,"margin-bottom"],marginTop:[2,"margin-top"],marginLeft:[2,"margin-left"],marginRight:[2,"margin-right"],animation:[4],rows:[2],size:[1],color:[1],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"]},null,{structure:["handleStructureChange"]}],[1,"general-input",{type:[513],name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],validation:[16],options:[520],language:[513],autofilled:[516],tooltip:[513],defaultValue:[520,"default-value"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],hidePasswordComplexity:[516,"hide-password-complexity"],clientStyling:[520,"client-styling"],dateFormat:[513,"date-format"],translationUrl:[513,"translation-url"],emitOnClick:[516,"emit-on-click"]}],[1,"toggle-checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],options:[16],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],showFields:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"]}],[1,"checkbox-group-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],selectedValues:[32],showCheckboxes:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],selectedValues:["setValue"],emitValue:["emitValueHandler"]}],[1,"checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"date-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],dateFormat:[513,"date-format"],emitOnClick:[516,"emit-on-click"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"email-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"number-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"password-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],hidePasswordComplexity:[516,"hide-password-complexity"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],passwordComplexity:[32],showPopup:[32],value:[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}],[1,"radio-input",{name:[513],displayName:[513,"display-name"],optionsGroup:[16],validation:[16],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"select-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"tel-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],showLabels:[516,"show-labels"],action:[513],validation:[16],defaultValue:[520,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"text-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],checkValidity:[516,"check-validity"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}]]]],l)}));