@design.estate/dees-catalog 1.0.225 → 1.0.226

package/dist_watch/bundle.js

@@ -17226,7 +17226,7 @@ var require_css = __commonJS({
       // reverse makes sure longer attributes `font-weight` are matched fully
       // instead of getting false positives on say `font`
     ].reverse();
-    function css3(hljs) {
+    function css4(hljs) {
       const regex = hljs.regex;
       const modes = MODES(hljs);
       const VENDOR_PREFIX = { begin: /-(webkit|moz|ms|o)-(?=[a-z])/ };
@@ -17355,7 +17355,7 @@ var require_css = __commonJS({
         ]
       };
     }
-    module.exports = css3;
+    module.exports = css4;
   }
 });
 
@@ -67873,8 +67873,8 @@ var WccProperties = class WccProperties2 extends DeesElement {
         if (key === "goBright" || key === "domtools") {
           continue;
         }
-        const property = classProperties.get(key);
-        const propertyTypeString = await determinePropertyType(property);
+        const property2 = classProperties.get(key);
+        const propertyTypeString = await determinePropertyType(property2);
         propertyArray.push(x`
             <div class="property">
               ${key} / ${propertyTypeString}<br />
@@ -67905,7 +67905,7 @@ var WccProperties = class WccProperties2 extends DeesElement {
               }}"
                     />`;
             case "Enum":
-              const enumValues = getEnumValues(property);
+              const enumValues = getEnumValues(property2);
               return x`<select
                       @change="${(eventArg) => {
                 firstFoundInstantiatedElement[key] = eventArg.target.value;
@@ -68192,6 +68192,8 @@ __export(elements_exports, {
   DeesInputCheckbox: () => DeesInputCheckbox,
   DeesInputDropdown: () => DeesInputDropdown,
   DeesInputFileupload: () => DeesInputFileupload,
+  DeesInputIban: () => DeesInputIban,
+  DeesInputPhone: () => DeesInputPhone,
   DeesInputQuantitySelector: () => DeesInputQuantitySelector,
   DeesInputRadio: () => DeesInputRadio,
   DeesInputText: () => DeesInputText,
@@ -69443,88 +69445,53 @@ var DeesInputText = class extends DeesElement {
     this.disabled = false;
     this.isPasswordBool = false;
     this.showPasswordBool = false;
+    this.validationText = "";
   }
   render() {
     return x`
       <style>
-        * {
-          box-sizing: border-box;
-        }
-
-        :host {
-          position: relative;
-          display: grid;
-          margin: 10px 0px;
-          margin-bottom: 24px;
-        }
-
-        .maincontainer {
-          color: ${this.goBright ? "#333" : "#ccc"};
-        }
-
-        .label {
-          font-size: 14px;
-          margin-bottom: 5px;
-        }
-
         input {
-          margin-top: 5px;
-          background: ${this.goBright ? "#fafafa" : "#222"};
-          border-top: ${this.goBright ? "1px solid #CCC" : "1px solid #444"};
-          border-bottom: ${this.goBright ? "1px solid #CCC" : "1px solid #333"};
-          border-right: ${this.goBright ? "1px solid #CCC" : "none"};
-          border-left: ${this.goBright ? "1px solid #CCC" : "none"};
-          padding-left:10px;
-          padding-right: 10px;
-          border-radius: 2px;
-          width: 100%;
-          line-height: 48px;
-          transition: all 0.2s;
-          outline: none;
-          font-size: 16px;
           font-family: ${this.isPasswordBool ? "monospace" : "Inter"};
           letter-spacing: ${this.isPasswordBool ? "1px" : "normal"};
           color: ${this.goBright ? "#333" : "#ccc"};
         }
-
-        input:disabled {
-          background: ${cssManager.bdTheme("#ffffff00", "#11111100")};
-          border: 1px dashed ${cssManager.bdTheme("#666666", "#666666")};
-          color: #9b9b9e;
-          cursor: default;
-        }
-
-        input:focus {
-          outline: none;
-          border-bottom: 1px solid #e4002b;
-        }
-
-        .showPassword {
-          position: absolute;
-          bottom: 8px;
-          right: 10px;
-          border: 1px dashed #444;
-          border-radius: 7px;
-          padding: 8px 0px;
-          width: 40px;
-        }
-
-        .showPassword:hover {
-          cursor: pointer;
-          background: ${cssManager.bdTheme("#00000010", "#ffffff10")};
-        }
+        ${this.validationText ? i`
+          .validationContainer {
+            height: 22px;
+            opacity: 1;
+          }
+        ` : i`
+          .validationContainer {
+            height: 4px;
+            padding: 2px !important;
+            opacity: 0;
+          }
+        `}
       </style>
       <div class="maincontainer">
         ${this.label ? x`<div class="label">${this.label}</div>` : x``}
-        <input type="${this.isPasswordBool && !this.showPasswordBool ? "password" : "text"}" .value=${this.value} @input="${this.updateValue}" .disabled=${this.disabled} />
+        <input
+          type="${this.isPasswordBool && !this.showPasswordBool ? "password" : "text"}"
+          .value=${this.value}
+          @input="${this.updateValue}"
+          .disabled=${this.disabled}
+        />
+        <div class="validationContainer">
+          ${this.validationText}
+        </div>
         ${this.isPasswordBool ? x`
-          <div class="showPassword" @click=${this.togglePasswordView}>
-            <dees-icon .iconFA=${this.showPasswordBool ? "eye" : "eyeSlash"}></dees-icon>
-          </div>
-        ` : x``}
+              <div class="showPassword" @click=${this.togglePasswordView}>
+                <dees-icon .iconFA=${this.showPasswordBool ? "eye" : "eyeSlash"}></dees-icon>
+              </div>
+            ` : x``}
       </div>
     `;
   }
+  firstUpdated() {
+    const input = this.shadowRoot.querySelector("input");
+    input.addEventListener("input", (eventArg) => {
+    });
+  }
   async updateValue(eventArg) {
     const target = eventArg.target;
     this.value = target.value;
@@ -69554,6 +69521,91 @@ DeesInputText.demo = () => x`
     <dees-input-text .label=${"this is a label"} .value=${"test"}></dees-input-text>
     <dees-input-text .isPasswordBool=${true}></dees-input-text>
   `;
+DeesInputText.styles = [
+  cssManager.defaultStyles,
+  i`
+      * {
+        box-sizing: border-box;
+      }
+
+      :host {
+        position: relative;
+        display: grid;
+        margin: 8px 0px;
+        margin-bottom: 24px;
+        z-index: auto;
+      }
+
+      .maincontainer {
+        color: ${cssManager.bdTheme("#333", "#ccc")};
+      }
+
+      .label {
+        font-size: 14px;
+        margin-bottom: 4px;
+      }
+
+      input {
+        margin-top: 5px;
+        background: ${cssManager.bdTheme("#fafafa", "#222")};
+        border-top: ${cssManager.bdTheme("1px solid #CCC", "1px solid #444")};
+        border-bottom: ${cssManager.bdTheme("1px solid #CCC", "1px solid #333")};
+        border-right: ${cssManager.bdTheme("1px solid #CCC", "none")};
+        border-left: ${cssManager.bdTheme("1px solid #CCC", "none")};
+        padding-left: 10px;
+        padding-right: 10px;
+        border-radius: 2px;
+        width: 100%;
+        line-height: 36px;
+        transition: all 0.2s;
+        outline: none;
+        font-size: 16px;
+        position: relative;
+        z-index: 2;
+        // see template for more
+      }
+
+      input:disabled {
+        background: ${cssManager.bdTheme("#ffffff00", "#11111100")};
+        border: 1px dashed ${cssManager.bdTheme("#666666", "#666666")};
+        color: #9b9b9e;
+        cursor: default;
+      }
+
+      input:focus {
+        outline: none;
+        border-bottom: 1px solid #e4002b;
+      }
+
+      .showPassword {
+        position: absolute;
+        bottom: 7px;
+        right: 10px;
+        border: 1px dashed #444;
+        border-radius: 7px;
+        padding: 4px 0px;
+        width: 40px;
+      }
+
+      .showPassword:hover {
+        cursor: pointer;
+        background: ${cssManager.bdTheme("#00000010", "#ffffff10")};
+      }
+
+      .validationContainer {
+        text-align: center;
+        padding: 6px 2px 2px 2px;
+        margin-top: -4px;
+        font-size: 12px;
+        color: #fff;
+        background: #e4002b;
+        position: relative;
+        z-index: 1;
+        border-radius: 3px;
+        transition: all 0.2s;
+      }
+    `
+];
 __decorateClass([
   n5({
     type: String
@@ -69593,6 +69645,20 @@ __decorateClass([
     reflect: true
   })
 ], DeesInputText.prototype, "showPasswordBool", 2);
+__decorateClass([
+  n5({
+    type: Boolean,
+    reflect: true
+  })
+], DeesInputText.prototype, "validationState", 2);
+__decorateClass([
+  n5({
+    reflect: true
+  })
+], DeesInputText.prototype, "validationText", 2);
+__decorateClass([
+  n5({})
+], DeesInputText.prototype, "validationFunction", 2);
 DeesInputText = __decorateClass([
   e7("dees-input-text")
 ], DeesInputText);
@@ -70217,8 +70283,8 @@ var DeesTable = class extends DeesElement {
       const cell = cells[i8];
       const width = window.getComputedStyle(cell).width;
       if (cell.textContent.includes("Actions")) {
-        cell.style.minWidth = "68px";
-        cell.style.width = `${this.dataActions.filter((actionArg) => actionArg.type.includes("inRow")).length * 35}px`;
+        const neededWidth = this.dataActions.filter((actionArg) => actionArg.type.includes("inRow")).length * 35;
+        cell.style.width = `${Math.max(neededWidth, 68)}px`;
       } else {
         cell.style.width = width;
       }
@@ -70556,9 +70622,1140 @@ DeesTable = __decorateClass([
   e7("dees-table")
 ], DeesTable);
 
+// ts_web/elements/dees-form.demo.ts
+var demoFunc6 = () => x`
+  <style>
+    .demoContainer {
+      max-width: 400px;
+      margin: auto;
+      padding: 16px;
+      background: #111;
+    }
+  </style>
+  <div class="demoContainer">
+    <dees-form
+      style="display: block; margin:auto; max-width: 500px; padding: 20px"
+      @formData=${async (eventArg) => {
+  const form = eventArg.currentTarget;
+  form.setStatus("pending", "authenticating...");
+  await dist_ts_exports26.plugins.smartdelay.delayFor(1e3);
+  form.setStatus("success", "authenticated!");
+}}
+    >
+      <dees-input-text .required="${true}" key="hello1" label="a text"></dees-input-text>
+      <dees-input-text .required="${true}" key="hello2" label="also a text"></dees-input-text>
+      <dees-input-text .required="${true}" key="hello3" label="a password" isPasswordBool></dees-input-text>
+      <dees-input-checkbox
+        .required="${true}"
+        key="hello3"
+        label="another text"
+      ></dees-input-checkbox>
+      <dees-input-iban></dees-input-iban>
+      <dees-form-submit>Submit</dees-form-submit>
+    </dees-form>
+  </div>
+`;
+
+// node_modules/.pnpm/ibantools@4.3.5/node_modules/ibantools/jsnext/ibantools.js
+function isValidIBAN(iban, validationOptions) {
+  if (validationOptions === void 0) {
+    validationOptions = { allowQRIBAN: true };
+  }
+  if (iban === void 0 || iban === null)
+    return false;
+  var reg = new RegExp("^[0-9]{2}$", "");
+  var countryCode = iban.slice(0, 2);
+  var spec = countrySpecs[countryCode];
+  if (spec === void 0 || spec.bban_regexp === void 0 || spec.bban_regexp === null || spec.chars === void 0)
+    return false;
+  return spec.chars === iban.length && reg.test(iban.slice(2, 4)) && isValidBBAN(iban.slice(4), countryCode) && isValidIBANChecksum(iban) && (validationOptions.allowQRIBAN || !isQRIBAN(iban));
+}
+var ValidationErrorsIBAN;
+(function(ValidationErrorsIBAN2) {
+  ValidationErrorsIBAN2[ValidationErrorsIBAN2["NoIBANProvided"] = 0] = "NoIBANProvided";
+  ValidationErrorsIBAN2[ValidationErrorsIBAN2["NoIBANCountry"] = 1] = "NoIBANCountry";
+  ValidationErrorsIBAN2[ValidationErrorsIBAN2["WrongBBANLength"] = 2] = "WrongBBANLength";
+  ValidationErrorsIBAN2[ValidationErrorsIBAN2["WrongBBANFormat"] = 3] = "WrongBBANFormat";
+  ValidationErrorsIBAN2[ValidationErrorsIBAN2["ChecksumNotNumber"] = 4] = "ChecksumNotNumber";
+  ValidationErrorsIBAN2[ValidationErrorsIBAN2["WrongIBANChecksum"] = 5] = "WrongIBANChecksum";
+  ValidationErrorsIBAN2[ValidationErrorsIBAN2["WrongAccountBankBranchChecksum"] = 6] = "WrongAccountBankBranchChecksum";
+  ValidationErrorsIBAN2[ValidationErrorsIBAN2["QRIBANNotAllowed"] = 7] = "QRIBANNotAllowed";
+})(ValidationErrorsIBAN || (ValidationErrorsIBAN = {}));
+function isValidBBAN(bban, countryCode) {
+  if (bban === void 0 || bban === null || countryCode === void 0 || countryCode === null)
+    return false;
+  var spec = countrySpecs[countryCode];
+  if (spec === void 0 || spec === null || spec.bban_regexp === void 0 || spec.bban_regexp === null || spec.chars === void 0 || spec.chars === null)
+    return false;
+  if (spec.chars - 4 === bban.length && checkFormatBBAN(bban, spec.bban_regexp)) {
+    if (spec.bban_validation_func) {
+      return spec.bban_validation_func(bban.replace(/[\s.]+/g, ""));
+    }
+    return true;
+  }
+  return false;
+}
+function isQRIBAN(iban) {
+  if (iban === void 0 || iban === null)
+    return false;
+  var countryCode = iban.slice(0, 2);
+  var QRIBANCountries = ["LI", "CH"];
+  if (!QRIBANCountries.includes(countryCode))
+    return false;
+  var reg = new RegExp("^3[0-1]{1}[0-9]{3}$", "");
+  return reg.test(iban.slice(4, 9));
+}
+function checkFormatBBAN(bban, bformat) {
+  var reg = new RegExp(bformat, "");
+  return reg.test(bban);
+}
+function electronicFormatIBAN(iban) {
+  if (typeof iban !== "string") {
+    return null;
+  }
+  return iban.replace(/[-\ ]/g, "").toUpperCase();
+}
+function friendlyFormatIBAN(iban, separator) {
+  if (typeof iban !== "string") {
+    return null;
+  }
+  if (separator === void 0 || separator === null) {
+    separator = " ";
+  }
+  var electronic_iban = electronicFormatIBAN(iban);
+  if (electronic_iban === null) {
+    return null;
+  }
+  return electronic_iban.replace(/(.{4})(?!$)/g, "$1" + separator);
+}
+function isValidIBANChecksum(iban) {
+  var countryCode = iban.slice(0, 2);
+  var providedChecksum = parseInt(iban.slice(2, 4), 10);
+  var bban = iban.slice(4);
+  var validationString = replaceCharaterWithCode("".concat(bban).concat(countryCode, "00"));
+  var rest = mod9710(validationString);
+  return 98 - rest === providedChecksum;
+}
+function replaceCharaterWithCode(str) {
+  return str.split("").map(function(c7) {
+    var code = c7.charCodeAt(0);
+    return code >= 65 ? (code - 55).toString() : c7;
+  }).join("");
+}
+var ValidationErrorsBIC;
+(function(ValidationErrorsBIC2) {
+  ValidationErrorsBIC2[ValidationErrorsBIC2["NoBICProvided"] = 0] = "NoBICProvided";
+  ValidationErrorsBIC2[ValidationErrorsBIC2["NoBICCountry"] = 1] = "NoBICCountry";
+  ValidationErrorsBIC2[ValidationErrorsBIC2["WrongBICFormat"] = 2] = "WrongBICFormat";
+})(ValidationErrorsBIC || (ValidationErrorsBIC = {}));
+var checkNorwayBBAN = function(bban) {
+  var weights = [5, 4, 3, 2, 7, 6, 5, 4, 3, 2];
+  var bbanWithoutSpacesAndPeriods = bban.replace(/[\s.]+/g, "");
+  var controlDigit = parseInt(bbanWithoutSpacesAndPeriods.charAt(10), 10);
+  var bbanWithoutControlDigit = bbanWithoutSpacesAndPeriods.substring(0, 10);
+  var sum = 0;
+  for (var index = 0; index < 10; index++) {
+    sum += parseInt(bbanWithoutControlDigit.charAt(index), 10) * weights[index];
+  }
+  var remainder = sum % 11;
+  return controlDigit === (remainder === 0 ? 0 : 11 - remainder);
+};
+var checkBelgianBBAN = function(bban) {
+  var stripped = bban.replace(/[\s.]+/g, "");
+  var checkingPart = parseInt(stripped.substring(0, stripped.length - 2), 10);
+  var checksum = parseInt(stripped.substring(stripped.length - 2, stripped.length), 10);
+  var remainder = checkingPart % 97 === 0 ? 97 : checkingPart % 97;
+  return remainder === checksum;
+};
+var mod9710 = function(validationString) {
+  while (validationString.length > 2) {
+    var part = validationString.slice(0, 6);
+    var partInt = parseInt(part, 10);
+    if (isNaN(partInt)) {
+      return NaN;
+    }
+    validationString = partInt % 97 + validationString.slice(part.length);
+  }
+  return parseInt(validationString, 10) % 97;
+};
+var checkMod9710BBAN = function(bban) {
+  var stripped = bban.replace(/[\s.]+/g, "");
+  var reminder = mod9710(stripped);
+  return reminder === 1;
+};
+var checkPolandBBAN = function(bban) {
+  var weights = [3, 9, 7, 1, 3, 9, 7];
+  var controlDigit = parseInt(bban.charAt(7), 10);
+  var toCheck = bban.substring(0, 7);
+  var sum = 0;
+  for (var index = 0; index < 7; index++) {
+    sum += parseInt(toCheck.charAt(index), 10) * weights[index];
+  }
+  var remainder = sum % 10;
+  return controlDigit === (remainder === 0 ? 0 : 10 - remainder);
+};
+var checkSpainBBAN = function(bban) {
+  var weightsBankBranch = [4, 8, 5, 10, 9, 7, 3, 6];
+  var weightsAccount = [1, 2, 4, 8, 5, 10, 9, 7, 3, 6];
+  var controlBankBranch = parseInt(bban.charAt(8), 10);
+  var controlAccount = parseInt(bban.charAt(9), 10);
+  var bankBranch = bban.substring(0, 8);
+  var account = bban.substring(10, 20);
+  var sum = 0;
+  for (var index = 0; index < 8; index++) {
+    sum += parseInt(bankBranch.charAt(index), 10) * weightsBankBranch[index];
+  }
+  var remainder = sum % 11;
+  if (controlBankBranch !== (remainder === 0 ? 0 : remainder === 1 ? 1 : 11 - remainder)) {
+    return false;
+  }
+  sum = 0;
+  for (var index = 0; index < 10; index++) {
+    sum += parseInt(account.charAt(index), 10) * weightsAccount[index];
+  }
+  remainder = sum % 11;
+  return controlAccount === (remainder === 0 ? 0 : remainder === 1 ? 1 : 11 - remainder);
+};
+var checkMod1110 = function(toCheck, control) {
+  var nr = 10;
+  for (var index = 0; index < toCheck.length; index++) {
+    nr += parseInt(toCheck.charAt(index), 10);
+    if (nr % 10 !== 0) {
+      nr = nr % 10;
+    }
+    nr = nr * 2;
+    nr = nr % 11;
+  }
+  return control === (11 - nr === 10 ? 0 : 11 - nr);
+};
+var checkCroatianBBAN = function(bban) {
+  var controlBankBranch = parseInt(bban.charAt(6), 10);
+  var controlAccount = parseInt(bban.charAt(16), 10);
+  var bankBranch = bban.substring(0, 6);
+  var account = bban.substring(7, 16);
+  return checkMod1110(bankBranch, controlBankBranch) && checkMod1110(account, controlAccount);
+};
+var checkCzechAndSlovakBBAN = function(bban) {
+  var weightsPrefix = [10, 5, 8, 4, 2, 1];
+  var weightsSuffix = [6, 3, 7, 9, 10, 5, 8, 4, 2, 1];
+  var controlPrefix = parseInt(bban.charAt(9), 10);
+  var controlSuffix = parseInt(bban.charAt(19), 10);
+  var prefix = bban.substring(4, 9);
+  var suffix = bban.substring(10, 19);
+  var sum = 0;
+  for (var index = 0; index < prefix.length; index++) {
+    sum += parseInt(prefix.charAt(index), 10) * weightsPrefix[index];
+  }
+  var remainder = sum % 11;
+  if (controlPrefix !== (remainder === 0 ? 0 : remainder === 1 ? 1 : 11 - remainder)) {
+    return false;
+  }
+  sum = 0;
+  for (var index = 0; index < suffix.length; index++) {
+    sum += parseInt(suffix.charAt(index), 10) * weightsSuffix[index];
+  }
+  remainder = sum % 11;
+  return controlSuffix === (remainder === 0 ? 0 : remainder === 1 ? 1 : 11 - remainder);
+};
+var checkEstonianBBAN = function(bban) {
+  var weights = [7, 1, 3, 7, 1, 3, 7, 1, 3, 7, 1, 3, 7];
+  var controlDigit = parseInt(bban.charAt(15), 10);
+  var toCheck = bban.substring(2, 15);
+  var sum = 0;
+  for (var index = 0; index < toCheck.length; index++) {
+    sum += parseInt(toCheck.charAt(index), 10) * weights[index];
+  }
+  var remainder = sum % 10;
+  return controlDigit === (remainder === 0 ? 0 : 10 - remainder);
+};
+var checkFrenchBBAN = function(bban) {
+  var stripped = bban.replace(/[\s.]+/g, "");
+  var normalized = Array.from(stripped);
+  for (var index = 0; index < stripped.length; index++) {
+    var c7 = normalized[index].charCodeAt(0);
+    if (c7 >= 65) {
+      switch (c7) {
+        case 65:
+        case 74:
+          normalized[index] = "1";
+          break;
+        case 66:
+        case 75:
+        case 83:
+          normalized[index] = "2";
+          break;
+        case 67:
+        case 76:
+        case 84:
+          normalized[index] = "3";
+          break;
+        case 68:
+        case 77:
+        case 85:
+          normalized[index] = "4";
+          break;
+        case 69:
+        case 78:
+        case 86:
+          normalized[index] = "5";
+          break;
+        case 70:
+        case 79:
+        case 87:
+          normalized[index] = "6";
+          break;
+        case 71:
+        case 80:
+        case 88:
+          normalized[index] = "7";
+          break;
+        case 72:
+        case 81:
+        case 89:
+          normalized[index] = "8";
+          break;
+        case 73:
+        case 82:
+        case 90:
+          normalized[index] = "9";
+          break;
+      }
+    }
+  }
+  var remainder = mod9710(normalized.join(""));
+  return remainder === 0;
+};
+var checkHungarianBBAN = function(bban) {
+  var weights = [9, 7, 3, 1, 9, 7, 3, 1, 9, 7, 3, 1, 9, 7, 3];
+  var controlDigitBankBranch = parseInt(bban.charAt(7), 10);
+  var toCheckBankBranch = bban.substring(0, 7);
+  var sum = 0;
+  for (var index = 0; index < toCheckBankBranch.length; index++) {
+    sum += parseInt(toCheckBankBranch.charAt(index), 10) * weights[index];
+  }
+  var remainder = sum % 10;
+  if (controlDigitBankBranch !== (remainder === 0 ? 0 : 10 - remainder)) {
+    return false;
+  }
+  sum = 0;
+  if (bban.endsWith("00000000")) {
+    var toCheckAccount = bban.substring(8, 15);
+    var controlDigitAccount = parseInt(bban.charAt(15), 10);
+    for (var index = 0; index < toCheckAccount.length; index++) {
+      sum += parseInt(toCheckAccount.charAt(index), 10) * weights[index];
+    }
+    var remainder_1 = sum % 10;
+    return controlDigitAccount === (remainder_1 === 0 ? 0 : 10 - remainder_1);
+  } else {
+    var toCheckAccount = bban.substring(8, 23);
+    var controlDigitAccount = parseInt(bban.charAt(23), 10);
+    for (var index = 0; index < toCheckAccount.length; index++) {
+      sum += parseInt(toCheckAccount.charAt(index), 10) * weights[index];
+    }
+    var remainder_2 = sum % 10;
+    return controlDigitAccount === (remainder_2 === 0 ? 0 : 10 - remainder_2);
+  }
+};
+var countrySpecs = {
+  AD: {
+    chars: 24,
+    bban_regexp: "^[0-9]{8}[A-Z0-9]{12}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  AE: {
+    chars: 23,
+    bban_regexp: "^[0-9]{3}[0-9]{16}$",
+    IBANRegistry: true
+  },
+  AF: {},
+  AG: {},
+  AI: {},
+  AL: {
+    chars: 28,
+    bban_regexp: "^[0-9]{8}[A-Z0-9]{16}$",
+    IBANRegistry: true
+  },
+  AM: {},
+  AO: {
+    chars: 25,
+    bban_regexp: "^[0-9]{21}$"
+  },
+  AQ: {},
+  AR: {},
+  AS: {},
+  AT: { chars: 20, bban_regexp: "^[0-9]{16}$", IBANRegistry: true, SEPA: true },
+  AU: {},
+  AW: {},
+  AX: {
+    chars: 18,
+    bban_regexp: "^[0-9]{14}$",
+    IBANRegistry: true
+  },
+  AZ: {
+    chars: 28,
+    bban_regexp: "^[A-Z]{4}[A-Z0-9]{20}$",
+    IBANRegistry: true
+  },
+  BA: {
+    chars: 20,
+    bban_regexp: "^[0-9]{16}$",
+    bban_validation_func: checkMod9710BBAN,
+    IBANRegistry: true
+  },
+  BB: {},
+  BD: {},
+  BE: { chars: 16, bban_regexp: "^[0-9]{12}$", bban_validation_func: checkBelgianBBAN, IBANRegistry: true, SEPA: true },
+  BF: {
+    chars: 28,
+    bban_regexp: "^[A-Z0-9]{2}[0-9]{22}$"
+  },
+  BG: {
+    chars: 22,
+    bban_regexp: "^[A-Z]{4}[0-9]{6}[A-Z0-9]{8}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  BH: {
+    chars: 22,
+    bban_regexp: "^[A-Z]{4}[A-Z0-9]{14}$",
+    IBANRegistry: true
+  },
+  BI: {
+    chars: 27,
+    bban_regexp: "^[0-9]{23}$"
+  },
+  BJ: {
+    chars: 28,
+    bban_regexp: "^[A-Z0-9]{2}[0-9]{22}$"
+  },
+  BL: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    IBANRegistry: true
+  },
+  BM: {},
+  BN: {},
+  BO: {},
+  BQ: {},
+  BR: {
+    chars: 29,
+    bban_regexp: "^[0-9]{23}[A-Z]{1}[A-Z0-9]{1}$",
+    IBANRegistry: true
+  },
+  BS: {},
+  BT: {},
+  BV: {},
+  BW: {},
+  BY: {
+    chars: 28,
+    bban_regexp: "^[A-Z]{4}[0-9]{4}[A-Z0-9]{16}$",
+    IBANRegistry: true
+  },
+  BZ: {},
+  CA: {},
+  CC: {},
+  CD: {},
+  CF: {
+    chars: 27,
+    bban_regexp: "^[0-9]{23}$"
+  },
+  CG: {
+    chars: 27,
+    bban_regexp: "^[0-9]{23}$"
+  },
+  CH: {
+    chars: 21,
+    bban_regexp: "^[0-9]{5}[A-Z0-9]{12}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  CI: {
+    chars: 28,
+    bban_regexp: "^[A-Z]{1}[0-9]{23}$"
+  },
+  CK: {},
+  CL: {},
+  CM: {
+    chars: 27,
+    bban_regexp: "^[0-9]{23}$"
+  },
+  CN: {},
+  CO: {},
+  CR: {
+    chars: 22,
+    bban_regexp: "^[0-9]{18}$",
+    IBANRegistry: true
+  },
+  CU: {},
+  CV: { chars: 25, bban_regexp: "^[0-9]{21}$" },
+  CW: {},
+  CX: {},
+  CY: {
+    chars: 28,
+    bban_regexp: "^[0-9]{8}[A-Z0-9]{16}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  CZ: {
+    chars: 24,
+    bban_regexp: "^[0-9]{20}$",
+    bban_validation_func: checkCzechAndSlovakBBAN,
+    IBANRegistry: true,
+    SEPA: true
+  },
+  DE: { chars: 22, bban_regexp: "^[0-9]{18}$", IBANRegistry: true, SEPA: true },
+  DJ: {
+    chars: 27,
+    bban_regexp: "^[0-9]{23}$"
+  },
+  DK: { chars: 18, bban_regexp: "^[0-9]{14}$", IBANRegistry: true, SEPA: true },
+  DM: {},
+  DO: {
+    chars: 28,
+    bban_regexp: "^[A-Z]{4}[0-9]{20}$",
+    IBANRegistry: true
+  },
+  DZ: {
+    chars: 26,
+    bban_regexp: "^[0-9]{22}$"
+  },
+  EC: {},
+  EE: {
+    chars: 20,
+    bban_regexp: "^[0-9]{16}$",
+    bban_validation_func: checkEstonianBBAN,
+    IBANRegistry: true,
+    SEPA: true
+  },
+  EG: { chars: 29, bban_regexp: "^[0-9]{25}", IBANRegistry: true },
+  EH: {},
+  ER: {},
+  ES: {
+    chars: 24,
+    bban_validation_func: checkSpainBBAN,
+    bban_regexp: "^[0-9]{20}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  ET: {},
+  FI: {
+    chars: 18,
+    bban_regexp: "^[0-9]{14}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  FJ: {},
+  FK: {
+    chars: 18,
+    bban_regexp: "^[A-Z]{2}[0-9]{12}$"
+  },
+  FM: {},
+  FO: { chars: 18, bban_regexp: "^[0-9]{14}$", IBANRegistry: true },
+  FR: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    bban_validation_func: checkFrenchBBAN,
+    IBANRegistry: true,
+    SEPA: true
+  },
+  GA: {
+    chars: 27,
+    bban_regexp: "^[0-9]{23}$"
+  },
+  GB: {
+    chars: 22,
+    bban_regexp: "^[A-Z]{4}[0-9]{14}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  GD: {},
+  GE: {
+    chars: 22,
+    bban_regexp: "^[A-Z0-9]{2}[0-9]{16}$",
+    IBANRegistry: true
+  },
+  GF: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    IBANRegistry: true
+  },
+  GG: {},
+  GH: {},
+  GI: {
+    chars: 23,
+    bban_regexp: "^[A-Z]{4}[A-Z0-9]{15}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  GL: { chars: 18, bban_regexp: "^[0-9]{14}$", IBANRegistry: true },
+  GM: {},
+  GN: {},
+  GP: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    IBANRegistry: true
+  },
+  GQ: {
+    chars: 27,
+    bban_regexp: "^[0-9]{23}$"
+  },
+  GR: {
+    chars: 27,
+    bban_regexp: "^[0-9]{7}[A-Z0-9]{16}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  GS: {},
+  GT: {
+    chars: 28,
+    bban_regexp: "^[A-Z0-9]{24}$",
+    IBANRegistry: true
+  },
+  GU: {},
+  GW: {
+    chars: 25,
+    bban_regexp: "^[A-Z]{2}[0-9]{19}$"
+  },
+  GY: {},
+  HK: {},
+  HM: {},
+  HN: {
+    chars: 28,
+    bban_regexp: "^[A-Z]{4}[0-9]{20}$"
+  },
+  HR: {
+    chars: 21,
+    bban_regexp: "^[0-9]{17}$",
+    bban_validation_func: checkCroatianBBAN,
+    IBANRegistry: true,
+    SEPA: true
+  },
+  HT: {},
+  HU: {
+    chars: 28,
+    bban_regexp: "^[0-9]{24}$",
+    bban_validation_func: checkHungarianBBAN,
+    IBANRegistry: true,
+    SEPA: true
+  },
+  ID: {},
+  IE: {
+    chars: 22,
+    bban_regexp: "^[A-Z0-9]{4}[0-9]{14}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  IL: {
+    chars: 23,
+    bban_regexp: "^[0-9]{19}$",
+    IBANRegistry: true
+  },
+  IM: {},
+  IN: {},
+  IO: {},
+  IQ: {
+    chars: 23,
+    bban_regexp: "^[A-Z]{4}[0-9]{15}$",
+    IBANRegistry: true
+  },
+  IR: {
+    chars: 26,
+    bban_regexp: "^[0-9]{22}$"
+  },
+  IS: { chars: 26, bban_regexp: "^[0-9]{22}$", IBANRegistry: true, SEPA: true },
+  IT: {
+    chars: 27,
+    bban_regexp: "^[A-Z]{1}[0-9]{10}[A-Z0-9]{12}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  JE: {},
+  JM: {},
+  JO: {
+    chars: 30,
+    bban_regexp: "^[A-Z]{4}[0-9]{4}[A-Z0-9]{18}$",
+    IBANRegistry: true
+  },
+  JP: {},
+  KE: {},
+  KG: {},
+  KH: {},
+  KI: {},
+  KM: {
+    chars: 27,
+    bban_regexp: "^[0-9]{23}$"
+  },
+  KN: {},
+  KP: {},
+  KR: {},
+  KW: {
+    chars: 30,
+    bban_regexp: "^[A-Z]{4}[A-Z0-9]{22}$",
+    IBANRegistry: true
+  },
+  KY: {},
+  KZ: {
+    chars: 20,
+    bban_regexp: "^[0-9]{3}[A-Z0-9]{13}$",
+    IBANRegistry: true
+  },
+  LA: {},
+  LB: {
+    chars: 28,
+    bban_regexp: "^[0-9]{4}[A-Z0-9]{20}$",
+    IBANRegistry: true
+  },
+  LC: {
+    chars: 32,
+    bban_regexp: "^[A-Z]{4}[A-Z0-9]{24}$",
+    IBANRegistry: true
+  },
+  LI: {
+    chars: 21,
+    bban_regexp: "^[0-9]{5}[A-Z0-9]{12}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  LK: {},
+  LR: {},
+  LS: {},
+  LT: { chars: 20, bban_regexp: "^[0-9]{16}$", IBANRegistry: true, SEPA: true },
+  LU: {
+    chars: 20,
+    bban_regexp: "^[0-9]{3}[A-Z0-9]{13}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  LV: {
+    chars: 21,
+    bban_regexp: "^[A-Z]{4}[A-Z0-9]{13}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  LY: {
+    chars: 25,
+    bban_regexp: "^[0-9]{21}$",
+    IBANRegistry: true
+  },
+  MA: {
+    chars: 28,
+    bban_regexp: "^[0-9]{24}$"
+  },
+  MC: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    bban_validation_func: checkFrenchBBAN,
+    IBANRegistry: true,
+    SEPA: true
+  },
+  MD: {
+    chars: 24,
+    bban_regexp: "^[A-Z0-9]{2}[A-Z0-9]{18}$",
+    IBANRegistry: true
+  },
+  ME: {
+    chars: 22,
+    bban_regexp: "^[0-9]{18}$",
+    bban_validation_func: checkMod9710BBAN,
+    IBANRegistry: true
+  },
+  MF: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    IBANRegistry: true
+  },
+  MG: {
+    chars: 27,
+    bban_regexp: "^[0-9]{23}$"
+  },
+  MH: {},
+  MK: {
+    chars: 19,
+    bban_regexp: "^[0-9]{3}[A-Z0-9]{10}[0-9]{2}$",
+    bban_validation_func: checkMod9710BBAN,
+    IBANRegistry: true
+  },
+  ML: {
+    chars: 28,
+    bban_regexp: "^[A-Z0-9]{2}[0-9]{22}$"
+  },
+  MM: {},
+  MN: {
+    chars: 20,
+    bban_regexp: "^[0-9]{16}$"
+  },
+  MO: {},
+  MP: {},
+  MQ: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    IBANRegistry: true
+  },
+  MR: {
+    chars: 27,
+    bban_regexp: "^[0-9]{23}$",
+    IBANRegistry: true
+  },
+  MS: {},
+  MT: {
+    chars: 31,
+    bban_regexp: "^[A-Z]{4}[0-9]{5}[A-Z0-9]{18}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  MU: {
+    chars: 30,
+    bban_regexp: "^[A-Z]{4}[0-9]{19}[A-Z]{3}$",
+    IBANRegistry: true
+  },
+  MV: {},
+  MW: {},
+  MX: {},
+  MY: {},
+  MZ: {
+    chars: 25,
+    bban_regexp: "^[0-9]{21}$"
+  },
+  NA: {},
+  NC: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    IBANRegistry: true
+  },
+  NE: {
+    chars: 28,
+    bban_regexp: "^[A-Z]{2}[0-9]{22}$"
+  },
+  NF: {},
+  NG: {},
+  NI: {
+    chars: 28,
+    bban_regexp: "^[A-Z]{4}[0-9]{20}$"
+  },
+  NL: {
+    chars: 18,
+    bban_regexp: "^[A-Z]{4}[0-9]{10}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  NO: {
+    chars: 15,
+    bban_regexp: "^[0-9]{11}$",
+    bban_validation_func: checkNorwayBBAN,
+    IBANRegistry: true,
+    SEPA: true
+  },
+  NP: {},
+  NR: {},
+  NU: {},
+  NZ: {},
+  OM: {},
+  PA: {},
+  PE: {},
+  PF: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    IBANRegistry: true
+  },
+  PG: {},
+  PH: {},
+  PK: {
+    chars: 24,
+    bban_regexp: "^[A-Z0-9]{4}[0-9]{16}$",
+    IBANRegistry: true
+  },
+  PL: { chars: 28, bban_validation_func: checkPolandBBAN, bban_regexp: "^[0-9]{24}$", IBANRegistry: true, SEPA: true },
+  PM: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    IBANRegistry: true
+  },
+  PN: {},
+  PR: {},
+  PS: {
+    chars: 29,
+    bban_regexp: "^[A-Z0-9]{4}[0-9]{21}$",
+    IBANRegistry: true
+  },
+  PT: { chars: 25, bban_regexp: "^[0-9]{21}$", bban_validation_func: checkMod9710BBAN, IBANRegistry: true, SEPA: true },
+  PW: {},
+  PY: {},
+  QA: {
+    chars: 29,
+    bban_regexp: "^[A-Z]{4}[A-Z0-9]{21}$",
+    IBANRegistry: true
+  },
+  RE: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    IBANRegistry: true
+  },
+  RO: {
+    chars: 24,
+    bban_regexp: "^[A-Z]{4}[A-Z0-9]{16}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  RS: {
+    chars: 22,
+    bban_regexp: "^[0-9]{18}$",
+    bban_validation_func: checkMod9710BBAN,
+    IBANRegistry: true
+  },
+  RU: {
+    chars: 33,
+    bban_regexp: "^[0-9]{14}[A-Z0-9]{15}$",
+    IBANRegistry: true
+  },
+  RW: {},
+  SA: {
+    chars: 24,
+    bban_regexp: "^[0-9]{2}[A-Z0-9]{18}$",
+    IBANRegistry: true
+  },
+  SB: {},
+  SC: {
+    chars: 31,
+    bban_regexp: "^[A-Z]{4}[0-9]{20}[A-Z]{3}$",
+    IBANRegistry: true
+  },
+  SD: {
+    chars: 18,
+    bban_regexp: "^[0-9]{14}$",
+    IBANRegistry: true
+  },
+  SE: { chars: 24, bban_regexp: "^[0-9]{20}$", IBANRegistry: true, SEPA: true },
+  SG: {},
+  SH: {},
+  SI: {
+    chars: 19,
+    bban_regexp: "^[0-9]{15}$",
+    bban_validation_func: checkMod9710BBAN,
+    IBANRegistry: true,
+    SEPA: true
+  },
+  SJ: {},
+  SK: {
+    chars: 24,
+    bban_regexp: "^[0-9]{20}$",
+    bban_validation_func: checkCzechAndSlovakBBAN,
+    IBANRegistry: true,
+    SEPA: true
+  },
+  SL: {},
+  SM: {
+    chars: 27,
+    bban_regexp: "^[A-Z]{1}[0-9]{10}[A-Z0-9]{12}$",
+    IBANRegistry: true,
+    SEPA: true
+  },
+  SN: {
+    chars: 28,
+    bban_regexp: "^[A-Z]{2}[0-9]{22}$"
+  },
+  SO: {
+    chars: 23,
+    bban_regexp: "^[0-9]{19}$",
+    IBANRegistry: true
+  },
+  SR: {},
+  SS: {},
+  ST: {
+    chars: 25,
+    bban_regexp: "^[0-9]{21}$",
+    IBANRegistry: true
+  },
+  SV: {
+    chars: 28,
+    bban_regexp: "^[A-Z]{4}[0-9]{20}$",
+    IBANRegistry: true
+  },
+  SX: {},
+  SY: {},
+  SZ: {},
+  TC: {},
+  TD: {
+    chars: 27,
+    bban_regexp: "^[0-9]{23}$"
+  },
+  TF: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    IBANRegistry: true
+  },
+  TG: {
+    chars: 28,
+    bban_regexp: "^[A-Z]{2}[0-9]{22}$"
+  },
+  TH: {},
+  TJ: {},
+  TK: {},
+  TL: {
+    chars: 23,
+    bban_regexp: "^[0-9]{19}$",
+    IBANRegistry: true
+  },
+  TM: {},
+  TN: {
+    chars: 24,
+    bban_regexp: "^[0-9]{20}$",
+    IBANRegistry: true
+  },
+  TO: {},
+  TR: {
+    chars: 26,
+    bban_regexp: "^[0-9]{5}[A-Z0-9]{17}$",
+    IBANRegistry: true
+  },
+  TT: {},
+  TV: {},
+  TW: {},
+  TZ: {},
+  UA: {
+    chars: 29,
+    bban_regexp: "^[0-9]{6}[A-Z0-9]{19}$",
+    IBANRegistry: true
+  },
+  UG: {},
+  UM: {},
+  US: {},
+  UY: {},
+  UZ: {},
+  VA: { chars: 22, bban_regexp: "^[0-9]{18}", IBANRegistry: true, SEPA: true },
+  VC: {},
+  VE: {},
+  VG: {
+    chars: 24,
+    bban_regexp: "^[A-Z0-9]{4}[0-9]{16}$",
+    IBANRegistry: true
+  },
+  VI: {},
+  VN: {},
+  VU: {},
+  WF: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    IBANRegistry: true
+  },
+  WS: {},
+  XK: {
+    chars: 20,
+    bban_regexp: "^[0-9]{16}$",
+    IBANRegistry: true
+  },
+  YE: {},
+  YT: {
+    chars: 27,
+    bban_regexp: "^[0-9]{10}[A-Z0-9]{11}[0-9]{2}$",
+    IBANRegistry: true
+  },
+  ZA: {},
+  ZM: {},
+  ZW: {}
+};
+
+// ts_web/elements/dees-input-iban.demo.ts
+var demoFunc7 = () => x`<dees-input-iban .label=${"IBAN"}></dees-input-iban>`;
+
+// ts_web/elements/dees-input-iban.ts
+var DeesInputIban = class extends DeesElement {
+  constructor() {
+    super(...arguments);
+    this.enteredString = "";
+    this.enteredIbanIsValid = false;
+    this.disabled = false;
+    this.required = false;
+    this.label = "";
+    this.key = "";
+    this.value = "";
+    this.changeSubject = new dist_ts_exports26.rxjs.Subject();
+  }
+  render() {
+    return x`
+      <style>
+        input[type='text'] {
+          line-height: 20px;
+          padding: 5px;
+          width: 250px;
+        }
+      </style>
+      <dees-input-text
+        .label=${"IBAN"}
+        .value=${this.value}
+        @input=${(eventArg) => {
+      this.validateIban(eventArg);
+    }}
+      ></dees-input-text>
+    `;
+  }
+  async firstUpdated() {
+    const deesInputText = this.shadowRoot.querySelector("dees-input-text");
+    deesInputText.disabled = this.disabled;
+    deesInputText.required = this.required;
+    deesInputText.changeSubject.subscribe((valueArg) => {
+      this.value = valueArg.value;
+      this.changeSubject.next(this);
+    });
+  }
+  async validateIban(eventArg) {
+    const inputElement = eventArg.target;
+    let enteredString = inputElement?.value;
+    enteredString = enteredString || "";
+    if (this.enteredString !== enteredString) {
+      this.enteredString = friendlyFormatIBAN(enteredString) || "";
+      if (inputElement) {
+        inputElement.value = this.enteredString;
+        this.value = this.enteredString;
+        this.changeSubject.next(this);
+      }
+    }
+    this.enteredIbanIsValid = isValidIBAN(this.enteredString.replace(/ /g, ""));
+    const deesInputText = this.shadowRoot.querySelector("dees-input-text");
+    deesInputText.validationText = `IBAN is valid: ${this.enteredIbanIsValid}`;
+  }
+};
+// STATIC
+DeesInputIban.demo = demoFunc7;
+__decorateClass([
+  t4()
+], DeesInputIban.prototype, "enteredString", 2);
+__decorateClass([
+  t4()
+], DeesInputIban.prototype, "enteredIbanIsValid", 2);
+__decorateClass([
+  n5({
+    type: Boolean
+  })
+], DeesInputIban.prototype, "disabled", 2);
+__decorateClass([
+  n5({
+    type: Boolean
+  })
+], DeesInputIban.prototype, "required", 2);
+__decorateClass([
+  n5({
+    type: String
+  })
+], DeesInputIban.prototype, "label", 2);
+__decorateClass([
+  n5({
+    type: String
+  })
+], DeesInputIban.prototype, "key", 2);
+__decorateClass([
+  n5({
+    type: String
+  })
+], DeesInputIban.prototype, "value", 2);
+DeesInputIban = __decorateClass([
+  e7("dees-input-iban")
+], DeesInputIban);
+
 // ts_web/elements/dees-form.ts
 var FORM_INPUT_TYPES = [
   DeesInputCheckbox,
+  DeesInputIban,
   DeesInputText,
   DeesInputQuantitySelector,
   DeesInputRadio,
@@ -70704,22 +71901,7 @@ var DeesForm = class extends DeesElement {
     });
   }
 };
-DeesForm.demo = () => x`
-    <dees-form
-      style="display: block; margin:auto; max-width: 500px; padding: 20px"
-      @formData=${async (eventArg) => {
-  const form = eventArg.currentTarget;
-  form.setStatus("pending", "authenticating...");
-  await plugins.smartdelay.delayFor(1e3);
-  form.setStatus("success", "authenticated!");
-}}
-    >
-      <dees-input-text .required="${true}" key="hello1" label="a text"></dees-input-text>
-      <dees-input-text .required="${true}" key="hello2" label="also a text"></dees-input-text>
-      <dees-input-checkbox .required="${true}" key="hello3" label="another text"></dees-input-checkbox>
-      <dees-form-submit>Submit</dees-form-submit>
-    </dees-form>
-  `;
+DeesForm.demo = demoFunc6;
 DeesForm = __decorateClass([
   e7("dees-form")
 ], DeesForm);
@@ -70780,7 +71962,7 @@ DeesFormSubmit = __decorateClass([
 ], DeesFormSubmit);
 
 // ts_web/elements/dees-hint.demo.ts
-var demoFunc6 = () => x`
+var demoFunc8 = () => x`
   <dees-hint></dees-hint>
 `;
 
@@ -70795,7 +71977,7 @@ var DeesHint = class extends DeesElement {
     return x` <div class="mainbox"></div> `;
   }
 };
-DeesHint.demo = demoFunc6;
+DeesHint.demo = demoFunc8;
 DeesHint.styles = [cssManager.defaultStyles, i``];
 __decorateClass([
   n5({ type: String })
@@ -71195,13 +72377,13 @@ var meaninglessTransform = {
   flipX: false,
   flipY: false
 };
-function insertCss(css3) {
-  if (!css3 || !IS_DOM) {
+function insertCss(css4) {
+  if (!css4 || !IS_DOM) {
     return;
   }
   var style = DOCUMENT.createElement("style");
   style.setAttribute("type", "text/css");
-  style.innerHTML = css3;
+  style.innerHTML = css4;
   var headChildren = DOCUMENT.head.childNodes;
   var beforeChild = null;
   for (var i8 = headChildren.length - 1; i8 > -1; i8--) {
@@ -71212,7 +72394,7 @@ function insertCss(css3) {
     }
   }
   DOCUMENT.head.insertBefore(style, beforeChild);
-  return css3;
+  return css4;
 }
 var idPool = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
 function nextUniqueId() {
@@ -73539,7 +74721,7 @@ var faFileInvoice = {
 };
 
 // ts_web/elements/dees-icon.demo.ts
-var demoFunc7 = () => x`
+var demoFunc9 = () => x`
   <style>
     .demoContainer {
       
@@ -73673,7 +74855,7 @@ var DeesIcon = class extends DeesElement {
     }
   }
 };
-DeesIcon.demo = demoFunc7;
+DeesIcon.demo = demoFunc9;
 DeesIcon.styles = [
   cssManager.defaultStyles,
   i`
@@ -73882,7 +75064,7 @@ var DeesInputFileupload = class extends DeesElement {
   constructor() {
     super();
     // INSTANCE
-    this.changeSubject = new smartrx_plugins_rxjs_exports.Subject();
+    this.changeSubject = new dist_ts_exports26.rxjs.Subject();
     this.label = null;
     this.value = [];
     this.state = "idle";
@@ -74068,6 +75250,22 @@ DeesInputFileupload = __decorateClass([
   e7("dees-input-fileupload")
 ], DeesInputFileupload);
 
+// ts_web/elements/dees-input-phone.demo.ts
+var demoFunc10 = () => x`<dees-input-phone .label=${"Phone Number"}></dees-input-phone>`;
+
+// ts_web/elements/dees-input-phone.ts
+var DeesInputPhone = class extends DeesElement {
+  // INSTANCE
+  render() {
+    return x`<div>Phone Input</div>`;
+  }
+};
+// STATIC
+DeesInputPhone.demo = demoFunc10;
+DeesInputPhone = __decorateClass([
+  e7("dees-input-phone")
+], DeesInputPhone);
+
 // ts_web/elements/dees-mobilenavigation.ts
 var DeesMobilenavigation = class extends DeesElement {
   constructor() {
@@ -74230,7 +75428,7 @@ DeesMobilenavigation = __decorateClass([
 ], DeesMobilenavigation);
 
 // ts_web/elements/dees-modal.demo.ts
-var demoFunc8 = () => x`
+var demoFunc11 = () => x`
   <dees-button @click=${() => {
   DeesModal.createAndShow({
     heading: "This is a heading",
@@ -74335,7 +75533,7 @@ var DeesModal = class extends DeesElement {
   }
 };
 // STATIC
-DeesModal.demo = demoFunc8;
+DeesModal.demo = demoFunc11;
 DeesModal.styles = [
   cssManager.defaultStyles,
   i`
@@ -74518,7 +75716,7 @@ DeesPdf = __decorateClass([
 ], DeesPdf);
 
 // ts_web/elements/dees-simple-appdash.demo.ts
-var demoFunc9 = () => x`
+var demoFunc12 = () => x`
   <dees-simple-appdash>Hello there</dees-simple-appdash>
 `;
 
@@ -74544,7 +75742,7 @@ var DeesSimpleAppDash = class extends DeesElement {
   }
 };
 // STATIC
-DeesSimpleAppDash.demo = demoFunc9;
+DeesSimpleAppDash.demo = demoFunc12;
 DeesSimpleAppDash.styles = [
   cssManager.defaultStyles,
   i`
@@ -74581,7 +75779,7 @@ DeesSimpleAppDash = __decorateClass([
 ], DeesSimpleAppDash);
 
 // ts_web/elements/dees-simple-login.demo.ts
-var demoFunc10 = () => x` <dees-simple-login name="someapp"> Hello there </dees-simple-login> `;
+var demoFunc13 = () => x` <dees-simple-login name="someapp"> Hello there </dees-simple-login> `;
 
 // ts_web/elements/dees-simple-login.ts
 var DeesSimpleLogin = class extends DeesElement {
@@ -74638,7 +75836,7 @@ var DeesSimpleLogin = class extends DeesElement {
   }
 };
 // STATIC
-DeesSimpleLogin.demo = demoFunc10;
+DeesSimpleLogin.demo = demoFunc13;
 DeesSimpleLogin.styles = [
   cssManager.defaultStyles,
   i`
@@ -75150,7 +76348,7 @@ DeesStepper = __decorateClass([
 ], DeesStepper);
 
 // ts_web/elements/dees-toast.demo.ts
-var demoFunc11 = async () => {
+var demoFunc14 = async () => {
   return x`<dees-toast></dees-toast>`;
 };
 
@@ -75168,7 +76366,7 @@ var DeesToast = class extends DeesElement {
     `;
   }
 };
-DeesToast.demo = demoFunc11;
+DeesToast.demo = demoFunc14;
 DeesToast = __decorateClass([
   e7("dees-toast")
 ], DeesToast);
@@ -75473,5 +76671,21 @@ lit-html/directives/async-append.js:
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    *)
+
+ibantools/jsnext/ibantools.js:
+  (*!
+   * @license
+   * This Source Code Form is subject to the terms of the Mozilla Public
+   * License, v. 2.0. If a copy of the MPL was not distributed with this
+   * file, You can obtain one at http://mozilla.org/MPL/2.0/. *)
+  (**
+   * Validation, extraction and creation of IBAN, BBAN, BIC/SWIFT numbers plus some other helpful stuff
+   * @package Documentation
+   * @author Saša Jovanić
+   * @module ibantools
+   * @version 4.3.4
+   * @license MPL-2.0
+   * @preferred
+   *)
 */
 //# sourceMappingURL=bundle.js.map