@everymatrix/player-account-controller-nd 1.53.0 → 1.53.11

package/stencil/general-input-DnFPstQP.js

@@ -0,0 +1,48 @@
+import { r as a, h as t, H as l } from "./index-062e829b-DAFsZs6D.js";
+import { g as s } from "./locale-BG_TzyDt.js";
+const n = ":host{display:block;height:100%}", o = n, h = class {
+  constructor(i) {
+    a(this, i), this.type = "text", this.clientStyling = "", this.translationUrl = "", this.emitOnClick = !1, this.handleClick = (e) => {
+      this.emitOnClick && (e.stopPropagation(), window.postMessage({ type: `registration${this.name}Clicked` }, window.location.href));
+    };
+  }
+  connectedCallback() {
+    this.translationUrl && s(this.translationUrl);
+  }
+  renderInput() {
+    var i;
+    switch ((i = this.type) === null || i === void 0 ? void 0 : i.toLowerCase()) {
+      case "text":
+        return t("text-input", { name: this.name, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, autofilled: this.autofilled, emitValue: this.emitValue, language: this.language, isDuplicateInput: this.isDuplicateInput, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder });
+      case "email":
+        return t("email-input", { name: this.name, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, autofilled: this.autofilled, emitValue: this.emitValue, language: this.language, isDuplicateInput: this.isDuplicateInput, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder });
+      case "number":
+        return t("number-input", { name: this.name, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, autofilled: this.autofilled, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder });
+      case "checkbox":
+        return t("checkbox-input", { name: this.name, displayName: this.displayName, validation: this.validation, emitValue: this.emitValue, defaultValue: this.defaultValue, autofilled: this.autofilled, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip });
+      case "checkboxgroup":
+        return t("checkbox-group-input", { name: this.name, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, autofilled: this.autofilled, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, options: this.options });
+      case "togglecheckbox":
+        return t("toggle-checkbox-input", { name: this.name, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, autofilled: this.autofilled, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, options: this.options, "emit-on-click": this.emitOnClick });
+      case "datetime":
+        return t("date-input", { name: this.name, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, autofilled: this.autofilled, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder, dateFormat: this.dateFormat, "emit-on-click": this.emitOnClick });
+      case "password":
+        return t("password-input", { name: this.name, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, autofilled: this.autofilled, emitValue: this.emitValue, language: this.language, isDuplicateInput: this.isDuplicateInput, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder });
+      case "radio":
+        return t("radio-input", { name: this.name, displayName: this.displayName, optionsGroup: this.options, validation: this.validation, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling });
+      case "tel":
+        return t("tel-input", { name: this.name, action: this.action, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, emitValue: this.emitValue, language: this.language, autofilled: this.autofilled, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder });
+      case "dropdown":
+        return t("select-input", { name: this.name, action: this.action, defaultValue: this.defaultValue, displayName: this.displayName, options: this.options, validation: this.validation, emitValue: this.emitValue, autofilled: this.autofilled, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder });
+      default:
+        return t("p", null, "The ", this.type, " input type is not valid");
+    }
+  }
+  render() {
+    return t(l, { key: "e1c49fc91ead165c05b30c21ac568486e55c8096", class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput());
+  }
+};
+h.style = o;
+export {
+  h as general_input
+};