@justifi/webcomponents 4.14.0 → 4.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (217) hide show
  1. package/dist/cjs/{Payment-eceed10f.js → Payment-24f22eca.js} +2 -1
  2. package/dist/cjs/{SubAccount-b3902202.js → SubAccount-f1eda5da.js} +1 -1
  3. package/dist/cjs/additional-questions-details_5.cjs.entry.js +1 -1
  4. package/dist/cjs/business-additional-questions-schema-e7dd7bc3.js +57 -0
  5. package/dist/cjs/gross-payment-chart-core.cjs.entry.js +1 -1
  6. package/dist/cjs/{index.esm-d25bd7bf.js → index.esm-a32e1831.js} +727 -0
  7. package/dist/cjs/justifi-additional-questions-form-step_5.cjs.entry.js +14 -11
  8. package/dist/cjs/justifi-additional-questions_4.cjs.entry.js +4 -1
  9. package/dist/cjs/justifi-billing-form_2.cjs.entry.js +1796 -0
  10. package/dist/cjs/justifi-business-form.cjs.entry.js +6 -6
  11. package/dist/cjs/justifi-business-list.cjs.entry.js +2 -2
  12. package/dist/cjs/justifi-checkout-core.cjs.entry.js +7 -3
  13. package/dist/cjs/justifi-checkout.cjs.entry.js +6 -2
  14. package/dist/cjs/justifi-new-payment-method_4.cjs.entry.js +13 -11
  15. package/dist/cjs/justifi-owner-form.cjs.entry.js +10 -6
  16. package/dist/cjs/justifi-payment-balance-transactions.cjs.entry.js +2 -2
  17. package/dist/cjs/justifi-payment-details.cjs.entry.js +2 -2
  18. package/dist/cjs/justifi-payment-form.cjs.entry.js +3 -3
  19. package/dist/cjs/justifi-payment-method-selector.cjs.entry.js +1 -1
  20. package/dist/cjs/justifi-payments-list.cjs.entry.js +2 -2
  21. package/dist/cjs/justifi-payout-details.cjs.entry.js +2 -2
  22. package/dist/cjs/justifi-payouts-list.cjs.entry.js +2 -2
  23. package/dist/cjs/justifi-proceeds-list.cjs.entry.js +2 -2
  24. package/dist/cjs/justifi-refund-form.cjs.entry.js +3 -4
  25. package/dist/cjs/justifi-subaccount-details.cjs.entry.js +3 -3
  26. package/dist/cjs/justifi-subaccounts-list.cjs.entry.js +3 -3
  27. package/dist/cjs/loader.cjs.js +1 -1
  28. package/dist/cjs/payload-parsers-c2df4b29.js +95 -0
  29. package/dist/cjs/payment-details-core.cjs.entry.js +1 -1
  30. package/dist/cjs/{payment.service-019157e9.js → payment.service-35298e95.js} +1 -1
  31. package/dist/cjs/payments-list-core.cjs.entry.js +2 -2
  32. package/dist/cjs/payout-details-core.cjs.entry.js +1 -1
  33. package/dist/cjs/{payout.service-7203762f.js → payout.service-eec372aa.js} +1 -1
  34. package/dist/cjs/payouts-list-core.cjs.entry.js +2 -2
  35. package/dist/cjs/{payload-parsers-6c4b5323.js → schema-validations-3c70335c.js} +15 -89
  36. package/dist/cjs/select-input.cjs.entry.js +31 -0
  37. package/dist/cjs/subaccount-account-details_4.cjs.entry.js +1 -1
  38. package/dist/cjs/text-input.cjs.entry.js +30 -0
  39. package/dist/cjs/{utils-6f62f7a1.js → utils-e58fe016.js} +0 -2
  40. package/dist/cjs/webcomponents.cjs.js +1 -1
  41. package/dist/collection/api/Payment.js +2 -1
  42. package/dist/collection/collection-manifest.json +1 -1
  43. package/dist/collection/components/billing-form/billing-form-schema.js +8 -8
  44. package/dist/collection/components/billing-form/billing-form.js +49 -89
  45. package/dist/collection/components/billing-form/test/billing-form.spec.js +2 -1
  46. package/dist/collection/components/business-forms/business-form/business-representative/business-representative.js +4 -1
  47. package/dist/collection/components/business-forms/owner-form/owner-form.js +5 -1
  48. package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.js +4 -1
  49. package/dist/collection/components/business-forms/schemas/business-identity-schema.js +4 -2
  50. package/dist/collection/components/business-forms/schemas/schema-validations.js +5 -0
  51. package/dist/collection/components/checkout/checkout-core.js +74 -2
  52. package/dist/collection/components/checkout/checkout.js +73 -1
  53. package/dist/collection/components/checkout/payment-method-options.css +6 -6
  54. package/dist/collection/components/checkout/payment-method-options.js +42 -6
  55. package/dist/collection/components/checkout/{sezzel-payment-method.js → sezzle-payment-method.js} +2 -2
  56. package/dist/collection/components/checkout/test/checkout-core.spec.js +1 -1
  57. package/dist/collection/components/payment-form/payment-form.js +2 -3
  58. package/dist/collection/components/payment-form/payment-method-selector.js +1 -1
  59. package/dist/collection/components/payment-form/test/payment-form.spec.js +1 -1
  60. package/dist/collection/components/payment-method-form/payment-method-form.js +1 -1
  61. package/dist/docs.json +265 -80
  62. package/dist/esm/{Payment-ef9fc1ae.js → Payment-3e94da9c.js} +2 -1
  63. package/dist/esm/{SubAccount-f4ae9809.js → SubAccount-80d46814.js} +1 -1
  64. package/dist/esm/additional-questions-details_5.entry.js +1 -1
  65. package/dist/esm/{business-additional-questions-schema-e96b0509.js → business-additional-questions-schema-1fdc5c40.js} +2 -2
  66. package/dist/esm/gross-payment-chart-core.entry.js +1 -1
  67. package/dist/esm/{index.esm-22b47398.js → index.esm-d98bc080.js} +727 -1
  68. package/dist/esm/justifi-additional-questions-form-step_5.entry.js +10 -7
  69. package/dist/esm/justifi-additional-questions_4.entry.js +4 -1
  70. package/dist/esm/justifi-billing-form_2.entry.js +1791 -0
  71. package/dist/esm/justifi-business-form.entry.js +5 -5
  72. package/dist/esm/justifi-business-list.entry.js +2 -2
  73. package/dist/esm/justifi-checkout-core.entry.js +7 -3
  74. package/dist/esm/justifi-checkout.entry.js +6 -2
  75. package/dist/esm/justifi-new-payment-method_4.entry.js +13 -11
  76. package/dist/esm/justifi-owner-form.entry.js +9 -5
  77. package/dist/esm/justifi-payment-balance-transactions.entry.js +2 -2
  78. package/dist/esm/justifi-payment-details.entry.js +2 -2
  79. package/dist/esm/justifi-payment-form.entry.js +3 -3
  80. package/dist/esm/justifi-payment-method-selector.entry.js +1 -1
  81. package/dist/esm/justifi-payments-list.entry.js +2 -2
  82. package/dist/esm/justifi-payout-details.entry.js +2 -2
  83. package/dist/esm/justifi-payouts-list.entry.js +2 -2
  84. package/dist/esm/justifi-proceeds-list.entry.js +2 -2
  85. package/dist/esm/justifi-refund-form.entry.js +2 -3
  86. package/dist/esm/justifi-subaccount-details.entry.js +3 -3
  87. package/dist/esm/justifi-subaccounts-list.entry.js +3 -3
  88. package/dist/esm/loader.js +1 -1
  89. package/dist/esm/payload-parsers-fd35eeca.js +88 -0
  90. package/dist/esm/payment-details-core.entry.js +1 -1
  91. package/dist/esm/{payment.service-03e274d7.js → payment.service-c62d82d3.js} +1 -1
  92. package/dist/esm/payments-list-core.entry.js +2 -2
  93. package/dist/esm/payout-details-core.entry.js +1 -1
  94. package/dist/esm/{payout.service-9823d66d.js → payout.service-28b9594f.js} +1 -1
  95. package/dist/esm/payouts-list-core.entry.js +2 -2
  96. package/dist/esm/{payload-parsers-32028700.js → schema-validations-31feaa53.js} +7 -84
  97. package/dist/{module/select-input2.js → esm/select-input.entry.js} +7 -30
  98. package/dist/esm/subaccount-account-details_4.entry.js +1 -1
  99. package/dist/{module/text-input2.js → esm/text-input.entry.js} +7 -29
  100. package/dist/esm/{utils-243abdb4.js → utils-37533368.js} +1 -2
  101. package/dist/esm/webcomponents.js +1 -1
  102. package/dist/module/Payment.js +2 -1
  103. package/dist/module/billing-form.js +41 -62
  104. package/dist/module/business-additional-questions-form-step.js +1 -1
  105. package/dist/module/business-additional-questions-schema.js +1 -1
  106. package/dist/module/business-address-schema.js +1 -1
  107. package/dist/module/business-core-info-form-step.js +1 -1
  108. package/dist/module/business-core-info-schema.js +1 -1
  109. package/dist/module/business-form-types.js +1 -154
  110. package/dist/module/business-identity-schema.js +5 -3
  111. package/dist/module/business-representative-form-step.js +5 -2
  112. package/dist/module/business-representative.js +4 -1
  113. package/dist/module/checkout-core.js +27 -19
  114. package/dist/module/identity-address-form.js +1 -1
  115. package/dist/module/index.esm.js +727 -1
  116. package/dist/module/justifi-business-details.js +1 -1
  117. package/dist/module/justifi-business-form.js +3 -4
  118. package/dist/module/justifi-checkout.js +29 -21
  119. package/dist/module/justifi-gross-payment-chart.js +1 -1
  120. package/dist/module/justifi-payment-details.js +1 -1
  121. package/dist/module/justifi-payment-form.js +13 -13
  122. package/dist/module/justifi-payment-provisioning.js +2 -2
  123. package/dist/module/justifi-payments-list.js +1 -1
  124. package/dist/module/justifi-payout-details.js +1 -1
  125. package/dist/module/justifi-payouts-list.js +1 -1
  126. package/dist/module/justifi-refund-form.js +1 -2
  127. package/dist/module/justifi-sezzle-payment-method.d.ts +11 -0
  128. package/dist/module/justifi-sezzle-payment-method.js +6 -0
  129. package/dist/module/legal-address-form-step.js +2 -2
  130. package/dist/module/legal-address-form.js +1 -1
  131. package/dist/module/new-payment-method.js +9 -9
  132. package/dist/module/owner-form.js +8 -4
  133. package/dist/module/payment-method-form.js +1 -1
  134. package/dist/module/payment-method-options.js +26 -22
  135. package/dist/module/schema-validations.js +159 -0
  136. package/dist/module/select-input.js +48 -1
  137. package/dist/module/{sezzel-payment-method.js → sezzle-payment-method.js} +6 -6
  138. package/dist/module/text-input.js +46 -1
  139. package/dist/module/utils2.js +1 -2
  140. package/dist/module/utils3.js +12 -21
  141. package/dist/module/utils4.js +21 -12
  142. package/dist/types/api/Payment.d.ts +2 -1
  143. package/dist/types/components/billing-form/billing-form.d.ts +8 -15
  144. package/dist/types/components/business-forms/business-form/business-representative/business-representative.d.ts +1 -0
  145. package/dist/types/components/business-forms/owner-form/owner-form.d.ts +1 -0
  146. package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.d.ts +1 -0
  147. package/dist/types/components/business-forms/schemas/business-form-schema.d.ts +3 -1
  148. package/dist/types/components/business-forms/schemas/business-identity-schema.d.ts +2 -0
  149. package/dist/types/components/checkout/checkout-core.d.ts +4 -0
  150. package/dist/types/components/checkout/checkout.d.ts +4 -0
  151. package/dist/types/components/checkout/payment-method-options.d.ts +2 -0
  152. package/dist/types/components/checkout/{sezzel-payment-method.d.ts → sezzle-payment-method.d.ts} +1 -1
  153. package/dist/types/components.d.ts +35 -28
  154. package/dist/webcomponents/{p-96a86f04.entry.js → p-0603a526.entry.js} +1 -1
  155. package/dist/webcomponents/{p-3917edbf.entry.js → p-09a6df17.entry.js} +1 -1
  156. package/dist/webcomponents/{p-7da249b8.entry.js → p-1367c4c7.entry.js} +1 -1
  157. package/dist/webcomponents/{p-a6f170ba.entry.js → p-1f23c9d5.entry.js} +1 -1
  158. package/dist/webcomponents/p-21f301a0.entry.js +1 -0
  159. package/dist/webcomponents/p-243caf7c.entry.js +1 -0
  160. package/dist/webcomponents/{p-c6e207f6.entry.js → p-27ea1f3f.entry.js} +1 -1
  161. package/dist/webcomponents/{p-28b38699.js → p-3cd675e7.js} +1 -1
  162. package/dist/webcomponents/{p-c48a99b9.entry.js → p-55d37253.entry.js} +1 -1
  163. package/dist/webcomponents/{p-0b8c1ffc.entry.js → p-60ea8fd1.entry.js} +1 -1
  164. package/dist/webcomponents/p-624ed594.entry.js +1 -0
  165. package/dist/webcomponents/{p-598bb67c.entry.js → p-62bbcdfb.entry.js} +1 -1
  166. package/dist/webcomponents/p-76e74f01.js +1 -0
  167. package/dist/webcomponents/p-7ca334d6.entry.js +1 -0
  168. package/dist/webcomponents/p-7d6c67bb.js +1 -0
  169. package/dist/webcomponents/{p-5dac370e.entry.js → p-7ea5b11c.entry.js} +1 -1
  170. package/dist/webcomponents/p-83ae34bf.js +1 -0
  171. package/dist/webcomponents/p-84aea66c.entry.js +1 -0
  172. package/dist/webcomponents/{p-4824018b.entry.js → p-8960e936.entry.js} +1 -1
  173. package/dist/webcomponents/{p-28181471.entry.js → p-8d53f1de.entry.js} +1 -1
  174. package/dist/webcomponents/p-969572f2.entry.js +1 -0
  175. package/dist/webcomponents/{p-fce2b224.entry.js → p-9a36fca6.entry.js} +1 -1
  176. package/dist/webcomponents/p-a38fdda7.entry.js +1 -0
  177. package/dist/webcomponents/{p-1334f776.entry.js → p-adc9ae0f.entry.js} +1 -1
  178. package/dist/webcomponents/p-b53d7b7f.js +1 -0
  179. package/dist/webcomponents/p-b8d70349.entry.js +1 -0
  180. package/dist/webcomponents/p-b9db1c52.entry.js +1 -0
  181. package/dist/webcomponents/{p-edb66ae0.js → p-ca39c89f.js} +1 -1
  182. package/dist/webcomponents/{p-02993072.entry.js → p-d6b980a3.entry.js} +1 -1
  183. package/dist/webcomponents/p-dd609661.js +1 -0
  184. package/dist/webcomponents/{p-7c5f15f8.entry.js → p-de4ffaa1.entry.js} +1 -1
  185. package/dist/webcomponents/{p-9f529959.entry.js → p-e1a3a670.entry.js} +1 -1
  186. package/dist/webcomponents/{p-d2fcc58b.entry.js → p-e4be71ee.entry.js} +1 -1
  187. package/dist/webcomponents/p-e8706cc4.js +1 -0
  188. package/dist/webcomponents/{p-65510838.js → p-f4dec164.js} +1 -1
  189. package/dist/webcomponents/p-f942f90b.entry.js +1 -0
  190. package/dist/webcomponents/p-fea93cb9.entry.js +1 -0
  191. package/dist/webcomponents/{p-f76283a5.entry.js → p-fee64d38.entry.js} +1 -1
  192. package/dist/webcomponents/webcomponents.css +1 -1
  193. package/dist/webcomponents/webcomponents.esm.js +1 -1
  194. package/package.json +1 -1
  195. package/dist/cjs/business-additional-questions-schema-0a35f597.js +0 -57
  196. package/dist/cjs/form-2ad3d374.js +0 -729
  197. package/dist/cjs/justifi-billing-form_4.cjs.entry.js +0 -1864
  198. package/dist/esm/form-5279c05a.js +0 -727
  199. package/dist/esm/justifi-billing-form_4.entry.js +0 -1857
  200. package/dist/module/form.js +0 -727
  201. package/dist/module/justifi-sezzel-payment-method.d.ts +0 -11
  202. package/dist/module/justifi-sezzel-payment-method.js +0 -6
  203. package/dist/webcomponents/p-02fa533c.js +0 -1
  204. package/dist/webcomponents/p-132ba228.js +0 -1
  205. package/dist/webcomponents/p-230b96df.entry.js +0 -1
  206. package/dist/webcomponents/p-3d2f2937.entry.js +0 -1
  207. package/dist/webcomponents/p-3da23f21.js +0 -1
  208. package/dist/webcomponents/p-617caf03.entry.js +0 -1
  209. package/dist/webcomponents/p-64710363.entry.js +0 -1
  210. package/dist/webcomponents/p-70d43109.entry.js +0 -1
  211. package/dist/webcomponents/p-9b4b91ba.js +0 -1
  212. package/dist/webcomponents/p-ade12f56.js +0 -1
  213. package/dist/webcomponents/p-c1be3378.entry.js +0 -1
  214. package/dist/webcomponents/p-c211d068.js +0 -1
  215. package/dist/webcomponents/p-c3d5f7de.entry.js +0 -1
  216. package/dist/webcomponents/p-d57f5f01.entry.js +0 -1
  217. package/dist/webcomponents/p-f5ae07c4.entry.js +0 -1
@@ -1,1864 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-5d5f2219.js');
6
- const index_esm = require('./index.esm-d25bd7bf.js');
7
- const utils = require('./utils-6f62f7a1.js');
8
- const stateOptions = require('./state-options-4fbcb48a.js');
9
-
10
- const BillingFormSchema = index_esm.create$3({
11
- name: index_esm.create$6().required('Enter name'),
12
- address_line1: index_esm.create$6().required('Enter street address'),
13
- address_line2: index_esm.create$6(),
14
- address_city: index_esm.create$6().required('Enter city'),
15
- address_state: index_esm.create$6().required('Choose state'),
16
- address_postal_code: index_esm.create$6().required('Enter ZIP').matches(utils.RegExZip, 'Enter a valid ZIP').min(5, 'Enter a valid ZIP'),
17
- });
18
-
19
- const billingFormCss = ":root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222, 226, 230;--bs-body-bg:#212529;--bs-body-bg-rgb:33, 37, 41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255, 255, 255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222, 226, 230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52, 58, 64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222, 226, 230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43, 48, 53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110, 168, 254;--bs-link-hover-color-rgb:139, 185, 254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.clearfix::after{display:block;clear:both;content:\"\"}.text-bg-primary{color:#fff !important;background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important}.link-primary{color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-primary:hover,.link-primary:focus{color:RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important}.link-secondary{color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important}.link-success{color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-success:hover,.link-success:focus{color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important}.link-info{color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-info:hover,.link-info:focus{color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important}.link-warning{color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-warning:hover,.link-warning:focus{color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important}.link-danger{color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-danger:hover,.link-danger:focus{color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important}.link-light{color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-light:hover,.link-light:focus{color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important}.link-dark{color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-dark:hover,.link-dark:focus{color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:0.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:0.2s ease-in-out transform}@media (prefers-reduced-motion: reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:\"\"}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:\"\"}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:0.25}*,*::before,*::after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:0.25}h6,h5,h4,h3,h2,h1{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + 0.9vw)}@media (min-width: 1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + 0.6vw)}@media (min-width: 1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + 0.3vw)}@media (min-width: 1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:0.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:0.875em}mark{padding:0.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:0.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:0.1875rem 0.375rem;font-size:0.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:0.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:0.5rem;padding-bottom:0.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:0.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}@media (min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none !important}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width: 576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width: 768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width: 992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width: 1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width: 1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}:host{font-family:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;display:block}justifi-billing-form{margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}";
20
-
21
- const BillingForm = class {
22
- constructor(hostRef) {
23
- index.registerInstance(this, hostRef);
24
- this.legend = undefined;
25
- this.billingFields = {
26
- name: '',
27
- address_line1: '',
28
- address_line2: '',
29
- address_city: '',
30
- address_state: '',
31
- address_postal_code: '',
32
- };
33
- this.billingFieldsErrors = {};
34
- }
35
- setFormValue(event) {
36
- const data = event.detail;
37
- const billingFieldsClone = Object.assign({}, this.billingFields);
38
- if (data.name) {
39
- billingFieldsClone[data.name] = data.value;
40
- this.billingFields = billingFieldsClone;
41
- }
42
- }
43
- /**
44
- * Method for filling the form with provided data
45
- * @argument {BillingFormFields} fields - The fields to fill the form with
46
- */
47
- async fill(fields) {
48
- this.billingFields = Object.assign({}, fields);
49
- }
50
- /**
51
- * Run validation on the form
52
- */
53
- async validate() {
54
- const newErrors = {};
55
- let isValid = true;
56
- try {
57
- await BillingFormSchema.validate(this.billingFields, { abortEarly: false });
58
- }
59
- catch (err) {
60
- isValid = false;
61
- err.inner.map((item) => {
62
- newErrors[item.path] = item.message;
63
- });
64
- }
65
- this.billingFieldsErrors = newErrors;
66
- return { isValid: isValid };
67
- }
68
- /**
69
- * Returns the values of the form as an object
70
- * @returns {Promise<BillingFormFields>} The values of the form
71
- */
72
- async getValues() {
73
- return this.billingFields;
74
- }
75
- render() {
76
- return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("fieldset", null, this.legend && index.h("legend", null, this.legend), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("text-input", { name: "name", label: "Full Name", defaultValue: this.billingFields.name, error: this.billingFieldsErrors.name })), index.h("div", { class: "col-12" }, index.h("text-input", { name: "address_line1", label: "Street Address", defaultValue: this.billingFields.address_line1, error: this.billingFieldsErrors.address_line1 })), index.h("div", { class: "col-12" }, index.h("text-input", { name: "address_line2", label: "Apartment, Suite, etc. (optional)", defaultValue: this.billingFields.address_line2, error: this.billingFieldsErrors.address_line2 })), index.h("div", { class: "col-12" }, index.h("text-input", { name: "address_city", label: "City", defaultValue: this.billingFields.address_city, error: this.billingFieldsErrors.address_city })), index.h("div", { class: "col-12" }, index.h("select-input", { name: "address_state", label: "State", options: stateOptions.StateOptions, defaultValue: this.billingFields.address_state, error: this.billingFieldsErrors.address_state })), index.h("div", { class: "col-12" }, index.h("text-input", { name: "address_postal_code", label: "ZIP", defaultValue: this.billingFields.address_postal_code, error: this.billingFieldsErrors.address_postal_code }))))));
77
- }
78
- };
79
- BillingForm.style = billingFormCss;
80
-
81
- function createCommonjsModule(fn, basedir, module) {
82
- return module = {
83
- path: basedir,
84
- exports: {},
85
- require: function (path, base) {
86
- return commonjsRequire();
87
- }
88
- }, fn(module, module.exports), module.exports;
89
- }
90
-
91
- function commonjsRequire () {
92
- throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
93
- }
94
-
95
- var iframeResizer = createCommonjsModule(function (module) {
96
- (function (undefined$1) {
97
- if (typeof window === 'undefined') return // don't run for server side render
98
-
99
- var count = 0,
100
- logEnabled = false,
101
- hiddenCheckEnabled = false,
102
- msgHeader = 'message',
103
- msgHeaderLen = msgHeader.length,
104
- msgId = '[iFrameSizer]', // Must match iframe msg ID
105
- msgIdLen = msgId.length,
106
- pagePosition = null,
107
- requestAnimationFrame = window.requestAnimationFrame,
108
- resetRequiredMethods = Object.freeze({
109
- max: 1,
110
- scroll: 1,
111
- bodyScroll: 1,
112
- documentElementScroll: 1
113
- }),
114
- settings = {},
115
- timer = null,
116
- defaults = Object.freeze({
117
- autoResize: true,
118
- bodyBackground: null,
119
- bodyMargin: null,
120
- bodyMarginV1: 8,
121
- bodyPadding: null,
122
- checkOrigin: true,
123
- inPageLinks: false,
124
- enablePublicMethods: true,
125
- heightCalculationMethod: 'bodyOffset',
126
- id: 'iFrameResizer',
127
- interval: 32,
128
- log: false,
129
- maxHeight: Infinity,
130
- maxWidth: Infinity,
131
- minHeight: 0,
132
- minWidth: 0,
133
- mouseEvents: true,
134
- resizeFrom: 'parent',
135
- scrolling: false,
136
- sizeHeight: true,
137
- sizeWidth: false,
138
- warningTimeout: 5000,
139
- tolerance: 0,
140
- widthCalculationMethod: 'scroll',
141
- onClose: function () {
142
- return true
143
- },
144
- onClosed: function () {},
145
- onInit: function () {},
146
- onMessage: function () {
147
- warn('onMessage function not defined');
148
- },
149
- onMouseEnter: function () {},
150
- onMouseLeave: function () {},
151
- onResized: function () {},
152
- onScroll: function () {
153
- return true
154
- }
155
- });
156
-
157
- function getMutationObserver() {
158
- return (
159
- window.MutationObserver ||
160
- window.WebKitMutationObserver ||
161
- window.MozMutationObserver
162
- )
163
- }
164
-
165
- function addEventListener(el, evt, func) {
166
- el.addEventListener(evt, func, false);
167
- }
168
-
169
- function removeEventListener(el, evt, func) {
170
- el.removeEventListener(evt, func, false);
171
- }
172
-
173
- function setupRequestAnimationFrame() {
174
- var vendors = ['moz', 'webkit', 'o', 'ms'];
175
- var x;
176
-
177
- // Remove vendor prefixing if prefixed and break early if not
178
- for (x = 0; x < vendors.length && !requestAnimationFrame; x += 1) {
179
- requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
180
- }
181
-
182
- if (requestAnimationFrame) {
183
- // Firefox extension content-scripts have a globalThis object that is not the same as window.
184
- // Binding `requestAnimationFrame` to window allows the function to work and prevents errors
185
- // being thrown when run in that context, and should be a no-op in every other context.
186
- requestAnimationFrame = requestAnimationFrame.bind(window);
187
- } else {
188
- log('setup', 'RequestAnimationFrame not supported');
189
- }
190
- }
191
-
192
- function getMyID(iframeId) {
193
- var retStr = 'Host page: ' + iframeId;
194
-
195
- if (window.top !== window.self) {
196
- retStr =
197
- window.parentIFrame && window.parentIFrame.getId
198
- ? window.parentIFrame.getId() + ': ' + iframeId
199
- : 'Nested host page: ' + iframeId;
200
- }
201
-
202
- return retStr
203
- }
204
-
205
- function formatLogHeader(iframeId) {
206
- return msgId + '[' + getMyID(iframeId) + ']'
207
- }
208
-
209
- function isLogEnabled(iframeId) {
210
- return settings[iframeId] ? settings[iframeId].log : logEnabled
211
- }
212
-
213
- function log(iframeId, msg) {
214
- output('log', iframeId, msg, isLogEnabled(iframeId));
215
- }
216
-
217
- function info(iframeId, msg) {
218
- output('info', iframeId, msg, isLogEnabled(iframeId));
219
- }
220
-
221
- function warn(iframeId, msg) {
222
- output('warn', iframeId, msg, true);
223
- }
224
-
225
- function output(type, iframeId, msg, enabled) {
226
- if (true === enabled && 'object' === typeof window.console) {
227
- // eslint-disable-next-line no-console
228
- console[type](formatLogHeader(iframeId), msg);
229
- }
230
- }
231
-
232
- function iFrameListener(event) {
233
- function resizeIFrame() {
234
- function resize() {
235
- setSize(messageData);
236
- setPagePosition(iframeId);
237
- on('onResized', messageData);
238
- }
239
-
240
- ensureInRange('Height');
241
- ensureInRange('Width');
242
-
243
- syncResize(resize, messageData, 'init');
244
- }
245
-
246
- function processMsg() {
247
- var data = msg.slice(msgIdLen).split(':');
248
- var height = data[1] ? parseInt(data[1], 10) : 0;
249
- var iframe = settings[data[0]] && settings[data[0]].iframe;
250
- var compStyle = getComputedStyle(iframe);
251
-
252
- return {
253
- iframe: iframe,
254
- id: data[0],
255
- height: height + getPaddingEnds(compStyle) + getBorderEnds(compStyle),
256
- width: data[2],
257
- type: data[3]
258
- }
259
- }
260
-
261
- function getPaddingEnds(compStyle) {
262
- if (compStyle.boxSizing !== 'border-box') {
263
- return 0
264
- }
265
- var top = compStyle.paddingTop ? parseInt(compStyle.paddingTop, 10) : 0;
266
- var bot = compStyle.paddingBottom
267
- ? parseInt(compStyle.paddingBottom, 10)
268
- : 0;
269
- return top + bot
270
- }
271
-
272
- function getBorderEnds(compStyle) {
273
- if (compStyle.boxSizing !== 'border-box') {
274
- return 0
275
- }
276
- var top = compStyle.borderTopWidth
277
- ? parseInt(compStyle.borderTopWidth, 10)
278
- : 0;
279
- var bot = compStyle.borderBottomWidth
280
- ? parseInt(compStyle.borderBottomWidth, 10)
281
- : 0;
282
- return top + bot
283
- }
284
-
285
- function ensureInRange(Dimension) {
286
- var max = Number(settings[iframeId]['max' + Dimension]),
287
- min = Number(settings[iframeId]['min' + Dimension]),
288
- dimension = Dimension.toLowerCase(),
289
- size = Number(messageData[dimension]);
290
-
291
- log(iframeId, 'Checking ' + dimension + ' is in range ' + min + '-' + max);
292
-
293
- if (size < min) {
294
- size = min;
295
- log(iframeId, 'Set ' + dimension + ' to min value');
296
- }
297
-
298
- if (size > max) {
299
- size = max;
300
- log(iframeId, 'Set ' + dimension + ' to max value');
301
- }
302
-
303
- messageData[dimension] = '' + size;
304
- }
305
-
306
- function isMessageFromIFrame() {
307
- function checkAllowedOrigin() {
308
- function checkList() {
309
- var i = 0,
310
- retCode = false;
311
-
312
- log(
313
- iframeId,
314
- 'Checking connection is from allowed list of origins: ' +
315
- checkOrigin
316
- );
317
-
318
- for (; i < checkOrigin.length; i++) {
319
- if (checkOrigin[i] === origin) {
320
- retCode = true;
321
- break
322
- }
323
- }
324
- return retCode
325
- }
326
-
327
- function checkSingle() {
328
- var remoteHost = settings[iframeId] && settings[iframeId].remoteHost;
329
- log(iframeId, 'Checking connection is from: ' + remoteHost);
330
- return origin === remoteHost
331
- }
332
-
333
- return checkOrigin.constructor === Array ? checkList() : checkSingle()
334
- }
335
-
336
- var origin = event.origin,
337
- checkOrigin = settings[iframeId] && settings[iframeId].checkOrigin;
338
-
339
- if (checkOrigin && '' + origin !== 'null' && !checkAllowedOrigin()) {
340
- throw new Error(
341
- 'Unexpected message received from: ' +
342
- origin +
343
- ' for ' +
344
- messageData.iframe.id +
345
- '. Message was: ' +
346
- event.data +
347
- '. This error can be disabled by setting the checkOrigin: false option or by providing of array of trusted domains.'
348
- )
349
- }
350
-
351
- return true
352
- }
353
-
354
- function isMessageForUs() {
355
- return (
356
- msgId === ('' + msg).slice(0, msgIdLen) &&
357
- msg.slice(msgIdLen).split(':')[0] in settings
358
- ) // ''+Protects against non-string msg
359
- }
360
-
361
- function isMessageFromMetaParent() {
362
- // Test if this message is from a parent above us. This is an ugly test, however, updating
363
- // the message format would break backwards compatibility.
364
- var retCode = messageData.type in { true: 1, false: 1, undefined: 1 };
365
-
366
- if (retCode) {
367
- log(iframeId, 'Ignoring init message from meta parent page');
368
- }
369
-
370
- return retCode
371
- }
372
-
373
- function getMsgBody(offset) {
374
- return msg.slice(msg.indexOf(':') + msgHeaderLen + offset)
375
- }
376
-
377
- function forwardMsgFromIFrame(msgBody) {
378
- log(
379
- iframeId,
380
- 'onMessage passed: {iframe: ' +
381
- messageData.iframe.id +
382
- ', message: ' +
383
- msgBody +
384
- '}'
385
- );
386
-
387
- on('onMessage', {
388
- iframe: messageData.iframe,
389
- message: JSON.parse(msgBody)
390
- });
391
-
392
- log(iframeId, '--');
393
- }
394
-
395
- function getPageInfo() {
396
- var bodyPosition = document.body.getBoundingClientRect(),
397
- iFramePosition = messageData.iframe.getBoundingClientRect();
398
-
399
- return JSON.stringify({
400
- iframeHeight: iFramePosition.height,
401
- iframeWidth: iFramePosition.width,
402
- clientHeight: Math.max(
403
- document.documentElement.clientHeight,
404
- window.innerHeight || 0
405
- ),
406
- clientWidth: Math.max(
407
- document.documentElement.clientWidth,
408
- window.innerWidth || 0
409
- ),
410
- offsetTop: parseInt(iFramePosition.top - bodyPosition.top, 10),
411
- offsetLeft: parseInt(iFramePosition.left - bodyPosition.left, 10),
412
- scrollTop: window.pageYOffset,
413
- scrollLeft: window.pageXOffset,
414
- documentHeight: document.documentElement.clientHeight,
415
- documentWidth: document.documentElement.clientWidth,
416
- windowHeight: window.innerHeight,
417
- windowWidth: window.innerWidth
418
- })
419
- }
420
-
421
- function sendPageInfoToIframe(iframe, iframeId) {
422
- function debouncedTrigger() {
423
- trigger('Send Page Info', 'pageInfo:' + getPageInfo(), iframe, iframeId);
424
- }
425
- debounceFrameEvents(debouncedTrigger, 32, iframeId);
426
- }
427
-
428
- function startPageInfoMonitor() {
429
- function setListener(type, func) {
430
- function sendPageInfo() {
431
- if (settings[id]) {
432
- sendPageInfoToIframe(settings[id].iframe, id);
433
- } else {
434
- stop();
435
- }
436
- }
437
- ['scroll', 'resize'].forEach(function (evt) {
438
- log(id, type + evt + ' listener for sendPageInfo');
439
- func(window, evt, sendPageInfo);
440
- });
441
- }
442
-
443
- function stop() {
444
- setListener('Remove ', removeEventListener);
445
- }
446
-
447
- function start() {
448
- setListener('Add ', addEventListener);
449
- }
450
-
451
- var id = iframeId; // Create locally scoped copy of iFrame ID
452
-
453
- start();
454
-
455
- if (settings[id]) {
456
- settings[id].stopPageInfo = stop;
457
- }
458
- }
459
-
460
- function stopPageInfoMonitor() {
461
- if (settings[iframeId] && settings[iframeId].stopPageInfo) {
462
- settings[iframeId].stopPageInfo();
463
- delete settings[iframeId].stopPageInfo;
464
- }
465
- }
466
-
467
- function checkIFrameExists() {
468
- var retBool = true;
469
-
470
- if (null === messageData.iframe) {
471
- warn(iframeId, 'IFrame (' + messageData.id + ') not found');
472
- retBool = false;
473
- }
474
- return retBool
475
- }
476
-
477
- function getElementPosition(target) {
478
- var iFramePosition = target.getBoundingClientRect();
479
-
480
- getPagePosition(iframeId);
481
-
482
- return {
483
- x: Math.floor(Number(iFramePosition.left) + Number(pagePosition.x)),
484
- y: Math.floor(Number(iFramePosition.top) + Number(pagePosition.y))
485
- }
486
- }
487
-
488
- function scrollRequestFromChild(addOffset) {
489
- /* istanbul ignore next */ // Not testable in Karma
490
- function reposition() {
491
- pagePosition = newPosition;
492
- scrollTo();
493
- log(iframeId, '--');
494
- }
495
-
496
- function calcOffset() {
497
- return {
498
- x: Number(messageData.width) + offset.x,
499
- y: Number(messageData.height) + offset.y
500
- }
501
- }
502
-
503
- function scrollParent() {
504
- if (window.parentIFrame) {
505
- window.parentIFrame['scrollTo' + (addOffset ? 'Offset' : '')](
506
- newPosition.x,
507
- newPosition.y
508
- );
509
- } else {
510
- warn(
511
- iframeId,
512
- 'Unable to scroll to requested position, window.parentIFrame not found'
513
- );
514
- }
515
- }
516
-
517
- var offset = addOffset
518
- ? getElementPosition(messageData.iframe)
519
- : { x: 0, y: 0 },
520
- newPosition = calcOffset();
521
-
522
- log(
523
- iframeId,
524
- 'Reposition requested from iFrame (offset x:' +
525
- offset.x +
526
- ' y:' +
527
- offset.y +
528
- ')'
529
- );
530
-
531
- if (window.top === window.self) {
532
- reposition();
533
- } else {
534
- scrollParent();
535
- }
536
- }
537
-
538
- function scrollTo() {
539
- if (false === on('onScroll', pagePosition)) {
540
- unsetPagePosition();
541
- } else {
542
- setPagePosition(iframeId);
543
- }
544
- }
545
-
546
- function findTarget(location) {
547
- function jumpToTarget() {
548
- var jumpPosition = getElementPosition(target);
549
-
550
- log(
551
- iframeId,
552
- 'Moving to in page link (#' +
553
- hash +
554
- ') at x: ' +
555
- jumpPosition.x +
556
- ' y: ' +
557
- jumpPosition.y
558
- );
559
- pagePosition = {
560
- x: jumpPosition.x,
561
- y: jumpPosition.y
562
- };
563
-
564
- scrollTo();
565
- log(iframeId, '--');
566
- }
567
-
568
- function jumpToParent() {
569
- if (window.parentIFrame) {
570
- window.parentIFrame.moveToAnchor(hash);
571
- } else {
572
- log(
573
- iframeId,
574
- 'In page link #' +
575
- hash +
576
- ' not found and window.parentIFrame not found'
577
- );
578
- }
579
- }
580
-
581
- var hash = location.split('#')[1] || '',
582
- hashData = decodeURIComponent(hash),
583
- target =
584
- document.getElementById(hashData) ||
585
- document.getElementsByName(hashData)[0];
586
-
587
- if (target) {
588
- jumpToTarget();
589
- } else if (window.top === window.self) {
590
- log(iframeId, 'In page link #' + hash + ' not found');
591
- } else {
592
- jumpToParent();
593
- }
594
- }
595
-
596
- function onMouse(event) {
597
- var mousePos = {};
598
-
599
- if (Number(messageData.width) === 0 && Number(messageData.height) === 0) {
600
- var data = getMsgBody(9).split(':');
601
- mousePos = {
602
- x: data[1],
603
- y: data[0]
604
- };
605
- } else {
606
- mousePos = {
607
- x: messageData.width,
608
- y: messageData.height
609
- };
610
- }
611
-
612
- on(event, {
613
- iframe: messageData.iframe,
614
- screenX: Number(mousePos.x),
615
- screenY: Number(mousePos.y),
616
- type: messageData.type
617
- });
618
- }
619
-
620
- function on(funcName, val) {
621
- return chkEvent(iframeId, funcName, val)
622
- }
623
-
624
- function actionMsg() {
625
- if (settings[iframeId] && settings[iframeId].firstRun) firstRun();
626
-
627
- switch (messageData.type) {
628
- case 'close': {
629
- closeIFrame(messageData.iframe);
630
- break
631
- }
632
-
633
- case 'message': {
634
- forwardMsgFromIFrame(getMsgBody(6));
635
- break
636
- }
637
-
638
- case 'mouseenter': {
639
- onMouse('onMouseEnter');
640
- break
641
- }
642
-
643
- case 'mouseleave': {
644
- onMouse('onMouseLeave');
645
- break
646
- }
647
-
648
- case 'autoResize': {
649
- settings[iframeId].autoResize = JSON.parse(getMsgBody(9));
650
- break
651
- }
652
-
653
- case 'scrollTo': {
654
- scrollRequestFromChild(false);
655
- break
656
- }
657
-
658
- case 'scrollToOffset': {
659
- scrollRequestFromChild(true);
660
- break
661
- }
662
-
663
- case 'pageInfo': {
664
- sendPageInfoToIframe(
665
- settings[iframeId] && settings[iframeId].iframe,
666
- iframeId
667
- );
668
- startPageInfoMonitor();
669
- break
670
- }
671
-
672
- case 'pageInfoStop': {
673
- stopPageInfoMonitor();
674
- break
675
- }
676
-
677
- case 'inPageLink': {
678
- findTarget(getMsgBody(9));
679
- break
680
- }
681
-
682
- case 'reset': {
683
- resetIFrame(messageData);
684
- break
685
- }
686
-
687
- case 'init': {
688
- resizeIFrame();
689
- on('onInit', messageData.iframe);
690
- break
691
- }
692
-
693
- default: {
694
- if (
695
- Number(messageData.width) === 0 &&
696
- Number(messageData.height) === 0
697
- ) {
698
- warn(
699
- 'Unsupported message received (' +
700
- messageData.type +
701
- '), this is likely due to the iframe containing a later ' +
702
- 'version of iframe-resizer than the parent page'
703
- );
704
- } else {
705
- resizeIFrame();
706
- }
707
- }
708
- }
709
- }
710
-
711
- function hasSettings(iframeId) {
712
- var retBool = true;
713
-
714
- if (!settings[iframeId]) {
715
- retBool = false;
716
- warn(
717
- messageData.type +
718
- ' No settings for ' +
719
- iframeId +
720
- '. Message was: ' +
721
- msg
722
- );
723
- }
724
-
725
- return retBool
726
- }
727
-
728
- function iFrameReadyMsgReceived() {
729
- // eslint-disable-next-line no-restricted-syntax, guard-for-in
730
- for (var iframeId in settings) {
731
- trigger(
732
- 'iFrame requested init',
733
- createOutgoingMsg(iframeId),
734
- settings[iframeId].iframe,
735
- iframeId
736
- );
737
- }
738
- }
739
-
740
- function firstRun() {
741
- if (settings[iframeId]) {
742
- settings[iframeId].firstRun = false;
743
- }
744
- }
745
-
746
- var msg = event.data,
747
- messageData = {},
748
- iframeId = null;
749
-
750
- if ('[iFrameResizerChild]Ready' === msg) {
751
- iFrameReadyMsgReceived();
752
- } else if (isMessageForUs()) {
753
- messageData = processMsg();
754
- iframeId = messageData.id;
755
- if (settings[iframeId]) {
756
- settings[iframeId].loaded = true;
757
- }
758
-
759
- if (!isMessageFromMetaParent() && hasSettings(iframeId)) {
760
- log(iframeId, 'Received: ' + msg);
761
-
762
- if (checkIFrameExists() && isMessageFromIFrame()) {
763
- actionMsg();
764
- }
765
- }
766
- } else {
767
- info(iframeId, 'Ignored: ' + msg);
768
- }
769
- }
770
-
771
- function chkEvent(iframeId, funcName, val) {
772
- var func = null,
773
- retVal = null;
774
-
775
- if (settings[iframeId]) {
776
- func = settings[iframeId][funcName];
777
-
778
- if ('function' === typeof func) {
779
- retVal = func(val);
780
- } else {
781
- throw new TypeError(
782
- funcName + ' on iFrame[' + iframeId + '] is not a function'
783
- )
784
- }
785
- }
786
-
787
- return retVal
788
- }
789
-
790
- function removeIframeListeners(iframe) {
791
- var iframeId = iframe.id;
792
- delete settings[iframeId];
793
- }
794
-
795
- function closeIFrame(iframe) {
796
- var iframeId = iframe.id;
797
- if (chkEvent(iframeId, 'onClose', iframeId) === false) {
798
- log(iframeId, 'Close iframe cancelled by onClose event');
799
- return
800
- }
801
- log(iframeId, 'Removing iFrame: ' + iframeId);
802
-
803
- try {
804
- // Catch race condition error with React
805
- if (iframe.parentNode) {
806
- iframe.parentNode.removeChild(iframe);
807
- }
808
- } catch (error) {
809
- warn(error);
810
- }
811
-
812
- chkEvent(iframeId, 'onClosed', iframeId);
813
- log(iframeId, '--');
814
- removeIframeListeners(iframe);
815
- }
816
-
817
- function getPagePosition(iframeId) {
818
- if (null === pagePosition) {
819
- pagePosition = {
820
- x:
821
- window.pageXOffset === undefined$1
822
- ? document.documentElement.scrollLeft
823
- : window.pageXOffset,
824
- y:
825
- window.pageYOffset === undefined$1
826
- ? document.documentElement.scrollTop
827
- : window.pageYOffset
828
- };
829
- log(
830
- iframeId,
831
- 'Get page position: ' + pagePosition.x + ',' + pagePosition.y
832
- );
833
- }
834
- }
835
-
836
- function setPagePosition(iframeId) {
837
- if (null !== pagePosition) {
838
- window.scrollTo(pagePosition.x, pagePosition.y);
839
- log(
840
- iframeId,
841
- 'Set page position: ' + pagePosition.x + ',' + pagePosition.y
842
- );
843
- unsetPagePosition();
844
- }
845
- }
846
-
847
- function unsetPagePosition() {
848
- pagePosition = null;
849
- }
850
-
851
- function resetIFrame(messageData) {
852
- function reset() {
853
- setSize(messageData);
854
- trigger('reset', 'reset', messageData.iframe, messageData.id);
855
- }
856
-
857
- log(
858
- messageData.id,
859
- 'Size reset requested by ' +
860
- ('init' === messageData.type ? 'host page' : 'iFrame')
861
- );
862
- getPagePosition(messageData.id);
863
- syncResize(reset, messageData, 'reset');
864
- }
865
-
866
- function setSize(messageData) {
867
- function setDimension(dimension) {
868
- if (!messageData.id) {
869
- log('undefined', 'messageData id not set');
870
- return
871
- }
872
- messageData.iframe.style[dimension] = messageData[dimension] + 'px';
873
- log(
874
- messageData.id,
875
- 'IFrame (' +
876
- iframeId +
877
- ') ' +
878
- dimension +
879
- ' set to ' +
880
- messageData[dimension] +
881
- 'px'
882
- );
883
- }
884
-
885
- function chkZero(dimension) {
886
- // FireFox sets dimension of hidden iFrames to zero.
887
- // So if we detect that set up an event to check for
888
- // when iFrame becomes visible.
889
-
890
- /* istanbul ignore next */ // Not testable in PhantomJS
891
- if (!hiddenCheckEnabled && '0' === messageData[dimension]) {
892
- hiddenCheckEnabled = true;
893
- log(iframeId, 'Hidden iFrame detected, creating visibility listener');
894
- fixHiddenIFrames();
895
- }
896
- }
897
-
898
- function processDimension(dimension) {
899
- setDimension(dimension);
900
- chkZero(dimension);
901
- }
902
-
903
- var iframeId = messageData.iframe.id;
904
-
905
- if (settings[iframeId]) {
906
- if (settings[iframeId].sizeHeight) {
907
- processDimension('height');
908
- }
909
- if (settings[iframeId].sizeWidth) {
910
- processDimension('width');
911
- }
912
- }
913
- }
914
-
915
- function syncResize(func, messageData, doNotSync) {
916
- /* istanbul ignore if */ // Not testable in PhantomJS
917
- if (
918
- doNotSync !== messageData.type &&
919
- requestAnimationFrame &&
920
- // including check for jasmine because had trouble getting spy to work in unit test using requestAnimationFrame
921
- !window.jasmine
922
- ) {
923
- log(messageData.id, 'Requesting animation frame');
924
- requestAnimationFrame(func);
925
- } else {
926
- func();
927
- }
928
- }
929
-
930
- function trigger(calleeMsg, msg, iframe, id, noResponseWarning) {
931
- function postMessageToIFrame() {
932
- var target = settings[id] && settings[id].targetOrigin;
933
- log(
934
- id,
935
- '[' +
936
- calleeMsg +
937
- '] Sending msg to iframe[' +
938
- id +
939
- '] (' +
940
- msg +
941
- ') targetOrigin: ' +
942
- target
943
- );
944
- iframe.contentWindow.postMessage(msgId + msg, target);
945
- }
946
-
947
- function iFrameNotFound() {
948
- warn(id, '[' + calleeMsg + '] IFrame(' + id + ') not found');
949
- }
950
-
951
- function chkAndSend() {
952
- if (
953
- iframe &&
954
- 'contentWindow' in iframe &&
955
- null !== iframe.contentWindow
956
- ) {
957
- // Null test for PhantomJS
958
- postMessageToIFrame();
959
- } else {
960
- iFrameNotFound();
961
- }
962
- }
963
-
964
- function warnOnNoResponse() {
965
- function warning() {
966
- if (settings[id] && !settings[id].loaded && !errorShown) {
967
- errorShown = true;
968
- warn(
969
- id,
970
- 'IFrame has not responded within ' +
971
- settings[id].warningTimeout / 1000 +
972
- ' seconds. Check iFrameResizer.contentWindow.js has been loaded in iFrame. This message can be ignored if everything is working, or you can set the warningTimeout option to a higher value or zero to suppress this warning.'
973
- );
974
- }
975
- }
976
-
977
- if (
978
- !!noResponseWarning &&
979
- settings[id] &&
980
- !!settings[id].warningTimeout
981
- ) {
982
- settings[id].msgTimeout = setTimeout(
983
- warning,
984
- settings[id].warningTimeout
985
- );
986
- }
987
- }
988
-
989
- var errorShown = false;
990
-
991
- id = id || iframe.id;
992
-
993
- if (settings[id]) {
994
- chkAndSend();
995
- warnOnNoResponse();
996
- }
997
- }
998
-
999
- function createOutgoingMsg(iframeId) {
1000
- return (
1001
- iframeId +
1002
- ':' +
1003
- settings[iframeId].bodyMarginV1 +
1004
- ':' +
1005
- settings[iframeId].sizeWidth +
1006
- ':' +
1007
- settings[iframeId].log +
1008
- ':' +
1009
- settings[iframeId].interval +
1010
- ':' +
1011
- settings[iframeId].enablePublicMethods +
1012
- ':' +
1013
- settings[iframeId].autoResize +
1014
- ':' +
1015
- settings[iframeId].bodyMargin +
1016
- ':' +
1017
- settings[iframeId].heightCalculationMethod +
1018
- ':' +
1019
- settings[iframeId].bodyBackground +
1020
- ':' +
1021
- settings[iframeId].bodyPadding +
1022
- ':' +
1023
- settings[iframeId].tolerance +
1024
- ':' +
1025
- settings[iframeId].inPageLinks +
1026
- ':' +
1027
- settings[iframeId].resizeFrom +
1028
- ':' +
1029
- settings[iframeId].widthCalculationMethod +
1030
- ':' +
1031
- settings[iframeId].mouseEvents
1032
- )
1033
- }
1034
-
1035
- function isNumber(value) {
1036
- return typeof value === 'number'
1037
- }
1038
-
1039
- function setupIFrame(iframe, options) {
1040
- function setLimits() {
1041
- function addStyle(style) {
1042
- var styleValue = settings[iframeId][style];
1043
- if (Infinity !== styleValue && 0 !== styleValue) {
1044
- iframe.style[style] = isNumber(styleValue)
1045
- ? styleValue + 'px'
1046
- : styleValue;
1047
- log(iframeId, 'Set ' + style + ' = ' + iframe.style[style]);
1048
- }
1049
- }
1050
-
1051
- function chkMinMax(dimension) {
1052
- if (
1053
- settings[iframeId]['min' + dimension] >
1054
- settings[iframeId]['max' + dimension]
1055
- ) {
1056
- throw new Error(
1057
- 'Value for min' +
1058
- dimension +
1059
- ' can not be greater than max' +
1060
- dimension
1061
- )
1062
- }
1063
- }
1064
-
1065
- chkMinMax('Height');
1066
- chkMinMax('Width');
1067
-
1068
- addStyle('maxHeight');
1069
- addStyle('minHeight');
1070
- addStyle('maxWidth');
1071
- addStyle('minWidth');
1072
- }
1073
-
1074
- function newId() {
1075
- var id = (options && options.id) || defaults.id + count++;
1076
- if (null !== document.getElementById(id)) {
1077
- id += count++;
1078
- }
1079
- return id
1080
- }
1081
-
1082
- function ensureHasId(iframeId) {
1083
- if (typeof iframeId !== 'string') {
1084
- throw new TypeError('Invaild id for iFrame. Expected String')
1085
- }
1086
-
1087
- if ('' === iframeId) {
1088
- // eslint-disable-next-line no-multi-assign
1089
- iframe.id = iframeId = newId();
1090
- logEnabled = (options || {}).log;
1091
- log(
1092
- iframeId,
1093
- 'Added missing iframe ID: ' + iframeId + ' (' + iframe.src + ')'
1094
- );
1095
- }
1096
-
1097
- return iframeId
1098
- }
1099
-
1100
- function setScrolling() {
1101
- log(
1102
- iframeId,
1103
- 'IFrame scrolling ' +
1104
- (settings[iframeId] && settings[iframeId].scrolling
1105
- ? 'enabled'
1106
- : 'disabled') +
1107
- ' for ' +
1108
- iframeId
1109
- );
1110
- iframe.style.overflow =
1111
- false === (settings[iframeId] && settings[iframeId].scrolling)
1112
- ? 'hidden'
1113
- : 'auto';
1114
- switch (settings[iframeId] && settings[iframeId].scrolling) {
1115
- case 'omit': {
1116
- break
1117
- }
1118
-
1119
- case true: {
1120
- iframe.scrolling = 'yes';
1121
- break
1122
- }
1123
-
1124
- case false: {
1125
- iframe.scrolling = 'no';
1126
- break
1127
- }
1128
-
1129
- default: {
1130
- iframe.scrolling = settings[iframeId]
1131
- ? settings[iframeId].scrolling
1132
- : 'no';
1133
- }
1134
- }
1135
- }
1136
-
1137
- // The V1 iFrame script expects an int, where as in V2 expects a CSS
1138
- // string value such as '1px 3em', so if we have an int for V2, set V1=V2
1139
- // and then convert V2 to a string PX value.
1140
- function setupBodyMarginValues() {
1141
- if (
1142
- 'number' ===
1143
- typeof (settings[iframeId] && settings[iframeId].bodyMargin) ||
1144
- '0' === (settings[iframeId] && settings[iframeId].bodyMargin)
1145
- ) {
1146
- settings[iframeId].bodyMarginV1 = settings[iframeId].bodyMargin;
1147
- settings[iframeId].bodyMargin =
1148
- '' + settings[iframeId].bodyMargin + 'px';
1149
- }
1150
- }
1151
-
1152
- function checkReset() {
1153
- // Reduce scope of firstRun to function, because IE8's JS execution
1154
- // context stack is borked and this value gets externally
1155
- // changed midway through running this function!!!
1156
- var firstRun = settings[iframeId] && settings[iframeId].firstRun,
1157
- resetRequertMethod =
1158
- settings[iframeId] &&
1159
- settings[iframeId].heightCalculationMethod in resetRequiredMethods;
1160
-
1161
- if (!firstRun && resetRequertMethod) {
1162
- resetIFrame({ iframe: iframe, height: 0, width: 0, type: 'init' });
1163
- }
1164
- }
1165
-
1166
- function setupIFrameObject() {
1167
- if (settings[iframeId]) {
1168
- settings[iframeId].iframe.iFrameResizer = {
1169
- close: closeIFrame.bind(null, settings[iframeId].iframe),
1170
-
1171
- removeListeners: removeIframeListeners.bind(
1172
- null,
1173
- settings[iframeId].iframe
1174
- ),
1175
-
1176
- resize: trigger.bind(
1177
- null,
1178
- 'Window resize',
1179
- 'resize',
1180
- settings[iframeId].iframe
1181
- ),
1182
-
1183
- moveToAnchor: function (anchor) {
1184
- trigger(
1185
- 'Move to anchor',
1186
- 'moveToAnchor:' + anchor,
1187
- settings[iframeId].iframe,
1188
- iframeId
1189
- );
1190
- },
1191
-
1192
- sendMessage: function (message) {
1193
- message = JSON.stringify(message);
1194
- trigger(
1195
- 'Send Message',
1196
- 'message:' + message,
1197
- settings[iframeId].iframe,
1198
- iframeId
1199
- );
1200
- }
1201
- };
1202
- }
1203
- }
1204
-
1205
- // We have to call trigger twice, as we can not be sure if all
1206
- // iframes have completed loading when this code runs. The
1207
- // event listener also catches the page changing in the iFrame.
1208
- function init(msg) {
1209
- function iFrameLoaded() {
1210
- trigger('iFrame.onload', msg, iframe, undefined$1, true);
1211
- checkReset();
1212
- }
1213
-
1214
- function createDestroyObserver(MutationObserver) {
1215
- if (!iframe.parentNode) {
1216
- return
1217
- }
1218
-
1219
- var destroyObserver = new MutationObserver(function (mutations) {
1220
- mutations.forEach(function (mutation) {
1221
- var removedNodes = Array.prototype.slice.call(mutation.removedNodes); // Transform NodeList into an Array
1222
- removedNodes.forEach(function (removedNode) {
1223
- if (removedNode === iframe) {
1224
- closeIFrame(iframe);
1225
- }
1226
- });
1227
- });
1228
- });
1229
- destroyObserver.observe(iframe.parentNode, {
1230
- childList: true
1231
- });
1232
- }
1233
-
1234
- var MutationObserver = getMutationObserver();
1235
- if (MutationObserver) {
1236
- createDestroyObserver(MutationObserver);
1237
- }
1238
-
1239
- addEventListener(iframe, 'load', iFrameLoaded);
1240
- trigger('init', msg, iframe, undefined$1, true);
1241
- }
1242
-
1243
- function checkOptions(options) {
1244
- if ('object' !== typeof options) {
1245
- throw new TypeError('Options is not an object')
1246
- }
1247
- }
1248
-
1249
- function copyOptions(options) {
1250
- // eslint-disable-next-line no-restricted-syntax
1251
- for (var option in defaults) {
1252
- if (Object.prototype.hasOwnProperty.call(defaults, option)) {
1253
- settings[iframeId][option] = Object.prototype.hasOwnProperty.call(
1254
- options,
1255
- option
1256
- )
1257
- ? options[option]
1258
- : defaults[option];
1259
- }
1260
- }
1261
- }
1262
-
1263
- function getTargetOrigin(remoteHost) {
1264
- return '' === remoteHost ||
1265
- null !== remoteHost.match(/^(about:blank|javascript:|file:\/\/)/)
1266
- ? '*'
1267
- : remoteHost
1268
- }
1269
-
1270
- function depricate(key) {
1271
- var splitName = key.split('Callback');
1272
-
1273
- if (splitName.length === 2) {
1274
- var name =
1275
- 'on' + splitName[0].charAt(0).toUpperCase() + splitName[0].slice(1);
1276
- this[name] = this[key];
1277
- delete this[key];
1278
- warn(
1279
- iframeId,
1280
- "Deprecated: '" +
1281
- key +
1282
- "' has been renamed '" +
1283
- name +
1284
- "'. The old method will be removed in the next major version."
1285
- );
1286
- }
1287
- }
1288
-
1289
- function processOptions(options) {
1290
- options = options || {};
1291
-
1292
- settings[iframeId] = Object.create(null); // Protect against prototype attacks
1293
- settings[iframeId].iframe = iframe;
1294
- settings[iframeId].firstRun = true;
1295
- settings[iframeId].remoteHost =
1296
- iframe.src && iframe.src.split('/').slice(0, 3).join('/');
1297
-
1298
- checkOptions(options);
1299
- Object.keys(options).forEach(depricate, options);
1300
- copyOptions(options);
1301
-
1302
- if (settings[iframeId]) {
1303
- settings[iframeId].targetOrigin =
1304
- true === settings[iframeId].checkOrigin
1305
- ? getTargetOrigin(settings[iframeId].remoteHost)
1306
- : '*';
1307
- }
1308
- }
1309
-
1310
- function beenHere() {
1311
- return iframeId in settings && 'iFrameResizer' in iframe
1312
- }
1313
-
1314
- var iframeId = ensureHasId(iframe.id);
1315
-
1316
- if (beenHere()) {
1317
- warn(iframeId, 'Ignored iFrame, already setup.');
1318
- } else {
1319
- processOptions(options);
1320
- setScrolling();
1321
- setLimits();
1322
- setupBodyMarginValues();
1323
- init(createOutgoingMsg(iframeId));
1324
- setupIFrameObject();
1325
- }
1326
- }
1327
-
1328
- function debouce(fn, time) {
1329
- if (null === timer) {
1330
- timer = setTimeout(function () {
1331
- timer = null;
1332
- fn();
1333
- }, time);
1334
- }
1335
- }
1336
-
1337
- var frameTimer = {};
1338
- function debounceFrameEvents(fn, time, frameId) {
1339
- if (!frameTimer[frameId]) {
1340
- frameTimer[frameId] = setTimeout(function () {
1341
- frameTimer[frameId] = null;
1342
- fn();
1343
- }, time);
1344
- }
1345
- }
1346
-
1347
- // Not testable in PhantomJS
1348
- /* istanbul ignore next */
1349
-
1350
- function fixHiddenIFrames() {
1351
- function checkIFrames() {
1352
- function checkIFrame(settingId) {
1353
- function chkDimension(dimension) {
1354
- return (
1355
- '0px' ===
1356
- (settings[settingId] && settings[settingId].iframe.style[dimension])
1357
- )
1358
- }
1359
-
1360
- function isVisible(el) {
1361
- return null !== el.offsetParent
1362
- }
1363
-
1364
- if (
1365
- settings[settingId] &&
1366
- isVisible(settings[settingId].iframe) &&
1367
- (chkDimension('height') || chkDimension('width'))
1368
- ) {
1369
- trigger(
1370
- 'Visibility change',
1371
- 'resize',
1372
- settings[settingId].iframe,
1373
- settingId
1374
- );
1375
- }
1376
- }
1377
-
1378
- Object.keys(settings).forEach(function (key) {
1379
- checkIFrame(key);
1380
- });
1381
- }
1382
-
1383
- function mutationObserved(mutations) {
1384
- log(
1385
- 'window',
1386
- 'Mutation observed: ' + mutations[0].target + ' ' + mutations[0].type
1387
- );
1388
- debouce(checkIFrames, 16);
1389
- }
1390
-
1391
- function createMutationObserver() {
1392
- var target = document.querySelector('body'),
1393
- config = {
1394
- attributes: true,
1395
- attributeOldValue: false,
1396
- characterData: true,
1397
- characterDataOldValue: false,
1398
- childList: true,
1399
- subtree: true
1400
- },
1401
- observer = new MutationObserver(mutationObserved);
1402
-
1403
- observer.observe(target, config);
1404
- }
1405
-
1406
- var MutationObserver = getMutationObserver();
1407
- if (MutationObserver) {
1408
- createMutationObserver();
1409
- }
1410
- }
1411
-
1412
- function resizeIFrames(event) {
1413
- function resize() {
1414
- sendTriggerMsg('Window ' + event, 'resize');
1415
- }
1416
-
1417
- log('window', 'Trigger event: ' + event);
1418
- debouce(resize, 16);
1419
- }
1420
-
1421
- // Not testable in PhantomJS
1422
- /* istanbul ignore next */
1423
- function tabVisible() {
1424
- function resize() {
1425
- sendTriggerMsg('Tab Visible', 'resize');
1426
- }
1427
-
1428
- if ('hidden' !== document.visibilityState) {
1429
- log('document', 'Trigger event: Visibility change');
1430
- debouce(resize, 16);
1431
- }
1432
- }
1433
-
1434
- function sendTriggerMsg(eventName, event) {
1435
- function isIFrameResizeEnabled(iframeId) {
1436
- return (
1437
- settings[iframeId] &&
1438
- 'parent' === settings[iframeId].resizeFrom &&
1439
- settings[iframeId].autoResize &&
1440
- !settings[iframeId].firstRun
1441
- )
1442
- }
1443
-
1444
- Object.keys(settings).forEach(function (iframeId) {
1445
- if (isIFrameResizeEnabled(iframeId)) {
1446
- trigger(eventName, event, settings[iframeId].iframe, iframeId);
1447
- }
1448
- });
1449
- }
1450
-
1451
- function setupEventListeners() {
1452
- addEventListener(window, 'message', iFrameListener);
1453
-
1454
- addEventListener(window, 'resize', function () {
1455
- resizeIFrames('resize');
1456
- });
1457
-
1458
- addEventListener(document, 'visibilitychange', tabVisible);
1459
-
1460
- addEventListener(document, '-webkit-visibilitychange', tabVisible);
1461
- }
1462
-
1463
- function factory() {
1464
- function init(options, element) {
1465
- function chkType() {
1466
- if (!element.tagName) {
1467
- throw new TypeError('Object is not a valid DOM element')
1468
- } else if ('IFRAME' !== element.tagName.toUpperCase()) {
1469
- throw new TypeError(
1470
- 'Expected <IFRAME> tag, found <' + element.tagName + '>'
1471
- )
1472
- }
1473
- }
1474
-
1475
- if (element) {
1476
- chkType();
1477
- setupIFrame(element, options);
1478
- iFrames.push(element);
1479
- }
1480
- }
1481
-
1482
- function warnDeprecatedOptions(options) {
1483
- if (options && options.enablePublicMethods) {
1484
- warn(
1485
- 'enablePublicMethods option has been removed, public methods are now always available in the iFrame'
1486
- );
1487
- }
1488
- }
1489
-
1490
- var iFrames;
1491
-
1492
- setupRequestAnimationFrame();
1493
- setupEventListeners();
1494
-
1495
- return function iFrameResizeF(options, target) {
1496
- iFrames = []; // Only return iFrames past in on this call
1497
-
1498
- warnDeprecatedOptions(options);
1499
-
1500
- switch (typeof target) {
1501
- case 'undefined':
1502
- case 'string': {
1503
- Array.prototype.forEach.call(
1504
- document.querySelectorAll(target || 'iframe'),
1505
- init.bind(undefined$1, options)
1506
- );
1507
- break
1508
- }
1509
-
1510
- case 'object': {
1511
- init(options, target);
1512
- break
1513
- }
1514
-
1515
- default: {
1516
- throw new TypeError('Unexpected data type (' + typeof target + ')')
1517
- }
1518
- }
1519
-
1520
- return iFrames
1521
- }
1522
- }
1523
-
1524
- function createJQueryPublicMethod($) {
1525
- if (!$.fn) {
1526
- info('', 'Unable to bind to jQuery, it is not fully loaded.');
1527
- } else if (!$.fn.iFrameResize) {
1528
- $.fn.iFrameResize = function $iFrameResizeF(options) {
1529
- function init(index, element) {
1530
- setupIFrame(element, options);
1531
- }
1532
-
1533
- return this.filter('iframe').each(init).end()
1534
- };
1535
- }
1536
- }
1537
-
1538
- if (window.jQuery !== undefined$1) {
1539
- createJQueryPublicMethod(window.jQuery);
1540
- }
1541
-
1542
- if (typeof undefined$1 === 'function' && undefined$1.amd) {
1543
- undefined$1([], factory);
1544
- } else {
1545
- // Node for browserfy
1546
- module.exports = factory();
1547
- }
1548
- window.iFrameResize = window.iFrameResize || factory();
1549
- })();
1550
- });
1551
-
1552
- const MessageEventType = {
1553
- card: {
1554
- ready: 'justifi.card.ready',
1555
- tokenize: 'justifi.card.tokenize',
1556
- validate: 'justifi.card.validate',
1557
- resize: 'justifi.card.resize',
1558
- styleOverrides: 'justifi.card.styleOverrides',
1559
- },
1560
- bankAccount: {
1561
- ready: 'justifi.bankAccount.ready',
1562
- tokenize: 'justifi.bankAccount.tokenize',
1563
- validate: 'justifi.bankAccount.validate',
1564
- resize: 'justifi.bankAccount.resize',
1565
- styleOverrides: 'justifi.bankAccount.styleOverrides',
1566
- },
1567
- };
1568
-
1569
- const name = "@justifi/webcomponents";
1570
- const version = "4.14.0";
1571
- const description = "JustiFi Web Components";
1572
- const main = "dist/module/index.js";
1573
- const module$1 = "dist/module/index.js";
1574
- const types = "./dist/types/index.d.ts";
1575
- const repository = {
1576
- type: "git",
1577
- url: "git+https://github.com/justifi-tech/web-component-library.git"
1578
- };
1579
- const homepage = "https://storybook.justifi.ai/?path=/docs/introduction--docs";
1580
- const publishConfig = {
1581
- registry: "https://registry.npmjs.org"
1582
- };
1583
- const files = [
1584
- "dist/"
1585
- ];
1586
- const scripts = {
1587
- build: "stencil build --docs",
1588
- dev: "stencil build --watch",
1589
- lint: "eslint . --max-warnings 0",
1590
- clean: "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
1591
- generate: "stencil generate",
1592
- test: "TZ=utc stencil test --spec",
1593
- "test:watch": "TZ=utc stencil test --spec --watchAll",
1594
- "test:e2e": "stencil test --e2e",
1595
- "test:file": "stencil test --spec --watch --"
1596
- };
1597
- const dependencies = {
1598
- "@stencil/core": "^4.0.5",
1599
- bootstrap: "^5.2.3",
1600
- "chart.js": "^4.4.1",
1601
- "date-fns": "^2.29.3",
1602
- "dinero.js": "^1.9.1",
1603
- "iframe-resizer": "^4.3.7",
1604
- imask: "^7.6.0",
1605
- rxjs: "^7.8.1",
1606
- "ts-dedent": "^2.2.0",
1607
- uuid: "^9.0.0",
1608
- yup: "^1.0.0"
1609
- };
1610
- const devDependencies = {
1611
- "@babel/preset-env": "^7.21.5",
1612
- "@babel/preset-react": "^7.18.6",
1613
- "@babel/preset-typescript": "^7.21.5",
1614
- "@stencil/sass": "^3.0.1",
1615
- "@stencil/store": "^2.0.8",
1616
- "@types/jest": "27.0.3",
1617
- "@types/node": "^20.1.4",
1618
- "@types/react": "^18.0.37",
1619
- "@types/react-dom": "^18.0.11",
1620
- dotenv: "^16.3.1",
1621
- jest: "^29.7.0",
1622
- "jest-cli": "^29.7.0",
1623
- "jest-environment-node": "^29.7.0",
1624
- puppeteer: "^21.0.0",
1625
- "ts-jest": "^29.1.2"
1626
- };
1627
- const license = "MIT";
1628
- const gitHead = "507bac1d941eae6e1f56e185ecd9bc9d22637783";
1629
- const packageJson = {
1630
- name: name,
1631
- version: version,
1632
- description: description,
1633
- main: main,
1634
- module: module$1,
1635
- types: types,
1636
- repository: repository,
1637
- homepage: homepage,
1638
- publishConfig: publishConfig,
1639
- files: files,
1640
- scripts: scripts,
1641
- dependencies: dependencies,
1642
- devDependencies: devDependencies,
1643
- license: license,
1644
- gitHead: gitHead
1645
- };
1646
-
1647
- const getComputedTheme = () => {
1648
- const computedStyles = getComputedStyle(document.body);
1649
- const computedTheme = {
1650
- loadGoogleFont: computedStyles.getPropertyValue('--jfi-load-google-font'),
1651
- layout: {
1652
- fontFamily: computedStyles.getPropertyValue('--jfi-layout-font-family'),
1653
- padding: computedStyles.getPropertyValue('--jfi-layout-padding'),
1654
- formControlSpacingHorizontal: computedStyles.getPropertyValue('--jfi-layout-form-control-spacing-x'),
1655
- formControlSpacingVertical: computedStyles.getPropertyValue('--jfi-layout-form-control-spacing-y'),
1656
- },
1657
- formControl: {
1658
- backgroundColor: computedStyles.getPropertyValue('--jfi-form-control-background-color'),
1659
- borderColor: computedStyles.getPropertyValue('--jfi-form-control-border-color'),
1660
- borderColorFocus: computedStyles.getPropertyValue('--jfi-form-control-border-color-focus'),
1661
- borderColorError: computedStyles.getPropertyValue('--jfi-form-control-border-color-error'),
1662
- borderWidth: computedStyles.getPropertyValue('--jfi-form-control-border-width'),
1663
- borderBottomWidth: computedStyles.getPropertyValue('--jfi-form-control-border-bottom-width'),
1664
- borderLeftWidth: computedStyles.getPropertyValue('--jfi-form-control-border-left-width'),
1665
- borderRightWidth: computedStyles.getPropertyValue('--jfi-form-control-border-right-width'),
1666
- borderTopWidth: computedStyles.getPropertyValue('--jfi-form-control-border-top-width'),
1667
- borderRadius: computedStyles.getPropertyValue('--jfi-form-control-border-radius'),
1668
- borderStyle: computedStyles.getPropertyValue('--jfi-form-control-border-style'),
1669
- boxShadow: computedStyles.getPropertyValue('--jfi-form-control-box-shadow'),
1670
- boxShadowError: computedStyles.getPropertyValue('--jfi-form-control-box-shadow-error'),
1671
- boxShadowErrorFocus: computedStyles.getPropertyValue('--jfi-form-control-box-shadow-error-focus'),
1672
- boxShadowFocus: computedStyles.getPropertyValue('--jfi-form-control-box-shadow-focus'),
1673
- color: computedStyles.getPropertyValue('--jfi-form-control-color'),
1674
- colorFocus: computedStyles.getPropertyValue('--jfi-form-control-color-focus'),
1675
- fontSize: computedStyles.getPropertyValue('--jfi-form-control-font-size'),
1676
- fontWeight: computedStyles.getPropertyValue('--jfi-form-control-font-weight'),
1677
- lineHeight: computedStyles.getPropertyValue('--jfi-form-control-line-height'),
1678
- margin: computedStyles.getPropertyValue('--jfi-form-control-margin'),
1679
- padding: computedStyles.getPropertyValue('--jfi-form-control-padding'),
1680
- },
1681
- formLabel: {
1682
- color: computedStyles.getPropertyValue('--jfi-form-label-color'),
1683
- fontFamily: computedStyles.getPropertyValue('--jfi-form-label-font-family'),
1684
- fontSize: computedStyles.getPropertyValue('--jfi-form-label-font-size'),
1685
- fontWeight: computedStyles.getPropertyValue('--jfi-form-label-font-weight'),
1686
- margin: computedStyles.getPropertyValue('--jfi-form-label-margin'),
1687
- },
1688
- errorMessage: {
1689
- color: computedStyles.getPropertyValue('--jfi-error-message-color'),
1690
- margin: computedStyles.getPropertyValue('--jfi-error-message-margin'),
1691
- fontSize: computedStyles.getPropertyValue('--jfi-error-message-font-size'),
1692
- },
1693
- };
1694
- return computedTheme;
1695
- };
1696
-
1697
- /**
1698
- * This approach decouples the communication logic from PaymentMethodForm component,
1699
- * making it cleaner, more maintainable, and easier to test
1700
- */
1701
- class FrameCommunicationService {
1702
- constructor(iframe, iframeOrigin) {
1703
- this.iframe = iframe;
1704
- this.iframeOrigin = iframeOrigin;
1705
- }
1706
- postMessage(eventType, payload) {
1707
- const message = Object.assign({ eventType }, payload);
1708
- this.iframe.contentWindow.postMessage(message, this.iframeOrigin);
1709
- }
1710
- addMessageListener(callback) {
1711
- window.addEventListener('message', callback);
1712
- }
1713
- removeMessageListener(callback) {
1714
- window.removeEventListener('message', callback);
1715
- }
1716
- postMessageWithResponseListener(eventType, payload) {
1717
- return new Promise((resolve) => {
1718
- const responseListener = (event) => {
1719
- if (event.data.eventType !== eventType)
1720
- return;
1721
- window.removeEventListener('message', responseListener);
1722
- resolve(event.data.data);
1723
- };
1724
- window.addEventListener('message', responseListener);
1725
- this.postMessage(eventType, payload);
1726
- });
1727
- }
1728
- }
1729
-
1730
- const paymentMethodFormCss = ":host{display:block}justifi-payment-method-form iframe{border:none;width:100%}iframe{width:1px;min-width:100%}";
1731
-
1732
- const PaymentMethodForm = class {
1733
- constructor(hostRef) {
1734
- index.registerInstance(this, hostRef);
1735
- this.paymentMethodFormReady = index.createEvent(this, "paymentMethodFormReady", 7);
1736
- this.paymentMethodFormValidated = index.createEvent(this, "paymentMethodFormValidated", 7);
1737
- this.paymentMethodFormTokenized = index.createEvent(this, "paymentMethodFormTokenized", 7);
1738
- this.computedTheme = getComputedTheme();
1739
- this.dispatchMessageEvent = (messageEvent) => {
1740
- const { eventType, data } = messageEvent.data;
1741
- const eventTypeMessage = MessageEventType[this.paymentMethodFormType];
1742
- if (eventType === eventTypeMessage.ready) {
1743
- this.paymentMethodFormReady.emit(data);
1744
- }
1745
- else if (eventType === eventTypeMessage.tokenize) {
1746
- this.paymentMethodFormTokenized.emit(data);
1747
- }
1748
- else if (eventType === eventTypeMessage.validate) {
1749
- this.paymentMethodFormValidated.emit(data);
1750
- }
1751
- };
1752
- this.postMessage = (eventType, payload) => {
1753
- this.frameService.postMessage(eventType, payload);
1754
- };
1755
- this.paymentMethodFormType = undefined;
1756
- this.paymentMethodFormValidationMode = undefined;
1757
- this.iframeOrigin = undefined;
1758
- this.singleLine = undefined;
1759
- }
1760
- disconnectedCallback() {
1761
- this.frameService.removeMessageListener(this.dispatchMessageEvent);
1762
- }
1763
- async resize() {
1764
- this.postMessage(MessageEventType[this.paymentMethodFormType].resize);
1765
- }
1766
- async tokenize(clientId, paymentMethodMetadata, account) {
1767
- const eventType = MessageEventType[this.paymentMethodFormType].tokenize;
1768
- return this.frameService.postMessageWithResponseListener(eventType, {
1769
- clientId,
1770
- paymentMethodMetadata,
1771
- account,
1772
- componentVersion: packageJson.version,
1773
- });
1774
- }
1775
- async validate() {
1776
- const eventType = MessageEventType[this.paymentMethodFormType].validate;
1777
- return this.frameService.postMessageWithResponseListener(eventType);
1778
- }
1779
- sendStyleOverrides() {
1780
- if (this.computedTheme) {
1781
- this.postMessage(MessageEventType[this.paymentMethodFormType].styleOverrides, { styleOverrides: this.computedTheme });
1782
- }
1783
- }
1784
- getIframeSrc() {
1785
- let paramsList = [];
1786
- if (this.paymentMethodFormValidationMode) {
1787
- paramsList.push(`validationMode=${this.paymentMethodFormValidationMode}`);
1788
- }
1789
- if (this.singleLine) {
1790
- paramsList.push(`singleLine=${this.singleLine}`);
1791
- }
1792
- let iframeSrc = `${this.iframeOrigin}/${this.paymentMethodFormType}${utils.composeQueryParams(paramsList)}`;
1793
- return iframeSrc;
1794
- }
1795
- initializeFrameCommunicationService() {
1796
- var _a;
1797
- this.frameService = new FrameCommunicationService(this.iframeElement, this.iframeOrigin);
1798
- (_a = this.frameService) === null || _a === void 0 ? void 0 : _a.addMessageListener(this.dispatchMessageEvent);
1799
- }
1800
- render() {
1801
- return (index.h(index.Host, null, index.h("iframe", { id: `justifi-payment-method-form-${this.paymentMethodFormType}`, src: this.getIframeSrc(), ref: el => {
1802
- this.iframeElement = el;
1803
- this.initializeFrameCommunicationService();
1804
- }, onLoad: () => {
1805
- iframeResizer({
1806
- scrollbars: false,
1807
- }, this.iframeElement);
1808
- this.sendStyleOverrides();
1809
- } })));
1810
- }
1811
- };
1812
- PaymentMethodForm.style = paymentMethodFormCss;
1813
-
1814
- const selectInputCss = ":root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222, 226, 230;--bs-body-bg:#212529;--bs-body-bg-rgb:33, 37, 41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255, 255, 255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222, 226, 230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52, 58, 64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222, 226, 230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43, 48, 53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110, 168, 254;--bs-link-hover-color-rgb:139, 185, 254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.clearfix::after{display:block;clear:both;content:\"\"}.text-bg-primary{color:#fff !important;background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important}.link-primary{color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-primary:hover,.link-primary:focus{color:RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important}.link-secondary{color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important}.link-success{color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-success:hover,.link-success:focus{color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important}.link-info{color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-info:hover,.link-info:focus{color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important}.link-warning{color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-warning:hover,.link-warning:focus{color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important}.link-danger{color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-danger:hover,.link-danger:focus{color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important}.link-light{color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-light:hover,.link-light:focus{color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important}.link-dark{color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-dark:hover,.link-dark:focus{color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:0.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:0.2s ease-in-out transform}@media (prefers-reduced-motion: reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:\"\"}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:\"\"}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:0.25}*,*::before,*::after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:0.25}h6,h5,h4,h3,h2,h1{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + 0.9vw)}@media (min-width: 1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + 0.6vw)}@media (min-width: 1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + 0.3vw)}@media (min-width: 1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:0.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:0.875em}mark{padding:0.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:0.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:0.1875rem 0.375rem;font-size:0.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:0.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:0.5rem;padding-bottom:0.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:0.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}@media (min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none !important}.form-label{margin-bottom:0.5rem}.col-form-label{padding-top:calc(0.375rem + var(--bs-border-width));padding-bottom:calc(0.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(0.5rem + var(--bs-border-width));padding-bottom:calc(0.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(0.25rem + var(--bs-border-width));padding-bottom:calc(0.25rem + var(--bs-border-width));font-size:0.875rem}.form-text{margin-top:0.25rem;font-size:0.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button{padding:0.375rem 0.75rem;margin:-0.375rem -0.75rem;margin-inline-end:0.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:0.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));padding:0.25rem 0.5rem;font-size:0.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::file-selector-button{padding:0.25rem 0.5rem;margin:-0.25rem -0.5rem;margin-inline-end:0.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:0.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::file-selector-button{padding:0.5rem 1rem;margin:-0.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));padding:0.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0 !important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0 !important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");display:block;width:100%;padding:0.375rem 2.25rem 0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25)}.form-select[multiple],.form-select[size]:not([size=\"1\"]){padding-right:0.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;font-size:0.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:0.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:0.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:0.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e\")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:0.5}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{cursor:default;opacity:0.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e\");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e\")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.btn-check[disabled]+.btn,.btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:0.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e\")}.form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-0.25rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-range::-webkit-slider-thumb{transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:0.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-range::-moz-range-thumb{transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:0.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:1rem 0.75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity 0.1s ease-in-out, transform 0.1s ease-in-out}@media (prefers-reduced-motion: reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem 0.75rem}.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder{color:transparent}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:0.625rem}.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.625rem;padding-bottom:0.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:0.625rem}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb), 0.65);transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-control-plaintext~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:\"\";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb), 0.65);transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>:disabled~label,.form-floating>.form-control:disabled~label{color:#6c757d}.form-floating>:disabled~label::after,.form-floating>.form-control:disabled~label::after{background-color:var(--bs-secondary-bg)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select,.input-group>.form-floating{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn{padding:0.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn{padding:0.25rem 0.5rem;font-size:0.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select{border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:0.25rem;font-size:0.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:0.25rem 0.5rem;margin-top:0.1rem;font-size:0.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + 0.75rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .form-select:valid,.form-select.is-valid{border-color:var(--bs-form-valid-border-color)}.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size=\"1\"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size=\"1\"]{--bs-form-select-bg-icon:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");padding-right:4.125rem;background-position:right 0.75rem center, center right 2.25rem;background-size:16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-select:valid:focus,.form-select.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25)}.was-validated .form-control-color:valid,.form-control-color.is-valid{width:calc(3rem + calc(1.5em + 0.75rem))}.was-validated .form-check-input:valid,.form-check-input.is-valid{border-color:var(--bs-form-valid-border-color)}.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{background-color:var(--bs-form-valid-color)}.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{box-shadow:0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25)}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:0.5em}.was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:0.25rem;font-size:0.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:0.25rem 0.5rem;margin-top:0.1rem;font-size:0.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + 0.75rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .form-select:invalid,.form-select.is-invalid{border-color:var(--bs-form-invalid-border-color)}.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size=\"1\"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size=\"1\"]{--bs-form-select-bg-icon:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\");padding-right:4.125rem;background-position:right 0.75rem center, center right 2.25rem;background-size:16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated .form-control-color:invalid,.form-control-color.is-invalid{width:calc(3rem + calc(1.5em + 0.75rem))}.was-validated .form-check-input:invalid,.form-check-input.is-invalid{border-color:var(--bs-form-invalid-border-color)}.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{background-color:var(--bs-form-invalid-color)}.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{box-shadow:0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:0.5em}.was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid{z-index:4}:host{font-family:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;display:block}";
1815
-
1816
- const SelectInput = class {
1817
- constructor(hostRef) {
1818
- index.registerInstance(this, hostRef);
1819
- this.fieldReceivedInput = index.createEvent(this, "fieldReceivedInput", 7);
1820
- this.name = undefined;
1821
- this.label = undefined;
1822
- this.defaultValue = undefined;
1823
- this.error = undefined;
1824
- this.options = [];
1825
- this.internalValue = '';
1826
- }
1827
- onInput(event) {
1828
- const target = event.target;
1829
- const name = target.getAttribute('name');
1830
- this.fieldReceivedInput.emit({ name: name, value: target.value });
1831
- }
1832
- render() {
1833
- return (index.h(index.Host, { exportparts: "label,input,input-invalid,invalid-feedback" }, index.h("label", { part: "label", class: "form-label" }, this.label), index.h("select", { name: this.name, onInput: event => this.onInput(event), part: `input${this.error ? ' input-invalid' : ''}`, class: this.error ? 'form-select is-invalid' : 'form-select' }, this.options.map(option => (index.h("option", { value: option.value }, option.label)))), this.error && index.h("div", { class: "invalid-feedback", part: "invalid-feedback" }, this.error)));
1834
- }
1835
- };
1836
- SelectInput.style = selectInputCss;
1837
-
1838
- const textInputCss = ":root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222, 226, 230;--bs-body-bg:#212529;--bs-body-bg-rgb:33, 37, 41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255, 255, 255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222, 226, 230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52, 58, 64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222, 226, 230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43, 48, 53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110, 168, 254;--bs-link-hover-color-rgb:139, 185, 254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.clearfix::after{display:block;clear:both;content:\"\"}.text-bg-primary{color:#fff !important;background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important}.link-primary{color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-primary:hover,.link-primary:focus{color:RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important}.link-secondary{color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important}.link-success{color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-success:hover,.link-success:focus{color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important}.link-info{color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-info:hover,.link-info:focus{color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important}.link-warning{color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-warning:hover,.link-warning:focus{color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important}.link-danger{color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-danger:hover,.link-danger:focus{color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important}.link-light{color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-light:hover,.link-light:focus{color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important}.link-dark{color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-dark:hover,.link-dark:focus{color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:0.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:0.2s ease-in-out transform}@media (prefers-reduced-motion: reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:\"\"}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:\"\"}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:0.25}*,*::before,*::after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:0.25}h6,h5,h4,h3,h2,h1{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + 0.9vw)}@media (min-width: 1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + 0.6vw)}@media (min-width: 1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + 0.3vw)}@media (min-width: 1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:0.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:0.875em}mark{padding:0.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:0.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:0.1875rem 0.375rem;font-size:0.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:0.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:0.5rem;padding-bottom:0.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:0.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}@media (min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none !important}.form-label{margin-bottom:0.5rem}.col-form-label{padding-top:calc(0.375rem + var(--bs-border-width));padding-bottom:calc(0.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(0.5rem + var(--bs-border-width));padding-bottom:calc(0.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(0.25rem + var(--bs-border-width));padding-bottom:calc(0.25rem + var(--bs-border-width));font-size:0.875rem}.form-text{margin-top:0.25rem;font-size:0.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button{padding:0.375rem 0.75rem;margin:-0.375rem -0.75rem;margin-inline-end:0.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:0.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));padding:0.25rem 0.5rem;font-size:0.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::file-selector-button{padding:0.25rem 0.5rem;margin:-0.25rem -0.5rem;margin-inline-end:0.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:0.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::file-selector-button{padding:0.5rem 1rem;margin:-0.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));padding:0.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0 !important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0 !important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");display:block;width:100%;padding:0.375rem 2.25rem 0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25)}.form-select[multiple],.form-select[size]:not([size=\"1\"]){padding-right:0.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;font-size:0.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:0.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:0.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:0.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e\")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:0.5}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{cursor:default;opacity:0.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e\");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e\")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.btn-check[disabled]+.btn,.btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:0.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e\")}.form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-0.25rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-range::-webkit-slider-thumb{transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:0.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-range::-moz-range-thumb{transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:0.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:1rem 0.75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity 0.1s ease-in-out, transform 0.1s ease-in-out}@media (prefers-reduced-motion: reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem 0.75rem}.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder{color:transparent}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:0.625rem}.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.625rem;padding-bottom:0.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:0.625rem}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb), 0.65);transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-control-plaintext~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:\"\";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb), 0.65);transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>:disabled~label,.form-floating>.form-control:disabled~label{color:#6c757d}.form-floating>:disabled~label::after,.form-floating>.form-control:disabled~label::after{background-color:var(--bs-secondary-bg)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select,.input-group>.form-floating{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn{padding:0.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn{padding:0.25rem 0.5rem;font-size:0.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select{border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:0.25rem;font-size:0.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:0.25rem 0.5rem;margin-top:0.1rem;font-size:0.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + 0.75rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .form-select:valid,.form-select.is-valid{border-color:var(--bs-form-valid-border-color)}.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size=\"1\"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size=\"1\"]{--bs-form-select-bg-icon:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");padding-right:4.125rem;background-position:right 0.75rem center, center right 2.25rem;background-size:16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-select:valid:focus,.form-select.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25)}.was-validated .form-control-color:valid,.form-control-color.is-valid{width:calc(3rem + calc(1.5em + 0.75rem))}.was-validated .form-check-input:valid,.form-check-input.is-valid{border-color:var(--bs-form-valid-border-color)}.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{background-color:var(--bs-form-valid-color)}.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{box-shadow:0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25)}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:0.5em}.was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:0.25rem;font-size:0.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:0.25rem 0.5rem;margin-top:0.1rem;font-size:0.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + 0.75rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .form-select:invalid,.form-select.is-invalid{border-color:var(--bs-form-invalid-border-color)}.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size=\"1\"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size=\"1\"]{--bs-form-select-bg-icon:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\");padding-right:4.125rem;background-position:right 0.75rem center, center right 2.25rem;background-size:16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated .form-control-color:invalid,.form-control-color.is-invalid{width:calc(3rem + calc(1.5em + 0.75rem))}.was-validated .form-check-input:invalid,.form-check-input.is-invalid{border-color:var(--bs-form-invalid-border-color)}.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{background-color:var(--bs-form-invalid-color)}.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{box-shadow:0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:0.5em}.was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid{z-index:4}:host{font-family:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;display:block}";
1839
-
1840
- const TextInput = class {
1841
- constructor(hostRef) {
1842
- index.registerInstance(this, hostRef);
1843
- this.fieldReceivedInput = index.createEvent(this, "fieldReceivedInput", 7);
1844
- this.name = undefined;
1845
- this.label = undefined;
1846
- this.defaultValue = undefined;
1847
- this.error = undefined;
1848
- this.internalValue = '';
1849
- }
1850
- onInput(event) {
1851
- const target = event.target;
1852
- const name = target.getAttribute('name');
1853
- this.fieldReceivedInput.emit({ name: name, value: target.value });
1854
- }
1855
- render() {
1856
- return (index.h(index.Host, { exportparts: "label,input,input-invalid,invalid-feedback" }, index.h("label", { part: "label", class: "form-label" }, this.label), index.h("input", { name: this.name, type: "text", onInput: event => this.onInput(event), value: this.internalValue || this.defaultValue, part: `input${this.error ? ' input-invalid' : ''}`, class: this.error ? 'form-control is-invalid' : 'form-control' }), this.error && index.h("div", { class: "invalid-feedback", part: "invalid-feedback" }, this.error)));
1857
- }
1858
- };
1859
- TextInput.style = textInputCss;
1860
-
1861
- exports.justifi_billing_form = BillingForm;
1862
- exports.justifi_payment_method_form = PaymentMethodForm;
1863
- exports.select_input = SelectInput;
1864
- exports.text_input = TextInput;