@lion/ui 0.9.1 → 0.10.0

package/custom-elements.json

@@ -2100,6 +2100,36 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "exports/define-helpers/sb-action-logger.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "sb-action-logger",
+          "declaration": {
+            "name": "SbActionLogger",
+            "module": "/exports/helpers.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "exports/define-helpers/sb-locale-switcher.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "sb-locale-switcher",
+          "declaration": {
+            "name": "SbLocaleSwitcher",
+            "module": "/exports/helpers.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "exports/define/lion-accordion.js",
@@ -2790,36 +2820,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "exports/define-helpers/sb-action-logger.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "sb-action-logger",
-          "declaration": {
-            "name": "SbActionLogger",
-            "module": "/exports/helpers.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "exports/define-helpers/sb-locale-switcher.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "sb-locale-switcher",
-          "declaration": {
-            "name": "SbLocaleSwitcher",
-            "module": "/exports/helpers.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/accordion/src/LionAccordion.js",
@@ -8521,6 +8521,20 @@
                 "module": "components/form-core/src/choice-group/ChoiceInputMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -8769,6 +8783,35 @@
                 "module": "components/form-core/src/FormatMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -8789,7 +8832,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "FormatMixin",
                 "module": "components/form-core/src/FormatMixin.js"
@@ -11779,6 +11822,20 @@
                 "module": "components/form-core/src/choice-group/ChoiceInputMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -12027,6 +12084,35 @@
                 "module": "components/form-core/src/FormatMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -12047,7 +12133,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "FormatMixin",
                 "module": "components/form-core/src/FormatMixin.js"
@@ -15193,6 +15279,19 @@
               },
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "#hasSetup",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "OverlayMixin",
+                "module": "components/overlays/src/OverlayMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "config",
@@ -15347,8 +15446,7 @@
             },
             {
               "kind": "method",
-              "name": "#isMovingInDom",
-              "privacy": "private",
+              "name": "_isPermanentlyDisconnected",
               "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
               "return": {
                 "type": {
@@ -15358,7 +15456,8 @@
               "inheritedFrom": {
                 "name": "OverlayMixin",
                 "module": "components/overlays/src/OverlayMixin.js"
-              }
+              },
+              "privacy": "protected"
             },
             {
               "kind": "field",
@@ -19493,6 +19592,19 @@
               },
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "#hasSetup",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "OverlayMixin",
+                "module": "components/overlays/src/OverlayMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "config",
@@ -19724,8 +19836,7 @@
             },
             {
               "kind": "method",
-              "name": "#isMovingInDom",
-              "privacy": "private",
+              "name": "_isPermanentlyDisconnected",
               "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
               "return": {
                 "type": {
@@ -19735,7 +19846,8 @@
               "inheritedFrom": {
                 "name": "OverlayMixin",
                 "module": "components/overlays/src/OverlayMixin.js"
-              }
+              },
+              "privacy": "protected"
             },
             {
               "kind": "field",
@@ -24293,6 +24405,20 @@
                 "module": "components/form-core/src/choice-group/ChoiceInputMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -24541,6 +24667,35 @@
                 "module": "components/form-core/src/FormatMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -24561,7 +24716,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "FormatMixin",
                 "module": "components/form-core/src/FormatMixin.js"
@@ -26914,6 +27069,20 @@
                 "module": "components/form-core/src/choice-group/ChoiceInputMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -27162,6 +27331,35 @@
                 "module": "components/form-core/src/FormatMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -27182,7 +27380,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "FormatMixin",
                 "module": "components/form-core/src/FormatMixin.js"
@@ -30145,6 +30343,20 @@
                 "module": "components/form-core/src/choice-group/ChoiceInputMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -30393,6 +30605,35 @@
                 "module": "components/form-core/src/FormatMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -30413,7 +30654,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "FormatMixin",
                 "module": "components/form-core/src/FormatMixin.js"
@@ -35525,6 +35766,20 @@
                 "module": "components/form-core/src/choice-group/ChoiceInputMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -35773,6 +36028,35 @@
                 "module": "components/form-core/src/FormatMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -35793,7 +36077,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "FormatMixin",
                 "module": "components/form-core/src/FormatMixin.js"
@@ -38714,6 +38998,16 @@
                 "module": "components/core/src/DisabledMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators."
+            },
             {
               "kind": "field",
               "name": "value",
@@ -38977,6 +39271,27 @@
               "name": "__onPaste",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -38993,7 +39308,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})"
+              "default": "({ mode: 'auto' })"
             },
             {
               "kind": "field",
@@ -44695,6 +45010,20 @@
                 "module": "components/form-core/src/FocusMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -45041,6 +45370,35 @@
                 "module": "components/form-core/src/FormatMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -45061,7 +45419,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "FormatMixin",
                 "module": "components/form-core/src/FormatMixin.js"
@@ -46730,6 +47088,20 @@
               "attribute": "autocomplete",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "preprocessor",
@@ -47042,6 +47414,35 @@
                 "module": "components/form-core/src/FormatMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -47062,7 +47463,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "FormatMixin",
                 "module": "components/form-core/src/FormatMixin.js"
@@ -59209,6 +59610,20 @@
               "attribute": "checked",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -59452,6 +59867,35 @@
                 "module": "components/form-core/src/FormatMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -59472,7 +59916,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "FormatMixin",
                 "module": "components/form-core/src/FormatMixin.js"
@@ -67747,6 +68191,20 @@
                 "module": "components/form-core/src/NativeTextFieldMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "preprocessor",
@@ -67990,6 +68448,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -68010,7 +68497,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -70688,7 +71175,7 @@
               "description": "Locale Options",
               "optional": true,
               "type": {
-                "text": "FormatOptions"
+                "text": "FormatNumberOptions"
               }
             }
           ],
@@ -71000,6 +71487,20 @@
                 "module": "components/form-core/src/NativeTextFieldMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "preprocessor",
@@ -71210,6 +71711,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -71230,7 +71760,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -74423,6 +74953,19 @@
                 "module": "components/overlays/src/ArrowMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#hasSetup",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "OverlayMixin",
+                "module": "components/overlays/src/OverlayMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "config",
@@ -74625,8 +75168,7 @@
             },
             {
               "kind": "method",
-              "name": "#isMovingInDom",
-              "privacy": "private",
+              "name": "_isPermanentlyDisconnected",
               "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
               "return": {
                 "type": {
@@ -74636,7 +75178,8 @@
               "inheritedFrom": {
                 "name": "OverlayMixin",
                 "module": "components/overlays/src/OverlayMixin.js"
-              }
+              },
+              "privacy": "protected"
             },
             {
               "kind": "field",
@@ -74895,6 +75438,20 @@
                 "module": "components/form-core/src/NativeTextFieldMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "preprocessor",
@@ -75090,6 +75647,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -75110,7 +75696,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -77790,6 +78376,20 @@
                 "module": "components/form-core/src/NativeTextFieldMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "preprocessor",
@@ -78108,6 +78708,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -78128,7 +78757,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -82662,6 +83291,20 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -82933,6 +83576,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -82953,7 +83625,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -85103,6 +85775,20 @@
                 "module": "components/form-core/src/NativeTextFieldMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "preprocessor",
@@ -85361,6 +86047,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -85381,7 +86096,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -89078,6 +89793,20 @@
                 "module": "components/form-core/src/NativeTextFieldMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "preprocessor",
@@ -89366,6 +90095,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -89386,7 +90144,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -92463,6 +93221,20 @@
                 "module": "components/form-core/src/NativeTextFieldMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "preprocessor",
@@ -92721,6 +93493,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -92741,7 +93542,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -96022,6 +96823,20 @@
                 "module": "components/form-core/src/NativeTextFieldMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "serializer",
@@ -96234,6 +97049,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -96254,7 +97098,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -99357,6 +100201,20 @@
                 "module": "components/form-core/src/NativeTextFieldMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "serializer",
@@ -99569,6 +100427,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -99589,7 +100476,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -102788,6 +103675,20 @@
                 "module": "components/form-core/src/NativeTextFieldMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "preprocessor",
@@ -103106,6 +104007,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -103126,7 +104056,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -112549,6 +113479,20 @@
                 "module": "components/form-core/src/choice-group/ChoiceInputMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -112797,6 +113741,35 @@
                 "module": "components/form-core/src/FormatMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormatMixin",
+                "module": "components/form-core/src/FormatMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -112817,7 +113790,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "FormatMixin",
                 "module": "components/form-core/src/FormatMixin.js"
@@ -116097,6 +117070,15 @@
               "static": true,
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "#hasSetup",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "config",
@@ -116247,8 +117229,7 @@
             },
             {
               "kind": "method",
-              "name": "#isMovingInDom",
-              "privacy": "private",
+              "name": "_isPermanentlyDisconnected",
               "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
               "return": {
                 "type": {
@@ -116428,6 +117409,19 @@
               "attribute": "has-arrow",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "#hasSetup",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "OverlayMixin",
+                "module": "components/overlays/src/OverlayMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "config",
@@ -116648,8 +117642,7 @@
             },
             {
               "kind": "method",
-              "name": "#isMovingInDom",
-              "privacy": "private",
+              "name": "_isPermanentlyDisconnected",
               "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
               "return": {
                 "type": {
@@ -120857,6 +121850,20 @@
                 "module": "components/form-core/src/choice-group/ChoiceInputMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -121105,6 +122112,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -121125,7 +122161,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -124151,6 +125187,19 @@
               },
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "#hasSetup",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "OverlayMixin",
+                "module": "components/overlays/src/OverlayMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "config",
@@ -124344,8 +125393,7 @@
             },
             {
               "kind": "method",
-              "name": "#isMovingInDom",
-              "privacy": "private",
+              "name": "_isPermanentlyDisconnected",
               "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
               "return": {
                 "type": {
@@ -124355,7 +125403,8 @@
               "inheritedFrom": {
                 "name": "OverlayMixin",
                 "module": "components/overlays/src/OverlayMixin.js"
-              }
+              },
+              "privacy": "protected"
             },
             {
               "kind": "field",
@@ -129441,6 +130490,20 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -129747,6 +130810,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -129767,7 +130859,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -131830,6 +132922,20 @@
               },
               "description": "Boolean indicating whether or not this element is disabled."
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -132078,6 +133184,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -132098,7 +133233,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -135311,6 +136446,20 @@
                 "module": "components/form-core/src/NativeTextFieldMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#viewValueState",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ didFormatterOutputSyncToView: false, didFormatterRun: false, }",
+              "description": "During format/parse, we sometimes need to know how the current viewValue the user\ninteracts with \"came to be\". Was it already formatted before for instance?\nIf so, in case of an amount input, we might want to stick to the curent interpretation of separators.",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "preprocessor",
@@ -135629,6 +136778,35 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsMode",
+              "privacy": "private",
+              "description": "This method will be called right before a parser or formatter gets called and computes\nthe formatOptions.mode. In short, it gives meta info about how the user interacted with\nthe form control, as these user interactions can influence the formatting/parsing behavior.\n\nIt's important that the behavior of these can be different during a paste or user edit,\nbut not during programmatic setting of values (like setting modelValue).",
+              "return": {
+                "type": {
+                  "text": "'auto'|'pasted'|'user-edited'"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFormatOptionsViewValueStates",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "FormatOptions['viewValueStates']"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "field",
               "name": "formatOn",
@@ -135649,7 +136827,7 @@
               "name": "formatOptions",
               "privacy": "public",
               "description": "Configuration object that will be available inside the formatter function",
-              "default": "({})",
+              "default": "({ mode: 'auto' })",
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -138355,6 +139533,19 @@
                 "module": "components/overlays/src/ArrowMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "#hasSetup",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "OverlayMixin",
+                "module": "components/overlays/src/OverlayMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "config",
@@ -138575,8 +139766,7 @@
             },
             {
               "kind": "method",
-              "name": "#isMovingInDom",
-              "privacy": "private",
+              "name": "_isPermanentlyDisconnected",
               "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
               "return": {
                 "type": {
@@ -138586,7 +139776,8 @@
               "inheritedFrom": {
                 "name": "OverlayMixin",
                 "module": "components/overlays/src/OverlayMixin.js"
-              }
+              },
+              "privacy": "protected"
             },
             {
               "kind": "field",
@@ -144762,6 +145953,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "../../node_modules/lit/directives/cache.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"lit-html/directives/cache.js\""
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/overlays/src/overlayShadowDomStyle.js",
@@ -147627,6 +148833,26 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "../../node_modules/lit-html/node/directives/cache.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "h"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "cache",
+          "declaration": {
+            "name": "h",
+            "module": "../../node_modules/lit-html/node/directives/cache.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "../../node_modules/@popperjs/core/dist/esm/createPopper.js",