@lion/ui 0.9.0 → 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"
@@ -92050,26 +92808,6 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "__reflectAriaAttrToSpinButton",
-              "parameters": [
-                {
-                  "name": "attrName",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "nodes",
-                  "type": {
-                    "text": "Element[]"
-                  }
-                }
-              ],
-              "description": "Based on FormControlMixin __reflectAriaAttr()\n\nWill handle help text, validation feedback and character counter,\nprefix/suffix/before/after (if they contain data-description flag attr).\nAlso, contents of id references that will be put in the <lion-field>._ariaDescribedby property\nfrom an external context, will be read by a screen reader.",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "__setDefaultValidators",
@@ -92218,9 +92956,44 @@
               },
               "privacy": "protected"
             },
+            {
+              "kind": "method",
+              "name": "_inputGroupTemplate",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_onEnterButton",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "privacy": "protected"
+            },
             {
               "kind": "method",
               "name": "_onLeaveButton",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
               "description": "Redispatch leave event on host when catching leave event\non the incrementor and decrementor button.\n\nThis redispatched leave event will be caught by\nInteractionStateMixin to set \"touched\" state to true.\n\nInteracting with the buttons is \"user interactions\"\nthe same way as focusing + blurring the field (native input)",
               "privacy": "protected"
             },
@@ -92332,11 +93105,6 @@
               "default": "{ max: this.max, min: this.min, step: this.step, }",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "__boundOnLeaveButton",
-              "privacy": "protected"
-            },
             {
               "kind": "field",
               "name": "properties",
@@ -92453,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",
@@ -92711,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",
@@ -92731,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"
@@ -93170,20 +93981,6 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "_inputGroupTemplate",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "LionField",
-                "module": "components/form-core/src/LionField.js"
-              }
-            },
             {
               "kind": "method",
               "name": "_inputGroupBeforeTemplate",
@@ -96026,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",
@@ -96238,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",
@@ -96258,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"
@@ -99361,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",
@@ -99573,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",
@@ -99593,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"
@@ -102792,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",
@@ -103110,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",
@@ -103130,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"
@@ -112553,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",
@@ -112801,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",
@@ -112821,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"
@@ -116101,6 +117070,15 @@
               "static": true,
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "#hasSetup",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "config",
@@ -116251,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": {
@@ -116432,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",
@@ -116652,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": {
@@ -120861,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",
@@ -121109,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",
@@ -121129,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"
@@ -124155,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",
@@ -124348,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": {
@@ -124359,7 +125403,8 @@
               "inheritedFrom": {
                 "name": "OverlayMixin",
                 "module": "components/overlays/src/OverlayMixin.js"
-              }
+              },
+              "privacy": "protected"
             },
             {
               "kind": "field",
@@ -129445,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",
@@ -129751,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",
@@ -129771,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"
@@ -131834,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",
@@ -132082,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",
@@ -132102,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"
@@ -135315,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",
@@ -135633,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",
@@ -135653,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"
@@ -138359,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",
@@ -138579,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": {
@@ -138590,7 +139776,8 @@
               "inheritedFrom": {
                 "name": "OverlayMixin",
                 "module": "components/overlays/src/OverlayMixin.js"
-              }
+              },
+              "privacy": "protected"
             },
             {
               "kind": "field",
@@ -144766,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",
@@ -147631,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",