@ptcwebops/ptcw-design 6.3.27 → 6.3.28

package/dist/custom-elements/index.js

@@ -23,10 +23,181 @@ class PTCLogger {
   }
 }
 // Singleton
-const ptcLogger = new PTCLogger();
+const ptcLogger$1 = new PTCLogger();
+
+// 1. Hardcoded fallback messages
+const fallbackValidationMessages = {
+  de: {
+    required: 'Dieses Feld ist erforderlich.',
+    select: 'Bitte wählen Sie einen Wert.',
+    firstname: 'Bitte überprüfen Sie Ihren Vornamen.',
+    lastname: 'Bitte überprüfen Sie Ihren Nachnamen.',
+    validemail: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
+    email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
+    companyemail: 'Bitte geben Sie eine Firmen-E-Mail-Adresse ein.',
+    tel: 'Telefonnummer ist erforderlich.',
+    validtel: 'Bitte geben Sie eine gültige Telefonnummer ein.',
+    confirmemail: "E-Mail-Adressen müssen übereinstimmen."
+  },
+  en: {
+    required: 'This field is required.',
+    select: 'Please select a value.',
+    firstname: 'Please check your firstname.',
+    lastname: 'Please check your lastname.',
+    validemail: 'Please enter a valid email.',
+    email: 'Email is required.',
+    companyemail: 'Please enter a company email.',
+    tel: 'Telephone number is required.',
+    validtel: 'Please enter a valid telephone number',
+    confirmemail: 'Email addresses must match.'
+  },
+  fr: {
+    required: 'Ce champ est obligatoire.',
+    select: 'Veuillez sélectionner une valeur.',
+    firstname: 'Veuillez vérifier votre prénom.',
+    lastname: 'Veuillez vérifier votre nom de famille.',
+    validemail: 'Veuillez saisir une adresse e-mail valide.',
+    email: 'Adresse e-mail requise.',
+    companyemail: 'Veuillez saisir une adresse e-mail professionnelle.',
+    tel: 'Numéro de téléphone requis.',
+    validtel: 'Veuillez saisir un numéro de téléphone valide.',
+    confirmemail: 'Les adresses e-mail doivent correspondre.'
+  },
+  ko: {
+    required: '이 필드는 필수입니다.',
+    select: '값을 선택해 주세요.',
+    firstname: '이름을 확인해 주세요.',
+    lastname: '성을 확인해 주세요.',
+    validemail: '유효한 이메일 주소를 입력해 주세요.',
+    email: '이메일 주소가 필요합니다.',
+    companyemail: '회사 이메일을 입력해 주세요.',
+    tel: '전화번호가 필요합니다.',
+    validtel: '유효한 전화번호를 입력해 주세요.',
+    confirmemail: "이메일 주소가 일치해야 합니다"
+  },
+  pt: {
+    required: 'Este campo é obrigatório.',
+    select: 'Por favor, selecione um valor.',
+    firstname: 'Por favor, verifique seu primeiro nome.',
+    lastname: 'Por favor, verifique seu sobrenome.',
+    validemail: 'Por favor, insira um endereço de e-mail válido.',
+    email: 'Endereço de e-mail é obrigatório.',
+    companyemail: 'Por favor, insira um e-mail da empresa.',
+    tel: 'Número de telefone é obrigatório.',
+    validtel: 'Por favor, insira um número de telefone válido.',
+    confirmemail: 'Os endereços de e-mail devem corresponder.'
+  },
+  cn: {
+    required: '此字段为必填项。',
+    select: '请选择一个值。',
+    firstname: '请检查您的名字。',
+    lastname: '请检查您的姓氏。',
+    validemail: '请输入有效的电子邮件地址。',
+    email: '需要电子邮件地址。',
+    companyemail: '请输入公司电子邮件。',
+    tel: '需要电话号码。',
+    validtel: '请输入有效的电话号码。',
+    confirmemail: '电子邮件地址必须匹配。'
+  },
+  tw: {
+    required: '此欄位為必填。',
+    select: '請選擇一個值。',
+    firstname: '請檢查您的名字。',
+    lastname: '請檢查您的姓氏。',
+    validemail: '請輸入有效的電子郵件地址。',
+    email: '需要電子郵件地址。',
+    companyemail: '請輸入公司電子郵件。',
+    tel: '需要電話號碼。',
+    validtel: '請輸入有效的電話號碼。',
+    confirmemail: '電子郵件地址必須匹配。'
+  },
+  ja: {
+    required: 'このフィールドは必須です。',
+    select: '値を選択してください。',
+    firstname: '名前を確認してください。',
+    lastname: '苗字を確認してください。',
+    validemail: '有効なメールアドレスを入力してください。',
+    email: 'メールアドレスが必要です。',
+    companyemail: '会社のメールアドレスを入力してください。',
+    tel: '電話番号が必要です。',
+    validtel: '有効な電話番号を入力してください。',
+    confirmemail: 'メールアドレスが一致する必要があります。'
+  },
+  it: {
+    required: 'Questo campo è obbligatorio.',
+    select: 'Si prega di selezionare un valore.',
+    firstname: 'Si prega di controllare il proprio nome.',
+    lastname: 'Si prega di controllare il proprio cognome.',
+    validemail: 'Si prega di inserire un indirizzo email valido.',
+    email: "L'indirizzo email è richiesto.",
+    companyemail: "Si prega di inserire un'email aziendale.",
+    tel: 'È richiesto un numero di telefono.',
+    validtel: 'Si prega di inserire un numero di telefono valido.',
+    confirmemail: 'Gli indirizzi email devono corrispondere.'
+  },
+  es: {
+    required: 'Por favor introduce un valor.',
+    select: 'Por favor seleccione un valor.',
+    firstname: 'Por favor verifique su nombre.',
+    lastname: 'Por favor verifique su apellido.',
+    validemail: 'Por favor introduzca un correo válido.',
+    email: "Se requiere un correo electrónico.",
+    companyemail: "Por favor introduzca un correo de empresa.",
+    tel: 'Se requiere un número de teléfono.',
+    validtel: 'Por favor introduzca un número de teléfono válido.',
+    confirmemail: 'Los correos electrónicos deben coincidir.'
+  }
+};
+// 2. Remote messages (fetched from API)
+let remoteValidationMessages = null;
+let messagesLoaded = false;
+// 3. Load messages from API
+async function loadValidationMessages() {
+  if (messagesLoaded)
+    return;
+  try {
+    const apiUrl = `${window.location.origin}/api/forms/validation-messages`;
+    const response = await fetch(apiUrl);
+    if (!response.ok) {
+      ptcLogger.warn(`Validation API returned status ${response.status}`);
+      return;
+    }
+    const data = await response.json();
+    if (data && Object.keys(data).length > 0) {
+      remoteValidationMessages = data;
+    }
+    else {
+      ptcLogger.warn('Validation API returned empty data, using fallback messages');
+    }
+  }
+  catch (error) {
+    ptcLogger.error('Error fetching validation messages:', error);
+  }
+  finally {
+    messagesLoaded = true;
+  }
+}
+// 4. Optional direct getter (used if needed elsewhere)
+function getValidationMessageText(type, lang = 'en') {
+  var _a, _b, _c, _d;
+  return ((_d = (_b = (_a = remoteValidationMessages === null || remoteValidationMessages === void 0 ? void 0 : remoteValidationMessages[lang]) === null || _a === void 0 ? void 0 : _a[type]) !== null && _b !== void 0 ? _b : (_c = fallbackValidationMessages === null || fallbackValidationMessages === void 0 ? void 0 : fallbackValidationMessages[lang]) === null || _c === void 0 ? void 0 : _c[type]) !== null && _d !== void 0 ? _d : '');
+}
+// 5. Proxy to allow usage like: ValidationMessages[lang][type]
+const ValidationMessages = new Proxy({}, {
+  get(_, lang) {
+    return new Proxy({}, {
+      get(_, type) {
+        return getValidationMessageText(type, lang);
+      }
+    });
+  }
+});
 
 // src/global/global.ts
-globalThis.ptcLogger = ptcLogger;
+globalThis.ptcLogger = ptcLogger$1;
+loadValidationMessages()
+  .then(() => { var _a; return (_a = ptcLogger$1 === null || ptcLogger$1 === void 0 ? void 0 : ptcLogger$1.info) === null || _a === void 0 ? void 0 : _a.call(ptcLogger$1, 'Validation messages loaded successfully'); })
+  .catch((err) => { var _a; return (_a = ptcLogger$1 === null || ptcLogger$1 === void 0 ? void 0 : ptcLogger$1.error) === null || _a === void 0 ? void 0 : _a.call(ptcLogger$1, 'Failed to load validation messages', err); });
 
 const academicFormTestCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.form-wrapper{width:433px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px}.form-wrapper>form{max-width:277px}.form-wrapper>ptc-button{align-items:center}.form-wrapper .ptc-label{display:block;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:normal;margin-bottom:var(--ptc-element-spacing-04);position:relative;z-index:1;color:var(--color-gray-13)}";
 
@@ -21357,129 +21528,6 @@ var MDCFormField = /** @class */ (function (_super) {
     return MDCFormField;
 }(MDCComponent));
 
-const ValidationMessages = {
-  de: {
-    required: 'Dieses Feld ist erforderlich.',
-    select: 'Bitte wählen Sie einen Wert.',
-    firstname: 'Bitte überprüfen Sie Ihren Vornamen.',
-    lastname: 'Bitte überprüfen Sie Ihren Nachnamen.',
-    validemail: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
-    email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
-    companyemail: 'Bitte geben Sie eine Firmen-E-Mail-Adresse ein.',
-    tel: 'Telefonnummer ist erforderlich.',
-    validtel: 'Bitte geben Sie eine gültige Telefonnummer ein.',
-    confirmemail: "E-Mail-Adressen müssen übereinstimmen."
-  },
-  en: {
-    required: 'This field is required.',
-    select: 'Please select a value.',
-    firstname: 'Please check your firstname.',
-    lastname: 'Please check your lastname.',
-    validemail: 'Please enter a valid email.',
-    email: 'Email is required.',
-    companyemail: 'Please enter a company email.',
-    tel: 'Telephone number is required.',
-    validtel: 'Please enter a valid telephone number',
-    confirmemail: 'Email addresses must match.'
-  },
-  fr: {
-    required: 'Ce champ est obligatoire.',
-    select: 'Veuillez sélectionner une valeur.',
-    firstname: 'Veuillez vérifier votre prénom.',
-    lastname: 'Veuillez vérifier votre nom de famille.',
-    validemail: 'Veuillez saisir une adresse e-mail valide.',
-    email: 'Adresse e-mail requise.',
-    companyemail: 'Veuillez saisir une adresse e-mail professionnelle.',
-    tel: 'Numéro de téléphone requis.',
-    validtel: 'Veuillez saisir un numéro de téléphone valide.',
-    confirmemail: 'Les adresses e-mail doivent correspondre.'
-  },
-  ko: {
-    required: '이 필드는 필수입니다.',
-    select: '값을 선택해 주세요.',
-    firstname: '이름을 확인해 주세요.',
-    lastname: '성을 확인해 주세요.',
-    validemail: '유효한 이메일 주소를 입력해 주세요.',
-    email: '이메일 주소가 필요합니다.',
-    companyemail: '회사 이메일을 입력해 주세요.',
-    tel: '전화번호가 필요합니다.',
-    validtel: '유효한 전화번호를 입력해 주세요.',
-    confirmemail: "이메일 주소가 일치해야 합니다"
-  },
-  pt: {
-    required: 'Este campo é obrigatório.',
-    select: 'Por favor, selecione um valor.',
-    firstname: 'Por favor, verifique seu primeiro nome.',
-    lastname: 'Por favor, verifique seu sobrenome.',
-    validemail: 'Por favor, insira um endereço de e-mail válido.',
-    email: 'Endereço de e-mail é obrigatório.',
-    companyemail: 'Por favor, insira um e-mail da empresa.',
-    tel: 'Número de telefone é obrigatório.',
-    validtel: 'Por favor, insira um número de telefone válido.',
-    confirmemail: 'Os endereços de e-mail devem corresponder.'
-  },
-  cn: {
-    required: '此字段为必填项。',
-    select: '请选择一个值。',
-    firstname: '请检查您的名字。',
-    lastname: '请检查您的姓氏。',
-    validemail: '请输入有效的电子邮件地址。',
-    email: '需要电子邮件地址。',
-    companyemail: '请输入公司电子邮件。',
-    tel: '需要电话号码。',
-    validtel: '请输入有效的电话号码。',
-    confirmemail: '电子邮件地址必须匹配。'
-  },
-  tw: {
-    required: '此欄位為必填。',
-    select: '請選擇一個值。',
-    firstname: '請檢查您的名字。',
-    lastname: '請檢查您的姓氏。',
-    validemail: '請輸入有效的電子郵件地址。',
-    email: '需要電子郵件地址。',
-    companyemail: '請輸入公司電子郵件。',
-    tel: '需要電話號碼。',
-    validtel: '請輸入有效的電話號碼。',
-    confirmemail: '電子郵件地址必須匹配。'
-  },
-  ja: {
-    required: 'このフィールドは必須です。',
-    select: '値を選択してください。',
-    firstname: '名前を確認してください。',
-    lastname: '苗字を確認してください。',
-    validemail: '有効なメールアドレスを入力してください。',
-    email: 'メールアドレスが必要です。',
-    companyemail: '会社のメールアドレスを入力してください。',
-    tel: '電話番号が必要です。',
-    validtel: '有効な電話番号を入力してください。',
-    confirmemail: 'メールアドレスが一致する必要があります。'
-  },
-  it: {
-    required: 'Questo campo è obbligatorio.',
-    select: 'Si prega di selezionare un valore.',
-    firstname: 'Si prega di controllare il proprio nome.',
-    lastname: 'Si prega di controllare il proprio cognome.',
-    validemail: 'Si prega di inserire un indirizzo email valido.',
-    email: "L'indirizzo email è richiesto.",
-    companyemail: "Si prega di inserire un'email aziendale.",
-    tel: 'È richiesto un numero di telefono.',
-    validtel: 'Si prega di inserire un numero di telefono valido.',
-    confirmemail: 'Gli indirizzi email devono corrispondere.'
-  },
-  es: {
-    required: 'Por favor introduce un valor.',
-    select: 'Por favor seleccione un valor.',
-    firstname: 'Por favor verifique su nombre.',
-    lastname: 'Por favor verifique su apellido.',
-    validemail: 'Por favor introduzca un correo válido.',
-    email: "Se requiere un correo electrónico.",
-    companyemail: "Por favor introduzca un correo de empresa.",
-    tel: 'Se requiere un número de teléfono.',
-    validtel: 'Por favor introduzca un número de teléfono válido.',
-    confirmemail: 'Los correos electrónicos deben coincidir.'
-  }
-};
-
 const ptcFormCheckboxCss = ".mdc-checkbox{padding:calc((40px - 18px) / 2);padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((40px - 40px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-checkbox:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox .mdc-checkbox__background{top:calc((40px - 18px) / 2);top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((40px - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - 40px) / 2);top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - 40px) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - 40px) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:40px;width:var(--mdc-checkbox-touch-target-size, 40px);height:40px;height:var(--mdc-checkbox-touch-target-size, 40px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}}@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}}@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786{0%,80%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786{0%,80%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;animation-name:mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786}.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;animation-name:mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786}.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.38);border-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:transparent;background-color:rgba(0, 0, 0, 0.38);background-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-touch-target-wrapper{display:inline}@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{-webkit-transform:scaleX(0);transform:scaleX(0)}68.2%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1);animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{-webkit-transform:scaleX(0);transform:scaleX(0)}68.2%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1);animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 1, 1);animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 1, 1);animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes mdc-checkbox-checked-indeterminate-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:1}}@keyframes mdc-checkbox-indeterminate-checked-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:1}}@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{-webkit-animation-timing-function:mdc-animation-deceleration-curve-timing-function;animation-timing-function:mdc-animation-deceleration-curve-timing-function;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}}@keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{-webkit-animation-timing-function:mdc-animation-deceleration-curve-timing-function;animation-timing-function:mdc-animation-deceleration-curve-timing-function;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}}@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(315deg);transform:rotate(315deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(315deg);transform:rotate(315deg);opacity:0}}@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}32.8%,100%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}}@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}32.8%,100%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:100%;width:100%}@media screen and (forced-colors: active){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{border-color:CanvasText}}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{content:\"\";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{border-color:CanvasText}}@media all and (-ms-high-contrast: none){.mdc-checkbox .mdc-checkbox__focus-ring{display:none}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled{cursor:default;pointer-events:none}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color, border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__checkmark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--upgraded .mdc-checkbox__checkmark{opacity:1}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);stroke:currentColor;stroke-width:3.12px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;-webkit-transform:scaleX(0) rotate(0deg);transform:scaleX(0) rotate(0deg);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background{-webkit-animation-duration:180ms;animation-duration:180ms;-webkit-animation-timing-function:linear;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{-webkit-animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;transition:none}.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{-webkit-animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark{-webkit-animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark{-webkit-animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background{transition:border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit}.mdc-checkbox__native-control:disabled{cursor:default;pointer-events:none}.mdc-checkbox--touch{margin:calc((48px - 40px) / 2);margin:calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2)}.mdc-checkbox--touch .mdc-checkbox__native-control{top:calc((40px - 48px) / 2);top:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);right:calc((40px - 48px) / 2);right:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);left:calc((40px - 48px) / 2);left:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);width:48px;width:var(--mdc-checkbox-state-layer-size, 48px);height:48px;height:var(--mdc-checkbox-state-layer-size, 48px)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark{-webkit-transform:scaleX(1) rotate(-45deg);transform:scaleX(1) rotate(-45deg)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark{-webkit-transform:scaleX(1) rotate(0deg);transform:scaleX(1) rotate(0deg);opacity:1}.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark{transition:none}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-checkbox{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-checkbox .mdc-checkbox__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-checkbox .mdc-checkbox__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-checkbox{z-index:0}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{z-index:-1;z-index:var(--mdc-ripple-z-index, -1)}.mdc-checkbox__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:GrayText;border-color:var(--mdc-checkbox-disabled-unselected-icon-color, GrayText);background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:GrayText;background-color:GrayText;background-color:var(--mdc-checkbox-disabled-selected-icon-color, GrayText)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:ButtonText;color:var(--mdc-checkbox-selected-checkmark-color, ButtonText)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:ButtonText;border-color:var(--mdc-checkbox-selected-checkmark-color, ButtonText)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:ButtonFace;color:var(--mdc-checkbox-disabled-selected-checkmark-color, ButtonFace)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:ButtonFace;border-color:var(--mdc-checkbox-disabled-selected-checkmark-color, ButtonFace)}}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0;}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px;}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto;}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0;}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0;}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.ptc-checkbox-field{margin-top:12px;margin-bottom:12px;display:block}.ptc-checkbox-field.invalid-checkbox{position:relative;display:block}.ptc-checkbox-field.invalid-checkbox::before{content:\"\";position:absolute;width:calc(100% + 16px);height:calc(100% + 8px);background:#FEF3F3;display:flex;flex-direction:column;justify-content:center;z-index:0;left:50%;top:50%;transform:translate(-50%, -50%)}.mdc-form-field{width:273px;align-items:flex-start;margin-bottom:1px}.mdc-form-field>label{transform:translate(-11px, 7px)}.mdc-form-field>label a{color:var(--color-hyperlink)}.mdc-form-field>label a:hover{color:var(--color-blue-08)}.mdc-form-field>label a:active{color:var(--color-blue-09)}.mdc-checkbox{transform:translateX(-8px);padding:8px;padding:calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2);margin:0px;margin:calc((var(--mdc-checkbox-touch-target-size, 34px) - 34px) / 2)}.mdc-checkbox .mdc-checkbox__background{top:8px;top:calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2);left:8px;left:calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:0px;top:calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);right:0px;right:calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);left:0px;left:calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);width:34px;width:var(--mdc-checkbox-touch-target-size, 34px);height:34px;height:var(--mdc-checkbox-touch-target-size, 34px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{background-color:var(--color-green-06)}.mdc-checkbox .mdc-checkbox__native-control:focus-visible+.mdc-checkbox__background{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.label-only .mdc-checkbox{display:none}.label-only>label{padding-left:10px}.checkbox-helper-wrapper{padding-right:16px;padding-left:8px;margin-bottom:32px;display:flex}.checkbox-helper-wrapper p{position:relative;color:#AF3231;font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-style:normal;font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-font-size-xx-small);margin-bottom:0px;margin-top:var(--ptc-element-spacing-02)}.checkbox-helper-wrapper p svg{transform:translate(-8px, 3px)}";
 
 const PtcFormCheckbox$1 = class extends HTMLElement$1 {
@@ -33279,6 +33327,9 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
       this.mdcTextfieldComponent.valid = this.customInput.checkValidity();
     }
   }
+  async getValidationMessage(type) {
+    return ValidationMessages[this.language][type];
+  }
   componentWillLoad() {
     this.language = getLanguageFromURL();
   }
@@ -33302,9 +33353,6 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
     }
     this.setupFocusHandlers();
   }
-  getValidationMessage(type) {
-    return ValidationMessages[this.language][type];
-  }
   getPhoneValidation() {
     if (this.fieldId === 'contact-phone' && this.fieldName === 'phone') {
       if (!this.required && this.inputValue === '') {
@@ -33368,14 +33416,14 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
     }
     return validationPattern;
   }
-  setHelperText() {
-    this.helpertext = this.getValidationMessage('required');
+  async setHelperText() {
+    this.helpertext = await this.getValidationMessage('required');
     if ((this.type === 'email' && this.fieldName === 'email') || (this.type === 'email' && this.fieldName === "companyemail")) {
       if (this.customInput.validity.valueMissing) {
-        this.helpertext = this.getValidationMessage('email');
+        this.helpertext = await this.getValidationMessage('email');
       }
       else if (!this.customInput.validity.valid) {
-        this.helpertext = this.getValidationMessage('validemail');
+        this.helpertext = await this.getValidationMessage('validemail');
       }
       else if (this.customInput.validity.valid) {
         this.helpertext = '';
@@ -33383,33 +33431,33 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
     }
     else if (this.fieldName === 'firstname') {
       if (this.customInput.validity.valueMissing) {
-        this.helpertext = this.getValidationMessage('required');
+        this.helpertext = await this.getValidationMessage('required');
       }
       else if (this.customInput.validity.patternMismatch) {
-        this.helpertext = this.getValidationMessage('firstname');
+        this.helpertext = await this.getValidationMessage('firstname');
       }
     }
     else if (this.fieldName === 'lastname') {
       if (this.customInput.validity.valueMissing) {
-        this.helpertext = this.getValidationMessage('required');
+        this.helpertext = await this.getValidationMessage('required');
       }
       else if (this.customInput.validity.patternMismatch) {
-        this.helpertext = this.getValidationMessage('lastname');
+        this.helpertext = await this.getValidationMessage('lastname');
       }
     }
     else if (this.fieldId === 'contact-phone') {
       if (this.iti) {
         if (this.inputValue === '' && this.required) {
-          this.helpertext = this.getValidationMessage('tel');
+          this.helpertext = await this.getValidationMessage('tel');
         }
         else if (!this.iti.isValidNumber()) {
-          this.helpertext = this.getValidationMessage('validtel');
+          this.helpertext = await this.getValidationMessage('validtel');
         }
       }
     }
     else if (this.fieldId === "confirm-email") {
       if (!this.matchStatus && !!this.customInput.value) {
-        this.helpertext = this.getValidationMessage('confirmemail');
+        this.helpertext = await this.getValidationMessage('confirmemail');
       }
     }
   }

package/dist/{cjs/global-92142fb4.js → esm/global-1a5f28d5.js}

@@ -1,4 +1,4 @@
-'use strict';
+import { l as loadValidationMessages } from './validation-messages-1379b825.js';
 
 class PTCLogger {
   constructor() {
@@ -25,4 +25,7 @@ class PTCLogger {
 const ptcLogger = new PTCLogger();
 
 // src/global/global.ts
-globalThis.ptcLogger = ptcLogger;
+globalThis.ptcLogger = ptcLogger;
+loadValidationMessages()
+  .then(() => { var _a; return (_a = ptcLogger === null || ptcLogger === void 0 ? void 0 : ptcLogger.info) === null || _a === void 0 ? void 0 : _a.call(ptcLogger, 'Validation messages loaded successfully'); })
+  .catch((err) => { var _a; return (_a = ptcLogger === null || ptcLogger === void 0 ? void 0 : ptcLogger.error) === null || _a === void 0 ? void 0 : _a.call(ptcLogger, 'Failed to load validation messages', err); });